@charset "utf-8";

*, *:before, *:after {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}


html, body {
	height: 100%;
	padding: 0px;
	margin: 0px;	
}



html {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 18px;
  -webkit-appearance:none;
}

body {
  background: #f8f8f8;
  font-family: "helvetica55", sans-serif;
  font-weight: normal;
  font-style: normal;
}

a {
	color: #566373;
	text-decoration: none;
}


/* Colors & Fonts */


@font-face{
font-family:"helvetica45";
src:url("../fonts/694015/88fcd49a-13c7-4d0c-86b1-ad1e258bd75d.eot?#iefix");
src:url("../fonts/694015/88fcd49a-13c7-4d0c-86b1-ad1e258bd75d.eot?#iefix") format("eot"),url("../fonts/694015/9a2e4855-380f-477f-950e-d98e8db54eac.woff") format("woff"),url("../fonts/694015/fa82d0ee-4fbd-4cc9-bf9f-226ad1fcbae2.ttf") format("truetype"),url("../fonts/694015/48d599a6-92b5-4d43-a4ac-8959f6971853.svg#48d599a6-92b5-4d43-a4ac-8959f6971853") format("svg");
}
@font-face{
font-family:"helvetica55";
src:url("../fonts/694021/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix");
src:url("../fonts/694021/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix") format("eot"),url("../fonts/694021/d5af76d8-a90b-4527-b3a3-182207cc3250.woff") format("woff"),url("../fonts/694021/1d238354-d156-4dde-89ea-4770ef04b9f9.ttf") format("truetype"),url("../fonts/694021/b68875cb-14a9-472e-8177-0247605124d7.svg#b68875cb-14a9-472e-8177-0247605124d7") format("svg");
}
@font-face{
font-family:"helvetica65";
src:url("../fonts/694027/55f60419-09c3-42bd-b81f-1983ff093852.eot?#iefix");
src:url("../fonts/694027/55f60419-09c3-42bd-b81f-1983ff093852.eot?#iefix") format("eot"),url("../fonts/694027/5b4a262e-3342-44e2-8ad7-719998a68134.woff") format("woff"),url("../fonts/694027/4a3ef5d8-cfd9-4b96-bd67-90215512f1e5.ttf") format("truetype"),url("../fonts/694027/58ab5075-53ea-46e6-9783-cbb335665f88.svg#58ab5075-53ea-46e6-9783-cbb335665f88") format("svg");
}
@font-face{
font-family:"helvetica75";
src:url("../fonts/694033/db853e0e-929b-4272-b420-c946c954cf3a.eot?#iefix");
src:url("../fonts/694033/db853e0e-929b-4272-b420-c946c954cf3a.eot?#iefix") format("eot"),url("../fonts/694033/4a9c62ab-b359-4081-8383-a0d1cdebd111.woff") format("woff"),url("../fonts/694033/db5f9ba6-05a4-433a-9461-0a6f257a0c3a.ttf") format("truetype"),url("../fonts/694033/25e09910-ffc3-4fc4-b0d1-db9a95dface8.svg#25e09910-ffc3-4fc4-b0d1-db9a95dface8") format("svg");
}




strong {
	font-family: "helvetica75", sans-serif;
	font-weight: normal;
	font-style: normal;
}

.light {
	font-family: "helvetica45", sans-serif;
	font-style: normal;
	font-weight: normal;
}

.ifr_title {
	font-size: 2em; 
	color: #ee0000; 
	display: block; 
	margin-bottom: 5px; 
	margin-top: 2px;
	line-height: normal;
}

a:hover {
	color: #003399;
	text-decoration: none;
}


#win_code {
	text-transform:uppercase;
}

span.error {
  color: red;
}
span.errorDetail {
  color: grey;
}
p.footer {
  font-size: 11px;
  line-heigth: 15px;
}



.err_hlt label {
	color: #f00;
}

.err_hlt input {
	border: 1px solid #f00;
}

#btn_wb {
	cursor: pointer;
	cursor: hand;
}

ol {
	padding-left: 1em;
}

ol li {
	padding-left: 5px;
	padding-bottom: 10px;
}

.mobonly {
	display: none;
}


#timer {
	position: absolute; height: 5%; right: 5%; top: 2.5%; z-index: 110; text-align: right; color: #fff; font-size: 21px;
	font-family: "helvetica45", sans-serif;
	width: 20%;
}

#timetext {
	display: inline-block;
}

.colitems {
	top: -15%;
	position: absolute;
	padding: 15%;
	
}

.colitems img {
	width: 100%;
	height: auto;
	cursor: pointer;
	cursor: hand;
	float: left;
}

