body {
	padding-top: 0;
}
header {
	display: none;
	position: static;
}
header .wrap {
	overflow: hidden;
}
header h1 {
	margin: 0.5em auto;
}
h1, h2, h3, h4, h5, .button {
	font-family: 'proxima-nova', Verdana, Arial, sans-serif;
}
h3 {
	color: #f05a28;
	font-weight: bold;
}
.wrap {
	width: 92%;
}
.button {
	background: #f06d54;
	border-radius: 5px;
	box-sizing: border-box;
	color: #fff;
	text-transform: none;
}
.button:hover {
	background: #f05a28;
}
.sessions {
	margin: 3em 0;
	overflow: hidden;
	width: 100%;
}
.sessions .button {
	padding: 0.5em;
	width: 90%;
}
.sessions li {
	float: left;
	text-align: center;
}
.sessions1 li {
	margin-left: 25%;
	width: 50%;
}
.sessions2 li {
	margin-left: 10%;
	width: 35%;
}
.sessions3 li {
	margin-left: 5%;
	width: 30%;
}
.sessions4 li {
	margin-left: 4%;
	width: 22%;
}
.sessions6 li {
	margin-bottom: 4%;
	margin-left: 5%;
	width: 30%;
}
.sessions3 li:first-child,
.sessions4 li:first-child,
/*.sessions4 li:nth-child(odd),*/
.sessions6 li:first-child,
.sessions6 li.sessionrow {
	margin-left: 0;
}
.sessions strong {
	color: #fff;
	display: block;
	font-family: 'proxima-nova', Verdana, Arial, sans-serif;
	font-size: 1.9em;
	font-weight: bold;
	text-transform: uppercase;
}
.sessions li:before {
	background-repeat: no-repeat;
	background-size: 100%;
	content: "";
	display: block;
	height: 0;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 31%;
	width: 30%;
}
.session10am:before { background-image: url('../img/10am.png'); }
.session4pm:before { background-image: url('../img/4pm.png'); }
.session8pm:before { background-image: url('../img/8pm.png'); }
.sessions li.session-noclock:before {
	display: none;
}

#intro {
	background: #e4f2f9 url('../img/webinar-signup-bg.jpg') no-repeat center center;
	background-size: cover;
	color: #464646;
	color: #fff;
	text-align: center;
}
	#intro h1 {
		color: #464646;
		color: #fff;
		font-size: 4em;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
	}
	#intro h2 {
		color: #4f190f;
		color: #ccc;
		font-size: 2em;
		font-style: italic;
		margin: 0.75em auto 0.25em;
		text-align: center;
	}
	#intro h4 {
		font-size: 1.6875em;
	}
	#intro h4 i {
		background: url('../img/calendar-orange.png') no-repeat center center;
		background-size: 100%;
		display: inline-block;
		margin: 0 0.5em 0.5em;
		height: 3em;
		width: 3em;
		vertical-align: middle;
	}
	#intro:after {
		background: url('../img/arrow-down.png') no-repeat center center;
		background-size: 100%;
		content: "";
		display: block;
		height: 0;
		left: 50%;
		margin-left: -40px;
		overflow: hidden;
		padding-top: 80px;
		position: absolute;
		width: 80px;
	}
	#intro .sessions strong {
		text-shadow: 0 0 20px rgba(0,0,0,0.4);
	}
#hostedby {
	background: #666666 url('../img/hostedby.jpg') no-repeat center top;
	background-size: cover;
	color: #ffffff;
	padding: 5em 0;
}
	#hostedby h3 {
		color: #fff;
		font-weight: normal;
		margin-bottom: 0.25em;
		text-align: left;
		text-transform: none;
		width: 55%;
	}
	#hostedby ul {
		list-style: disc;
		padding-left: 1.6em;
		width: 55%;
	}
	#hostedby li {
		font-size: 1.5em;
		margin-bottom: 0.5em;
	}
	#hostedby .social {
		list-style: none;
	}
	#hostedby .social li {
		display: inline;
	}
