/* MODALS */

@media(min-width: 991px){
	body.modal-open {
		overflow: hidden;
		padding-right: 17px;
	}
}
@media(max-width: 991px){
	body.modal-open {
		overflow: hidden;
		height: 100vh;
		width: 100vw;
	}
}
.fog {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.6);
	z-index: 9999;
}
.modal-inner {
	width: 400px;
	margin: 18vh auto;
	max-width: 90%;
	background-color: #fff;
	position: relative;
	text-align: center;
	padding: 30px 20px;
}
.close-modal {
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 25px;
	height: 25px;
	border: none;
	background: transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512'%3E%3Cpath fill='white' d='M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding: 0;
	cursor: pointer;
	opacity: 0.5;
	transition: all 0.3s;
}
.close-modal:hover {
	opacity: 1;
	transition: all 0.3s;
}