#col1 .colitems, #col2 .colitems, #col3 .colitems {
	opacity: 0;
}


.clickbase {
	width: 110%;
	background-color: rgba(255,255,255,0.2);
	margin-left: -5%;	
	-webkit-border-radius: 400px;
	border-radius: 400px;
	bottom: 2%;
	position: absolute;
	border: 3px solid rgba(0,200,0,0);
	transition: border 1s;
}

.clickbase.intro {
	border: 3px solid rgba(0,200,0,1);
}


.clickbase img, #findbox img {
	width: 100%;
	height: auto;
	float: left;
}
	
.shadow1 {
	-webkit-box-shadow: 5px 5px 8px 0 rgba(0,0,0,0.25);
	box-shadow: 5px 5px 8px 0 rgba(0,0,0,0.25);
	transition: all 1s;
}

#findbox {
	width: 19%;
	background-color: rgba(255,255,255,0.8);
	-webkit-border-radius: 400px;
	border-radius: 400px;
	top: 27%;
	left: 20%;
	position: absolute;
	-webkit-box-shadow: 5px 5px 8px 0 rgba(0,0,0,0.25);
	box-shadow: 5px 5px 8px 0 rgba(0,0,0,0.25);
	z-index: 80;
	overflow: hidden;
	opacity: 0;
}

#progbox {
	width: 22%;
	top: 25.2%;
	left: 18.5%;
	position: absolute;
	z-index: 75;
}

#progbox .progimg {
	position: absolute;
	width: 100%;
	height: auto;
	-moz-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
	transition: transform 1s;
	opacity: 0;
}

#progbox .progimg.showprog {
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 1;
}

#progbox #prog1 {
	z-index: 20;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 0;
	transition: opacity 1s;
}
#progbox #prog1.showprog {
	opacity: 1;
}

#prog2 {
	z-index: 18;
}

#prog3 {
	z-index: 17;
}

#prog4 {
	z-index: 16;
}

#prog5 {
	z-index: 15;
}

#prog6 {
	z-index: 14;
}

#prog7 {
	z-index: 13;
}

#prog8 {
	z-index: 12;
}

#prog9 {
	z-index: 11;
}

#prog10 {
	z-index: 10;
}

#prog11 {
	z-index: 9;
}

#prog12 {
	z-index: 8;
}

#fbox2, #fbox3, #fbox4 {
	display: none;
}

.fbox {
	width: 100%;
	position: absolute;
	padding: 15%;
}

.fbox img {
	width: 100%;
	height: auto;
}

.fbprog {
	width: 23.2%;
	border-radius: 400px;
	top: 28.65%;
	left: 14.9%;
	position: absolute;
	z-index: 80;
}

#fbprog2 {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

#fbprog3 {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

#fbprog4 {
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.fbox.found {
	transition: all 2s;
	padding: 35%;
	opacity: 0;
}

.bravo {
	position: absolute;
	z-index: 20;
	width: 70%;
	bottom: 21%;
	margin-left: 15%;
	display: none;
	opacity: 0;
}

.bravo img {
	width: 100%;
	height: auto;	
}

img{
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.bubble_ct {
	width: 650px; 
	position: absolute; 
	left: 50%; 
	margin-left: -325px;
	top: 15%; 
	z-index: 150;
}

.bubblebox {
	font-size: 22px;
	color: #a20013;
	line-height: 130%;
	font-family: "helvetica55", sans-serif;
}

.title1 {
	font-size: 26px;
	font-family: "helvetica65", sans-serif;
}

.button1 {
	font-size: 19px;
	font-family: "helvetica75", sans-serif;
	background-color: #eb0000;
	width: 50%;
	padding: 10px;
	display: inline-block;
	color: #ffffff;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	cursor: pointer;
	cursor: hand;
}

#bagglow {
	width: 45%; height: auto; position: absolute; bottom: 0; left: 0; z-index: 29; opacity: 0;
}

#bag {
	width: 45%; height: auto; position: absolute; bottom: 0; left: 0; z-index: 30;
}

#dropcol1 {
	width: 16%; height: auto; position: absolute; bottom: 0; right: 43%; z-index: 40;
}

#col1 {
	width: 12%; height: 100%; bottom: 0; right: 45%; z-index: 50; position: absolute;
}

#main_ct {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#timerimg {
	position: relative; height: 100%; width: auto; margin-right: 10px; margin-bottom: -3px; vertical-align: text-bottom;
}

.dynclear {
	height: 30px;
}

.bubblebox {
	width: 100%; padding: 7%; position: absolute; z-index:10;
}

