body.launcher {
	margin:0;
	padding:0;
}

.launcher .wrapper {
	width: 100vw;
	height: 100vh;
	overflow:hidden;
	display: block!important;
}

.wave-left {
	position: fixed;
	width: 90vw;
	bottom: -47%;
	left: -41%;
	opacity:.4;
}

.wave-right {
	width: 90vw;
	position: fixed;
	top: -40%;
	right: -39%;
	opacity: .4;
}

.wave-left img,
.wave-right img {
	width: 100%;
	height: auto;
}



.back-content,
.content {
	position: fixed;
	width: 100%;
	height: 100vh;
}

.content .kw-container {
	width: 100vw;
	height: calc(100vh - 177px);
	position: fixed;
	top: 177px;
}

header {
	height: 177px;
	position: fixed;
	top: 0;
	width: 100vw;
}

header .logo {
	position: fixed;
	height: 177px;
	cursor: pointer;
}

#sidebar .logo {
	height: 177px;
	width: 232px;
}

#sidebar .logo img {
	width: 100%;
	height: 100%;
}

header .title {
	width: 100%;
	height: 177px;
	text-align: center;
	color: #fff;
	position: fixed;
}

.screen,
.screen-1, .screen-2, .screen-3, .screen-4 {
	border-radius: 3vh;
	overflow:hidden;
}

.screen .border,
.screen-1 .border, .screen-2 .border, .screen-3 .border, .screen-4 .border {
	width: 100%;
	height: 100%;
	border-radius: 3vh;
	border: 1px solid #fff!important;
	overflow:hidden;
}

.screen iframe,
.screen-1 iframe, .screen-2 iframe, .screen-3 iframe, .screen-4 iframe 
{
	width: 100%;
	height: 100%;
	border-radius: 3vh;
	background: #000;
}

.networking .screen iframe {
	border-radius: 2vh;
}

.label-1, .label-2, .label-3, .label-4, .label-stand {
	font-family: "Montserrat";
	font-weight: bold;
	font-size: 18px;
	color: #fff;
	text-shadow: 0 3px 6px rgba(0, 0, 0, 0.42);
}

.picto.trophy img,
.picto.music img,
.picto.star img,
.picto.mic img,
.picto.gym img,
.picto.gym-dj img,
.picto.map-monde img,
.picto.map-pin img,
.picto.love img,
.picto.notify-heart img,
.picto.rocket img,
.picto.location img,
.picto.pin img,
.picto.call img,
.picto.chat img {
	width: auto;
	height: 100%;
}

.picto.trophy,
.picto.mic,
.picto.star,
.picto.music,
.picto.gym,
.picto.gym-dj,
.picto.map-monde,
.picto.map-pin,
.picto.love,
.picto.notify-heart,
.picto.rocket,
.picto.location,
.picto.pin,
.picto.call,
.picto.chat {
	position: absolute;
	z-index: 99999;
}

.close {
	display: block;
	width: 80px;
	height: 80px;
	position: absolute;
	top: calc(50vh - 144px);
	right: -40px;
	background-size: contain;
	opacity: 1!important;
}

.close:hover {
	opacity: 1!important;
}

.close img {
	width: 100%;
	height: auto;
}

.inner {
	width: 100%;
	height: 100%;
	position: relative;
}

.tchat .inner {
	height: initial;
}

.toolbar {
	text-align: center;
}

.tchat .bubble {
	width: max(150px,55%);
	border: 1px solid #fff;
	border-radius: 6px;
	box-shadow: inset 0 3px 16px 0 rgba(52, 32, 144, 0.2), -3px -3px 9px 0 rgba(255, 255, 255, 0.56);
	padding: 0.6rem;
	font-size: max(12px,1.4vh);
	line-height: max(18px,1.8vh);
	color: #3c3c59;
	margin-bottom: 1.2rem;
	position: relative;
}

.tchat .bubble .time {
	color: #7c8588;
	font-size: 8px;
	text-align:right;
}

.tchat .bubble .avatar {
	position: absolute;
	width: 48px;
	height: 48px;
	top: calc(50% - 24px);
}

.avatar img {
	width: 100%;
	height: auto;
	border-radius: 50%;
	border: 1px solid #06d81e;
	box-shadow: 3px 3px 6px 0 rgba(6, 216, 30, 0.47);
}

.tchat .bubble.ls {
	margin-left: 0;
	background: rgb(239,239,239); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.tchat .bubble.ls:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #efefef;
	transform: rotate(60deg);
	position: absolute;
	bottom: 3px;
	left: -6px;
}

.tchat .bubble.ls .avatar {
	left: calc(max(150px,55%) + 80px);
}

.tchat .bubble.rs {
	margin-left: min(calc(100% - 150px),45%);
	background: #e4dff8;
}

.tchat .bubble.rs:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #e4dff8;
	transform: rotate(126deg);
	position: absolute;
	bottom: 3px;
	right: -6px;
}

.tchat .bubble.rs .avatar {
	right: calc(max(150px,55%) + 80px);
}

.tchat .bubble .u {
        font-size: 0.9em;
        font-weight: 700;
        color: #871288;
}

.tchat .bubble .um {
        font-size: 0.9em;
        font-weight: 700;
        color: #051FAE;
}

.stars .inner {
	padding: 0;
}

.stars .question {
	font-family: "Montserrat";
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 0 1vh;
	height: 50%;
	line-height: 100%;
	vertical-align: middle;
}

.stars .reponse {
	color: #fff;
	font-size: max(12px,2vh);
	text-align: center;
	height: 50%;
	line-height: 100%;
	vertical-align: middle;
}

.stars .reponse i {
	cursor: pointer;
}

.doc.hidden,
.screen-1.hidden,
.label-stand.hidden,
.page1.hidden,
.page2.hidden,
.page3.hidden,
.page4.hidden,
.tchat .inner.hidden {
	display: none;
}

#comet {
	height: 100%;
}





/**** HOMEPAGE ****/

.homepage .back-content .back-image {
	width: 110%;
	height: 110%;
	position: fixed;
	overflow: hidden;
	background-image: url(../images/homepage/background.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	top: -5%;
	left: -5%;
}

.homepage .content {
	height: 177px;
	width: 232px;
}

.homepage img {
	width: 100%;
	height: auto;
}

.homepage a.mainstage,
.homepage a.breakout,
.homepage a.networking,
.homepage a.redbash,
.homepage a.love,
.homepage a.worldwide,
.homepage a.marketplace,
.homepage a.keepwell
{
	display:block;
	overflow:hidden;
}

.homepage .close {
	background-image: url(../images/homepage/close.svg);
	top: calc(50vh - 40px);
	left: calc(36vw - 40px);
}

.homepage .close:hover {
	background-image: url(../images/homepage/close-hover.svg);	
}

.wrapper {
	width: 100%;
	display: none;
}

#sidebar {
	width: 36vw;
	color: #fff;
	transition: all 0.3s;
	box-shadow: 0 3px 20px 0 #311e92;
	background: rgb(83,50,211); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(83,50,211,1) 0%, rgba(42,25,106,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(83,50,211,1) 0%,rgba(42,25,106,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(83,50,211,1) 0%,rgba(42,25,106,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	height: 100vh;
	opacity: .95;	
}

@media screen and (orientation: portrait) {
	#sidebar {
		width: 66vw;
	}
	
	.homepage .close {
		left: calc(66vw - 40px);
	}
}

@media screen and (max-width: 600px){
	#sidebar {
		width: 100vw;
	}
	
	.homepage .close {
		display: none;
	}
}

#sidebar ul {
	margin-top: -30px;
	margin-left: 40px;
	padding-left: 0;
	list-style: none;
}

#sidebar ul li a {
	padding: 10px;
	margin-right:50px;
	display: block;
	font-family: "Oswald";
	font-size: 4vh;
	line-height: calc((100vh - 177px - 133px) * .7 / 9);
	
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	text-align: left;
	color: #a897e5;
	text-decoration:none;
}

#sidebar ul li a:hover {
	color: #fff;
}

.homepage .btn {
	font-family: "Montserrat";
	font-size: 2vh;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: -0.01px;
	color: #fff;
	border-radius: 23px;
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
	border: solid 1.5px #fff;
	text-transform: uppercase;
	padding: .375rem 1.5rem;
}

.homepage .btn:hover {
	background: #7b69be;
}

#btn-logout {
	position: absolute;
	bottom: 50px;
	left: 50px;
}

#btn-agenda {
	position: absolute;
	top: 70px;
	left: 230px;
}








/**** MAINSTAGE ****/

.mainstage .back-content .back-image {
	width: 110%;
	height: 110%;
	position: fixed;
	overflow: hidden;
	background-image: url(../images/mainstage/background.jpg);
	background-size: cover;
	background-position-x: 60%;
	background-repeat: no-repeat;
	filter: blur(6px);
	top: -5%;
	left: -5%;
}

.mainstage .back-content .back-color {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: hidden;
	background-color: #320091;
	filter: brightness(80%);
	opacity: 69%;
}

.mainstage .back-rectangle {
	background-color: #4a29c5;
	box-shadow: inset 0 3px 6px 0 rgba(255, 255, 255, 0.16);
}

.mainstage .close {
	background-image: url(../images/mainstage/close.svg);	
}

.mainstage .close:hover {
	background-image: url(../images/mainstage/close-hover.svg);	
}



/**** REDBASH ****/

.redbash .back-content .back-image {
	width: 110%;
	height: 110%;
	position: fixed;
	overflow: hidden;
	background-image: url(../images/redbash/background.jpg);
	background-size: cover;
	background-position-x: 60%;
	background-repeat: no-repeat;
	top: -5%;
	left: -5%;
}

.redbash .back-content .back-color {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: hidden;
	background-color: red;
	filter: brightness(80%);
	opacity: 69%;
}

.redbash .back-rectangle {
	background-color: #91050A;
}

.redbash .close {
	background-image: url(../images/redbash/close.svg);	
}

.redbash .close:hover {
	background-image: url(../images/redbash/close-hover.svg);	
}



/**** KEEP WELL ****/

.keepwell .back-content .back-image {
	width: 110%;
	height: 110%;
	position: fixed;
	overflow: hidden;
	background-image: url(../images/keepwell/background.jpg);
	background-size: cover;
	background-position-x: 60%;
	background-repeat: no-repeat;
	filter: blur(6px);
	top: -5%;
	left: -5%;
}

.keepwell .back-content .back-color {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: hidden;
	background-color: #85E688;
	filter: brightness(80%);
	opacity: 46%;
}

.keepwell .back-rectangle {
	background-color: #00BF93;
	box-shadow: inset 0 3px 6px 0 rgba(255, 255, 255, 0.16);
}

.keepwell .close {
	background-image: url(../images/keepwell/close.svg);	
}

.keepwell .close:hover {
	background-image: url(../images/keepwell/close-hover.svg);	
}




/**** WORLDWIDE ****/

.worldwide .back-content .back-image {
	width: 110%;
	height: 110%;
	position: fixed;
	overflow: hidden;
	background-image: url(../images/worldwide/background.jpg);
	background-size: cover;
	background-position-x: 60%;
	background-repeat: no-repeat;
	filter: blur(6px);
	top: -5%;
	left: -5%;
}

.worldwide .back-content .back-color {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: hidden;
	background-color: #0028FF;
	filter: brightness(80%);
	opacity: 69%;
}

.worldwide .back-rectangle {
	background-color: #0B50CB;
	box-shadow: inset 0 3px 6px 0 rgba(255, 255, 255, 0.16);
}

.worldwide .screen {
	background: rgba(255, 255, 255, .6);
	box-shadow: inset 0 3px 26px 0 rgba(255, 255, 255, 0.57);
	-webkit-backdrop-filter: blur(18px) brightness(1.5);
	backdrop-filter: blur(18px) brightness(1.5);
}

.worldwide .screen .inner-color {
	position: absolute;
	width: 100%;
	height: 100%;
	/*background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);*/
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	box-shadow: inset 0 3px 26px 0 rgba(255, 255, 255, 0.57);
}

.worldwide .screen .inner {
	position: absolute;
	padding: 1rem;
}

.worldwide h1 {
	font-family: "Montserrat";
	font-size: 35px;
	line-height: 45px;
	font-weight: 300;
	color: #4A29C5;
	text-align: center;
	padding: 3rem 13rem 1.5rem;
}

.worldwide .toolbar {
	margin: 1rem 0;
}

.worldwide .toolbar .btn,
.love .toolbar .btn,
.marketplace .toolbar .btn {
	height: 42px;
	border-radius: 27px;
	background: #fff;
	box-shadow: -3px -3px 9px 0 rgba(255, 255, 255, 0.56);
	font-family: "Montserrat";
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	line-height: 42px;
	padding: 0 1.2rem;
	border: 1px solid #fff;
	margin: 1rem;
}

.toolbar .dropdown-item {
	font-family: "Montserrat";
	font-size: 18px;
	font-weight: 400;
}

.love .toolbar .btn,
.marketplace .toolbar .btn {
	margin: 1rem 1rem 1rem 0;
}

.marketplace .toolbar .dropdown {
	display: inline-block;
}

.worldwide .toolbar .btn:hover,
.love .toolbar .btn:hover,
.marketplace .toolbar .btn:hover {
	color: #fff;
	background: rgb(79,47,198); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(198,187,237,1) 0%, rgba(79,47,198,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(198,187,237,1) 0%,rgba(79,47,198,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(198,187,237,1) 0%,rgba(79,47,198,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
}

.worldwide .toolbar .lnk {
	box-shadow: -3px -3px 9px 0 rgba(255, 255, 255, 0);
	border-color: transparent;
	color: #4A29C5;
	text-decoration: none;
	background: none;
}

.worldwide .toolbar .lnk:hover {
	background: none;
	color: #4A29C5;
}

.worldwide .toolbar .lnk:hover span {
	text-decoration: underline;
}

.worldwide hr {
	width: 309px;
	height: 1px;
	margin: 3rem auto ;
	background-color: #fff;
	border-top:2px solid #fff;
	box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, .16);
}

.worldwide .k-numbers {
	margin-top: 4rem ;
}

.worldwide .k-numbers .col {
	text-align: center;
	font-family: "Montserrat";
	color: #4A29C5;
	font-weight: 600;
	font-size: 35px;
	line-height: 76px;
	text-transform: uppercase;
}

.worldwide .k-numbers .col strong {
	display: block;
	font-family: "Oswald";
	text-align: center;
	font-weight: 700;
	font-size: 95px;
}



.worldwide .close {
	background-image: url(../images/worldwide/close.svg);	
}

.worldwide .close:hover {
	background-image: url(../images/worldwide/close-hover.svg);	
}








/**** BREAKOUT SESSIONS ****/

.breakout .back-content .back-image {
	width: 110%;
	height: 110%;
	position: fixed;
	overflow: hidden;
	background-image: url(../images/breakout/background.jpg);
	background-size: cover;
	background-position-x: 60%;
	background-repeat: no-repeat;
	filter: blur(6px);
	top: -5%;
	left: -5%;
}

.breakout .back-content .back-color {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: hidden;
	background-color: #7C007F;
	filter: brightness(80%);
	opacity: 69%;
}

.breakout .back-rectangle {
	background-color: #730674;
	box-shadow: inset 0 3px 6px 0 rgba(255, 255, 255, 0.16);
}

.breakout .screen {
	border-radius: 2vh;
	overflow:hidden;
}

.breakout .screen .border {
	border-radius: 2vh;
}

.breakout .screen iframe {
	border-radius: 2vh;
}

.breakout .tchat,
.networking .tchat {
	position: absolute;
	top:0;
	right:0;
	width: 100%;
	height: calc(100% - 18.35% - 15px);
	border: 1px solid #fff;
	border-radius: 2vh;
	box-shadow: inset 0 3px 6px 0 rgba(255, 255, 255, 0.2);
	-webkit-backdrop-filter: blur(30px) brightness(1.15);
	backdrop-filter: blur(30px) brightness(1.15);
	overflow: scroll;
}

.breakout .tchat .inner,
.networking .tchat .inner {
	padding: 2vh 0;
	height: 100%;
}

.breakout .tchat #questform,
.networking .tchat #questform {
	width: calc(100% - 4vh);
	height: max(24px,calc(1.3vw * 2 + 4px));
	position: absolute;
	bottom: 2vh;
	left: 2vh;
}

.breakout .tchat #myquestion,
.networking .tchat #myquestion {
	resize: none;
	width: calc(100% - 40px);
	font-size: max(10px,0.8vw);
	background: #bf52c0;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 1.2vh 0 0 1.2vh;
	height: max(24px,calc(1.3vw * 2 + 4px));
	line-height: 1.2vw;
	padding: 2px 4px;
	position: absolute;
	top: 0;
	left: 0;
}

.networking .tchat #myquestion {
	background: #7e89f4;
}

.breakout .tchat #myquestion:focus,
.breakout .tchat #myquestion:active,
.networking .tchat #myquestion:focus,
.networking .tchat #myquestion:active {
	box-shadow:none;
}

.breakout .tchat #myquestion:focus-visible,
.networking .tchat #myquestion:focus-visible {
	outline:none;
}

.breakout .tchat #myquestion::-webkit-input-placeholder,
.networking .tchat #myquestion::-webkit-input-placeholder {
	color: #fffc;
	font-style: italic;
}

