* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.Antonio { font-family: "Antonio", Arial, Helvetica, sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; }
.Arial { font-family: Arial, Helvetica, sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; }

body { margin: 0 auto; padding: 0; font-size: 120%; font-family: "Antonio", "Arial", sans-serif; font-weight: 400; text-align: center; color: #fff; background: #ccc; width: 100%; max-width: 2560px; min-width: 300px; position: relative; }
#outer_wrapper { width: 100%; margin: 1em 0 auto 0; padding: 0; position: relative; max-width: 2560px; background: #ccc; color:#fff; }
#wrapper { width: 87.5%; height: auto; margin: 0 auto; padding: 0; position: relative; top: 0; left: 0; border: none /* 1px solid #fff*/; color: #fff; background: linear-gradient(to right, #ff40b3 0%, #ff40b3 50%, #f6b0d5 50.1%, #f6b0d5 100%); }
#hero, #hero_mobile { margin-bottom: 4%; }

#optins, #survey { font-size: 90%; font-weight:normal; margin-top:.5em; }

#mobile {display:none;}
#container { margin: 0 auto 0 50%; padding: 0.1% 0.5% 0 1%; position: relative; text-align: left; /*background-color: #fff;*/ }
#entry_form { padding: 0; margin: 0 auto; position: relative; }
.left_panel, #left, #left2, #left3 { width: 50%; float: left; text-align: center; position: relative; font-size: 80%; padding: 2%; }
.right_panel, #right2, #right3 { margin: 0 auto 0 50%; text-align: center; position: relative; font-size: 80%; padding: 2%; }


#footer { background-color: #fff; color: #ff40b3; font-size: 90%; font-weight: bold; text-align: center; width: 87.5%; position: relative; padding: 1em 0; margin: 0 auto; clear: both; }
.quarter {width:24.5%; display:inline-block; margin:0; padding:0;}
#privacy { width: 90%; padding: 0 0 .5em 0; margin: .5em auto; text-align: center; font-family: Arial, Helvetica, sans-serif; position: relative; /*display: none;*/ }
#privacy a, #privacy a:visited { color: #ff40b3; text-decoration: none; }
#privacy a:hover, #privacy a:active { color: #bceff4; }

input { margin: .2em 0; padding: 1.75%; border: none; background-color: #dcdfe1; color: #000; font-family: Arial, Helvetica, sans-serif; font-weight:500; }
select { margin: .2em; padding: 1.75%; border: none; background-color: #dcdfe1; color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: 500; }
/*select::-ms-value { background: transparent; }*/
input[type="radio"], input[type="checkbox"] { vertical-align: middle; margin: 0 0.5em 0 0; padding: 0; accent-color: #0083cd; }
label { display: inline-block; margin: 0; padding: 0; }
select::-ms-expand { display: none; }
.placeholder_color { color: #999; }
option { margin: 0; padding: 0; color: #000; }

.wl_label { display: block; font-size: 90%; margin-top: .75em; font-weight: bold; font-weight: 500; font-family: Arial, Helvetica, sans-serif;; }
.w_input { width: 80%; }
.wl_label_margin { margin-left: 5%;  }
.checkbox { display: inline-block; width: 2em; vertical-align: top; text-align: left; }
.social {width:12%; height:auto; margin: 2% 4% 3% 0; padding:0; display:inline-block;}
.social-small { width: 10%; height: auto; margin: 0 4%; padding: 0; display: inline-block; vertical-align: central; }
.pad {padding: 2% 0; vertical-align:central;}

#survey { font-family: Arial, Helvetica, sans-serif; line-height: 1.5; }
#entry_form input { font-size: 100%; }

#first, #last, #email, .input_width { width: 90%; font-family: Arial, Helvetica, sans-serif; }
#btn_next, btn_enter { display: inline-block; margin: 0; padding: 0; width: 30%; height: auto; max-width: 400px; background:none;  }
#optins #rulesread, #optins #optin_mattel, #optins #optin_sharing { width: 1.5em; height: 1.5em; border: 1px solid #bcbcbc; background-color: #fff; color:#000; }
#optins #rulesread:checked, #optins #optin_mattel:checked, #optins #optin_sharing:checked { background-color: #00a3ed; color:#fff; }
#optins a, #optins a:visited { color: #fff; }

.btn_shop {width:30%; height:auto; margin:1em auto;}
.shop_image {width: 60%; height:auto; margin: 0 auto; }

#validation_summary { text-align: left; }

sup {width:2%;}
/*resize into vw*/
h1 { margin: 0; padding: 0; font-size: 3vw /*150%*/; font-weight: 600; font-family: "Antonio", "Arial", Helvetica, sans-serif; text-align: left; /*letter-spacing: 0.05vw; transform-origin:left; transform:scale(.8, 1.5); line-height:1.5;*/ }
h1 sup { font-family: "Antonio", Arial, sans-serif; font-weight:500; }
h2 { margin: 0; padding: 0; font-size: 1.8vw /*115%*/; font-weight: 500; text-align: left; color: #ff40b3;  }
h3 { margin: 0.5% 0 0 0; padding: 0; font-size: 1.6vw /*115%*/; letter-spacing: -0.01vw; font-weight: 700;}
h4 { margin: 2% 0; padding: 0; font-size: 1.4vw /*115%*/; letter-spacing: -0.01vw; font-weight: 500; text-align: center; font-family: "Arial", Helvetica, sans-serif; }
h5 { margin: 0.5% 0 0 0; padding: 0; font-size: 1vw /*115%*/; letter-spacing: -0.01vw; font-weight: 500; text-align: center; font-family: "Arial", Helvetica, sans-serif; }
form{ margin:0; padding:0;}
a, a:visited { color: #fff; }
a:hover, a:active { text-decoration:underline; }

p { margin: 0; padding: 0; }

#disclaimer, #disclaimer_mobile { font-size: 80%; color: #eee; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; text-align:justify; }
#disclaimer_mobile { display:none; }
#disclaimer a, #disclaimer_mobile a { color: #eee; }
#disclaimer a:hover, #disclaimer a:active, #disclaimer_mobile a:hover, #disclaimer_mobile a:active { color: #fff; }
.white_bg { background-color: #fff; }
#divider {width:100%; height:2px; margin: 4em 0; background-color:#fff;}
sup {font-size:65%;}
.relative {position:relative;}
.absolute_bottom { position:absolute; bottom:0; }
.error { color: #ea1a20; }
.err_msg { color: #ea1a20; font-size: 70%; font-family: Arial, Helvetica, sans-serif; }
.hr { width: 100%; display: block; height: 8px; color: #e2e3e5; background-color: #e2e3e5; padding: 0; margin: 1em 0 .75em 0; }
.full {width:100%; height:auto;}
.bold {font-weight:bold;}
.normal { font-weight: normal; } 
.smaller {font-size:80%;}
.extra_small {font-size:50%;}
.upper {text-transform:uppercase;}
.block {display:block;}
.inline {display:inline;}
.indent { padding:0 0 0 2em; text-indent: -2em; font-size:90%; font-weight:bold;}
.asterisk {color:#fff; font-size:75%;}
.left {text-align:left;}
.center {text-align:center}
.right {text-align:right;}
.ctr {margin-left:auto; margin-right:auto;}
.clear {clear:both;}
.clear_right {clear:right;}
.clear_left { clear: left; }
.fl_rgt {float:right;}
.fl_lft {float:left;}
.red { color: #ec1c24; }
.orange { color: #fba939; }
.blue { color: #0d3283;}
.cyan { color:#bceff4; }
.white {color:#fff;}
.black { color: #000; }
.yellow { color: #ffdd00; }
.orange { color: #f49433;}
.pink { color: #ff40b3;}
.grey { color: #a9a9a9;}
.grey_darker { color: #686868;}
.grey_darker { color: #343434;}
.red_bg { background-color: #ec1c24; }
.noheight {height:0;}
.max50 {max-width:50%;}
.vtop {vertical-align:top;}
.vmiddle {vertical-align:middle;}
.max100 { max-width: 100%; }
.w80 {width:80%; margin: 0 auto;}
.nounderline {text-decoration:none;}
.nodisplay {display:none;}
.hidden { visibility:hidden;}
.visible { visibility:visible;}
.sized { font-size: .9vw; }
.zeroheight { height: 0; clear: both; }
.desktop_hide { display: none; }

@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) {
	body {font-size:100%;}
	#wrapper, #footer, #privacy { width: 98%; }
	.sized { font-size: 1.2vw; }
#container { padding: 0.5% 0.5% 0 0.5% }
}

@media screen and (max-width: 800px), screen and (max-device-width: 800px) {
	#wrapper { width: 100%; background: #ff40b3; }	
	#mobile { display: block; }
	.mobile_hide {display:none;}
	.desktop_hide { display: inherit; }
	.mobile_required { width:60%; margin:0 auto; text-align:left; }
	.mobile_center { text-align: center; }
	#container { margin: 0; padding: 1em; background: #f6b0d5; font-size:150%; }
	.left_panel, .right_panel, #left, #left2, #right2, #left3, #right3 { width: 100%; float: none; display:block; margin:0; padding:2%; }
	#btn_next, btn_enter { display: block; margin: .5em auto; padding: 0; width: 70%; height: auto; max-width: 400px; text-align:center; }
	#footer {width:100%; font-size:120%;}
	#footer_image { position: relative; width: 100%; height: auto; }
	#disclaimer { display:none; }
	#disclaimer_mobile { text-align: left; background: #ff40b3; display:block; padding:2%; font-size:120%; }
	#privacy {font-size:120%; width:99%;}
	.quarter {display:block; width: 100%; text-align:center;}
	.sized { font-size: 1.8vw; }
	h1 { font-size: 11vw; text-align: center; transform-origin:center; margin: 0 auto;}
	h2 { font-size: 7.1vw; text-align:center; width:90%; margin:.5em auto; }
	h3 { font-size: 5vw; }
	h4 { font-size: 4.5vw; }
	h5 { font-size: 4vw; }
}