*{font-family: 'Raleway', sans-serif;}
.waiver {padding: 0 25px;}
.waiver p{text-align: center;}
.waiver h1{font-size: 25px; font-weight: bold; text-align: center; line-height: 100%; margin: 0 0 10px 0;}
.waiver ol li { margin: 15px 0; }
.sigPad { margin: 0 auto; }
.esignature {text-align: center; margin: 20px 0 0 0;}
.popup input {
	width: 100%;
	margin: 0 0 12px 0;
	padding: 15px 11px;
	border-radius: 0;
	font-family: 'Raleway', sans-serif;
	border: 2px solid transparent;
}
.popup {
	width: 600px;
	box-shadow: 0 0 10px #444;
	margin: 0 auto;
	text-align: center;
	background: linear-gradient(to right, #2BABD4 0%, #2BC497 100%);
	position: relative;
	top: 30%;
	transform: translateY(-30%);
	padding: 28px;
	transition: 0.4s;
	font-family: 'Raleway', sans-serif;
	border: 10px solid #ddd;
}

.popup-container {
	display: block; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 6; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	-webkit-animation-name: fadeIn; /* Fade in the background */
	-webkit-animation-duration: 0.4s;
	animation-name: fadeIn;
	animation-duration: 0.6s
}
.popup p {
	margin: 0 0 15px 0;
	font-family: 'Raleway', sans-serif;
	color: #fff;
	font-size: 17px;
}

.popup input[name="popupform"] {
	background: #184445;
	border: 1px solid transparent;
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	padding: 10px 0;
	font-family: 'Raleway', sans-serif;
	width: 250px;
}

/* Add Animation */
@-webkit-keyframes slideIn {
from {top: -300px; opacity: 0}
to {top: 10%; opacity: 1}
}

@keyframes slideIn {
from {top: -300px; opacity: 0}
to {top: 10%; opacity: 1}
}

@-webkit-keyframes fadeIn {
from {opacity: 0}
to {opacity: 1}
}

@keyframes fadeIn {
from {opacity: 0}
to {opacity: 1}
}
.sigWrapper {height: auto;}
#submitform textarea.error, label.error + .wskLabel {
	box-shadow: none !important;
	border: none !important;
	bottom: 0px;
}

