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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=9d8653da-85f2-41cd-a060-5fc5f64c5528");
@font-face{
font-family:"Avenir Next LT W02SC Demi";
src:url("../../fonts/093cecaf-bae9-4928-87d7-de460ba3bfa7.eot?#iefix");
src:url("../../fonts/093cecaf-bae9-4928-87d7-de460ba3bfa7.eot?#iefix") format("eot"),url("../../fonts/373db362-010f-4a93-8677-0e79c739f520.woff2") format("woff2"),url("../../fonts/eea58f26-3cc8-41c5-8dd3-cb71287f9bef.woff") format("woff"),url("../../fonts/ba2cc6b9-5b84-43bd-a52f-12493b937908.ttf") format("truetype"),url("../../fonts/adc8a73e-7eef-4ffa-9ab8-73b0a1824b56.svg#adc8a73e-7eef-4ffa-9ab8-73b0a1824b56") format("svg");
}
@font-face{
font-family:"Avenir Next LT W02SC Bold";
src:url("../../fonts/5d935365-5dbd-425b-b201-ea84ccc5ebf9.eot?#iefix");
src:url("../../fonts/5d935365-5dbd-425b-b201-ea84ccc5ebf9.eot?#iefix") format("eot"),url("../../fonts/6c660095-c4cb-48c0-9631-aac39152dbaa.woff2") format("woff2"),url("../../fonts/45f41043-63ce-4e17-9511-c4434e651c2c.woff") format("woff"),url("../../fonts/18a556fd-1cf2-4af8-afa3-b0e0346bcfc9.ttf") format("truetype"),url("../../fonts/4ca8a95d-bd83-4c38-b9d7-c2156aa82c21.svg#4ca8a95d-bd83-4c38-b9d7-c2156aa82c21") format("svg");
}
@font-face{
font-family:"Avenir Next W01 Light";
src:url("../../fonts/0ecef829-586e-426d-a633-4c8a8c926769.eot?#iefix");
src:url("../../fonts/0ecef829-586e-426d-a633-4c8a8c926769.eot?#iefix") format("eot"),url("../../fonts/49c5f3e1-5867-4b1d-a843-2d07fa60d85d.woff2") format("woff2"),url("../../fonts/f401df6f-54eb-406c-b46a-90b9451c598d.woff") format("woff"),url("../../fonts/276fe25e-e430-4376-b33c-705dd77b3dba.ttf") format("truetype"),url("../../fonts/869dc33b-3685-4d74-a51c-82b435579093.svg#869dc33b-3685-4d74-a51c-82b435579093") format("svg");
}

@font-face{
font-family:"AvenirNextLTPro-Demi";
src:url("../../fonts/AvenirNextLTPro-Demi?#iefix");
src:url("../../fonts/AvenirNextLTPro-Demi?#iefix") format("eot"),url("../../fonts/AvenirNextLTPro-Demi.woff") format("woff"),url("../../fonts/AvenirNextLTPro-Demi.ttf") format("truetype"),url("../../fonts/AvenirNextLTPro-Demi.svg") format("svg");
}

@font-face {
    font-family: 'IconFont';
    src: url('/fonts/IconFont.eot');
    src: url('/fonts/IconFont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/IconFont.woff') format('woff'),
         url('/fonts/IconFont.ttf') format('truetype'),
         url('/fonts/IconFont.svg#IconFont') format('svg');
    font-weight: normal;
    font-style: normal;

}



body {
  font-family: "Avenir Next W01 Light";
  color:#242424;
}


.main { float: left; width: 100%; margin: 0px auto; position:relative;}


.answers {     float: left;
    width: 100%;
    clear: both;
    margin: 20px 0px;
    text-align: center; color:black;}
.answer { box-shadow: 0 4px #A8A8A8; background-color:#CFCFCF;
    text-decoration: none;
    padding: 15px 30px;
    margin: 0px 10px 10px 0px;
    border-radius: 3px; display:inline-block; color:black;}
