body {font-family: font-family: 'Roboto', sans-serif; color:#272727; font-style:normal; min-width:300px}
.formResources {width:100%}
.default-banner {background:url(../images/form-resources-banner.jpg) no-repeat; width:100%; min-height:90px; padding:1% 20px; background-size: cover; }
.default-banner h1 {color:#fff; font-size:44px; font-weight:400; margin:0; padding:0 20px}
.mid-section {width:100%; padding:40px 0}
.row-sec-box {border:1px solid #b9b9b8; border-radius:4px; padding:20px 0; margin:15px 0}
.row-sec-box-1 {border-radius:4px; color:#fff; padding:77px 20px; background:#1c436e url(../images/passport-bg.png) no-repeat center center; text-align:center; min-height:225px; font-size:24px; font-weight:700; line-height:30px}
.row-sec-box-header {background:#f2f5f8; border:1px solid #f4f4f4; padding:10px 20px; text-align:center; border-radius:4px}
.row-sec-box-header h3 {color:#3c3c3b; font-size:16px; margin:0; padding:5px}
.mid-row-sec-box {padding:10px;}
.mid-row-sec-box span {font-style:italic; font-size:14px; text-align:left !important;}
.mid-row-sec-box h4 {font-weight:700; font-size:15px}
.mid-row-sec-box li {list-style-type:disc; margin-left:20px; padding-top:10px}
.mid-row-sec-box2 {padding:20px 20px 0 20px }
.resources-grid.row { padding: 40px 0;}
.fillonline-btn, .fillonline-btn:hover, .fillonline-btn:visited, .fillonline-btn:active, .fillonline-btn:focus {padding:10px 5%; background:#4db14f; border:1px solid #399c35; color:white; font-size:18px; font-weight:500; text-align:center; white-space:normal; width:100%; margin-bottom:10px}
.fillonline-btn:hover {color:#fff; background:#389b38}
.requirements-box {min-height: 172px !important;}
.default-btn, .default-btn:hover, .default-btn:visited, .default-btn:active, .default-btn:focus {padding:10px 5%; background:#f4f4f4; border:1px solid #e8e8e8; color:#575756; font-size:18px; font-weight:500; text-align:center; white-space:normal; width:100%;}
.default-btn:hover {color:#575756; background:#e0e0e0}

@media only screen and (max-width : 1199px) {
.row-sec-box-1 {padding: 42% 20px; font-size: 18px; min-height: 194px; background-size: 100%;}
.row-sec-box-2 .requirements-box h4{font-size:13px; text-align: left;}
.requirements-box .row-sec-box-header {padding: 10px 0px;}
.row-sec-box-2 .mid-row-sec-box li { font-size: 12px;}
.requirements-box {min-height: 170px !important;}
.box-sec {min-height:923px;}
.mid-row-sec-box span {font-style: italic; font-size: 11px; text-align: left !important; }
.default-banner h1 {color: #fff;font-size: 34px;}
}

@media only screen and (max-width : 991px) {
.default-banner {padding:8% 20px; min-height:auto}
.row-sec-box-1 {padding:12% 20px; line-height: 47px; font-size: 40px;}
.row-sec-box-header {margin-top:20px}
.mid-section {padding:20px 0}
.row-sec-box-header h3 { font-size: 26px; }
.row-sec-box-2 .requirements-box h4 {font-size: 16px;}
.row-sec-box-2 .mid-row-sec-box li {font-size:16px;}
.mid-row-sec-box span { font-size: 15px; }
.requirements-text { min-height: 350px;}
.mid-row-sec-box li {margin-left:0px;}
}

@media only screen and (max-width : 655px) {
.row-sec-box-1 {padding:15% 20px 0 20px}
}

@media only screen and (max-width : 600px) {
.default-banner h1, .row-sec-box-1 {font-size:30px}
.row-sec-box-1 {padding:19% 20px 0 20px}
}

@media only screen and (max-width : 480px) {
.row-sec-box-1 {padding:25% 20px 0 20px}
}

@media only screen and (max-width : 360px) {
.row-sec-box-1 {padding:35% 20px 0 20px}
}

.default-banner{
	background: url(../images/form-resources-banner.jpg) no-repeat;
	width: 100%;
	min-height: 0;
	padding: 1% 20px;
	background-size: cover;
}

.box-sec{
	border: 1px solid #b9b9b8;
    border-radius: 4px;
    padding: 20px 0;
    min-height: 820px;
    position: relative;
    margin-top: 10px;
}

.requirements-box{
	position: relative;
}

.requirements-box .row-sec-box-header{
	background: #ffffff;
	border: 0;
	text-align: center;
	border-radius: 0;
}

.requirements-box .row-sec-box-header h3{
	color: #1c436e;
	font-weight: bold;
	text-align: center;
	width: 100%;
}

.requirements-text{
	min-height: 546px;
}

.requirements-box h4{
	text-align: left;
}

.resources-grid{
	padding: 40px 0;
}

/*---------------- 3 SECTIONS ---------------- */
.sec3.formResourcesSection {width:100%}
.sec3 .default-banner {background:#0b2535; width:100%; padding:20px 20px}
.sec3 .default-banner h1 {color:#fff; font-size:30px; font-weight:bold; margin:0; padding:0}
.sec3 .mid-Section-box {padding:30px 0}

.sec3 .passportBox {border:1px solid #a4a4a4; border-radius:4px; padding:30px 20px; text-align:center; background:white}
.sec3 .passportBox h3 {color:#0b2535; font-size:24px; font-weight:bold; text-align:center}
.sec3 .passportBox h2 {font-size:26px; color:#0b2535; font-weight:bold; padding:0; margin:0}

.sec3 .passportBox:hover {background:#f2f2f2}

.sec3 .pass-img-box {padding:20px 0}
.sec3 .requirements-box {text-align:left; min-height:320px}
.sec3 .requirements-box span {font-style:italic}
.sec3 .requirements-box h4 {color:#3c3c3b; font-size:16px; font-weight:bold}
.sec3 .requirements-box hr {border-top:1px solid #dfdfdf}
.sec3 .requirements-box li {list-style-type:disc; margin-left:20px; padding-top:10px}
.sec3 .btn-box,.sec3 .btn-box2 {min-height:92px}
.sec3 .btn-box-link,.sec3 .btn-box-link2 {padding:10px 0}
.sec3 .btn-box a,.sec3 .btn-box a:link,.sec3 .btn-box a:active,.sec3 .btn-box a:visited {color:#225982; text-decoration:none; font-size:18px; font-weight:bold; margin:10px 0}
.sec3 .btn-box a:hover {color:#164968; text-decoration:underline}
.sec3.btn-box2 a,.sec3 .btn-box2 a:link,.sec3 .btn-box2 a:active,.sec3 .btn-box2 a:visited {color:#0091d5; text-decoration:none; font-size:18px; font-weight:bold; margin:20px 0}
.sec3 .btn-box2 a:hover {color:#0aa9e8; text-decoration:underline}
.sec3 .passportBox.blue-content {background:#133749}
.sec3 .passportBox.blue-content h2,.sec3 .passportBox.blue-content h3,.sec3 .passportBox.blue-content h4,.sec3 .passportBox.blue-content li,.sec3 .requirements-box span {color:white}

.sec3 .fillonline-btn,.sec3 .fillonline-btn:hover,.sec3 .fillonline-btn:visited,.sec3 .fillonline-btn:active,.sec3 .fillonline-btn:focus {padding:15px 5%; background:#4db14f; border:1px solid #399c35; color:white; font-size:20px; font-weight:500; text-align:center; white-space:normal; width:100%; margin-bottom:10px}
.sec3 .fillonline-btn:hover {color:#fff; background:#389b38}

@media only screen and (max-width : 1200px) {
	.sec3 .passportBox h2 {font-size:22px}
}
@media only screen and (max-width : 1199px) {
	.sec3 .requirements-box {text-align:left; min-height:370px}
	.sec3 .btn-box {min-height:auto}
}

@media only screen and (max-width : 1024px) {
	.sec3 .requirements-box {text-align:left; min-height:380px}
	.sec3 .btn-box {min-height:92px}
}

@media only screen and (max-width : 991px) {
	.sec3 .requirements-box {padding:20px 0}
	.sec3 .requirements-box {text-align:left; min-height:auto}
	.sec3 .passportBox, .passportBox2 {margin-bottom:20px}
}

@media only screen and (max-width : 655px) {
	.sec3 .row-sec-box-1 {padding:15% 20px 0 20px}
}

@media only screen and (min-width: 992px){
	.sec3 .col-md-4 {width: 33% !important; padding-right: 6px; padding-left: 6px;}
	.sec3 .pdfform-btn {width: 21rem !important;}
}

@media only screen and (max-width : 1199px) {
.row-sec-box-1 {padding:43% 20px}
}

@media only screen and (max-width: 1199px){
	.requirements-text{
		min-height: 500px;
	}
	.box-sec{
		min-height: 900px;
	}
}

@media only screen and (max-width : 991px) {
.default-banner {padding:3% 20px; min-height:auto}
.row-sec-box-1 {padding:12% 20px}
.row-sec-box-header {margin-top:20px}
.mid-section {padding:20px 0}
}

@media only screen and (max-width: 768px){
	.requirements-text{
		min-height: 0;
	}

	.box-sec{
		min-height: 0;
	}

	.default-banner h1{
		padding: 0 6px;
	}

	footer{
		margin-top: 30px;
	}
	.disclaimer{
		padding: 0 30px;
	}
}

@media only screen and (max-width : 655px) {
/*.row-sec-box-1 {padding:15% 20px 0 20px}*/
}

@media only screen and (max-width : 600px) {
.default-banner h1, .row-sec-box-1 {font-size:30px}
/*.row-sec-box-1 {padding:19% 20px 0 20px}*/
}

@media only screen and (max-width : 480px) {
/*.row-sec-box-1 {padding:25% 5%}*/
}

@media only screen and (max-width: 375px){
	.default-banner h1{
		text-align: center;
	}
	.disclaimer{
		padding: 0 30px;
	}
}

@media only screen and (max-width : 360px) {
/*.row-sec-box-1 {padding:35% 20px 0 20px}*/
}