img {
       -ms-interpolation-mode: bicubic!important;
}

#main .spalla > nav ul li a.active span, #menu_mobile > li a.active span{
	color:#c41633;
}

#main .contenuto .cont_game .step
{
	float: left;
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 720px;
	height: auto;
	position: relative;
	border-bottom:18px solid #c41633;
}

#main .contenuto .game > article h2,
#main .contenuto .game > article p
{	color: #c41633;
}

#main .contenuto .cont_game .intro,
#main .contenuto .cont_game .mini-intro
{	background: #c41633;
}

#main .contenuto .cont_game .playgame
{	background: url("../images/game1/sf_playgame.jpg") no-repeat scroll left top;
}

#main .contenuto .cont_game #step2 > div
{	float: left;
	display: inline-block;
	margin:0;
	padding: 0;
	width: 100%;
	height: auto;
	position: relative;
}

#main .contenuto .cont_game #step2 > div > figure
{	float: left;
	display: inline-block;
	margin:0;
	padding: 0;
	width: 100%;
	height: auto;
}

#main .contenuto .cont_game #step2 > div > figure img
{	float: left;
	display: inline-block;
	margin:0;
	padding: 0;
	width: 100%;
	height: auto;
}

#main .contenuto .cont_game #step2 > div > a.anna
{	position: absolute;
	bottom: 2%;
    height: 57%;
    right: 9%;
    width: 35%;
    z-index: 10;
    background: url(../images/game1/transp.png) top left repeat;
}

#main .contenuto .cont_game #step2 > div > a.marco
{	position: absolute;
	bottom: 2%;
    height: 57%;
    left: 9%;
    width: 35%;
    z-index: 10;
    background: url(../images/game1/transp.png) top left repeat;
}

#main .contenuto .cont_game .step > .vite
{	position: absolute;
	top:10px;
	right:10px;
	width:auto;
	height:auto;
	z-index:9999;
}

#main .contenuto .cont_game .step > .vite > img
{	float: left;
	display: inline-block;
	margin:0;
	padding:0;
	width: auto;
	height: auto;
	margin-left:5px;
}

#main .contenuto .cont_game .step > .domanda
{	float: left;
	display: inline-block;
	margin:0;
	padding: 0;
	width: 100%;
	height: auto;
	position: relative;
}

#main .contenuto .cont_game .step > .domanda > figure
{	float: left;
	display: inline-block;
	margin:0;
	padding: 0;
	width: 100%;
	height: auto;
}

#main .contenuto .cont_game .step > .domanda > figure img
{	float: left;
	display: inline-block;
	margin:0;
	padding: 0;
	width: 100%;
	height: auto;
}

#main .contenuto .cont_game .step > .domanda > a
{	position: absolute;
	background: url(../images/game1/transp.png) top left repeat;
	width:18%;
	height:26%;
}

#main .contenuto .cont_game .step > .domanda#domanda_1 > a
{	bottom:2%;
	left:54%;
}

#main .contenuto .cont_game .step > .domanda#domanda_2 > a
{	bottom:17%;
	left:36%;
}

#main .contenuto .cont_game .step > .domanda#domanda_3 > a
{	bottom:17%;
	left:19%;
}

#main .contenuto .cont_game .step > .domanda#domanda_4 > a
{	bottom:17%;
	left:1%;
}

#main .contenuto .cont_game .step > .domanda > .quiz
{	display: none;
}

#main .contenuto .cont_game .step > .feedback
{	float: left;
	display: none;
	margin:0;
	padding: 0;
	width: 100%;
	height: auto;
	position: relative;
}

#main .contenuto .cont_game .step > .feedback > img
{	float: left;
	display: inline-block;
	margin:0;
	padding:0;
	width: 100%;
	height: auto;
}

#main .contenuto .cont_game .step > .feedback > div
{	position: absolute;
	bottom:35px;
	right: 3%;
	width: 50%;
	height: auto;
	text-align: center;
}

#main .contenuto .cont_game .step > .feedback > div > h2
{	float: left;
	display: inline-block;
	margin: 0;
	padding:0;
	width: 100%;
	text-align: center;
	font-size:70px;
	line-height: 70px;
	text-transform: uppercase;
	color: #005e9c;
	font-family: "helvetica neue", "Open Sans", Arial, sans-serif;
}

#main .contenuto .cont_game #step3_donna > .feedback > div > h2
{	color:#d7186c;
}

#main .contenuto .cont_game .step > .feedback > div > p
{	float: left;
	display: inline-block;
	margin: 0;
	padding:0;
	margin-top:25px;
	width: 100%;
	text-align: center;
	font-size:25px;
	line-height: 30px;
	color: #666666;
	font-family: "helvetica neue", "Open Sans", Arial, sans-serif;
	font-weight: bold;
}

#main .contenuto .cont_game .step > .feedback > div > .social
{	float: left;
	display: inline-block;
	margin: 0;
	padding:0;
	margin-top:25px;
	width: 100%;
	text-align: center;
}

#main .contenuto .cont_game .step > .feedback > div > .social > a
{	display: inline-block;
	margin:0 auto;
	width: auto;
	height: auto;
	margin-right: 10px;
}