.answer.winner { background-color:#B8E986; color:#417505; border:none; box-shadow: 0 4px #95BD6D;}
.answer.loser { background-color:#D00202; color:white; box-shadow: 0 4px #A80202;}

.answer.start { background-color:#DA322A; box-shadow: 0 4px #99231D; color:white; padding: 20px 80px; margin: 0px; position:relative; z-index:6000; font-size:24px;}
.answer.next { margin:0px 0px 0px 0px; background-color:#DA322A; box-shadow: 0 4px #99231D; color:white; padding:15px 16px }


.col { float:left; width:50%; padding:20px;}
#recap { text-align: center;}
#recap .header, #recap .large { display:block; }
#recap .header { font-size:18px; margin-top:0px; }
#recap .large { font-size: 32px; margin: 0px 0px 0px; }


.share .fg {position: relative; z-index: 1; }
.share .bg { background-color: #000000; position: absolute; width: 100%; height: 100%; top: 0; z-index: 0;}
.share { margin:10px 0px 0px 0px; }
.share ul {  }
.share li { position: relative; display: inline-block; margin:0px 5px 0px 0px; }
.share li a { }
.share .bg {  }
.share .fg { width: 40px; height: 33px; display: inline-block; }

.icon-fb .bg { background-color:#3B5998;  }
.icon-tw .bg { background-color:#4099FF;  }
.icon-em .bg { background-color:#000000; }

.icon-fb .fg { background:transparent url('../images/icon-fb.svg') no-repeat scroll 50% 50%; background-size:10px; }
.icon-tw .fg { background:transparent url('../images/icon-tw.svg') no-repeat scroll 50% 50%; background-size:26px; }
.icon-em .fg { background:transparent url('../images/icon-em.svg') no-repeat scroll 50% 50%; background-size:24px; }





.slide { position:relative; z-index:1; float:left; width:100%; display:flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; -webkit-box-align: center;

	justify-content: center; -webkit-justify-content: center; margin-bottom:10px; }

.timer { height: 10px; background-color: #666666; position: relative;  width: 100%; z-index: 1; clear:both; }
.timer-bg {  }
.timer-fg { height:10px; position:absolute; background-color:#1DE8C6; width:100%; transition: width .2s linear; }

.intro h1 { font-size: 34px; margin: 20px 27px 0px; }
.intro { text-align:center; font-size:20px; color:#4a4a4a; padding-top:0px;}
.intro p { margin:0px 60px; padding-top:30px; line-height:24px;}
.start { }
.intro strong { font-family:"Avenir Next LT W02SC Demi"; text-transform:uppercase; display:block; margin:0px 0px 0px;}

.caption { clear:both; margin:10px 10px; }
.caption p { line-height:17px; }
.caption strong { font-family:"AvenirNextLTPro-Demi"; padding-right:0px; }

.feedbacktext {
	position: absolute; font-family:"Avenir Next LT W02SC Bold"; text-transform:uppercase;
    text-align: center;
    top:0px; width:100%; left:0px; z-index:0; opacity:0;
    display:flex;
    display: -moz-box;
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  	display: -ms-flexbox;  /* TWEENER - IE 10 */
  	display: -webkit-flex;
    -ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
    }
.feedbacktext .correct-holder, .feedbacktext .incorrect-holder { display:block; width:80%; margin:0px auto; border: 20px solid #B8E986; padding:30px 0px;
    color:#B8E986;
    -ms-transform: rotate(-3deg); /* IE 9 */
    -webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
    transform: rotate(-3deg);
    opacity:1;
}
.feedbacktext .incorrect-holder { border-color:#BF0202; color:#BF0202; }
.feedbacktext .correct {  }
.feedbacktext .correct, .feedbacktext .incorrect { width:100%; display:block; margin:0px auto;}
.feedbacktext .correct-holder .correct, .feedbacktext .correct-holder .points { text-shadow:2px 2px 6px rgba(0,0,0,.5); }
.feedbacktext .points { display:block; margin:0px auto; width:100%; text-shadow:2px 2px 6px rgba(0,0,0,.5); }
.feedbacktext .incorrect-holder .incorrect, .feedbacktext .incorrect-holder .points { text-shadow:1px 1px 3px rgba(255,255,255,1); }
.feedbacktext.visible { z-index:7000; opacity:1; }

#header { color: #444;
    position: relative;
    text-align: center;
    font-size: 20px;
    padding: 2px 7px 0px; }

.hide { display:none; }
.progress {  }
/*.pause, .score { position:absolute; font-size:16px; top:15px;}*/
.pause { right:10px;  }
.score { display:block; padding:4px 0px;}

.score-recap { display:none; text-align:center; padding-top:40px; color:#4a4a4a; }
.score-recap .header, .score-recap .large { display:block; }
.score-recap .header { font-size:24px; margin-top:40px; }
.score-recap .large { font-size: 53px; margin: 10px 0px 0px; }

.box { width:100px; height:100px; background-color:gray; position:absolute; top:0px; left:0px; color:black; font-size:13px;padding:5px;}
.box.dragging { }
.blocker { background-color:transparent; width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:5000; opacity:.2}
.box {  }
.moves { float:right; }




#finaltime { background-color: yellow; padding: 1px 3px; font-size: 32px; border-radius: 3px; line-height: 31px; display: inline-block; }

.dd-score-holder { float:right; font-size:19px;margin:3px 0px 0px 0px;}

.dd-caption { width: 100%; text-align: center; position: absolute; bottom: 0px; background-color: white; left: 0px; font-size: 22px; padding: 6px 0px 0px; opacity:.9; }

#stopwatch { font-size: 24px; width: 160px; display: block; position: relative; left: 50%; margin-left: -80px; color:#333333; }

.gamenav { padding:0px 0px; margin:0px 0px 10px 0px; text-align:center; float:left; width:100%; }
.dd-banner-success { background-color: #333333; padding: 10px 0px 8px;margin: 0px 0px 8px; border: 1px solid #333333; border-radius: 4px; color:#ffffff; line-height: 30px; font-size: 23px; }
.dd-banner-summary { float:left; width:100%; }
.dd-stopwatch-holder { float:left; width:30%; text-align:left; }
.dd-social-holder { float:right; width:70%; text-align:right; }
.dd-text { display:block; font-size: 19px; margin: 0px 0px 4px 0px}
.dd-social-holder .share-container {  }
.dd-playstate { float:left; width:100%; }
.dd-winstate { float:left; width:100%; margin-bottom:10px; }


.dd-share-module--button-wrap { display: inline-block; background-color: blue; margin: 0px 4px; }
.dd-share-button--link {
	font-size: 19px;
	color: white !important;
	display: block;
	padding: 6px 0px;
	text-align: center;
	min-width:47px;
	text-decoration: none;
}
.dd-share-button--icon {
	font-family: "IconFont";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }
.dd-share-button--text { display:none; }
.dd-icon-facebook:before {
	content: "\e014";
}
.dd-icon-twitter:before {
	content: "\e033";
}
.dd-icon-whatsapp:before {
	content: "\e045";
}
.dd-share-module--button-wrap-facebook { background-color: #3b5998; }
.dd-share-module--button-wrap-twitter { background-color: #00aced; }
.dd-share-module--button-wrap-whatsapp { background-color: #5cbe4a; }

.winner .dd-banner-success {
	animation-duration: 1s;
	animation-name: flip;
	transform: rotateX(720deg);
	-webkit-animation-delay: .25s;
	animation-delay: .25s;
	transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
	-moz-transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
	-webkit-transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
}

@keyframes flip {
  from {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
  }

  to {
	-webkit-transform: rotateX(720deg);
	-moz-transform: rotateX(720deg);
	transform: rotateX(720deg);
  }
}


.share-module--buttons { width:100% !important; }
.share-module { width:100%; }
.answers-header { font-size:30px; font-size: 50px; text-align: center; margin: 30px 0px; border-bottom: 1px solid #cbcbcb; }

/*mobile first*/
.dd-share-module--buttons {
	margin-top:0;
	margin-bottom:0;
}
li.dd-share-module--button-wrap.dd-share-module--button-wrap-whatsapp { margin-right:0px; }



#container {
	position:relative;
	background-color:white;
	width:100%;
}
.box {
	width:100px;
	height:100px;
	background-color:gray;
	position:absolute;
	top:0px;
	left:0px;
}


@media (min-width: 640px) {
 	.dd-share-module--button-wrap-whatsapp { display: none; } /* Hide this for mobile */
 	li.dd-share-module--button-wrap.dd-share-module--button-wrap-twitter { margin-right:0px; }
	#share-sticky { display:block; }
	.dd-share-button--link { min-width:125px; }
	#header { padding-left:0px; padding-right:0px; }
}
@media (min-width: 980px) {
	.dd-share-button--link { font-size:29px; }
	#finaltime { font-size: 35px; padding: 8px 3px 6px; }
	ul.dd-share-module--buttons { width:auto; }
}

.cosmopolitan .dd-banner-success {
	background-color: #ec008d;
	border-color: #ec008d;
}
.cosmopolitan #gametest .trc_rbox_header_span,
.cosmopolitan #gametest .bigbutton {
	background-color: #ec008d;
}
.cosmopolitan #gametest .trc_rbox_header:after {
	border-top: 8px solid #ec008d;
}
.cosmopolina #gametest .bigbutton:hover {
	background-color: #f33aa8;
}
.cosmopolitan #stopwatch {
	color: #ec008d;
}



@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2) {

  body { margin:0px; }

}