.breakout .tchat #sendmyquestion,
.networking .tchat #sendmyquestion  {
        position: absolute;
        width: 40px;
        display: block;
        top: 0;
        right: 0;
        text-align: center;
        height: max(24px,calc(1.3vw * 2 + 4px));
        border: 1px solid #fff;
        border-radius: 0 1.2vh 1.2vh 0;
        padding: 0;
        background: #9b3a9c;
        color: #fff;
}

.networking .tchat #sendmyquestion {
	background: #5b6af1;
}

.breakout .tchat #questions,
.networking .tchat #questions {
        padding: 0 2vh;
        height: calc(100% - max(24px,1.3vw * 2 + 4px));
        overflow: scroll;
}

.breakout .stars {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 18.35%;
	border: 1px solid #fff;
	border-radius: 2vh;
	box-shadow: inset 0 3px 6px 0 rgba(255, 255, 255, 0.2);
	-webkit-backdrop-filter: blur(30px) brightness(1.15);
	backdrop-filter: blur(30px) brightness(1.15);
}

.breakout .close {
	background-image: url(../images/breakout/close.svg);	
}

.breakout .close:hover {
	background-image: url(../images/breakout/close-hover.svg);	
}

.breakout.home .pad {
	position: absolute;
	border-radius: 2vh;
	-webkit-backdrop-filter: blur(17.8px);
	backdrop-filter: blur(17.8px);
	box-shadow: 0 3px 6px 0 rgba(56, 44, 101, 0.17), inset 0 3px 26px 0 rgba(255, 255, 255, 0.2);
	border: solid 1px #fff;
	background-color: #7e249a;
	overflow: hidden;
}

.breakout.home #agenda {
	position: absolute;
	top: 10px;
	left: 10px;
	border-radius: 2vh;
	/*-webkit-backdrop-filter: blur(17.8px);
	backdrop-filter: blur(18px);
	box-shadow: 0 3px 6px 0 rgba(56, 44, 101, 0.17), inset 0 3px 26px 0 rgba(255, 255, 255, 0.2);*/
	border: solid 1px #fff;
	
	background: rgba(74, 41, 197, .21);
	box-shadow: inset 0 3px 26px 0 rgba(255, 255, 255, 0.57);
	-webkit-backdrop-filter: blur(18px) brightness(1.2);
	backdrop-filter: blur(18px) brightness(1.2);
	
	overflow: hidden;
	display: none;
}

.breakout.home #agenda-mobile {
	position: fixed;
	top: 4vw;
	left: 4vw;
	width: 92vw;
	height: calc(100vh - 8vw);
	border-radius: 2vh;
	/*-webkit-backdrop-filter: blur(17.8px);
	backdrop-filter: blur(18px);
	box-shadow: 0 3px 6px 0 rgba(56, 44, 101, 0.17), inset 0 3px 26px 0 rgba(255, 255, 255, 0.2);*/
	border: solid 1px #fff;
	
	background: rgba(74, 41, 197, .21);
	box-shadow: inset 0 3px 26px 0 rgba(255, 255, 255, 0.57);
	-webkit-backdrop-filter: blur(18px) brightness(1.2);
	backdrop-filter: blur(18px) brightness(1.2);
	
	overflow: hidden;
	display: none;
}

.breakout.home #bs-mobile .agenda-head {
	border-radius: 2vh;
	width: 72vw;
	height: calc(72vw / 4.28);
	margin: 0 auto 10vw;
	position: relative;
}

.breakout.home #agenda.opened,
.breakout.home #agenda-mobile.opened {
	display: block;
}

.breakout.home #bs-desktop .agenda-head,
.breakout.home #bs-mobile #agenda-mobile .agenda-head {
	width: 100%;
	border-radius: 2vh 2vh 0px 0px;
	position: relative;
}

.breakout.home .agenda-head .back-color {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	border-radius: 2vh 2vh 0px 0px;
	opacity: 0.96;
	box-shadow: inset 0 3px 16px 0 rgba(52, 32, 144, 0.4);
	background-color: #fff;
}

.breakout.home #bs-mobile .agenda-head .back-color {
	border-radius: 2vh;
}

.breakout.home #bs-mobile #agenda-mobile .agenda-head .back-color {
	border-radius: 2vh 2vh 0px 0px;
}

.breakout.home .agenda-head .title { 	
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	border-radius: 2vh 2vh 0px 0px;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	
	padding-left: min(3vh,2vw);
	
	text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	font-family: "Oswald";
	font-size: max(14px,min(4vh,2.1vw));
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #4a29c5;
}

.breakout.home .agenda-head .action {
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	padding-right: min(3vh,2vw);
}

.breakout.home .agenda-content .action,
.breakout.home .bspad-content .action {
	position: absolute;
	bottom: 0.75vh;
	right: 0.75vh;
}

.breakout.home .action .icon {
	aspect-ratio: 1/1;
	background: #4a29c5;
	color: #fff;
	text-align: center;
	display: inline-block;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0 3px 26px 0 rgba(19, 0, 85, 0.56);
}

.breakout.home .action .icon:hover {
	background: #a74fc2;
}

.breakout.home .agenda-content {
	padding: min(2.1vh,1.1vw) min(3vh,2vw);
	overflow: hidden;
}

.breakout.home #agenda .agenda-content {
	position: relative;
	width: 100%;
	height: 100%;
}

.breakout.home .agenda-content .row {
	margin-bottom: min(0.8vh,0.5vw);
}

.breakout.home #agenda .agenda-content .row {
	margin-bottom: min(1.5vh,1vw);
}

.breakout.home .room {
	border-radius: 6px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	border: solid 1px #fff;
	width: 94%;
	text-align: center;
	line-height: 1;
	padding: 3px 0px;
	margin-top: 2px;
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
	text-shadow: 0 3px 16px #130055;
	font-family: Montserrat;
	font-size: min(1.4vh,1.2vw);
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
}

.breakout.home #agenda .room {
	font-size: min(1.7vh,1.2vw);
}

.breakout.home #agenda .agenda-head .legende {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: absolute;
	height: 100%;
	right: calc(max(20px,2.1vw) + min(3vh,2vw) * 3);
}

.breakout.home #agenda-mobile .legende {
        display: flex;
        justify-content: space-between;
        position: absolute;
        width: 100%;
        bottom: 0;
	border-top: 1px solid #fff;
	padding-top: 4vw;
}

.breakout.home .agenda-head .legende .room {
	padding: 5px 10px;
	margin: 0 5px;
}

.breakout.home .room.agent {
	background-color: #fb4177;
}

.breakout.home .room.leader {
	background-color: #53defa;
}

.breakout.home .room.communaute {
	background-color: #e1fb85;
}

.breakout.home .agenda-content .bs-title {
	font-family: "Montserrat";
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	text-align: left;
	color: #fff;
	display: block;
	margin-left: min(0.8vh,0.5vw);
}

.breakout.home .agenda-content .action.left {
	bottom: initial;
	right: initial;
	left: min(3vh,2vw);
}

.breakout.home .agenda-content .action.left i {
	transform: rotate(60deg);
}

.breakout.home .agenda-content .action.right {
	bottom: initial;
	right: min(3vh,2vw);
}

.breakout.home .agenda-content .col1 {
	width: 32%;
	height: 100%;
	position: absolute;
	top:0;
	left:calc(min(3vh,2vw) * 5);
}

.breakout.home .agenda-content .col2 {
	width: 32%;
	height: 100%;
	position: absolute;
	top:0;
	right:calc(min(3vh,2vw) * 5);
}

.breakout.home #agenda .agenda-content h2,
.breakout.home #agenda-mobile .agenda-content h2 {
	font-family: "Oswald";
	font-size: 25px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.29;
	letter-spacing: -0.02px;
	text-align: center;
	color: #fff;
}

.breakout.home #agenda-mobile .agenda-content h2 {
	margin-bottom: 5vw;
}


hr.vertical {
	border: none;
	border-left: 1px solid hsla(200, 10%, 50%,100);
	height: 100%;
	width: 1px;
}

.breakout.home #agenda .agenda-content hr {
	background-color: #fff;
	border-color: #fff;
	opacity: 1;
	position: absolute;
	height: 33.33%;
	left: 50%;
	top: 33.33%;
}

.breakout.home #agenda-mobile .agenda-content .colm {
        width: 90%;
        height: calc(100vh - 72vw / 4.28 - 10vw - 8vw);
        position: absolute;
        top: calc(72vw / 4.28 + 4vw);
        left: 5%;
}

.breakout.home #agenda-mobile .agenda-content .action {
	top: calc(72vw / 4.28 + 5vw);
}

.breakout.home #agenda-mobile .room {
        font-size: 3.8vw;
        margin-right: 1vw;
        margin-left: 1vw;
}

.breakout.home #agenda-mobile .agenda-content .bs-title {
        font-size: 3vw;
        margin-left: 2vw;
}

.breakout.home #agenda-mobile .agenda-content .row {
	margin-bottom: 3vw;
}





.bspad-head {
	height: calc(50% - 0.74vh - 2px);
	opacity: 0.96;
	border-radius: 2vh 2vh 0px 0px;
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position: absolute;
	width: 100%;
	box-shadow: inset 0 3px 16px 0 rgba(52, 32, 144, 0.4);
}

.bspad-type {
	text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	font-family: "Oswald";
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	margin-top: 10%;
	margin-bottom: 5%;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	display: block;
}

.bspad-room {
	font-family: "Montserrat";
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.23;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	display: block;
}

.pad hr {
	width: 100%;
	height: 0.74vh;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	position: absolute;
	top: calc(50% - 0.74vh - 2px);
	margin: 0;
	opacity: 1;
	z-index: 9999;
}

.pad.agent hr {
	background-color: #FB4177;
}

.pad.leader hr {
	background-color: #53DEFA;
}

.pad.communaute hr {
	background-color: #E1FB85;
}


.bspad-content {
	height: calc(50% + 0.74vh);
	opacity: 0.96;
	background-color: #fff;
	border-radius: 0px 0px 2vh 2vh;
	position: absolute;
	top: calc(50% - 0.74vh);
	width: 100%;
	box-shadow: inset 0 3px 16px 0 rgba(52, 32, 144, 0.4);
}

.bspad-content .title {
	font-family: "Montserrat";
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 2px;
	text-align: center;
	color: #4a29c5;
	position: relative;
	width: 90%;
	height: initial;
	margin: 7% auto 5%;
}

.bspad-content .speaker {
	font-family: "Montserrat";
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 2px;
	text-align: center;
	color: #4a29c5;
	position: relative;
	width: 90%;
	margin: 0 auto;
}

.bspad-content .action .go {
	font-family: "HelveticaNeue";
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: 0.48px;
	color: #fff;
	
	aspect-ratio: 1/1;
	background: #4a29c5;
	color: #fff;
	text-align: center;
	display: inline-block;
	border-radius: 50%;
	cursor: pointer;
}

.bspad-content .action .go:hover {
	background: #a74fc2;
}

#bs-mobile {
	display: none;
}

#bs-desktop {
	display: block;
}

@media screen and (max-width: 600px) and (orientation: portrait) {
	#bs-mobile {
		display: block;
	}
	
	.breakout.home #bs-mobile {
		display: block;
		padding-top: calc((100vh - 117px - 72vw - 10vw - (72vw / 4.28)) / 2);
	}
	
	#bs-desktop {
		display: none;
	}
	
	#bs-desktop {
		display: none;
	}
}


.breakout.room .btn {
	font-family: "Montserrat";
	font-size: 2vh;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: -0.01px;
	color: #fff;
	border-radius: 23px;
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
	border: solid 1.5px #fff;
	text-transform: uppercase;
	padding: .375rem 1.5rem;
	position: absolute;
	top: 2vh;
	right: 2vh;
}

.breakout.room .btn:hover {
	background: #7b69be;
}





/**** LOVE HOME ****/

.love .back-content .back-image {
	width: 110%;
	height: 110%;
	position: fixed;
	overflow: hidden;
	background-image: url(../images/love/background.jpg);
	background-size: auto;
	background-position-x: 60%;
	filter: blur(6px);
	top: -5%;
	left: -5%;
}

.love .back-content .back-color {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: hidden;
	background-color: #FC2A71;
	filter: brightness(80%);
	opacity: 69%;
}

.love .back-rectangle {
	background-color: #FD716B;
	box-shadow: inset 0 3px 6px 0 rgba(255, 255, 255, 0.16);
}

.love .screen {
	border-radius: 2vh;
	overflow: hidden;
}

.love .close {
	background-image: url(../images/love/close.svg);
}

.love .close:hover {
	background-image: url(../images/love/close-hover.svg);
}

.love.home .pad {
	position: absolute;
	border-radius: 2vh;
	background: rgba(255, 255, 255, .8);
	-webkit-backdrop-filter: blur(18px) brightness(1.5);
	backdrop-filter: blur(18px) brightness(1.5);
	box-shadow: 0 3px 6px 0 rgba(56, 44, 101, 0.17), inset 0 3px 26px 0 rgba(255, 255, 255, 0.2);
	border: solid 1px #fff;
	overflow: hidden;
}

.love.home .pad .inner {
	padding: 1vh;
}

.love.home .pad .inner img {
	width: 100%;
	height: 100%;
}






/**** MARKETPLACE HOME ****/

.marketplace .back-content .back-image {
	width: 110%;
	height: 110%;
	position: fixed;
	overflow: hidden;
	background-image: url(../images/marketplace/background.jpg);
	background-size: cover;
	background-position-x: 60%;
	background-repeat: no-repeat;
	filter: blur(6px);
	top: -5%;
	left: -5%;
}

.marketplace .back-content .back-color {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: hidden;
	background-color: #0028FF;
	-webkit-backdrop-filter: blur(18px) brightness(1.5);
	backdrop-filter: blur(4px) brightness(0.9);
	opacity: 46%;
}

.marketplace .back-rectangle {
	background-color: #0B50CB;
	box-shadow: inset 0 3px 6px 0 rgba(255, 255, 255, 0.16);
}

.marketplace .close {
	background-image: url(../images/marketplace/close.svg);	
}

.marketplace .close:hover {
	background-image: url(../images/marketplace/close-hover.svg);	
}

.marketplace.home .pad {
	position: absolute;
	border-radius: 2vh;
	background: rgba(255, 255, 255, .8);
	-webkit-backdrop-filter: blur(18px) brightness(1.5);
	backdrop-filter: blur(18px) brightness(1.5);
	box-shadow: 0 3px 6px 0 rgba(56, 44, 101, 0.17), inset 0 3px 26px 0 rgba(255, 255, 255, 0.2);
	border: solid 1px #fff;
	overflow: hidden;
}

.marketplace.home .pad .inner {
	padding: 0;
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.marketplace.home .pad .inner img {
	width: 100%;
	height: 100%;
}








/**** LOVE ROOM 	****/
/**** MARKETPLACE ROOM	****/

.fa-2x {
	font-size: 1.5em !important;
}

.tag .inner {
	padding: 2vh;
}

.tag .inner img {
	width: 100%;
	height: auto;
}

.love.room .screen,
.marketplace.room .screen {
	border-radius: 2vh;
	overflow: visible;
	position: fixed;
	border-radius: 25px !important;
	border: none !important;
	background-color: rgba(255, 255, 255, 0.8);
	-webkit-backdrop-filter: blur(18px);
	backdrop-filter: blur(18px);
}

.love.room .video.hidden,
.marketplace.room .video.hidden {
	display: initial;
}

.love.room .screen .border,
.marketplace.room .screen .border {
	border-radius: 2vh;
}

.love.room .screen iframe,
.marketplace.room .screen iframe {
	border-radius: 2vh;
}

.love.room .tag,
.marketplace.room .tag {
	position: absolute;
	border-radius: 50%;
	box-shadow: inset 0 3px 33px 0 rgba(26, 0, 167, 0.16), 0 3px 6px rgba(56, 44, 101, 0.17);
	background-color: rgba(255, 255, 255, 1);
	-webkit-backdrop-filter: blur(18px);
	backdrop-filter: blur(18px);
}

.love .toolbar,
.marketplace .toolbar {
	text-align: left;
}

.love.room .toolbar #btn-video,
.marketplace.room .toolbar #btn-video {
	display: none;
}









/***** LOGIN ****/

.login .back-content .back-image {
	width: 110%;
	height: 110%;
	position: fixed;
	overflow: hidden;
	background-image: url(../images/login/background.jpg);
	background-size: cover;
	background-position-x: 60%;
	background-repeat: no-repeat;
	filter: blur(6px);
	top: -5%;
	left: -5%;
}

.login .back-content .back-color {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: hidden;
	background-color: #320091;
	filter: brightness(80%);
	opacity: 69%;
}

.login .kw-container {
	position: fixed;
}

.login .logo {
	width: 100%;
}

.login .logo img {
	width: 122%;
	height: auto;
	margin-left: -11%;
}

.login .connexion-card {
	margin: 0;
	width: 100%;
	height: auto;
	background-color: rgba(255, 255, 255, 0.03);
	border-radius: 25px;
	border: solid 1px white;
	-webkit-backdrop-filter: blur(47px);
	backdrop-filter: blur(47px);
	box-shadow: inset 0 3px 6px 0 rgba(255, 255, 255, 0.16);
}

.login .connexion-card .inner {
	padding: 1.6vh;
}

.login .connexion-title {
	color: white;
	font-family: "Oswald";
	font-size: 4.3vh;
	line-height: 1.3;
}

