.rks-modal { backdrop-filter: blur(3px); }

/* #################### */
/* ### MODAL WINDOW ### */
/* #################### */
.rks-modal .modal-dialog {
	width: 100%;
	height: auto;
	margin: 0 1.5rem;
}
@media (min-width: 767px) {
	.rks-modal .modal-dialog { width: auto; margin: 0 3rem; }
}
@media (min-width: 991px) {
	.rks-modal .modal-dialog { width: 900px; }
}
@media (min-width: 1024px) {
	.rks-modal .modal-dialog { width: 970px; margin: 0 auto; }
}
@media (min-width: 1200px) {
	.rks-modal .modal-dialog { width: 1170px; }
}


/* #### CLOSE BTN #### */
.rks-modal .close {
	position: absolute;
	top: -13px;
	right: -26px;
	float: right;
	display: inline-block;
	height: 38px;
	width: 38px;
	background: url("../img/close.png") no-repeat;
	z-index: 2000000;
	opacity: 1;
}


/* ################### */
/* ##### CONTENT ##### */
/* ################### */
.rks-modal .modal-content {
	box-shadow: none;
	border: none;
}

.rks-modal .modal-body {
	padding-top: 0;
	padding-bottom: 0;
	width: auto;
}


/* #################### */
/* ##### HEADLINE ##### */
/* #################### */
.rks-modal .rks-headline {
	height: auto;
	width: 100%;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding: 2rem 4rem;
	background: #FF8000;
	color: #fff;
	text-align: center !important;
}
.rks-modal .rks-headline p {
	margin: 0;
	font-size: 2.5rem;
	font-weight: 200;
}
.rks-modal .rks-headline .h1 {
	font-size: 4.25rem;
	font-weight: 600;
}
@media (min-width:767px) {
	.rks-modal .rks-headline {
		position: absolute;
		z-index: 1;
		right: 0;
		top: 120px;
		width: 600px;
		border-top-right-radius: 0;
		border-bottom-left-radius: 6px;
		text-align: left !important;
		box-shadow: -3px 3px 6px rgba(0,0,0,.25);
		margin-bottom: 4rem;
	}
	.rks-modal .rks-headline p { font-size: 3rem; }
	.rks-modal .rks-headline .h1 { font-size: 5.25rem; }
}
@media (min-width: 991px) {
	.rks-modal .rks-headline { width: 700px; }
	.rks-modal .rks-headline p { font-size: 3rem; }
	.rks-modal .rks-headline .h1 { font-size: 5.75rem; }
}
@media (min-width: 1024px) {
	.rks-modal .rks-headline { width: 750px; padding: 2rem 4rem; }
}
@media (min-width: 1200px) {
	.rks-modal .rks-headline { top: 145px; width: 810px; }
	.rks-modal .rks-headline p { font-size: 3.25rem; }
	.rks-modal .rks-headline .h1 { font-size: 6rem; }
}


/* ################### */
/* ##### COLUMNS ##### */
/* ################### */
.rks-modal .column-left {
	padding-left: 0!important;
	padding-right: 0!important;
	height: auto;
	overflow: hidden;
}

/* ##### IMAGE ##### */
.rks-modal .modal-img {
	object-fit: cover;
	width: 100%;
	height: 15vh;
	max-height: 650px;
}
@media (min-width: 767px) {
	.rks-modal .modal-img {
		border-top-left-radius: 6px;
		height: 100%;
		width: auto;
	}
}
@media (min-width: 1200px) {
	.rks-modal .modal-img { width: 100%; }
}


/* ##### LOGO ##### */
.rks-modal .col-sm-push-6 .row:first-child {
	display: flex;
	justify-content: center;
}
@media (min-width:767px) {
	.rks-modal .col-sm-push-6 .row:first-child { justify-content: right; }
}
.rks-modal .modal-logo {
	position: relative;
	width: 200px;
	height: auto;
	margin: 3rem;
}
@media (min-width:767px) {
	.rks-modal .modal-logo { width: 220px; }
}
@media (min-width: 1200px) {
	.rks-modal .modal-logo { width: 280px; }
}


/* ##### TEXT ##### */
.rks-modal .modal-text {
	margin: 1rem calc(1.5rem + 1vw) 2rem;
	font-size: 2rem !important;
	text-align: left;
}
.rks-modal .modal-text p { margin: 0; }

.rks-modal span {
	font-size: 70%;
	position: relative;
	top: -5px;
}
@media (min-width:767px) {
	.rks-modal .modal-text { margin: 18rem 3rem 1rem; }
	.rks-modal .rks-headline span { font-size: 60%; top: -7px; }
}
@media (min-width: 991px) {
	.rks-modal .modal-text { margin: 18.5rem 3rem 3rem; }
	.rks-modal .rks-headline span { top: -9px; }
}
@media (min-width: 1200px) {
	.rks-modal .modal-text {
		margin: 20rem 4rem 3rem;
		font-size: 2.15rem !important;
		line-height: 3.5rem;
	}
}

/* ##### BUTTON ##### */
.rks-modal .button-group {
	margin: 0 auto 1.5rem;
}
@media (min-width: 767px) {
	.rks-modal .button-group { 
		margin: 4rem 0;
		display: flex;
		justify-content: center;
		gap: .5rem;
	}
}
@media (min-width: 1024px) {
	.rks-modal .button-group { gap: 1.5rem; }
}

.rks-modal .button-group a { margin: .5rem; }


/* ################## */
/* ##### FOOTER ##### */
/* ################## */
.rks-modal .modal-footer {
	background: #FF8000;
	height: 2rem;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border: none;
}

.modal-flex {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}