#discover {
	background: #f2f2f2;
	color: #959595;
	overflow: hidden;
}
	#discover h3:after {
		background: url('../img/monitor.png') no-repeat center center;
		background-size: contain;
		content: "";
		display: block;
		height: 0;
		margin: 0.25em auto 0;
		overflow: hidden;
		padding-top: 8%;
		width: 8%;
	}
	#discover ul {
		float: left;
		list-style: disc;
		margin: 0 5%;
		width: 40%;
	}
	#discover li {
		font-size: 1.5em;
		margin-bottom: 1em;
	}
#praise {
	background: #ffffff;
	color: #636363;
}
	#praise h3 {
		margin: 0 auto;
		width: 80%;
	}
	#praise h3:after {
		background: url('../img/medal.png') no-repeat center center;
		background-size: contain;
		content: "";
		display: block;
		height: 0;
		margin: 0.5em auto 0;
		overflow: hidden;
		padding-top: 90px;
		width: 80px;
	}
	#praise blockquote:before {
		display: none;
	}
	#praise blockquote {
		font-size: 1.5em;
		margin: 1em auto;
		padding-top: 1em;
		width: 70%;
	}
	#praise cite {
		border-bottom: 1px solid #636363;
		color: #f05a28;
		font-weight: normal;
		margin: 1em auto 0;
		padding-bottom: 1.5em;
		width: 45%;
	}
	#praise blockquote:last-child cite {
		border-bottom: none;
	}
#when {
	background: #f2f2f2;
	color: #959595;
}
#when .wrap {
	width: 92%;
}
	#when .button {
		background: transparent;
		border: 2px solid #959595;
		color: #959595;
	}
	#when h3 {
		letter-spacing: 0;
		margin-bottom: 0;
		text-transform: none;
	}
	#when h4 {
		color: #000;
		font-size: 2.3em;
		font-weight: bold;
		letter-spacing: 4px;
		text-align: center;
		text-transform: uppercase;
	}
	#when h5 {
		font-size: 2.125em;
		text-align: center;
	}
	#when h5:before {
		background: url('../img/calendar-grey.png') no-repeat center center;
		background-size: 100%;
		content: "";
		display: block;
		height: 0;
		margin: 0.5em auto;
		overflow: hidden;
		padding-top: 8%;
		width: 8%;
	}
	#when strong {
		color: #959595;
		font-weight: normal;
		text-transform: none;
	}
	#when .sessions li:before {
		margin-bottom: 1em;
		padding-top: 41%;
		width: 40%;
	}
	
	.popup input[type="text"] {
		border: 1px solid #ccc;
	}
	.popup .infusion-submit input,
	.popup .infusion-submit button {
		border-color: #f05a28;
		color: #f05a28;
	}
	.popup .infusion-checkboxes {
		display:none;
		margin: 1em auto;
		overflow: hidden;
	}
	.popup .infusion-checkboxes .infusion-option {
		float: left;
		text-align: left;
		width: 33%;
	}
	.popup .infusion-checkboxes label {
		position: static;
	}
	.popup .infusion-checkboxes input {
		float: left;
		width: auto;
	}
	.popup .wrap {
		max-width: 600px;
	}
	
#thanksbanner {
	color: #f06d54;
	font-family: 'proxima-nova', 'Proxima Nova', Verdana, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 6px;
	padding: 1em 0;
	text-align: center;
	text-transform: uppercase;
}



/* Bucketing logic
---------------------------------------------------- */

#popup .infusion-segment {
	display: none;
}

aside.percent50,
aside.percent100 {
	background: #fd6f4d;
	border-radius: 1em;
	color: #fff;
	font-family: sans-serif;
	font-size: 0.9em;
	line-height: 1.2;
	margin-bottom: 2em;
	overflow: hidden;
	padding: 0.25em 0.25em 0.35em;
	text-align: center;
}
aside.percent50 {
	padding: 0 0 0 50%;
}
aside.percent50 div {
	background: #f2f2f2;
	box-sizing: border-box;
	color: #959595;
	padding: 0.25em 0.25em 0.35em 1em;
	text-align: left;
}