.login .form {
	margin-top: 6vh;
	margin-bottom: 4vh;
}

.login .form-label {
	margin-bottom: 0 !important;
	color: #fff;
}

.login label {
	font-family: "Montserrat";
	font-weight: 900;
	font-size: max(10px,1.5vh);
}

.login .custom-input,
.login .custom-input:focus,
.login .custom-input:active,
.login input.custom-input:-internal-autofill-selected {
	background-color: transparent!important;
	border: none;
	border-bottom: 1px solid #fff;
	border-radius: 0;
	margin-bottom: 4vh;
	padding-left: 0;
	padding-right: 0;
	box-shadow: none;
	color: #fff;
	font-size: max(10px,1.5vh);
}


.login .gradient {
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding: .375rem .75rem;
	border-radius: 25px;
}

.login #go {
	display: block;
	border-radius: 25px !important;
	margin: 6vh auto 0;
	width: 50%;
	border: solid 1px white;
	padding: 0;
	background-color: #4A29C5;
	font-size: max(12px,1.6vh);
}









/**** PAGE D'ATTENTE ****/

.wait .back-content .back-image {
	width: 110%;
	height: 110%;
	position: fixed;
	overflow: hidden;
	background-image: url(../images/homepage/background.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	top: -5%;
	left: -5%;
}

.wait .back-content .back-color {
	background-color: #fff0 !important;
}

.wait .kw-container {
	position: fixed;
}

.wait .logo {
	width: 33%;
}

.wait .logo img {
        width: 127%;
        height: auto;
        margin-left: -13.5%;
        margin-top: -10%;
        margin-bottom: 20%;
}

.wait .connexion-card {
	margin: 0;
	width: 100%;
	height: auto;
	background-color: rgba(255, 255, 255, 0.03);
	border-radius: 25px;
	border: solid 1px white;
	-webkit-backdrop-filter: blur(47px);
	backdrop-filter: blur(47px);
	box-shadow: inset 0 3px 6px 0 rgba(255, 255, 255, 0.16);
}

.wait .connexion-card .inner {
	padding: 5.2vh 1.6vh;
}

.wait .connexion-card p {
	color: #fff;
	text-align: center;
	font-family: "Montserrat";
	font-weight: bold;
	font-size: max(10px,1.75vh);
}

.wait .connexion-card p.english {
	font-weight: normal;
	font-style: italic;
	font-size: max(10px,1.5vh);
}

.wait .btn {
	font-family: "Montserrat";
	font-size: max(10px,1.5vh);
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: -0.01px;
	color: #fff;
	border-radius: 23px;
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
	border: solid 1.5px #fff;
	text-transform: uppercase;
	padding: .375rem 1.5rem;
	position: absolute;
	top:3vh;
	right:0;
}

.wait .btn:hover {
	background: #7b69be;
}




/**** NETWORKING ****/

.networking .back-content .back-image {
	width: 110%;
	height: 110%;
	position: fixed;
	overflow: hidden;
	background-image: url(../images/networking/background.jpg);
	background-size: cover;
	background-position-x: 60%;
	background-repeat: no-repeat;
	filter: blur(4px);
	top: -5%;
	left: -5%;
}

.networking .back-content .back-color {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: hidden;
	background-color: #0028FF;
	filter: brightness(80%);
	opacity: 69%;
}

.networking .back-rectangle {
	background-color: #0B50CB;
	box-shadow: inset 0 3px 6px 0 rgba(255, 255, 255, 0.16);
}

.networking .screen {
        background-color: rgba(255,255,255,0.35);
        box-shadow: 0 10px 99px 0 rgba(0, 0, 0, 0.05);
        -webkit-backdrop-filter: blur(30px);
        backdrop-filter: blur(30px) opacity(0.92) brightness(1.85);
        border-radius: 2vh;
}

.networking .close {
	background-image: url(../images/networking/close.svg);	
}

.networking .close:hover {
	background-image: url(../images/networking/close-hover.svg);	
}

.letter-circle {
        width: 4vh;
        height: 4vh;
        box-shadow: 0 3px 20px 0 rgba(255, 255, 255, 0.16);
        background-color: #4A29C5;
        border-radius: 50%;
        top: 1.4vh;
        left: 1.4vh;
        position: absolute;
        object-fit: contain;
        box-shadow: -3px -3px 9px 0 #fff;
        text-align: center;
}

.AB {
        font-family: "Oswald";
        font-size: max(12px,1.7vh);
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 2;
        letter-spacing: initial;
        text-align: center;
        color: #fff;
}

.your-name {
	text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	font-family: "Oswald";
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 3.04;
	letter-spacing: -0.01px;
	text-align: left;
	color: #fff;
}

.contact-id {
	width: 50vw;
	height: 8vh;
	border-radius: 16px;
	border: solid 1px #fff;
	background-image: linear-gradient(272deg, rgba(255, 255, 255, 0.6) 129%, rgba(255, 255, 255, 0.58) 121%, rgba(255, 255, 255, 0) 37%);
	position: absolute;
	right: 2vw;
	top: 2vh;
}

.pp {
	border-radius: 50%;
	margin-top: 0.5px;
	margin-left: 10px;
	position: absolute;
	background: none;
	width: 56px;
	height: 56px;
}

.name {
	margin-left: 56px;
	margin-top: 12px;
}

.conv {
	color: white!important;
}

.phone {
	transform: rotate(90deg);
	width: 16px;
	position: absolute;
	right: 20px;
	top: 4px;
	color: white;
	font-size: 25px;
}

.video {
	width: 16px;
	position: absolute;
	right: 94px;
	top: 4px;
	color: white;
	font-size: 29px;
}

.left-line {
	height: 1px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.59);
	background-color: #fff;
	position: absolute;
}

.title-type {
	text-shadow: 0 3px 6px rgba(0, 12, 44, 0.56);
	font-family: "Oswald";
	font-size: max(12px,3vh);
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: -0.01px;
	text-align: left;
	color: #fff;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 6vh;
}

.right-line {
	height: 1px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.59);
	background-color: #fff;
	position: absolute;
}

.discussions-pp {
	width: 63px;
	height: 63px;
	box-shadow: 0 3px 20px 0 rgba(255, 255, 255, 0.16);
	position: absolute;
	object-fit: contain;
	margin-left: 6px;
}



.discussions-liste {
	width: 100%;
	height: 4.4vw;
	border: solid 1px #fff;
	border-radius: 0.8vw;
	background-image: linear-gradient(106deg, rgba(255, 255, 255, 0.6) 5%, rgba(255, 255, 255, 0) 56%);
	margin-bottom: 0.5vw;
}

.last-message {
        width: calc(100% - 2px);
        box-shadow: inset 0 3px 16px 0 rgba(52, 32, 144, 0.4);
        background-color: #f8fffc;
        position: absolute;
        border-radius: 0.8vw;
        height: 4.4vw;
	color: #000;
	cursor:pointer;
}

.last-message:hover,
.last-message.active {
	background-color: #7E89F4;
}

.last-message:hover .contact-name,
.last-message.active .contact-name {
	color: #fff!important;
}


.contact-name {
	font-family: "Oswald";
	font-size: max(10px,1.6vw);
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: -0.01px;
	text-align: left;
	color: #3C3C59;
	margin-left: 20px;
	line-height: 4vw;
	cursor:pointer;
}

.message {
	font-family: "Montserrat";
	font-size: 15px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: -0.01px;
	text-align: left;
	color: #909ca1;
	display: block;
	margin-left: 20px;
}

.hour {
	width: 50px;
	height: 16px;
	font-family: SFProDisplay;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 5.58;
	letter-spacing: 0px;
	text-align: center;
	color: #4a29c5;
}

.select-type {
        width: calc(26vw - 1.6vw);
	height: calc((26vw - 1.6vw) / 3);
        padding: 0.8vw 0;
	border-radius: 0.8vw;
        position: absolute;
        left: 0.8vw;
        bottom: 0.8vw;
        box-shadow: inset 0 3px 6px 0 rgba(255, 255, 255, 0.16);
        background-color: #1129aa;
}

.type-1, .type-2, .type-3 {
	width: 33.33%;
	padding: 3vh 0;
	position: absolute;
	left: 0;
	top: 0;
}

.type-2 {
	left: 33.33%;
}

.type-3 {
	left: 66.66%;
}

.contact-icone {
	text-align:center;
	color: #f8fffc;
	opacity: 0.54;
}

.contact-type {
	opacity: 0.54;
	font-family: "Montserrat";
	font-size: 12px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: 0px;
	text-align: center;
	color: #f8fffc;
}



.discussions-icone {
	color: white;
	opacity: 1;
}

.discussions-type {
	color: white;
	opacity: 1;
}


.rooms-icone {
	margin-left: 6px;
}

.chat-content {
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
	box-shadow: inset 0 3px 6px 0 rgba(255, 255, 255, 0.16);
	border: solid 1px #fff;
	background-color: #83b8ff;
}

