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

body { margin: 0 auto; padding: 0; font-size: 120%; font-family: "Roboto", "Helvetica", "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; 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, #c00c3f 0%, #c00c3f 50%, #fff 50.1%, #fff 100%) }
#hero {margin: 2em auto; width:80%; height:auto;}
#txt_wow {width:100%; height:auto; margin: 1.5em auto; display:block; position:relative;}
#optins, #survey { font-size: 100%; font-weight:400; 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 { width: 50%; float: left; text-align: center; position: relative; top: 0; left: 0; }
#right2 { margin: 0 auto 0 50%; position: relative; font-weight: normal; font-size: 80%; }
#left2, #right2 { text-align: center; padding: 0 5%; font-weight: normal; font-size: 80%; }

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

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

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

input { margin: .2em 0; padding: 1.75%; border: none; background-color: #dcdfe1; color: #000; }
select { -webkit-appearance: none; appearance: none; margin: .2em; padding: 1.75%; border: none; background-color: #dcdfe1; color: #000; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); /* SVG for a down arrow */ background-repeat: no-repeat; background-size: 1em; background-position: right 10px center; }
/*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: 400; }
.w_input { width: 80%; }
.wl_label_margin { margin-left: 5%; }
.checkbox { display: inline-block; width: 1.5em; vertical-align: top; text-align: left; margin-right:0.5em; }
.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, #usstate, #zip, #keyword, .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_burlington { width: 1.5em; height: 1.5em; border: 1px solid #bcbcbc; background-color: #fff; color: #000; }
	#optins #rulesread:checked, #optins #optin_burlington: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-stretch: ultra-condensed; }
h1 sup { font-size: 50%;}
h2 { margin: 0; padding: 0; font-size: 2.4vw; font-weight: 700; color: #000; }
h3 { margin: 0.5% 0 0 0; padding: 0; font-size: 1.9vw /*115%*/; font-weight: 400; color: #000; }
h4 { margin: 0.5% 0 0 0; padding: 0; font-size: 1.2vw /*115%*/; font-weight: 400; color: #000; }
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; }
}
*/

/* or swap at 800px?*/
@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) {
	#wrapper { width: 100%; background: #fff; }
	#left { display: block; float: none; width: 100%; background: #c00c3f; }	
	#mobile { display: block; }
	.mobile_hide {display:none;}
	.mobile_center { width:70%; margin:0 auto; max-width:400px; }
	#container { margin: 0; padding: 1em;}
	#left2, #right2 { 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;}
	#privacy {font-size:120%;}
	.input_width {width:80%;}
	.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; }
}