label.error + .wskLabel span:nth-child(1){border: 2px solid red;}
.wskCheckbox.checked {
	border-left: 2px solid #42BA1D!important;
	border-bottom: 4px solid #42BA1D!important;
	border-top: 1px solid rgba(0,0,0,0)!important;
	border-right: 1px solid rgba(0,0,0,0)!important;
	-webkit-transform: rotate(-45deg) scaleY(0.5)!important;
	-moz-transform: rotate(-45deg) scaleY(0.5)!important;
	-ms-transform: rotate(-45deg) scaleY(0.5)!important;
	-o-transform: rotate(-45deg) scaleY(0.5)!important;
	transform: rotate(-45deg) scaleY(0.5)!important;
}
#success {
	position: relative;
	z-index: 9;
	background: rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	color: #fff;
	margin: 0 0 15px 0;
}
.form_content {
	width: 100%;
	padding: 20px 0 0 0;
}
.WRL-content p {
	text-align: justify;
	text-indent: 30px;
	line-height: 24px;
	font-size: 18px;
}
.clearButton {
	margin: 0 !important;
}
.wskCheckbox{margin: 0 14px 5px 11px!important;}
.wskLabel{text-align: justify; font-size: 18px; line-height: 24px;}
.secode_box .form_button {background: linear-gradient(to right, #2BABD4 0%, #2BC497 100%)!important;}
.secode_box .form_button:hover {background: linear-gradient(to bottom, #2BABD4 0%, #2BC497 100%)!important; }
.strong {font-weight: bold;}
.form_box_col1.secode_box {
	text-align: center !important;
	margin: 10px 0 0 0;
}
.WRL-content {
	width: 975px;
	margin: 0 auto;
}

.mrg0{margin: 0!important;}
.popupform .wskLabel{
	margin: 0 !important;
	padding: 0 !important;
	color: #fff;
	font-size: initial;
}
.popup input.error {
	border-color: #ff4040;
}
.popupform .wskCheckbox {
	border: 2px solid #fff;
	margin: 4px 7px 5px 11px !important;
}

.popupform .wskCheckbox.checked{
	border-left: 2px solid #000 !important;
	border-bottom: 4px solid #000 !important;
}
.popup-success {display: none;}

.popup-container.popup-success .popup{
	width: 800px;
	top: 20%;
	color: #fff;
	font-weight: bold;
}

.successmsg span {
	display: block;
	font-size: 40px;
}
.successmsg {
	font-size: 30px;
	line-height: 41px;
	font-family: 'Francois One', sans-serif;
}


.secode_box .g-recaptcha {
    transform: scale(0.97);
    -webkit-transform: scale(0.97);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    display: inline-block;
    vertical-align: top;
}
.btn-submit {
    display: inline-block;
}
.recapBtn div{
    display: inline-grid;
    vertical-align: top;
}

input[name="Name_of_Organization_or_Client"] {
	padding: 10px 15px 10px 15px;
	font-size: 15px;
	width: 246px;
	margin: 20px auto;
	display: block;
	text-align: center;
}
input[name="Name_of_Organization"].error {
    background: #ffe9e9;
}

label[for="i_declare"].error {
    background: #f33;
    padding: 2px 13px;
    position: absolute;
    height: auto !important;
    color: #fff;
    top: -13px;
    z-index: 99999;
	font-weight: bold;
}

label[for="i_declare"].error::before {
	width: 0;
    height: 0;
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 15px solid #f33 !important;
    border-radius: 3px;
    transition: all 0.7s ease;
    content: "";
    position: absolute;
    top: 18px;
    right: 0;
    z-index: -100;
    left: 9px;
    background: transparent !important;
}


label[for="Name_of_Organization"].error {
    background: #f33;
    padding: 2px 27px 2px 0;
    position: absolute;
    height: auto !important;
    color: #fff;
    z-index: 99999;
    font-weight: bold;
    left: 173px;
    top: -39px;
    font-size: 16px;
}

label[for="Name_of_Organization"].error::before {
    width: 0;
    height: 0;
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 15px solid #f33 !important;
    border-radius: 3px;
    transition: all 0.7s ease;
    content: "";
    position: absolute;
    top: 24px;
    right: 0;
    z-index: -100;
    left: 50px;
    background: transparent !important;
}

.check-box {
	position: relative;
	overflow: initial;
}
.error_msg{
	color: #b90000!important;
	font-weight: bold;
	text-shadow: 0 0 1px #fff;
}

@media only screen
and (max-width : 1090px) {
	 .WRL-content {
		width: 100%;
		margin: 0 auto;
	}
	.waiver {
		padding: 0;
	}
}

@media only screen
and (max-width : 830px) {
	.popup-container.popup-success .popup {
		width: 100%;
		top: 20%;
		color: #fff;
		font-weight: bold;
	}
}


@media only screen
and (max-width : 800px) {
	.secode_box .form_button{height: 74px!important;}
}

@media only screen
and (max-width : 750px) {
	.popup {width: 100%;}

}

@media only screen
and (max-width : 600px) {
	.secode_box .g-recaptcha {
		transform: scale(0.8)!important;
		-webkit-transform: scale(0.8)!important;
		transform-origin: 0 0!important;
		-webkit-transform-origin: 0 0!important;
	}
	.form_box_col1.secode_box {
		text-align: left!important;
		margin: 10px 0 0 0;
	}
	.popup input[name="popupform"]{
		width: 100%;
	}
	.popup{padding: 10px;}

}

@media only screen
and (max-width : 500px) {
	label[for="Name_of_Organization"].error, label[for="Name_of_Organization"].error:before {display: none !important;}
}