#horoskops {
	font-family: 'museo_sans300', sans-serif;
}

#horoskops .checkboxesCont {
  /*width: 426px;*/
	margin-left: 150px;
	font-weight: bold;
	text-shadow: none;
}

#horoskops .checkboxesCont .item {
    height: 30px;
    line-height: 30px;
    color: #701228;
	font-size: 24px;
    /*background: url("//ifrype.com/lapas/dansukker/horoskops/assets/img/checkbox_sample.png") no-repeat 0 -60px;*/
	background: url("//ifrype.com/lapas/special/dansukker/horoskops/assets/img/empty_check.png") no-repeat 0 1px;
    display: block;
	padding-left: 42px;
	margin-bottom: 19px;
    text-decoration: none;
}
#horoskops .checkboxesCont .item.checked {
	background: url("//ifrype.com/lapas/special/dansukker/horoskops/assets/img/checked.png") no-repeat;
  /*background-position: 0 0;*/
}
#horoskops .checkboxesCont .item:hover {
	color: rgba(112,18,40,0.7);
  /*background-position: 0 -90px;*/
}
#horoskops .checkboxesCont .item:hover.checked {
  /*background-position: 0 -30px;*/
}

#horoskops .option {
	font-size: 18px;
	margin: 0;
	width: 50%;
	border: 0;
}

#horoskops .quizBox {
	width: 100%;
	height: 520px;
	background: 0;
	padding: 80px 0 0 0;
}

#horoskops .paging {
	display: none;
}

#horoskops #quizNextButton {
	background: #000;
	width: 100%;
	height: 100px;
}

#horoskops {
	background: url("//ifrype.com/lapas/special/dansukker/horoskops/assets/img/background.jpg") no-repeat;
}

#horoskops .dansukker_background {
	width: 100%;
	height: 600px;
	background: url("//ifrype.com/lapas/special/dansukker/horoskops/assets/img/background.jpg") no-repeat;
	position: relative;
}

#horoskops #dansukker_logo {
	position: absolute;
	top: 0;
	left: 25px;
	background: url("//ifrype.com/lapas/special/dansukker/horoskops/assets/img/logo.png") no-repeat;
	width: 107px;
	height: 127px;
}

#quiz_logo {
	position: absolute;
	left: 25px;
	background: url("//ifrype.com/lapas/special/dansukker/horoskops/assets/img/logo.png") no-repeat;
	width: 107px;
	height: 127px;
}

#horoskops .testTitle {
	position: absolute;
	width: 730px;
	height: 245px;
	top: 145px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font-size: 32px;
	line-height: 80px;
	text-shadow: 1px 1px 16px #000;
	background: rgba(124, 25, 51, 0.45);
}

#horoskops .testTitle p {
	/*padding-top: 25px;*/
}

#horoskops .startDescr {
	position: absolute;
	width: 610px;
	height: 80px;
	top: 240px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font-size: 22px;
	line-height: 28px;
	padding: 0 60px;
	text-shadow: 1px 1px 1px #000;
	font-weight: normal;
}

#horoskops .startDescr p {
	/*padding-top: 25px;*/
}

#horoskops .start_test {
	position: absolute;
	width: 730px;
	height: 80px;
	top: 420px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font-size: 32px;
	text-shadow: 2px 2px 10px #000;
	cursor: pointer;
	font-family: 'museo_sans300', sans-serif;
}

div.quizBox {
	font-family: 'museo_sans300', sans-serif;
}

#horoskops .start_test:hover {
	/*background-color: rgba(239, 29, 92, 0.75);*/
}

#start_link {
	color: #fff;
	text-decoration: none;
	font-size: 48px;
	display: block;
	height: 80px;
	vertical-align: middle;
	line-height: 80px;
	background-color: rgba(124, 25, 51, 0.45);
	text-shadow: 2px 2px 10px #000;
}

#start_link:hover{
	background-color: rgba(124, 25, 51, 0.65);
}

#dansukker_recommend {
	position: absolute;
	top: 570px;
	right: 30px;
}

