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

.clearfix::before,
.clearfix::after {
	content: '';
	display: table;
}

.clearfix::after {
	clear: both;
}

body {
	font-family: 'Kanit', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	color: #515158;
	background: #FBF4EF;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.h1, h1 {
    font-size: 2rem;
	cursor: pointer;
	color:#ffffff;
}
.h2, h2 {
    font-size: 1.2rem !important;
	cursor: pointer;
	color:#ffffff;
}
.h3, h3 {
    font-size: 1.7rem;
	cursor: pointer;
	color:#ffffff;
}
.content__item-details h3{
	color:#1e827d;
}
.encart2 .h3, .encart2 h3 {
	color:#ffffff;
}
a {
	text-decoration: none;
	color: #333 !important;
	outline: none;
}

a:hover,
button:hover {
	color: #9dd4d5; /*515158;*/
	outline: none;
}

a:focus,
button:focus {
	outline: none !important;
}

.hidden {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	pointer-events: none;

	opacity: 0;
	display:none;
}
.grayscale{
	filter:grayscale(1);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.4;
}
.normal{
	filter:grayscale(0);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);	
	opacity: 1;
}

/* Icons */
.icon {
	display: block;
	width: 1em;
	height: 1em;
	margin: 0 auto;
	fill: currentColor;
}

.container-main {
	position: relative;
	width: 100vw;
	height: 100vh;
}
.content__item-details .container-fluid {
	height: auto !important;
}
@media screen and (max-height:1100px){ 
	.content__item-details .container-fluid {
		height: 800px !important;
	}
}
@media screen and (max-height:900px){ 
	.content__item-details .container-fluid {
		height: 600px !important;
	}
}
/* Top Navigation Style */

.main {
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	width: calc(100vw - 300px);
	height: 100vh;
	/*background-color:#60b05a;*/
}