.entry-field {
	width: 46vw;
	height: 5vh;
	border-radius: 22.5px;
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
	box-shadow: -3px -3px 9px 0 rgba(255, 255, 255, 0.56);
	border: solid 1px #fff;
	background-image: radial-gradient(circle at 36% -26%, #eceaea, #fff 158%);
	margin-top: 14px;
}

.vocal {
	width: 45px;
	height: 45px;
	border-radius: 22.5px;
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
	box-shadow: -3px -3px 9px 0 rgba(255, 255, 255, 0.8);
	border: solid 1px #fff;
	background-color: yellow;
	position: absolute;
	right: 2px;
	bottom: -6px;
}

.mic-icone {
	position: absolute;
	left: 15.5px;
	top: 8px;
	color: white;
}









.row {
	--bs-gutter-x: 0rem;
}







@media screen and (min-aspect-ratio: 16/9) {
	.screen, .screens {
		position: fixed;
		top: 177px;
		width: calc((100vh - 207px) * 1.78);
		left: calc(50% - (50vh - 103.5px) * 1.78);
		height: calc(100vh - 207px);
	}
	
	.screen-1 .border {
		position: fixed;
		width: calc(28vh * 1.78);
		height: 28vh;
		left: calc(50% - (30vh * 1.78));
		top: calc(177px + 0vh);
	}
	
	.label-1 {
		position: fixed;
		width: calc(28vh * 1.78);
		height: 30px;
		text-align: center;
		left: calc(50% - (30vh * 1.78));
		top: calc(177px + 29vh);
	}
	
	.screen-2 .border {
		position: fixed;
		width: calc(28vh * 1.78);
		height: 28vh;
		left: calc(50% + 1.78vh);
		top: calc(177px + 0vh);
	}
	
	.label-2 {
		position: fixed;
		width: calc(28vh * 1.78);
		height: 30px;
		text-align: center;
		left: calc(50% + 1.78vh);
		top: calc(177px + 29vh);
	}
	
	.screen-3 .border {
		position: fixed;
		width: calc(28vh * 1.78);
		height: 28vh;
		left: calc(50% - (30vh * 1.78));
		top: calc(177px + 37vh);
	}
	
	.label-3 {
		position: fixed;
		width: calc(28vh * 1.78);
		height: 30px;
		text-align: center;
		left: calc(50% - (30vh * 1.78));
		top: calc(177px + 66vh);
	}
	
	.screen-4 .border {
		position: fixed;
		width: calc(28vh * 1.78);
		height: 28vh;
		left: calc(50% + 1.78vh);
		top: calc(177px + 37vh);
	}
	
	.label-4 {
		position: fixed;
		width: calc(28vh * 1.78);
		height: 30px;
		text-align: center;
		left: calc(50% + 1.78vh);
		top: calc(177px + 66vh);
	}
	
	
	
	
    
    	
	header .title img {
		width: calc(34vh * 1.78);
		margin-top: calc((177px - (34vh * 1.78 / 5.78)) / 2);
	}
	
	.redbash header  .title img {
		width: calc(30vh * 1.78);
		margin-top: calc((230px - (30vh * 1.78 / 2.41)) / 2);
	}
	
	.keepwell header .title img {
		width: calc((100vh - 207px) * .5 * 1.78);
		margin-top: calc((177px - ((100vh - 207px) * .5 * 1.78 / 3.80)) / 2);
		margin-left: calc((100vh - 207px) * .25 * 1.78);
	}
	
	.worldwide header .title img {
		width: calc(68vh * 1.78);
		margin-top: calc((177px - (68vh * 1.78 / 8.61)) / 2);
		margin-left: calc((100vh - 207px) * .25 * 1.78);
	}
	
	.breakout header .title img {
		width: calc(34vh * 1.78);
		margin-top: calc((177px - (34vh * 1.78 / 4.47)) / 2);
	}
	
	.networking header .title img {
		width: calc(34vh * 1.78);
		margin-top: calc((177px - (34vh * 1.78 / 4.19)) / 2);
	}
	
	
	
	.back-rectangle {
		position:fixed;
		height: calc(86vh - 207px);
		border-radius: 3.5vh;
		margin-top: calc(177px + 7vh);
		width:90vw;
		margin-left:5vw;
	}
	
	.keepwell .back-rectangle {
		height: calc(76vh - 207px);
	}
	
	.close {
		position: absolute;
		top: calc(50vh - 144px);
		right: calc(5vw - 40px);
	}
	
	.keepwell .close {
		position: absolute;
		top: calc(45vh - 144px);
		right: calc(5vw - 40px);
	}
	
	.trophy,
	.mic {
		top: calc(80vh - 207px);
		left: calc(5vw - 6.4vh);
		width: 15vh;
		height: 15vh;
	}
	
	.gym-dj {
		top: calc(70vh - 207px);
		left: calc(5vw - 6.4vh);
		width: 25vh;
		height: 25vh;
	}
	
	.map-pin {
		top: calc(71vh - 207px);
		left: calc(5vw - 13.2vh);
		width: 25vh;
		height: 25vh;
	}
	
	.star,
	.music {
		width: 15vh;
		height: 15vh;
		top: 1.7vh;
		right: calc(5vw - 6.4vh);
	}
	
	.gym {
		width: 26.39vh;
		height: 26.39vh;
		top: 1.7vh;
		right: 0;
	}
	
	.map-monde {
		width: 25vh;
		height: 25vh;
		top: -5.7vh;
		right: calc(5vw - 1.4vh);
	}

	
		
	
	.worldwide h1 {
		font-size: 4.3vh;
		line-height: 5vh;
		padding: 3.6vh calc(11vh * 1.78) 4vh;
	}
	
	.worldwide .toolbar {
		margin: 1.6vh 0;
	}

	.worldwide .toolbar .btn {
		margin: 1.6vh;
	}

	.worldwide hr {
		width: 28.5vh;
		margin: 4.8vh auto ;
	}

	.worldwide .k-numbers {
		margin-top: 6.4vh ;
	}

	.worldwide .k-numbers .col {
		font-size: 3.2vh;
		line-height: 6.4vh;
	}

	.worldwide .k-numbers .col strong {
		font-size: 8.8vh;
	}
	
	
	
	/*** RATIO 1920/682 = 2.82 ***/
	.homepage .stelle {
		position: fixed;
		height: 70vh;
		width: calc(70vh * 2.82);
		bottom: -10vh;
		left: calc(50% - (70vh * 2.82 / 2));
	}
	
	/*** RATIO 596/451 = 1.32 ***/
	.homepage a.mainstage {
		position: fixed;
		height: calc(1.4 * 31.87vh);
		width: calc(1.4 * 31.87vh * 1.32);
		bottom: 30.94vh;
		right: calc(50.1% + 11.21vh);
	}

	.homepage a.mainstage:hover img {
		margin-top: calc(-1.4 * 31.87vh);
	}

	/*** RATIO 458/835 = 0.55 ***/
	.homepage a.breakout {
		position: fixed;
		height: calc(1.4 * 58.89vh);
		width: calc(1.4 * 58.89vh * 0.55);
		bottom: 17.14vh;
		left: calc(50% + 43.69vh);
	}

	.homepage a.breakout:hover img {
		margin-top: calc(1.4 * -58.89vh);
	}
	
	/*** RATIO 408/369 = 1.11 ***/
	.homepage a.networking {
		position: fixed;
		height: calc(1.4 * 25.08vh);
		width: calc(1.4 * 25.08vh * 1.11);
		bottom: 14.59vh;
		left: calc(50% + 52.75vh);
	}

	.homepage a.networking:hover img {
		margin-top: calc(-1.4 * 25.08vh + 0.5px);
	}
	
	/*** RATIO 381/483 = 0.79 ***/
	.homepage a.redbash {
		position: fixed;
		height: calc(1.4 * 34.13vh);
		width: calc(1.4 * 34.13vh * 0.79);
		bottom: 35.6vh;
		left: calc(50% + 14.04vh);
	}

	.homepage a.redbash:hover img {
		margin-top: calc(-1.4 * 34.13vh);
	}
	
	/*** RATIO 176/244 = 0.72 ***/
	.homepage a.love {
		position: fixed;
		height: calc(1.4 * 17.44vh);
		width: calc(1.4 * 17.44vh * 0.72);
		bottom: 22.96vh;
		left: calc(50% + 31.28vh);
	}

	.homepage a.love:hover img {
		margin-top: calc(1.4 * -17.44vh);
	}
	
	/*** RATIO 295/191 = 1.54 ***/
	.homepage a.worldwide {
		position: fixed;
		height: calc(1.4 * 13.50vh);
		width: calc(1.4 * 13.50vh * 1.54);
		bottom: 14.41vh;
		left: calc(50% + 22.69vh);
	}

	.homepage a.worldwide:hover img {
		margin-top: calc(-1.4 * 13.50vh);
	}
	
	/*** RATIO 274/496 = 0.55 ***/
	.homepage a.marketplace {
		position: fixed;
		height: calc(1.4 * 35.05vh);
		width: calc(1.4 * 35.05vh * 0.55);
		bottom: 10.25vh;
		right: calc(50% + 52.67vh);
	}

	.homepage a.marketplace:hover img {
		margin-top: calc(-1.4 * 35.05vh + 1px);
	}
	
	/*** RATIO 219/190 = 1.15 ***/
	.homepage a.keepwell {
		position: fixed;
		height: calc(1.4 * 13.43vh);
		width: calc(1.4 * 13.43vh * 1.15);
		bottom: 17.97vh;
		right: calc(50% + 29.67vh);
	}

	.homepage a.keepwell:hover img {
		margin-top: calc(-1.4 * 13.43vh);
	}
	
	/*** RATIO 576/341 = 1.69 ***/
	.homepage .fr22logo {
		position: fixed;
		height: calc(1.4 * 24.10vh);
		width: calc(1.4 * 24.10vh * 1.69);
		bottom: 13.64vh;
		right: calc(50% - 24.2vh);
	}

	/*** RATIO 451/622 = 0.73 ***/
	.homepage .arbres {
		position: fixed;
		height: calc(1.4 * 34.95vh);
		width: calc(1.4 * 34.95vh * 0.73);
		bottom: 15.64vh;
		right: calc(50% + 50.3vh);
	}
	
	/*** RATIO 589/309 = 1.91 ***/
	.homepage .dirigeable {
		position: fixed;
		height: calc(1.4 * 21.84vh);
		width: calc(1.4 * 21.84vh * 1.91);
		bottom: 67.67vh;
		right: calc(50% - 29.2vh);
	}
	
	.homepage .screen {
		position: fixed;
		bottom: 66.1vh;
		width: calc(18vh * 1.78);
		left: calc(50% - 9vh * 1.78);
		height: 20vh;
		top: initial;
		border-radius: 1vh;
		background: #000;
	}
	
	.homepage .screen .border {
		border-radius: 1vh;
		border: 3px solid #000!important;
	}
	
	.homepage .screen .border iframe {
		border-radius: 1vh;
	}

	/*** 0,070665188470067 ***/
}

@media screen and (max-aspect-ratio: 16/9) {
	.screen, .screens {
		position: fixed;
		width: calc(72vw);
		height: calc(72vw / 1.78);
		left: calc(50% - 36vw);
		top: calc(117px + ((100vh - 117px) / 2) - (36vw / 1.78));
	}
	
	.screen-1 .border {
		position: fixed;
		width: calc(32vw);
		height: calc(32vw / 1.78);
		left: calc(50% - 33vw);
		top: calc(117px + ((100vh - 117px) / 2) - (32vw / 1.78) - 2.25vw);
	}
	
	.label-1 {
		position: fixed;
		width: calc(32vw);
		height: 30px;
		text-align: center;
		left: calc(50% - 33vw);
		top: calc(117px + ((100vh - 117px) / 2) - 1.5vw);
	}
	
	.screen-2 .border {
		position: fixed;
		width: calc(32vw);
		height: calc(32vw / 1.78);
		left: calc(50% + 1vw);
		top: calc(117px + ((100vh - 117px) / 2) - (32vw / 1.78) - 2.25vw);
	}
	
	.label-2 {
		position: fixed;
		width: calc(32vw);
		height: 30px;
		text-align: center;
		left: calc(50% + 1vw);
		top: calc(117px + ((100vh - 117px) / 2) - 1.5vw);
	}
	
	.screen-3 .border {
		position: fixed;
		width: calc(32vw);
		height: calc(32vw / 1.78);
		left: calc(50% - 33vw);
		top: calc(117px + ((100vh - 117px) / 2) + 2.25vw);
	}
	
	.label-3 {
		position: fixed;
		width: calc(32vw);
		height: 30px;
		text-align: center;
		left: calc(50% - 33vw);
		top: calc(117px + ((100vh - 117px) / 2) + (32vw / 1.78) + 3vw);
	}
	
	.screen-4 .border {
		position: fixed;
		width: calc(32vw);
		height: calc(32vw / 1.78);
		left: calc(50% + 1vw);
		top: calc(117px + ((100vh - 117px) / 2) + 2.25vw);
	}
	
	.label-4 {
		position: fixed;
		width: calc(32vw);
		height: 30px;
		text-align: center;
		left: calc(50% + 1vw);
		top: calc(117px + ((100vh - 117px) / 2) + (32vw / 1.78) + 3vw);
	}
	
	
    
	header .title img {
		width: calc(36vw);
		margin-top: calc((177px - (36vw / 5.78)) / 2);
	}
	
	.redbash header .title img {
		width: 32vw;
		margin-top: calc((220px - (25vw / 2.41)) / 2);
	}
	
	.keepwell header .title img {
		width: 45vw;
		margin-top: calc((177px - (45vw / 3.80)) / 2);
		margin-left: 21vw;
	}
	
	.worldwide header .title img {
		width: calc(60vw);
		margin-top: calc((177px - (60vw / 8.61)) / 2);
		margin-left: 19vw;
	}
	
	.breakout header .title img {
		width: calc(36vw);
		margin-top: calc((177px - (36vw / 4.47)) / 2);
	}
	
	.networking header .title img {
		width: calc(36vw);
		margin-top: calc((177px - (36vw / 4.19)) / 2);
	}
	
	
	
	.back-rectangle {
		position:fixed;
		height: calc((72vw / 1.78) * .8731);
		border-radius: 3.5vw;
		box-shadow: inset 0 3px 6px 0 rgba(255, 255, 255, 0.16);
		margin-top: calc(117px + ((100vh - 117px) / 2) - (36vw / 1.78) * .8731);
		width:90vw;
		margin-left:5vw;
	}

	.close {
		width: 80px;
		height: 80px;
		position: absolute;
		top: calc(((100vh - 177px) / 2) - 70px);
		right: calc(5vw - 40px);
	}
	
	.trophy,
	.mic {
		width: 8.44vw;
		height: 8.44vw;
		top: calc(-60px + ((100vh - 117px) / 2) + (36vw / 1.78) * .8731 - 7vw) ;
		left: 1.4vw;
	}
	
	.gym-dj {
		width: 15vw;
		height: 15vw;
		top: calc(-60px + ((100vh - 117px) / 2) + (36vw / 1.78) * .8731 - 7vw) ;
		left: 1.4vw;
	}
	
	.map-pin {
		width: 13.6vw;
		height: 13.6vw;
		top: calc(-60px + ((100vh - 117px) / 2) + (36vw / 1.78) * .8731 - 7vw) ;
		left: 1.4vw;
	}
	
	.star,
	.music {
		width: 8.44vw;
		height: 8.44vw;
		top: calc(((100vh - 117px) / 2) - (36vw / 1.78) - 60px);
		right: 1.4vw;
	}
	
	.gym {
		width: 14.84vw;
		height: 14.84vw;
		top: calc(((100vh - 117px) / 2) - (36vw / 1.78) - 150px);
		right: 0;
	}
	
	.map-monde {
		width: 13.6vw;
		height: 13.6vw;
		top: calc(((100vh - 117px) / 2) - (36vw / 1.78) - 150px);
		right: 0;
	}
	
	
	
	.worldwide h1 {
		font-size: 2.1vw;
		line-height: 2.7vw;
		padding: calc(2vw / 1.78) 10vw calc(2.35vw / 1.78);
	}
	
	.worldwide .toolbar {
		margin: 0.9vw 0;
	}

	.worldwide .toolbar .btn {
		margin: 0.9vw;
	}

	.worldwide hr {
		width: 16vw;
		margin: 2vw auto ;
	}

	.worldwide .k-numbers {
		margin-top: 3.6vw ;
	}

	.worldwide .k-numbers .col {
		font-size: 1.8vw;
		line-height: 4vw;
	}

	.worldwide .k-numbers .col strong {
		font-size: 4.95vw;
	}



	/*** RATIO 1920/682 = 2.82 ***/
	.homepage .stelle {
		position: fixed;
		width: 100vw;
		height: calc(100vw / 2.82);
		bottom: 0;
		left: 0;
	}

	/*** RATIO 596/451 = 1.32 ***/
	.homepage a.mainstage {
		position: fixed;
		width: 29.94vw;
		height: calc(29.94vw / 1.32);
		bottom: 20.67vw;
		right: calc(50% + 5.67vw);
	}
	
	.homepage a.mainstage:hover img {
		margin-top: calc(-29.94vw / 1.32 + 1px);
	}
	
	/*** RATIO 458/835 = 0.55 ***/
	.homepage a.breakout {
		position: fixed;
		width: 23.15vw;
		height: calc(23.15vw / 0.55);
		bottom: 13.69vw;
		left: calc(50% + 22vw);
	}

	.homepage a.breakout:hover img {
		margin-top: calc(-23.15vw / 0.55 + 0.5px);
	}
	
	/*** RATIO 408/369 = 1.11 ***/
	.homepage a.networking {
		position: fixed;
		width: 20.50vw;
		height: calc(20.50vw / 1.11);
		bottom: 12.34vw;
		left: calc(50% + 26.42vw);
	}

	.homepage a.networking:hover img {
		margin-top: calc(-20.50vw / 1.11 - 0.5px);
	}
	
	/*** RATIO 381/483 = 0.79 ***/
	.homepage a.redbash {
		position: fixed;
		width: 19.14vw;
		height: calc(19.14vw / 0.79);
		bottom: 23.16vw;
		left: calc(50% + 7.08vw);
	}

	.homepage a.redbash:hover img {
		margin-top: calc(-19.14vw / 0.79);
	}
	
	/*** RATIO 176/244 = 0.72 ***/
	.homepage a.love {
		position: fixed;
		width: 8.66vw;
		height: calc(8.66vw / 0.72);
		bottom: 16.86vw;
		left: calc(50% + 15.92vw);
	}

	.homepage a.love:hover img {
		margin-top: calc(-8.66vw / 0.72);
	}
	
	/*** RATIO 381/483 = 0.79 ***/
	.homepage a.redbash {
		position: fixed;
		width: 19.14vw;
		height: calc(19.14vw / 0.79);
		bottom: 23.16vw;
		left: calc(50% + 7.08vw);
	}

	.homepage a.redbash:hover img {
		margin-top: calc(-19.14vw / 0.79);
	}
	
	/*** RATIO 295/191 = 1.54 ***/
	.homepage a.worldwide {
		position: fixed;
		width: 14.82vw;
		height: calc(14.82vw / 1.54);
		bottom: 12.29vw;
		left: calc(50% + 11.15vw);
	}

	.homepage a.worldwide:hover img {
		margin-top: calc(-14.82vw / 1.54);
	}
	
	/*** RATIO 274/496 = 0.55 ***/
	.homepage a.marketplace {
		position: fixed;
		width: 13.76vw;
		height: calc(13.76vw / 0.55);
		bottom: 10.18vw;
		right: calc(50% + 26.67vw);
	}

	.homepage a.marketplace:hover img {
		margin-top: calc(-13.76vw / 0.55);
	}
	
	/*** RATIO 219/190 = 1.15 ***/
	.homepage a.keepwell {
		position: fixed;
		width: 11.00vw;
		height: calc(11.00vw / 1.15);
		bottom: 14.15vw;
		right: calc(50% + 14.67vw);
	}

	.homepage a.keepwell:hover img {
		margin-top: calc(-11.00vw / 1.15);
	}
	
	/*** RATIO 576/341 = 1.69 ***/
	.homepage .fr22logo {
		position: fixed;
		width: 28.94vw;
		height: calc(28.94vw / 1.69);
		bottom: 11.85vw;
		right: calc(50% - 12.43vw);
	}
	
	/*** RATIO 451/622 = 0.73 ***/
	.homepage .arbres {
		position: fixed;
		width: 17.26vw;
		height: calc(17.26vw / 1.69);
		bottom: 26.65vw;
		right: calc(50% + 26.07vw);
	}
	
	/*** RATIO 589/309 = 1.91 ***/
	.homepage .dirigeable {
		position: fixed;
		width: 29.59vw;
		height: calc(29.59vw / 1.91);
		bottom: 39.02vw;
		right: calc(50% - 14.93vw);
	}
	
	.homepage .screen {
	        position: fixed;
	        width: calc(16vw);
	        height: calc(16vw / 1.78);
	        left: calc(50% - 8.3vw);
	        bottom: 39.62vw;
	        top: initial;
	        border-radius: 1vw;
	        background: #000;
	}
	
	.homepage .screen .border {
		border-radius: 1vw;
		border: 3px solid #000!important;
	}
	
	.homepage .screen .border iframe {
		border-radius: 1vw;
	}
	
	/*** 0,050234899328859 ***/
}



/*** BREAKOUT HOME ***/
@media screen and (min-aspect-ratio: 1080/520) {
	/* RATIO : 1080 / 520 = 2.08 */
	.breakout.home .screen {
		position: fixed;
		top: calc(117px + ((100vh - 117px) / 2) - ((49vh - 103.5px)));
		width: calc((98vh - 207px) * 2.08);
		left: calc(50% - (49vh - 103.5px) * 2.08);
		height: calc(98vh - 207px);	
		border-radius: 0!important;
		border: none!important;
	}
	
	.breakout.home .back-rectangle {
		position:fixed;
		height: calc((98vh - 207px) * .8731);
		border-radius: 3.5vh;
		margin-top: calc(147px + ((100vh - 177px) / 2) - ((49vh - 103.5px) * .8731));
		width:90vw;
		margin-left:5vw;
	}
	
	.breakout.home .pad {
		width: calc((((98vh - 207px) * 2.08) / 4) - 20px);
		height: calc(((98vh - 207px) / 2) - 20px);
		border-radius: 2vh;
	}
	
	.breakout.home #agenda {
		width: calc(((98vh - 207px) * 2.08) - 20px);
		height: calc((98vh - 207px) - 20px);
		border-radius: 2vh;
	}
	
	.breakout.home #agenda .agenda-content {
		height: calc(100% - (((98vh - 207px) / 2) * .34 - 20px));
	}
	
	.breakout.home #agenda .agenda-content h2 {
		font-size: max(14px,4vh);
		margin: 1.5vh 0;
	}
	
	
	.breakout.home .pad.extended {
		height: calc(98vh - 207px - 20px);
		z-index: 99999;
	}
	
	.breakout.home #bs-desktop .agenda-head {
		height: calc(((98vh - 207px) / 2) * .34 - 20px);
	}
	
	.breakout.home .pad-1 {
		top: 10px;
		left: 10px;
	}
	
	.breakout.home .pad-2 {
		top: 10px;
		left: calc((((98vh - 207px) * 2.08) / 4) + 10px);
	}
	
	.breakout.home .pad-3 {
		top: 10px;
		left: calc(((((98vh - 207px) * 2.08) / 4) * 2) + 10px);
	}
	
	.breakout.home .pad-4 {
		top: 10px;
		left: calc(((((98vh - 207px) * 2.08) / 4) * 3) + 10px);
	}
	
	.breakout.home .pad-5 {
		top: calc(((98vh - 207px) / 2) + 10px);
		left: 10px;
	}
	
	.breakout.home .pad-6 {
		top: calc(((98vh - 207px) / 2) + 10px);
		left: calc((((98vh - 207px) * 2.08) / 4) + 10px);
	}
	
	.breakout.home .pad-7 {
		top: calc(((98vh - 207px) / 2) + 10px);
		left: calc(((((98vh - 207px) * 2.08) / 4) * 2) + 10px);
	}
	
	.breakout.home .pad-8 {
		top: calc(((98vh - 207px) / 2) + 10px);
		left: calc(((((98vh - 207px) * 2.08) / 4) * 3) + 10px);
	}
	
	.breakout.home .agenda-content .bs-title {
		font-size: max(11px,1.6vh);
		margin-left: 0.8vh;
	}
	
	.breakout.home .agenda-content .bs-title .flag {
		height: max(10px,1.6vh);
	}
	
	.breakout.home .action .icon {
		font-size: max(14px,2.5vh);
		width: max(20px,3.7vh);
	}
	
	.breakout.home .action .go {
		text-decoration:none;
		font-size: max(12px,1.6vh);
		width: max(20px,3.7vh);
		line-height: max(20px,3.7vh);
	}
	
	.breakout.home .bspad-type {
		font-size: max(12px,3.8vh);
	}

	.breakout.home .bspad-room {
		font-size: max(10px,2.3vh);
	}
	
	.breakout.home .bspad-content .title {
		font-size: max(10px,1.6vh);
	}
	
	.breakout.home .bspad-content .title .flag {
		height: max(10px,1.6vh);
	}

	.breakout.home .bspad-content .speaker {
		font-size: max(8px,1.3vh);
	}
	
	.breakout.home #agenda .agenda-content .action.left,
	.breakout.home #agenda .agenda-content .action.right {
		top: calc((((98vh - 207px) / 2) * .66) + 20px);
	}
	
	.breakout.home .notify-heart {
		top: calc(71vh - 207px);
		left: calc(5vw - 9vh);
		width: 18vh;
		height: 18vh;
	}

	.breakout.home .rocket {
		width: 18vh;
		height: 18vh;
		top: -2.6vh;
		right: calc(5vw - 9vh);
	}
	
	.breakout.home .close {
		position: absolute;
		top: calc((98vh - 207px) / 2 - 40px);
		right: calc(5vw - 40px);
	}
}

