@font-face {
  font-family: 'Signika';
  src: url('../fonts/Signika-Regular.eot');
  src: url('../fonts/Signika-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Signika-Regular.woff2') format('woff2'),
       url('../fonts/Signika-Regular.woff') format('woff'),
       url('../fonts/Signika-Regular.ttf')  format('truetype'),
       url('../fonts/Signika-Regular.svg#bs') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Signika';
  src: url('../fonts/Signika-SemiBold.eot');
  src: url('../fonts/Signika-SemiBold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Signika-SemiBold.woff2') format('woff2'),
       url('../fonts/Signika-SemiBold.woff') format('woff'),
       url('../fonts/Signika-SemiBold.ttf')  format('truetype'),
       url('../fonts/Signika-SemiBold.svg#bs') format('svg');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Signika';
  src: url('../fonts/Signika-Bold.eot');
  src: url('../fonts/Signika-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Signika-Bold.woff2') format('woff2'),
       url('../fonts/Signika-Bold.woff') format('woff'),
       url('../fonts/Signika-Bold.ttf')  format('truetype'),
       url('../fonts/Signika-Bold.svg#bs') format('svg');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Signika';
  src: url('../fonts/Signika-Regular.eot');
  src: url('../fonts/Signika-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Signika-Regular.woff2') format('woff2'),
       url('../fonts/Signika-Regular.woff') format('woff'),
       url('../fonts/Signika-Regular.ttf')  format('truetype'),
       url('../fonts/Signika-Regular.svg#bs') format('svg');
  font-weight: 400;
  /*font-style: italic;*/
  font-synthesis: none;
  font-variation-settings: 'ital' 1;
}
@font-face {
  font-family: 'Signika';
  src: url('../fonts/Signika-SemiBold.eot');
  src: url('../fonts/Signika-SemiBold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Signika-SemiBold.woff2') format('woff2'),
       url('../fonts/Signika-SemiBold.woff') format('woff'),
       url('../fonts/Signika-SemiBold.ttf')  format('truetype'),
       url('../fonts/Signika-SemiBold.svg#bs') format('svg');
  font-weight: 600;
  /*font-style: italic;*/
  font-synthesis: none;
  font-variation-settings: 'ital' 1;
}
@font-face {
  font-family: 'Signika';
  src: url('../fonts/Signika-Bold.eot');
  src: url('../fonts/Signika-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Signika-Bold.woff2') format('woff2'),
       url('../fonts/Signika-Bold.woff') format('woff'),
       url('../fonts/Signika-Bold.ttf')  format('truetype'),
       url('../fonts/Signika-Bold.svg#bs') format('svg');
  font-weight: 900;
  /*font-style: italic;*/
  font-synthesis: none;
  font-variation-settings: 'ital' 1;
}
*, *::before, *::after{
	font-size: .9rem;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	border: 0; 
}
img{
	display: block;
	max-width: 100%;
}

