body { font-family: 'Open Sans', sans-serif; font-size: 1.1rem; min-width: 380px!important; }

#work-area { padding-top: 3.2rem; min-height: 72vh;}

#bx-panel { z-index: 999999999 !important; position: fixed !important; margin-top: 3.75rem !important; }

header { z-index: 999999!important; }

a { -webkit-transition: all 300ms ease; transition: all 300ms ease; }

.btn { border-width: 1px; }
.btn-bold { border-width: 2px; font-weight: 500; }
.btn:hover { -webkit-box-shadow: 0px 0px 10px 1px #3d9ea4; box-shadow: 0px 0px 10px 1px #3d9ea4; text-decoration: none !important; }
.btn-group-xl > .btn, .btn-xl { padding: 1rem; font-size: 1.3rem; line-height: 1.5; border-radius: 5rem; }

.text-bold { font-weight: bold; }
.text-sm { font-size: 90%; }
@media (min-width:1280px) {
	.text-xl-nowrap { white-space: nowrap; }
}

#stream_window.fullscreen { position: fixed!important; left: 0!important; top: 0!important; width: 100vw!important; height: 100vh!important; z-index: 999999999!important; }
#stream_window.fullscreen iframe { width: 100%!important; height: 100%!important; }
#stream_window .fullscreen-toggler { position: absolute; left: calc(100% - 2rem); top: .5rem; background: black; opacity: .5; display: block; width: 1.5rem; height: 1.5rem; }
#stream_window.fullscreen .fullscreen-toggler { left: calc(100% - 3rem); }
#stream_window .fullscreen-toggler img { width: 1rem; height: 1rem; margin: .25rem; }
#stream_window .fullscreen-toggler .close { display: none; }
#stream_window.fullscreen .fullscreen-toggler .close { display: block; }
#stream_window .fullscreen-toggler .open { display: block; }
#stream_window.fullscreen .fullscreen-toggler .open { display: none; }

#stream_window.fixed .fullscreen-toggler { top: .4rem; left: calc(100% - 4.75rem); background: white; opacity: .9; width: 1.2rem; height: 1.2rem; }
#stream_window.fixed .fullscreen-toggler img { width: 1rem; height: 1rem; margin: .1rem; }
#stream_window .fullscreen-toggler .open-fixed, #stream_window .fullscreen-toggler .close-fixed { display: none; }
#stream_window.fixed .fullscreen-toggler .open, #stream_window.fixed .fullscreen-toggler .close { display: none; }
#stream_window.fixed .fullscreen-toggler .close-fixed { display: none; }
#stream_window.fixed.fullscreen .fullscreen-toggler .close-fixed { display: block; }
#stream_window.fixed .fullscreen-toggler .open-fixed { display: block; }
#stream_window.fixed.fullscreen .fullscreen-toggler .open-fixed { display: none; }

.mro_logo { line-height: 1; letter-spacing: 6px; font-size: 0.75rem; display: inline-block;}
.mro_logo svg { width: 5.625rem; height: 2rem; }
.mro_logo span { display: block; width: 100%; }

header .navbar { max-width: 1500px; }
@media (min-width:1000px) and (max-width:1200px) {
	#navbarHeader { font-size: .81rem; }
	header .navbar-brand { height: 2rem; }
	header .mro_logo { letter-spacing: 3px; font-size: .5rem; }
	header .mro_logo svg { width: 3.3rem; height: 1rem; }
}

body::before { position: absolute; left: 0; top: 1em; width: 100%; height: 100vh; background: url(/local/assets/img/mr/back-main-first-left-top.png) no-repeat; content: ''; z-index: -1; }
body::after { position: absolute; right: 0; top: 1em; width: 100%; height: 100%; background: url(/local/assets/img/mr/back-main-first-right-top.png) no-repeat right 0; content: ''; z-index: -1; }

section { position: relative; }

.img-round { border-radius: 50%; }
.z-10 { z-index: 10; }

#up { position: fixed; left: 2em; bottom: 4em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 2px solid #fff; border-radius: 50%; cursor: pointer; padding: 0.75em; width: 60px; height: 60px; -webkit-transition: opacity 1s; transition: opacity 1s; z-index: 200; }
#up svg { width: 30px; height: 30px; fill: #fff; }

.col-25 { flex: 0 0 20%; max-width: 20%; }
@media (min-width:576px) {
	.col-25, .col-sm-25 { flex: 0 0 20%; max-width: 20%; }
}
@media (min-width:768px) {
	.col-25, .col-md-25, .col-sm-25 { flex: 0 0 20%; max-width: 20%; }
}
@media (min-width:1010px) {
	.col-25, .col-lg-25, .col-md-25, .col-sm-25 { flex: 0 0 20%; max-width: 20%; }
}
@media (min-width:1220px) {
	.col-25, .col-lg-25, .col-md-25, .col-sm-25, .col-xl-25 { flex: 0 0 20%; max-width: 20%; }
}

.cursor-pointer {cursor: pointer!important;}
.wide {width: 100%; max-width: 100%; flex: 0 0 100%;}

.bx-pdf-container {width: auto !important;max-width: auto;margin: auto;}

#stream_window.fixed iframe { max-width: 100%; max-height: calc(100% - 2rem); }


.exposition-wrapper { position: relative; width: 100%; }
.exposition-wrapper img { width: 100%; }
.exposition-wrapper .button3D, .exposition-wrapper a { position: absolute; display: block; line-height: 0.5rem; transition: transform opacity 0.5s; }

.stand_bg { position: relative; z-index: -1; }
.img-fictive { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; background-size: cover !important; }

.expo_stand { opacity: 0; padding: 1rem; background: transparent!important; box-sizing: content-box; }
.expo_stand img { background: white; padding: 2px; }
.expo_stand:hover { opacity: 1; }
@media (max-width:767px) {
	.expo_stand { padding: .5rem; }
}
.expo_partner { display: block; background: white; text-align: center; padding: 6px 0;}
.expo_partner img { background: white; padding: 2px; max-height: 3rem; }

.expo_stand.link { opacity: 1; }
.expo_stand.link img { background: transparent; }
.expo_stand.link:before { position: absolute; display: block; width: 32px; height: 32px; left: calc(50% - 16px); top: calc(50% - 16px); border-radius: 50%; background-color: rgb(210, 72, 59); animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; content: ''; }
.expo_stand.link:after { position: absolute; display: block; width: 12px; height: 12px; left: calc(50% - 6px); top: calc(50% - 6px);  background-color: #ffffff; border-radius: 50%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; content: ''; }

.exposition-buttons .button3D > img, .exposition-wrapper a > img { width: 100%; }
.exposition-buttons .modal { z-index: 100002; }
.exposition-buttons .modal img { width: auto; position: unset; }
.exposition-buttons .modal a { position: unset; font-size: 90%; line-height: 135%; display: inline; }
.exposition-buttons .youtube-video iframe { width: 100%; }
.exposition-buttons > .text-stand { position: absolute; bottom: 2%; right: 2%; }
.exposition-buttons > .back { position: absolute; bottom: 2%; left: 2%; color: white; line-height: 3rem; }
.exposition-buttons > .back:hover { color: white; }
.exposition-buttons .btn-prev, .exposition-buttons .btn-next, .exposition-buttons .btn-view { top: 2%; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #4c4c4c; transition: transform linear 0.24s; text-align: cennter; }
.exposition-buttons .btn-prev svg, .exposition-buttons .btn-next svg, .exposition-buttons .btn-view svg { width: calc(100% - 8px); height: calc(100% - 8px); fill: #4c4c4c; z-index: 50; position: relative; margin: 4px; }
.exposition-buttons .btn-prev { left: 2%; }
.exposition-buttons .btn-next { right: 2%; }
.exposition-buttons .btn-view { left: calc(50% - 25px); }
.exposition-buttons .btn-view:before { position: absolute; display: block; width: 160%; height: 160%; margin-left: -30%; margin-top: -30%; border-radius: 50%; background-color: rgb(210, 72, 59); animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; content: ''; opacity: 0.3; }
.exposition-buttons .btn-view:after { position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; background-color: #ffffff; border-radius: 50%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; content: ''; opacity: 0.1; }

@media (max-width:1220px) {
	.stand_2229 > .back { bottom: -3%; }
}
@media (max-width:991px) {
	.exposition-buttons > .text-stand, .exposition-buttons > .back { font-size: 90%; }
	.exposition-buttons > .back { line-height: 2.65rem; }
	.stand_2229  > .back { bottom: -10%; }
}
@media (max-width:767px) {
	.exposition-buttons > .text-stand, .exposition-buttons > .back { font-size: 70%; bottom: -23%; border: 1px solid #fff; border-radius: 2rem;}
	.exposition-buttons .btn-prev, .exposition-buttons .btn-next, .exposition-buttons .btn-view { width: 40px; height: 40px; }
	.exposition-buttons .btn-view { left: calc(50% - 20px); }
	.exposition-buttons > .back { line-height: 2rem; }
	.stand_2229 > .back { bottom: -16%; }
	.exposition-wrapper{ margin-bottom: 80px; }
	.btn{ border-radius: 2rem; }
	.exposition-sub-buttons{ border-top: 1px solid #67668d; }

}
@media (max-width: 500px) { 
	.stand_2226 > .back { line-height: 1rem; }
}
@media (max-width: 384px) {
	.stand_2229 > .back { bottom: -19%; }
}
.youtube_playlist img { max-width: 100%; }

.exposition-wrapper .stand-point { position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); display: block; width: 16px; height: 16px; background: rgb(210, 72, 59); border-radius: 50%; cursor: pointer; transition: transform linear 0.24s; z-index: 50; }
.exposition-wrapper .stand-point:before { position: relative; display: block; width: 350%; height: 350%; margin-left: -125%; margin-top: -125%; border-radius: 50%; background-color: inherit; animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; content: ''; }
.exposition-wrapper .stand-point:after { position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; background-color: #ffffff; border-radius: 50%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; content: ''; }
@keyframes pulse-ring {
	0% {
		transform: scale(0.33);
	}
	80%,
	100% {
		opacity: 0;
	}
}
@keyframes pulse-dot {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}

.view_stand { display: none; }
.view_stand.active { display: block; }

.modal-fullscreen .modal-dialog { max-width: 100%; max-height: 100%; }

.expo_logo {max-width: 100%;}