,,* {
	margin:0;
	padding:0;
	border:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box
}

body {
	font-size:12px;
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: 1px;
}

a, a:hover{
	-moz-transition:all ease-in-out .2s;
	-o-transition:all ease-in-out .2s;
	transition:all ease-in-out .2s
}

*:focus, textarea {
	outline: none !important;
	box-shadow: none !important;
	border: none !important;
}



.main_bg{

}

.videoverlay_final{
	background-color: rgba(0,0,0,.8);
}


#home{
	position: absolute;
	z-index: 100;
	background-color: #159891;
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;	
}


#home_background{
	position: absolute;
	z-index: 90;
	background-image: url('../img/bghome.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	max-width: 1920px;
	max-height: 890px;
	width: 100%;
	height: 100%;
}


#home_cont{
	text-align: center;
	width: 65%;
	margin: 0px auto;
	margin-top: 40px;
	margin-bottom: 40px;
}

#home_cont .main_logo{
	width: 220px;
	margin: 0px auto;
	margin-bottom: 60px;
}



#home_cont .globus_cont{
	display: block;
	overflow: hidden;
	margin-bottom: 70px;
}

#home_cont .cont_globus1{
	float: left;
	width: 50%;
	padding-right: 40px;
}

#home_cont .cont_globus2{
	float: left;
	width: 50%;
	padding-left: 40px;
}

#home_cont .globus1 {
	font-size: 19px;
	background-color: #FF5C00;
	border-radius: 100px;
	padding: 20px 40px;
}

#home_cont .globus2 {
	font-size: 19px;
	background-color: #0076C5;
	border-radius: 100px;
	padding: 20px 40px;
}

#home_cont .triangulo-equilatero-bottom-left {
	width: 0;
	height: 0;
	border-right: 70px solid #FF5C00;
	border-top: 0px solid #FF5C00;
	border-left: 0px solid transparent;
	border-bottom: 30px solid transparent;
	margin: 0px auto;
}

#home_cont .triangulo-equilatero-bottom-right {
	width: 0;
	height: 0;
    border-left: 70px solid #0076C5;
	border-top: 0px solid #0076C5;
	border-right: 0px solid transparent;
	border-bottom: 30px solid transparent;
	margin: 0px auto;
}


#home_cont .welcome{
	font-size: 35px;
	margin-bottom: 10px;
	color: #ffffff;
}

#home_cont .play{
	font-weight: bold;
	font-size: 60px;
	margin-bottom: 30px;
	color: #ffffff;
}


#home_cont .main_button_cont{
}


#home_cont .older_buttons .main_button_cont{
	float: left;
}


#home_cont .main_button_cont{
  display: flex;
  align-items: center;
  justify-content: center;
}

#home_cont .main_button_cont .bt{
	cursor: pointer;
	font-size: 30px;
	border-radius: 20px;
	color: #ffffff;
	font-weight: bold;
    width: 290px;
	height: 60px;
	display: block;
	float: left;
	margin: 0px 10px;
	display: flex;
	align-items: center;
	justify-content: center;	
}

#home_cont .main_button_cont.orange .bt{
	background-color: #c76d48;
	-moz-transition:all ease-in-out .2s;
	-o-transition:all ease-in-out .2s;
	transition:all ease-in-out .2s
}

#home_cont .main_button_cont.blue .bt{
	background-color: rgba(61,85,103,.7);
	-moz-transition:all ease-in-out .2s;
	-o-transition:all ease-in-out .2s;
	transition:all ease-in-out .2s
}


#home_cont .main_button_cont.orange .bt:hover{
	background-color: #323E44;
	-moz-transition:all ease-in-out .2s;
	-o-transition:all ease-in-out .2s;
	transition:all ease-in-out .2s
}





#home_cont .main_button_cont .bt span{
	font-weight: initial;
	font-size: 25px;
	min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;	
}







.day_quiz{
	position: absolute;
	z-index: 90;
	text-align: center;
	opacity: 0;
	min-width: 100vw;
	min-height: 100vh;
	display: none;
	top: 0px;
	background-color: rgba(0,118,197,1);
}	

.day_quiz .day_logo{
	width: 220px;
	margin: 0px auto;
	padding-top: 60px;
	margin-bottom: 20px;
}

.day_quiz .pregunta{
	opacity: 0;
	display: none;
	position: relative;
	width: 100%;
	padding-bottom: 40px;
}