:root {
  --screen-lg: 1440px;
  --black-color: #333;
  --grey-color-50: #efefef;
  --grey-color-100: #eee;
  --grey-color-150: #e7e7e7;
  --grey-color-200: #ddd;
  --grey-color-300: #ccc;
  --grey-color-350: #aaa;
  --grey-color-400: #999;
  --grey-color-500: #888;
  --grey-color-600: #757575;
  --grey-color-900: #666;
  --grey-color-1100: #0d0d0d;
  --white-color: #fff;
  --error-color: #b52559;
  --acceptable-color: #f29f05;
  --green-color: #8ad264;
  
  --primary-color-200: #ff9e0c;
  --primary-color-400: #ff9900;
  --primary-color-600: #e18700;
  --secondary-color-200: #ff9e0c;
  --secondary-color-400: #ff9900;
  --secondary-color-600: #e18700;
  --tertiary-color-200: #f1c745;
  --tertiary-color-400: #EB923C;
  --tertiary-color-600: #e45c33;

	--pie-main: hsl(168, 76%, 42);

	--darkmode-100: #111;
	--darkmode-150: #1c1c1c;
	--darkmode-200: #222;
	--darkmode-300: #333;
	--darkmode-gradient: linear-gradient( to bottom left, #111, #333 );
	--darkmode-transparent: #11111170;
}
::placeholder {
  color: var(--grey-color-500);
  opacity: 1;
}
:-ms-input-placeholder {
  color: var(--grey-color-500);
}
::-ms-input-placeholder {
  color: var(--grey-color-500);
}
html{
	overflow-x: hidden;
	height: 100%;
}

body{
	height: 100%;
	position: relative;
	overflow-x: hidden;
	/*background: var(--white-color);	*/
	background: var(--grey-color-150);	
	background-attachment: fixed;
	/*background-image: linear-gradient( to top right, var( --tertiary-color-400 ), var( --primary-color-200 ), var( --secondary-color-600 ) );*/
	color: var(--black-color);
  font-family: 'Signika', sans-serif;
}
body.fixed{
	overflow: hidden;
}
input, textarea, button{

    font-family: 'Signika', sans-serif;
}
a, a:visited, a:hover, a:active{
	color: inherit;
	text-decoration: none;
	display: inline-block;
}
.primary{
	color: var( --primary-color-600 );
}
.secondary{
	color: var( --secondary-color-600 );
}
.dark-grey{
	color: var(--grey-color-900);
}
.table-link-visible{
	color: var( --primary-color-600 );
}
.table-link:hover{
	color: var( --primary-color-400 );
	font-weight: 600;
}
.table-link:active{
	color: var( --primary-color-200 );
}
tr.table-link:hover {
	background: var(--grey-color-100);
}
.link,
a.link,
.link:visited,
a.link:visited{
	font-weight: 600;
	color: var( --primary-color-600 );
	transition: .25s ease;
	background-image: linear-gradient( to right, transparent, transparent ), linear-gradient( to right, var(--primary-color-200), var(--primary-color-600) );
	background-size: 100% 2px, 0 2px;
	background-position: 100% 100%, 0 100%;
	background-repeat: no-repeat;
	transition: background-size .2s ease;
}
.link.weight-900,
a.link.weight-900{
	font-weight: 900;
}
.link:hover,
a.link:hover{
	color: var( --primary-color-400 );
  	background-size: 0 2px, 100% 2px;
}
.link:active,
a.link:active{
	color: var( --primary-color-200 );
}
.link.secondary,
a.link.secondary,
.link.secondary:visited,
a.link.secondary:visited{
	color: var( --secondary-color-600 );
	background-image: linear-gradient( to right, transparent, transparent ), linear-gradient( to right, var(--secondary-color-200), var(--secondary-color-600) );
}
.link.secondary:hover,
a.link.secondary:hover{
	color: var( --secondary-color-400 );
}
.link.secondary:active,
a.link.secondary:active{
	color: var( --secondary-color-200 );
}
.link.tertiary,
a.link.tertiary,
.link.tertiary:visited,
a.link.tertiary:visited{
	color: var( --tertiary-color-600 );
	background-image: linear-gradient( to right, transparent, transparent ), linear-gradient( to right, var(--tertiary-color-200), var(--tertiary-color-600) );
}
.link.tertiary:hover,
a.link.tertiary:hover{
	color: var( --tertiary-color-400 );
}
.link.tertiary:active,
a.link.tertiary:active{
	color: var( --tertiary-color-200 );
}
.link.white,
a.link.white,
.link.white:visited,
a.link.white:visited{
	color: var( --white-color );
	background-image: linear-gradient( to right, transparent, transparent ), linear-gradient( to right, var(--white-color), var(--white-color) );
}
.link.white:hover,
a.link.white:hover{
	color: var( --white-color );
}
.link.white:active,
a.link.white:active{
	color: var( --white-color );
}
.link.dark,
a.link.dark,
.link.dark:visited,
a.link.dark:visited{
	color: var( --black-color );
	background-image: linear-gradient( to right, transparent, transparent ), linear-gradient( to right, var(--primary-color-200), var(--primary-color-600) );
}
.link.dark:hover,
a.link.dark:hover{
	color: var( --primary-color-400 );
}
.link.dark:active,
a.link.dark:active{
	color: var( --primary-color-200 );
}
.btn,
a.btn{
	background-color: var( --primary-color-600 );
	background-image: linear-gradient( to bottom left, var( --primary-color-200 ), var( --primary-color-600 ) );
	color: var( --white-color );
	font-weight: 600;
	padding: 1em 2em;
	/*border: 2px solid var( --primary-color-600 );*/
	cursor: pointer;
	box-shadow: 0 0 8px 1px rgba( 0, 0, 0, 0 );
	margin: .25rem;
	line-height: 1.5rem;
	transition: box-shadow .25s ease;
}
.btn:hover,
a.btn:hover{
	background-color: var( --primary-color-400 );
	background-image: linear-gradient( to bottom left, var( --primary-color-200 ), var( --primary-color-400 ) );
	/*border: 2px solid var( --primary-color-400 );*/
	box-shadow: 1px 4px 8px 1px rgba(0, 0, 0, .05);
	transform: scale(1.01);
}
.btn:active,
a.btn:active{
	background-color: var( --primary-color-200 );
	/*border: 2px solid var( --primary-color-200 );*/
	box-shadow: 1px 4px 12px 0px rgba(0, 0, 0, .05);
	transform: scale(0.99);
}
.btn.secondary,
a.btn.secondary{
	background-image: linear-gradient( to bottom left, var( --secondary-color-200 ), var( --secondary-color-600 ) );
	background-color: var( --secondary-color-600 );
	/*border: 2px solid var( --secondary-color-600 );*/
}
.btn.secondary:hover,
a.btn.secondary:hover{
	background-color: var( --secondary-color-400 );
	background-image: linear-gradient( to bottom left, var( --secondary-color-200 ), var( --secondary-color-400 ) );
	/*border: 2px solid var( --secondary-color-400 );*/
}
.btn.secondary:active,
a.btn.secondary:active{
	background-color: var( --secondary-color-200 );
	/*border: 2px solid var( --secondary-color-200 );*/
}
.btn.tertiary,
a.btn.tertiary{
	background-color: var( --tertiary-color-600 );
	background-image: linear-gradient( to bottom left, var( --tertiary-color-200 ), var( --tertiary-color-600 ) );
	/*border: 2px solid var( --tertiary-color-600 );*/
	/*color: var( --black-color );*/
}
.btn.tertiary:hover,
a.btn.tertiary:hover{
	background-color: var( --tertiary-color-400 );
	background-image: linear-gradient( to bottom left, var( --tertiary-color-200 ), var( --tertiary-color-400 ) );
	/*border: 2px solid var( --tertiary-color-400 );*/
	/*color: var( --black-color );*/
}
.btn.tertiary:active,
a.btn.tertiary:active{
	background-color: var( --tertiary-color-200 );
	/*border: 2px solid var( --tertiary-color-200 );*/
	/*color: var( --black-color );*/
}
.btn.white,
a.btn.white{
	background-image: unset;
	background-color: var( --white-color );
	border: 2px solid var( --white-color );
	color: var( --black-color );
}
.btn.white:hover,
a.btn.white:hover{
	background-color: var( --white-color );
	border: 2px solid var( --white-color );
	color: var( --black-color );
}
.btn.white:active,
a.btn.white:active{
	background-color: var( --white-color );
	border: 2px solid var( --white-color );
	color: var( --black-color );
}
.btn.alt,
a.btn.alt{
	background-image: unset;
	background-color: transparent;
	color: var( --primary-color-600 );
	border: 4px solid var( --primary-color-600 );
}
.btn.alt:hover,
a.btn.alt:hover{
	background-color: transparent;
	color: var( --primary-color-400 );
	border: 4px solid var( --primary-color-400 );
}
.btn.alt:active,
a.btn.alt:active{
	background-color: transparent;
	color: var( --primary-color-200 );
	border: 4px solid var( --primary-color-200 );
}
.btn.alt.secondary,
a.btn.alt.secondary{
	background-color: transparent;
	color: var( --secondary-color-600 );
	border: 4px solid var( --secondary-color-600 );
}
.btn.alt.secondary:hover,
a.btn.alt.secondary:hover{
	background-color: transparent;
	color: var( --secondary-color-400 );
	border: 4px solid var( --secondary-color-400 );
}
.btn.alt.secondary:active,
a.btn.alt.secondary:active{
	background-color: transparent;
	color: var( --secondary-color-200 );
	border: 4px solid var( --secondary-color-200 );
}
.btn.alt.tertiary,
a.btn.alt.tertiary{
	background-color: transparent;
	color: var( --tertiary-color-600 );
	border: 4px solid var( --tertiary-color-600 );
}
.btn.alt.tertiary:hover,
a.btn.alt.tertiary:hover{
	background-color: transparent;
	color: var( --tertiary-color-400 );
	border: 4px solid var( --tertiary-color-400 );
}
.btn.alt.tertiary:active,
a.btn.alt.tertiary:active{
	background-color: transparent;
	color: var( --tertiary-color-200 );
	border: 4px solid var( --tertiary-color-200 );
}
.btn.alt.white,
a.btn.alt.white{
	background-color: transparent;
	color: var( --white-color );
	border: 4px solid var( --white-color );
}
.btn.alt.white:hover,
a.btn.alt.white:hover{
	background-color: var(--white-color);
	color: var( --primary-color-600 );
	border: 4px solid var( --white-color );
}
.btn.alt.white:active,
a.btn.alt.white:active{
	background-color: var(--white-color);
	color: var( --primary-color-600 );
	border: 4px solid var( --white-color );
}
.btn.grey,
a.btn.grey{
	background-color: var( --grey-color-300 );
	background-image: linear-gradient( to bottom left, var( --grey-color-100 ), var( --grey-color-200 ) );
	/*border: 2px solid var( --grey-color-300 );*/
	color: var(--grey-color-900);
}
.btn.grey:hover,
a.btn.grey:hover{
	background-color: var( --grey-color-200 );
	/*border: 2px solid var( --grey-color-200 );*/
	color: var(--grey-color-900);
}
.btn.grey:active,
a.btn.grey:active{
	background-color: var( --grey-color-200 );
	/*border: 2px solid var( --grey-color-200 );*/
	color: var(--grey-color-900);
}
.btn:not( .btn-square ){
	border-radius: 2em;
}
.btn.btn-square{
	border-radius: 5px;
}
.btn.btn-block{
	aspect-ratio: 1 / 1;
	padding: 1rem;
}
.btn.btn-block i{
	display: block;
	margin-bottom: .5rem;
}
.btn.btn-block i::before{
	font-size: 2rem;
}
.btn.btn-circle{
    width: 3rem;
    height: 3rem;
    padding: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.btn.btn-circle:hover{
	transform: scale(1.03);
	transform-origin: center center;
}
.btn[disabled]:active,
.btn[disabled]:hover,
.btn[disabled]{
	opacity: .75;
	cursor: not-allowed;
	box-shadow: 0 0 0 rgba( 0, 0, 0, .25 );
	transform: scale(1);
}
.btn.btn-small{
	padding: .5rem 1rem;
}
.btn.btn-circle.btn-small{
	width: 2.5rem;
	height: 2.5rem;
}
.list-buttons{
	border-radius: 5px;
	overflow: hidden;	
  box-shadow: 1px 2px 3px 0px rgb(0 0 0 / 15%);
}
.list-buttons .btn.btn-square,
.list-buttons .btn{
	border-radius: 0;
	padding-top: 10px;
	border-bottom: 1px solid var(--grey-color-300);
}

.list-buttons .btn:hover{
	transform: scale(1);
	box-shadow: unset;
	opacity: .8;

}
.list-buttons .btn:active{
	transform: scale(1);
	opacity: .6;
	box-shadow: unset;
}
.button-grid{
	display: grid;
	grid-template-columns: repeat( auto-fill, minmax( 9rem, 1fr ) );
	grid-gap: 1rem;
}
.btn.button-grid-button{
	text-align: center;
	margin: 0;
	position: relative;
	padding: 0;
	padding-bottom: 100%;
	width: 100%;
}
.button-grid-button-inner{
	padding: 1rem;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
.button-grid-button-inner .icon{
	min-height: 3.1rem;
}
.button-grid-button-inner i{
	margin-top: 1.5rem;
	min-height: 1.6rem;
}
.button-grid-button-inner i::before{
	font-size: 1.25rem;
}

.button-grid-button-inner .label{
	min-height: 3rem;
	margin-top: .5rem;
}
ul, ol, li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
::placeholder {
  color: var( --grey-color-500 );
  opacity: 1;
}
:-ms-input-placeholder {
  color: var( --grey-color-500 );
}
::-ms-input-placeholder {
  color: var( --grey-color-500 );
}
.fa-display-1 i::before,
.display-1,
.display-1 span,
.display-1 a,
.display-1 strong{
	font-size: 3rem;
}
.fa-display-2 i::before,
.display-2,
.display-2 span,
.display-2 a,
.display-2 strong{
	font-size: 2.5rem;
}
.m-display-1,
.fa-display-3 i::before,
.display-3,
.display-3 span,
.display-3 a,
.display-3 strong{
	font-size: 2rem;
}
.fa-display-4 i::before,
.display-4,
.display-4 span,
.display-4 a,
.display-4 strong{
	font-size: 1.5rem;
}
.fa-display-45 i::before,
.display-45,
.display-45 span,
.display-45 a,
.display-45 strong{
	font-size: 1.25rem;
}
.fa-display-5 i::before,
.display-5,
.display-5 span,
.display-5 a,
.display-5 strong{
	font-size: 1rem;
}
.fa-display-6 i::before,
.display-6,
.display-6 span,
.display-6 a,
.display-6 strong{
	font-size: .8rem;
}
.circle-avatar-container{
    width: 16rem;
    height: 16rem;
    max-width: 30vw;
    max-height: 30vw;
    border-radius: 50%;
    background-size: cover;
    float: right;
    margin: 0 0 1rem 1rem;
}

.square-avatar-container{
		width: 100%;
		padding-bottom: 60%;
    border-radius: 5px;
    background-size: cover;
    margin: 1rem 0;
}
.grey-bg{
	background: var(--grey-color-100);
}
.white-bg{
	background: var(--white-color);
}
.dark-bg{
	background: var(--grey-color-900);
}
.primary-bg{
	background: var(--primary-color-600);
}
.bg-gradient{
	background-color: var(--primary-color-600);
	background-image: linear-gradient( to right, var(--tertiary-color-600 ), var(--primary-color-600), var(--secondary-color-600) );
}
.white{
	color: var(--white-color);
}
.hr{
	height: 2rem;
	width: 100%;
}
.hr.hr-small{
	height: 3px;
}
.fit-content{
	width: fit-content;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	width: -ms-fit-content;
}
.clickable{
	cursor: pointer;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}
.no-events{
	pointer-events: none;
}
.no-select{
	user-select: none;
}
.no-resize{
	resize: none;
}
.nowrap{
	white-space: nowrap;
}
.v-align-top{
	vertical-align: top;
}
.v-align-middle{
	vertical-align: middle;
}
.relative{
	position: relative;
}
.nomob{
	display: none;
}
em,
.italic{
  font-variation-settings: 'slnt' 12;
}
.weight-600{
	font-weight: 600;
}
.weight-900{
	font-weight: 900;
}
.line-height, .line-height *{
	line-height: 1.5rem;
}
.line-height-2{
	line-height: 2rem;
}
.ch30 {
	max-width: 30ch;
}
.ch45 {
	max-width: 45ch;
}
.ch60 {
	/*max-width: 60ch;*/
	max-width: calc( 100vw - 4rem );
}
.ch75 {
	/*max-width: 75ch;*/
	max-width: calc( 100vw - 4rem );
}
.m-0{
	margin: 0 !important;
}
.m-auto{
	margin-left: auto;
	margin-right: auto;
}
.mt-h{
	margin-top: .5rem;
}
.mt-1{
	margin-top: 1rem;
}
.mt-2{
	margin-top: 2rem;
}
.mt-4{
	margin-top: 4rem;
}
.mb-q{
	margin-bottom: .25rem;
}
.mb-h{
	margin-bottom: .5rem;
}
.mb-1{
	margin-bottom: 1rem;
}
.mb-2{
	margin-bottom: 2rem;
}
.mb-4{
	margin-bottom: 4rem;
}
.mb-6{
	margin-bottom: 6rem;
}
.ml-h{
	margin-left: .5rem;
}
.mr-h{
	margin-right: .5rem;
}
.mr-1{
	margin-right: 1rem;
}
.p-h{
	padding: .5rem;
}
.p-q{
	padding: .25rem;
}
.p-1{
	padding: 1rem;
}
.pt-0{
	padding-top: 0 !important;
}
.pt-h{
	padding-top: .5rem;
}
.pt-1{
	padding-top: 1rem;
}
.pb-h{
	padding-bottom: .5rem;
}
.pb-1{
	padding-bottom: 1rem;
}
.max-width-100{
	max-width: 100%;
}
.width-100{
	width: 100%;
}
.height-100{
	height: 100%;
}
.flex-align-center{
	align-items: center;
}
.flex-grow{
	flex-grow: 1;
}
.loader{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: var( --white-color );
	z-index: 1001;
	pointer-events: none;
	opacity: 0;
	transition: .25s ease;
}
.loader.page-loaded{
	background: rgba(30,30,30,.125);
}
.loader.active{
	pointer-events: unset;
	opacity: 1;
}
.form-alt-loader{
	position: fixed;
	pointer-events: none;
	bottom: 0;
	right: 50vw;
	transform: translateX( 50% );
	width: 100vw;
	max-width: var(--screen-lg );
	text-align: right;

	padding: 1rem;
	z-index: 1000;
}
.form-alt-loader.active .loader-inner,
.loader.active .loader-inner{
	display: block;
}
.loader-inner{
	display: none;
	position: absolute;
	left: calc( 50vw - 1.5rem );
	top: calc( 50vh - 1.5rem );
	border-radius: 50%;
	/*background: var(--white-color);*/
	width: 3rem;
	height: 3rem;
	z-index: 1;
	transition: 1s ease-out;
}
.form-alt-loader .loader-inner{
	top: unset;
	bottom: 1rem;
	right: 1rem;
	left: unset;
}
.loader-inner::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 50%;
	border-top: 3px solid var(--primary-color-600);
	border-left: 3px solid var(--primary-color-600);
	border-right: 3px solid var(--primary-color-600);
	border-bottom: 3px solid transparent;
	animation: colorSpin 6s linear infinite;
	z-index: 2;
}
.alt-loader{
	pointer-events: none;
	transition: .25s ease;
	position: relative;
	width: 3rem;
	height: 3rem;
}
.alt-loader-inner{
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	background: white;
	width: 3rem;
	height: 3rem;
	z-index: 1;
	transition: 1s ease-out;
}
.alt-loader-inner::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 50%;
	border-top: 2px solid var(--primary-color-600);
	border-left: 2px solid var(--primary-color-600);
	border-right: 2px solid var(--primary-color-600);
	border-bottom: 2px solid transparent;
	animation: colorSpin 6s linear infinite;
	z-index: 2;
}
.alt-loader.black-bg-loader .alt-loader-inner{
	background: transparent;
}

.menu{
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	background: #FFF;
	box-shadow: 0 0 .25rem rgba( 0,0,0,.1);
}
.menu-inner{
	display: flex;
	align-items: center;
	width: var(--screen-lg);
	max-width: 100vw;
	margin: auto;
	height: 5rem;
}
.presentation-menu .menu-inner{
    max-width: calc( 100vw - 4rem );
}
.presentation-menu .menu-language-select .language-select{
	margin-top: 0;
}
.menu-inner{
	margin-left: 2rem;
}
.has-filters .menu-inner{
	margin-left: 0;
  display: grid;
  grid-template-columns: 5rem 1fr 5rem;
  justify-content: center;
  padding: 0 1rem;
}
.has-filters .logo-outer{
	text-align: center;
}

.menu::after{
/*	position: absolute;
	content: '';
	bottom: -1px;
	height: 1px;
	left: 0;
	right: 0;*/
	/*background-image: linear-gradient( to right, var(--tertiary-color-600 ), var(--primary-color-600), var(--secondary-color-600) );*/
}
.menu .toggle-menu{
	position: fixed;
	top: 0;
	right: 0;
	cursor: pointer;
	width: 5rem;
	height: 5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
}
.toggle-menu-inner{
	width: 2rem;
	height: 3px;
	background: var( --primary-color-600 );
	position: relative;
	transition: transform .25s ease;
}
.toggle-menu-inner::before{
	content: '';
	top: -8px;
	width: 100%;
	height: 100%;
	background: inherit;
	position: absolute;
	left: 0;
	transition: transform .25s ease;
}
.toggle-menu-inner::after{
	content: '';
	bottom: -8px;
	width: 100%;
	height: 100%;
	background: inherit;
	position: absolute;
	left: 0;	
	transition: transform .25s ease;
}
.toggle-menu:hover .toggle-menu-inner{
	background-color: var(--primary-color-600);
}
.toggle-menu:active .toggle-menu-inner{
	background-color: var(--primary-color-400);;
}
.menu.active .toggle-menu-inner{
	background: var(--primary-color-600);
	transform: rotate( 45deg );
}
.menu.active .toggle-menu-inner::before{
	background: var(--tertiary-color-600);
	transform: rotate( 90deg );
	top: 0;
}
.menu.active .toggle-menu-inner::after{
	background: var(--secondary-color-600);
	transform: rotate( 90deg );
	bottom: 0;
}
.menu .menu-list{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	z-index: 2;
	overflow-y: auto;
	overflow-x: hidden;
	background: var( --white-color );
	padding: 4rem 2rem;
	pointer-events: none;
	opacity: 0;
	transition: opacity .25s ease;
}
.menu .menu-language-select{
	width: 5rem;
	height: 5rem;
	right: 5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.menu-language-select .language-select{
	margin-top: 2rem;
}
.menu.active .menu-list{
	pointer-events: unset;
	opacity: 1;	
}
.menu-list li{
	opacity: 0;
	transform: translateY( .5rem );
}
.menu li button i::before,
.menu li a i::before{
	font-size: 1.5rem;
}
.menu.active .menu-list li{
	animation: trAppear .25s ease forwards;
}

.menu li button{
	width: 100%;
	background: unset;
	cursor: pointer;
	color: var(--black-color);
}
.menu li button,
.menu li a{
	min-width: 5rem;
	min-height: 5rem;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-weight: 900;
	padding: 1rem .75rem .5rem .75rem;
}
.menu li button i,
.menu li a i{
	min-height: 21px;
	margin-bottom: .5rem;
  	color: var(--primary-color-600);
}

.menu li button .label,
.menu li a .label{
	text-transform: uppercase;
	font-weight: 600;
	font-size: .8rem;
}
.menu li button[disabled]{
	cursor: not-allowed !important;
}

.menu li button[disabled]:hover i,
.menu li button[disabled]:hover .label,
.menu li button[disabled] i,
.menu li button[disabled] .label{
	color: var(--grey-color-300);
}
.menu li button .custom-icon,
.menu li a .custom-icon{
	margin-bottom: 4px;
  	color: var(--primary-color-600);
	font-size: 1.5rem;
	user-select: none;
	font-weight: 900;
}
.menu li button,
.menu li a{
	padding-bottom: .25rem;
}
.menu li button.active .custom-icon,
.menu li button:hover .custom-icon,
.menu li a.active .custom-icon,
.menu li a:hover .custom-icon,
.menu li button.active i,
.menu li button:hover i,
.menu li a.active i,
.menu li a:hover i,
.menu li button.active,
.menu li button:hover,
.menu li a.active,
.menu li a:hover{
  	color: var(--primary-color-200);
}
.language-select{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: .5rem;
}
.section{
	padding-top: 5rem;
	overflow: hidden;
	min-height: calc( 100vh - 2rem );
}
.section-inner,
.locations-search-grid{
	width: var(--screen-lg);
	margin: auto;
	max-width: 100vw;
	min-height: calc( 100vh - 5rem );
	height: 100%;
	background: var(--white-color);
}
.locations-search-grid{
	width: 100vw;
}
.location-page-section.section-inner{
	min-height: unset;
}
.locations-search-grid .location-search-bar{
	min-height: calc( 100vh - 5rem );
	overflow-x: hidden;
	overflow-y: auto;
	/*padding-right: 1rem;*/
	padding-bottom: 16rem;
	height: calc( 100vh - 5rem );
/*	padding-right: 1rem;*/
/*	padding-left: 1rem;*/
	position: fixed;
	top: 5rem;
	left: 0;
	bottom: 0;
	z-index: 998;
	background: var(--white-color);
	width: 40rem;
	max-width: 100vw;
	box-shadow: 0 0 .25rem 0 rgba(0,0,0,.1);
	transform: translateX( -100% );
	transition: transform .25s ease;
	overscroll-behavior: contain;
}
.locations-search-grid .location-search-bar.active{
	transform: translateX( 0 );

}
.image-selection-bar-backdrop,
.presentation-bar-backdrop,
.location-bar-backdrop{
	z-index: 996;
	background: var(--black-color);
	position: fixed;
	top: 0;
	left: 0;
	bottom: -3rem;
	right: 0;
	opacity: 0;
	pointer-events: none;
	transition: .25s ease;
}
.image-selection-bar.opened + .image-selection-bar-backdrop,
.presentation-page.active .presentation-bar-backdrop,
.locations-search-grid .location-search-bar.active + .location-bar-backdrop{
	opacity: .3;
	pointer-events: unset;
}

.image-selection-bar-backdrop{
	z-index: 100000;
}
.location-search-bar-header{
	/*background-color: var(--primary-color-600);*/
	/*color: var(--white-color);*/
	font-weight: 900;
	padding: .5rem 1rem;
	margin-top: 1rem;
	font-size: 1rem;
}
.expand-filters{
	width: 100%;
	height: 33px;
	color: var(--grey-color-900);
	cursor: pointer;
	/*transition: box-shadow .125s ease;*/
	border-radius: 4px;
}
.expand-filters:hover{
	transform: scale( 1.01 );
	/*box-shadow: 1px 2px 3px 1px rgb(0 0 0 / 5%);*/
}
.expand-filters:active{
	transform: scale( 0.99 );
}
.handler-parent ul ~ .expand-filters{
	display: none;
}
.handler-parent ul.long ~ .expand-filters{
	display: block;
}
.handler-parent ul.expanded ~ .expand-filters::before{
	content: attr(data-collapse);
}

.handler-parent ul.expanded ~ .expand-filters i{
	transform: rotate( 180deg ) translateY( 2px );
}
.expand-filters::before{
	content: attr(data-expand);
}
.handler-parent ul{
	transition: max-height .25s ease;
}
.handler-parent ul.long{
	max-height: 165px;
	overflow: hidden;
}
.handler-parent ul.expanded,
.handler-parent ul.long.expanded{
	max-height: unset;
}
.locations-search-grid .location-search-bar li{
/*	height: 33px;*/
}
#searchbar_field input[type=checkbox]{
	display: none;
}	
#searchbar_field input[type=checkbox] + label{
	position: relative;
	width: 100%;
	display: block;
	padding: .5rem 4rem .5rem 1rem;
	/*border-bottom: 1px solid var( --grey-color-200 );*/
	/*border-right: 1px solid var(--grey-color-200);*/
	/*border-left: 1px solid var(--grey-color-200);*/
	transition: .25s ease;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	opacity: .5;
	pointer-events: none;
}
#searchbar_field .searchbar-months input[type=checkbox] + label{
	pointer-events: unset;
}
#searchbar_field input[type=checkbox] + label.active{
	cursor: pointer;
	opacity: 1;
	pointer-events: unset;
}
.searchbar-months{
	display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  border-radius: 100vh;
  overflow: hidden;
  border: 2px solid var(--primary-color-600);
  height: 51px;
  margin-top: 1rem;
  user-select: none;
}
#searchbar_field input[type=checkbox] + label:hover{
	padding: .5rem 4.25rem .5rem 1.25rem;
}
#searchbar_field .searchbar-months input[type=checkbox] + label:hover,
#searchbar_field .searchbar-months input[type=checkbox]:checked + label,
#searchbar_field .searchbar-months input[type=checkbox] + label{
	padding:0;
	width: 100%;
	height:100%;
}
#searchbar_field .searchbar-months input[type=checkbox] + label::before{
	content: attr(data-name);
  display: flex;
  position: absolute;
  inset: 0;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  z-index: 2;
}

#searchbar_field input[type=checkbox] + label::after{
	position: absolute;
	content: '';
	top: 50%;
	bottom: 0;
	right: .5rem;
	width: 1rem;
	height: 1rem;
	border-radius: 4px;
	border: 1px solid var( --grey-color-200 );
	transform: translateY( -50% );
	z-index: 1;
}
#searchbar_field .searchbar-month-outer input[type=checkbox] + label:hover::after{
	border-right: 1px solid var(--primary-color-600);
}
#searchbar_field input[type=checkbox]:checked + label{
	padding: .5rem 4.25rem .5rem 1.25rem;
}
#searchbar_field input[type=checkbox]:checked + label::after{
	background-color: var(--primary-color-200);
}
#searchbar_field input[type=checkbox] + label span{
	font-size: .7rem;
	background: var( --grey-color-200 );
	color: var( --grey-color-600 );
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	max-width: 2rem;
	padding: .25rem .5rem;
	font-weight: 600;
	position: absolute;
	top: 50%;
	transform: translateY( -50% );
	right: 2rem;
}
#searchbar_field input[type=checkbox] + label i::before{
	font-size: .6rem;
}
#searchbar_field input[type=checkbox] + label i{
	position: absolute;
	top: 50%;
	font-size: .7rem;
	color: var(--white-color);
	right: 10px;
	transform: translateY( -50% );
	z-index: 2;
	opacity: 0;
}
#searchbar_field input[type=checkbox]:checked + label i{
	opacity: 1;
}
#searchbar_field .searchbar-months input[type=checkbox] + label::after{
	width: 100%;
  height: 100%;
  border-radius: 0;
  border-left: 0;
  border-bottom: 0;
  border-top: 0;
  margin: 0;
  right: 0;
  cursor: pointer;
}
#searchbar_field .searchbar-months :last-child input[type=checkbox]:checked + label::after,
#searchbar_field .searchbar-months :last-child input[type=checkbox] + label::after{
	border-right: 0;
}
#searchbar_field .searchbar-months input[type=checkbox]:checked + label::after{
	border-right: 1px solid var(--primary-color-600);
}
.location-search-results-header{
	/*border-bottom: 1px solid var(--grey-color-200);*/
	align-items: center;
	grid-gap: 1rem;
}
#feedback{
	pointer-events: none;
	z-index: 100;
	position: absolute;
	top: 10px;
	left: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--white-color);
	padding: 0 1rem;
	border-radius: 100vh;
	height: 40px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
  animation: flickerAnimation 3s infinite;
}
@keyframes flickerAnimation { /* flame pulses */
  0%   { color:var(--black-color); }
  50%  { color:transparent; }
  100% { color:var(--black-color) }
}
button.menu-back-button{
	background: unset;
}
button.menu-back-button{
  width: 3rem;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
	color: var(--primary-color-600);
}

