.lockscroll{
	overflow: hidden;
}

.modal-content{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	cursor: pointer;
	background: rgba(0,0,0,0.5);
	z-index: 2;
}

.modal-space{
	width: 80%;
	max-width: 1200px;
	margin: 50px auto;
	padding: 1em;
	border-radius: 12px;
	cursor: auto;
	box-shadow: -9px 9px 11px -8px rgba(0,0,0,0.75);
	background: #FFF3E3FF;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}


.modal-space-content ul{
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 800px;
	list-style-image: url('/assets/img/cards/assets-07.png');
	list-style-position: inside;
	font-family: 'Roboto', sans-serif;
	padding: 0;
}

.modal-space-content ul>li{
	margin: 14px 0;
	text-align: center;
}

.modal-space-content ul>li>p{
	display: block;
	text-align: center;
	margin: 14px 0 14px 0;
}

.modal-space-content h1,.modal-space-content h2,.modal-space-content h3, .modal-space-content h4, .modal-space-content h5{
	margin: 20px 0 20px 0;
	font-size: 2.8em;
	text-align: center;
	line-height: 1;
	font-family: 'Smythe', cursive;
}

.modal-subtitulo{
	margin: 20px 0 10px 0;
	font-size: 1.2em !important;
	font-family: 'Roboto', sans-serif !important;
}

.modal-space-content video{
	width: 80%;
}

.modal-space-content{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 98%;
	/*padding: 2%;*/
}

.modal-fechar{
	align-items: center;
	width: 90px;
	height: 30px;
	text-align: center;
	text-decoration: none;
	border-radius: 5em;
	color: #111;
	background: rgb(200, 167, 122);
	flex-flow: row;
    flex: 1;
    margin: 0 1em 1em auto;
}

.modal-fechar:hover{
	background: rgb(200, 167, 122,0.5);
}


.modal-space-content p{
	max-width: 800px;
	text-align: center;
}

/*Extras & assets*/
.modal-black-top-bar{
	display: flex;
	width: 100%;
	height: 26px;
	max-width: 340px;
	margin-bottom: 20px;
	background: url('/assets/img/cards/assets-05.png') center;
}

.modal-black-bottom-bar{
	display: flex;
	width: 100%;
	height: 26px;
	max-width: 340px;
	margin-top: 20px;
	background: url('/assets/img/cards/assets-06.png') center;
}
