.specialWrapper {
	position: relative;
	overflow: hidden;
	background: url('//ifrype.com/lapas/special/esmaja/eiropasspele/assets/bg.jpg') no-repeat;
	width: 730px;
	min-height: 500px;
}
.specialWrapper > .recommend {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 10;
}

#specialContent {
	
}

.headerControls {
	position: absolute;
	top: 45px;
	width: 713px;
	margin: 0 auto;
	left: 0;
	right: 0;
	text-align: right;
}

.footerControls {
	text-align: center;
	margin-top: 10px;
}
.footerControls.hidden {
	display: none;
}

.specialButton {
	display: inline-block;
	overflow: hidden;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Novecentowide Normal', Tahoma;
	font-size: 20px;
	color: #fff;
	line-height: normal;
	-webkit-font-smoothing: antialiased;
}
.specialButton.returnToHome {
	background: url('//ifrype.com/lapas/special/esmaja/eiropasspele/assets/btn/home.png') no-repeat;
	width: 46px;
	height: 41px;
	position: absolute;
	top: 14px;
	left: 10px;
	background-position: 0 -41px;
}
.specialButton.returnToHome:hover {
	background-position: 0 0;
}
.specialButton.lightBlue {
	background: url('//ifrype.com/lapas/special/esmaja/eiropasspele/assets/btn/light_blue.jpg') no-repeat;
	width: 330px;
	height: 40px;
	line-height: 40px;
	text-shadow: 1px 1px #3c806a;
}
.specialButton.darkBrown {
	background: url('//ifrype.com/lapas/special/esmaja/eiropasspele/assets/btn/dark_brown.jpg') no-repeat;
	width: 330px;
	height: 40px;
	line-height: 40px;
	text-shadow: 1px 1px rgba(5, 5, 5, 0.47);
}

.specialTitle {
	border: 0;
	margin: 0;
	padding: 0;
}

.specialTitle.index {
	position: absolute;
	z-index: 5;
	top: 8px;
	left: 0;
	right: 0;
	text-align: center;
}
.specialTitle.facts {
	position: absolute;
	top: 20px;
	left: 60px;
	z-index: 5;
}
.specialTitle.pictures {
	position: absolute;
	top: 20px;
	left: 65px;
	z-index: 5;
}
.specialTitle.result {
	position: absolute;
	top: 20px;
	left: 130px;
	z-index: 5;
}
.specialTitle.top {
	position: absolute;
	top: 40px;
	left: 60px;
	z-index: 5;
}


.worldLoop {
	background: url('//ifrype.com/lapas/special/esmaja/eiropasspele/assets/world_loop_bg.jpg') repeat-x;
	width: 730px;
	height: 210px;
	margin-top: 60px;
	
	animation: slide 40s linear infinite;
	-moz-animation: slide 40s linear infinite;
	-ms-animation: slide 40s linear infinite;
	-webkit-animation: slide 40s linear infinite;
	-o-animation: slide 40s linear infinite;
}

.gameSelection {
	text-align: center;
	margin-top: 15px;
}
.gameSelection > li {
	display: inline-block;
	margin: 0 5px;
}

.topBg {
	background: url('//ifrype.com/lapas/special/esmaja/eiropasspele/assets/top_bg.jpg') no-repeat;
	width: 713px;
	height: 355px;
}