.toggle-filters-menu{
  height: 5rem;
  display: flex;
  padding-right: 1.5rem;
  align-items: center;
  justify-content: center;
  cursor: pointer;
	color: var(--primary-color-600);
}
button.menu-back-button:hover,
.toggle-filters-menu:hover{
	color: var(--primary-color-400);
}
button.menu-back-button i::before,
.toggle-filters-menu i::before{
	font-size: 1.5rem;
}
.presentation-menu .toggle-filters-menu i::before{
	font-size: 1.25rem;
}
 
.toggle-filters-menu span{
	display: none;
}
.presentation-menu .toggle-filters-menu {
  display: grid;
  grid-template-columns: 1.5rem 1fr;
  grid-gap: 0.5rem;
}
.presentation-menu .toggle-filters-menu span{
	display: inline-block;
  font-size: 1.5rem;
  font-weight: 900;
}
.search-bar-input {
	display: grid;
	grid-template-columns: 1fr max-content;
}
.reset-search-filters{
	background: var(--white-color);
}
.search-bar-input input{
	height: 50px;
	border-radius: 2rem 0 0 2rem;
	border-bottom: 2px solid var(--primary-color-600);
	border-left: 2px solid var(--primary-color-600);
	border-top: 2px solid var(--primary-color-600);
	outline: none;
	padding: 0 1rem;
}
.search-bar-input button.btn,
.search-bar-input button.btn:hover,
.search-bar-input button.btn:active{
	height: 50px;
	width: 50px;
	padding: 0;
	border-radius: 0 2rem 2rem 0;
	border-left: unset;
	margin: 0;
	transform: scale(1);
}
.search-bar-select {
	display: grid;
	grid-template-columns: max-content 1fr;
}
.search-bar-input-alt label,
.search-bar-select label{
	display: block;
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 2rem 0 0 2rem;
	background: var(--primary-color-400);
	color: var(--white-color);
	font-weight: 600;
	padding: 0 .5rem 0 1rem;
}
.search-bar-select select{
	height: 3rem;
	border-radius: 0 2rem 2rem 0;
	border: 2px solid var(--primary-color-600);
	background: var(--white-color);
	outline: none;
	padding: 0 1rem;
}
.search-bar-input-alt {
	display: grid;
	grid-template-columns: max-content 1fr;
}
.search-bar-input-alt input{
	height: 3rem;
	border-radius: 0 2rem 2rem 0;
	border: 2px solid var(--primary-color-600);
	outline: none;
	padding: 0 1rem;
}
.search-results{
	/*height: calc( 100vh - 5rem );*/
	overflow-x: hidden;
	overflow-y: auto;
/*	padding-right: 1rem;*/
/*	padding-left: 1rem;*/
}
.footer-container{
	z-index: 997;
	position: relative;
	/*background: var(--white-color);*/
	box-shadow: 0 0 .25rem rgba( 0,0,0,.3);
}
.footer-inner{
	width: var(--screen-lg);
	max-width: calc( 100vw - 4rem );
	margin: auto;
	padding: 4rem 0;
}
.sub-footer{
	position: relative;
}
.colspan-1-3{
	grid-column-start: 1;
	grid-column-end: 3;
}
.footer-image{
	display: none;
}
.dashboard-footer{
	position: relative;
	width: 100%;
	height: 5rem;
	backround-color: var( --tertiary-color-600 );
	background-image: linear-gradient( to right, var(--tertiary-color-600), var(--tertiary-color-200) );
}
.dashboard-footer::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 75%;
	max-width: 768px;
	height: 100%;
	z-index: 4;
	clip-path: polygon(30% 0, 0% 100%, 100% 100%);
	background-image: linear-gradient( to right, var(--primary-color-600), var(--primary-color-200 ) );
}
.dashboard-footer::before{
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50vw;
	height: 20vw;
	max-width: 25rem;
	max-height: 6rem;
  min-width: 9rem;
  min-height: 5rem;
	z-index: 2;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	background-image: linear-gradient( to bottom left, var(--secondary-color-600), var(--secondary-color-200 ) );
}
.sub-footer::before{
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	background-image: linear-gradient( to right, var(--secondary-color-600), var(--secondary-color-200 ) );
}
.sub-footer::after{
/*	content: '';*/
	position: absolute;
	bottom: 0;
	right: 0;
	width: 25vw;
	height: 20vw;
	max-width: 20rem;
	max-height: 17.5rem;
  min-width: 9rem;
  min-height: 9rem;
	z-index: 2;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	background-image: linear-gradient( to top right, var(--primary-color-600), var(--primary-color-200 ) );
}
.presentation-footer .sub-footer::after{
	height: 100%;
	min-height: 100%;
}
.presentation-footer .sub-footer-inner::after{
	height: 75%;
	min-height: 75%;
}
.sub-footer-inner::after{
/*	content: '';*/
	position: absolute;
	bottom: 0;
	right: 0;
	width: 75%;
	max-width: 768px;
	height: 100%;
	z-index: 4;
	clip-path: polygon(60% 0, 0% 100%, 100% 100%);
	background-image: linear-gradient( to left, var(--tertiary-color-600), var(--tertiary-color-200 ) );
}
.sub-footer-inner{
	position: relative;
	width: var(--screen-lg);
	max-width: calc( 100vw - 2rem );
	margin: auto;
	padding: 1.75rem 0 1.5rem 0;
	z-index: 5;
}
.sub-footer-inner > div{
	position: relative;
	z-index: 5;
}
.footer-container::after{
	content: '';
	z-index: -2;
	position: absolute;
	inset: 0;
	background: var(--white-color);
}
.footer{
	position: relative;
}
.footer::after{
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 50%;
	z-index: -1;
	opacity: .2;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	/*background-image: linear-gradient( to bottom left, var(--secondary-color-600), var(--secondary-color-200 ) );*/
	background-color: var(--grey-color-200);
}

.footer::before{
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: .1;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	background: var( --grey-color-300 );
}
.cookie-popup{
	position: fixed;
	bottom: 1rem;
	left: 1rem;
	z-index: 1000;
	width: 22rem;
	max-width: calc( 100vw - 2rem );
	background: var( --white-color );
	padding: .5rem;
	box-shadow: 0 0 .25rem rgba( 0, 0, 0, .25 );
}
.flag{	
  object-fit: cover;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 0 0 2px var(--grey-color-400);
	/*border: 2px solid var( --grey-color-400 );*/
}
.flag .flag-inner{
	width: calc( 100% + 2px );
	height: calc( 100% + 2px );
	background-size: cover;
	background-position: center;
  transform: translate(-1px, -1px);
}
.language-select-flag{
	cursor: pointer;
	opacity: .5;
}
.language-select-flag:hover,
.language-select-flag.active{
	opacity: 1;
	box-shadow: 0 0 0 2px var(--secondary-color-600);
	/*border: 2px solid var( --secondary-color-600 );*/
}
.search-results-inner-grid{
	margin-top:.5rem;
/*	display: grid;*/
/*	grid-gap: 1rem;*/
/*  grid-template-columns: repeat( auto-fill, minmax( 11rem, 1fr ) );*/
/*  padding: 1rem 0 1rem 0;*/
}
.project-page.search-results-inner-grid{
	padding: 0;
}
#no_results.loading,
.search-results-inner-grid.loading{
	opacity: .75;
	transition: opacity .25s ease;
}
.small-location-preview,
.search-results-inner-grid > a{
	position: relative;
	display: block;
	padding-bottom: 100%;
	background-color: var( --grey-color-100 );
	background-size: cover;
	background-position: center center;
	overflow: hidden;
	transition: box-shadow .25s ease, opacity .25s ease;
	box-shadow: 0 0 0 rgba( 0, 0, 0, 0 );
	border-radius: 4px;
}
.scene-selector button{
	background-size: cover;
  width: 6rem;	
  height: 4.5rem;
  margin: 0 1rem 0 0;
  border: 3px solid var(--white-color);
  box-shadow: 0 0 0.25rem 0 rgb(0 0 0 / 20%);
  border-radius: 3px;
}
.scene-selector button.grey{
	opacity: .5;
}
.scene-selector button:hover{
	cursor: pointer;
	opacity: 1;
	transform: scale(1.01);
}
.scene-selector button:active{
	transform: scale(0.99);
}
.lazyload-placeholder{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	/*background-image: linear-gradient(to top right, var( --primary-color-600 ), var( --secondary-color-600 ) );*/
	background-image: linear-gradient(to top right, var( --grey-color-200 ), var( --grey-color-100 ) );
	z-index: 1;
}
.location-preview .lazyload-placeholder{
	z-index: 3;
}
.location-preview .lazyload-placeholder::after{
    content: '';
    font-size: 5px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    text-indent: -9999em;
    animation: mulShdSpin 1.1s infinite ease;
    transform: translateZ(0);
    position: absolute;
    top: calc( 50% - 0.5em);
    left: calc( 50% - 0.5em);
    opacity: .5;
}
@keyframes mulShdSpin {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #000, 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.5), -1.8em -1.8em 0 0em rgba(0,0,0, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.7), 1.8em -1.8em 0 0em #000, 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.5), 1.8em -1.8em 0 0em rgba(0,0,0, 0.7), 2.5em 0em 0 0em #000, 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.5), 2.5em 0em 0 0em rgba(0,0,0, 0.7), 1.75em 1.75em 0 0em #000, 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.5), 1.75em 1.75em 0 0em rgba(0,0,0, 0.7), 0em 2.5em 0 0em #000, -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.5), 0em 2.5em 0 0em rgba(0,0,0, 0.7), -1.8em 1.8em 0 0em #000, -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.5), -1.8em 1.8em 0 0em rgba(0,0,0, 0.7), -2.6em 0em 0 0em #000, -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.5), -2.6em 0em 0 0em rgba(0,0,0, 0.7), -1.8em -1.8em 0 0em #000;
  }
}
.small-location-preview:hover,
.search-results-inner-grid > a:hover{
	/*border-radius: 2rem 0 0 0;*/
	box-shadow: 0 0 .25rem rgba( 0, 0, 0, .25 );
	opacity: .95;
}

.small-location-preview:active,
.search-results-inner-grid > a:active{
	transform: scale(0.99);
}
.small-location-preview::after,
.search-results-inner-grid > a::after{
	content:  '';
	position: absolute;
	bottom: 0;
	top: 50%;
	left: 0;
	right: 0;
	z-index: 1;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0% 25%, rgba(0,0,0,.3) 100%);
	transition: .25s ease;
}
.small-location-preview .location-description,
.search-results-inner-grid > a .location-description{
	position: absolute;
	bottom: 1rem;
	left: 1rem;
	right: 1rem;
	color: var(--white-color);
  text-shadow: 0 0 4px var(--black-color);
  z-index: 2;
  transition: .5s ease;
}
.small-location-preview-grid{
    display: grid;
    grid-template-columns: repeat( auto-fill, minmax( 9rem, 1fr ) );
    grid-gap: 1rem;
  }
.small-location-preview .image-container{
	position: absolute;
	z-index: 1;
	inset: 0;
	background-size: cover;
}
.location-description .location-title{
	max-width: 100%;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;	
 	display: -webkit-box;
 	-webkit-line-clamp: 3;
 	-webkit-box-orient: vertical;
}
.line-clamp-2{
 	display: -webkit-box;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
}
.line-clamp-3{
 	display: -webkit-box;
 	-webkit-line-clamp: 3;
 	-webkit-box-orient: vertical;
}
.line-clamp-5{
 	display: -webkit-box;
 	-webkit-line-clamp: 5;
 	-webkit-box-orient: vertical;
}

.location-page-feature{
	background-color: var( --primary-color-600 );
	color: var(--white-color);
	padding: 2.5rem;
	border-radius: 4px;
	position: relative;
	max-width: 100%;
	background-size: cover;
	background-position: 50% 50%;
	overflow: hidden;
}
.location-page-feature::after{
	position: absolute;
	z-index: 1;
	content: '';
	inset: 0;
	clip-path: polygon(0 0, 0% 100%, 100% 100%);
	background: var(--white-color);
	opacity: .3;
}
.location-page-feature > div,
.location-page-feature > p{
	position: relative;
	z-index: 2;
  text-shadow: 1px 2px 8px rgb(0 0 0 / 100%);
}
div.close-location-page-feature{
	cursor: pointer;
	padding: 1rem;
	position: absolute;
	top: .5rem;
	right: .5rem;
  text-shadow: unset;
  height: 2rem;
  width: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 .25rem 0 rgba( 0,0,0,.3 );
	background: var(--white-color);
	border-radius: 50%;
	color: var(--black-color);
}
div.close-location-page-feature:hover{
	transform: scale( 1.05 );
}
div.close-location-page-feature:active{
	transform: scale( 0.95 );
}
.close-location-page-feature i::before{
	font-size: 1rem;
}
.no-results{
	max-width: 75ch;
}
.error-box{
  padding: 1rem 1.5rem;
  border-radius: 5px;
  width: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: -ms-fit-content;
  background-color: var(--tertiary-color-200);
}

.popups{
    position: fixed;
    background: rgba( 30, 30, 30, 0 );
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    bottom: -3rem;
    padding-bottom: 3rem;
    pointer-events: none;
    transition: .25s ease;
    display: flex;
    align-items: center;
    flex-direction: column;
    overflow-y: auto;
}
.popups.active{
    pointer-events: unset;
    background: rgba( 30, 30, 30, .25 );
}
.popup{
	position: relative;
	background: white;
	box-shadow: 0 0 .25rem 0 rgba( 30, 30, 30, .5 );
	padding: 1rem;
	width: 22.5rem;
	max-width: calc( 100vw - 2rem );
	border-radius: 5px;
	cursor: pointer;
	user-select: none;
	margin: 2rem 1rem;
}
.popup + .popup.modal{
	display: none;
}
.popup.modal{
	width: unset;
	cursor: unset;
	user-select: unset;
}
.popup::before{
	position: absolute;
}
.popup .close-x{
	background: unset;
	position: absolute;
	top: 0;
	right: 0;
	width: 4.25rem;
	cursor: pointer;
	height: 4.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.popup .popup-title{
	padding-right: 4.5rem;
}
.popup .close-x i::before{
	font-size: 1.5rem;
}
.popup h1{
	padding-right: 3rem;
}
.rows-input{
	max-width: 60ch;
}
.filter-input-container{
	display: grid;
	grid-gap: 1rem;
	grid-template-columns: 1fr max-content;;
}

.select-container select,
.filter-input-container input{
	height: 3.25rem;
}
.filter-input-container button.btn{
	margin: 1rem 0 0 0;
	height: 3.25rem;

}
.input-container{
	position: relative;
}

.month-selector-label,
.select-container select + label,
.input-container .tox.tox-tinymce + label,
.input-container textarea + label,
.input-container input + label {
  background-color: var(--white-color);
  top: 3px;
  left: 1rem;
  position: absolute;
  padding: .25rem .5rem;
  white-space: nowrap;
  max-width: calc( 100% - 2rem );
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 1;
}
.input-container .tox.tox-tinymce + label{
	top: -12px;
	pointer-events: none;
	padding-bottom: 2px;
}
.select-container select,
.input-container textarea,
.input-container input{
  border: 2px solid var(--grey-color-300);
  margin: 1rem 0 0 0;
  width: 100%;
  padding: 1rem 1rem;
  outline: none;
  border-radius: 5px;
}
.search-bar-select select,
.select-container select{
	cursor: pointer;
	background: var(--white-color);
}
.select-container select[readonly],
.input-container input[readonly]{
	cursor: default;
}
.input-container textarea{
	resize: vertical;
	min-height: 5rem;
}
.input-container .tox.tox-tinymce{
  border: 2px solid var(--grey-color-300);
  margin: 1rem 0 0 0;
  width: 100%;
  border-radius: 5px;
  padding-top: 5px;
  min-height: 15rem;
}

.select-container select:hover,
.select-container select:focus,
.select-container select.active,
.input-container .tox.tox-tinymce:hover,
.input-container .tox.tox-tinymce.active,
.input-container textarea:hover,
.input-container textarea:focus,
.input-container textarea.active,
.input-container input:hover,
.input-container input:focus,
.input-container input.active{
  border: 2px solid var(--secondary-color-600);
}

.input-container .tox.tox-tinymce:hover + label,
.input-container .tox.tox-tinymce.active + label,
.input-container textarea:hover + label,
.input-container textarea:focus + label,
.input-container textarea.active + label,
.input-container input:hover + label,
.input-container input:focus + label,
.input-container input.active + label {
	color: var(--secondary-color-600);
}
.input-container textarea.red-border,
.input-container input.red-border{
  border: 2px solid var(--error-color);
}
.input-container textarea.red-border + label,
.input-container input.red-border + label{
	color: var(--error-color);
}

.validate-container, 
.match-container{
	position: relative;
	margin-top: .75rem;
	height: 5px;
	width: calc( 100% - 1.5rem );
	opacity: 1;
	background-color: var(--grey-color-200);
}
.validate-container.active, 
.match-container.active{
	opacity: 1;
}
.validate-score,
.progress-bar-inner,
.match-score{
	position: absolute;
	width: 0;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
	transition: .25s ease;
}

.validate-container[data-score="bad"] .validate-score{
	background:	var(--error-color);
	width: 33%;
}

.validate-container[data-score="acceptable"] .validate-score{
	background:	var(--acceptable-color);
	width: 66%;
}

.validate-container[data-score="good"] .validate-score{
	background:	var(--green-color);
	width: 100%;
}
.validate-text{
	position: absolute;
	top: -6px;
	right: -1.75rem;
	/*opacity: 0;*/
	/*transition: .25s ease;*/
	pointer-events: none;
}

.validate-text i{
	padding-right: .5rem;
	color: var(--grey-color-200);
}
.match-container[data-score="good"] .validate-text i,
.validate-container[data-score="good"] .validate-text i{
	color: var(--green-color);
}

.match-container[data-score="bad"] .match-score{
	background:	var(--error-color);
	width: 50%;
}

.match-container[data-score="good"] .match-score{
	background:	var(--green-color);
	width: 100%;
}
.checkbox-container{
	position: relative;
}
.checkbox-container input[type="checkbox"]{
	display: none;
}
.checkbox-container input[type="checkbox"] + label{
	position: relative;
	line-height: 1.5rem;
  text-indent: 1.75rem;
  display: inline-block;
  cursor: pointer;
}
.checkbox-container input[type="checkbox"] + label::before{
	content: '';
	background: var(--white-color);
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 3px;
	border: 1px solid var(--grey-color-200);
	position: absolute;
	top: 1px;
	left: 0;
	opacity: .5;
	z-index: 1;
}

.checkbox-container input[type="checkbox"] + label i.fa-check{
	color: var(--primary-color-600);
	position: absolute;
	top: -2px;
  left: -24px;
  z-index: 2;
  opacity: 0;
}
.checkbox-container input[type="checkbox"] + label i.fa-check::before{
  font-size: 1.5rem;
}


.checkbox-container input[type="checkbox"]:checked + label::before{
	border: 1px solid var(--primary-color-600);

}
.checkbox-container input[type="checkbox"] + label:hover::before{
	border: 1px solid var(--primary-color-200);
}
.checkbox-container input[type="checkbox"] + label:active i.fa-check,
.checkbox-container input[type="checkbox"] + label:active::before{
	transform: scale(0.9);
}

.checkbox-container input[type="checkbox"]:hover + label i.fa-check{
  opacity: .5;
	color: var(--primary-color-400);
}

.checkbox-container input[type="checkbox"]:checked + label i.fa-check{
  opacity: 1;
	color: var(--primary-color-200);
}
.checkbox-container{
	position: relative;
}
.radio-container input[type="radio"]{
	display: none;
}
.radio-container input[type="radio"] + label{
	position: relative;
	line-height: 1.5rem;
  text-indent: 1.75rem;
  display: inline-block;
  cursor: pointer;
}
.radio-container input[type="radio"] + label::before{
	content: '';
	background: var(--white-color);
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
	border: 1px solid var(--grey-color-200);
	position: absolute;
	top: 1px;
	left: 0;
	z-index: 1;
	box-shadow: inset 0 0 0 0px var(--primary-color-400);
	transition: .25s ease;
}

.radio-container input[type="radio"]:checked + label::before,
.radio-container input[type="radio"] + label:hover::before{
	box-shadow: inset 0 0 0 4px var(--primary-color-400);
}

.checkmark__circle {
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	stroke-width: 2;
	stroke-miterlimit: 10;
	stroke: #e5f4e4;
	fill: none;
	animation: stroke 0.6s cubic-bezier( 0.65, 0, 0.45, 1 ) 1s forwards;
}
.checkmark {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	display: block;
	stroke-width: 2;
	stroke: #fff;
	stroke-miterlimit: 10;
	box-shadow: inset 0px 0px 0px #cbeac9;
	animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; 
}
.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) .8s forwards;
}
.checkmark-input-grid{
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-gap: 1rem;
    align-items: center;
}
.show-success{
	display: none;
}
.lg-image-width{
	min-height: calc( 100vh - 5rem );
	position: relative;
	/*padding: 1rem;*/
}