.sals {
	z-index:2;
	position: relative;
	width: 100%;
	height: 100%;
	pointer-events: none;
	-webkit-perspective: 3500px;
	perspective: 3500px;
	-webkit-perspective-origin: 0% 50%;
	perspective-origin: 0% 50%;
	-webkit-transition: -webkit-transform 0.8s;
	transition: transform 0.8s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.sals.sals--content-open {
	-webkit-transform: translate3d(0,-25%,0) scale3d(0.8,0.8,1);
	transform: translate3d(0,-25%,0) scale3d(0.8,0.8,1);
	-webkit-transform: translate3d(0,-25%,0) scale3d(1,1,1);
	transform: translate3d(0,-25%,0) scale3d(1,1,1);
}

.sals--content-open #whole {
	/*transform:scale(0.2);
	-webkit-transform:scale(0.2);*/
}
.sals--content-open .level {
	position:absolute;
	height: 149px !important;
    width: 250px !important;
	border: 5px #ffffff solid;
	top: 25%;
	right: 0;
	background-color:#FBF4EF; /*rgba(255,255,255,0.75);*/
}
.sals--content-open #DECOR_1_{
	/*display:none;*/
}
.surroundings {
	width: 192vmin;
	/* double of sals map */
	height: 128vmin;
	margin: -64vmin 0 0 -96vmin;
	pointer-events: none;
	-webkit-transition: opacity 0.8s;
	transition: opacity 0.8s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.surroundings__map {
	opacity: 0.3;
	max-width: 100%;
	display: block;
}

.surroundings--hidden {
	opacity: 0;
}

.levels {
	width:100%;
	height:100%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}



.level {
	position: relative;
	width: 100%;
	height: 100%;
	cursor: pointer;
	pointer-events: auto;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;

	background-color:#FBF4EF; /*#60b05a;*/
}
.level .back-to-map{
	background: #1e827d;
	position: absolute;
	bottom: 0;
	height: 25px;
	width: 100%;
	text-align: center;
	color: white;
	display:none;
}

.sals--content-open .level .back-to-map{
	display:block;
}
.level::after {
	font-size: 2.5vmin;
	line-height: 0;
	position: absolute;
	z-index: 100;
	top: -2em;
    left: 3.5em;
	white-space: nowrap;
	color: #7d7d86;
	-webkit-transform: rotateZ(45deg) rotateX(-70deg) translateZ(5vmin);
	transform: rotateZ(45deg) rotateX(-70deg) translateZ(5vmin);
	-webkit-transition: -webkit-transform 1s, color 0.3s;
	transition: transform 1s, color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.level:hover::after,
.level--current::after {
	color: #515158;
}

.level--current::after {
	-webkit-transform: rotateZ(-20deg) rotateZ(45deg) rotateX(-70deg) translateZ(5vmin) translateX(5vmin) translateY(-10vmin);
	transform: rotateZ(-20deg) rotateZ(45deg) rotateX(-70deg) translateZ(5vmin) translateX(5vmin) translateY(-10vmin);
}

.level--1::after {
	content: ''; /*'L1'; */
}

.level--2::after {
	content: 'L2';
}

.level--3::after {
	content: 'L3';
}

.level--4::after {
	content: 'L4';
}

.level:not(:first-child) {
	position: absolute;
	top: 0;
	left: 0;
}

.level--2 {
	-webkit-transform: translateZ(10vmin);
	transform: translateZ(10vmin);
}

.level--3 {
	-webkit-transform: translateZ(20vmin);
	transform: translateZ(20vmin);
}

.level--4 {
	-webkit-transform: translateZ(30vmin);
	transform: translateZ(30vmin);
}


/* Selection transitions */

.levels--selected-1 .level:not(.level--1),
.levels--selected-2 .level:not(.level--2),
.levels--selected-3 .level:not(.level--3),
.levels--selected-4 .level:not(.level--4) {
	opacity: 0;
	/* fade out all others */
}

/* Other levels */

.level--current ~ .level {
	-webkit-transform: translateZ(90vmin);
	transform: translateZ(90vmin);
}

.levels--selected-2 .level--1,
.levels--selected-3 .level--1,
.levels--selected-4 .level--1,
.levels--selected-3 .level--2,
.levels--selected-4 .level--2,
.levels--selected-4 .level--3 {
	-webkit-transform: translateZ(-60vmin);
	transform: translateZ(-60vmin);
}

/* Delays */
/* 1 */

.levels--selected-1 .level--3,
.levels--selected-2 .level--3,
.levels--selected-3 .level--2,
.levels--selected-4 .level--2 {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.levels--selected-1 .level--2,
.levels--selected-2 .level--current,
.levels--selected-2 .level--current::after,
.levels--selected-3 .level--current,
.levels--selected-3 .level--current::after,
.levels--selected-4 .level--3 {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
}

.levels--selected-1 .level--current,
.levels--selected-1 .level--current::after,
.levels--selected-4 .level--current,
.levels--selected-4 .level--current::after {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}

/* Current level */

.level.level--current {
	/*-webkit-transform: translateZ(15vmin) rotate3d(0,0,1,20deg);*/
	/* go to center */
	/*transform: translateZ(15vmin) rotate3d(0,0,1,20deg);*/
}

/* Navigation classes */
.levels--open .level,
.levels--open .level::after {
	-webkit-transition: -webkit-transform 1s, opacity 1s;
	transition: transform 1s, opacity 1s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.levels--open .level.level--current {
	opacity: 1;
}

.levels--open .level.level--moveOutUp,
.levels--open .level.level--moveOutDown {
	opacity: 0;
}

.levels--open .level.level--moveOutUp {
	-webkit-transform: translateZ(90vmin);
	transform: translateZ(90vmin);
}

.levels--open .level.level--moveOutDown {
	-webkit-transform: translateZ(-60vmin);
	transform: translateZ(-60vmin);
}


/* Level nav */
.salsnav {
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	-webkit-transition: opacity 0.8s;
	transition: opacity 0.8s;
	z-index:2;
	display:none;
}

.salsnav--hidden {
	pointer-events: none;
	opacity: 0;
}

/* Box button */
.boxbutton {
	font-size: 2em;
	display: block;
	width: 2em;
	height: 2em;
	margin: 0;
	padding: 0;
	color: #fff;
	border: 0;
	background: #9dd4d5;
}

.boxbutton--dark {
	background: #9dd4d5 !important;
	color:white !important;	
}
.boxbutton--dark :hover {
	color:white !important;
}

.boxbutton--darker {
	background: #333;
}

.boxbutton--alt {
	background: #3d1975;
}

.boxbutton--disabled,
.boxbutton--disabled:focus,
.boxbutton--disabled:hover {
	cursor: default;
	pointer-events: none;
	opacity: 0.2;
}
.boxbutton-close{
	position:absolute;
	top:0;
	right:0;
}

.boxbutton-extend{
	position: absolute;
    top:-2em !important;
    left: calc(50% - 1em);
    z-index: 100000 !important;

}
/* Level map */

.map__ground {
	fill: #F4DCC5;
}

.map__outline {
	-webkit-transition: fill 0.3s;
	transition: fill 0.3s;
	fill: #bbb;
}

.level:hover .map__outline,
.level--current .map__outline {
	fill: #a6a3a8;
}

.map__tree {
	fill: #7bad7f;
}

.map__lake {
	fill: #a2bbdd;
}

.map__space {
	-webkit-transition: fill-opacity 0.8s;
	transition: fill-opacity 0.8s;
	fill: #bdbdbd;
	fill-opacity: 0.6;
}

.level--current .map__space {
	fill-opacity: 1;
}

 .map__space--selected {
 	fill: #A4A4A4;
 }

.svg-pan-zoom-control{
	/* z-index:1000000 !important;*/
}

/* Content */
.content {
	position: absolute;
	top: 100%;
	width: 100%;
	height: 100%;
}

.content__item {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 1em;
	text-align: center;
	background: #fdfdfd;
	-webkit-transition: -webkit-transform 0.8s;
	transition: transform 0.8s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	z-index:100;
	overflow-y:scroll;
}

.content--open .content__item {
	/*-webkit-transition: none;
	transition: none;*/
	z-index:50000;
}
.content--open--extended{
	height:100%;
}
.content--open--extended .content__button{
	/*top:-93%;*/
}
.content__item--current {
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
}

.content__item-title {
	font-size: 1.85em;
	margin: 0;
	padding: 0 0 0.75em 0;
	pointer-events: none;
	font-weight: normal;
	opacity: 0;
	-webkit-transform: translate3d(0,-3em,0) translate3d(0,-100%,0);
	transform: translate3d(0,-3em,0) translate3d(0,-100%,0);
}

.content__item[data-category='1'] .content__item-title {
	color: #7cbf7f;
}

.content__item[data-category='2'] .content__item-title {
	color: #6584c7;
}

.content__item[data-category='3'] .content__item-title {
	color: #dc4b7c;
}

.content__item[data-category='4'] .content__item-title {
	color: #8d65e0;
}

.content__item--hover .content__item-title {
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.content__item--current .content__item-title {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.content__item-details {
	opacity: 0;
	margin: 0 auto;
	max-width: 100vmax;
	/*overflow: scroll;*/
    height:auto; /*height: 1500px;*/
}

.content__item--current .content__item-details {
	opacity: 1;
}

.content__meta {
	margin: 0;
	font-size: 0.85em;
	line-height: 1.5;
}

.content__meta-item {
	display: inline-block;
	padding: 0 0.25em;
	color: ;
}

.content__meta .icon {
	display: inline-block;
	vertical-align: middle;
}

.content__desc {
	text-align: left;
	/* margin: 7vmin 0 0 0;*/
}

.content__button {
	position: absolute;
	top: -100%;
	right: 0;
	opacity:1;
	z-index:1000000 !important;
/*	-webkit-transition: opacity 0.3s 0.7s;
	transition: opacity 0.3s 0.7s;
	z-index:500;*/
}

.content__button--hidden {
/*	pointer-events: none;
	opacity: 0;
	-webkit-transition: none;
	transition: none;*/
}
.encart1{
	background-color:#4b4f71;
	color:white;
	padding:15px;
}
.encart1 a,
.encart1 p a{
	color:white !important;
	text-decoration:underline !important;
}
.encart2{
	background-color:#e2007a;
	color:white;
	padding:15px;
}
.encart2 a,
.encart2 p a{
	color:white !important;
	text-decoration:underline !important;
}
.img-container img{
	max-width: 100%;
	width: 100%;
	height:auto;
}
/* Spaces list (sidebar) */

.spaces-list {
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
	min-height: 100vh;
	padding: 1em 0 1em;
	background: #1e827d;
	color:white;
}

.search {
	position: fixed;
	z-index: 100;
	top: 0;
	right: 0;
	left: calc(100vw - 300px);
}

.search__input {
	width: 100%;
	padding: 1.315em 2em;
	color: #fff;
	border: 0;
	background: #515158;
	border-radius: 0;
}

.search__input:focus {
	outline: none;
}

.label {
	position: absolute;
	top: 4em;
	right: 0;
}

.label__text {
	font-size: 0.85em;
	line-height: 1;
	display: block;
	padding: 1em;
	color: #e4e4e4;
}

.label__checkbox {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
}

.label__checkbox:checked + .label__text {
	color: #515158;
}

.list {
	margin: 0 0 2em;
	padding: 0 1em 1em 1em;
	list-style: none;
}
.list ul{
	text-indent:0;
	padding: 0 1em 1em 1em;
}

.list__item {
	font-size: 1.05em;
	line-height: 1;
	position: relative;
	display: block;
}
#leftContact{
	padding: 0 20px;
}
#leftContact h3{ 
	font-size: 1.25em;
}
#leftContact strong,
#leftContact em{
	color:#9dd4d5;	
}
#leftList > .list__item:first-child {
	margin-top: 2em;
}
.list__item:first-child  .list__item:first-child {
	margin-top: 0em;
}
div.list__item{
    position: absolute;
    display: block;
    bottom: 20px;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}
div.list__item .list__link{
	color:white;
	background-color:#9dd4d5;	
}
.grouped-by-category [data-category='1']:first-child,
.grouped-by-category :not([data-category='1']) + [data-category='1'],
.grouped-by-category [data-category='2']:first-child,
.grouped-by-category :not([data-category='2']) + [data-category='2'],
.grouped-by-category [data-category='3']:first-child,
.grouped-by-category :not([data-category='3']) + [data-category='3'],
.grouped-by-category [data-category='4']:first-child,
.grouped-by-category :not([data-category='4']) + [data-category='4'] {
	/*margin-top: 4em;*/
}

.grouped-by-category [data-category='1']:first-child::before,
.grouped-by-category :not([data-category='1']) + [data-category='1']::before,
.grouped-by-category [data-category='2']:first-child::before,
.grouped-by-category :not([data-category='2']) + [data-category='2']::before,
.grouped-by-category [data-category='3']:first-child::before,
.grouped-by-category :not([data-category='3']) + [data-category='3']::before,
.grouped-by-category [data-category='4']:first-child::before,
.grouped-by-category :not([data-category='4']) + [data-category='4']::before {
	font-size: 1.25em;
	position: absolute;
	top: -1.75em;
	left: 0;
	color: #c7c7c9;
}

.grouped-by-category >[data-category='1']:first-child::before,
.grouped-by-category :not([data-category='1']) + [data-category='1']::before {
	content: 'Lieux';
	color: #9dd4d5;
}

.grouped-by-category >[data-category='2']:first-child::before,
.grouped-by-category :not([data-category='2']) + [data-category='2']::before {
	content: 'Cursus';
	color: #9dd4d5;
}

.grouped-by-category >[data-category='3']:first-child::before,
.grouped-by-category :not([data-category='3']) + [data-category='3']::before {
	content: 'Specialites';
	color: #9dd4d5;
}

.grouped-by-category >[data-category='4']:first-child::before,
.grouped-by-category :not([data-category='4']) + [data-category='4']::before {
	content: '';
	color: #8d65e0;
}

.list__item::after {
/*	content: 'L' attr(data-level) ' / ' attr(data-space);
	font-size: 0.65em;
	line-height: 3;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 0.5em;
	pointer-events: none;
	color: #c7c7c9;*/
}

.list__link {
	font-size: 1rem;
	display: block;
	padding: 0.5em 0.5em 0.5em 0;
	cursor:pointer;
}

.list__item--active .list__link,
.list__link:hover {
	color: #1e827d;
}
.list__link:hover .hint{
	display:block;
}  
.hint{
	width:100%;
	display:none;
	float: left;
	margin-bottom: 20px;
	font-style: italic;
	color: #666;
	font-size:80%;
}
  

/* Pins */
.hoverable .hover > .st44,
.hoverable .marker > ellipse,
.hoverable .marker > .st28{	
	fill:#F4DCC5;
}			
.hover > g:not(.marker),
.hover > polygon:not(.marker){
	display:none;
}
.hoverable.pin--active  .hover > g:not(.marker),
.hoverable:hover  .hover > g:not(.marker),
.hoverable.pin--active  .hover > polygon:not(.marker),
.hoverable:hover  .hover > polygon:not(.marker){
	display:block;
}
.hoverable.pin--active > .st44,
.hoverable.pin--active .marker > ellipse,
.hoverable.pin--active .marker > .st28,			
.hoverable:hover > .st44,
.hoverable:hover .marker > ellipse,
.hoverable:hover .marker > .st28{
	fill:#9dd4d5;
}
.hoverable:hover .marker > ellipse{
	
}
.hoverable > path{
	opacity:0;
}
.st52,
.st53,
.st54,
.st55,
.st56,
.st57,
.st58,
.st56{opacity:0; cursor:pointer}
.st52:hover,
.st53:hover,
.st54:hover,
.st55:hover,
.st56:hover,
.st57:hover,
.st58:hover
{opacity:0.75; cursor:pointer}
.pin--active .st52,
.pin--active .st53,
.pin--active .st54,
.pin--active .st55,
.pin--active .st56,
.pin--active .st57,
.pin--active .st58{
	opacity:0.75; cursor:pointer
}

/* Mobile compatability */
.open-search,
.close-search {
	display: none;
}
.sals-header{
	z-index: 1;
	position:absolute;
	background-color:white;
	width:180px;
}
.sals-header .logo{
	width:150px;
	display:block;
	float:left;
}
.sals-header .logo img{
	width:150px;
}
.reseaux-header{
	float:left;
	width:30px;
	position:absolute;
	right:0;
	top:0;
	height:100%;
	padding-top: 5px;
}
.social2-icons{
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin-right:10px;
}
.social2-icons em{
	font-size: 30px;
	color: #9dd4d5;
	background-color:#FBF4EF;

}
@media screen and (max-width: 65.625em){ /*, screen and (max-height: 40.625em) {*/
	.sals-header{
		width:100%;
		background-color:transparent;
	}
	.sals-header .logo img{
		width:50px;
	}
	.reseaux-header{
		float:left;
		width:auto;
		left:150px;
	}
	.main {
		width: 100vw;
	}
	.spaces-list,
	.search {
		width: 75vw;
		right: 100%;
		left: auto;
	}
	.spaces-list--open,
	.spaces-list--open .search {
		right: 0;
	}
	.spaces-list--open .close-search{
		display:block;
	}
	.salsnav.spaces-list--open{
		right: 75vw;
	}
	/*.open-search,*/
	.close-search {
		position: absolute;
		display: block;
		top: 0;
		right: 0;
		z-index: 1000;
	}
	.salsnav {
	/*	top: 4em;*/
		display:block;
	}
	.container {
		overflow: hidden;
	}
	.container--overflow {
		overflow: auto;
	}
	.content__item {
		overflow: hidden; /*auto;*/
	}
	.sals-header {
		padding-right: 4em;
		text-align: left;
	}
	.sals--content-open .level {
		height: 100px !important;
		width: 150px !important;
		border: 5px #ffffff solid;
		top: 25%;
		background-color:rgba(255,255,255,0.75);
		/*display:none;*/
		left:0
	}
	.h2, h2{
		font-size:1em !important;
	}
	.sideMenuBottomRight{
		padding:10px 0px !important;
	}
}

.entrez{
	position: absolute;
    bottom: 225px;
    background-color: #9dd4d5;
    width: 275px;
    height: 125px;
    margin: 0 auto;
    line-height: 125px;
    text-align: center;
	font-size: 30px;
	border-radius:4px;
	color:#1e827d !important;
	z-index: 50000 !important;
    left: calc(50% - 250px/2);
    bottom: 12%;
	text-decoration:none;
	padding-right: 6px;
}
.entrez a{
	color:#1e827d !important;
	height:100%;
	width:100%;
	position: relative;
	display:block;
	text-decoration:none;
	border-radius:4px;
}
.entrez:hover{
	background-color: #ffffff;
	text-decoration:none !important;
	border-radius:4px;
}
.entrez a:hover{
	text-decoration:none !important;
}
.entrez a:after{
	font-family: "FontAwesome";
	font-weight: 600;
	content: "\f105";
    font-size: 1em;
    color: #1e827d;
    padding-left: 16px;
    position: absolute;
    right: 14px;
    padding-top: 2px;
	text-decoration:none;
}
/*  Accordions
*/
.accordion {
	background-color: #eee;
	color: #ffffff;
	cursor: pointer;
	padding: 10px 20px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	margin-bottom: 10px;
  }
  
  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
  .active-accordion, .accordion:hover {
	background-color: #9dd4d5;
	color:white;
  }
  
  /* Style the accordion panel. Note: hidden by default */
  .panel {
	padding: 0 0px 20px 0;
	background-color: transparent;
	display: none;
	overflow: hidden;
  }

  /* SWIPER */
  .swiper-container {
	width: 100%;
	height: 100%;
  }

  .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 60%;
  }

  .swiper-slide:nth-child(2n) {
	width: 40%;
  }

  .swiper-slide:nth-child(3n) {
	width: 20%;
  }
   
  /* OVERLAY */
  .overlay{
	  background:rgba(0,0,0,0.4);
	  position:absolute;
	  top:0;
	  left:0;
	  width:100%;
	  height:100%;
	  display:block;
	  z-index:1000;
	  
  }

  .colors{
	  opacity:0.2;
  }
  .colors:hover{
	opacity:1;
  }

  div#uxTooltip >p {
    font-size: 2em;
}
div#uxTooltip strong{
	color:#9dd4d5;
}

