/* Thank You modal */
#thankyou {
	backdrop-filter: blur(4px);
	-webkit-overflow-scrolling: touch;
}

#thankyou > div,
#thankyou .thankyou-modal-inner {
	border-radius: 0 !important;
}

#thankyou #thankyou-close {
	background: rgba(0, 0, 0, 0.3);
	border-radius: 50%;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 1023px) {
	#thankyou [class*="flex-row"] {
		flex-direction: column;
	}

	#thankyou [class*="w-1/2"] {
		width: 100%;
	}
}

/* #thankyou.popup_bx .modal-dialog{
		margin-left:auto;
		margin-right:auto;
	} */
.popup_bx {
	z-index: 9999999;
}

/* When closed: never block clicks */
#registrationpopup.popup_bx:not(.show) {
	display: none !important;
	pointer-events: none !important;
	visibility: hidden !important;
}

/* Orphaned backdrops: when body has no modal-open, backdrops must not block */
body:not(.modal-open) .modal-backdrop {
	display: none !important;
	pointer-events: none !important;
}

/* Registration popup - fixed, centered, slide-down */
#registrationpopup.popup_bx {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	overflow-x: hidden;
	overflow-y: auto;
}

#registrationpopup.popup_bx.show {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 1rem;
}

#registrationpopup.popup_bx .modal-dialog {
	margin: 0 auto !important;
	transition: transform 0.5s ease-out;
}

/* Slide DOWN: from top into center */
#registrationpopup.registration-popup-slidedown .modal-dialog {
	transform: translateY(-100%) !important;
}

#registrationpopup.registration-popup-slidedown.show .modal-dialog {
	transform: translateY(0) !important;
}

#registrationpopup.registration-popup-slidedown.registration-popup-closing.show .modal-dialog {
	transform: translateY(100%) !important;
}

#registrationpopup.registration-popup-slidedown .modal-content {
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.popup_bx .modal-dialog {
	width: 400px;
}

.popup_bx .modal-content {
	box-shadow: none;
	border-radius: 0px;
	min-height: 640px;
}

.popup_bx .modal-title {
	text-align: center;
}

.popup_bx #myModalLabel>img {
	margin: auto;
}


.popup_bx .modal-body h3 {
	color: #272727;
	font-size: 21px;
	font-weight: 400;
	margin-top: 0;
	padding: 6px 0 0;
	text-align: center;
}

.popup_bx .form-control {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0px;
	box-shadow: none;
	border-left: 0px;
	font-size: 16px;
	height: 41px;
	line-height: 1.42857;
	padding: 6px 12px 6px 0px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;
	color: #999;
}

.popup_bx .input-group-addon {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0px;
	border-right: 0px;
}

.popup_bx .modal-body {
	padding: 15px 30px 36px;
	position: relative;
}

.popup_bx .modl_frm {
	margin-top: 30px;
}

.popup_bx .modal-header {
	border-bottom: none;
}

.popup_bx .close {
	opacity: 1;
}

.popup_bx .modal-dialog {
	width: 100%;
	margin: 0px;
}

#registrationpopup.popup_bx .modal-dialog {
	width: 800px;
	max-width: 800px;
}

#registrationpopup.popup_bx .modal-header {
	padding: 0 10px 10px 10px;
}

#registrationpopup.popup_bx .modal-content {
	min-height: 500px;
	padding: 0 15px 15px 15px;
	background-color: #fff !important;
	border: none !important;
	border-radius: 0.375rem;
	position: relative;
	z-index: 1;
}

#registrationpopup.popup_bx .modal-content .modal-body {
	min-height: 400px;
	/*	background-image: url("https://www.excelcurrencies.com/img/registration-popup-bg.jpg");*/
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#registrationpopup.popup_bx .modal-title {
	margin-top: 10px;
	text-align: left;
}

#registrationpopup.popup_bx .modal-body img {
	margin-top: 5px;
	max-width: 300px;
	float: right;
}

#registrationpopup .close {
	color: #fff;
	background-color: #000;
	width: 20px;
	height: 20px;
	line-height: 16px;
	border-radius: 100%;
	border: 2px solid #fff;
	position: absolute;
	padding-left: 2px;
	right: -10px;
	top: -10px;
}

#registrationpopup .close span {
	font-weight: 700;
	line-height: 13px;
}

#registrationpopup .close:focus,
#registrationpopup .close:hover {
	color: #fff;
}

#registrationpopup.popup_bx .modal-body {
	padding: 15px 20px 20px;
}

#registrationpopup .reg-pop-right {
	max-width: 300px;
	background: #16395b;
	background-color: #009cde;
	background-image: radial-gradient(circle farthest-side at center bottom, #009cde, #003087 125%);
	padding: 10px 25px 20px;
	float: right;
	width: 100%;
	margin-top: 25px;
}

#registrationpopup.popup_bx .modal-body h3 {
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	text-align: left;
	line-height: 1.4em;
}

#registrationpopup.popup_bx .modal-body a {
	background-color: #4a97d2;
	width: 100%;
	float: left;
	text-align: center;
	height: 35px;
	line-height: 35px;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	margin-top: 10px;
	margin-bottom: 10px;
	max-width: 250px;
}

#registrationpopup.popup_bx .modal-body a:hover,
#registrationpopup.popup_bx .modal-body a:focus {
	text-decoration: none;
}

/*#registrationpopup.popup_bx .modal-body{
		padding: 15px 0 20px;
	}*/
/*#registrationpopup.popup_bx .modal-content {
		min-height: auto;
	}*/
#registrationpopup.popup_bx .modal-content .modal-body {
	min-height: 340px;
}

#registrationpopup .reg-pop-right {
	padding: 10px 25px 20px;

}

#registrationpopup.popup_bx .modal-body h3 {
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	text-align: left;
	line-height: 1.4em;
}

#registrationpopup.popup_bx .modal-body a {
	background-color: #4a97d2;
	width: 100%;
	float: left;
	text-align: center;
	height: 35px;
	line-height: 35px;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	margin-top: 10px;
	margin-bottom: 10px;
	max-width: 250px;
}

#registrationpopup.popup_bx .modal-dialog {
	margin: 30px auto;
}

/*#registrationpopup.popup_bx .modal-body img{
		max-width: 100%;

	}*/
#registrationpopup.popup_bx #myModalLabel>img {
	width: 130px;
	height: auto;
}

@media only screen and (max-width: 991px) {
	#registrationpopup.popup_bx .modal-dialog {
		width: 90% !important;
	}

	#registrationpopup.popup_bx .modal-body img {
		max-width: 100%;
	}

	#registrationpopup.popup_bx .modal-body {
		padding: 15px 0 20px;
	}

	#registrationpopup.popup_bx .modal-content {
		min-height: auto;
	}

	#registrationpopup.popup_bx .modal-content .modal-body {
		min-height: 340px;
	}

	#registrationpopup .reg-pop-right {
		padding: 10px 10px 20px;

	}

	#registrationpopup.popup_bx .modal-body h3 {
		font-size: 14px;
	}

	#registrationpopup.popup_bx .modal-body a {
		font-size: 16px;
	}

	#registrationpopup.popup_bx .modal-dialog {
		margin-left: auto;
		margin-right: auto;
	}

	#registrationpopup.popup_bx .modal-body img {
		max-width: 100%;
	}

	#registrationpopup.popup_bx #myModalLabel>img {
		width: 130px;
		height: auto;
	}
}