.lg-image-width .lg-image-container{
	display: none;
}

.lg-image-width .lg-content-container{
	background: var(--white-color);
	position: relative;
	z-index: 2;
	margin: 0 auto;
}
.location-page-padding-content-container,
.padding-content-container,
.small-form-container{
	padding: 2rem;
}
.breadcrumbs{
	white-space: nowrap;
	display: flex;
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
	padding-top: 3px;
	border-bottom: 1px solid var(--grey-color-200);
}
.breadcrumbs li{
	padding: 1rem;
	position: relative;
}
.breadcrumbs li ~ li::before{
	content: '';
	position: absolute;
	top: calc( 50% - 2px );
	left: -.5rem;
	width: .5rem;
	height: .5rem;
	transform: rotate(45deg) translateY(-50%);
	border-top: 2px solid var(--primary-color-600);
	border-right: 2px solid var(--primary-color-600);
}
.scroll-table{
	width: 100%;
	overflow-x: auto;
}
.divider ~ .divider::before{
	content: ' | ';
}
table th.master-checkbox{
	padding-left: .5rem;
}
.master-checkbox > div {
	min-width: 1.5rem;
}
table tr td.list-checkbox {
	padding-left: .5rem;
}
.master-checkbox .checkbox-container,
.list-checkbox .checkbox-container{
	width: 1.25rem;
	position: relative;
	transform: translateY( -14px );
}
.manage-location-row,
.manage-image-row{
	position: relative;
}
.manage-location-row .list-checkbox,
.manage-image-row .list-checkbox{
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 0;*/
	vertical-align: top;
}
.image-list-image{
	position: relative;
  max-width: 30rem;
  padding-bottom: 100%;
  background-position: center center;
  background-size: cover;
  border-radius: 4px;
  border: 2px solid var(--grey-color-200);
  transition: .25s ease;
}
.image-list-image:hover{
  border: 2px solid var(--secondary-color-600);
}
.inline-block{
	display: inline-block;
}
.ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
}
.table{
	border-collapse: collapse;
	text-align: left;
}
.table th{
	font-weight: 900;
}
.table th .link{
	font-weight: 900;
}
.table td{
	font-weight: 400;
}
.table td.weight-600{
	font-weight: 600;
}
.table td,
.table th{
	padding: .5rem 1rem .5rem 0;
}
.table td.has-anchor, .table th.has-anchor{
	padding: 0;
}

.table td.has-anchor > a, .table th.has-anchor > a{
	display: flex;
  justify-content: center;
  align-items: center;
	padding: .5rem 1rem .5rem 0;
}

.table td.right,
.table th.right{
	text-align: right;
}
[data-call]::before{
	content: attr( data-call );
}
[data-mailto]::before{
	content: attr( data-mailto );
}
[data-mailto]::after{
	content: attr( data-mailtoafter );
}
.slideshow-hero{
	transition: background 3s;
}
.hero{
	margin-top: 5rem;
	min-height: calc( 100vh - 5rem );
	background-size: cover;
	background-position: center center;
	position: relative;
	display: flex;
	align-items: center;
}
.hero::after{
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--black-color);
	opacity: .2;
}
.hero::before{
	content:  '';
	left: 0;
	right: 0;
	z-index: 2;
	bottom: 0;
	height: 3px;
	position: absolute;
	background-image: linear-gradient( to right, var(--tertiary-color-600 ), var(--primary-color-600), var(--secondary-color-600) );

}
.hero-inner{
	position: relative;
	z-index: 2;
	width: var(--screen-lg);
	max-width: calc( 100vw - 4rem );
	margin: 0 auto 0 auto;
}
.hero .title{
	color: var(--white-color);
	text-shadow: 1px 2px 6px rgba( 0, 0, 0, .5 );
}
.title-display-1{
	font-size: clamp( 2.5rem, 10vw, 4rem);
	max-width: 35rem;
}
.title-display-2 {
	font-size: clamp( 1rem, 2.5vw, 1.25rem);
	max-width: 35rem;
}

.hero + .section{
	padding-top: 0;
	min-height: unset;
}
.hero + .section .lg-image-width .lg-content-container,
.hero + .section .section-inner,
.hero + .section .lg-image-width,
.hero + .section .lg-image-width .lg-image-container{
	min-height: unset;
}
.my-dropzone.dropzone{
	padding: 1rem;
	border: 2px solid var(--grey-color-200);
	border-radius: 4px;
	display: grid;
	grid-gap: 1rem;
	grid-template-columns: repeat( auto-fill, minmax( 8rem, 1fr ));
	position: relative;
  /*max-height: calc( 100vh - 15rem );*/
  overflow-x: hidden;
  overflow-y: auto;
}
.my-dropzone.dropzone.dz-drag-hover,
.my-dropzone.dropzone:hover{
	border: 2px solid var(--secondary-color-600);
}
.my-dropzone.dropzone .dz-preview{
	margin: 0;
	width: 100%;
}
.my-dropzone.dropzone .dz-preview .dz-image{
	border-radius: 4px;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.my-dropzone.dropzone .dz-preview.dz-file-preview .dz-image{
	border-radius: 4px;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background: var(--grey-color-300);
  background: linear-gradient( to top right, var(--grey-color-300), var(--grey-color-100) );

}
.my-dropzone.dropzone .dz-preview .dz-error-message{
  background: var(--error-color);
  border-radius: 4px;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  width: unset;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.my-dropzone.dropzone .dz-preview.dz-error .dz-error-message{
	display: flex;
}
.my-dropzone.dropzone .dz-preview .dz-error-message:after{
	content: unset;
}
.my-dropzone.dropzone .dz-preview .dz-image img{
	width: 100%;
}
.my-dropzone.dropzone .dz-message{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -50% );
	margin: 0;
}

.my-dropzone.dropzone.dz-drag-hover .dz-message,
.my-dropzone.dropzone:hover .dz-message{
	color: var(--secondary-color-600);
}
.my-dropzone.dropzone .dz-preview:hover{
	z-index: 995;
}
.my-dropzone.dropzone .dz-preview .dz-progress .dz-upload{
	background-color: var(--primary-color-600);
	background-image: linear-gradient( to bottom, var(--primary-color-600), var(--primary-color-200) );
}
.m__grid {
  position: relative;
}
.m__grid .item {
  display: block;
  position: absolute;
  width: calc( ( 100vw - 4rem ) / 2 );
  height: calc( ( 100vw - 4rem ) / 2 );
  margin: 0;
  padding: .5rem;
  z-index: 1;
  cursor: pointer;
}
.hidden-image::before{
	content: '';
	pointer-events: none;
	background: rgba(255,255,255,.6);
	position: absolute;
	inset: 2px;
	z-index: 1;
}
.m__grid#subcategories_grid .item{
	cursor: grab;
}
.m__grid#categories_grid .item,
.m__grid#filters_options_grid .item,
.m__grid#filters_grid .item {
  width: 45ch;
  max-width: calc( 100vw - 4rem );
  height: 6.5rem;
  padding: .5rem 0;
  cursor: grab;
}
.m__grid#categories_grid .item:active,
.m__grid#filters_options_grid .item:active,
.m__grid#filters_grid .item:active {
  cursor: grabbing;

}
.m__grid#subcategories_grid .item{
	width: 100% !important;
	max-width: 100% !important;
	height: unset;
}
.m__grid#categories_grid .item{
	height: unset;
	max-height: unset;
}
.m__grid#panorama_grid .item {
  width: calc( 100vw - 4rem );
  height: calc( ( 100vw - 4rem ) / 2 );
}
.m__grid#projects_grid_alt .item,
.m__grid#projects_grid .item {
  width: calc( ( 100vw - 4rem ) / 2 );
  height: calc( ( 100vw - 4rem ) / 2 );
  padding: 0;
}
.m__grid#project_locations_grid .item {
  width: calc( ( 100vw - 4rem ) / 2 );
  height: calc( ( 100vw - 4rem ) / 2 );
  padding: 0;
}
.m__grid#available_tags_grid .item,
.m__grid#tags_grid .item {
  width: unset !important;
  height: unset !important;
  max-width: unset !important;
  max-height: unset !important;
  padding: .25rem;
}
.m__grid .item.muuri-item-dragging {
  z-index: 3;
}
.m__grid .item.muuri-item-releasing {
  z-index: 2;
}
.m__grid .item.muuri-item-hidden {
  z-index: 0;
}
.m__grid .item.main .item-content-inner{
  box-shadow: 0 0 0 3px var(--primary-color-600 ) inset;
	border: 2px solid var(--secondary-color-600);
}
.m__grid .item-content {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.m__grid .item-content-inner {
	background-color: var(--grey-color-100);
	background-size: cover;
	border: 2px solid var(--grey-color-100);
  width: 100%;
  height: 100%;
  border-radius: 4px;
  transition: border .25s ease, box-shadow 1s ease;
  /*overflow: hidden;*/
  box-shadow: 0 0 0 0px var(--primary-color-600 ) inset;
}
.m__grid .item:hover .item-content-inner,
.m__grid .item.muuri-item-dragging .item-content-inner {
	border: 2px solid var(--secondary-color-600);
}
.item-content-options{
	position: absolute;
	top: 2px;
	right: 2px;
	z-index: 2;
	background: var(--white-color);
	width: 2.5rem;
	height: 2.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0 0 0 4px;
	transition: .25s ease;
	cursor: pointer;
	z-index: 3;
}
.item-content-options-icons{
	display: none;
	background: var(--white-color);
	border-radius: 0 0 0 4px;
	overflow: hidden;
	position: absolute;
	right: 2px;
	top: 2px;
	z-index: 2;
	padding-right: 2.5rem;
	white-space: nowrap;
	max-width: calc( 100% - 4px );
}
.project-button-options{
	border-radius: 0 0 0 4px;
	overflow: hidden;
	position: absolute;
	right: 2px;
	top: 2px;
	z-index: 4;
	white-space: nowrap;
	max-width: calc( 100% - 4px );
}
.item-content-options-icon{
	width: 2.5rem;
	height: 2.5rem;
	justify-content: center;
	align-items: center;
	transition: .25s ease;
	cursor: pointer;
	display: inline-flex;
	border-radius: 0 0 0 4px;
}
.project-button-options-button{
	width: 2.5rem;
	height: 2.5rem;
	justify-content: center;
	align-items: center;
	transition: .25s ease;
	cursor: pointer;
	display: inline-flex;
	border-radius: 0 0 0 4px;
}
.project-button-options-button:hover{
	color: var(--white-color);
	background: var(--secondary-color-400);

}
.item-content-options-icon:hover{
	color: var(--white-color);
	background: var(--primary-color-600);
}
.m__grid#panorama_grid .item-content-inner.m__background{
	cursor: not-allowed;
}
.m__grid#images_grid .item-content-inner.m__background{
	cursor: move;
}
.m__grid .item-content-inner.m__draggable:hover{
	cursor: grab;
}
.m__grid .item-content-inner.m__draggable:active{
	cursor: grabbing;
}
.m__grid .item-content-inner.m__background .item-content-options-icons{
	display: flex;
}