@media screen and (max-aspect-ratio: 1080/520) {
	/* RATIO : 1080 / 520 = 2.08 */
	.breakout.home .screen {
		position: fixed;
		width: calc(82vw);
		height: calc(82vw / 2.08);
		left: calc(50% - 41vw);
		top: calc(117px + ((100vh - 117px) / 2) - (41vw / 2.08));
		border-radius: 0!important;
		border: none!important;
	}
	
	.breakout.home .back-rectangle {
		position:fixed;
		height: calc((82vw / 2.08) * .8731);
		border-radius: 3.5vw;
		box-shadow: inset 0 3px 6px 0 rgba(255, 255, 255, 0.16);
		margin-top: calc(117px + ((100vh - 117px) / 2) - (41vw / 2.08) * .8731);
		width:90vw;
		margin-left:5vw;
	}
	
	.breakout.home .pad {
		width: calc((82vw / 4) - 20px);
		height: calc(((82vw / 2.08) / 2) - 20px);
		border-radius: 2vh;
	}
	
	.breakout.home #agenda {
		width: calc(82vw - 20px);
		height: calc((82vw / 2.08) - 20px);
		border-radius: 2vh;
	}
	
	.breakout.home #agenda .agenda-content {
		height: calc(100% - (((82vw / 2.08) / 2 * .34) - 20px));
	}
	
	.breakout.home #agenda .agenda-content h2 {
		font-size: max(14px,2.1vw);
		margin: 1.5vw 0;
	}
	
	.breakout.home .pad.extended {
		height: calc((82vw / 2.08) - 20px);
		z-index: 99999;
	}
	
	.breakout.home #bs-desktop .agenda-head {
		height: calc(((82vw / 2.08) / 2 * .34) - 20px)
	}
	
	.breakout.home .pad-1 {
		top: 10px;
		left: 10px;
	}
	
	.breakout.home .pad-2 {
		top: 10px;
		left: calc((82vw / 4) + 10px);
	}
	
	.breakout.home .pad-3 {
		top: 10px;
		left: calc(((82vw / 4) * 2) + 10px);
	}
	
	.breakout.home .pad-4 {
		top: 10px;
		left: calc(((82vw / 4) * 3) + 10px);
	}
	
	.breakout.home .pad-5 {
		top: calc(((82vw / 2.08) / 2) + 10px);
		left: 10px;
	}
	
	.breakout.home .pad-6 {
		top: calc(((82vw / 2.08) / 2) + 10px);
		left: calc((82vw / 4) + 10px);
	}
	
	.breakout.home .pad-7 {
		top: calc(((82vw / 2.08) / 2) + 10px);
		left: calc(((82vw / 4) * 2) + 10px);
	}
	
	.breakout.home .pad-8 {
		top: calc(((82vw / 2.08) / 2) + 10px);
		left: calc(((82vw / 4) * 3) + 10px);
	}
	
	.breakout.home .agenda-content .bs-title {
		font-size: max(12px,0.9vw);
		margin-left: 0.5vw;
	}
	
	.breakout.home .agenda-content .bs-title .flag {
		height: max(10px,0.9vw);
	}
	
	.breakout.home .action .icon {
		font-size: max(14px,1.4vw);
		width: max(20px,2.1vw);
	}
	
	.breakout.home .action .go {
		text-decoration:none;
		font-size: max(12px,0.8vw);
		width: max(20px,2.1vw);
		line-height: max(20px,2.1vw);
	}
	
	.breakout.home .bspad-type {
		font-size: max(12px,2.8vw);
	}

	.breakout.home .bspad-room {
		font-size: max(10px,1.7vw);
	}
	
	.breakout.home .bspad-content .title {
		font-size: max(10px,1vw);
	}
	
	.breakout.home .bspad-content .title .flag {
		height: max(10px,1vw);
	}

	.breakout.home .bspad-content .speaker {
		font-size: max(8px,0.7vw);
	}
	
	.breakout.home #agenda .agenda-content .action.left,
	.breakout.home #agenda .agenda-content .action.right {
		top: calc(((82vw / 2.08) / 2 * .66) + 20px);
	}
	
	
	.breakout.home .notify-heart {
		width: 10vw;
		height: 10vw;
		top: calc(((100vh - 117px) / 2) + ((41vw / 2.08) * .8731) - 20vw);
		left: 0;
	}
	
	.breakout.home .rocket {
		width: 10vw;
		height: 10vw;
		top: calc((-117px - 2vw + (100vh - 117px) / 2) - (41vw / 2.08) * .8731);
		right: 0vw;
	}
	
	.breakout.home .close {
		width: 80px;
		height: 80px;
		position: absolute;
		top: calc(((98vh - 207px) / 2) - 40px);
		right: calc(5vw - 40px);
	}
}


/*** BREAKOUT SESSIONS - AVEC MODULE DE TCHAT A COTE DE L'ECRAN ***/

@media screen and (min-aspect-ratio: 1028/415) {
	.breakout.room .screen {
		width: calc((100vh - 207px) * 2.48);
		top: calc(117px + ((100vh - 117px) / 2) - ((100vh - 207px)  / 2));
		left: calc(50% - (50vh - 103.5px) * 2.48);
		height: calc(100vh - 205px);
	}
	
	.breakout.room .screen .border {
		position: absolute;
		top: 0;
		left: 0;
		width: calc((100vh - 207px) * 1.78);
	}
	
	.breakout .tchat,
	.breakout .stars {
		width: calc(100% - 15px - (100vh - 207px) * 1.78);
	}
	
	.breakout .stars .inner {
		padding: calc((100vh - 205px) * 0.1835 / 6) 0;
	}
	
	.breakout .stars .question,
	.breakout .stars .reponse {
		font-size: 2vh;
		line-height: calc((100vh - 205px) * 0.1835 / 3);
	}
	
	.breakout.room .back-rectangle {
		position:fixed;
		height: calc((100vh - 207px) * .8731);
		border-radius: 3.5vh;
		margin-top: calc(117px + ((100vh - 117px) / 2) - (50vh - 103.5px) * .8731);
		width:90vw;
		margin-left:5vw;
	}
	
	.breakout.room .notify-heart {
		top: calc(71vh - 207px);
		left: calc(5vw - 13.2vh);
		width: 18vh;
		height: 18vh;
	}

	.breakout.room .rocket {
		width: 18vh;
		height: 18vh;
		top: -5.7vh;
		right: calc(5vw - 1.4vh);
	}
	
	.breakout.room .close {
		position: absolute;
		top: calc((100vh - 207px) * .8731 / 2 - 40px);
		right: calc(5vw - 40px);
	}
}

@media screen and (max-aspect-ratio: 1028/415) {
	.breakout.room .screen {
		width: calc(82vw);
		height: calc((82vw / 2.48) + 2px);
		left: calc(50% - 41vw);
		top: calc(117px + ((100vh - 117px) / 2) - (41vw / 2.48));
	}

	.breakout.room .screen .border {
		position: absolute;
		top: 0;
		left: 0;
		width: calc(82vw * 1.78 / 2.48);
	}
	
	.breakout .tchat,
	.breakout .stars {
		width: calc(100% - 15px - 82vw * 1.78 / 2.48);
	}
	
	.breakout .stars .inner {
		padding: calc(((82vw / 2.48) + 2px) * 0.1835 / 6) 0;
	}
	
	.breakout .stars .question,
	.breakout .stars .reponse {
		font-size: 0.9vw;
		line-height: calc(((82vw / 2.48) + 2px) * 0.1835 / 3);
	}
	
	.breakout.room .back-rectangle {
		position:fixed;
		height: calc((82vw / 2.48) * .8731);
		border-radius: 3.5vw;
		box-shadow: inset 0 3px 6px 0 rgba(255, 255, 255, 0.16);
		margin-top: calc(117px + ((100vh - 117px) / 2) - (41vw / 2.48) * .8731);
		width:90vw;
		margin-left:5vw;
	}
	
	.breakout.room .notify-heart {
		width: 10vw;
		height: 10vw;
		top: calc(((100vh - 117px) / 2) + ((41vw / 2.48) * .8731) - 20vw);
		left: 0;
	}
	
	.breakout.room .rocket {
		width: 10vw;
		height: 10vw;
		top: calc((-117px - 4vw + (100vh - 117px) / 2) - (41vw / 2.48) * .8731);
		right: 1.5vw;
	}
	
	.breakout.room .close {
		width: 80px;
		height: 80px;
		position: absolute;
		top: calc(((100vh - 177px) / 2) - 80px);
		right: calc(5vw - 40px);
	}
}



/*** LOVE HOME ***/

@media screen and (min-aspect-ratio: 1061/766) {
	/* RATIO : 1061 / 766 = 1.39 */
	.love.home .screen {
		position: fixed;
		top: calc(117px + ((100vh - 117px) / 2) - ((49vh - 103.5px)));
		width: calc((98vh - 207px) * 1.39);
		left: calc(50% - (49vh - 103.5px) * 1.39);
		height: calc(98vh - 207px);
		border-radius: 0 !important;
		border: none !important;
	}
	.love.home .back-rectangle {
		position: fixed;
		height: calc((98vh - 207px) * .8731);
		border-radius: 3.5vh;
		margin-top: calc(147px + ((100vh - 177px) / 2) - ((49vh - 103.5px) * .8731));
		width: 90vw;
		margin-left: 5vw;
	}
	.love.home .pad {
		width: calc((((98vh - 207px) * 1.39) / 3) - 20px);
		height: calc(((98vh - 207px) / 2) - 20px);
		border-radius: 2vh;
	}
	
	.love.home .pad-1 {
		top: 10px;
		left: 10px;
	}
	.love.home .pad-2 {
		top: 10px;
		left: calc((((98vh - 207px) * 1.39) / 3) + 10px);
	}
	.love.home .pad-3 {
		top: 10px;
		left: calc(((((98vh - 207px) * 1.39) / 3) * 2) + 10px);
	}
	.love.home .pad-4 {
		top: 10px;
		left: calc(((((98vh - 207px) * 1.39) / 3) * 3) + 10px);
	}
	.love.home .pad-5 {
		top: calc(((98vh - 207px) / 2) + 10px);
		left: 10px;
	}
	.love.home .pad-6 {
		top: calc(((98vh - 207px) / 2) + 10px);
		left: calc((((98vh - 207px) * 1.39) / 3) + 10px);
	}
	.love.home .pad-7 {
		top: calc(((98vh - 207px) / 2) + 10px);
		left: calc(((((98vh - 207px) * 1.39) / 3) * 2) + 10px);
	}
	.love.home .pad-8 {
		top: calc(((98vh - 207px) / 2) + 10px);
		left: calc(((((98vh - 207px) * 1.39) / 3) * 3) + 10px);
	}
	.love.home .agenda-content .bs-title {
		font-size: max(12px, 1.6vh);
		margin-left: 0.8vh;
	}
	.love.home .agenda-content .bs-title .flag {
		height: max(10px, 1.6vh);
	}
	.love.home .action .icon {
		font-size: max(14px, 2.5vh);
		width: max(20px, 3.7vh);
	}
	.love.home .action .go {
		text-decoration: none;
		font-size: max(12px, 1.6vh);
		width: max(20px, 3.7vh);
		line-height: max(20px, 3.7vh);
	}
	.love.home .bspad-type {
		font-size: max(12px, 3.8vh);
	}
	.love.home .bspad-room {
		font-size: max(10px, 2.3vh);
	}
	.love.home .bspad-content .title {
		font-size: max(10px, 1.6vh);
	}
	.love.home .bspad-content .title .flag {
		height: max(10px, 1.6vh);
	}
	.love.home .bspad-content .speaker {
		font-size: max(8px, 1.3vh);
	}
	.love.home #agenda .agenda-content .action.left,
	.love.home #agenda .agenda-content .action.right {
		top: calc((((98vh - 207px) / 2) * .66) + 20px);
	}
	.love.home .love {
		top: calc(79vh - 207px);
		left: calc(7vw - 9vh);
		width: 18vh;
		height: 18vh;
	}
	.love.home .notify-heart {
		width: 18vh;
		height: 18vh;
		top: 2.4vh;
		right: calc(5vw - 9vh);
	}
	.love.home .close {
		position: absolute;
		top: calc((98vh - 207px) / 2 - 40px);
		right: calc(5vw - 40px);
	}
}

@media screen and (max-aspect-ratio: 1061/766) {
	/* RATIO : 1061 / 766 = 1.39 */
	.love.home .screen {
		position: fixed;
		width: calc(82vw);
		height: calc(82vw / 1.39);
		left: calc(50% - 41vw);
		top: calc(117px + ((100vh - 117px) / 2) - (41vw / 1.39));
		border-radius: 0!important;
		border: none!important;
	}
	
	.love.home .back-rectangle {
		position: fixed;
		height: calc((82vw / 1.39) * .8731);
		border-radius: 3.5vw;
		box-shadow: inset 0 3px 6px 0 rgba(255, 255, 255, 0.16);
		margin-top: calc(117px + ((100vh - 117px) / 2) - (41vw / 1.39) * .8731);
		width: 90vw;
		margin-left: 5vw;
	}
	.love.home .pad {
		width: calc((82vw / 3) - 20px);
		height: calc(((82vw / 1.39) / 2) - 20px);
		border-radius: 2vh;
	}
	.love.home #agenda {
		width: calc(82vw - 20px);
		height: calc((82vw / 1.39) - 20px);
		border-radius: 2vh;
	}
	.love.home #agenda .agenda-content {
		height: calc(100% - (((82vw / 1.39) / 2 * .34) - 20px));
	}
	.love.home #agenda .agenda-content h2 {
		font-size: max(14px, 2.1vw);
		margin: 1.5vw 0;
	}
	.love.home .pad.extended {
		height: calc((82vw / 1.39) - 20px);
		z-index: 99999;
	}
	.love.home #bs-desktop .agenda-head {
		height: calc(((82vw / 1.39) / 2 * .34) - 20px)
	}
	.love.home .pad-1 {
		top: 10px;
		left: 10px;
	}
	.love.home .pad-2 {
		top: 10px;
		left: calc((82vw / 3) + 10px);
	}
	.love.home .pad-3 {
		top: 10px;
		left: calc(((82vw / 3) * 2) + 10px);
	}
	.love.home .pad-4 {
		top: 10px;
		left: calc(((82vw / 3) * 3) + 10px);
	}
	.love.home .pad-5 {
		top: calc(((82vw / 1.39) / 2) + 10px);
		left: 10px;
	}
	.love.home .pad-6 {
		top: calc(((82vw / 1.39) / 2) + 10px);
		left: calc((82vw / 3) + 10px);
	}
	.love.home .pad-7 {
		top: calc(((82vw / 1.39) / 2) + 10px);
		left: calc(((82vw / 3) * 2) + 10px);
	}
	.love.home .pad-8 {
		top: calc(((82vw / 1.39) / 2) + 10px);
		left: calc(((82vw / 3) * 3) + 10px);
	}
	.love.home .agenda-content .bs-title {
		font-size: max(12px, 0.9vw);
		margin-left: 0.5vw;
	}
	.love.home .agenda-content .bs-title .flag {
		height: max(10px, 0.9vw);
	}
	.love.home .action .icon {
		font-size: max(14px, 1.4vw);
		width: max(20px, 2.1vw);
	}
	.love.home .action .go {
		text-decoration: none;
		font-size: max(12px, 0.8vw);
		width: max(20px, 2.1vw);
		line-height: max(20px, 2.1vw);
	}
	.love.home .bspad-type {
		font-size: max(12px, 2.8vw);
	}
	.love.home .bspad-room {
		font-size: max(10px, 1.7vw);
	}
	.love.home .bspad-content .title {
		font-size: max(10px, 1vw);
	}
	.love.home .bspad-content .title .flag {
		height: max(10px, 1vw);
	}
	.love.home .bspad-content .speaker {
		font-size: max(8px, 0.7vw);
	}
	.love.home #agenda .agenda-content .action.left,
	.love.home #agenda .agenda-content .action.right {
		top: calc(((82vw / 1.39) / 2 * .66) + 20px);
	}
	.love.home .love {
		width: 10vw;
		height: 10vw;
		top: calc(((100vh + 26px) / 2) + ((41vw / 1.39) * .8731) - 20vw);
		left: 10px;
	}
	.love.home .notify-heart {
		width: 10vw;
		height: 10vw;
		top: calc((-43px - 2vw + (100vh - 117px) / 2) - (41vw / 1.39) * .8731);
		right: 0;
	}
	.love.home .close {
		width: 80px;
		height: 80px;
		position: absolute;
		top: calc(((98vh - 207px) / 2) - 40px);
		right: calc(5vw - 40px);
	}
}



/*** MARKETPLACE HOME ***/