.sals-btn{
	border:2px #9dd4d5 solid; 
	background-color:#9dd4d5;
	color:white !important;
	text-decoration:none;
	padding:10px 20px;
	white-space:nowrap;
	position: absolute;
	right: 55px;
}
.sals-btn:hover{
	background-color:white;
	color:#9dd4d5 !important;
	text-decoration:none;
	padding:10px 20px;
}
.salsnav.spaces-list--open #btnBurger{
	/*display:block;*/
	display:none;
}
.salsnav.spaces-list--open #DECOR_1_{
	display:none;
	opacity:0;
}
.selector:not(*:root), # {
	color: #dd14d5;
}

.view360{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: 1;
	/*background-image:url(../img/loader.gif);*/
	background-position:center 25%;
	background-repeat:no-repeat;
	background-size:50px 50px;
}
.p-0{
	overflow-x: hidden;
}

.carousel-container {
	display: flex;
	/*height:850px;*/
	/*min-height: 850px;*/
  }
  
  .carousel {
	background: #FAFAFA;
	margin-bottom: 40px;
	flex-grow: 1;
  }
  
  .carousel-cell {
	width: 100%;
	height: auto;
	margin-right: 10px;
	/*background: #8C8;*/
	border-radius: 5px;
	counter-increment: carousel-cell;
  }
  
  /* cell number */
  .carousel-cell:before {
	display: block;
	text-align: center;
	content: url(../img/loader.gif); /*counter(carousel-cell);*/
	transform: scale(.1);
	line-height: 70vh;
	font-size: 80px;
	color: white;
  }
  /*
  .carousel-nav {
	width: 120px;
	margin-left: 10px;
	max-height: 100%;
	overflow-y: scroll;
  }
  */
  .carousel-nav {
	width: auto;
	/*margin-left: 10px;*/
	/*max-height: 80px;*/
	overflow-x: scroll;
	overflow-y: hidden;
	display: flex;
	min-height:auto; /* 150px; */
  }

  .carousel-nav .carousel-cell {
	height: 80px;
	width: 120px;
    margin: 0 10px 5px 0;
	cursor: pointer;
	position:relative;
	background-size:cover;
  }
  
  .carousel-nav .carousel-cell.view360:before {
	font-size: 50px;
	line-height: 50px;
	content: url(../img/icon-360.png);
	transform: scale(1);
  }
  .carousel-nav .carousel-cell.video:before {
	font-size: 50px;
	line-height: 50px;
	content: url(../img/icon-video.png);
	transform: scale(1);
  }
  .carousel-nav .carousel-cell.photo:before {
	font-size: 50px;
	line-height: 50px;
	content: url(../img/icon-photo.png);
	transform: scale(1);
  }
  
  .carousel-nav .carousel-cell.is-nav-selected {
	border:2px #1e827d solid;
  }

  