.item-content-options:hover{
	color: var(--white-color);
	background: var(--primary-color-600);
}
.m__grid .item:hover .item-content-inner.m__background,
.m__grid .item-content-inner.m__background{
	border: 2px solid var(--primary-color-600);
}
.bulkbar{
	position: fixed;
	z-index: 999;
	bottom: 0;
	left: 0;
	right: 0;
	transition: .25s ease;
	transform: translateY( 100% );
	background: var(--white-color);
}
.bulkbar.active{
	transform: translateY( 0 );
}
.bulkbar.minimise.active{
	transform: translateY( calc( 100% - 2.5rem ) );
}
.bulkbar-toggle{
	position: absolute;
	top: 0;
	right: 0;
	width: 2.5rem;
	height: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bulkbar-header{
	height: 2.5rem;
	padding: 0 1rem;
	display: flex;
	align-items: center;
	overflow-x: auto;
	background: var(--primary-color-600);
	color: var(--white-color);
}
.bulkbar-counter{
}
.bulkbar-counter-container{
	min-width: 8rem;
}
.location-page-main-image{
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 250px;
	border-radius: 4px;
	background-size: cover;
	box-shadow: 0 0 0 rgba( 30, 30, 30, 0 );
}
.do-open-location-page-main-image{
	cursor: pointer;

}
.location-page-add-button{
	display: none;
}
.home-cta{
	position: relative;
	margin: 0;
	width: 100%;
	padding-bottom: 50%;
	border-radius: 4px;
	background-size: cover;
	background-position: 0% center;
	cursor: pointer;
	box-shadow: 0 0 0 rgba( 30, 30, 30, 0 );
	transition: box-shadow .25s ease, opacity .25s ease;
}
.home-cta:hover{
	box-shadow: 0 0 .25rem rgba( 30, 30, 30, .5 );
	opacity: .95;
}
.home-cta:active{
	transform: scale( 0.99 );
}
.home-cta::after{
	content:  '';
	position: absolute;
	bottom: 0;
	top: 50%;
	left: 0;
	right: 0;
	z-index: 1;
	transition: .25s ease;
	background: linear-gradient(to top, rgba(0,0,0,.25),transparent);
}

.home-cta h5{
	font-weight: 900;
	font-size: 2rem;
	position: absolute;
	bottom: 1rem;
	left: 1rem;
	right: 1rem;
	text-align: left;
	text-shadow: 1px 2px 4px rgb(0,0,0,.5);
	z-index: 2;
	transition: .25s ease;
}

.home-cta:hover h5{
	/*left: 1.125rem;*/
	/*right: .875rem;*/
}
.nav-footer{
	display: flex;

}
.location-preview-small{
	position: relative;
	background-size: cover;
	background-position: center center;
	background-color: var(--grey-color-100);
	width: 7.5rem;
	padding-bottom: 7.5rem;
	border-radius: 4px;
	border: 2px solid var(--grey-color-200);

}
.language-switch-handlers{
	/*display: flex;*/
}
.language-switch-handler{
	display: inline-block;
	cursor: pointer;
	opacity: .5;
	margin: .25rem;
}

.language-switch-handler:hover,
.language-switch-handler.active{
	opacity: 1;
}

.language-switch-handler:hover .flag,
.language-switch-handler.active .flag{
	/*border: 2px solid var(--tertiary-color-600);*/
	box-shadow: 0 0 0 2px var(--tertiary-color-600);

}
.language-switch.hidden{
	display: none;
}
.card-style{
	position: relative;
	border: 2px solid var(--grey-color-200);
	border-radius: 5px;
	padding: 1rem;
}
.card-style.alt-style{
	border: 0;
	box-shadow: 2px 1px 1rem 0px rgb(0 0 0 / 10%);
}
.card-style.filter-card-style {
	border: 2px solid var(--grey-color-100);
}
.card-style.filter-card-style.active {
	border: 2px solid var(--grey-color-200);
}
.card-style.filter-card-style .title {
	color: var(--grey-color-300);
}
.card-style.filter-card-style.active .title {
	color: var(--primary-color-600);
}

.card-style.has-header{
	padding: 0;
	/*border: unset;*/
}
.card-style .flag{
	position: absolute;
	top: 1rem;	right: 1rem;
}
.card-header{
	position: relative;
	border-radius: 5px 5px 0 0;
	padding: 1rem;
}
.card-header::after{
	position: absolute;
	bottom: 0;
	height: 2px;
	left: 0;
	right: 0;
	content: '';
	background-color: var(--primary-color-600);
	background-image: linear-gradient( to top right, var(--primary-color-200 ), var(--primary-color-600) );
}
.card-header.secondary::after{
	background-color: var(--secondary-color-600);
	background-image: linear-gradient( to top right, var(--secondary-color-200 ), var(--secondary-color-600) );

}
.tabs{
	background-color: var(--grey-color-300);
	background-image: linear-gradient( to top right, var(--grey-color-300), var(--grey-color-350) );
	display: flex;
	overflow-x: auto;
	max-width: 100%;
	padding-top: .5rem;
}
.tab{
	background-color: var(--grey-color-200);
	background-image: linear-gradient( to top right, var(--grey-color-200), var(--grey-color-300) );
	color: var(--grey-color-900);
	padding: 1rem .75rem;
	position: relative;
	transition: padding .25s ease;
	cursor: pointer;
	white-space: nowrap;
}
.dashboard-min-height{
    min-height: calc( 100vh - 214px );
}
/*.tab::after{
	content: '';
	background-color: var(--grey-color-300);
	clip-path: polygon(25% 5%, 50% 20%, 75% 80%, 85% 92%, 100% 100%, 0 100%, 0 0);
	position: absolute;
	top: 0;
	right: -.75rem;
	width: .75rem;
	bottom: 0;
	transform: translateX(-1px);
}
.tab::before{
	content: '';
	background-color: var(--grey-color-200);
	clip-path: polygon(25% 80%, 50% 20%, 75% 5%, 100% 0, 100% 100%, 0 100%, 15% 92%);
	position: absolute;
	top: 0;
	left: -.75rem;
	width: .75rem;
	bottom: 0;
	transform: translateX(1px);	
}*/
.tab.active:hover,
.tab.active{
	background: var(--white-color);
	color: var(--black-color);
	/*z-index: 11 !important; */
	/*padding: 1rem .9rem;*/
	font-weight: 600;
}
/*.tab.active:hover::before,
.tab.active:hover::after,
.tab.active::before,
.tab.active::after{
	background: var(--white-color);

}*/
/*.tab:hover::before,
.tab:hover::after{
	background: var(--grey-color-100);
}*/
.tab:hover{
	/*padding: 1rem .9rem;*/
	background: var(--grey-color-100);
}
.tabs .tab:nth-child(1) {
    z-index:10; 
    /*margin-left: .75rem;*/
}
.tabs .tab:nth-child(2) {   
    z-index:9;  
}
.tabs .tab:nth-child(3) {
    z-index:8;  
}
.tabs .tab:nth-child(4) {   
    z-index:7;  
}
.tabs .tab:nth-child(5) {
    z-index:6;  
}
.tabs .tab:nth-child(6) {   
    z-index:5;  
}
.info-container{
	width: fit-content;
	width: -ms-fit-content;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	display: grid;
	grid-template-columns: max-content 1fr;
	align-items: center;
}
.info-container i {
	padding: 0 1rem;
	display: flex;
	align-items: center;
	height: 100%;
	background-color: var(--tertiary-color-400);
	background-image: linear-gradient( to top right, var(--tertiary-color-400), var(--tertiary-color-600) );
	color: var(--white-color);
	border-radius: 5px 0 0 5px;
}
.info-container div{
	height: 100%;
	padding: .5rem 1rem;
	background-color: var(--tertiary-color-200);
	border-radius: 0 5px 5px 0;
	line-height: 1.5rem;
}
.flag-input-grid {
	display: grid;
	grid-template-columns: max-content 1fr;
	grid-gap: 1rem;
	align-items: center;
}
.location-address-grid{
	display: grid;
	grid-gap: 2rem;
	grid-template-columns: 1fr;
}
.location-address-grid-address{
	display: grid;
	grid-column-gap: 1rem;
	grid-template-columns: 1fr;
}
.location-address-grid-address-alt{
	display: grid;
	grid-column-gap: 1rem;
	grid-template-columns: 1fr;
}
.grid-sizer.one-item,
.grid-sizer.one-item ~ .masonry__item,
.grid-sizer,
.masonry__item{
	width: 100%;
}
.grid-sizer.one-item ~ .masonry__item img{
	max-width: 100%;
}
.masonry__item{
	margin-bottom: 2rem;
}
.masonry__grid.location-page .masonry__item{
	margin-bottom: 0;
}
.masonry-filters-checkbox label{
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.item-content-inner-tags{
	font-weight: 600;
	background-color: var(--grey-color-200);
	background-image: linear-gradient( to top right, var(--grey-color-200), var(--grey-color-300) );
	color: var(--grey-color-900);
	padding: 1em 1.5rem;
	border-radius: 5px;
}
.item-content-inner-tags:hover{
	cursor: grab;
	background-color: var(--primary-color-600);
	background-image: linear-gradient( to top right, var(--primary-color-200), var(--primary-color-600) );
	color: var(--white-color);
}
.item-content-inner-tags:active{
	cursor: grabbing;
	transform: scale( 0.95 );
}
.location-page::before{
	content: "";
	position: absolute;
	inset: 0;
	background: var(--white-color);
	z-index: 1;
	opacity: 1;
	transition: opacity .25s ease;
	pointer-events: none;
}
.location-page.active::before{
	opacity: 0;
}

.location-page.active + .donut-size{
	opacity: 0;
}

.location-page + .donut-size{
	position: absolute;
	top: 1rem;
	left: 1rem;
	z-index: 2;
	pointer-events: none;
}

.location-page .masonry__item{
	opacity: 0;
}
.location-page.active .masonry__item{
	opacity: 1;
}
.location-card-image{
	position: absolute;
	inset: .25rem;
	background-size: cover;
	border-radius: 4px;
}
.location-card-image-placeholder a{
    width: 100%;
    padding-bottom: 100%;
}
.location-card-image-placeholder-text{
/*	background: #ddd;*/
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	border-radius: 4px;
	position: absolute;
	inset:.25rem;
	color: #fff;
	backdrop-filter: blur(6px);
}
.dark-mode .location-card-image-placeholder-text{
	background: #111;

}
.dark-mode .dm-white{
	color: #fff;
}
.donut-size {
  font-size: 5rem;
  transition: opacity .125s ease;
}
.donut-size *{
  font-size: inherit;
}

.pie-wrapper {
  position: relative;
  width: 1em;
  height: 1em;
  margin: 0px auto;
}
.pie-wrapper .pie {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  clip: rect(0, 1em, 1em, 0.5em);
}
.pie-wrapper .half-circle {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 0.1em solid var(--primary-color-600 );
  border-radius: 50%;
  clip: rect(0em, 0.5em, 1em, 0em);
}
.pie-wrapper .right-side {
  transform: rotate(0deg);
}
.pie-wrapper .label {
  position: absolute;
  top: 0.52em;
  right: 0.4em;
  bottom: 0.4em;
  left: 0.4em;
  display: block;
  background: none;
  border-radius: 50%;
  color: var(--grey-color-600);
  font-size: 0.25em;
  line-height: 2.6em;
  text-align: center;
  cursor: default;
  z-index: 2;
}
.pie-wrapper .smaller {
  padding-bottom: 20px;
  color: var(--grey-color-400);
  font-size: 0.45em;
  vertical-align: super;
}
.pie-wrapper .shadow {
  width: 100%;
  height: 100%;
  border: 0.1em solid var(--grey-color-100);
  border-radius: 50%;
}
.masonry__grid.location-page{
	padding: .25rem 0;
}

.location-page a{
	display: block;
	transition: opacity .25s ease;
	position: relative;
}
.location-page a:hover{
	opacity: .95;
}
.location-page a img{
	border-radius: 4px;
	overflow: hidden;
	position: absolute;
	inset: 0;
}

.presentation-masonry-item-inner{
	margin: 0 auto;
	position: relative;
}
.colorcorrection-overlay-controls{
	position: fixed;
	left: calc( -100% + 25px );
	top: 50px;
	left: 1rem;
	background: var(--white-color);
	z-index: 100002;
	padding: 1rem;
	border-radius: 5px;
	box-shadow: 0 0 .25rem rgba(0,0,0,.5);
	max-height: 100vh;
	overflow: hidden;
	overflow-y: auto;
	transform: translateX( -100%);
	display: none;
	width: 12.5rem;
}
.colorcorrection-overlay-inner{
	position: fixed;
	inset: 0;
	z-index: 100000;
	pointer-events: none;
	display: none;
}
.colorcorrection-overlay-inner.active{
	display: block;
}
.colorcorrection-overlay-inner.active + .colorcorrection-overlay-controls{
	display: block;
	transform: translateX( 0 );
	transition: .5s ease;
}
.colorcorrection-overlay-inner.controls-hidden + .colorcorrection-overlay-controls,
.colorcorrection-overlay-inner.active.controls-hidden + .colorcorrection-overlay-controls{
	transform: translateX( -100%);
	left: -5px;
}
.open-color-correction-button{
	position: fixed;
	top: calc( 50px + 1rem );
	transform: rotate(90deg);
	transform-origin: top left;
	z-index: 100001;
	left: -5px;
	height: 2.5rem;
	transition: .5s ease;
	pointer-events: none;
	opacity: 0;
}
.btn.btn-square.open-color-correction-button{
	border-radius: 5px 5px 0 0;
}
.btn.open-color-correction-button:hover{
	transform: rotate(90deg);
}
.colorcorrection-overlay-inner.active.controls-hidden + .colorcorrection-overlay-controls + .open-color-correction-button,
.colorcorrection-overlay-inner.active.controls-hidden + .colorcorrection-overlay-controls + .open-color-correction-button{
	left: 2.5rem;
}
.slidecontainer {
  width: 100%;
}
.slidecontainer *{
	user-select: none;
}
.slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 5px;
  background: var(--grey-color-300);
  outline: none;
  opacity: 0.7;
  -webkit-transition: .25s;
  transition: opacity .25s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none; 
  appearance: none;
  width: 1rem;
  height: 1rem;
  background: var(--primary-color-600);
  cursor: pointer;
  border-radius: 50%;
}

.slider::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background: var(--primary-color-600);
  border-radius: 50%;
  cursor: pointer;
}
.panorama-viewer{
	position: fixed;
	z-index: 1000;
	inset: 0;
	background: var(--black-color);
}
.panorama-viewer.active{
	/*display: block;*/
}
.panorama-overlay{
	position: fixed;
	inset: 0;
	z-index: 1001;
	background: var(--grey-color-1100);
	display: none;
}
.panorama-overlay .loader-inner{
	display: block;
}
.panorama-button{
	color: var(--white-color);
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	cursor: pointer;
  text-shadow: 1px 2px 4px rgb(0 0 0 / 50%);
}
#panorama_controls{
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1000000;
	display: none;
}
#panorama_scenes{
	position: fixed;
	bottom: calc( 21px - .25rem );
	left: calc( 21px - .25rem );
	z-index: 1000000;
	display: none;
  max-width: calc(100vw - 5.5rem );
  overflow-y: auto;
}
.panorama-button i::before{
	font-size: 1.5rem;
	z-index: 1004;
}
.panorama-viewer.active + .panorama-overlay{
	display: block;
}
.panorama-viewer.active + .panorama-overlay + #panorama_controls{
	display: block;
}
.panorama-viewer.active + .panorama-overlay + #panorama_controls + #panorama_scenes{
	display: flex;
}
.panorama-viewer .pnlm-controls-container{
	top: unset;
	bottom: 21px;
	right: 21px;
	left: unset;
}
.location-page-logged-out{
	overflow: hidden;
	position: relative;
	height: fit-content;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: -ms-fit-content;
}
.location-page-logged-out.has-backdrop::after{
	content: '';
	position: absolute;
	inset: 0;
	/*backdrop-filter: blur( 10px );*/
	pointer-events: none;
	background: rgba(0,0,0,.5);
	min-height: 300px;
}
.more-cta{
	
}
.location-page-logged-out.has-backdrop .more-cta{
	position: absolute;
	inset: 0;
	padding: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: var(--white-color);
	text-shadow: 0 0 4px var(--black-color);
  z-index: 1;

}
.booking-form-preview {
	display: grid;
	grid-template-columns: max-content 1fr;
}
.booking-form-preview .display-4{
	font-size: clamp( 1rem, 5vw, 1.5rem );
}
.booking-form-image{
	border-radius: 5px;
	width: 25vw;
	height: 25vw;
	max-width: 9rem;
	max-height: 9rem;
	background-size: cover;
	margin-right: 1rem;
	position: relative;
}
.project-info-image{
	border-radius: 5px;
	width: calc( 100vw - 4rem );
	max-width: 100%;
	background-size: cover;
	margin-right: 1rem;
	position: relative;
	overflow: hidden;
}

.project-info-image-inner{
	width: 100%;
	padding: 2rem;
	flex-direction: column;
	background: rgba(0,0,0,.3);
}

.project-info-image-inner > div,
.project-info-image-inner > p{
	position: relative;
	z-index: 2;
  text-shadow: 1px 2px 4px rgb(0 0 0 / 50%);
}
.project-form-buttons-grid{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1rem;
}
.project-buttons-grid{
	display: grid;
	grid-template-columns: repeat( auto-fill, minmax( 12.5rem, 1fr ) );
	grid-gap: 1rem;
}
.btn.project-button{
	width: 100%;
	height: 100%;
	min-height: 9rem;
  position: relative;
  overflow: hidden;
  transition: opacity .25s ease;
  aspect-ratio: 1 / .5;
}
.btn.project-button:hover{
	transform: scale(1);
	opacity: .95;
}
.btn.project-button:active{
	transform: scale(0.99);
}
.project-button-inner{
	padding: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
	z-index: 3;
	inset: 0;
  display: flex;
  align-items: flex-end;
}
.project-button-inner > .title{
	text-align: left;
 	display: -webkit-box;
 	-webkit-line-clamp: 3;
 	-webkit-box-orient: vertical;
	overflow: hidden;
  text-overflow: ellipsis;
	width: 100%;
  text-shadow: 0 0 4px var(--black-color);
}
.project-button-inner .title-prepend{
  position: absolute;
  top: 1rem;
  left: 1rem;
  background: var(--white-color);
  color: var(--primary-color-600);
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100vh;
  box-shadow: 1px 2px 3px 0px rgb(0 0 0 / 25%);
  font-size: .8rem;
}
.project-button-inner.new-project {
	text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.project-button-inner.new-project > .title{
	text-align: center;
	text-shadow: unset;
}
#project_locations_grid .project-button-inner > .title{
 	-webkit-line-clamp: 4;
}
.project-button-inner.new-project > i{
	border-radius: 50%;
	border: 2px solid var(--grey-color-300);
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .5rem;
}
.project-button-inner.new-project > i::before{
	font-size: 1.5rem;
}
.project-button-backdrop{
	position: absolute;
	z-index: 1;
	inset: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.project-button-backdrop::after{
	content: '';
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .75;
	background-image: linear-gradient( to top, var(--black-color ), transparent );
}
.project-button-backdrop.has-one-image{
	grid-template-columns: 1fr;
}
.project-button-backdrop.has-three-images > div:first-child{
 	grid-row-start: 1;
 	grid-row-end: 3;
 	padding-bottom: 50%;
}
.project-button-backdrop-image{
	width: 100%;
	padding-bottom: 100%;
	background-size: cover;	
  box-shadow: 0 0 0.5rem 0 rgb(0 0 0 / 25%) inset;
}
.add-to-project-form-grid{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: .5rem;
}
.add-to-project-form-grid-container{
	max-height: 300px;
	overflow-y: auto;
	padding: 0 0 1rem 0;
	margin-top: 1rem;
}
.add-to-project-form-grid .btn.project-button{
  /*height: calc( ( 100vw - 5rem ) / 2 - .25rem );	*/
  /*max-height: 15rem;*/
  aspect-ratio: 1 / 1;
}
#projects_previewer{
	/*width: 60ch;*/
	max-width: calc( 100vw - 4rem );
}
.users-circles{
	overflow-x: auto;
	max-width: 100%;
  /*white-space: nowrap;*/
	user-select: none;
}
.user-circles-container{
	display: inline-block;
	user-select: none;
}
.user-circles-container .btn{
	padding-top: 8px;
	user-select: none;
}
.user-tooltip-container{
	display: grid;
	grid-template-columns: max-content 1fr;
	grid-gap: 1rem;
	align-items: center;
}
.resume-viewer.rotating i{
	animation: spin 5s linear infinite;
}
.this-max-length-counter.red{
	color: var(--error-color);
}
.project-page-reactions-container,
.project-page-description-container{
	max-height: 300px;
	overflow-y: auto;
}
.reaction-container{
	background: var(--grey-color-50);
	border-radius: 5px;
	padding: .75rem 4rem .75rem 1rem;
	grid-gap: .5rem;
	position: relative;
	margin-bottom: 1rem;
	padding-left: 1rem;
}

