@charset "utf-8";
/* CSS Document */


/*----------------------------------------*/
/*------------ CONTACT MODAL ------------*/
/*--------------------------------------*/

	/*------------------------*/
	/*-------- Primary -------*/
	/*------------------------*/

/*--- Bootstrap Modification Framewook ---*/

.modal-dialog {
	position: relative !important;
	width: auto !important;
	margin: 0.5rem !important;
	pointer-events: none !important;
}
@media (min-width: 600px) {
.modal-dialog {
    max-width: 70% !important;
    margin: 2rem auto !important;
	}}
@media (max-width: 599.98px) {
.modal-dialog {
    max-width: 100% !important;
    margin: 0 !important;
	}}
.modal-content {
	color: #504136 !important;
	min-width: 100% !important;
	height: auto !important;
	margin: 1vw auto 1vw auto !important;
	background-color: transparent !important;
	border: none !important;
}
.modal-backdrop {
  background-color: #fff !important;
}
.modal-backdrop.show {
  opacity: 0.6 !important;
}
.modal-success-message {
	color: green !important;
	font-weight: 700 !important;
}

/*--- Primary Universal ---*/

.info-title {
	padding: .5vw 0vw .5vw 0vw !important;
}
.asterisk {
	display: inline-block !important;
	position: absolute !important;
	top: -2px !important;
	left: -17px !important;
	color: #FFF !important;
	font-size: 4rem !important;
}
@media only screen and (max-width: 1200px) {
.asterisk {
	top: -4px !important;
	}}
@media only screen and (max-width: 600px) {
.asterisk {
	top: -7px !important;
	}}
label {
	display: inline-block !important;
	position: relative !important;
	color: #504136 !important;
	font-size: clamp(1rem, 0.757rem + 0.647vw, 2rem) !important;
	font-weight: 500 !important;
	letter-spacing: -.03vw !important;
	margin: 0vw 0vw 0vw .2vw !important;
}
input {
	padding-top: .6rem !important;
	margin: 0rem 0rem 1rem 0rem !important;
}
textarea {
	margin: 0rem 0rem 1rem 0rem !important;
}
.form-control {
	color: gray !important;
	font-size: clamp(1rem, 0.757rem + 0.647vw, 2rem) !important;
	margin: 0rem 0rem 1rem 0rem !important;
}
select {
	color: lightgray !important;
}

/*--- Primary Main ---*/

.contact-modal-container {
    position: relative !important;
    z-index: 1 !important;
	width: 70% !important;
	height: auto !important;
	margin: 1vw auto -8vw auto !important;
}
@media only screen and (max-width: 600px) {
.contact-modal-container {
	width: 100% !important;
	}}


	/*------------------------*/
	/*-------- Header --------*/
	/*------------------------*/

/*--- Header Framewook ---*/

.contact-modal-header-container {
	display: inline-block !important;
	position: relative !important;
	min-width: 100% !important;
	height: auto !important;
	padding: 3vw !important;
	color: #fff !important;
	font-weight: 500 !important;
	background-color: #33ddff !important;
	border-radius: 4.7vw 0vw 0vw 0vw !important;
}
@media only screen and (max-width: 992px) {
.contact-modal-header-container {
	padding: 4vw !important;
	}}
.contact-modal-header-container h3 {
	font-weight: 700 !important;
	margin: 0vw auto 0vw 0vw !important;
}
.date2 {
	display: flex !important;
	flex-direction: row !important;
	justify-content: flex-end !important;
}
@media only screen and (max-width: 992px) {
.date2 {
	justify-content: flex-start !important;
	}}
	

	/*--------------------*/
	/*--- Request Type ---*/
	/*--------------------*/

/*--- Request Type Framewook ---*/

.contact-modal-request-type-container {
	min-width: 100% !important;
	height: auto !important;
	padding: 2vw 4vw 1.5vw 4vw !important;
	background-color: #E1E1E1 !important;
}
.required-note {
	font-weight: 500 !important;
	text-align: center !important;
}
@media only screen and (max-width: 992px) {
.required-note {
	text-align: left !important;
	margin: 0rem 0rem 3rem 1.2rem !important;
	}}
.contact-modal-request-type-container div div p {
	display: inline-block !important;
	position: relative !important;
	padding-left: 1rem !important;
}
.asterisk-required {
	display: inline-block !important;
	position: absolute !important;
	top: -1.8rem !important;
	left: -4rem !important;
	color: #fff !important;
	font-size: 10rem !important;
}
@media only screen and (max-width: 1400px) {
.asterisk-required {
	top: -1rem !important;
	left: -2.5rem !important;
	font-size: 7rem !important;
	}}
@media only screen and (max-width: 992px) {
.asterisk-required {
	top: -.9rem !important;
	font-size: 6rem !important;
	}}