@media screen and (min-aspect-ratio: 720/360) {
	/* RATIO : 720 / 360 = 2.0 */
	.marketplace.home .screen {
		position: fixed;
		top: calc(117px + ((100vh - 117px) / 2) - ((49vh - 103.5px)));
		width: calc((98vh - 207px) * 2.0);
		left: calc(50% - (49vh - 103.5px) * 2.0);
		height: calc(98vh - 207px);
		border-radius: 0 !important;
		border: none !important;
	}
	.marketplace.home .back-rectangle {
		position: fixed;
		height: calc((98vh - 207px) * .8731);
		border-radius: 3.5vh;
		margin-top: calc(147px + ((100vh - 177px) / 2) - ((49vh - 103.5px) * .8731));
		width: 90vw;
		margin-left: 5vw;
	}
	.marketplace.home .pad {
		width: calc((((98vh - 207px) * 2.0) / 6) - 20px);
		height: calc(((98vh - 207px) / 3) - 20px);
		border-radius: 2vh;
	}
	
	.marketplace.home .pad-dl1 {
		top: 10px;
	}
	
	.marketplace.home .pad-dl2 {
		top: calc(((98vh - 207px) / 3) + 10px);
	}
	
	.marketplace.home .pad-dl3 {
		top: calc((((98vh - 207px) / 3) * 2) + 10px);
	}
	
	.marketplace.home .pad-dc1 {
		left: 10px;
	}
	
	.marketplace.home .pad-dc2 {
		left: calc((((98vh - 207px) * 2.0) / 6) + 10px);
	}
	
	.marketplace.home .pad-dc3 {
		left: calc(((((98vh - 207px) * 2.0) / 6) * 2) + 10px);
	}
	
	.marketplace.home .pad-dc4 {
		left: calc(((((98vh - 207px) * 2.0) / 6) * 3) + 10px);
	}
	
	.marketplace.home .pad-dc5 {
		left: calc(((((98vh - 207px) * 2.0) / 6) * 4) + 10px);
	}
	
	.marketplace.home .pad-dc6 {
		left: calc(((((98vh - 207px) * 2.0) / 6) * 5) + 10px);
	}
	
	.marketplace.home .close {
		position: absolute;
		top: calc((98vh - 207px) / 2 - 40px);
		right: calc(5vw - 40px);
	}
}

@media screen and (max-aspect-ratio: 720/360) {
	/* RATIO : 720 / 360 = 2.0 */
	.marketplace.home .screen {
		position: fixed;
		width: calc(82vw);
		height: calc(82vw / 2.0);
		left: calc(50% - 41vw);
		top: calc(117px + ((100vh - 117px) / 2) - (41vw / 2.0));
		border-radius: 0!important;
		border: none!important;
	}
	
	.marketplace.home .back-rectangle {
		position: fixed;
		height: calc((82vw / 2.0) * .8731);
		border-radius: 3.5vw;
		box-shadow: inset 0 3px 6px 0 rgba(255, 255, 255, 0.16);
		margin-top: calc(117px + ((100vh - 117px) / 2) - (41vw / 2.0) * .8731);
		width: 90vw;
		margin-left: 5vw;
	}
	
	.marketplace.home .pad {
		width: calc((82vw / 6) - 20px);
		height: calc(((82vw / 2.0) / 3) - 20px);
		border-radius: 2vh;
	}
	
	.marketplace.home .pad-dl1 {
		top: 10px;
	}
	
	.marketplace.home .pad-dl2 {
		top: calc(((82vw / 2.0) / 3) + 10px);
	}
	
	.marketplace.home .pad-dl3 {
		top: calc((((82vw / 2.0) / 3) * 2) + 10px);
	}
	
	.marketplace.home .pad-dc1 {
		left: 10px;
	}
	
	.marketplace.home .pad-dc2 {
		left: calc((82vw / 6) + 10px);
	}
	
	.marketplace.home .pad-dc3 {
		left: calc(((82vw / 6) * 2) + 10px);
	}
	
	.marketplace.home .pad-dc4 {
		left: calc(((82vw / 6) * 3) + 10px);
	}
	
	.marketplace.home .pad-dc5 {
		left: calc(((82vw / 6) * 4) + 10px);
	}
	
	.marketplace.home .pad-dc6 {
		left: calc(((82vw / 6) * 5) + 10px);
	}
	
	.marketplace.home .close {
		width: 80px;
		height: 80px;
		position: absolute;
		top: calc(((98vh - 207px) / 2) - 40px);
		right: calc(5vw - 40px);
	}
}



/*** LOVE ROOM ***/
/*** MARKETPLACE ROOM ***/
@media screen and (min-aspect-ratio: 1328/730) {
	/* RATIO : 1328 / 730 = 1.82 */
    
	.love.room .screen,
	.marketplace.room .screen {
		top: calc(117px + ((100vh - 117px) / 2) - ((49vh - 103.5px)));
		width: calc((98vh - 207px) * 1.82);
		left: calc(50% - (49vh - 103.5px) * 1.82);
		height: calc(98vh - 207px);
	}
    
	.love.room .back-rectangle,
	.marketplace.room .back-rectangle {
		position: fixed;
		height: calc((98vh - 207px) * .8731);
		border-radius: 3.5vh;
		margin-top: calc(147px + ((100vh - 177px) / 2) - ((49vh - 103.5px) * .8731));
		width: 90vw;
		margin-left: 5vw;
	}
	
	.love.room .tag,
	.marketplace.room .tag {
		width: 23.70vh;
		height: 23.70vh;
		left: 6.35vh;
		top: calc(-23.70vh / 2.8);
	}
	
	.love.room .screen-1 .border,
	.marketplace.room .screen-1 .border {
		position: fixed;
		width: calc(28vh * 1.78);
		height: 28vh;
		left: calc(50% + (50% - 28vh * 1.78) / 2);
		top: calc((23.70vh * 0.64) + 6.35vh);
	}
	
	.label-stand {
		position: fixed;
		width: calc(28vh * 1.78);
		height: 30px;
		text-align: center;
		left: calc(50% + (50% - 28vh * 1.78) / 2);
		top: calc((23.70vh * 0.64) + 6.35vh + 28vh + 1vh);
	}
    
    
    
	.love.room .icon,
	.marketplace.room .icon {
		aspect-ratio: 1/1;
		background: #4a29c5;
		color: #fff;
		text-align: center;
		display: inline-block;
		border-radius: 50%;
		cursor: pointer;
		box-shadow: 0 3px 16px 0 rgba(19, 0, 85, 0.56);
		position: absolute;
		right: 18px;
		top: 12px;
		font-size: max(14px, 2.5vh);
		width: max(20px, 3.7vh);
		z-index:99999;
	}
	
	.love.room .icon:hover,
	.marketplace.room .icon:hover {
		background: #898989;
	}
    
	.love.room .mail,
	.marketplace.room .mail {
		position: absolute;
		left: calc(6.35vh + 23.70vh + (6.35vh / 2)) ;
		top: 30px;
		text-decoration: none;
	}
    
	.love.room .mail i,
	.marketplace.room .mail i {
		height: 4.4vh;
		width: 4.4vh;
		line-height: 4.6vh;
		box-shadow: 0 3px 20px 0 rgba(41, 34, 34, 0.16);
		background-color: #4a29c5;
		border-radius: 50%;
		color: #fff;
		vertical-align: middle;
		display: inline-block;
		text-align: center;
		font-size: 2.6vh;
	}
	
	.love.room .mail:hover i,
	.marketplace.room .mail:hover i {
		opacity: .6 ;
		color: #f3dbff;
	}
    
	.love.room .contact,
	.marketplace.room .contact {
		font-family: "Montserrat";
		font-size: 1.8vh;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 4.4vh;
		letter-spacing: 2px;
		text-align: center;
		color: #4a29c5;
		margin-left: 2vh;
		vertical-align: middle;
	}
    
	.love.room .description,
	.marketplace.room .description {
		position: absolute;
		top: calc((23.70vh * 0.64) + 6.35vh);
		left: 6.35vh;
		width: calc(((49vh - 103.5px) * 1.82) - 3vh - 6.35vh);
	}
    
	.love.room .title-desc,
	.marketplace.room .title-desc {
		font-family: "Oswald";
		font-size: 4.8vh;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1;
		letter-spacing: 2px;
		text-align: left;
		color: #4a29c5;
		margin-bottom: 2vh;
	}
    
	.love.room .content-desc,
	.marketplace.room .content-desc {
		font-family: "Montserrat";
		font-size: 1.6vh;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.25;
		letter-spacing: 2px;
		text-align: left;
		color: #4a29c5;
	}
    
	.love .toolbar .btn,
	.marketplace .toolbar .btn {
		font-size: 2vh;
	}
    
	.love.room .toolbar .dropdown-item,
	.marketplace.room .toolbar .dropdown-item {
		font-size: 2vh;
	}
    
    
	.love.room .love,
	.marketplace.room .location {
		top: calc(79vh - 207px);
		left: calc(7vw - 9vh);
		width: 18vh;
		height: 18vh;
	}
    
	.love.room .notify-heart,
	.marketplace.room .pin {
		width: 18vh;
		height: 18vh;
		top: -10.6vh;
		right: calc(5vw + 59vh);
	}
    
	.love.room .close,
	.marketplace.room .close {
		position: absolute;
		top: calc((100vh - 177px) * .8731 / 2 - 40px);
		right: calc(5vw - 40px);
	}
}

@media screen and (max-aspect-ratio: 1328/730) {
	/* RATIO : 1328 / 730 = 1.82 */
    
	.love.room .screen,
	.marketplace.room .screen {
		width: calc(82vw);
		height: calc(82vw / 1.82);
		left: calc(50% - 41vw);
		top: calc(117px + ((100vh - 117px) / 2) - (41vw / 1.82));
	}
    
	.love.room .screen-1 .border,
	.marketplace.room .screen-1 .border {
		position: fixed;
		width: 28vw;
		height: calc(28vw / 1.78);
		left: calc(50% + (50% - 28vw) / 2);
		top: calc((13.33vw * 0.64) + 6.35vw);
	}
	
	.label-stand {
		position: fixed;
		width: 28vw;
		height: 30px;
		text-align: center;
		left: calc(50% + (50% - 28vw) / 2);
		top: calc((13.33vw * 0.64) + 6.35vw + 28vw / 1.78 + 0.6vw);
	}
	
	.love.room .tag,
	.marketplace.room .tag {
		width: 13.33vw;
		height: 13.33vw;
		left: 6.35vw;
		top: calc(-13.33vw / 2.8);
	}
    
	.love.room .icon,
	.marketplace.room .icon {
		aspect-ratio: 1/1;
		background: #4a29c5;
		color: #fff;
		text-align: center;
		display: inline-block;
		border-radius: 50%;
		cursor: pointer;
		box-shadow: 0 3px 16px 0 rgba(19, 0, 85, 0.56);
		position: absolute;
		right: 18px;
		top: 12px;
		font-size: max(14px, 2.5vh);
		width: max(20px, 3.7vh);
		z-index: 99999;
	}
	
	.love.room .icon:hover,
	.marketplace.room .icon:hover {
		background: #898989;
	}
    
	.love.room .mail,
	.marketplace.room .mail {
		position: absolute;
		left: calc(6.35vw + 13.33vw + (6.35vw / 2)) ;
		top: 30px;
		text-decoration: none;
	}
    
	.love.room .mail i,
	.marketplace.room .mail i {
		height: 2.4vw;
		width: 2.4vw;
		line-height: 2.5vw;
		box-shadow: 0 3px 20px 0 rgba(41, 34, 34, 0.16);
		background-color: #4a29c5;
		border-radius: 50%;
		color: #fff;
		vertical-align: middle;
		display: inline-block;
		text-align: center;
		font-size: 1.4vw;
	}
	
	.love.room .mail:hover i,
	.marketplace.room .mail:hover i {
		opacity: .6 ;
		color: #f3dbff;
	}
    
	.love.room .contact,
	.marketplace.room .contact {
		font-family: "Montserrat";
		font-size: 1vw;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 3vw;
		letter-spacing: 2px;
		text-align: center;
		color: #4a29c5;
		margin-left: 1.1vw;
		vertical-align: middle;
		text-decoration: none;
	}
    
	.love.room .description,
	.marketplace.room .description {
		position: absolute;
		left: 6.35vw;
		top: calc((13.33vw * 0.64) + 6.35vw);
		width: calc(41vw - 2vw - 6.35vw);
	}
    
	.love.room .title-desc,
	.marketplace.room .title-desc {
		font-family: "Oswald";
		font-size: 2.4vw;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1;
		letter-spacing: 2px;
		text-align: left;
		color: #4a29c5;
		margin-bottom: 1vw;
	}
    
	.love.room .content-desc,
	.marketplace.room .content-desc {
		font-family: "Montserrat";
		font-size: 0.8vw;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.25;
		letter-spacing: 2px;
		text-align: left;
		color: #4a29c5;
	}
    
	.love .toolbar .btn,
	.marketplace .toolbar .btn {
		font-size: 1.3vw;
	}
	
	.love.room .toolbar .dropdown-item,
	.marketplace.room .toolbar .dropdown-item {
		font-size: 1.3vw;
	}
    
	.love.room .back-rectangle,
	.marketplace.room .back-rectangle {
		position: fixed;
		height: calc((82vw / 1.82) * .8731);
		border-radius: 3.5vw;
		box-shadow: inset 0 3px 6px 0 rgba(255, 255, 255, 0.16);
		margin-top: calc(117px + ((100vh - 117px) / 2) - (41vw / 1.82) * .8731);
		width: 90vw;
		margin-left: 5vw;
	}
    
    
    
	.love.room .action .icon {
		font-size: max(14px, 1.4vw);
		width: max(20px, 2.1vw);
	}
    
	.love.room .action .go {
		text-decoration: none;
		font-size: max(12px, 0.8vw);
		width: max(20px, 2.1vw);
		line-height: max(20px, 2.1vw);
	}
    
	.love.room #agenda .agenda-content .action.left,
	.love.room #agenda .agenda-content .action.right {
		top: calc(((82vw / 1.82) / 2 * .66) + 20px);
	}
    
	.love.room .love,
	.marketplace.room .location {
		width: 10vw;
		height: 10vw;
		top: calc(((100vh + 26px) / 2) + ((41vw / 1.82) * .8731) - 20vw);
		left: 10px;
	}
    
	.love.room .notify-heart,
	.marketplace.room .pin {
		width: 10vw;
		height: 10vw;
		top: calc((-43px - 2vw + (100vh - 117px) / 2) - (41vw / 1.82) * .8731);
		right: 0vw;
	}
    
	.love.room .close,
	.marketplace.room .close {
		width: 80px;
		height: 80px;
		position: absolute;
		top: calc(((100vh - 177px) / 2) - 80px);
		right: calc(5vw - 40px);
	}
}



/*** LOGIN ***/
@media screen and (min-aspect-ratio: 466/843) {
	/* RATIO : 466 / 843 = 0.5 */

	.login .kw-container,
	.wait .kw-container {
		height: 78.06vh;
		width: calc(78.06vh * 0.5);
		top: calc((100vh - 78.06vh) / 2);
		left: calc((100vw - 78.06vh * 0.5) / 2);
	}
}

@media screen and (max-aspect-ratio: 466/843) {
	/* RATIO : 466 / 843 = 0.5 */
	
	.login .kw-container,
	.wait .kw-container {
		width: 90vw;
		height: calc(90vw / 0.5);
		left: calc((100vw - 90vw) / 2);
		top: calc((100vh - 90vw / 0.5) / 2);
	}
	
	.login .form {
		margin-top: 10vh;
	}
	
	.login #go {
		margin: 8vh auto 0;
	}
	
	.wait .connexion-card .inner {
		padding: 5.2vh 1.6vh;
	}
}