.testTitle {
	position: relative;
}

.checkboxesCont {
	position: absolute;
	top: 100px;
	left: 55px;
	font-size: 20px;
}

#horoskops .checkboxesCont .item {
	/*color: #fff;*/
}

#horoskops .checkboxesCont .item:hover {
	/*color: #ddd;*/
}

.quizBox .question .text {
	color: #fff;
	text-shadow: 2px 2px 10px #000;
	font-size: 26px;
	height: 80px;
	vertical-align: middle;
	background-color: rgba(239, 29, 92, 0.55);
	font-weight: 400;
	font-family: 'museo_sans500';
	line-height: 80px;
	-moz-box-shadow:    0 1px 8px 1px #fff;
	-webkit-box-shadow: 0 1px 8px 1px #fff;
	box-shadow:         0 1px 8px 1px #fff;
}

.quizBox .answers {
	margin-top: 0;
}

.quizBox .answers .option {
	background: rgba(239, 29, 92, 0.35);
	color: #fff;
	text-shadow: 2px 2px 10px #000;
	font-weight: 400;
	height: 100px;
	line-height: 100px;
	border-radius: 0;
}

#horoskops .option {
	font-size: 26px;
}

.quizBox .answers .option:hover {
	background: rgba(255, 255, 255, 0.35);
}

.quizBox .buttonNext {
	width: 100%;
	background: rgba(239, 29, 92, 0.45);
	height: 80px;
	border: 0;
	box-shadow: none;
	line-height: 80px;
	text-transform:uppercase;
	font-size: 34px;
	font-weight: 500;
	text-shadow: 2px 2px 10px #000;
}

.quizBox .buttonNext:hover {
	width: 100%;
	background: rgba(239, 29, 92, 0.65);
}

.quizBox .answers .option.wrong {
	line-height: 100px;
	border: 0;
	background-color: rgba(255, 255, 255, 0.45);
}

.quizBox .answers.answered .option:hover {
	cursor: pointer;
	background: rgba(255, 255, 255, 0.45);
}

.quizBox .answers .option {
	background: rgba(124, 25, 51, 0.45);
}

/*
	QUIZ RESULTS
*/

.quiz-result .result_title {
	position: absolute;
	color: #fff;
	text-shadow: 2px 2px 10px #000;
	font-size: 26px;
	height: 80px;
	vertical-align: middle;
	background-color: rgba(239, 29, 92, 0.55);
	font-weight: 400;
	;width: 100%;
	line-height: 80px;
	text-align: center;
	top: 145px;
	font-family: 'museo_sans500', sans-serif;
	text-transform:uppercase;
	-moz-box-shadow:    0 0 8px 1px #fff;
	-webkit-box-shadow: 0 0 8px 1px #fff;
	box-shadow:         0 0 8px 1px #fff;
}

.quiz-result .description {
	position: absolute;
	width: 710px;
	color: #fff;
	text-shadow: 2px 2px 8px #000;
	font-size: 24px;
	line-height: 30px;
	height: 180px;
	vertical-align: middle;
	background-color: rgba(124, 25, 51, 0.35);
	top: 225px;
	text-align: center;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 400;
}

#button_cont {
	position: absolute;
	width: 100%;
	top: 425px;
}

#end_check {
	position: absolute;
	top: 425px;
	width: 500px;
	/*left: 55px;*/
	font-size: 20px;
}

.quiz-result #button_cont a {
	width: 50%;
	height: 80px;
	line-height: 80px;
	vertical-align: middle;
	font-size: 28px;
	text-shadow: 2px 2px 8px #000;
	text-align: center;
	display: block;
	margin: 0;
	float: left;
	background-color: rgba(239, 29, 92, 0.45);
	color: #fff;
	text-decoration: none;
}

.quiz-result #button_cont a:hover {
	background-color: rgba(221, 29, 92, 0.65);
}

#qnum {
	position: absolute;
	font-size: 30px;
	top: 100px;
	text-align: center;
	right: 20px;
	color: #DD1D5C;
}