/* ==========================================================================
	#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; }

/* ==========================================================================
	#TextArea & Select
========================================================================== */
.form_wrapper {
    background: #f1f8f8;
    border-radius: 10px;
    margin: 12px auto;
    padding: 25px 22px;
    position: relative;
	width:600px;
	display:table;
}
.form_wrapper .tr {
	display:table-row;
}
.form_wrapper .th {
    text-align:right;
	display: table-cell;
	width:32%;
	font-weight:bold;
}
.form_wrapper .td {
	display: table-cell;
	width:68%;
}
.form_wrapper input, .form_wrapper select, .form_wrapper textarea {
    border: #1e2b5d solid thin;
    background: #fff;
    border-radius: 10px;
    box-shadow: rgba(0,0,0,0.3) 0 1px 2px 0 inset;
    width: 90%;
    padding: 10px 20px;
    resize: none;
    color: #1e2b5d;
}
.form_wrapper select {
    -moz-appearance: none;
    -webkit-appearance: button;
    appearance: button;
    background: #fff url(../css/images/select_arrow.png) no-repeat scroll left 10px center;
    outline: 0;
    font-family: 'Heebo', sans-serif;
    padding: 8px 20px;
}
.form_wrapper select.small {
    width:31%;
}
/* ==========================================================================
	#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; padding: 0 22px 0 19px; line-height: 39px; text-align: right; border-radius: 0 19px 19px 0;
	background: #f77c1f;
	background: -moz-linear-gradient(left,  #f77c1f 0%, #f57d1c 3%, #f8821e 12%, #f6851b 16%, #f88c1d 26%, #f78c1a 27%, #f98e1c 28%, #f78e19 30%, #f8941c 37%, #f99519 41%, #fa981b 43%, #f89919 45%, #fa9b1b 48%, #fba618 63%, #f9a618 66%, #fcaa1a 71%, #faaa17 72%, #fdb218 87%, #fbb716 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f77c1f), color-stop(3%,#f57d1c), color-stop(12%,#f8821e), color-stop(16%,#f6851b), color-stop(26%,#f88c1d), color-stop(27%,#f78c1a), color-stop(28%,#f98e1c), color-stop(30%,#f78e19), color-stop(37%,#f8941c), color-stop(41%,#f99519), color-stop(43%,#fa981b), color-stop(45%,#f89919), color-stop(48%,#fa9b1b), color-stop(63%,#fba618), color-stop(66%,#f9a618), color-stop(71%,#fcaa1a), color-stop(72%,#faaa17), color-stop(87%,#fdb218), color-stop(100%,#fbb716));
	background: -webkit-linear-gradient(left,  #f77c1f 0%,#f57d1c 3%,#f8821e 12%,#f6851b 16%,#f88c1d 26%,#f78c1a 27%,#f98e1c 28%,#f78e19 30%,#f8941c 37%,#f99519 41%,#fa981b 43%,#f89919 45%,#fa9b1b 48%,#fba618 63%,#f9a618 66%,#fcaa1a 71%,#faaa17 72%,#fdb218 87%,#fbb716 100%);
	background: -o-linear-gradient(left,  #f77c1f 0%,#f57d1c 3%,#f8821e 12%,#f6851b 16%,#f88c1d 26%,#f78c1a 27%,#f98e1c 28%,#f78e19 30%,#f8941c 37%,#f99519 41%,#fa981b 43%,#f89919 45%,#fa9b1b 48%,#fba618 63%,#f9a618 66%,#fcaa1a 71%,#faaa17 72%,#fdb218 87%,#fbb716 100%);
	background: -ms-linear-gradient(left,  #f77c1f 0%,#f57d1c 3%,#f8821e 12%,#f6851b 16%,#f88c1d 26%,#f78c1a 27%,#f98e1c 28%,#f78e19 30%,#f8941c 37%,#f99519 41%,#fa981b 43%,#f89919 45%,#fa9b1b 48%,#fba618 63%,#f9a618 66%,#fcaa1a 71%,#faaa17 72%,#fdb218 87%,#fbb716 100%);
	background: linear-gradient(to right,  #f77c1f 0%,#f57d1c 3%,#f8821e 12%,#f6851b 16%,#f88c1d 26%,#f78c1a 27%,#f98e1c 28%,#f78e19 30%,#f8941c 37%,#f99519 41%,#fa981b 43%,#f89919 45%,#fa9b1b 48%,#fba618 63%,#f9a618 66%,#fcaa1a 71%,#faaa17 72%,#fdb218 87%,#fbb716 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f77c1f', endColorstr='#fbb716',GradientType=1 );*/
}

