html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
font-weight:normal;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
a{
	text-decoration: underline;
	color: #FF8C00;
}
a:hover{
	text-decoration: none;
}
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=cyrillic');

body {background: #d9f0ff;}
/*.wrapper{max-width:1020px; margin:0 auto;}*/

.game{background-color: #d9f0ff;  z-index:1; overflow:hidden; position:relative; width:100%; cursor: /*url('/images/kitzquest/cur.png'),*/ move;}
.game.game-cur { cursor: url('/images/kitzquest/cur1.png'), move;}
.player{ width:100px; height:100px; position:absolute; z-index:4;}
.text-wrap{
	position:absolute;
	top:0;
	width:100%;
	display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	height:100%;
	overflow-y:scroll;
}

.text{
	width:700px;
	z-index:4;
	line-height:1.5;
	margin:0 auto;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	padding:20px 40px 70px 40px;
	box-sizing:border-box;
	text-align:left;
	-webkit-text-size-adjust: 100%;
	box-shadow: 0px 20px 80px 0px rgba(21, 137, 190, 0.8);
	position:relative;
	border-radius: 15px;
}
.text{
	background: #ffffff; /* Old browsers */
	background-image: url("/images/dolomitiquest/bc.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 89%, #ccdeef 100%);
	background-image: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 89%,#ccdeef 100%);
	background-image: url("/images/dolomitiquest/bc.png"), linear-gradient(to bottom, #ffffff 0%,#ffffff 89%,#ccdeef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ccdeef',GradientType=0 );
}
#start.text{
	 background: rgba(255,255,255,0.95);
	padding-bottom: 50px;
}
.close{position: absolute; opacity:0.7; right: 3%; top:3%; height: 15px; width: 15px; background: url(/images/dolomitiquest/close.png) no-repeat; cursor:pointer;}
.text-quest{font-size:28px; font-weight:bold; margin-bottom:17px; text-align:center; color:#ff6600; margin-top: 35px; line-height: 1.3; text-transform: uppercase;}
.text-title{font-weight:bold; margin-top:10px; font-siae:18px; color:#003954;}
.text img:not(.img-top){max-width:80%;  margin-top:5%; margin-left:10%; display:block; margin-bottom:5%; /*max-height:350px;*/}
.answer {
	margin-top: 4%;
}
.answer-finish {
	background: rgba(255,255,255,0.85);
	padding: 20px;
	border-radius: 10px;
	width: 210px;
	margin: 22px auto 0 auto;
}
.answer div{
	text-align: center;
}
.text .loose img {margin-left: 0; display:inline;}
.text .loose {text-align: center;}

input[type="radio"]{
	cursor:pointer;
	vertical-align: top;
	margin-top:2px;
}
label{
	cursor: pointer;
}
.answer div{
	margin-top:7px;

}
.correct-more{
font-size: 18px;
    font-weight: bold;
    margin-bottom: 3%;
	color:#003954;
}
.correct-ans{

	background:url('/images/kitzquest/correct.png') no-repeat 0 0;
   display: inline-block;
    height: 45px;
    margin-left: 15px;
    position: relative;
    top: 10px;
    width: 45px;
}
.incorrect-ans{

	background:url('/images/kitzquest/incorrect.png') no-repeat 0 0;
   display: inline-block;
    height: 45px;
    margin-left: 15px;
    position: relative;
    top: 10px;
    width: 45px;
}
.finish-scores{font-size:14px; margin-top:24px;}
.answer .social{
    margin: 0px auto 0px auto;
    width: 95px;
	overflow:hidden;
	display: flex;
	justify-content: space-between;
}


.social a{
	width:35px;
	height:51px;
	display:block;
	text-decoration: none;
}
.social-fb{background:url('/images/dolomitiquest/fb.png') 0 0 no-repeat; }
.social-vk{background:url('/images/dolomitiquest/vk.png') 0 0 no-repeat;}


input[type="button"], input[type="submit"]{
	color:#fff;
	font-weight:bold;
	border: none;
	font-size:16px;
	box-shadow: 0px 2px 0px 0px #7b9323;
	cursor:pointer;
	margin:5% auto 1% auto;
	border-radius:20px;
	text-transform: uppercase;
	padding: 5px 41px 5px 15px;
	background: url('/images/dolomitiquest/arrow.png') right 15px center no-repeat #a2c037;
}
input[type="button"]:hover, input[type="submit"]:hover{

	box-shadow:none;

}
#start input[type="submit"]{
	font-size:23px;

}
.good-btn input[type="button"]{
	background: url('/images/dolomitiquest/arrow-right.png') right 14px center no-repeat #a2c037;
	padding-right: 35px;
	margin-top: 0;
}


.loose-btn input[type="button"] {
	box-shadow: 0px 2px 0px 0px #b54c06;
	background: url('/images/dolomitiquest/arrow-left.png') 14px center no-repeat #ff6600;
	padding-left: 35px;
	padding-right: 15px;
	margin-top: 0;
}
.loose-btn input[type="button"]:hover{
	box-shadow: none;
}
#start{

	text-align:center;
}
#start .start-head{
	font-weight:700;
	font-size:18px;
	line-height:1.3;
	margin-bottom:5%;
}
.circle {
	font-family: 'Open Sans', sans-serif;
	width: 95px;
	height: 95px;
	cursor:pointer;
	/*
	background: #003954;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	*/
	background:url('/images/dolomitiquest/circle.svg') center center no-repeat;
	background-size:100% 100%;
	position: absolute;
	font-size:78px;
	font-weight: bold;
	color:#fff;
	z-index:3;
	text-align:center;
	line-height: 90px;
}

.circle.circle-correct{
background:url('/images/kitzquest/circle-green.svg') center center no-repeat;
	background-size:100% 100%;
}

.circle.circle-incorrect{
background:url('/images/kitzquest/circle-red.svg') center center no-repeat;
	background-size:100% 100%;
}


label span{
   cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: -3px 10px 0 0;
    vertical-align: middle;
    width: 16px;
	background:url('/images/dolomitiquest/check.png') right center no-repeat;
}
label input{
/*opacity: 0;*/
	display:none;
}


label span.checked {
	background: url("/images/dolomitiquest/check.png") left center no-repeat;
}

.answer p{margin-top:7px;}

.text-wrap.text-wrap-big{
   display: block;
}

.branding{
	max-width: 338px;
	margin: 15px auto 25px auto;

}
#start img{
	max-width: 330px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
#start .text-quest {
    font-size: 18px;
    line-height: 1.3;
	color: #000;
	margin-top: 20px;
}


.pulse{
    animation-name: pulse;
    -webkit-animation-name: pulse;

    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.6);

    }
    50% {
        transform: scale(1);

    }
    100% {
        transform: scale(0.6);

    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.65);

    }
    50% {
        -webkit-transform: scale(1);

    }
    100% {
        -webkit-transform: scale(0.65);

    }
}