.reaction-time{
	position: absolute;
	bottom: 5px;
	right: 5px;
	user-select: none;
	font-size: .8rem;
	color: var(--grey-color-900);
	text-align: right;
}
.reaction-action{
	position: absolute;
	display: flex;
	top: 0;
	right: 0;
	width: 2.5rem;
	height: 2.5rem;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	background-color: var(--grey-color-50);
	opacity: 0;
}
.reaction-container:hover .reaction-action{
	opacity: 1;
}
.reaction-action:hover{
	color: var(--grey-color-600);
}
.reaction-action:active{
	color: var(--grey-color-400);
}
.removed-message-container + .removed-message-container{
	display: none;
}
.project-location-overlay{
	position: fixed;
	inset: 0;
	background: red;
	z-index: 1000;
	display: none;
	opacity: 0;
	pointer-events: none;
	transition: .25s ease;
}
.project-location-overlay.active{
	opacity: 1;
	display: block;
	pointer-events: unset;
}
.project-page-grid{
	position: relative;
}
#project_settings_handler .btn{
  box-shadow: 1px 2px 3px 0px rgb(0 0 0 / 15%);
}
#project_settings_handler{
	position: absolute;
	top: 1rem;
	right: 1rem;
	z-index: 100;
}
#project_settings{
	position: absolute;
	top: 4rem;
	right: 1rem;
	z-index: 100;
	background: var(--white-color);
	display: none;
}
#project_settings.active{
	display: block;
}
#current_location .location-page-grid{
	min-height: calc( 100vh - 7rem );
}
#tooltip{
	z-index: 100003;
	transform: translate( -50%, -2.5rem );
	background: var(--black-color);
	font-size: .8rem;
	padding: .5rem .75rem;
	color: var(--white-color);
	pointer-events: none;
	white-space: nowrap;
	border-radius: 5px;
	box-shadow: 0 0 .25rem 0 rgba(0,0,0,.25);
}
#tooltip_foobar{
	display: none;
}
#tooltip.active + #tooltip_foobar{
	display: block;
	pointer-events: none;
	z-index: 100003;
  left: 50%;
  transform: translate( -50%, -8px );
  width: 0;
  height: 0;
  border-left: .35rem solid transparent;
  border-right: .35rem solid transparent;
  border-top: .35rem solid var(--black-color);
}
@media (max-width: 767px){
	#tooltip_foobar, #tooltip{
		display: none!important;
	}
}
.copy-url-container{
	display: grid;
	grid-template-columns: 1fr  max-content;
	grid-gap: 1rem;
	/*align-items: center;*/
}
.quotation-preview-grid{
	display: grid;
	grid-gap: 2rem;
}
#swipebox-overlay,
#swipebox-slider,
#swipebox-slider .slide,
#swipebox-container{
	touch-action: none;
}
.project-page-grid-left > h1.title{
	padding-right: 3rem;
}
.filter-inner-box{
	display: grid;
	grid-template-columns: 1fr max-content;
	grid-gap: 1rem;
	align-items: center;
}
img.large-image-viewer{
	border-radius: 5px;
}
.legend-color{
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	color: var(--white-color);
	font-size: .8rem;
	font-weight: 500;
	min-width: 2rem;
	padding: .5rem;
	white-space: nowrap;
}
.legend-label{
	display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.stats-loading{
	opacity: .75;
	transition: .25s ease;
}
.legend-container{
	display: grid;
	grid-template-columns: max-content 1fr;
	margin-bottom: .25rem;
	grid-gap: .5rem;
	align-items: center;
}
.grey-label{
	float: right;
	background: var(--grey-color-200);
	color: var(--grey-color-900);
	font-weight: 600;
	padding: .25rem .5rem;
	border-radius: 5px;
	font-size: .8rem;
	margin: 0 0 .5rem .5rem;
  height: 28px;
  display: flex;
  align-items: center;
  user-select: none;
}
.grey-label-alt{
	background: var(--grey-color-200);
	color: var(--grey-color-900);
	font-weight: 600;
	padding: .25rem .5rem;
	border-radius: 5px;
	font-size: .8rem;
	margin: .25rem;
  height: 28px;
}
.location-stats-container-outer{
	overflow-x: auto;
	max-width: 100%;
}
.location-stats-container-inner{
	padding: 0 .5rem .5rem .5rem;
	max-height: 30rem;
	min-width: calc( 768px - 8rem );
}
.svglogo{
	fill: url( #logo__1 ) var(--primary-color-600);
	width: 3rem;
	-webkit-filter: drop-shadow( 1px 2px 1px rgba( 0, 0, 0, .2 ) );
  filter: drop-shadow( 1px 2px 1px rgba( 0, 0, 0, .2 ) );
}
#logo__1 {
  --color-stop: var(--primary-color-600);
  --color-start: var(--primary-color-200);
}
.person-cards-container{
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 4rem;
	width: fit-content;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: -ms-fit-content;
	margin: auto;
}
.person-card-inner{
	padding: 1rem;
	display: flex;
	flex-direction: column;
	height: 100%;
	min-width: calc( 100vw - 8rem );
}
.scouting-contact i::before{
	font-size: 1rem;
}
#download_in_progress{
	min-height: 1.6rem;
}
.still-working{
	padding-top: .5rem;
	animation: stillWorking 5s ease forwards;
}
.loader-text-container{
	display: grid;
	grid-template-columns: max-content 1fr;
	grid-gap: 1rem;
}
.sticky-results-container{
	display: none;
	position: sticky;
	z-index: 997;
	top: 0;
	left: 0;
	right: 0;
}
.sticky-results-container.close-searchbar{
	cursor: pointer;
}

.sticky-results-container::after{
	content: '';
	height: 1px;
	position: absolute;
	bottom: 0;
	left: -1rem;
	right: -1rem;
	background: var(--grey-color-50);
}
.sticky-results{
	display: flex;
	padding: 1rem;
	justify-content: space-between;
	align-items: center;
	background: var(--white-color);
	min-height: 4.5rem;
}
@keyframes stillWorking{
	from, to {
		opacity: 0;
	} 50% {
		opacity: 1;
	}
}
.location-matches{
  position: absolute;
  top: 0;
  left: 0;
  background: var(--primary-color-600);
  color: var(--white-color);
  right: 0;
  padding: 0.5rem;
  font-size: .8rem;
  white-space: wrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.strike{
	text-decoration: line-through;
	opacity: .5;
	font-size: .8rem;
}
.daterangepicker *{
	user-select: none;
}
input#date_range{
	cursor: pointer;
}
.g-recaptcha{
	min-height: 10rem;
}
.faq-flag-grid{
	display: grid;
	grid-gap: 1rem;
	align-items: center;
	grid-template-columns: max-content  max-content;
}

.presentation-menu .menu-inner{
	/*grid-template-columns: 7rem 1fr 7rem;*/
}
.presentation-menu .toggle-filters-menu{
  min-width: 2.5rem;
}

.presentation-page .section-inner{
	min-height: calc( 100vh - 5rem );
}
.presentation-page-overview.location-page .grid-sizer,
.presentation-page-overview.location-page .masonry__item{
	width: 50%;
}
.cat-images-loader{
	padding:1rem;
}
.inactive-subcategory{
	color:  var(--grey-color-300);
}
.presentation-password-form{
	border-radius: 4px;
	background: var(--white-color);
	padding: 1rem;
  margin: 0 auto;
}

.presentation-menu .menu-inner{
	display: flex;
	justify-content: space-between;

}
.main-presentation-category {
	font-weight: 900;
	text-transform: uppercase;
}
.presentation-tiles{
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin: .5rem .25rem;
	grid-gap:.5rem;
}
.presentation-subcategory-tile,
.presentation-subcategory-tile > a{
	width: 100%;
	display: block;
	position: relative;
}

