/* ==========================================================================
	#Reset
========================================================================== */
* { padding: 0; margin: 0; outline: 0; }

/* ==========================================================================
	#Basic
========================================================================== */
html,
body { height: 100%; }

html { overflow-y: scroll; }
.section-questions { min-width: 970px; min-height: 100%; background: #fff; font-family: 'fbtypopas-regular', sans-serif; font-size: 16px; line-height: 1.31; color: #133169; }

.section-questions a { text-decoration: none; cursor: pointer; }
.section-questions a:hover { text-decoration: underline; }

.section-questions img { border: 0; vertical-align: middle; }

.section-questions ol,
.section-questions ul { list-style-position: inside; }

.section-questions h3 { font-size: 18px; line-height: 1.11; color: #fff; font-weight: normal; }

/* ==========================================================================
	#Helpers
========================================================================== */
.alignleft { float: left; }
.alignright { float: right; }

.clearfix:before,
.clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ==========================================================================
	#Buttons
========================================================================== */
.section-questions .btn { display: inline-block; vertical-align: middle; cursor: pointer; }
.section-questions .btn:hover { text-decoration: none; opacity: 0.7; filter: alpha(opacity=70); }

.section-questions .btn-orange,
.section-questions .btn-blue { float: left; border: 0; margin-bottom: 3px; font-size: 18px; color: #fff; }

.section-questions .btn-orange {
/*	height: 39px; */
	border: 0;
	padding: 0 22px 0 19px;
	line-height: 39px;
	text-align: right;
	border-radius: 0 19px 19px 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#004975+0,0092cd+100 */
	background: #004975; /* Old browsers */
	background: -moz-linear-gradient(top, #004975 0%, #0092cd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #004975 0%,#0092cd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #004975 0%,#0092cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004975', endColorstr='#0092cd',GradientType=0 ); /* IE6-9 */
}

.section-questions .btn-blue {
	height: 25px;
	padding: 0 22px 0 28px;
	line-height: 20px;
	border-radius: 0 12px 12px 0;
	background: #b2c7d3;
}

/* ==========================================================================
	#Containers
========================================================================== */
.wrapper { min-height: 100%; }
.shell { width: 960px; margin: 0 auto; }

/* ==========================================================================
	#Header
========================================================================== */
.section-questions .header { height: 100px; }
.section-questions .header > img { width: 100%; height: 100%; }

/* ==========================================================================
	#Main
========================================================================== */
.section-questions .main { overflow: hidden; }
.section-questions .content,
.section-questions .sidebar { /*float: left;*/ }
.section-questions .content { width: 750px; border: 1px solid #bed9e8; background: #fff url(images/content-top-gradient.jpg) repeat-x 0 0; }
.section-questions .sidebar { width: 200px; }
.section-questions .sidebar img { width: 100%; }

/* ==========================================================================
	#Section Quiz
========================================================================== */
.section-quiz {  }
.section-head { overflow: hidden; padding: 20px 0; }
.section-head h3 {
		float: right;
	/*	height: 25px; */
		padding: 0 20px 0 40px;
		line-height: 21px;
		border-radius: 12px 0 0 12px;
	/*	background: #429fd8;
		background: -moz-linear-gradient(left, #429fd8 0%, #3e9ed8 13%, #3a9dd8 14%, #369ad6 18%, #3299d4 19%, #3098d7 21%, #2d97d5 24%, #2191d3 29%, #2190d5 29%, #188dd2 33%, #0e88d3 39%, #0382cf 48%, #0382d1 50%, #0082d0 50%, #0082d0 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#429fd8), color-stop(13%,#3e9ed8), color-stop(14%,#3a9dd8), color-stop(18%,#369ad6), color-stop(19%,#3299d4), color-stop(21%,#3098d7), color-stop(24%,#2d97d5), color-stop(29%,#2191d3), color-stop(29%,#2190d5), color-stop(33%,#188dd2), color-stop(39%,#0e88d3), color-stop(48%,#0382cf), color-stop(50%,#0382d1), color-stop(50%,#0082d0), color-stop(100%,#0082d0));
		background: -webkit-linear-gradient(left, #429fd8 0%,#3e9ed8 13%,#3a9dd8 14%,#369ad6 18%,#3299d4 19%,#3098d7 21%,#2d97d5 24%,#2191d3 29%,#2190d5 29%,#188dd2 33%,#0e88d3 39%,#0382cf 48%,#0382d1 50%,#0082d0 50%,#0082d0 100%);
		background: -o-linear-gradient(left, #429fd8 0%,#3e9ed8 13%,#3a9dd8 14%,#369ad6 18%,#3299d4 19%,#3098d7 21%,#2d97d5 24%,#2191d3 29%,#2190d5 29%,#188dd2 33%,#0e88d3 39%,#0382cf 48%,#0382d1 50%,#0082d0 50%,#0082d0 100%);
		background: -ms-linear-gradient(left, #429fd8 0%,#3e9ed8 13%,#3a9dd8 14%,#369ad6 18%,#3299d4 19%,#3098d7 21%,#2d97d5 24%,#2191d3 29%,#2190d5 29%,#188dd2 33%,#0e88d3 39%,#0382cf 48%,#0382d1 50%,#0082d0 50%,#0082d0 100%);
		background: linear-gradient(to right, #429fd8 0%,#3e9ed8 13%,#3a9dd8 14%,#369ad6 18%,#3299d4 19%,#3098d7 21%,#2d97d5 24%,#2191d3 29%,#2190d5 29%,#188dd2 33%,#0e88d3 39%,#0382cf 48%,#0382d1 50%,#0082d0 50%,#0082d0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#429fd8', endColorstr='#0082d0',GradientType=1 ); */
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#004975+1,0092cd+100 */
background: #004975; /* Old browsers */
background: -moz-linear-gradient(top,  #004975 1%, #0092cd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #004975 1%,#0092cd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #004975 1%,#0092cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004975', endColorstr='#0092cd',GradientType=0 ); /* IE6-9 */

	}

.section-body { padding: 0 18px; }
.questions { border-bottom: 1px solid #b2daef; list-style: none outside none; }
.question { overflow: hidden; padding: 15px 0; border-top: 1px solid #b2daef; }

.question-content { float: right; width: 530px; }
.question-content p { font-size: 15px; line-height: 1.31; }
.question-number,
.question-entry { float: right; }
.question-number { width: 35px; }
.question-number { font-family: 'FbTypoPas Bold', sans-serif; color: #2f4b81; }

.question-entry { width: 495px; }
.question-entry p { color: #133169; }
.question:hover p { color:black; }



.question-actions { overflow: hidden; float: left; width: 183px; }
.radio { float: left; }

.section-foot { overflow: hidden; padding: 30px 20px 27px 0; }
.section-actions { float: left; width:200px; }
.notice { float: right; padding-top: 10px; font-size: 15px; line-height: 1.31; color: #123f58; }

/* ==========================================================================
	#Custom Radio Buttons
========================================================================== */
.custom-radio input { position: absolute; opacity: 0; filter: alpha(opacity=0); }
.custom-radio label { display: inline-block; font-family: 'FbTypoPas Bold', sans-serif; font-size: 16px; line-height: 1.31; color: #2f4b81; }
.custom-input-checked label { color: #010203; }
.custom-radio-fake { display: inline-block; width: 16px; height: 16px; margin-right: 9px; background: url(images/radio-buttons.png) no-repeat 0 0; vertical-align: middle; cursor: pointer; *display: inline; *zoom: 1; }
.custom-input-checked .custom-radio-fake { background: url(images/radio-buttons.png) no-repeat right 0; }
.custom-input-disabled .custom-radio-fake { opacity: .5; filter: alpha(opacity=50); }

/* ==========================================================================
	#Footer
========================================================================== */
.section-questions .footer { height: 160px; }
.section-questions .footer > img { width: 100%; height: 100%; }

/* ==========================================================================
	#Responsive
========================================================================== */
@media only screen and ( max-width: 970px ) {
	.section-questions { min-width: 100%; }
	.shell { width: 100%; }

	/*.section-questions #header,*/
	.section-questions #footer,
	.section-questions .sidebar { display: none; }

	.section-questions .content { width: 100%; border: 0; }

	.section-body { width: 87%; padding: 0; margin: 0 auto; }

	.question-content { width: 74%; }
	.question-actions { width: 25%; }
	.question-number { width: 6%; }
	.question-entry { width: 93%; }
}

@media only screen and ( max-width: 780px ) {
	.section-questions { min-width: 320px; }
	
	.question-number { width: 10%; }
	.question-entry { width: 89%; }

	.section-body { width: 100%; }
	.question-content { overflow: hidden; width: 87%; padding-bottom: 15px; }
	.question-content,
	.question-actions { float: none; margin: 0 auto; }
	.question-actions { width: 100%; background: #e7f4fc; }
	.question-number p { color: #0182d0; }
	.custom-radio { width: 32%; background: #fff; }
    .mobile-widht{width:100%;}
	.custom-radio label { display: block; padding: 2px 0 6px; background: #e7f4fc; }
	.custom-radio .bordered { border-radius: 12px; }
	.custom-radio .right-bordered { margin-right: 5px; border-radius: 0 12px 12px 0; }
	.custom-radio .left-bordered { margin-left: 5px; border-radius: 12px 0 0 12px; }
    .question:hover p{ color: #133169; }
	.notice { padding-bottom: 18px; }
	.success-msg { font-size: 40px !important; }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
	.section-questions { min-width: 550px; }
	.section-questions h3 { height: 57px; font-size: 36px; line-height: 50px; border-radius: 28px 0 0 28px; }

	.question-number { width: 10%; }
	.question-entry { width: 89%; }

	.section-body { width: 100%; }
	.question { padding: 35px 0; }
	.question-content { overflow: hidden; width: 87%; padding-bottom: 30px; }
	.question-content,
	.question-actions { float: none; margin: 0 auto; }
	.question-actions { width: 100%; background: #e7f4fc; }
	.custom-radio { width: 32%; background: #fff; }
	.custom-radio label { display: block; height: 47px; padding-top: 6px; background: #e7f4fc; font-size: 30px; line-height: 1.2; }
	.custom-radio .bordered { border-radius: 24px; }
	.custom-radio .right-bordered { margin-right: 9px; border-radius: 0 24px 24px 0; }
	.custom-radio .left-bordered { margin-left: 9px; border-radius: 24px 0 0 24px; }
	.custom-radio-fake { width: 43px; height: 43px; background: url(images/radio-buttons-large.png) no-repeat 0 0; }
	.custom-input-checked .custom-radio-fake { background: url(images/radio-buttons-large.png) no-repeat right 0; }

    .question:hover p{ color: #133169; }
	.question-content p { font-size: 35px !important; line-height: 1.2; }

	.notice { padding-bottom: 35px; font-size: 30px; line-height: 1.2; }
	.section-questions .btn-orange,
	.section-questions .btn-blue { font-size: 36px; margin-bottom: 7px; }
	.section-questions .btn-orange { height: 85px; padding: 0 40px; line-height: 85px; border-radius: 0 42px 42px 0; }
	.section-questions .btn-blue { height: 56px; padding: 0 44px 0 39px; line-height: 50px; border-radius: 0 27px 27px 0; }
	.success-msg { font-size: 40px !important; }
}

/*****************************************************01/08/2019***********************************************************************************************************/
#header {
	display: flex;
	height: 111px;
	width: 100%;
}

.menu {
	width: 750px;
}

.menu ul {
	display: inline-flex;
	margin-top: 39px;
	width: 100%;
	background-color: #133984;
	border-radius: 30px 0px 0px 30px;
}

.menu ul > li {
	line-height: 20px;
	list-style: none;
	border-right: 1px solid #fff;
}

	.menu ul > li > a {
		display: inline-block;
		text-decoration: none !important;
		padding: 10px 15px;
		color: #fff;
	}

	.menu ul > li:hover {
		background-color: #00aeef;
	}

	.menu ul > li::marker {
		display: none;
	}

.logo {
	width: 210px;
	text-align: center;
}

.logo-image {
	padding-top: 15px;
}

.question-number p {
	color: #2f4b81;
	font-weight: 600;
}

	.question-number p:hover {
		color: #2f4b81 !important;
	}

.login {
	overflow: hidden;
	padding: 15px 0;
	border-top: 1px solid #b2daef;
}

.date {
	overflow: hidden;
	padding: 15px 0;
	display: flex;
}
.date.hide {
	display:none;	
}
.date-content {
	font-weight: 600;
}

.dob {
	overflow: hidden;
	width: 64%;
	display: flex;
}

.select {
	padding-right: 5px;
	position: relative;
}

.title {
	font-size: 16px !important;
	/* font-weight: 600; */
}

.select::after {
	position: absolute;
	background-image: url('../css/images/br_down.png');
	background-repeat: no-repeat;
	background-position-x: 5px;
	background-position-y: 7px;
	content: '';
	width: 14px;
	height: 23px;
	top: -2px;
	left: 8px;
	/*z-index: 99999;*/
	pointer-events: none;
}
.select:last-child::after {
	left: 0px;
}
select {
	width: 76px;
/*	height: 24px; */
	color: #133169;
	font-size: 16px;
	font-weight: 500;
	position: relative;
	background: #e3f1fa;
	background: -moz-linear-gradient(top, #e3f1fa 0%, #fff 100%);
	background: -webkit-linear-gradient(top, #e3f1fa 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #e3f1fa 0%,#fff 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e3f1fa', endColorstr='#ffffff',GradientType=0 );
	-webkit-appearance: none;
	border: 1px solid #a4c5d7;
	border-radius: 2px;
	padding-right: 5px;
	text-overflow: '';
}

.note {
	overflow: hidden;
}

.note-content {
	float: left;
	width: 63%;
}

.date-enty {
	width: 36%;
}

.input-content {
	width: 36%;
}

.date-input {
	width: 64px;
}

.input-values {
	width: 227px;
	margin-right: 5px;
	height: 24px;
	background: #e3f1fa;
	background: -moz-linear-gradient(top, #e3f1fa 0%, #fff 100%);
	background: -webkit-linear-gradient(top, #e3f1fa 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #e3f1fa 0%,#fff 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e3f1fa', endColorstr='#ffffff',GradientType=0 );
	-webkit-appearance: none;
	border: 1px solid #a4c5d7;
	border-radius: 2px;
	color: #133169;
	font-size: 16px;
	font-weight: 500;
	padding-right: 10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
	.chrome {
		property: value;
	}

	.menu ul > li {
		line-height: -webkit-calc(20px);
	}
}
/************************ Login Page Responsive******************************/
.login_heading h3 {
    line-height: 30px;
    border-radius: 15px 0 0 15px;
    padding: 0 22px 0 19px;
}
@media only screen and (max-width: 1900px) and (min-width: 1024px) {
	.login_heading h3 {
		font-size: 20px !important;
		line-height: 57px;
	}
	.login_button .btn-orange {
		font-size: 20px;
	}
	.login_button .notice {
		font-size: 23px;
	}
	.login-pg .custom-radio {
		width: 19%;
	}
}
@media only screen and (max-width: 991px) {
	.login-pg {
		padding: 15px !important;
		width: auto;
	}
	.login_heading h3 {
		font-size: 20px !important;
	}

	.login_button .btn-orange {
		font-size: 20px;
	}

	.login_button .notice {
		font-size: 23px;
	}

	.login-pg .custom-radio {
		width: 15%;
	}
}

@media only screen and (max-width: 800px) {
	.login-pg p {
		font-size: 20px !important;
	}

	.select::before {
		top: 25px !important;
		left: 10px !important;
	}

	.input-values {
		height: 47px !important;
	}

	.note-content {
		float: none !important;
		width: 100% !important;
	}

	.dob {
		width: 100% !important;
		display: block !important;
		margin-top: 3% !important;
		margin-bottom: 3% !important;
	}

	.date {
		display: block !important;
	}

	.date-enty {
		width: 100% !important;
	}

	.select.custom-radio {
		width: 100% !important;
	}

	.select {
		padding-right: 0px !important;
	}

		.select option {
			font-size: 12px !important;
		}

	.input-content {
		width: 100% !important;
	}

	.input-values {
		width: 100% !important;
	}

	.date-input {
		width: 100% !important;
	}

	.input-values {
		width: 97% !important;
		padding: 25px 10px !important;
		margin-top: 3% !important;
		margin-bottom: 3% !important;
		margin-right: 0px !important;
	}

	.select select {
		width: 100% !important;
		margin: 1% 0% !important;
		padding: 15px 10px !important;
		font-size: 20px !important;
	}

	.input-values {
		height: 0px !important;
	}

	.date {
		padding: 0 0px !important;
	}

	.btn.btn-orange {
		font-size: 20px;
	}

	.section-foot {
		padding: 0px 16px 0px 0px !important;
	}

	.login_heading h3 {
		font-size: 20px !important;
		line-height: 35px;
	}
	.login-pg p {
		padding: 0px 5px !important;
		color: #133169;
	}
}


@media all and (min--moz-device-pixel-ratio:0) and (max-width: 800px) {
	.select select {
		padding: 15px 10px !important;
	}

	.select::before {
		top: 25px !important;
		left: 20px !important;
	}

	.login_heading h3 {
		padding: 8px 8px 7px 15px !important;
		font-size: 20px !important;
		border-radius: 20px 0 0 20px;
		line-height: 20px;
	}

	.login-pg p {
		font-size: 20px !important;
	}

	.section-foot .notice {
		font-size: 20px;
	}
}

@media only screen and (max-width: 600px) {

	.section-foot .notice {
		font-size: 20px !important;
	}

	.login_button .notice {
		float: inherit !important;
		padding: 0px 0px 10px 0px !important;
	}

	.section-actions {
		float: right !important;
	}

	.login_button .btn-orange {
		border-radius: 22px 22px 22px 22px !important;
		padding: 25px 35px !important;
		margin: 0 auto;
		display: block;
		text-align: center !important;
		float: none !important;
	}

	.login-pg p {
		font-size: 16px !important;
		padding: 0px !important;
	}

	.input-values {
		width: 96% !important;
	}
	.section-actions {
		float: none !important;
		padding: 15px;
	}
}

@media all and (min--moz-device-pixel-ratio:0) and (max-width: 600px) {
	.login_button .btn-orange {
		padding: 20px 20px 20px 20px !important;
		line-height: 0px !important;
	}
}

@media only screen and (max-width: 500px) and (min-width: 375px) {

	.section-body p {
		font-size: 18px !important;
		padding: 0px 5px !important;
	}

	.select::before {
		top: 15px !important;
		left: 30px !important;
	}


	.input-values {
		height: 47px !important;
	}

	.note-content {
		float: none !important;
		width: 100% !important;
	}

	.dob {
		width: 100% !important;
		display: block !important;
		margin-top: 3% !important;
		margin-bottom: 3% !important;
	}

	.date {
		display: block !important;
	}

	.date-enty {
		width: 100% !important;
	}

	.select.custom-radio {
		width: 100% !important;
	}

	.select select {
		width: 100% !important;
		margin: 1% 0% !important;
		font-size: 16px !important;
	}

	.select {
		padding-right: 0px !important;
	}

		.select option {
			font-size: 12px !important;
		}

	.input-content {
		width: 100% !important;
	}

	.input-values {
		width: 100% !important;
		margin-right: 0px !important;
	}

	.date-input {
		width: 100% !important;
	}

	.input-values {
		width: 94% !important;
		padding: 25px 10px !important;
		margin-top: 3% !important;
		margin-bottom: 3% !important;
	}

	.input-values {
		height: 0px !important;
	}

	.btn.btn-orange {
		font-size: 16px !important;
	}

	.section-foot {
		padding: 0px 15px 0px 15px !important;
	}

	.notice {
		padding-bottom: 18px;
		padding: 10px 3px;
	}

	.login {
		padding: 15px 0px !important;
	}

	.select::before {
		top: 20px !important;
		left: 10px !important;
	}

	.login_button .btn-orange {
		padding: 20px 40px 20px 40px !important;
	}
}

@media only screen and (max-width: 375px) {
	.input-values {
		width: 93% !important;
	}
}

@media all and (min--moz-device-pixel-ratio:0) and (max-width: 500px) and (min-width: 375px) {
	.select::before {
		top: 20px !important;
	}

	.login_button .btn-orange {
		padding: 20px 20px 20px 20px !important;
		line-height: 0px !important;
	}

	.input-values {
		padding: 25px 10px !important;
	}

	.section-foot .notice {
		font-size: 20px !important;
	}
	.input-values {
		width: 92% !important;
	}
}

@media only screen and (max-width: 360px) {
	.select select {
		padding: 15px 10px !important;
	}

	.input-values {
		width: 92% !important;
		padding: 25px 10px !important;
	}

	.login_button .btn-orange {
		padding: 20px 20px 20px 20px !important;
	}

	.select::before {
		top: 20px !important;
	}

	.section-foot {
		padding: 0px 10px 0px 10px !important;
	}
}

@media all and (min--moz-device-pixel-ratio:0) and (max-width: 360px) {
	.login_button .btn-orange {
		padding: 20px 20px 20px 20px !important;
	}

	.select select {
		width: 99% !important;
	}

	.select::before {
		left: 15px !important;
	}

	.section-foot {
		padding: 0px 15px 0px 0 !important;
	}

	.section-body p {
		font-size: 18px !important;
		padding: 0 !important;
	}
}

@media only screen and (max-width: 320px) {
	.section-body p {
		padding: 0px 0px !important;
		font-size: 14px !important;
	}

	.section-foot .notice {
		font-size: 16px !important;
	}
}

@media all and (min--moz-device-pixel-ratio:0) and (max-width: 320px) {

	.input-values {
		width: 91% !important;
	}

	.select select {
		padding: 10px 10px !important;
	}


	.section-foot .notice {
		font-size: 16px !important;
	}
}