@charset "utf-8";
/* CSS Document */
.container{width:810px}
.content-wrapper{width:790px; font-size:11pt;}
.content{padding:20px 30px}

h1{margin-bottom:15px}

.quiz-description{background:#f5f5f5;}
.quiz-description-title{height:239px;  padding-right:258px; background:url(description-top.jpg) no-repeat top center;}
.small-white{color:#FFF; font-family:'Conv_FbHachaluzim-Medium', Times, serif; font-size:30px; padding-top:50px}
.big-white{color:#FFF; font-family:'Conv_FbHachaluzim-Medium', Times, serif; font-size:50px;font-weight:bold}
.new-big-white{color:#FFF; font-family:'Conv_FbHachaluzim-Medium', Times, serif; font-size:45px; font-weight:bold; padding-top:45px; margin-bottom:5px;}
.english-white{color:#fff; font-family:'Alef'; font-size:18px; margin-top:5px; direction:ltr; text-align:right}
.hebrew-white{color:#fff; font-family:'Conv_FbHachaluzim-Medium'; font-size:26px; margin-top:5px; direction:rtl; text-align:right}
.quiz-description-wrapper{padding:10px 59px 100px 59px;}
.quiz-description-wrapper p{ line-height:22px}
.big-blue{color:#0094b3; font-family:'Conv_FbHachaluzim-Medium', Times, serif; font-size:22px; }
.button-wrapper{width:203px; text-align:center; float:left; margin-top:35px}
.button-wrapper img{cursor:pointer; display:block; margin-bottom:7px}

.quiz-container-title{height:168px; background:url(questions-top.jpg) no-repeat center top; direction:ltr; padding-left:320px; margin-bottom:15px}
.quiz-english-white{direction:ltr;color:#fff; font-family:'Alef'; font-size:23px; font-weight:bold; padding-top:43px}

.continue-button-wrapper{text-align:left; padding:10px 0 20px 58px;}
.continue-button-wrapper img{cursor:pointer}
.question-num{width:37px; height:25px; padding-left:5px; padding-top:5px; margin-left:10px; float:right; text-align:left; font-weight:bold; font-size:13pt; color:#FFF; background:url(number-bg.png) no-repeat top right}
.question-content{padding:3px 0 0 50px; float:right; width:620px}
.question-title{font-size:12pt; font-weight:bold}
.question-title{padding-bottom:10px}
.question-content ul{list-style:none; border-top:solid 1px #d4d4d4; padding:0;}
.question-content ul li{border-bottom:solid 1px #d4d4d4; padding:12px 0 15px 0}
.question-content ul li label{margin-right:10px}

.quiz-container{display:none; background:#f5f5f5;}
.question_wrapper{display:none}
/*
.quiz-progress-bar{width:350px; border:solid 1px #999; height:20px;}
.progress{background:#C90; height:20px; width:0}
.percent-container{width:350px; position:absolute; text-align:center; height:20px; color:#000; font-weight:bold; font-size:9pt}
*/
.quiz-progress-bar{padding-top:12px}
.progress_img{margin-right:1px; float:left}

.purple{background:url(purple.jpg)}
.white{background:url(white.jpg)}

.checkbox, .radio {
	width: 24px;
	height: 24px;
	padding: 0 5px 0 0;
	background: url('radio-button.png') no-repeat;
	display: block;
	clear: right;
	float: right;
}

input[type="radio"]:checked + label{font-weight:bold}

#countdown{margin-right:59px; width:40px; float:right}

.shalem-logo{float:left; border:none; margin-bottom:10px;}
.result_wrapper{background:#f5f5f5;}
/*.result{background:url(result-top.jpg); height:238px; padding-right:302px; text-align:center}*/
.result{height:239px;  padding-right:240px; background:url(description-top.jpg); text-align:center}
.result_success_text{color:#FFF; font:normal 34px 'Conv_FbHachaluzim-Medium', Times, serif; margin-bottom:7px; padding-top:35px; }
.result_description_text{color:#FFF/*f7ba6a*/; font:normal 24px 'Conv_FbHachaluzim-Medium', Times, serif; line-height:28px }
.facebook-share-wrapper{ margin-top:15px;}
.facebook-share-wrapper img{cursor:pointer}

.result_explanation_text{margin:15px 35px 25px 35px; font:normal 24px 'Conv_FbHachaluzim-Medium', Times, serif;}
.result_content_wrapper{margin:5px 35px 5px 35px; background:url('result-form-bg.jpg'); width:663px; height:414px}

.form_text{width:427px; height:312px; float:right; padding:15px 15px 15px 15px}
.form_text_title{text-align:center; color:#7b2059; font-family:'Conv_FbHachaluzim-Medium', Times, serif; font-size:22px; font-weight:bold;}
.form_text ul{list-style-image:url(punkt.png); margin-right:20px;}
.form_text ul li{font-size:17px; line-height:22px; padding-right:5px; padding-left:40px; padding-bottom:8px}

.form_wrapper{width:175px; height:312px; float:right; padding:15px;}
.form_title{color:#FFF; text-align:center; font-family:'Conv_FbHachaluzim-Medium', Times, serif; font-size:24px; }
.form_wrapper label{display:block; color:#FFF; font:normal 11pt Arial, Helvetica, sans-serif; margin:12px 20px 3px 0;}
.form_wrapper input[type=text]{background:#e0c9d8; width:130px; height:25px; margin-right:20px}
.form_wrapper input[type=image]{display:block; margin:0 auto; margin-top:20px; cursor:pointer}

#loader{text-align:center; margin-top:3px; visibility:hidden}

.phone_wrapper{margin-top:25px; margin-right:17px;}
.phone_wrapper .phone_text{color:#e2984c; font:normal 34px 'Conv_FbHachaluzim-Medium', Times, serif}
.phone_wrapper .phone{color:#FFF; font:normal 26px Arial, Helvetica, sans-serif; letter-spacing:1px; direction:ltr; margin-right:5px}
.phone_wrapper .facebook{display:block; width:30px; height:30px; float:left; margin-left:10px; margin-top:4px; background:url('fb.png')}
.phone_wrapper .twitter{display:block; width:30px; height:30px; float:left; margin-left:14px; margin-top:4px; background:url('tw.png')}

.star-comment{padding-right:35px; font-size:10pt; padding-bottom:20px}

.question-text img{
	max-width: 100%;
	height: auto;
}

@media only screen and (max-width: 860px){ 
	body{background:none; background-color:#ffffff;}
	.container{width:100%; padding:0; margin:0;}
	.content-wrapper{width:100%; margin:0; padding:0;}
	.content{padding:0}
	.quiz-description-title{width:calc(100% - 258px);background-size: 100% auto;}
	.quiz-description-wrapper{padding:10px 20px;}
	.quiz-container-title{background-size: 100% auto;}
	.question-content{padding:3px 3% 0 3%; float:right; width:94%}
	.continue-button-wrapper{text-align:center}
}
@media only screen and (max-width: 685px){ 
	
	.new-big-white{
		font-size: 30px;
		padding-top: 20px;
	}
	.hebrew-white{
		font-size: 20px;
	}
	.button-wrapper{
		float: none;
		margin: 0 auto;
	}
	.quiz-container-title{
		text-align: right;
		padding-left: 150px;
	}
	.progress_img{
		float: right;
	}
	.quiz-container-title .quiz-english-white{
		font-size: 18px;
		padding-top: 20px;
		padding-right: 20px;
	}
}
@media only screen and (max-width: 545px){ 
	.quiz-description-title{width:calc(100% - 180px); padding-right: 180px; height: 180px;}
}
@media only screen and (max-width: 500px){ 
	.quiz-description-title{
		height: 160px;
	}
	.new-big-white{
		font-size: 26px;
		padding-top: 10px;
	}
	/*.quiz-container-title{background-size: 500px 182px; height:182px;}*/
	.quiz-progress-bar{margin-bottom:15px;}
	.quiz-container-title{/*display:none*/ height: 120px;}
	.quiz-container form{margin:0}

}
@media only screen and (max-width: 480px){ 
	.quiz-container-title{width:calc(100% - 30px); padding-left: 20px; padding-right: 10px; height: auto; padding-bottom: 20px; background-color: #0094b2; background-image: none; text-align: left;}
	.progress_img{
		float: left;
	}
	.quiz-description-title{width:calc(100% - 160px); padding-right: 160px; height: 160px; }
}
@media only screen and (max-width: 405px){ 
	.quiz-description-title{width:calc(100% - 20px); padding-right: 20px; height: auto; padding-bottom: 20px; background-color: #0094b2; background-image: none;   }
}