.day_quiz .pregunta .tit_question{
	font-size: 30px;
	width: 800px;
	margin: 0px auto;
	margin-bottom: 20px;
	opacity: 0;
}

.day_quiz .explicacio{
	font-size: 20px;
	width: 900px;
	margin: 0px auto;
	margin-bottom: 30px;
	opacity: 0;
}


span.fontnoti {
  display: block;
  font-size: 14px;
  margin: 10px 0;
}
span.fontnoti a{
  color: #fff;
	text-decoration: underline;
}

.day_quiz .pregunta .correct_answer{
	font-size: 25px;
width: 990px;
margin: 0px auto;
margin-bottom: 25px;
opacity: 0;
}


.day_quiz .pregunta .answer{
	opacity: 0;
	position: relative;
	margin-left: -200px;
	margin-bottom: 30px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	height: 60px;
	float: left;
	width: 450px;
}

.day_quiz .pregunta .answer1, .day_quiz .pregunta .answer3{
	padding-left: 0px;
}

.day_quiz .pregunta .answer2, .day_quiz .pregunta .answer4{
	padding-left: 50px;
}



.day_quiz .pregunta .answer:hover{
	opacity: 1 ;
}





.pregunta8 .answer3 , .pregunta8 .answer4 {
	display: none !important;
}


.day_quiz .pregunta .answers_cont{
	width: 900px;
	margin: 0px auto;
	display: block;
	overflow: hidden;
}



.day_quiz .pregunta .answer_sobre{
	z-index: 2;
	display: block;
	overflow: hidden;
	position: absolute;
}


.day_quiz .pregunta .answer .letter{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	background-color: #D36642;
	margin-right: 5px;
	float: left;
	width: 38px;
	font-size: 25px;
	padding: 2px 1px 5px 3px;
	/*aquest margin el tinc per equilibrar el container de falseok*/
	margin-left: 0px;
	text-transform: uppercase;
	  font-weight: 700;
	  position: absolute;
	  top: 10px;
}

.day_quiz .pregunta .answer.selected .letter{
	background-color: rgba(232,119,34,.8);
}

	
	
.day_quiz .pregunta .answer .text{
	/*background-color: rgba(255,255,255,.6);*/
	color: #3d5567;
	float: left;
	font-size: 25px;
	padding: 14px 10px 14px 15px;
	padding-left: 60px;
	text-align: left;
	background-size: 100%;
	background-repeat: no-repeat;
	cursor: pointer;
	width: 400px;
}

	
.day_quiz .pregunta .answer1 .text{
	/*background-color: rgba(255,255,255,.6);*/	
	background-image: url("../img/bgd-a1.png");
}
.day_quiz .pregunta .answer2 .text{
	/*background-color: rgba(255,255,255,.6);*/	
	background-image: url("../img/bgd-a2.png");
}

.day_quiz .pregunta .answer3 .text{
	/*background-color: rgba(255,255,255,.6);*/	
	background-image: url("../img/bgd-a3.png");
}

.day_quiz .pregunta .answer4 .text{
	/*background-color: rgba(255,255,255,.6);*/	
	background-image: url("../img/bgd-a4.png");
}

.day_quiz .pregunta3 .answer4 .text{
	font-size: 17px;
	  padding-top: 21px;
	  padding-bottom: 21px;
}



.day_quiz .pregunta .answer .falseok{
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
	width: 40px;
	height: 55px;
	background-size: contain;
	margin-left: -70px;
	opacity: 0;
}




.day_quiz .pregunta .answer .falseok_1{
	background-image: url("../img/falseok_1.png");
}
	





.day_quiz .bt_next_question{
	display: none;
	font-size: 26px;
	color: #ffffff;
	background-color: #D36642;
	border-radius: 10px;
	width: 350px;
	margin: 0px auto;
	padding: 14px 0px 14px 0px;	
	opacity: 0;
    cursor: pointer;
	text-transform: uppercase;
	font-weight: 700;
	-moz-transition:all ease-in-out .2s;
	-o-transition:all ease-in-out .2s;
	transition:all ease-in-out .2s
}

.day_quiz .bt_next_question:hover{
	color: #ffffff;
	background-color: #323E44;
	-moz-transition:all ease-in-out .2s;
	-o-transition:all ease-in-out .2s;
	transition:all ease-in-out .2s
}

#result{
	position: absolute;
	opacity: 0;
	display: none;
	z-index: 70;
	background-color: #159891;
	min-width: 100vw;
	min-height: 100vh;
	align-items: center;
	justify-content: center;	
}