.video-container {
	/*	position: relative;
		padding-bottom: 56.25%;
		padding-top: 35px;
		height: 0;
		overflow: hidden;*/
		position: absolute;
		padding-bottom: 0;
		padding-top: 0;
		top: 0;
		text-align: center;
		width: 100%;
		height:100%;
}
.carousel-nav .video-container {
	width: 100px;
	height:80px;
	/*top: 16px;*/
}/*
.video-container img{
	width:100%;
}*/
.video-container iframe {
	height: 100%;
	width: 100%;
	margin:0 auto;
}
.video-container.video-small iframe{
	height: 50%;
	width: 50%;
	margin: 0 auto;
	margin-top: 12%;
}
@media screen and (max-width: 65.625em){ /*, screen and (max-height: 40.625em) { */
	.video-container.video-small iframe{
		height: 100% !important;
		width: 100% !important;
		margin:0 auto !important;
	}

}
.text-container{
	padding:5%;
}
.legend{
	font-size:13px;
	line-height:14px;
}

/* Tooltip map */
.tooltip2{
	padding:10px 25px;
	background-color:#1e827d;
	color:white;
	position:absolute;
	z-index:50000 !important;
	display:none;
}

/* BOOKING */
.jumbotron{
	max-height: 50%;
    overflow-y: auto;
}
.intro{
	background-color:#dcdcdc;
	padding:100px !important;
}
.jumbotron h1,
.intro h1{
	color:#1e827d;
}
.ui-datepicker-header{
	max-width: 50%;
    margin: 0 auto;
}
.ui-datepicker-calendar{
    text-align: center;
    margin: 0 auto;
    width: 250px;
    height: 250px;
}
.ui-datepicker-prev{
   float:left;
   color:#1e827d !important;
   cursor:pointer;
}
.ui-datepicker-next{
   float:right;
   color:#1e827d !important;
   cursor:pointer;
}

#dayTimes{
	padding-bottom:100px;
}
.ui-datepicker-calendar a,
.ui-datepicker-calendar .ui-datepicker-unselectable,
#dayTimes a{
	padding:0 10px !important;
}

#dayTimes a{
	min-width:100px !important;
	display:inline-block;
	border-bottom:1px white solid;
}
.available a,
#dayTimes a{
	background-color:#9dd4d5;

	color:#1e827d !important;

}
.min-div {
    height: 100vh !important;
    overflow-y: auto;
}
@media screen and (max-width: 65.625em){
	.h1, h1{
		font-size:0.9em !important;		
	}
}


.main-text{
	padding:0 25px !important;
}