.cms-modal-html{
	visibility: hidden;
	@include opacity(0);
	z-index: -1;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	@include transform(scale(0));
	display: flex;
	flex-wrap: wrap;
	align-items:center;
	justify-content:center;
	background: rgba(#000, 0.5);
	&.open{
		visibility: visible;
		@include opacity(1);
		z-index: 999;
		@include transform(scale(1));
	}
}
.cms-modal-close{
	position: absolute;
	top: 50px;
	right: 50px;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	color: $white;
	font-size: 14px;
	background: $accent-color;
	cursor: pointer;
	border-radius: 6px;
	&:hover{
		background: red;
	}
	[dir="rtl"] &{
		right: auto;
		left: 50;
	}
	@media (max-width: $screen-sm-max){
		width: 40px;
		height: 40px;
		line-height: 40px;
		top: 10px;
		right: 10px;
		[dir="rtl"] &{
			right: auto;
			left: 10px;
		}
	}
	.logged-in &{
		//top: 90px;
	}
}