@import url(/includes/css/iCheck/square/_all.css);
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

body {
	font-family: 'Open Sans', sans-serif;
}

/*** END FONTS ***/

/*** GENERAL SET UP ***/
body {
	font-size:15px;
	color:#58595b;
	margin:0;
	padding:0;
	background: #f5f5f6;
}

body#upload {
	padding:0;
	background: #f5f5f6;
}

body#upload .btns {
	margin-bottom:0;
}

#edit_bar {
	position:fixed;
	top:0;
	width: auto;
	z-index:100;
}

h1,
h2,
h3,
h4,
h6 {
	font-weight:600;
	margin:0 0 16px;
	color: #2D2D2D;
}

h3 span { color: #fff; }

h1 { font-size:30px;  }
h2 { font-size:26px; }
h3 { font-size:22px; }
h4 { font-size:16.5px; }
h4:focus { outline: none; }

h6 { font-size: 14px; color: #fff; margin-bottom: 8px; }

p { margin:0 0 1em; }
ul, ol { padding-left:25px; }

ul li,
ol li { padding: 0 0 0 15px; }

ol li + li,
ul li + li,
ol li ol,
ul li ul,
ol li ul,
ul li ol { margin-top:1em; }

ol.alpha {
	list-style: lower-alpha;
}

a {
	color:#000;
	cursor:pointer;
	text-decoration:underline;
}

a:hover {

}

table { border-collapse:collapse; }
td { padding:0 0 8px; }

img {
	display:block;
	border:0;
	max-width: 100%;
}

hr {
	border-image:none;
	clear:both;
	height:0;
	border: solid 1px #cfd0d0;
	margin:1.25em 0 1.1875em;
}

form,
fieldset {
	border:0;
	margin:0;
	padding:0;
}

.wrap { width:940px; margin:0 auto; position: relative; }

#content_box {
	overflow:hidden;
}

#content {
	position:relative;
	z-index:5;
	width:922px;
	margin: 20px auto 0;
	overflow: visible;
	padding: 15px;
	min-height: 350px;
	padding-bottom: 50px;
	background: #fff;
	border: 1px solid transparent;
	border-radius: 1px;
	box-shadow: 0px 2px 2px #0003;
	border-color: #ddd;
	border-bottom: none;
}

#banner,
#section_header { margin-bottom: 30px; }

#anim { height: 540px; width: 960px; }

#intro p.req-intro { margin: 0; }

#header {
	position: relative;
    z-index: 10;
    padding: 22px 0 22px;
    background: #2D2D2D;
	display: none;
}


.module::after,
.clear::after,
#middle::after,
#content::after {
	content: "";
	clear: both;
	display: table;
}

#branding {
	text-align: center;
	float: left;
}

#branding img { margin: 0 auto; width: 150px; }

#membership { display:none; }

#middle {
	width:100%;
	float:none;
}

#rhs {
	display:none;
}

.module { position:relative; }
.clr { clear:both; }
.module .clr { display: none; }

.left { float:left; }
.right { float:right; }

/*** END GENERAL SETUP ***/

/*** NAVS ***/

#navs_level_1 {

}

#navs_level_1 ul {
	list-style:none;
	margin:0 auto;
	padding:0;
	text-align: right;
}

#navs_level_1 ul li {
	display: inline-block;
	position:relative;
	background:none;
	margin: 0;
	padding:0;
	vertical-align: top;
}

#navs_level_1 ul li a {
	display:block;
	color:#fff;
	font-size:19px;
	line-height:1em;
	text-decoration:none;
	padding: 15px 0;
	text-align: left;
	white-space: nowrap;
}

#navs_level_1 ul li a b { font-weight: 400; }

#navs_level_1 > ul > li + li {
	margin-left: 24px;
}

#navs_level_1 ul li ul {
	display:none;
	position:absolute;
	left:0;
}

