body,ul,li,p,h1,h2,h3,a,span,div,footer {margin:0;padding:0;font-family:'Viga', sans-serif;list-style-type:none;color:#29225c;font-weight:normal;-webkit-font-smoothing:antialiased;}

		body {background:#e2f4fc;}
		.wrapper {width:1200px;margin:0 auto;background:#e2f4fc;margin-bottom:30px;}
		.wrapper > h1, .wrapper > h2 {background:#e2f4fc;text-align:center;}
		.wrapper > h1 {padding-top:20px;color:#ec008c;font-size:3em;}
		.wrapper > h2 {font-size:1em;padding-bottom:30px;}
		.wrapper h1.active, .wrapper h2.active {color:#fff;}
		#map-container {position:relative;background:#e2f4fc;}
		img#map {width:100%;height:auto;}
		.pin, .pinoff {position:absolute;cursor:pointer;margin-right:-12px;margin-bottom:300px;display:none;}
		.pinoff span.tooltip {display:none;}
		.pin > img, .pinoff > img {width:28px;position:relative;}
		.pin > span.tooltip {position:absolute;height:auto;background:white;top:-90px;left:50%;margin-left:-50px;text-align:center;display:none;padding:10px 30px;color:#29225c;white-space:nowrap;box-shadow:5px 5px 0 #e6007d;}
		.pin > span.tooltip:after {	content:'';display:block;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 15px solid white;position:absolute;left:50%;bottom:-15px;margin-left:-10px;}
		.pin > span.tooltip div.arrow {width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 15px solid #e6007d;position:absolute;left:50%;bottom:-20px;margin-left:-5px;}
		.pin > span.tooltip > div:first-child > h2 {font-weight:normal;display:inline-block;border-bottom:3px solid #29225c;line-height:1em;text-transform:uppercase;}
		.pin > span.tooltip > div:first-child > p {font-size:0.7rem;padding-top:3px;text-transform:uppercase;}

		.berlin {bottom:80.5%;left:45.5%;}
		.cape-town {bottom:29%;right:49%;}
		.london {bottom:83%;left:43.5%;}
		.los-angeles {bottom:68%;left:10.5%;}
		.new-york {bottom:76.4%;left:25.4%;}
		.paris {bottom:78%;left:43.5%;}
		.rio-de-janeiro {bottom:40%;left:32.2%;}
		.rome {bottom:77%;left:46.5%;}
		.sydney {bottom:31%;right:12.7%;}
		.tokyo {bottom:71%;right:17.5%;}

		#info-container {position:fixed;top:0;width:0;left:0;height:100%;background-color:rgba(255,255,255,0.9);background-position:bottom center;background-size:100%;background-repeat:no-repeat;box-shadow:0 0 20px rgba(0,0,0,0.5);z-index:1;-webkit-transition:width 500ms;-moz-transition:width 500ms;-o-transition:width 500ms;transition:width 500ms;}
		#info-container.active {width:33%;-webkit-transition:width 600ms;-moz-transition:width 600ms;-o-transition:width 600ms;transition:width 600ms;}
		.info {height:100%;display:none;position:relative;text-align:center;font-size:1.2em;}
		.info > li {width:100%;height:100%;position:absolute;top:0;left:0;display:none;}
		.info > li:last-child {display:block;}
		.info > li > div {padding:20px;}
		.info > li > div > a.close-slide {padding:10px;background:#ec008c;cursor:pointer;display:none;box-shadow:5px 5px 0 #29225c;margin:0 auto;color:white;}
		.info > li > div > a.start-quiz {color:white;background:#ec008c;}
		.info > li > div > a.close-slide.next {display:block;width:80%;background:transparent;box-shadow:none;color:#29225c;}
		.info > li > div > .info-right {width:50%;text-align:left;float:right;}
		.info > li > div > .info-left {width:50%;text-align:left;margin-bottom:50px;}
		.info > li > div > .info-left img, .info > li > div > .info-right img {	width:27px;vertical-align:top;}
		.info > li > div > .info-right > span, .info > li > div > .info-left > span {margin-top:10px;display:block;}
		.info > li > div > span, .info > li > div > p span{color:#92007d;}
		.info > li > div > p {font-size:0.9em;background:rgba(255,255,255,0.8);border-radius:10px}
		.info > li > div > div.score h1 {font-size:4rem;padding-bottom:10px;}
		.info > li > div > div.score span:nth-child(2) {font-size:1.5rem;text-transform:uppercase;}
		.info > li > div > div.score span.scoremessage {color:#92007d;font-size:1.8rem;display:block;padding-top:20px;}
		.start-quiz.another {display:inline-block;padding:5px 30px;background:#ec008c;cursor:pointer;box-shadow:5px 5px 0 #29225c;margin:0 auto;color:white;text-transform:uppercase;}
		.start-quiz.start {display:inline-block;padding:10px 20px;background:#ec008c;cursor:pointer;box-shadow:5px 5px 0 #29225c;margin:0 auto;color:white;text-transform:uppercase;}

		.info > li > div > div.score > div.sharing {margin-top:60px;}
		.info .share {display:inline-block;height:2em;}
		.info .share:hover {background:black;}
		.info .share img {height:100%;}
		.info .share.facebook {background:#3d5798;}
		.info .share.twitter {background:#5da7df;}
		.info .share.google {background:#dc4232;}
		.info .share:hover {background:black;}

		.close-info {float:right;text-decoration:none;cursor:pointer;}

		.addthis_jumbo_share .addthis-smartlayers {display:block;margin-left: 50%;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);}

		#mobile-countries {display:none;background:#e2f4fc;padding-bottom:40px;}
		#mobile-countries ul {cursor:pointer;width:80%;margin:0 auto;padding:1em 0;background:white;}
		#mobile-countries li {cursor:pointer;text-align:center;font-size:1rem;padding:0.3em;}

		#mobile-info-container {width:0;height:100%;background-color:rgba(255,255,0,0.9);background-color:rgba(255,255,255,0.9);background-position:bottom center;background-size:100%;background-repeat:no-repeat;position:absolute;top:0;left:0;-webkit-transition:width 500ms;-moz-transition:width 500ms;-o-transition:width 500ms;transition:width 500ms;}
		#mobile-info-container.active {width:100%;-webkit-transition:width 600ms;-moz-transition:width 600ms;-o-transition:width 600ms;transition:width 600ms;}
		#mobile-info-container .info {padding:0 20px;display:none;}

		.country-name {text-transform:uppercase}

		.progress-container {width:100%;border-radius:5px;margin-bottom:50px;border:2px solid #fff;}
		.progress-container.visible {border:2px solid #ec008c;}
		
		.progress {width:0;height:10px;background:#ec008c;border-radius:2px;}

		.answers span {display:block;font-size:0.8em;color:#fff;}
		.answers > li {width:80%;background:#ec008c;box-shadow:5px 5px 0 #29225c;margin:0 auto;margin-bottom:25px;padding:5px;cursor:pointer;color:white;}
		.answers > li:hover {background:#29225c;box-shadow:5px 5px 0 #ec008c;}
		.answers > li.active {background:#29225c;box-shadow:5px 5px 0 #ec008c;}
		.answers > li.off {background:lightgrey;box-shadow:5px 5px 0 grey;}
		.answers > li.correct {background:green;box-shadow:5px 5px 0 #333;}
		.answers > li.incorrect {background:red;box-shadow:5px 5px 0 darkred;}

		footer {background:url(images/bg.png);padding:50px 0;text-align:center;}
		footer img {width:360px;border:none;}
		.clr {clear:both;height:1px;}

		@media screen and (max-width: 1200px){
			.wrapper {width:100%;}	
		}

		@media screen and (max-width: 768px){
			#info-container.active {width:100%;}
			#mobile-countries {display:block;}
			.info > li > div > a.close-slide.next {background:rgba(255,255,255,0.8);}
			footer img {width:60%;border:none;}
		}