.introDescription {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	color: #302b1d;
	width: 670px;
	margin: 20px auto 0;
}
.resultText {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	line-height: normal;
	color: #363636;
	margin-top: 100px;
	text-align: center;
	text-shadow: 1px 1px rgba(240, 238, 219, 0.5);
}
.resultControls {
	text-align: center;
	position: absolute;
	top: 200px;
	left: 0;
	right: 0;
}
.resultBg, .factsBoard {
	background: url('//ifrype.com/lapas/special/esmaja/eiropasspele/assets/facts_bg.jpg') no-repeat;
	width: 703px;
	height: 355px;
}
.picturesBoard, .countriesBoard {
	background: url('//ifrype.com/lapas/special/esmaja/eiropasspele/assets/pictures_bg.jpg') no-repeat;
	margin: 60px 0 0 10px !important;
}
.picturesBoard {
	width: 410px;
	height: 429px;
}
.countriesBoard {
	width: 283px;
	height: 429px;
}
.countriesBoard .specialButton.darkBrown {
	width: 263px
}
.countriesBoard > .countriesDescription {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #302b1d;
	margin: 60px 10px 0;
}
.countriesBoard > .resultControls {
	bottom: 10px;
	top: auto;
}
.countrySelector {
	position: absolute;
	top: 60px;
	right: 20px;
	width: 162px;
	height: 28px;
	z-index: 50;
}
.countrySelector > .countrySelectTitle {
	position: absolute;
	top: -20px;
	color: #302b1d;
	font-family: 'Novecentowide Normal', sans-serif;
	text-transform: uppercase;
	font-size: 17px;
	left: 0;
	right: 0;
	text-align: center;
}
.countrySelector > select {
	line-height: normal;
	color: #302b1d;
	font-family: 'Novecentowide Normal', sans-serif;
	text-transform: uppercase;
	font-size: 17px;
	width: 162px;
	height: 28px;
	padding: 0 0 0 10px;
	overflow:hidden;
}
.countrySelector > select > option {
	color: #302b1d;
}
.resultBg, .factsBoard, .picturesBoard, .countriesBoard, .topBg {
	margin: 60px auto 0;
	overflow: hidden;
	position: relative;
}
.topBg {
	margin-top: 90px;
}
.factsBoard > .secondsTimer {
	background: url('//ifrype.com/lapas/special/esmaja/eiropasspele/assets/clock.png') no-repeat right 50%;
	padding-right: 39px;
	position: absolute;
	top: 35px;
	right: 35px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 50px;
	color: #464130;
	line-height: normal;
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
}
.factsProgress {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 24px;
	color: #f0eedb;
	line-height: normal;
	margin-left: 23px;
	margin-top: 30px;
	font-weight: normal;
}
.factsProgress:first-child {
	margin-top: 30px;
}
.factsQuestion {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	color: #474231;
	line-height: normal;
	text-shadow: 1px 1px rgba(240, 238, 219, 0.5);
	margin-left: 23px;
	margin-right: 130px;
	font-weight: normal;
}

.questionContainer {
	margin-bottom: 10px;
	position: relative;
	margin-top: 57px;
}
.questionContainer > .questionPicture {
	margin-left: 10px;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}
.questionContainer > .questionRight {
	display: inline-block;
	vertical-align: top;
	width: 187px;
	margin-left: 5px;
}
.pictureQuestion {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	color: #474231;
	line-height: normal;
	text-shadow: 1px 1px rgba(240, 238, 219, 0.5);
	font-weight: normal;
}

.specialButton.factsAnswer.locked {
	cursor: default;
	opacity: 0.8;
	filter: alpha(opacity=80);       /* IE8 and lower */
	background-position: 0 -100px;
}
.specialButton.factsAnswer.locked:hover {
	background-position: 0 -100px;
}
.specialButton.factsAnswer.locked > span {
	background: url('//ifrype.com/lapas/special/esmaja/eiropasspele/assets/lock.png') no-repeat left center;
	padding-left: 55px;
	height: 21px;
	position: relative;
	left: -29px;
}

.factsAnswers, .picturesAnswers {
	text-align: center;
	margin-top: 20px;
}
.factsAnswers {
	text-align: center;
	left: 0;
	right: 0;
	position: absolute;
	bottom: 108px;
	margin-top: 0;
}
.picturesAnswers > li {
	margin: 5px 0;
}
.factsAnswers > li {
	display: inline-block;
	margin: 0 5px 5px;
}

.specialButton.factsAnswer {
	background: url('//ifrype.com/lapas/special/esmaja/eiropasspele/assets/btn/v2/facts_answer.jpg') no-repeat;
	width: 330px;
	height: 50px; 
	line-height: 50px;
	font-size: 14px;
}
.specialButton.factsAnswer > span {
	display: -moz-inline-box;  /* FF2 or lower */
	display: inline-block;     /* FF3, Opera, Safari */
	line-height: normal;
	vertical-align: middle;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}
.specialButton.factsAnswer > span { *display  : inline; } /* haslayout for IE6/7 */

.specialButton.factsAnswer:hover {
	background-position: 0 -50px;
}
.specialButton.factsAnswer:hover > span {
	text-decoration: none;
}

.specialButton.factsAnswer.correct {
	background-position: 0 -100px;
}
.specialButton.factsAnswer.incorrect {
	background-position: 0 -150px;
}

.specialButton.pictureAnswer {
	background: url('//ifrype.com/lapas/special/esmaja/eiropasspele/assets/btn/v2/pictures_answer.jpg') no-repeat;
	width: 393px;
	height: 35px; 
	line-height: 35px;
	font-size: 14px;
}
.specialButton.pictureAnswer > span {
	display: -moz-inline-box;  /* FF2 or lower */
	display: inline-block;     /* FF3, Opera, Safari */
	line-height: normal;
	vertical-align: middle;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}
.specialButton.pictureAnswer > span { *display  : inline; } /* haslayout for IE6/7 */

.specialButton.pictureAnswer:hover {
	background-position: 0 -35px;
}
.specialButton.pictureAnswer:hover > span {
	text-decoration: none;
}