.presentation-subcategory-tile-inner{
	width: 100%;
	aspect-ratio: 16 / 9;
	background-size:cover;
	display: flex;
	align-items: flex-end;
	border-radius: 4px;
	background-color:var(--grey-color-150);
}
.tile-text{
	background:rgba(0,0,0,.3);
	width: 100%;
	max-width: calc( 50vw - .5rem );
	font-size: 1rem;
	padding:.5rem 1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: 0 0 4px 4px;
}
@media (min-width: 360px){
	.has-filters .menu-inner{
		grid-template-columns: 7rem 1fr 7rem;
	}
	.has-filters .toggle-filters-menu span{
		font-size: 1rem;
		font-weight: 900;
		display: block;
	}
	.has-filters .toggle-filters-menu{
	  display: grid;
	  grid-template-columns: 1.5rem 1fr;
	  grid-gap: .5rem;
	}
}
@media (max-width: 399px ){
	.presentation-menu .logo-outer{
		/*display: none;*/
		margin-left: auto;
	}
}
@media (min-width: 400px){
	.presentation-menu .toggle-filters-menu span{
		/* font-size: 1rem; */
		font-weight: 900;
		display: block;
	}
	.presentation-menu .toggle-filters-menu{
	  display: grid;
	  grid-template-columns: 1.5rem 1fr;
	  grid-gap: .5rem;
	}
	.presentation-menu .menu-inner{
		/*grid-template-columns: 1fr 1fr 1fr;*/
	}

	.presentation-menu .logo-outer{
    /*position: fixed;*/
    /*left: 50vw;*/
    /*transform: translateX(-50%);*/
  }
	.presentation-page-overview.location-page .grid-sizer,
	.presentation-page-overview.location-page .masonry__item{
		width: 33.334%;
	}
	.presentation-tiles{
		grid-template-columns: 1fr 1fr;
	}
	.tile-text{
		font-size: 1.25rem;
		max-width: calc( 50vw - .5rem );
	}
}
@media (min-width: 535px){
	.m-display-1{
		font-size: 2.5rem;
	}
	.footer-image{
		max-width: 100%;
		display: inline-block;
	}
	.footer-logo-grid{
		display: grid;
		grid-template-columns: 140px 1fr;
		grid-gap: 2rem;
	}
	.footer-inner{
		padding-top: 0;
	}
	.footer-text-content{
		padding-top: 4rem;
	}
	.ch60 {
		max-width: 60ch;
	}
	.ch75 {
		max-width: 75ch;
	}

	.location-address-grid-address{
		grid-template-columns: 1fr 9rem;
	}
	.location-address-grid-address-alt{
		grid-template-columns: 1fr 1fr;
	}
	#project_settings_handler{
		top: 2rem;
		right: 2rem;
	}

	#project_settings{
		top: 5rem;
		right: 2rem;
	}
	.project-form-buttons-grid{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 1rem;
	}
	.form-dates-input{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 1rem;
	}
	.form-dates-input-alt{
		display: grid;
		grid-template-columns: 1fr 1fr max-content;
		grid-gap: 1rem;
	}
	.m__grid .item {
	  width: calc( ( 100vw - 4rem ) / 3 );
	  height: calc( ( 100vw - 4rem ) / 3 );
	}
	.m__grid#panorama_grid .item {
	  width: calc( 100vw - 4rem );
	  height: calc( ( 100vw - 4rem ) / 2 );
	}
	.m__grid#projects_grid_alt .item,
	.m__grid#projects_grid .item {
	  width: calc( ( 100vw - 4rem ) / 3 );
	  height: calc( ( 100vw - 4rem ) / 3 );
	}
	.m__grid#project_locations_grid .item {
	  width: calc( ( 100vw - 4rem ) / 2 );
	  height: calc( ( 100vw - 4rem ) / 2 );
	}
	.sub-footer-inner,
	.footer-inner{
		max-width: calc( 100vw - 4rem );
	}
	.search-results-inner-grid{
/*    grid-template-columns: repeat( auto-fill, minmax( 12rem, 1fr ) );*/
	}
	.lg-image-width{
		padding: 0rem;
	}
	.location-page-padding-content-container,
	.padding-content-container,
	.small-form-container{
		padding: 2rem;
	}
	.grid-sizer,
	.masonry__item{
		width: calc( 50% - 1rem );
	}
	.stats-page .grid-sizer,
	.stats-page .masonry__item{
		width: calc( 50% - 14px );
	}
	.stats-page .masonry__item.item_width__2{
		width: 100%;
	}
	.location-page .grid-sizer,
	.location-page .masonry__item{
		width: 50%;
	}
	.masonry__grid.location-page .masonry__item{
		margin-bottom: 0;
	}
	.colorcorrection-overlay-controls{
		top: 50px;
		max-height: calc( 100vh - 100px );

		width: unset;
	}
	.colorcorrection-overlay-inner.active + .colorcorrection-overlay-controls{
		left: 25px;
	}
	.footer-links{
		padding-top: 2rem;
	}
}
@media (min-width: 600px){
	.presentation-tiles{
		grid-template-columns: 1fr 1fr 1fr;
	}
	.tile-text{
		max-width: calc( 33.33vw - .5rem );
	}
}
@media (min-width: 768px){
	#searchbar_field .searchbar-month-outer input[type=checkbox] + label:hover::after{
		background-color: var(--primary-color-400);
	}
	#searchbar_field .searchbar-month-outer input[type=checkbox] + label:hover{
		opacity: 1;
	}
	.m-display-1{
		font-size: 3rem;
	}
	.has-filters .toggle-filters-menu,
	.toggle-filters-menu{
	  display: none;
	}

	.presentation-menu .logo-outer{
    /*position: static;*/
    /*left: unset;*/
    /*transform: unset;*/
  }
	.presentation-page-overview.location-page .grid-sizer,
	.presentation-page-overview.location-page .masonry__item{
		width: 25%;
	}
	.location-page-add-button{
		display: block;
	}
	.home-cta{
		padding-bottom: 100%;
	}
	.menu-language-select .language-select{
		margin-top: unset;
	}
	.has-filters .menu-inner{
		display: flex;
		margin: 0 auto;
		max-width: 100vw;
		padding: 0 1rem 0 2rem;
	}
	.person-card-inner{
		min-width: calc( 100vw / 2 - 8rem );
	}
	.sticky-results-container{
		display: none !important;
	}
	.nopad{
		display: none;
	}
	.hero{
			align-items: flex-end;
	}
	.hero-inner{
	    max-width: calc( 100vw - 8rem );
			margin: 0 auto 4rem auto;
	}
	.menu-back-button + a.logo-outer,
	.has-filters button.menu-back-button{
		/*transform: translateX( -2.5rem );*/
	}
	.has-filters button.menu-back-button{
		display: none;
	}

	.manage-filters-grid{
		display: grid;
		grid-template-columns: max-content 1fr;
		grid-gap: 2rem;

	}
	.offer-location-page{
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.quotation-preview-grid{
		grid-template-columns: 1fr .5fr;
	}
	.colorcorrection-overlay-inner.active + .colorcorrection-overlay-controls{
		left: 50px;
	}
	.project-page-grid{
		display: grid;
		grid-template-columns: max-content 1fr;
		grid-column-gap: 2rem;
	}
	.presentation-page .project-page-grid{
		display: flex;
		justify-content: center;
	}
	.editable-project .project-page-grid{
		grid-column-gap: 0;
	}
	.editable-project .project-page-grid-left .location-page-padding-content-container{
		padding-right: 0;
	}
	.location-page-grid{
		display: grid;
		grid-template-columns: .75fr 1fr;
	}
	.presentation-page .location-page-grid{
		grid-template-columns: 1fr;
		grid-template-rows: max-content 1fr;
	}
	.location-page-grid-left{
		max-width: 30rem;
	}
	.presentation-page-grid-left{
		/*width: 20rem;*/
	}
	.project-page-grid-left{
		width: 20rem;
	}
	.grid-sizer,
	.masonry__item{
		width: calc( 33.334% - 1.334rem );
	}
	.location-address-grid{
		grid-template-columns: 1fr .5fr;	
	}
	.m__grid#categories_grid .item,
	.m__grid#filters_options_grid .item,
	.m__grid#filters_grid .item {
	  width: calc( 100vw - 8rem );
	  max-width: 45ch;
	}
	.m__grid .item {
	  width: calc( ( 100vw - 8rem ) / 4 );
	  height: calc( ( 100vw - 8rem ) / 4 );
	}
	.m__grid#panorama_grid .item {
	  width: calc( ( 100vw - 8rem ) / 2 );
	  height: calc( ( 100vw - 8rem ) / 4 );
	}
	.m__grid#projects_grid_alt .item,
	.m__grid#projects_grid .item {
	  width: calc( ( 100vw - 8rem ) / 4 );
	  height: calc( ( 100vw - 8rem ) / 4 );
	}
	.m__grid#project_locations_grid .item {
	  width: calc( ( 100vw - 24rem ) / 2 );
	  height: calc( ( 100vw - 24rem ) / 2 );
	}
	.padding-content-container,
	.small-form-container{
		padding: 4rem;
	}
	.lg-image-width{
		display: grid;
		grid-template-columns: 1fr .5fr;
		padding: 0;
	}
	.lg-image-width .lg-image-container{
		min-height: calc( 100vh - 5rem );
		background-color: var(--grey-color-100);
		background-size: cover;
		background-position: center center;
		display: block;
	}
	.lg-image-width .lg-content-container{
		min-height: calc( 100vh - 5rem );
		background: unset;
		max-width: unset;
		margin: unset;
	}
	.presentation-bar-backdrop{

	}
	.location-bar-backdrop{
		display: none;
	}
	.toggle-filters-menu{
		display: none;
	}
	.search-results{
/*		padding-left: 1rem;*/
/*		height: calc( 100vh - 5rem );*/
	}
	.locations-search-grid .location-search-bar{	
		z-index: 997;
		top: unset;
		bottom: unset;
		left: unset;
		transform: unset;
		width: unset;
		max-width: unset;
/*		box-shadow: unset;*/
		position: relative;
	}
	.locations-search-grid{
		display: grid;
		/*grid-gap: 1rem;*/
		grid-template-columns: 24rem 1fr;
	}	
	.menu .close-menu, .menu .toggle-menu{
		display: none;
	}
	.menu .menu-list{
		display: flex;
		position: relative;
		background: unset;
		top: unset;
		left: unset;
		bottom: unset;
		right: unset;
		height: unset;
		pointer-events: unset;
		opacity: 1;
		transition: unset;
		padding: 0 0 0 0;
	}

	.menu .logo-outer{
		min-height: 5rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.menu-inner{
		max-width: calc( 100vw - 4rem );
	}

	.menu-inner{
		margin-left: auto;
	}
	.menu-list li{
		opacity: 1;
		transform: unset;
	}
	.menu li a,
	.menu li button:not([disabled]){
		background-image: linear-gradient( to right, transparent, transparent ), linear-gradient( to right, var(--primary-color-400), var(--primary-color-200) );
		background-size: 100% 3px, 0 3px;
		background-position: 100% 100%, 0 100%;
		background-repeat: no-repeat;
		transition: background-size .2s ease;
		color: var(--grey-color-900);
	}
	.menu li button.active,
	.menu li button:hover,
	.menu li a.active,
	.menu li a:hover{
	  	background-size: 0 3px, 100% 3px;
	}
	.cookie-popup{
		padding: 1rem;	
	}
	.footer-inner{
		max-width: 100vw;
		padding: 0 4rem 4rem 4rem;
	}
	.footer-inner-grid{
		display: grid;
		grid-template-columns: 1fr .5fr;
	}
	.footer-inner-grid > div:last-child{
		text-align: right;
	}
	.footer-inner-grid > div:last-child div{
		margin-left: auto;
	}
	.footer-links{
		padding-top: 4rem;
	}
	.search-results-inner-grid{
/*	    grid-template-columns: repeat( auto-fill, minmax( 14rem, 1fr ) );*/
/*	    padding: 1rem 0 1rem 0;*/
	}
	.sub-footer-inner{
		max-width: 100vw;
		padding: 1.75rem 4rem 1.5rem 4rem;
	}
	.person-cards-container{
		grid-template-columns: 1fr 1fr;	
	}
	.offer-location-page .padding-content-container:first-child {
		padding-right: 0;
	}
}
@media( min-width: 900px ){
	.presentation-tiles{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.tile-text{
		max-width: calc( 25vw - .5rem );
	}
}
@media( min-width: 1024px ){

	.presentation-tiles{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.tile-text{
		width: calc( 25vw - .5rem );
		max-width: calc( ( var(--screen-lg) / 4 ) - .5rem );
	}
	.presentation-page-overview.location-page .grid-sizer,
	.presentation-page-overview.location-page .masonry__item{
		width: 20%;
	}
	.footer-logo-grid{
		grid-gap: 4rem;
	}
	.footer-links,
	.footer-text-content{
		padding-top: 6rem;
	}
	.offer-location-page .padding-content-container:first-child {
		padding-right: 4rem;
	}
	.person-card-inner{
		min-width: calc( 100vw / 3 - 8rem );
	}

	.person-cards-container{
		grid-template-columns: 1fr 1fr 1fr;	
	}
	.stats-page .grid-sizer,
	.stats-page .masonry__item{
		width: calc( 33.334% - 19px );
	}
	.stats-page .masonry__item.item_width__2{
		width: calc( 66.667% - 9px );
	}

	#project_settings_handler{
		top: 3rem;
		right: 3rem;
	}

	#project_settings{
		top: 6rem;
		right: 3rem;
	}
	.project-page-grid-left{
		width: 25rem;
	}
	.location-page-grid{
		display: grid;
		grid-template-columns: max-content 1fr;
	}
	.location-page-padding-content-container{
		padding: 3rem;
	}
	.grid-sizer,
	.masonry__item{
		width: calc( 25% - 1.5rem );
	}
	.sub-footer-inner::after{
		clip-path: polygon(70% 0, 0% 100%, 100% 100%);
	}
	.footer-inner{
		padding: 0rem 4rem 6rem 4rem;
	}
	.nopad,
	.nodesktop{
		display: none;
	}
	.nomob{
		display: block;
	}
	.m__grid .item {
	  width: calc( ( 100vw - 8rem ) / 5 );
	  height: calc( ( 100vw - 8rem ) / 5 );
	  max-width: calc( ( var(--screen-lg) - 8rem ) / 5 );
	  max-height: calc( ( var(--screen-lg) - 8rem ) / 5 );
	}
	.m__grid#panorama_grid .item {
	  width: calc( ( 100vw - 8rem ) / 3 );
	  height: calc( ( 100vw - 8rem ) / 6 );
	  max-width: calc( ( var(--screen-lg) - 8rem ) / 3 );
	  max-height: calc( ( var(--screen-lg) - 8rem ) / 6 );
	}
	.m__grid#projects_grid_alt .item,
	.m__grid#projects_grid .item {
	  width: calc( ( 100vw - 8rem ) / 6 );
	  height: calc( ( 100vw - 8rem ) / 6 );
	  max-width: calc( ( var(--screen-lg) - 8rem ) / 6 );
	  max-height: calc( ( var(--screen-lg) - 8rem ) / 6 );
	}
	.m__grid#project_locations_grid .item {
	  width: calc( ( 100vw - 31rem ) / 3 );
	  height: calc( ( 100vw - 31rem ) / 3 );
	  max-width: calc( ( var(--screen-lg) - 31rem ) / 3 );
	  max-height: calc( ( var(--screen-lg) - 31rem ) / 3 );
	}
	.title-display-1{
		font-size: clamp( 4rem, 5vw, 6rem );	
		max-width: 50rem;
	}
	.title-display-2{
		font-size: clamp( 1.25rem, 1.25vw, 1.25rem );	
		max-width: 50rem;
	}

	.hero-inner{
		max-width: calc( 100vw - 16rem );
		margin: 0 auto 8rem auto;
		width: 100vw;
	}
	.lg-image-width{
		grid-template-columns: 1fr 1fr;
	}
	.popup.modal{
		max-width: 1024px;	
	}
	.locations-search-grid{
		grid-template-columns: 24rem 1fr;
	}	
	.search-results-inner-grid{
/*	    grid-template-columns: repeat( auto-fill, minmax( 15.5rem, 1fr ) );*/
	}
}
@media ( min-width: 1200px ){

	.presentation-page-overview.location-page .grid-sizer,
	.presentation-page-overview.location-page .masonry__item{
		width: 16.667%;
	}
	.person-card-inner{
		min-width: calc( var(--screen-lg ) / 3 - 8rem );
	}
	.circle-avatar-container{
		max-width: calc( 12.5vw );
		max-height: calc( 12.5vw );
	}
	.stats-page .grid-sizer,
	.stats-page .masonry__item{
		width: calc( 25% - 21px );
		max-width: calc( var( --screen-lg ) - 21px );
	}
	.stats-page .masonry__item.item_width__2{
		width: calc( 50% - 11px );
	}

	.location-page .grid-sizer,
	.location-page .masonry__item{
		width: 33.334%;
	}
}
@media (min-width: 1520px){
	.menu-back-button + a.logo-outer,
	.has-filters button.menu-back-button{
		transform: translateX( 0 );
	}
}
@media  (min-height: 1024px){
	.section,
	.section-inner,
	.lg-image-width,
	.lg-image-width .lg-image-container,
	#current_location .location-page-grid,
	.lg-image-width .lg-content-container{
		min-height: 1024px;
	}
}
@keyframes trAppear{
	to {
		transform: translateY( 0 );
		opacity: 1;
	}
}
@keyframes stroke {
	100% {
		stroke-dashoffset: 0;
	}
}
@keyframes scale {
	0%, 100% {
		transform: none;
	}
	50% {
		transform: scale3d(1.1, 1.1, 1);
	}
}
@keyframes fill {
	100% {
		box-shadow: inset 0px 0px 0px 30px var(--green-color);
	}
}
@keyframes colorSpin{
	from{
		transform: rotate( 0 );
    border-top: 3px solid var(--primary-color-600);
    border-left: 3px solid var(--primary-color-600);
    border-right: 3px solid var(--primary-color-600);
	} 
	14.286% {
		transform: rotate( 360deg );
    border-top: 3px solid var(--primary-color-200);
    border-left: 3px solid var(--primary-color-200);
    border-right: 3px solid var(--primary-color-200);
	}
	28.572% {
		transform: rotate( 720deg );
    border-top: 3px solid var(--tertiary-color-200);
    border-left: 3px solid var(--tertiary-color-200);
    border-right: 3px solid var(--tertiary-color-200);
	}
	42.858% { 
		transform: rotate( 1080deg );
    border-top: 3px solid var(--tertiary-color-600);
    border-left: 3px solid var(--tertiary-color-600);
    border-right: 3px solid var(--tertiary-color-600);
	}
	57.144% {
		transform: rotate( 1440deg );
    border-top: 3px solid var(--secondary-color-600);
    border-left: 3px solid var(--secondary-color-600);
    border-right: 3px solid var(--secondary-color-600);
	}
	71.430% { 
		transform: rotate( 1800deg );
    border-top: 3px solid var(--secondary-color-200);
    border-left: 3px solid var(--secondary-color-200);
    border-right: 3px solid var(--secondary-color-200);
	}
	85.716% {
		transform: rotate( 2160deg );
    border-top: 3px solid var(--primary-color-200);
    border-left: 3px solid var(--primary-color-200);
    border-right: 3px solid var(--primary-color-200);
	}
	to{
		transform: rotate( 2520deg );
    border-top: 3px solid var(--primary-color-600);
    border-left: 3px solid var(--primary-color-600);
    border-right: 3px solid var(--primary-color-600);
	} 
}
@keyframes spin{
	from{
		transform: rotate( 0 );
	} 
	to{ 
		transform: rotate( 360deg );
	}
}
@keyframes bounce{
	from, to{
		transform: translateY( -.125rem );
	}
	50%{
		transform: translateY( .125rem );
	}
}

@supports ( backdrop-filter:blur() ) {
	.open-color-correction-button{
		pointer-events: unset;
		opacity: 1;
	}

	.location-page-logged-out.has-backdrop::after{
		backdrop-filter: blur( 6px );
		background-color: transparent;
		background-image: radial-gradient( rgba(0,0,0,.125), rgba(0,0,0,0) );
	}
}
@supports ( background-clip:text ) or ( -webkit-background-clip:text ) {

	a.text-gradient,
	.text-gradient {
	    background-color: var(--primary-color-600);
	    background-image: linear-gradient( to right, var(--primary-color-600), var(--primary-color-400) );
	    background-clip: text;
	    -webkit-background-clip: text;
	    color: transparent;
	}

	.logo a.text-gradient,
	.logo .text-gradient {
	    background-image: linear-gradient( to right, var(--tertiary-color-400), var(--primary-color-400), var(--secondary-color-600) );
	}

}
.spinning-spinner{
	animation: spin 3s linear infinite;
}
.previews-loader{
	position: absolute;
	pointer-events: none;
	bottom: .5rem;
	right: .5rem;
	z-index: 2;
	width: 1rem;
	height: 1rem;
}
.previews-loader-inner{
	width: 100%;
	height: 100%;
	animation: spin 3s linear infinite;
	background: transparent;
  border-bottom: 2px solid transparent;
  border-top: 2px solid white;
  border-left: 2px solid white;
  border-right: 2px solid white;
  border-radius: 50%;
}
.load-presentation-category{
	transition: .25s ease;
	padding-right: .5rem;
	position: relative;
	background: unset;
	width: 100%;
	text-align: left;
	font-size: 1rem;
  overflow: hidden; 
  text-overflow: ellipsis;
}
.load-presentation-category:hover,
.load-presentation-category.active{
	font-weight: 900;
	padding-left: 1.5rem;
	padding-right: 0rem;
	color:var(--secondary-color-400);
}
.dark-mode .load-presentation-category:hover,
.dark-mode .load-presentation-category.active{
	color: var(--white-color);

}

.load-presentation-category.active{
	cursor: default;
}
.load-presentation-category::before{
	transition: .25s ease;
	content:  '';
	border-right: 2px solid var(--grey-color-400);
	border-top: 2px solid var(--grey-color-400);
	transform: rotate( 45deg ) translateY( -50% ) scale( 0 );
	position: absolute;
	top: calc( 50% - 4px );
	left: -1rem;
	width: .625rem;
	height: .625rem;
	opacity: 0;
}
.load-presentation-category:hover::before,
.load-presentation-category.active::before{
	transform: rotate( 45deg ) translateY( -50% ) scale( 1 );
	opacity: 1;
	left: 0;
	border-right: 2px solid var(--secondary-color-400);
	border-top: 2px solid var(--secondary-color-400);

}
.load-presentation-category.subcategory{
	max-width: 16rem;
}
.presentation-category-title{
	padding: 0rem 2rem 1rem 2rem;
}
.presentation-navigation{
  /*display: flex;*/
  justify-content: space-between;
  padding-bottom: .5rem;
  padding-top: .5rem;
  margin: 0 .5rem;
  display: none;
}
.presentation-navigation.bottom{
	padding-bottom: 5rem;
	display: block;
}
.presentation-navigation.bottom div[role="button"]{
	display: block;
	text-align: center;
	width: fit-content;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	width: -ms-fit-content;
	margin: 0 auto 1rem;
}
.presentation-grid-selector{
	display: none;
}
.presentation-image-options{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
}
.select-presentation-image-outer{
	padding: .5rem;
}
.btn.white.select-presentation-image-alt,
.btn.white.select-presentation-image{
	width: 2.5rem;
	height: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white-color);
	background: transparent;
}
.btn.white.select-presentation-image-alt i,
.btn.white.select-presentation-image i{
	opacity: .5;
}
.btn.white.select-presentation-image-alt:hover,
.btn.white.select-presentation-image:hover{
	opacity: 1;
}
.btn.white.select-presentation-image-alt.active,
.btn.white.select-presentation-image.active{
	opacity: 1;
	color: var(--primary-color-400);
	background: var(--white-color);
}
.btn.white.select-presentation-image-alt:hover i,
.btn.white.select-presentation-image:hover i,
.btn.white.select-presentation-image-alt.active i,
.btn.white.select-presentation-image.active i{
	opacity: 1;
}
.image-selection-bar{
	position: fixed;
	bottom: 0;
	left: 50vw;
	z-index: 100001;
	transition: .25s ease;
	transform: translateX( -50% ) translateY( calc( 100% ) );
	cursor: pointer;
	-webkit-filter: drop-shadow( 0px 0px 3px rgba( 0, 0, 0, .1 ) );
  filter: drop-shadow( 0px 0px 3px rgba( 0, 0, 0, .1 ) );
}
.image-selection-bar-inner{
	background: var(--white-color);
	padding: 1rem;
	border-radius: 4px 4px 0 0;
	transform: translateY( 1px );
	transition: .25s ease;
	height: calc( 3rem + 2px );
	position: relative;
}
.image-selection-bar-inner::after{
	content: '';
	background: var(--white-color);
	position: absolute;
	pointer-events: none;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3px;
}
.image-selection-bar.active{
	transform: translateX( -50% ) translateY( calc( 100% - 3rem ) );
}
.image-selection-bar.opened,
.image-selection-bar.opened:hover{
	transform: translateX( -50% ) translateY( 50% );
	bottom: 50vh;
	cursor: default;
}
.image-selection-bar.opened .image-selection-bar-inner{
	cursor: pointer;
}
.image-selection-bar.opened .image-selection-bar-inner .fa-chevron-up{
	transform: rotate( 180deg );
}
.image-selection-toast-buttons{
	display: flex;
	justify-content: space-between;
}
.image-selection-bar-backdrop{

}
#image_selector{
	position: fixed;
	bottom: 5rem;
	left: 50vw;
	transform: translateX( -50% );
	z-index: 100000;
	display: none;
}
#image_selector.active{
	display: block;
}
@media (max-height:500px){
	.image-selection-bar-inner{
		height: calc( 2rem + 2px );
		padding: .5rem 1rem;
	}
	.image-selection-bar.active {
		transform: translateX( -50% ) translateY( calc( 100% - 2rem ) );
	}
	.image-selection-bar.opened {

    transform: translateX( -50% ) translateY( 50% );
	}
	#image_selector{
		left:unset;
		right: 1rem;
		bottom: 1rem;
		transform: translateY( 0 );

	}
}
.image-selection-bar-bottom{
	max-width: 400px;
	width: calc( 100vw - .5rem );
	border-radius: 4px;
	background: var(--white-color);
	min-height: 6rem;
	padding: 1rem .5rem .5rem .5rem;
}
.image-selection-bar .thumbnail-grid{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1rem;
	padding: 0rem .5rem .5rem .5rem;
}
.thumbnail-grid .presentation-image-preview{
	position: relative;
	aspect-ratio: 1 / 1;
	border-radius: 4px;
	width: 100%;
	overflow: hidden;
  background-size: cover;
}
.thumbnail-grid-outer{
	overflow-y: auto;
	max-height: calc( 100vh - 10rem );
}
.remove-presentation-image{
	width: 2.5rem;
	height: 2.5rem;
	justify-content: center;
	align-items: center;
	display: flex;
}
.remove-presentation-image-outer{
	position: absolute;
	bottom: 0;
	right: 0;
}
.share-selection-grid{
	white-space: nowrap;
	max-width: 60ch;
	overflow-x: auto;
	height: 7.5rem;
  margin-bottom: 1rem;
  overflow-y: hidden;
}
.share-selection-grid .presentation-image-preview{
	position: relative;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 4px;
	background-size: cover;
	height: 100%;
	display: inline-block;
}
.add-image-selection-grid{
	display: grid;
	grid-gap: 1rem;
	grid-template-columns: repeat( auto-fill, minmax( 9rem, 1fr ) );
}
.add-image-selection-grid .presentation-image-preview{
	position: relative;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 4px;
	background-size: cover;
	height: 100%;
	display: inline-block;
	opacity: .75;
}
.add-image-selection::after{
	content: '';
	position: absolute;
	z-index: 1;
	pointer-events: none;
	bottom: .75rem;
	left: .75rem;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 4px;
	border: 2px solid var(--white-color);
}	
.add-image-selection i.fa-check{
	content: '';
	position: absolute;
	z-index: 2;
	bottom: .95rem;
	left: 1rem;
	color: var(--white-color);
	opacity: 0;
}	
.add-image-selection.active,
.add-image-selection:hover{
	opacity: 1;
}
.add-image-selection.active::after{
	background: var(--white-color);
}
.add-image-selection:hover i{
	opacity: .75;
}
.add-image-selection.active:hover i,
.add-image-selection.active i{
	opacity: 1;
	color: var(--primary-color-400);
}

