* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/*
hotwheels red #ed1c24
hotwheels blue #0aa5e0
*/
body { margin: 0 auto; padding: 0; font-size: 120%; font-family: 'Oswald', "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: 1px solid #000; color: #000; background: /*linear-gradient(to right, #1a1b1b 0%, #1a1b1b 50%, #fff 50.1%, #fff 100%)*/ url(/images/background-pattern.jpg) repeat-y #f1f1f1; background-size: 50% auto; }
#optins, #survey { font-size: 100%; font-weight:bold; margin-top:1em; }
#mobile {display:none;}

#container { margin: 0 auto 0 50%; padding: 1em 5% 0 2em; position: relative; text-align: left; }
#entry_form { padding: 0; margin: 0 auto; position: relative; }
#left, #left2, #left3 { width: 50%; float: left; text-align: center; position: relative; top: 0; left: 0; }
#right2, #right3 { margin: 0 auto 0 50%; position: relative; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 80%; }
#left2, #right2, #left3, #right3 { text-align: center; padding: 0 5%; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 80%; }

#txt_enter {margin: 2em auto; width:80%; height:auto;}

#disclaimer, #disclaimer_mobile { font-size: 90%; clear: both; padding: 1em; width: 95%; background: none; background-color: #ffffff80 /*rgba(255,255,255,0.5)*/; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; text-align:left; }
#disclaimer_mobile { background-color: #1d9add; width:100%;}
.width_like_disclaimer { width: 95%; padding: 0; margin: 0 auto 0.5em auto; text-align: left; font-size: 90%; font-family: Arial, Helvetica, sans-serif; }

.jeep_logo {height:2em; width:auto;}

#footer_image {position:absolute; bottom:0; right:0; width:50%; height:auto;}

#footer {background-color:#fff; color:#000; font-size:90%; font-weight:bold; text-align:center; width:100%; position:relative; padding: 1em 0; 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; }
#privacy a, #privacy a:visited { color: #000; text-decoration:none; }
#privacy a:hover, #privacy a:active, h3 a:hover, h3:active:active { color: #ec1c24; }

a, a:visited { color: inherit; }
a:hover, a:active { text-decoration: underline; }

h3 a, h3 a:visited { color: #0aa5e0; }

input { margin: .2em 0; padding: 1.75%; border: none; background-color: #dcdfe1; color: #000; font-family: Arial, Helvetica, sans-serif; }
select { margin: .2em; padding: 1.75%; border: none; background-color: #dcdfe1; color: #000; font-family: Arial, Helvetica, sans-serif; }
/*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-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, #zip, .input_width { width:90%; }
#btn_next { display: inline-block; margin: 0; padding: 0; width: 30%; height: auto; max-width: 400px; background:none;  }

#optins #rulesread, #optins #optin_hotwheels, #optins #optin_jeep, #optins #optin_sharing { width: 1.5em; height: 1.5em; border: 1px solid #bcbcbc; background-color: #fff; color: #000; }
	#optins #rulesread:checked, #optins #optin_hotwheels:checked. #optins #optin_jeep:checked, #optins #optin_sharing:checked { background-color: #00a3ed; color: #fff; }
#optins a, #optins a:visited { color: inherit; }
#survey input {width:1em; height:1em;}

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

sup {width:2%;}
/*resize into vw*/
h1 { margin: 0; padding: 0; font-size: 3.1vw /*150%*/; font-weight: 700; color: #000; font-family: 'Teko', 'Oswald', "Arial", sans-serif; font-stretch: ultra-condensed; font-style:italic; letter-spacing: -0.025vw; line-height: .8; }
h1 sup {font-family: 'Oswald', Arial, sans-serif; font-size: 50%;}

h2 { margin: 0; padding: 0; font-size: 1.4vw /*115%*/; letter-spacing: -0.01vw; font-weight: 700; color: #000; font-family: 'Oswald', "Arial", sans-serif; }
h3 { margin: 0.5% 0 0 0; padding: 0; font-size: 1.3vw /*115%*/; letter-spacing: -0.01vw; font-weight: 700; color: #000; font-family: 'Oswald', "Arial", sans-serif; }
h4 { margin: 0.5% 0 0 0; padding: 0; font-size: 1.2vw /*115%*/; letter-spacing: -0.01vw; font-weight: 400; color: #000; font-family: 'Oswald', "Arial", sans-serif; }
form{ margin:0; padding:0;}

p { margin: 0; padding: 0; }

.white_bg { background-color: #fff; }
#divider {width:100%; height:2px; margin: 4em 0; background-color:#fff;}
sup {font-size:65%;}
.relative {position:relative;}
.error { color: #ea1a20; background-color: #fbebe6; }
.err_msg { color: #ea1a20; font-size:70%; font-family: Arial, Helvetica, sans-serif; }
.hr { width: 100%; display: block; height: 2px; color: #979797; background-color: #979797; padding: 0; margin: 1em 0 .75em 0; }
.full {width:100%; height:auto;}
.bold {font-weight:bold;}
.normal { font-weight: normal; } 
.smaller {font-size:90%;}
.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;}
.white {color:#fff;}
.yellow { color: #ffdd00; }
.orange { color: #f49433;}
.grey { color: #a9a9a9;}
.grey_darker { color: #686868 ;}
.grey_darker { color: #686868 ;}
.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;}

@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) {
	body {font-size:100%;}
	#wrapper { width: 98%; }
#container { padding: 1em 1% 0 1em }
	h1 { font-size: 4vw; }
	h2 { font-size: 1.7vw;}
	h3 { font-size: 1.5vw; }
	h4 { font-size: 1.4vw; }
}

@media screen and (max-width: 800px), screen and (max-device-width: 800px) {
	#wrapper { width: 100%; background-image: none; }
	#left { display: block; float: none; width: 100%; background: /*linear-gradient(to right, #1a1b1b 0%, #1a1b1b 50%, #fff 50.1%, #fff 100%)*/ url(/images/background-pattern.jpg) repeat-y #f1f1f1; background-size: 100% auto; }	
	#mobile { display: block; }
	.mobile_hide {display:none;}
	.mobile_center { width:70%; margin:0 auto; max-width:400px; }
	#container { margin: 0; padding: 1em;}
	#left2, #right2, #left3, #right3 { width: 100%; float: none; display:block; margin:0; padding:0; }
	#right2 {margin-top:2em;}
	#btn_next { display: block; margin: 0 auto; padding: 0; width: 70%; height: auto; max-width: 400px; text-align:center; }	
	#footer_image { display:none; }
	#disclaimer {text-align:left;}
	.jeep_logo { height: 3em; width: auto; }
	#privacy {font-size:120%;}
	.social-small { width: 8%; height: auto; margin: 0 4%; padding: 0; display: inline-block; vertical-align: central; }
	.quarter {display:block; width: 100%; text-align:center;}
	.socialicons {margin-top:2em;}
	h1 { font-size: 8vw; text-align:center; }
	h2 { font-size: 5vw; text-align:center; width:80%; margin:0 auto; }
	h3 { font-size: 3vw; }
	h4 { font-size: 2.5vw; }
}