#main .contenuto .cont_game .step > .feedback > div > a
{	display: inline-block;
	margin: 0 auto;
	padding:0;
	margin-top:25px;
	width: auto;
}

.quiz_uomo .fancybox-skin
{	background: url(../images/game1/sf_quiz.png) center center no-repeat;
	background-color: #005e9c;
}

.quiz_donna .fancybox-skin
{	background: url(../images/game1/sf_quiz.png) center center no-repeat;
	background-color: #d7186c;
}

.quiz_uomo .fancybox-skin .quiz,
.quiz_donna .fancybox-skin .quiz
{	display: inline-block;
	width:540px;
	max-width: 90%;
}

.quiz_uomo .fancybox-inner,
.quiz_donna .fancybox-inner
{	
	padding-bottom: 20px;
	height: auto!important;
}

.fancybox-skin .quiz > h2
{	float: left;
	display: inline-block;
	margin: 0;
	padding: 0;
	margin-top:20px;
	margin-left:5%;
	width:60%;
	width: 95%;
	font-size:27px;
	line-height: 30px;
	color:#ffffff;
	font-weight: bold;
	font-family: "helvetica neue", "Open Sans", Arial, sans-serif;
	text-transform: uppercase;
}

.fancybox-skin .quiz > span
{	float: left;
	display: inline-block;
	margin: 0;
	padding: 0;
	margin-top:20px;
	margin-left:5%;
	width:90%;
}

.fancybox-skin .quiz > span a
{	float: left;
	display: inline-block;
	margin:0;
	padding:0;
	width: 100%;
}

.fancybox-skin .quiz > span a img
{	float: left;
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 15%;
	max-width: 60px;
	margin-right: 5%;
}

.fancybox-skin .quiz > span a img.ko,
.fancybox-skin .quiz > span a img.ok
{	display: none;
}

.fancybox-skin .quiz > span a.corretta img,
.fancybox-skin .quiz > span a.sbagliata img
{	display: none;
}

.fancybox-skin .quiz > span a.sbagliata img.ko
{	display: inline-block;
}

.fancybox-skin .quiz > span a.corretta img.ok
{	display: inline-block;
}

.fancybox-skin .quiz > span a span
{	float: left;
	display: inline-block;
	margin:0;
	padding:0;
	width:80%;
	padding-top:5px;
	font-size:18px;
	line-height: 22px;
	color:#ffffff;
	text-decoration: none;
}


@media screen and (max-width: 1023px) {
	#main .contenuto .cont_game .step
	{	width: 100%;
	}

	#main .contenuto .cont_game #step2 > a,
	#main .contenuto .cont_game #step2 > a figure,
	#main .contenuto .cont_game #step2 > a figure img
	{	float: left;
		display: inline-block;
		margin: 0;
		padding: 0;
		width: 100%;
		height: auto;
	}

	#main .contenuto .cont_game .step > .feedback > div
	{	bottom:15px;
		width: 55%;
	}

	#main .contenuto .cont_game .step > .feedback > div > h2
	{	font-size: 60px;
		line-height: 60px;
	}

	#main .contenuto .cont_game .step > .feedback > div > p
	{	font-size: 20px;
		line-height: 23px;
		margin-top:15px;
	}

	#main .contenuto .cont_game .mini-intro
	{	padding-left:5%;
		padding-right:0;
		width:95%;
	}
}


@media screen and (max-width: 767px) {
	#main .contenuto .cont_game .playgame
	{	background: none;
		border-bottom:18px solid #c41633;
	}

	.fullscreen #corporate,
	.fullscreen #testata,
	.fullscreen #path,
	.fullscreen #footer,
	.fullscreen #main .spalla,
	.fullscreen #main .contenuto > section,
	.fullscreen #interno_video
	{	display: none!important;
	}

	.fullscreen #main .contenuto > section.cont_game,
	.fullscreen #main .contenuto 
	{	display: inline-block!important;
		width:100%;
		margin:0;
		padding:0;
	}

	.fullscreen.mobile #generale
	{	margin:0;
		width:100%;
		padding:0;
	}
}

@media screen and (max-width: 640px) {

	.fancybox-skin .quiz > h2
	{	width: 95%;
		font-size: 25px;
		line-height: 25px;
	}

	.quiz_uomo .fancybox-skin .quiz, 
	.quiz_donna .fancybox-skin .quiz
	{	max-width: 95%;
		width: 95%;
	}
}

@media screen and (max-width: 480px) {
	#main .contenuto .cont_game .step > .feedback > div
	{	width: 60%;
		right: 0;
	}

	#main .contenuto .cont_game .step > .feedback > div > p,
	#main .contenuto .cont_game .step > .feedback > div > .social,
	#main .contenuto .cont_game .step > .feedback > div > a
	{	margin-top:10px;
	}

	.fancybox-skin .quiz > h2
	{	font-size: 22px;
		line-height: 24px;
	}

	.fancybox-skin .quiz > span a img
	{	width: 13%;
	}

	.fancybox-skin .quiz > span a span
	{	font-size: 16px;
		line-height: 20px;
	}

	#main .contenuto .cont_game .step > .vite > img
	{	width: 20px;
		height: auto;
	}
}