.specialButton.pictureAnswer.correct {
	background-position: 0 -70px;
}
.specialButton.pictureAnswer.incorrect {
	background-position: 0 -105px;
}

.countryShapeBg {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
}

.pictureAnswer.disabled:hover, .factsAnswer.disabled:hover {
	background-position: 0 0;
}
.specialButton.disabled.pictureAnswer.correct:hover {
	background-position: 0 -70px;
}
.specialButton.disabled.factsAnswer.correct:hover {
	background-position: 0 -100px;
}
.specialButton.disabled.pictureAnswer.incorrect:hover {
	background-position: 0 -105px;
}
.specialButton.disabled.factsAnswer.incorrect:hover {
	background-position: 0 -150px;
}
.pictureAnswer.disabled, .factsAnswer.disabled {
	cursor: default;
}
.pictureAnswer.disabled:hover > span, .factsAnswer.disabled:hover > span {
	text-decoration: none;
}

.esFollow {
	background: url('//ifrype.com/lapas/special/esmaja/eiropasspele/assets/follow.png') no-repeat;
	width: 82px;
	display: block;
	height: 16px;
	background-position: 0 -16px;
}
.esFollow.checked {
	background-position: 0 0;
}

.esRulesContainer {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 170px;
	margin: 20px auto 0;
	text-align: left;
}
.esRulesContainer > .esRules {
	background: url('//ifrype.com/lapas/special/esmaja/eiropasspele/assets/v2/rules.png') no-repeat 0 0px;
	display: inline-block;
	height: 10px;
	padding-left: 12px;
	line-height: 10px;
	font-weight: bold;
	color: #302b1d;
}

#pictureQuestionFact {
	background: url('//ifrype.com/lapas/special/esmaja/eiropasspele/assets/v3/pictures_fact_bg.png') no-repeat;
	width: 297px;
	height: 122px;
	position: absolute;
	left: 425px;
	z-index: 15;
}
#pictureQuestionFact > #picQFactText {
	padding: 10px 7px 10px 15px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	color: #474231;
}
#pictureQuestionFact.hidden {
	display: none;
}
#pictureQuestionFact.factPosition1 {
	top: 203px;
}
#pictureQuestionFact.factPosition2 {
	top: 242px;
}
#pictureQuestionFact.factPosition3 {
	top: 281px;
}
#pictureQuestionFact.factPosition4 {
	top: 323px;
}

.picturesBoard > .quizControls {
	text-align: center;
	margin-top: 10px;
}
.picturesBoard > .quizControls.hidden {
	display: none;
}

.factsExplanation {
	position: absolute;
	top: 253px;
	height: 102px;
}
.factsExplanation > p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	line-height: normal;
	color: #443e2d;
	padding: 23px 20px 10px;
}
.factsExplanation > p > a {
	color: #fff;
}

.topBg > .yourTopScore {
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Source Sans Pro', sans-serif;
	color: #302b1d;
}
.topBg > .yourTopScore > .score {
	font-weight: bold;
}
.topLists {
	margin: 50px 10px 0;
}
.topLists > .topList {
	display: inline-block;
	width: 225px;
	margin-right: 5px;
	vertical-align: top;
}
.topItems {
	display: inline-block;
}
.topItem {
	height: 50px;
	position: relative;
	margin-bottom: 10px;
}
.topItem > .image {
	border-radius: 5px;
	overflow: hidden;
	width: 50px;
	height: 50px;
	display: inline-block;
	margin-left: 2px;
}
.topItem > .position {
	vertical-align: top;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial;
	color: #302b1d;
}
.topItem > .info {
	display: inline-block;
	vertical-align: top;
	margin-left: 6px;
	width: 115px;
	word-wrap: break-word;
}
.topItem > .info > .title {
	margin-bottom: 3px;
}
.topItem > .info > .title > .user {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	word-wrap: break-word;
}
.topItem > .info > .points {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #302b1d;
}

.footerControls > .navigBg > .navig {
	background: url('//ifrype.com/lapas/special/esmaja/eiropasspele/assets/pg_bg.jpg') no-repeat center center;
	height: 30px;
	line-height: 30px;
}

.footerControls > .navigBg > .navig .first > a {
	
}

.footerControls > .navigBg > .navig a {
	background: none;
	border: none;
	font-family: 'Novecentowide Normal', sans-serif;
	text-shadow: none;
	color: #fff;
	font-size: 16px;
	line-height: normal;
}
.footerControls > .navigBg > .navig a.active, .footerControls > .navigBg > .navig a:hover {
	font-family: 'Novecentowide Bold', sans-serif;
	color: #d7c300 !important;
	font-weight: bold;
}

.footerControls > .navigBg > .navig .last > a {
	
}