/*** NETWORKING ***/
@media screen and (min-aspect-ratio: 1565/818) {
	/* RATIO : 1565 / 818 = 1.91 */
	.networking .screen {
		position: fixed;
		top: calc(117px + ((100vh - 117px) / 2) - ((49vh - 103.5px)));
		width: calc((98vh - 207px) * 1.91);
		left: calc(50% - (49vh - 103.5px) * 1.91);
		height: calc(98vh - 207px);	
	}
	
	.networking .back-rectangle {
		position:fixed;
		height: calc((98vh - 207px) * .8731);
		border-radius: 3.5vh;
		margin-top: calc(147px + ((100vh - 177px) / 2) - ((49vh - 103.5px) * .8731));
		width:90vw;
		margin-left:5vw;
	}
	
	.networking .left {
		width: 45vh;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.networking .right {
		width: calc((98vh - 207px) * 1.91 - 45vh);
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
	}
	
	.networking .letter-circle {
		width: 4vh;
		height: 4vh;
		top: 1.4vh;
		left: 1.4vh;
		position: absolute;
	}

	.networking .AB {
		font-size: max(12px,1.7vh);
		line-height: 3.7vh;
	}

	.networking .your-name {
		font-size: max(12px,2.0vh);
		position: absolute;
	        top: 0.2vh;
	        left: calc(1.2vh + 4vh + 1.2vh);
	}
	
	.title-type {
		font-size: max(12px,3vh);
		top: 6vh;
	}
	
	.left-line {
		width: 12vh;
		height: 1px;
		top: 8vh;
		left: 1.4vh;
	}
	
	.right-line {
		width: 12vh;
		height: 1px;
		top: 8vh;
		right: 1.4vh;
	}
	
	.networking .screen .body {
		width: calc(100% - 2.8vh);
		height: calc(100% - 12.4vh);
		top: 11vh;
		position: absolute;
		left: 1.4vh;
		overflow: scroll;
	}
	
	.discussions-liste {
		width: 100%;
		height: 8vh;
		border-radius: 1.6vh;
		margin-bottom: 1vh;
	}

	.last-message {
		width: calc(100% - 2px);
		border-radius: 1.6vh;
		height: 8vh;
	}

	.contact-name {
	        font-size: max(10px,2.8vh);
	        font-weight: bold;
	        font-stretch: normal;
	        font-style: normal;
	        letter-spacing: -0.01px;
	        text-align: left;
	        color: #3C3C59;
	        margin-left: 20px;
	        line-height: 8vh;
		cursor:pointer;
	}
	
	.networking .chat-content {
		border-radius: 1.6vh;
		width: calc(100% - 2.8vh);
		height: calc(100% - 2.8vh);
		position: absolute;
		top: 1.4vh;
		left: 1.4vh;
	}
	
	.select-type {
	        width: calc(45vh - 2.8vh);
	        padding: 1.4vh 0;
	        border-radius: 1.6vh;
	        position: absolute;
	        left: 1.4vh;
	        bottom: 1.4vh;
	        box-shadow: inset 0 3px 6px 0 rgba(255, 255, 255, 0.16);
	        background-color: #1129aa;
	}
	
	
	.call {
		top: calc(80vh - 207px);
		left: calc(5vw - 6.4vh);
		width: 15vh;
		height: 15vh;
	}
	
	.chat {
		width: 15vh;
		height: 15vh;
		top: 1.7vh;
		right: calc(5vw - 6.4vh);
	}
}

@media screen and (max-aspect-ratio: 1565/818) {
	/* RATIO : 1565 / 818 = 1.91 */
	.networking .screen {
		position: fixed;
		width: calc(82vw);
		height: calc(82vw / 1.91);
		left: calc(50% - 41vw);
		top: calc(117px + ((100vh - 117px) / 2) - (41vw / 1.91));
	}
	
	.networking .back-rectangle {
		position:fixed;
		height: calc((82vw / 1.91) * .8731);
		border-radius: 3.5vw;
		box-shadow: inset 0 3px 6px 0 rgba(255, 255, 255, 0.16);
		margin-top: calc(117px + ((100vh - 117px) / 2) - (41vw / 1.91) * .8731);
		width:90vw;
		margin-left:5vw;
	}
	
	.networking .left {
		width: 26vw;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.networking .right {
		width: calc(82vw - 26vw);
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
	}
	
	.networking .letter-circle {
		width: 2.8vw;
		height: 2.8vw;
		top: 0.8vw;
		left: 0.8vw;
	}

	.networking .AB {
		font-size: max(10px,1.2vw);
	        line-height: 2.8vw;
	}

	.networking .your-name {
		height: 2.8vw;
		line-height: 2.8vw;
	        font-size: max(10px,1.2vw);
	        position: absolute;
	        top: 0.8vw;
	        left: calc(0.6vw + 2.8vw + 0.8vw);
	}
	
	.title-type {
		font-size: max(12px,1.6vw);
		top: 4vw;
	}
	
	.left-line {
		width: 7vw;
		height: 1px;
		top: 5vw;
		left: 0.8vw;
	}
	
	.right-line {
		width: 7vw;
		height: 1px;
		top: 5vw;
		right: 0.8vw;
	}
	
	.networking .screen .body {
		width: calc(100% - 1.6vw);
		height: calc(100% - 8vw);
		top: 7vw;
		position: absolute;
		left: 0.8vw;
		overflow: scroll;
	}
	
	.discussions-liste {
		width: 100%;
		height: 4.4vw;
		border-radius: 0.8vw;
		margin-bottom: 0.5vw;
	}

	.last-message {
	        width: calc(100% - 2px);
	        border-radius: 0.8vw;
	        height: 4.4vw;
	}

	.contact-name {
		font-size: max(10px,1.6vw);
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		letter-spacing: -0.01px;
		text-align: left;
		color: #3C3C59;
		margin-left: 20px;
		line-height: 4vw;
		cursor: pointer;
	}
	
	.networking .chat-content {
		border-radius: 0.8vw;
		width: calc(100% - 1.6vw);
		height: calc(100% - 1.6vw);
		position: absolute;
		top: 0.8vw;
		left: 0.8vw;
	}
	
	.select-type {
	        width: calc(26vw - 1.6vw);
	        padding: 0.8vw 0;
		border-radius: 0.8vw;
	        position: absolute;
	        left: 0.8vw;
	        bottom: 0.8vw;
	        box-shadow: inset 0 3px 6px 0 rgba(255, 255, 255, 0.16);
	        background-color: #1129aa;
	}
	
	.call {
		width: 8.44vw;
		height: 8.44vw;
		top: calc(-60px + ((100vh - 117px) / 2) + (36vw / 1.78) * .8731 - 7vw) ;
		left: 1.4vw;
	}
		
	.chat {
		width: 8.44vw;
		height: 8.44vw;
		top: calc(((100vh - 117px) / 2) - (36vw / 1.78) - 60px);
		right: 1.4vw;
	}
}



@media screen and (max-width: 990px){
	header .logo {
		width: 100%;
		text-align: center;
		top: 20px;
	}
	
	.homepage header .logo {
		position: fixed;
		height: 177px;
		width: 110px;
	}
	
	header .logo img {
		width: 110px;
	}
	
	#sidebar .logo {
		padding-top: 20px;
	}
	
	#sidebar .logo img {
		width: 110px;
		height: auto;
	}
	
	#sidebar ul {
		margin-top: -70px;
		margin-left: 15px;
	}
	
	#btn-logout {
		bottom: 25px;
		left: 25px;
	}
	
	#btn-agenda {
		top: 40px;
		left: 140px;
	}
       
	
	header .title {
		display: none;
	}
}

@media screen and (max-height: 767px){
	header .logo {
		width: 100%;
		text-align: center;
		top: 20px;
	}
	
	.homepage header .logo {
		position: fixed;
		height: 177px;
		width: 110px;
	}
	
	header .logo img {
		width: 110px;
	}
	
	#sidebar .logo {
		padding-top: 20px;
	}
	
	#sidebar .logo img {
		width: 110px;
		height: auto;
	}
	
	#sidebar ul {
		margin-top: -70px;
		margin-left: 15px;
	}
	
	#btn-logout {
		bottom: 25px;
		left: 25px;
	}
	
	#btn-agenda {
		top: 40px;
		left: 140px;
	}
	
	header .title {
		display: none;
	}
}



/*** BREAKOUT HOME - TABLETTE ***/
@media screen and (max-width: 1024px) and (min-aspect-ratio: 1080/520) {
	.breakout.home .agenda-content {
		padding: 1.1vh 1.1vh;
	}
	
	.breakout.home .agenda-content .bs-title {
		font-size: max(10px,1.4vh);
		margin-left: 0.8vh;
	}
	
	.breakout.home .agenda-content .bs-title .flag {
		height: max(10px,1.4vh);
	}
	
	.breakout.home .pad {
		width: calc((((98vh - 207px) * 2.08) / 4) - 10px);
		height: calc(((98vh - 207px) / 2) - 10px);
		border-radius: 2vh;
	}
	
	.breakout.home .pad.extended {
		height: calc(98vh - 207px - 10px);
		z-index: 99999;
	}
}

@media screen and (max-width: 1024px) and (max-aspect-ratio: 1080/520) {
	.breakout.home .agenda-content {
		padding: 0.8vw 0.8vw;
	}
	
	.breakout.home .agenda-content .bs-title {
		font-size: max(10px,0.8vw);
		margin-left: 0.5vw;
	}
	
	.breakout.home .agenda-content .bs-title .flag {
		height: max(10px,0.8vw);
	}
	
	.breakout.home .pad {
		width: calc((82vw / 4) - 10px);
		height: calc(((82vw / 2.08) / 2) - 10px);
		border-radius: 2vh;
	}
	
	.breakout.home .pad.extended {
		height: calc((82vw / 2.08) - 10px);
		z-index: 99999;
	}
}



/*** MARKETPLACE HOME - TABLETTE ***/
@media screen and (max-width: 1024px) and (min-aspect-ratio: 720/360) {
	.marketplace.home .pad {
		width: calc((((98vh - 207px) * 2.0) / 6) - 10px);
		height: calc(((98vh - 207px) / 3) - 10px);
		border-radius: 2vh;
	}
}

@media screen and (max-width: 1024px) and (max-aspect-ratio: 720/360) {
	.marketplace.home .pad {
		width: calc((82vw / 6) - 10px);
		height: calc(((82vw / 2.0) / 3) - 10px);
		border-radius: 2vh;
	}
}






@media screen and (max-width: 990px) and (orientation: portrait) {
        
	.login #connexion-title {
		font-size: 38px;
	}
    
	.wait header .logo img {
		width: 56vw !important;
	}
    
	.wait .connexion-title {
		margin-left: 20px;
	}
    
	#attente-title {
		font-size: 15px;
	}
	
	
	.worldwide .picto,
	.breakout .picto,
	.love .picto,
	.marketplace .picto {
		display: none;
	}

	.worldwide .screen,
	.breakout.room .screen {
		width:90vw;
		height:calc(80vh - 117px);
		left:5vw;
		top:calc(117px + 5vh);
	}
	
	.breakout.room .screen .border {
		width: 90vw;
		height: calc(90vw / 1.78);
	}
	
	.breakout.room .screen .tchat {
		width: 90vw;
		height: calc(80vh - 6vh - 2vh - 117px - (90vw / 1.78));
		top: calc((90vw / 1.78) + 2vh + 6vh);
	}
	
	.breakout.room .screen .stars {
		width: 90vw;
		height: 6vh;
		top: calc((90vw / 1.78) + 1vh);
	}
	
	.breakout .stars .question {
		line-height: 6vh;
		width: 50%;
		position: absolute;
		top: 0;
		left: 0;
		font-size: 1.5vw;
	}
	
	.breakout .stars .reponse {
		line-height: 6vh;
		width: 50%;
		position: absolute;
		top: 0;
		right: 0;
		font-size: 1.5vw;
	}

	.worldwide .back-rectangle,
	.breakout.room .back-rectangle {
		width: 60vw;
		height: calc(90vh - 117px);
		border-radius: 4.5vh;
		margin-top: 117px;
		margin-left: 20vw;
	}
	
	.love.room .back-rectangle,
	.marketplace.room .back-rectangle {
		display: none;
	}
	
	.worldwide h1 {
		font-size: 2.6vh;
		line-height: 3vh;
		padding: calc(2vw / 1.78) 1vw calc(2.35vw / 1.78);
	}
	
	.worldwide .toolbar {
		margin: 1.9vh 0;
	}

	.worldwide .toolbar .btn {
		margin: 0.9vw;
	}

	.worldwide hr {
		width: 45vw;
		margin: 1vh auto ;
	}

	.worldwide .k-numbers {
		margin-top: 3.6vw ;
	}

	.worldwide .k-numbers .col {
		font-size: 2vh;
		line-height: 4.4vh;
		margin-top: 1vh;
	}

	.worldwide .k-numbers .col strong {
		font-size: 6vh;
	}
	
	.worldwide .close,
	.breakout.room .close {
		width: 60px!important;
		height: 60px!important;
		position: absolute!important;
		top: calc(90vh - 207px)!important;
		right: calc(50vw - 30px)!important;
	}
	
	
	
	/* RATIO : 1080 / 520 = 2.08 */
	.breakout.home .screen {
		top: calc(107px + 1vh);
		width: calc((98vh - 107px) / 2.08);
		left: calc(50% - (49vh - 53.5px) / 2.08);
		height: calc(98vh - 107px);	
		border-radius: 0!important;
		border: none!important;
	}
	
	.breakout.home .back-rectangle {
		height: calc((98vh - 107px) * .8731);
		border-radius: 3.5vw;
		box-shadow: inset 0 3px 6px 0 rgba(255, 255, 255, 0.16);
		margin-top: calc(107px + ((100vh - 107px) / 2) - (49vh - 53.5px) * .8731);
		width:90vw;
		margin-left:5vw;
	}
	
	.breakout.home .pad {
		width: calc((((98vh - 107px) / 2.08) / 2) - 20px);
		height: calc(((98vh - 107px) / 4) - 20px);
		border-radius: 2vh;
	}
	
	.breakout.home .pad.extended {
		height: calc(((98vh - 107px) / 2) - 20px);
		z-index: 99999;
	}
	
	.breakout.home .pad-1 {
		top: 10px;
		left: 10px;
	}
	
	.breakout.home .pad-2 {
		top: 10px;
		left: calc((((98vh - 107px) / 2.08) / 2) + 10px);
	}
	
	.breakout.home .pad-3 {
		top: calc(((98vh - 107px) / 4) + 10px);
		left: 10px;
	}
	
	.breakout.home .pad-4 {
		top: calc(((98vh - 107px) / 4) + 10px);
		left: calc((((98vh - 107px) / 2.08) / 2) + 10px);
	}
	
	.breakout.home .pad-5 {
		top: calc((((98vh - 107px) / 4) * 2) + 10px);
		left: 10px;
	}
	
	.breakout.home .pad-6 {
		top: calc((((98vh - 107px) / 4) * 2) + 10px);
		left: calc((((98vh - 107px) / 2.08) / 2) + 10px);
	}
	
	.breakout.home .pad-7 {
		top: calc((((98vh - 107px) / 4) * 3) + 10px);
		left: 10px;
	}
	
	.breakout.home .pad-8 {
		top: calc((((98vh - 107px) / 4) * 3) + 10px);
		left: calc((((98vh - 107px) / 2.08) / 2) + 10px);
	}
	
	.breakout.home .notify-heart {
		top: calc(71vh - 107px);
		left: calc(5vw - 9vh);
		width: 18vh;
		height: 18vh;
	}

	.breakout.home .rocket {
		width: 18vh;
		height: 18vh;
		top: -2.6vh;
		right: calc(5vw - 9vh);
	}
	
	.breakout.home .close {
		position: absolute;
		top: calc(((98vh - 107px) * .8731 / 2) - 40px);
		right: calc(5vw - 40px);
	}
	
	.love.home .close {
		position: absolute;
		top: calc(((98vh - 107px) * .8731 / 2) - 40px);
		right: calc(5vw - 40px);
	}
	
	
	
	
	/*** MARKETPLACE HOME ***/
	/* RATIO : 720/360 = 2.0 */
	.marketplace.home .screen {
		top: calc(107px + 1vh);
		width: calc((98vh - 107px) / 2.0);
		left: calc(50% - (49vh - 53.5px) / 2.0);
		height: calc(98vh - 107px);	
		border-radius: 0!important;
		border: none!important;
	}
	
	.marketplace.home .back-rectangle {
		height: calc((98vh - 107px) * .8731);
		border-radius: 3.5vw;
		box-shadow: inset 0 3px 6px 0 rgba(255, 255, 255, 0.16);
		margin-top: calc(107px + ((100vh - 107px) / 2) - (49vh - 53.5px) * .8731);
		width:90vw;
		margin-left:5vw;
	}
	
	.marketplace.home .pad {
		width: calc((((98vh - 107px) / 2.0) / 3) - 20px);
		height: calc(((98vh - 107px) / 6) - 20px);
		border-radius: 2vh;
	}
	
	.marketplace.home .pad-tl1 {
		top: 10px;
	}
	
	.marketplace.home .pad-tl2 {
		top: calc(((98vh - 107px) / 6) + 10px);
	}
	
	.marketplace.home .pad-tl3 {
		top: calc((((98vh - 107px) / 6) * 2) + 10px);
	}
	
	.marketplace.home .pad-tl4 {
		top: calc((((98vh - 107px) / 6) * 3) + 10px);
	}
	
	.marketplace.home .pad-tl5 {
		top: calc((((98vh - 107px) / 6) * 4) + 10px);
	}
	
	.marketplace.home .pad-tl6 {
		top: calc((((98vh - 107px) / 6) * 5) + 10px);
	}
	
	
	.marketplace.home .pad-tc1 {
		left: 10px;
	}
	
	.marketplace.home .pad-tc2 {
		left: calc((((98vh - 107px) / 2.0) / 3) + 10px);
	}
	
	.marketplace.home .pad-tc3 {
		left: calc(((((98vh - 107px) / 2.0) / 3) * 2) + 10px);
	}
	
	.marketplace.home .close {
		position: absolute;
		top: calc(((98vh - 107px) * .8731 / 2) - 40px);
		right: calc(5vw - 40px);
	}
	
	
	
	/*** LOVE ROOM + MARKETPLACE ROOM ***/
	.love.room .screen,
	.marketplace.room .screen {
		width: 90vw;
		height: calc(92vh - 117px);
		left: 5vw;
		top: initial;
		bottom: 5vw;
	}
	
	.love.room .back-rectangle,
	.marketplace.room .back-rectangle {
		display: none;
	}
	
	.love.room .tag,
	.marketplace.room .tag {
		width: 45vw;
		height: 45vw;
		left: 6.35vw;
		top: calc(-45vw / 2.8);
	}
	
	.love.room .tag .inner,
	.marketplace.room .tag .inner {
		padding: 1vw;
	}
	
	.love.room .video.hidden,
	.marketplace.room .video.hidden {
		display: none;
	}
	
	.love.room .screen .border,
	.marketplace.room .screen .border {
		width: 90vw;
		height: calc(90vw / 1.78);
		left: 0;
		top: calc((45vw * 0.64) + 15vw + 6.35vw);
	}
	
	.love.room .screen .label-stand,
	.marketplace.room .screen .label-stand {
		display: none;
	}
	
	.love.room .close,
	.marketplace.room .close {
		display:none;
	}
	
	.love.room .mail,
	.marketplace.room .mail {
		position: absolute;
		left: 6.35vw;
		top: calc(45vw * 0.65 + 4vw);
		text-decoration: none;
	}
	
	.love.room .mail i,
	.marketplace.room .mail i {
		height: 6vw;
		width: 6vw;
		line-height: 6vw;
		font-size: 3.2vw;
	}
	
	.love.room .mail span,
	.marketplace.room .mail span {
		font-size: 3.6vw;
		line-height: 6vw;
	}
	
	.love.room .description,
	.marketplace.room .description {
		position: absolute;
		left: 6.35vw;
		top: calc((45vw * 0.64) + 15vw + 6.35vw);
		width: calc(90vw - 2 * 6.35vw);
	}
	
	.love.room .title-desc,
	.marketplace.room .title-desc {
		font-size: 7vw;
		margin-bottom: 5vw;
	}
	
	.love.room .content-desc,
	.marketplace.room .content-desc {
		font-size: 3vw;
	}
	
	.love.room .toolbar .btn, 
	.marketplace.room .toolbar .btn {
		font-size: 3vw;
		margin: 1vw 1vw 1vw 0;
		padding: 0 4.6vw;
	}
	
	.love.room .toolbar .dropdown-item,
	.marketplace.room .toolbar .dropdown-item {
		font-size: 3vw;
	}
	
	.love.room .toolbar #btn-video,
	.marketplace.room .toolbar #btn-video {
		display: inline-block;
	}
}

