body {
	height: 100%;
	background-color: #004da5;
}
.iframe_story {
	height: 100%;
	width: 100%;
}

.modal-open .modal {
	overflow: hidden;
	padding: 0 !important;
	z-index: 999999;
	background: #004da5 !important;
	overflow: hidden;
}
.modal-dialog {
	max-width: 100%;
	height: 100%;
	margin: auto;
	display: flex;
	align-items: flex-end;
}
.modal-content {
	background-color: #004da5 !important;
}

.modal-body {
	height: 100vh;
	width: 100vw;
	padding: 0;
}
.btn-close {
	position: absolute;
	top: 0;
	right: 0;
	background: transparent;
	border: 0;
	padding: 0;
	margin: -6px -4px;
}
.content_screen {
	position: relative;
	height: 100%;
	width: 100%;
}
.close_modal {
	min-width: 25%;
	text-align: end;
	cursor: pointer;
}
.modal-backdrop {
	background-color: rgb(0, 0, 0);
}
.modal-backdrop.show {
	opacity: 0.7;
}

.modal_fullscreen .modal-body:fullscreen {
	background-color: #004da5;
}

#modalvideo #content_video {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media (orientation: portrait) {
	.modal_landscape {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);

		-webkit-transform-origin: left top;
		-moz-transform-origin: left top;
		-ms-transform-origin: left top;
		-o-transform-origin: left top;
		transform-origin: left top;

		width: 100vh;
		height: 100vw;
		overflow-x: hidden;
		position: absolute;
		top: 100%;
		left: 0;
	}
	.modal_fullscreen.modal_landscape .modal-body {
		width: 100vh;
		height: 100vw;
	}
	.close_modal {
		z-index: 2;
	}
	.iframe_story {
		position: relative;
		z-index: 1;
	}
}
@media (orientation: landscape) {
	.close_modal {
		z-index: 2;
	}
	.iframe_story {
		position: relative;
		z-index: 1;
	}
}