#result_background{
	position: absolute;
	z-index: 90;
	background-image: url('../img/bgresult.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	max-width: 1920px;
	max-height: 890px;
	width: 100%;
	height: 100%;
}


#result_cont{
	text-align: center;
	width: 65%;
	margin: 0px auto;
	margin-top: 40px;
	margin-bottom: 40px;
}


#result .main_logo {
  width: 220px;
  margin: 0px auto;
	margin-bottom: 0px;
  margin-bottom: 20px;
}


#result .quiz_finish{
	font-size: 26px;
	margin-bottom: 5px;
	opacity: 0;
	color: #D36642;
}

#result .tit_correct{
	font-size: 40px;
	margin-bottom: 20px;
	opacity: 0;
	color: #ffffff;
}

#result .num_results{
	font-size: 100px;
	opacity: 0;
	color: #FF5C00;
	font-weight: 800;
}

#result .questions{
	font-size: 40px;
	margin-bottom: 30px;
	opacity: 0;
	color: #ffffff;

}

#result .tit_form{
	font-size: 20px;
	margin-bottom: 30px;
	font-weight: 400;
	color: #ffffff;
	opacity: 0;
}


a.linkfederatur{
	font-size: 34px;
	font-weight: 700;
	color: #FF5C00;
	text-decoration: none;
	display: block;
	text-align: center;
	
	
}


.day_quiz .form_content{
	margin-bottom: 40px;
	background-image: url('../img/back_form.png');
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
    overflow: hidden;
    width: 945px;
	margin: 0px auto;
	margin-bottom: 20px;
	opacity: 0;
}

.day_quiz .form_content .input_content{
	float: left;
	width: 400px;
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 12px;
	height: 60px;
}

.day_quiz .form_content .input_content_segundo{
	width: 350px;
}

.day_quiz .form_content .bt_send_form{
	float: left;
	width: 190px;
	height: 60px;
	padding-top: 16px;
	font-size: 27px;
	cursor: pointer;
}

.day_quiz .form_content input{

	background-color: transparent;
	font-size: 30px;
	color: #122a3c;
	border: none;
	width: 100%;
}



.day_quiz .legales_content{
	font-size: 14px;
	opacity: 0;
}

.day_quiz .legales_content a{
	color: #ffffff;
	text-decoration: underline;
}


.day_quiz .validate{
	margin-bottom: 20px;
	color: #ff0000;
	font-size: 25px;
	height: 25px;
}


.day_quiz .thanks{
	font-size: 30px;
	padding-top: 70px;
	opacity: 0;
}



.day_quiz .tablepoints{
	opacity: 0;
	position: relative;
	text-align: center;
}

.day_quiz .tablepoints .playerranking{
	margin-top: 70px;
	margin-bottom: 40px;	
	font-size: 35px;
}

.table_title{
	border-bottom: 1px solid #ffffff;
	display: block;
	overflow: hidden;
	margin-bottom: 25px;
	padding-bottom: 15px;	
}

.table_cont{
	width: 1200px;
	margin: 0px auto;
	font-size: 30px;
	text-align: center;
}


.table_title .rank_title{
	width: 150px;
	float: left;
}

.table_title .player_title{
	width: 900px;
	float: left;
}

.table_title .points_title{
	width: 150px;
	float: left;
}

.frametable_absoluta{
	width: 1200px;	
	height: 600px;
}

.bt_start_again{

  font-size: 27px;
  color: #ffffff;
  background-color: #ff780e;
  border-radius: 30px;
  width: 350px;
  margin: 0px auto;
  padding: 14px 0px 14px 0px;
  opacity: 0;
}


.bt_start_again_points{
	margin-top: 60px;
}


#fancy_still_here h2{
	color: #122a3c;
	text-transform: uppercase;
	font-size: 30px;
	text-align: center;
	  font-weight: bold;
	  margin-bottom: 40px;
}

#fancy_still_here .bt_still_here{
  font-size: 20px;
  color: #ffffff;
  background-color: #ff780e;
  border-radius: 30px;
  width: 350px;
  margin: 0px auto;
  padding: 14px 0px 14px 0px;
  text-align: center;
}

#fancy_still_here .fancybox-close-small{
	display: none;
}

#fancy_still_here {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
  border-radius: 20px;
}



#fancy_legales{
	color: #122a3c;
	max-height: 90%;
}

#fancy_legales h2{
	margin-bottom: 40px;
}

#fancy_legales .texto{
	margin-bottom: 40px;
	font-size: 15px;
}