#finish, #finish2, #finish3, #finish4{
	 text-align: center;
	padding-top: 235px;
	min-height: 575px;
	color: #fff;
	padding-left: 115px;
	padding-right: 115px;
}
.finish .text-quest{
	color: #fff;
}
#finish{
	background-image: url("/images/dolomitiquest/win1.png"), url("/images/dolomitiquest/bc.png"), linear-gradient(to bottom, #ffffff 0%,#ffffff 89%,#ccdeef 100%);
	background-size: 100%;
}
#finish2{
	background-image: url("/images/dolomitiquest/win.png"), url("/images/dolomitiquest/bc.png"), linear-gradient(to bottom, #ffffff 0%,#ffffff 89%,#ccdeef 100%);
	background-size: 100%;
}
#finish3{
	background-image: url("/images/dolomitiquest/win.png"), url("/images/dolomitiquest/bc.png"), linear-gradient(to bottom, #ffffff 0%,#ffffff 89%,#ccdeef 100%);
	background-size: 100%;
}
#finish img, #finish2 img, #finish3 img, #finish4 img  {
	display:inline;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
    max-width: 100%;
}
#finish .correct-ans, #finish2 .correct-ans, #finish3 .correct-ans, #finish4 .correct-ans  {
margin-left:5px;
}
.text-result{margin:18px 0px 22px 0px; font-weight:700; font-size:24px; line-height:1.2;}
.resort-ref{text-decoration:underline; color:#0066cc;}
.resort-ref:hover{text-decoration:none; }
.answer .soc-result{margin-top: 35px;}

.number-q{
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #4d5359;
}
.correct-mobile, .incorrect-mobile{
	margin: 10px auto 35px auto;
	text-align: center;
}

.show_correct_answer a{
	color: #0178b3;
	text-align: center;
	font-size: 15px;
}
.show_correct_answer{
	margin-top: 25px;
}


.overlay{
	z-index:5;
	position:fixed;
	background-color:#000;
	opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
	width:100%;
	height:100%;
	top:0;
	left:0;
	cursor:pointer;
	display:none;
}
.map13{
	cursor: url("/images/kitzquest2/zoom.png"), pointer;
	min-width: 1840px;
}
.map13-click{
	cursor: url("/images/kitzquest2/zoom-plus.png"), pointer;
}

.map13-wrap{
	overflow: auto;
	width: 100%;

}

.map13-wrap-scroll{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -920px;
	margin-left: -939px;
	z-index: 7;
	display: none;
	opacity: 0;
}

.text-title-mobile{
	font-size: 28px;
	font-weight: bold;
	background: #02b348;
	width: 190px;
	margin: 20px auto 30px auto;
	color: #fff;
	text-transform: uppercase;
}


.answer-points{
	position: absolute;
	top: 100px;
	background: #a2c037;
	padding: 4px 10px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}


.answer-title{
	color: #555;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 15px;
}
.finish-block-inner{
	min-height: 195px;
}

























@media only screen and (max-height : 750px) {

	.map13-wrap{
		height: 100vh;
	}
	.map13-wrap-scroll{
		top: 0;
		margin-top: 0;
	}


}

@media only screen and (max-width : 1250px) {
	.map13-wrap-scroll{
		width: 100%;
		left: 0;
		margin-left: 0;
	}
}



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


	.text img:not(.img-top){
		max-width: 100%;
		margin-left: 0;
	}
	.number-q{
		padding: 0 25px;
	}
	.game{ overflow:scroll; }

	.text{
		width:90%;
		margin-left:0;
		left:5%;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 35px;
	}

	#start .start-head {
		font-size: 16px;

	}
	#start.text{
		line-height:1.3;
	}
	.text img{ max-height:none;}
	.close{ background: url(/images/kitzquest/close-big.png) no-repeat; width:20px; height:20px; top:2%;}

	#finish{
		background-image: url("/images/dolomitiquest/win1-mob.png"), url("/images/dolomitiquest/bc.png"), linear-gradient(to bottom, #ffffff 0%,#ffffff 89%,#ccdeef 100%);
		background-size: 700px;
	}
	#finish2{
		background-image: url("/images/dolomitiquest/win-mob.png"), url("/images/dolomitiquest/bc.png"), linear-gradient(to bottom, #ffffff 0%,#ffffff 89%,#ccdeef 100%);
		background-size: 700px;
	}
	#finish3{
		background-image: url("/images/dolomitiquest/win-mob.png"), url("/images/dolomitiquest/bc.png"), linear-gradient(to bottom, #ffffff 0%,#ffffff 89%,#ccdeef 100%);
		background-size: 700px;
	}
	.finish-block{
		border-radius: 15px;
	}
	#finish .finish-block-inner{background-color: #0E9F61; }
	#finish2 .finish-block-inner, #finish3 .finish-block-inner{ background-color: #009BD7; }
	.finish-block-inner{
		min-height: auto;
		border-radius: 10px;
		padding: 20px 15px;
	}
	.answer-finish{
		margin-top: 0;
	}
	.finish .text-quest {
		margin-top: 0;
	}
	#finish, #finish2, #finish3, #finish4 {
		padding-left: 15px;
		padding-right: 15px;
	}
}


@media only screen and (min-width : 1840px) {
	.wrapper{
		margin:0 auto;
		width:1840px;
		position: relative;
	}
}

@media only screen and (max-width : 600px) {
	.answer-points{
		position: static;
		margin: 0 auto 40px auto;
		text-align: center;
		width: 100px;
	}
	.text-quest{
		font-size: 24px;
		margin-top: 25px;
	}
	.number-q, .text{
		font-size: 14px;
	}

	.correct-mobile, .incorrect-mobile{
		width: 215px;
		font-size: 17px;
	}



	#start img{
		margin-top: 30px;
	}
}