#navs_level_1 ul#menu li ul li a {
	border:0;
	line-height:1em;
	padding: 5px 10px;
	background: #5f0b22;
	margin-top: 2px;
}

#navs_level_1 ul li a:hover,#navs_level_1 ul li:hover > a,#navs_level_1 ul li.current > a,
#navs_level_1 ul li ul li a:hover,#navs_level_1 ul li ul li:hover > a,#navs_level_1 ul li ul li.current > a { 
	text-decoration: none;
	color: #fcae17
}

#navs_level_1 ul li:hover ul {
	display:block;
}

.current:hover {
	text-decoration:none!important;
}

/*** END NAVS ***/

/* BEGIN FORMS */
.disclaimer {
	font-size: 0.8rem;
}

.intro {
	margin-bottom: 50px;
}

.intro p {
	color: #58595b;
}

input {
	vertical-align:middle;
}

input.text,
textarea,
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	width:100%;
	padding:30px 15px 16px;
	box-sizing: border-box;
	background: none;
	color: #6f6f6f;
	border: 0;
	height: 66px;
}

select {
	background: url('/params/img/select-arrow-2.png') no-repeat calc(100% - 15px) center;
}

select::-ms-expand {
    display: none;
}

input[type=file] {
	color: #6f6f6f;
	background: none;
}

input.text.t_sm {
}

textarea { 
	height: 307px;
}

.question-float {
	border: solid 1px #ccc;
}

.question-float.hidden { display: none; }

.question-float + .question-float { margin-top: 13px; }

.question-float.date { width: calc(33.33% - 10px); float: left; box-sizing: border-box; }
.question-float.date + .question-float.date { margin-top: 0; margin-left: 15px; }

.question-float label { top: 32px; font-size: 19px; left: 16px; width: calc(100% - 50px); color: #6f6f6f; }
.question-float label span.req {  }

.question-float.active label { transform: translate3d(0px, -23px, 0px) scale(0.75); } 

#upload .btns input[type=submit],
#upload .btn_delete,
#forms .btns input[type=submit],
a.btn {
	background: #000;
	cursor:pointer;
	-webkit-appearance:none;
	line-height:1em;
	padding: 0;
	display: inline-block;
	box-sizing: border-box;
	padding: 22px 35px 22px;
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
	text-align: left;
	margin: 0;
	border: 0;
}

a.btn { text-decoration: none; display: block; margin: 0 auto; }


#forms .btns input[type=submit],
a.btn {
	background: #000 url('/params/img/btn-arrow.png') no-repeat 96% center;
	width: 100%;
	background-size: 45px;
}

#forms .btns input[type=submit] {}

#upload .btns { text-align: right; }

#forms-upload-container { width: 100%; overflow: hidden; }

#upload .btns input[type=submit],
#upload .btn_delete {
	font-size: 22px;
	padding: 11px 18px 8px;
	width: auto;
	display: inline;
}
.forms-upload-file a { display: block; }
#upload .btn_delete { float: right; clear: both; }

#upload .btns input[type=submit]:hover,
#upload .btn_delete:hover,
#forms .btns input[type=submit]:hover,
a.btn:hover {
	background-color: #fcae17;
}

h3.q { font-size: 22px; text-transform: uppercase; line-height: 1em; }

p.req {
	color:#fff;
	padding:10px;
	background: #a82424;
}