.share-selection-grid .presentation-image-preview ~ .presentation-image-preview{
	margin-left: 1rem;
}
.categories-list{
	margin-bottom: 3rem;
}
.presentation-image-location-header{
  position: absolute;
  bottom: .75rem;
  right: .75rem;
  z-index: 1;
}
.presentation-image-location-header a{
	display: block;
	padding: .5rem;
}
a.do-load-presentation-category{
	opacity: .95;
	transition: .25s ease;
	color: var(--primary-color-600);
}
a.do-load-presentation-category:hover{
	opacity: 1;
	color: var(--primary-color-400);
}
.do-load-presentation-category.subcategory{
	/*padding-left: 2rem;*/
}
.presentation-image-location-title{
	position: absolute;
	pointer-events: none;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	color: var(--white-color);
  text-shadow: 0 0 4px var(--black-color);
  font-weight: 600;
  font-size: 1.25rem;
 	border-radius: 4px;
 	padding: .75rem 1rem;
	opacity: 0;	
 	transition: .25s ease;
}
#images_grid .presentation-image-location-title,
.masonry__item:hover .presentation-image-location-title{
	opacity: 1;
}
.presentation-image-location-title::after{
	position: absolute;
	background: linear-gradient( to bottom, rgb(0,0,0,.3),transparent);
  top: 0.25rem;
  left: 0.25rem;
  right: 0.25rem;
  bottom: -100%;
  z-index: -1;
  content: '';
  border-radius: 4px 4px 0 0;
}
#category_images_container .presentation-image-location-title::after{
  top: 1px;
  left: 1px;
  right: 1px;

}
.one-item ~ .masonry__item .presentation-image-location-title{
	font-size: 1.75rem;
}
.border-tr,
.add-images-modal-tr{
	border-bottom: 1px solid var(--grey-color-200);
}
.add-images-modal-nav-buttons{
	display: flex;
	justify-content: space-between;
}
.add-image-selection{
	cursor: pointer;
}
.presentation-image-location-header a{
  padding: 0.125rem 0.325rem !important;
  font-size: 9pt;
}
.presentation-image-location-header a i::before{
  font-size: 8pt;
}
.presentation-categories{
  position: fixed;
	background: var(--white-color);
  z-index: 997;
  top: 5rem;
  left: -20rem;
  padding: 1.5rem;
  bottom: 0;
  overflow-y: auto;
  overscroll-behavior: none;
  width: 20rem;
  transition: left .25s ease;
}
.dark-mode .presentation-categories{
	background: var(--darkmode-150);

}
.presentation-page.active .presentation-categories{
	left: 0;
	box-shadow: 0 0 0.25rem rgb(0 0 0 / 10%);
}
.border-bottom-lg{
	border-bottom: 3px solid var(--white-color);
}
.dark-mode .presentation-categories{
	border-right: 3px solid var(--white-color);
}
.presentation-description{
  transition: transform .25s ease;

}
.presentation-right-column{
	transition: transform .25s ease;
}
.presentation-page-overview{
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.presentation-page-overview.subcategory{
	/*padding-left: 2rem;*/
}
.load-presentation-category-list-item.subcategory{
	padding-left: calc( .5rem + var( --m ) );
}
html.dark-mode{
	background: var(--darkmode-100);
}
.dark-mode .loader:not(.page-loaded){
	background: var(--darkmode-100);
}
.dark-mode body{
	background: var(--darkmode-200);
}
@media (min-width:768px) and (min-height:501px){

	.dark-mode body{
		background-image: var(--darkmode-gradient);
	}
}
.dark-mode .menu{
	border-bottom: 3px solid var(--white-color);
	background: var(--darkmode-100);
}
.dark-mode .section-inner{
	background: var(--darkmode-transparent);
}
.dark-mode .location-page::before{
	background: var(--darkmode-100);
}
.dark-mode a.do-load-presentation-category,
.dark-mode a.do-load-presentation-category:hover,
.dark-mode .toggle-filters-menu:hover,
.dark-mode .toggle-filters-menu{
	color: var(--white-color);
}
.dark-mode hr.grey-bg{
	background: var(--darkmode-300);
}
.four-columns-responsive,
.three-columns-responsive{
	column-count: 1;
}

.presentation-page-grid-left .location-page-padding-content-container{
	/*max-height: calc(100vh - 5rem);*/
	/*top: 5rem;*/
	/*bottom: 0;*/
	/*overflow-y: auto;*/
	/*width: 20rem;*/
	/*z-index: 100;*/
/*	padding-bottom: 0rem;*/
}
.item-content-checkbox{
  position: absolute;
  bottom: 0.5rem;
  left: 0.25rem;
  padding: 0.5rem;
  width: 2rem;
  height: 2rem;
}
.item-content-checkbox .checkbox-container input[type="checkbox"] + label::before{
	opacity: 1;
}
.presentation-header{
	margin-top: 1.5rem;
}
.copied-msg{
	display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	background: var(--black-color);
	font-size: .8rem;
	padding: .5rem .75rem;
	color: var(--white-color);
	pointer-events: none;
	white-space: nowrap;
	border-radius: 5px;
	box-shadow: 0 0 .25rem 0 rgba(0,0,0,.25);
	z-index: 15000;
}
.presentation-hero{
	border-radius: 4px;
	margin: .25rem .25rem 0 .25rem;
	padding: 2rem;
	background-size: cover;
	min-height:150px;
	position: relative;
	overflow: hidden;
}
.presentation-hero::after{
	content: '';
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	height:75px;
	opacity: .5;
	background-image: linear-gradient( to top, #000, transparent );
	z-index: 2;
	pointer-events: none;
}
.presentation-category-hero-title{
	position: absolute;
	bottom:1.5rem;
	left:2rem;
	right: 2rem;
	z-index: 3;
	text-shadow: 0 0 10px rgba(0,0,0,.3);
}
.presentation-category-hero-breadcrumbs{
	white-space: nowrap;
	overscroll-behavior: contain;
	display: flex;
/*	background-image: linear-gradient( to bottom, rgba(0,0,0,.3), transparent );*/
	background: rgba(0,0,0,.3);
	position: absolute;
	top:0;
	left:0;
	right:0;
	padding: 1.125rem 1rem;
	overflow-x: auto;
}
.presentation-category-hero-breadcrumbs .breadcrumb{
	text-shadow: 0 0 3px rgba(0,0,0,.5);
}
.presentation-category-hero-breadcrumbs .breadcrumb ~ .breadcrumb{
	margin-left: 1.5rem;
	text-shadow: 0 0 3px rgba(0,0,0,.5);
	position: relative;
}

.presentation-category-hero-breadcrumbs .breadcrumb ~ .breadcrumb::before{
	position: absolute;
	content:'';
	width: 6px;
	height: 6px;
	top: 5px;
	left: -1rem;
	transform: rotate(-45deg);
	border-right: 1px solid var(--white-color);
	border-bottom: 1px solid var(--white-color);
	pointer-events: none;
}
.has-error-color{
	color: var(--error-color);
}
.has-selected-items::after{
	content: attr( data-selecteditems );
	background: rgba(255,255,255,.8);
	position: absolute;
	inset: 1rem;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	border-radius: 4px;
}
.has-selected-items .presentation-image-location-title,
.has-selected-items .item-content-options-icons,
.has-selected-items .item-content-checkbox,
.has-selected-items .item-content-options{
	display: none;
}
.body-inner{
	height: 100%;
}
#map{
	width: 100%;
	height: 100%;
	min-height: 500px;
}
.marker-address{
	margin-top: 5px;
	font-size: .8rem;
}
.marker-dates{
	margin-top: 10px;
	font-size: .8rem;
}
#markerdates > div,
#markerdates{
	font-size: .8rem;
	white-space: nowrap;
}
#markerpreview{
	opacity: 0;
	pointer-events: none;
	transition: opacity .25s ease;
	background: white;
	margin-left: 1rem;
	padding: .5rem 1rem;
	border-radius: 4px;
	border: 1px solid var(--grey-color-50);
}
#markerpreview.active{
	opacity: 1;
}
.project-bar-title,
.location-bar-title{
	cursor: pointer;
	padding: .5rem;
	border-bottom: 1px solid var(--grey-color-50);
}
.project-bar-title:hover,
.location-bar-title:hover{
	color:  var(--primary-color-600);
}
#map_location_field{
	display: none;
}
.close-map-location-field{
	cursor: pointer;
	padding: 1rem;
	border-bottom: 1px solid var(--grey-color-50);
	color:var(--primary-color-600);
}
.close-map-location-field i::before{
	font-size: 1.25rem;
}
.close-map-location-field:hover{
	color:var(--primary-color-400);
}
#searchbar_field{
	padding: 0 1rem;
}
#map_location_field_inner{
	padding: 1rem;
}
#map_project_field{
	padding: 1rem;
	display: none;
}
.location-center-marker{
	margin-top:1rem;
	border-radius: 10px;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	cursor: pointer;
}
.map-buttons-header{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.map-button{
	cursor: pointer;
	color:var(--primary-color-600);
	background:var(--white-color);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	border-bottom: 1px solid var(--white-color);
}
.map-button:not(.active):hover,
.map-button:hover{
	background: var(--white-color);
	opacity: 1;
	color:var(--primary-color-400);
}
.map-button.active{
	opacity: 1;
}
.map-button:not(.active){
	background: var(--grey-color-150);
	border-bottom: 1px solid var(--grey-color-200);
}
.map-button ~ .map-button{
	border-left: 1px solid var(--grey-color-200);
}
.map-float-btn-cont{
	position: absolute;
	top:10px;
	left:10px;
	z-index: 1;
}
.map-float-btn{
	border-radius: 100%;
	background: var(--white-color);
	color: var(--primary-color-600);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
}
.map-float-btn:hover{
	color:var(--primary-color-400);
}
.map-location-title{
	display: grid;
	grid-gap:.5rem;
	grid-template-columns: 1fr max-content;
}
.location-dates-grid{
	display: grid;
	grid-template-columns: 1fr 1fr max-content;
  align-items: center;
  grid-gap: .5rem;
}
.searchbar-dates{
	display: grid;
	grid-template-columns: 1fr 1fr;
}
#searchbar_from{
	border-radius: 100vh 0 0 100vh;
	border-right-width: 1px;
	height:51px;
}
#searchbar_to{
	border-radius: 0 100vh 100vh 0;
	border-left-width: 1px;
	height:51px;
}
.cluster-tag{
	min-width: 26px;
	height: 26px;
	background: #ccc;
	border: 1px solid #555;
	color: #555;
	border-radius: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .8rem;
	font-weight: 900;
}
.cluster-tag-wide{
	padding: 0 10px;
}
@media (min-width: 400px){ 
	.four-columns-responsive,
	.three-columns-responsive{
		column-count: 2;
	}
}
@media (max-width: 767px){
	.presentation-page.active .presentation-description{
		transform: translateX( 20rem );
	}
	.presentation-page.active .presentation-right-column{
		transform: translateX( 20rem );
	}
}
@media (min-width: 535px){ 

	.presentation-hero{
		min-height:200px;
	}
	.presentation-hero::after{
		height:150px;
	}
	.presentation-navigation.bottom{
		display: flex;
	}
	.presentation-navigation.bottom div[role="button"]{
		margin: 1rem 0;
	}
	.presentation-page-overview{
		grid-template-columns: 1fr 1fr 1fr;
	}
	.presentation-header{
		padding-right: 4.5rem;
		padding-left: 4.5rem;
	}
	.presentation-navigation{
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		padding-top: 1rem;
	}

	.presentation-description{
		margin-right: 4.5rem;
		margin-left: 4.5rem;
	}
	.presentation-grid-selector-outer{
		position: fixed;
		top: 5.5rem;
		left: 50vw;
		width: 100vw;
		transform: translateX( -50% );
		max-width: var(--screen-lg);
		z-index: 100;
	}
	.presentation-grid-selector{
		display: block;
		position: absolute;
		top: 0rem;
		right: .5rem;
		z-index: 100;
	}
	.btn.presentation-grid-selector-button{
		display: inline-flex;
		border: 2px solid var(--primary-color-400);
		width: 2.5rem;
		height: 2.5rem;
		color: var(--primary-color-400);
		justify-content: center;
		align-items: center;
		opacity: .5;
		transform: scale(1) !important;
	}

	.btn.presentation-grid-selector-button i::before{
		font-size: 1.25rem;
	}

	.btn.presentation-grid-selector-button:hover{
		border: 2px solid var(--primary-color-600);
		color: var(--primary-color-600);
		opacity: 1;
	}
	.btn.presentation-grid-selector-button.active{
		opacity: 1;
	}
}

@media (min-width: 600px){ 
	.four-columns-responsive,
	.three-columns-responsive{
		column-count: 3;
	}
}
@media (min-width: 768px){

	#searchbar_field .searchbar-months input[type=checkbox] + label::before{
		display: none;	
	}
	.load-presentation-category{
		font-size: 1rem;
	}
	.presentation-hero{
		min-height:350px;
	}
	.presentation-hero::after{
		height:200px;
	}
	.copied-msg{
		display: none;
	}
	.presentation-page-overview{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.presentation-page-images-grid.location-page .grid-sizer,
	.presentation-page-images-grid.location-page .masonry__item{
		width: 33.334%;
	}
	.presentation-page-images-grid.location-page .grid-sizer.one-item,
	.presentation-page-images-grid.location-page .grid-sizer.one-item ~ .masonry__item{
		width: 100%;
	}
	.presentation-image-location-header{
		display: none;
		/*transform: scale( 0 );*/
		/*transition: .25s ease;*/
		/*transform-origin: bottom right;*/
	}
	.one-item ~ .masonry__item .presentation-image-location-header,
	.masonry__item:hover .presentation-image-location-header{
		/*transform: scale( 1 );*/
		display: block;
	}
	.presentation-grid-selector{
		/*top: .5rem;*/
	}
	.presentation-description{
		/*margin-right: 0;*/
	}
	.presentation-category-title{
		padding: 1rem .5rem 0rem .5rem;
	}
	.presentation-right-column{
		/*max-height: calc(100vh - 5rem);*/
		/*overflow-y: auto;*/
	}
	.presentation-categories{
		/*margin-top: 2rem;*/	
	}

	.image-selection-bar-bottom{
		max-width: 500px;
	}
	.image-selection-bar .thumbnail-grid{
		grid-template-columns: 1fr 1fr 1fr;
	}
	.presentation-header{
		/*padding-top: 1.5rem;*/
		padding-bottom: 2.5rem;
		/*padding-left: 1.5rem;*/
	}
}

@media (min-width: 1024px){ 

	.four-columns-responsive{
		column-count: 4;
	}
	.presentation-page-overview{
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	}
	.presentation-page-images-grid.location-page .grid-sizer,
	.presentation-page-images-grid.location-page .masonry__item{
		width: 25%;
	}
	.presentation-navigation{
		padding-left: 2.5rem;
		padding-right: 2.5rem;
		padding-top: 1rem;
	}
	.presentation-page .location-page-grid{
		/*grid-template-columns: 25rem 1fr;*/
	}
	.presentation-page-grid-left .location-page-padding-content-container{
		/*width: 25rem;*/
	}
	.presentation-page-grid-left{
		/*width: 25rem;*/
	}
	.presentation-header{
		/*padding-top: 2.5rem;*/
		/*padding-bottom: 2rem;*/
		/*padding-left: 2.5rem;*/
	}
}

@media (min-width: 1200px){ 

	.presentation-page-overview{
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	}
}