@media only screen and (max-width: 600px) {
.asterisk-required {
	top: -1.2rem !important;
	left: -2.2rem !important;
	}}


	/*------------------------*/
	/*--- Your Information ---*/
	/*------------------------*/

/*--- Your Infomration Framewook ---*/

.contact-modal-your-info-container {
	min-width: 100% !important;
	height: auto !important;
	padding: 2.5vw 4vw 1.5vw 4vw !important;
	background-color: #fff689 !important;
}
.contact-modal-your-info-container h5 {
	padding: 0vw 0vw 1.5vw 0vw !important;
}


	/*------------------------------*/
	/*-- Organization Information --*/
	/*------------------------------*/

/*-- Organization Infomration Framewook --*/

.contact-modal-org-info-container {
	min-width: 100% !important;
	height: auto !important;
	padding: 2.5vw 4vw 1.5vw 4vw !important;
	background-color: #f6851f !important;
}
.contact-modal-org-info-container h5 {
	padding: 0vw 0vw 1.5vw 0vw !important;
}


	/*----------------------------*/
	/*-- Additional Information --*/
	/*----------------------------*/

.additional-info-form {
	width: 100% !important;
	height: auto !important;
}


	/*----------------------*/
	/*-- Consent Checkbox --*/
	/*----------------------*/

.checkbox-container {
	display: flex !important;
	flex-direction: row !important;
	justify-content: left !important;
	align-items: flex-start !important;
	padding: 0vw !important;
	margin: 0vw !important;
}
.checkbox-input {
	width: 25px !important;
	height: 25px !important;
	margin: 0vw .2vw 0vw .2vw !important;
}
.asterisk-checkbox {
	display: inline-block !important;
	position: absolute !important;
	top: 1.5rem !important;
	left: -2rem !important;
	color: #FFF !important;
	font-size: 4rem !important;
}
.checkbox-label {
	line-height: 1.8vw !important;
	margin: 0vw 0vw 0vw 1.7vw !important;
}
@media only screen and (max-width: 992px) {
.checkbox-label {
	line-height: 2vw !important;
	margin: .6vw 0vw 0vw 2.8vw !important;
	}}
@media only screen and (max-width: 768px) {
.checkbox-label {
	line-height: 2.4vw !important;
	}}
@media only screen and (max-width: 600px) {
.checkbox-label {
	line-height: 2.8vw !important;
	margin: .8vw 0vw 0vw 4.6vw !important;
	}}


	/*------------------------*/
	/*-- Recaptcha & Submit --*/
	/*------------------------*/

.recaptcha-flex {
	display: flex;
	justify-content: center;
	align-items: center;
	max-height: 110px;
}
.g-recaptcha {
	display: inline-block !important;
	margin: 0vw 0vw 0vw 0vw !important;
	border-radius: .3vw !important;
	-webkit-transform: scale(1.00) !important;
	-moz-transform: scale(1.00) !important;
	-ms-transform: scale(1.00) !important;
	-o-transform: scale(1.00) !important;
	transform: scale(1.00) !important;
	-webkit-transform-origin: 0 0 !important;
	-moz-transform-origin: 0 0 !important;
	-ms-transform-origin: 0 0 !important;
	-o-transform-origin: 0 0 !important;
	transform-origin: 0 0 !important;
}
.submit-align {
	margin: auto !important;
	max-width: auto !important;
	height: auto !important;
}
.submit-align div {
    -ms-flex-pack: center !important;
    justify-content: center !important;
	margin-right: 1.5% !important;
}
.cm-submit-btn {
	max-width: 100% !important;
	height: auto !important;
	padding: .3vw 1.2vw !important;
	margin: 0vw .4vw .4vw .4vw !important;
	text-align: center !important;
	background-color: #006699 !important;
	border-radius: .3vw !important;
}
.cm-submit-btn p {
	font-weight: 500 !important;
	padding-top: .3vw !important;
	margin: auto 0 !important;
}
.recaptcha-row {
    max-width: 200rem !important;
    margin: auto auto 1.5rem auto !important;
}
.recaptcha-row div {
	font-size: clamp(1.2rem, 0.9573rem + 0.6472vw, 2.2rem) !important;
	font-weight: 700 !important;
    text-align: left !important;
}
.recaptcha-status {
	color: green !important;
}
.recaptcha-missing {
    margin-left: 1rem !important;
	color: #000 !important;
}
.recaptcha-alert {
	color: red !important;
}


	/*------------------------*/
	/*-------- Footer --------*/
	/*------------------------*/

/*--- Footer Framewook ---*/

.contact-modal-footer-container {
	min-width: 100% !important;
	height: auto !important;
	padding: 3vw !important;
	background-color: #006699 !important;
	border-radius: 0vw 0vw 4.7vw 0vw !important;
}