#bubblefinish, #bubbletimeup {
	display: none;
}

#introtxtmob {
	display: none;
}

/* Form Style */

input[type="checkbox"], input[type="radio"] {
	display: none;
}

input[type="checkbox"] + label, input[type="radio"] + label {
	cursor: pointer;
	cursor: hand;
}

input[type="checkbox"] + label span, input[type="radio"] + label span {
	width: 18px; 
	height: 18px; 
	background-color: #fff; 
	border: 1px solid #333;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	display: inline-block; 
	margin-left: 10px;
	margin-right: 6px; 
	margin-bottom: 8px;
	margin-top: 5px;
	vertical-align: middle;
}

input[type="checkbox"]:checked + label span, input[type="radio"]:checked + label span {
	background-color: #333;
}


#form_main {
	padding: 20px 0;
	font-size: 15px;
	font-family: "helvetica65", sans-serif;
}

#formtitle {
	font-family: "helvetica75", sans-serif;
}

.formbox {
	width: 48%;
	float: left;
	height: 86px;
	margin-right: 2%;
}

.formbox.fbfull {
	width: 100%;
	margin-right: 0;
	height: auto;
}

.formbox.secnd {
	margin-right: 0;
	margin-left: 2%;
}

.formbox label {
	display: block;
	margin-bottom: 5px;
	color: #333;
	font-family: "helvetica65", sans-serif;
	font-size: 15px;
}

.formbox input, .formbox select {
	width: 100%;
	padding: 15px 10px;
	border: 1px solid #d2d2d2;
	color: #666;
	font-family: "helvetica65", sans-serif;
	font-size: 15px;
}

.formbox select {
	padding: 14px 10px;
}

.button2 {
	font-size: 15px;
	font-family: "helvetica75", sans-serif;
	background-color: #eb0000;
	width: 40%;
	padding: 10px;
	display: inline-block;
	color: #ffffff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	cursor: hand;
	border: none;
	-webkit-appearance:none;
}

.disclaimer {
	font-size: 13px;
	padding-top: 30px;
	padding-bottom: 20px;
}

@media only screen and (max-width: 720px) {
	
.bubble_ct {
	width: 550px; 
	margin-left: -275px;
	top: 15%;
}

.bubblebox {
	font-size: 20px;
}

.title1 {
	font-size: 23px;
}

.button1 {
	font-size: 17px;
}

#timer {
	height: 5%;
	top: 2%;
}

#timetext {
	font-size: 18px;
}

}

@media only screen and (max-width: 600px) {
	
.bubble_ct {
	width: 90%; 
	margin-left: 5%;
	left: auto;
	top: 15%;
}

.bubblebox {
	font-size: 14px;
}

.title1 {
	font-size: 18px;
}

.button1 {
	font-size: 16px;
}

#timer {
	height: 6%;
}

#timetext {
	font-size: 16px;
}

#bagglow {
	width: 60%;
}

#bag {
	width: 60%;
}

#dropcol1 {
	width: 30%; 
	right: 8%;
}

#col1 {
	width: 26%; right: 10%;
}

#findbox {
	left: 29%;
	top: 21%;
	width: 29%
}

#progbox {
  left: 26.8%;
  top: 18.8%;
  width: 33.3%;
}

.bravo {
	bottom: 36%;
}

#timerimg {
	margin-right: 0px; 
	margin-bottom: 0px;
	margin-top: -2px;
}

.bubble_ct {
	top: 10%;
	width: 96%;
	margin-left: 2%;
}

.dynclear {
	height: 10px;
}

.bubblebox {
	padding: 5%;
	line-height: normal;
}

.linemobsmall {
	height: 15px !important;
}

#introtxtmob {
	display: inherit;
}

#introtxt {
	display: none;
}

.button1 {
	width: 66%;
}

.formbox , .formbox.secnd {
	width: 100%;
	margin-left: 0;
	margin-right: 0;	
}



.sweet-alert {
	top: auto !important;
	bottom: 25% !important;
}

.disclaimer {
	font-size: 12px;
}
	


}

@media 
(-webkit-min-device-pixel-ratio: 1.25), 
(min-resolution: 120dpi){ 
  .formbox select {
	/*-webkit-appearance:none;*/
	-webkit-appearance: none;
    background-color: white;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==);
    background-position : right center;
    background-repeat: no-repeat;
    padding-right: 1.5em;
}	
.page-confirm #form_main {
	position: absolute;
	top: 50%;
}
.hbx {
		border-left: 1px solid #ffffff !important;
		border-top: 1px solid #ffffff !important;	
	}
	body {
		background-color: #ffffff !important;
	}	
}