p.req a { color: #fff; text-decoration: underline; }

span.req { color:#a82424; }

.block { padding-bottom: 58px; overflow: hidden; }
.field { width:140px; padding-right:20px; line-height:1em; }
.note { color:#fff; font-style:italic; }
.exp { font-size: 14px; }

.block table,
.module table,
#forms .block {
	width:100%;
}

#captchainput { margin-top:10px; width:105px; }

#content .left,
#content .right { width:49%; }

#forms .pds-container {  }

#forms .btns { clear:both; margin-top:0; padding-top: 30px; }

#forms .a > div.radio_container { float:left; width:49%; overflow:hidden; }
#forms .a > div.radio_container input { float: left; }
#forms .a > div.radio_container > div.radio { float:left; }
#forms .a > div.radio_container + div.radio_container { margin-left:2%; }
#forms .a > div.radio_container > label { margin-left:10px; float:left; }

#forms .a > div.checkbox_container { overflow:hidden; }
#forms .a > div.checkbox_container > div.checkbox { float:left; }

/*** END FORMS ***/

/*** TAC PAGE FORMATING ***/

.tac-table { overflow: auto; }
.tac-table table { border-collapse: collapse; border-spacing: 1px; }
.tac-table td, .tac-table th { border:1px solid #ddd; vertical-align:top; padding:5px 10px; }
.tac-table td p { margin:0; }

.tac-table td p + p {
	margin-top:1em;
}

/*** END TAC PAGE FORMATING ***/

/*** FOOTER ***/

.footer {
	margin-top: 30px; 
	padding: 25px 0 25px;
	overflow: hidden;
	font-size:14px;
	background: #000;
}

.footer .left, .footer .right {
	float: left;
	width: auto;
}

.footer .right { float: right; }

.footer a, .footer span { color: #fff; text-decoration: none;  }
.footer p { color:#fff; font-size: 11px; line-height: 1.1em; }
.footer a { color: #fcae17; }

.footer .links { font-size: 13px; margin-top: 40px; }
.footer .links a { display: inline-block; margin-left: 1em; }
.footer .links a + a {  }

.footer .nav { font-size: 16px; margin-bottom: 20px; }
.footer .nav a { display: inline-block; font-weight: bold; }
.footer .nav a + a { margin-left: 1em; padding-left: 1em; border-left: solid 1px #fff; }

.footer .logos img { margin: 0 auto 40px; } 

/*** END FOOTER ***/

/*** HIDDEN CONTENT ***/

#navs_level_1 #membership,
#lhs,
.t_content,
#site_map #main h1 {
	display:none;
}

/*** END HIDDEN CONTENT ***/

#immediedit { width: 200px; }
#immediedit .btn { font-size: 16px; padding: 10px; }


.scroll-table {
	max-width: 100%;
	overflow: auto;
}

.scroll-table table {
	min-width: 560px;
}

#dummy_empty { display: none; }

.article table td, .article table th { text-align: left; padding: 5px; min-width: 25%; }
.article table td p, .article table th p { margin: 0; }
.article table th { font-weight: bold; background: #58595b; color: #fff; }

.checkbox_container label { float: left; margin-left: 10px; width: calc(100% - 40px); margin-top: 0px; font-size: 15px; }
#forms .a > div.checkbox_container > div.checkbox { margin-top: 3px; }

.icheckbox_minimal { background-color: #fff; border-radius: 3px; }


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-widget-content,
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: none; border: none; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #58595b; text-transform: none; }
.ui-widget-content, .ui-widget-content a { color: #000; }
.ui-state-active { color: #58595b; }
.ui-state-default .ui-icon { background-image: url('/includes/css/images/ui-icons_222222_256x240.png'); }

.a + .exp { margin-top: 10px; }

.forms-10 #q_2 .a { 
	padding: 10px;
	background: #f5f5f6;
}

.forms-10 #q_3 h3.q { 
	display: none;
}

.mobile { display: none; }

.homepage-tile-closed,
.homepage-tile-closed-dark { overflow: hidden; }

.homepage-tile-closed:after,
.homepage-tile-closed-dark:after {
	content: "CLOSED";
	font-size: 30px;
	font-weight: bold;
	color: #bd8184;
	border: solid 1px #bd8184;
	border-width: 1px 0;
	display: block;
	text-align: center;
	transform: rotate(22.5deg);
	right: -80px;
	top: 15px;
	position: absolute;
	width: 300px;
}

.homepage-tile-closed-dark:after {
	background-color: #bd8184aa;
	color: #fff;
}
	
@media screen and (max-width: 995px) {
	/*** GENERAL SET UP ***/
	.wrap,
	#content { width:630px; }

	#anim { height: 354px; width: 630px; }

	#header::after { background-size: 630px; height: 140px; margin-top: 40px; }

	#content_box::before { display: none; }

	#branding img { max-width: 175px; }

	#rhs,
	#main #left_col,
	#main #right_col,
	#main.part	{ width:48%; margin:0 auto; padding:0; }


	#main .std,
	#middle div.std,
	#main .option,
	#middle div.option {
		margin-right:0;
	}

	#edit_bar,
	#crumbs {
		display:none;
	}

	#middle.max-width,
	.dbl.module .pic img {
		width:100%;
	}


	/*** END GENERAL SET UP ***/

	/*** FOOTER ***/

	/*** END FOOTER ***/

	/*** NAVS ***/
	#navs_level_1 { margin-top: 0; }
	#navs_level_1 ul li a { font-size: 16px; }
	#navs_level_1 ul li {  }

	#navs_level_1 ul li + li { margin-left: 10px; }

	/*** END NAVS ***/

	/*** HEADER ***/
	#header { }
	/*** END HEADER ***/


	/*** FORMS ***/
	#forms .block .text,
	input.text {
	}

	#forms .btns input[type="submit"] { font-size: 42px; }

	#forms .a > div.radio_container {
		width: 100%;
	}

	#forms .a > div.radio_container + div.radio_container { margin: 10px 0 0; }
	/*** END FORMS ***/

	h1 { font-size: 38px; }

	img { max-width: 100%; }

	.module.eligible-range p + p { font-size: 12px; }

	.module.eligible-range {
		padding: 30px 0;
		border-bottom : solid 2px #737574;
		min-height: 410px;
	}
	
	.watch-hero .round-callout { width: 35%; left: -60px; top: 120px; }
	.white-box { padding: 30px 20px 20px; }
	.question-float label { font-size: 17px; }
}

@media screen and (max-width: 640px) {
	.mobile { display: inherit; }
	
	/*** GENERAL SET UP ***/
	#content,
	.wrap {
		max-width:450px;
		min-width: 300px;
		width: 100%;
		box-sizing: border-box;
		padding-left: 15px;
		padding-right: 15px;
	}

	#header { width: 100%; padding-top: 0; padding-bottom: 0; background-image: none; }
	
	#middle,
	#rhs,
	#main,
	#main #left_col,
	#main #right_col,
	.left,
	.right,
	.footer .left,
	.footer .right,
	#content .left,
	#content .right,
	#forms .pds-container	{
		width:auto;
		float:none;
	}

	#main.part {
		width:auto;
		display:block;
	}

	#branding { margin-top: 6px; }
	#branding img { max-height: 105px; }

	#navs_level_1:before,
	.non-mobile	{ display: none; }

	#content { height: auto; margin-top: 20px; }
	/*** END GENERAL SET UP ***/

	/*** NAVS ***/
	#navs_level_1 {
		width:300px;
		padding:60px 0 0;
	}

	#navs_level_1:after {
		content:"";
		height:30px;
		width:30px;
		position:absolute;
		right:15px;
		top:15px;
		z-index: 0;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAyCAYAAADLLVz8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTExLTA3VDIyOjQ2OjMyKzExOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMS0wN1QyMjo0NzowMisxMTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0xMS0wN1QyMjo0NzowMisxMTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpjNzA1MTlhNi00MjIyLTMwNGYtOThmYi1kOTlkY2E3MDIwZTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6YzcwNTE5YTYtNDIyMi0zMDRmLTk4ZmItZDk5ZGNhNzAyMGU4IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YzcwNTE5YTYtNDIyMi0zMDRmLTk4ZmItZDk5ZGNhNzAyMGU4Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpjNzA1MTlhNi00MjIyLTMwNGYtOThmYi1kOTlkY2E3MDIwZTgiIHN0RXZ0OndoZW49IjIwMTktMTEtMDdUMjI6NDY6MzIrMTE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Pq1yJAAAAdElEQVRo3u3bQQ2AMBAAwXrAAEKwgwPEoAdji4f2RZhJzsB+Lrm0o9qq3UzNNqo7Zt0CCiiggH8PeFSnmZpjAAAAAMCHVFf1mKm5XKSd9AUU8O8BLZGVJQIAAAAAH+KR+eIjcxdpJ30BBRSQlYA+XC98uH4BsyXJRs+zHt0AAAAASUVORK5CYII=);
		background-size: 34px;
		background-repeat: no-repeat;
		background-position: center center;
	}

	#navs_level_1 ul#menu {
		padding: 60px 0 0;
		height: 0;
		width: calc(100% - 30px);
		position: absolute;
		top: 0;
		right: 15px;
		z-index: 100;
		overflow: hidden;
	}
	#navs_level_1 ul#menu li { float:none; display:block; margin: 0; max-width: none; border: solid 1px #ddd; border-top: 0; }
	#navs_level_1 ul#menu li a { padding: 24px 20px; background: #fff; color: #000; border-radius: 0; font-size: 21px; border: 0; }
	#navs_level_1 ul#menu li.current a,
	#navs_level_1 ul#menu li a:hover { color: #fff; background: #2D2D2D; text-decoration: none; }

	/*** FORMS ***/
	#forms #content .left, #forms #content .right { width: auto; }

	.field { font-size: 16px; padding-right: 0px; }

	/*** FOOTER ***/
	#footer #links { margin: 10px 0 0 0; text-align: left; float: none;  }
	#footer #links a { float: none; }
	#footer-sm { margin: 10px 0 0; }

	.footer-image,
	.footer-links,
	.footer-tac {  }

	.footer {  }
	.footer .links a {  }
	.footer-image { max-width: 300px; position: static;  }
	.footer img  { max-width: 300px; margin: 0 auto 10px; display: block;}
	/*** END FOOTER ***/

	/*** TAC PAGE FORMATING ***/
	.article {
		overflow-wrap: break-word;
		word-wrap: break-word;
	}

	.tac-table td { padding:5px 5px; width: 100px;}
	.tac-table td + td { width: auto; }

	/*** END TAC PAGE FORMATING ***/

	h3.q { font-size: 20px; }

	#forms .btns input[type=submit]  {
		width: 100%;
		white-space: normal;
		padding-left: 15px;
		background-position: 94% center;
	}

	.intro p.req-intro  { font-size: 15px; }

	select.date { background-size: 25%; }

	h1 { font-size: 27px; }

	.footer .links { font-size: 14px; margin-bottom: 20px; }

	#agecheck-overlay .dob-form { width: 300px; }
	#agecheck-overlay .dob-form .explaination,
	#agecheck-overlay .dob-form .age-details,
	#agecheck-overlay .dob-form .remember { padding: 0px 10px; }
	#agecheck-overlay .dob-form .remember p { width: 230px; float: none; }
	#agecheck-overlay .dob-form .age-details p { text-align: center; float: none; }
	#agecheck-overlay .dob-form .title { line-height: 1em; }


	a.btn {width: 100%; }
	
	.round-callout { width: 40%; left: -60px; top: 120px; display: none; }
	.home-hero .mobile.callout { display: block; }
	.home-hero .count { display: block; }
	
	#upload .btns input[type="submit"], #upload .btn_delete, #forms .btns input[type="submit"], a.btn { padding: 15px; }
	
	.home-hero + .home-hero { margin-top: 30px; }
	
	.bottle { display: none; }
	
	.domain-3 #branding { 
		margin-top: 0;
	}
	
	.domain-3 #header {
		padding: 5px 0;
	}
	
	.question-float label { width: calc(100% - 60px); }
}