@media screen and (max-width: 600px) and (orientation: portrait) {
	.homepage .ilot {
		display: none!important;
	}
	
	.homepage .wrapper {
		display: block!important;
	}
	
	.breakout.home .content .kw-container,
	.love.home .content .kw-container,
	.marketplace.home .content .kw-container {
		width: 100vw;
		height: calc(72vw + 30vw + (72vw / 4.28));
		position: fixed;
		top: calc(107px + (100vh - 107px - (72vw + 30vw + (72vw / 4.28))) / 2);
	}
	
	.breakout.home .screen {
		border-radius: 0!important;
		border: none!important;
		width: 100vw;
		left: 0;
	}
	
	.breakout.home .back-rectangle {
		width: 52vw;
		margin-left: 24vw;
		height: calc(72vw + 30vw + (72vw / 4.28));
		margin-top: calc(107px + (100vh - 107px - (72vw + 30vw + (72vw / 4.28))) / 2);
	}
	
	.breakout.home .pad {
		width: 72vw;
		height: 72vw;
		border-radius: 2vh;
		
		position: relative;
		top: inherit;
		left: inherit;
		margin: 0;
	}
	
	.breakout.home .bspad-type {
	        font-size: max(12px,10vw);
	}
	
	.breakout.home .bspad-room {
	        font-size: max(10px,7vw);
	}
	
	.breakout.home .bspad-content .title {
		font-size: max(10px,4.5vw);
	}
	
	.breakout.home .bspad-content .speaker {
	        font-size: max(8px,3.7vw);
	}

	.breakout.home .close, 
	.love.home .close,
	.marketplace.home .close {
		position: absolute;
		right: calc(50vw - 40px);
		top: calc(72vw + 30vw + (72vw / 4.28) - 40px);
		z-index:9999;
	}
	
	.breakout.home .agenda-head .title {
	        font-size: max(14px,8vw);
	        padding-left: 4vw;
	}
	
	.breakout.home .agenda-head .title {
		padding-right: 4vw;
	}
	
	
	.love.home .screen {
		border-radius: 0!important;
		border: none!important;
		width: 100vw;
		height: 72vw;
		left: 0;
		top: calc(107px + (100vh - 107px - (72vw + 30vw + (72vw / 4.28))) / 2 + (72vw + 30vw + (72vw / 4.28) - 72vw) / 2);
	}
        
	.love.home .back-rectangle {
		width: 52vw;
		margin-left: 24vw;
		height: calc(72vw + 30vw + (72vw / 4.28));
		margin-top: calc(107px + (100vh - 107px - (72vw + 30vw + (72vw / 4.28))) / 2);
	}
       
	.love.home .pad {
		width: 72vw;
		height: 72vw;
		border-radius: 2vh;
		position: relative;
		top: inherit;
		left: inherit;
		margin: 0;
	}
	
	
	
	.marketplace.home .screen {
		border-radius: 0!important;
		border: none!important;
		width: 100vw;
		height: 72vw;
		left: 0;
		top: calc(107px + (100vh - 107px - (72vw + 30vw + (72vw / 4.28))) / 2 + (72vw + 30vw + (72vw / 4.28) - 72vw) / 2);
	}
	
	.marketplace.home .back-rectangle {
		width: 52vw;
		margin-left: 24vw;
		height: calc(72vw + 30vw + (72vw / 4.28));
		margin-top: calc(107px + (100vh - 107px - (72vw + 30vw + (72vw / 4.28))) / 2);
	}
	
	.marketplace.home .pad {
		width: calc((72vw / 2) - 20px);
		height: calc((72vw / 2) - 20px);
		border-radius: 2vh;
		position: absolute;
		margin: 0;
	}
	
	.marketplace.home .pad-ml1 {
		top: 10px;
	}

	.marketplace.home .pad-ml2 {
		top: calc((72vw / 2) + 10px);
	}
		
	.marketplace.home .pad-mc1 {
		left: 10px;
	}

	.marketplace.home .pad-mc2 {
		left: calc((72vw / 2) + 10px);
	}

	
	

	.logo-mobile {
		left: 66px;
		position: absolute;
	}

	.swiper {
		width: 72vw;
		height: 72vw;
		overflow: visible !important;
	}
	
	.networking .screen {
		width: 100vw;
		height: calc(100vh - 117px);
		position: fixed;
		top:117px;
		left: 0;
		border-radius:none;
	}
	
	.networking .picto {
		display:none;
	}
	
}
	



@media screen and (max-height: 450px){
	header {
		display: none;
	}
	
	.content .kw-container {
		top: 0;
	}
	
	.login .content .kw-container {
		top: calc((100vh - 78.06vh) / 2);
	}
	
	.screen {
		position: absolute;
		top: 0;
		width: 100vw;
		height: 100vh;
		left: 0;
		border: none;
		border-radius: 0;
	}
	
	.screen .border, 
	.screen iframe {
		border: none!important;
		border-radius: 0;
	}
	
	.picto {
		display: none;
	}
	
	

	.breakout.room .screen {
		width: 100vw;
		top: 0;
		left: 0;
		height: 100vh;
	}

	.breakout.room .screen .border {
		position: absolute;
		top: 0;
		left: 0;
		width: 75vw;
	}

	.breakout.room .tchat {
		border-radius:0;
		border:none;
		width: 25vw;
		height: calc(100% - 18.35%);
	}
	
	.breakout.room .stars {
		width: 25vw;
		border-radius:0;
		border:none;
	}
	
	.breakout .stars .inner {
		padding: calc(100vh * 0.1835 / 6) 0;
	}
	
	.breakout.room .stars .question,
	.breakout.room .stars .reponse {
		line-height: calc(100vh * 0.1835 / 3);
	}
	
	
	/*** LOVE HOME ***/
	.love.home .screen {
		position: fixed;
		top: 5vh;
		width: calc(90vh * 1.39);
		left: calc(50% - 45vh * 1.39);
		height: 90vh;
		border-radius: 0 !important;
		border: none !important;
	}
	.love.home .back-rectangle {
		position: fixed;
		height: calc(90vh * .8731);
		border-radius: 3.5vh;
		margin-top: calc((100vh - (90vh * .8731)) / 2);
		width: 90vw;
		margin-left: 5vw;
	}
	.love.home .pad {
		width: calc(((90vh * 1.39) / 3) - 20px);
		height: calc((90vh / 2) - 20px);
		border-radius: 2vh;
	}
	
	.love.home .pad-1 {
		top: 10px;
		left: 10px;
	}
	.love.home .pad-2 {
		top: 10px;
		left: calc(((90vh * 1.39) / 3) + 10px);
	}
	.love.home .pad-3 {
		top: 10px;
		left: calc((((90vh * 1.39) / 3) * 2) + 10px);
	}
	.love.home .pad-4 {
		top: 10px;
		left: calc((((90vh * 1.39) / 3) * 3) + 10px);
	}
	.love.home .pad-5 {
		top: calc((90vh / 2) + 10px);
		left: 10px;
	}
	.love.home .pad-6 {
		top: calc((90vh / 2) + 10px);
		left: calc(((90vh * 1.39) / 3) + 10px);
	}
	.love.home .pad-7 {
		top: calc((90vh / 2) + 10px);
		left: calc((((90vh * 1.39) / 3) * 2) + 10px);
	}
	.love.home .pad-8 {
		top: calc((90vh / 2) + 10px);
		left: calc((((90vh * 1.39) / 3) * 3) + 10px);
	}
	
	.love.home .close {
		position: absolute;
		top: calc(100vh / 2 - 40px);
		right: calc(5vw - 40px);
	}
	
	
	
	
	/*** MARKETPLACE HOME ***/
	.marketplace.home .screen {
		position: fixed;
		top: 5vh;
		width: calc(90vh * 2.0);
		left: calc(50% - 45vh * 2.0);
		height: 90vh;
		border-radius: 0 !important;
		border: none !important;
	}
	.marketplace.home .back-rectangle {
		position: fixed;
		height: calc(90vh * .8731);
		border-radius: 3.5vh;
		margin-top: calc((100vh - (90vh * .8731)) / 2);
		width: 90vw;
		margin-left: 5vw;
	}
	.marketplace.home .pad {
		width: calc(((90vh * 2.0) / 6) - 20px);
		height: calc((90vh / 3) - 20px);
		border-radius: 2vh;
	}
	
	.marketplace.home .pad-dl1 {
		top: 10px;
	}
	
	.marketplace.home .pad-dl2 {
		top: calc((90vh / 3) + 10px);
	}
	
	.marketplace.home .pad-dl3 {
		top: calc(((90vh / 3) * 2) + 10px);
	}
	
	.marketplace.home .pad-dc1 {
		left: 10px;
	}
	
	.marketplace.home .pad-dc2 {
		left: calc(((90vh * 2.0) / 6) + 10px);
	}
	
	.marketplace.home .pad-dc3 {
		left: calc((((90vh * 2.0) / 6) * 2) + 10px);
	}
	
	.marketplace.home .pad-dc4 {
		left: calc((((90vh * 2.0) / 6) * 3) + 10px);
	}
	
	.marketplace.home .pad-dc5 {
		left: calc((((90vh * 2.0) / 6) * 4) + 10px);
	}
	
	.marketplace.home .pad-dc6 {
		left: calc((((90vh * 2.0) / 6) * 5) + 10px);
	}
	
	.marketplace.home .close {
		position: absolute;
		top: calc(100vh / 2 - 40px);
		right: calc(5vw - 40px);
	}
	
	
	
	
	
	/*** LOVE ROOM + MARKETPLACE ROOM ***/
	.love.room .screen, 
	.marketplace.room .screen {
		position: absolute;
		top: 15vh;
		width: calc(100vw - 10vh);
		height: 80vh;
		left: 5vh;
		border: none;
		border-radius: 0;
	}
	
	.love.room .close,
	.marketplace.room .close {
		display:none;
	}
	
	.love.room .back-rectangle,
	.marketplace.room .back-rectangle {
		display: none;
	}
	
	.love.room .tag, .marketplace.room .tag {
		width: 45vh;
		height: 45vh;
		left: 6.35vh;
		top: calc(-45vh / 3.5);
	}
	
	.love.room .mail, .marketplace.room .mail {
		position: absolute;
		left: calc(6.35vh + 45vh + (6.35vh / 2));
		top: 30px;
		text-decoration: none;
	}
	
	.love.room .contact, .marketplace.room .contact {
		font-size: 3.8vh;
		line-height: 7.4vh;
	}
	
	.love.room .mail i, .marketplace.room .mail i {
		height: 7.4vh;
		width: 7.4vh;
		line-height: 7.6vh;
		font-size: 4.2vh;
	}
	
	.love.room .description,
	.marketplace.room .description {
		position: absolute;
		left: 6.35vh;
		top: calc((45vh * 0.64) + 6.35vh);
		width: 65vw;
	}
	
	.love.room .title-desc,
	.marketplace.room .title-desc {
		font-size: 7vh;
		margin-bottom: 5vh;
	}
	
	.love.room .content-desc,
	.marketplace.room .content-desc {
		font-size: 3vh;
	}
	
	.love.room .toolbar,
	.marketplace.room .toolbar {
		position: absolute;
		width: 20vw;
		right: -25vw;
		top: 0;
	}
	
	.love.room .toolbar .btn, 
	.marketplace.room .toolbar .btn {
		font-size: 3vh;
		margin: 1vh 1vh 1vh 0;
		padding: 0 4.6vh;
	}
	
	.love.room .toolbar .dropdown-item,
	.marketplace.room .toolbar .dropdown-item {
		font-size: 3vh;
	}
	
	.love.room .toolbar #btn-video,
	.marketplace.room .toolbar #btn-video {
		display: inline-block;
	}
	
	.love.room .video.hidden,
	.marketplace.room .video.hidden {
		display: none;
	}
	
	.love.room .screen .border, 
	.marketplace.room .screen .border {
		width: calc(80vh * 1.78);
		height: 80vh;
		left: calc(50% - 40vh * 1.78);
		top: 0;
	}
	
	.love.room .screen .label-stand,
	.marketplace.room .screen .label-stand {
		display: none;
	}
	
}

@media screen and (max-width: 760px){
	.close {
		width: 60px;
		height: 60px;
		position: absolute;
		top: calc(((100vh - 177px) / 2) - 60px);
		right: calc(5vw - 30px);
	}
	
	/**** KEEP WELL ****/
	.keepwell .back-rectangle, 
	.keepwell .picto {
		display: none;
	}
	
	.keepwell .content {
		position: absolute;
		width: 100%;
		height: 100%;
		overflow: scroll;
	}
	
	.keepwell header {
		position: relative;
		height: initial;
	}
	
	.keepwell .logo {
		position: relative;
		height: 117px;
	}
	
	.keepwell .close {
		display: none;
	}
	
	.keepwell .kw-container {
		position: relative;
		top: initial;
	}
	
	
	.keepwell .screens {
		width: 100%;
		height: auto;
		position: absolute;
		top: 0px;
		left: 0px;
		overflow: scroll;
	}
	
	.screen-1 .border, .screen-2 .border, .screen-3 .border, .screen-4 .border {
		position: relative;
		width: 90vw;
		height: calc(90vw / 1.78);
		top: initial;
		left: initial;
		margin: 0 auto;
	}
	
	.label-1, .label-2, .label-3, .label-4 {
		position: relative;
		width: 90vw;
		top: initial;
		left: initial;
		margin: 0.2rem auto 1rem;
	}
}


#cometchat__widget .app__launcher {
	box-shadow: rgb(0 0 0 / 30%) 0px 1px 6px 0px, rgb(0 0 0 / 55%) 0px 2px 32px 0px;
}



/**** Attente Networking ****/

.attente_networking .back-content .back-image {
    background-image: url(../images/attente-networking/background.jpg) !important;
}

.attente_networking .back-content .back-color {
    background-color: white !important;
    opacity: 0 !important;
}

.outer {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner_networking {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /* Whatever width you want */
}

.Lespace-Networking-ouvrira-dans-quelques-instants {
    width: 1238px;
    height: 92px;
    text-shadow: 0 0 26px rgba(255, 249, 180, 0.83);
    font-family: Oswald;
    font-size: 50px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.48;
    letter-spacing: normal;
    color: #fff;
}



.live {
	width: 57px;
	height: 18px;
	opacity: 0.78;
	border-radius: 23px;
	background-image: linear-gradient(to bottom, #d8060e, #a82b30);
	position: fixed;
}
    
.live_mainstage { 
        right: calc(50.1% + 23.21vh);
        bottom: 65.8vh;
}

.live_redbash {
        bottom: 62vh;
        left: calc(50% + 18.94vh);
}

.live_breakout {
        left: calc(50% + 55.69vh);
        bottom: 82.24vh;
}

.dot_live {
	width: 9px;
	height: 9px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	left: 6px;
	top: 4px;
}

.LIVE {
	font-family: "Montserrat";
	font-size: 11px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.73;
	letter-spacing: 1.1px;
	text-align: center;
	color: #fff;
	position: absolute;
	left: 19px;
	top: -0.5px;
}

@media screen and (max-aspect-ratio: 16/9) {
	.live {
		width: 57px;
		height: 18px;
		opacity: 0.78;
		border-radius: 23px;
		background-image: linear-gradient(to bottom, #d8060e, #a82b30);
		position: fixed;
	}

	.live_mainstage {
	        right: calc(50% + 11.67vw);
	        bottom: 37.17vw;
	}

	.live_redbash {
	        left: calc(50% + 10.08vw);
	        bottom: 36.76vw;
	}

	.live_breakout {
	        left: calc(50% + 28vw);
	        bottom: 46.69vw;
	}
}