#step1 h4 {
	font-size: 1.7em;
	font-weight: 700;
	margin-bottom: 20px;
}

#step1 ul {
	list-style: none;
	margin: 0 auto;
	max-width: 760px;
	padding: 0;
	width: 90%;
}
#step1 li {
	color: #959595;
	font-size: 1.5em;
	line-height: 1.4;
	margin: 0 0 1.5em;
	padding: 0;
	text-align: left;
}
#step1 li a {
	color: #959595;
	display: block;
	margin-left: 2.5em;
	position: relative;
	text-decoration: none;
}
#step1 li a:before {
	background: transparent;
	border: 1px solid #959595;
	border-radius: 1.5em;
	content: "";
	display: block;
	float: left;
	height: 0;
	margin: 0 1em 0 0;
	overflow: hidden;
	padding-top: 1.5em;
	width: 1.5em;
	
	position: absolute;
	top: 0.25em;
	left: -2.5em;
}
#step1 li a.active:before {
	background: #959595;
}
#step1 .buttonwrap {
	text-align: center;
	margin: 2em 0 1em;
}
#step1 .nextbutton {
	border: 1px solid #f05a28;
    color: #f05a28;
	border-radius: 5px;
	font-size: 1.2em;
	padding: 0.5em 3em;
	text-decoration: none;
    font-family: bebas-neue,'Bebas Neue',Arial,sans-serif;
    font-size: 1.6em;
    margin: .25em 0;
    padding: .5em 1.5em;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
}
#step2 {
	display: none;
}

.infusion-segment,
.infusion-webinars {
	display: none;
}


/* Hide steps if already bucketed */
.already-bucketed #step1,
.already-bucketed .percent100 {
	display:none;
}

.already-bucketed #step2 {
	display:block;
}


/* Footer
----------------------------------------------------- */
footer {
	padding:30px 20px; 
	text-align: center;
}

footer .legalese {
    color: #ccc;
    margin: 0.25em auto;
}

footer .legalese {
	padding:0;
}

footer .legalese li {
    border-left: 1px solid #ccc;
    display: inline;
    padding: 0 0.5em;
}

footer .legalese li:first-child {
    border-left: none;
}

footer .legalese a {
    color: #ccc;
    text-decoration: none;
}




/* Responsive
----------------------------------------------------- */

@media ( max-width: 880px ) {
	#intro h1,
	h3 {
		font-size: 3.5em;
	}
	#intro h4 {
		font-size: 1.3em;
	}
}
@media ( max-width: 800px ) {
	#hostedby {
		background-position: 65% top;
	}
}
@media ( max-width: 750px ) {
	.sessions4 li {
		margin-bottom: 4em;
		width: 48%;
	}
	.sessions4 li.webinar3 {
		margin-left: 0;
	}
	
	.sessions4 li:nth-child(odd) {
		margin-left:0;
	}
}
@media ( max-width: 600px ) {
	#intro h2 {
		font-size: 1.5em;
		margin: 0.75em auto;
	}
	#intro h4 i { display: none; }
	#intro h4 em { display: block; }
	#intro h1, h3 {
		font-size: 2.5em;
	}
	.sessions .button {
		font-size: 1.1em;
	}
	.sessions strong {
		font-size: 1.5em;
	}
}
@media ( max-width: 450px ) {
	#intro h1,
	h3 {
		font-size: 2em;
	}
	.sessions {
		margin: 1.5em 0;
	}
	.sessions strong {
		font-size: 1.2em;
	}
	#hostedby h3 {
		font-size: 2em;
	}
	#when h4 {
		font-size: 1.75em;
	}
	#when h5 {
		font-size: 1.5em;
	}
	#discover h3:after,
	#when h5:before {
		padding-top: 15%;
		width: 15%;
	}
	#praise h3:after {
		padding-top: 70px;
		width: 55px;
	}
	#hostedby li,
	#discover li {
		font-size: 1.1em;
	}
	#praise blockquote {
		font-size: 1.2em;
		width: 80%;
	}
}