.section-questions .btn-blue { height: 25px; padding: 0 22px 0 28px; line-height: 20px; border-radius: 0 12px 12px 0; 
	background: #0785d1;
	background: -moz-linear-gradient(left,  #0785d1 0%, #0d89d3 10%, #118ad1 19%, #158bd3 21%, #148ad0 23%, #168cd4 25%, #178cd2 28%, #2393d5 46%, #2592d3 49%, #2e98d6 62%, #3298d6 72%, #369ad6 74%, #359cd7 77%, #389ad7 80%, #3a9dd8 87%, #3d9dd7 88%, #409fd9 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0785d1), color-stop(10%,#0d89d3), color-stop(19%,#118ad1), color-stop(21%,#158bd3), color-stop(23%,#148ad0), color-stop(25%,#168cd4), color-stop(28%,#178cd2), color-stop(46%,#2393d5), color-stop(49%,#2592d3), color-stop(62%,#2e98d6), color-stop(72%,#3298d6), color-stop(74%,#369ad6), color-stop(77%,#359cd7), color-stop(80%,#389ad7), color-stop(87%,#3a9dd8), color-stop(88%,#3d9dd7), color-stop(100%,#409fd9));
	background: -webkit-linear-gradient(left,  #0785d1 0%,#0d89d3 10%,#118ad1 19%,#158bd3 21%,#148ad0 23%,#168cd4 25%,#178cd2 28%,#2393d5 46%,#2592d3 49%,#2e98d6 62%,#3298d6 72%,#369ad6 74%,#359cd7 77%,#389ad7 80%,#3a9dd8 87%,#3d9dd7 88%,#409fd9 100%);
	background: -o-linear-gradient(left,  #0785d1 0%,#0d89d3 10%,#118ad1 19%,#158bd3 21%,#148ad0 23%,#168cd4 25%,#178cd2 28%,#2393d5 46%,#2592d3 49%,#2e98d6 62%,#3298d6 72%,#369ad6 74%,#359cd7 77%,#389ad7 80%,#3a9dd8 87%,#3d9dd7 88%,#409fd9 100%);
	background: -ms-linear-gradient(left,  #0785d1 0%,#0d89d3 10%,#118ad1 19%,#158bd3 21%,#148ad0 23%,#168cd4 25%,#178cd2 28%,#2393d5 46%,#2592d3 49%,#2e98d6 62%,#3298d6 72%,#369ad6 74%,#359cd7 77%,#389ad7 80%,#3a9dd8 87%,#3d9dd7 88%,#409fd9 100%);
	background: linear-gradient(to right,  #0785d1 0%,#0d89d3 10%,#118ad1 19%,#158bd3 21%,#148ad0 23%,#168cd4 25%,#178cd2 28%,#2393d5 46%,#2592d3 49%,#2e98d6 62%,#3298d6 72%,#369ad6 74%,#359cd7 77%,#389ad7 80%,#3a9dd8 87%,#3d9dd7 88%,#409fd9 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0785d1', endColorstr='#409fd9',GradientType=1 );*/
}

/* ==========================================================================
	#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: 842px; 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 );
}

.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: #f36f21; }



.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: #f36f21; }

/* ==========================================================================
	#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: #dd5e1c; }
.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 ) {
	.main img { width:100%; }
	.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%; }
	
	.form_wrapper { width:90%; font-size:16px; }
	.form_wrapper .th {
		text-align: right;
		 display:block; 
		width: 100%;
		font-weight: bold;
	}
	.form_wrapper .td {
		display: inline-table;
		width:100%;
	}
	.form_wrapper select.small {
		width: 29%;
	}
	.form_wrapper input, .form_wrapper select, .form_wrapper textarea {
		width: 100%;
	    padding: 10px 0px;
	}
}

@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; }
	
	.form_wrapper { width:90%; }
}

@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: 30px; 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; }
}