/*!
 * The Meat Conference 2016
 * designed and coded using the finest Fabric around - www.madewithfabric.com.
 * April 2016
*/

/* ---- Type ---- */

/** {
	text-rendering: optimizeLegibility!important;
	-webkit-font-smoothing: antialiased!important;
}*/


@font-face {
    font-family: 'brandon_grotesque_webbold';
    src: url('hvd_fonts_-_brandongrotesque-bold-webfont.eot');
    src: url('hvd_fonts_-_brandongrotesque-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('hvd_fonts_-_brandongrotesque-bold-webfont.woff2') format('woff2'),
         url('hvd_fonts_-_brandongrotesque-bold-webfont.woff') format('woff'),
         url('hvd_fonts_-_brandongrotesque-bold-webfont.ttf') format('truetype'),
         url('hvd_fonts_-_brandongrotesque-bold-webfont.svg#brandon_grotesque_webbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ---- Base ---- */

body {
	font-family: 'brandon_grotesque_webbold';
	height: 100%;
	color: #000000;
	background: #ffffff;
	font-weight: 300;
}

h1, h2, h3, h4 {
	font-family: 'brandon_grotesque_webbold';
    color: #000000;
    font-weight: normal;
}

h1 {
	font-size: 48px;
}

h2 {
	font-size: 42px;
}

h3 {
	font-size: 21px;
}

h4 {
	
}

.ticket-page h3 {
    font-size: 36px;
}

.box h3 {
    font-size: 31px;
}

img {
	width: 100%;
	max-width: 100%;
}

ul {
	list-style: none;
}

.row {
	max-width: 1140px;
}

a {
	color: #f48865;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

a:hover, a:focus {

}

p {
	font-size: 36px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.button {
	margin: 0;
}

.button-container {
	width: 230px;
	margin: 0 auto;
	clear:both;
	position:relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	-webkit-text-size-adjust: 100%;	
}

.ticket-page .button {
	width: 230px;
}

a.button, .button {
	border: none;
    position: relative;
    background: #f4d42f;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 25px;
    z-index: 300;
}

.button:after {
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    overflow: hidden;
    border: 3px solid #000000;
	top: -7px;
	left: -7px;
    z-index: 900;
	-webkit-transition: -webkit-transform .175s;
	transition: transform .175s;
}

.button:hover {
	cursor: pointer;	
}

.button:hover:after {	
	-webkit-transform: translateX(7px)translateY(7px);
	-ms-transform: translateX(7px)translateY(7px);
	transform: translateX(7px)translateY(7px);
}

@media (max-width: 1024px) { 
	h3 {
		font-size: 16px;
	}
	
	p {
		font-size: 26px;
	}	
	
}

@media (max-width: 720px) {
	h1 {
		font-size: 40px;
	}
	
	.row {
		padding-left: .625rem;
		padding-right: .625rem;
	}	
}
/* ---- General ---- */

.inner {
	padding: 6em 0 7em;
	margin: 0 auto;
}

.intro {
    text-align: center;
    width: 66%;
    margin: 0 auto;
    margin-bottom: 6em;
}

.block {
	padding: 6em 0;
    background-position: center -3px;
    background-repeat: no-repeat;
}

@media (max-width: 1024px) {
	.block {
		padding: 5em 0;
	}
}

@media (max-width: 550px) {
	.block {
		padding: 2em 0;
	}	
	
	.intro {
		margin-bottom: 1em;
	}
	
	.button-container {
		width: 210px;
	}
	
	a.button, .button, header nav > ul li.register a {
		font-size: 20px;
	}
}


/* ---- Header ---- */


.banner {
	text-align: center;
	background-color: #f48865;
	position: fixed;
	width: 100%;
	z-index: 5000;
	padding: .7em 0;
}

.banner h1 {
	color: #fff;
	font-size: 1.7em;
}

.banner h1 span {
	border-bottom: 2px solid #fff;
}

header {
	background-color: #f4d42f;
	padding-top: 4em;
}

nav ul {
	margin: 0;
}

header .nav.right {
	padding-right: .625rem; 
}

header .nav.left {
	padding-left: .625rem;
}

header nav > ul li {
	float: left;
	margin-left: 1.2em;
	list-style: none;
	display: inline-block;
	vertical-align: middle;
}

header nav > ul li:first-child {
	margin-left: 0;
}

header nav > ul li a {
    color: #ffffff;
    font-size: 25px;
    display: block;
    margin: 1.1em 0;
    padding: 15px 30px;
}

header nav > ul li a:after {
	border-bottom: 3px solid transparent;
	display: block;
	content: "";
	top: 12px;
	position: relative;
	-webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
} 

header nav > ul li a:hover:after {
	border-bottom: 3px solid #ffffff;
	display: block;
	content: "";
}

header nav > ul li a:hover {
	color: #ffffff;
}

header nav > ul li {
	margin-left: 2.2em;
}

header ul li.register a {
	background-color: #f48865;
	position: relative;
}

header ul li.register a:before {
    border: 3px solid #000000;
    z-index: 100;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: -7px;
    left: -7px;
	-webkit-transition: -webkit-transform .175s;
	transition: transform .175s;
}

header ul li.register a:hover {
	color: #ffffff;
}

header ul li.register a:hover:before {
	-webkit-transform: translateX(7px)translateY(7px);
	-ms-transform: translateX(7px)translateY(7px);
	transform: translateX(7px)translateY(7px);
}

header nav > ul li.register a:after {
	border-bottom: none;
}

.header-image .site-title > a {
	float: left;
	min-height: 100px;
	width: 100%;
}


/************* DELETE *************/

.logo {
	margin-top: 7px;
	position: relative;
}

.logo a {
    background-image: url("../img/logo_w_ticket.png");
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -70000px;
    display: block;
    position: absolute;
    width: 83px;
    background-size: contain;
    height: 100px;
    top: 4px;
}

/************* END DELETE *************/

@media (max-width: 812px) {
	header nav > ul li {
		display: none;
	}
	
	header nav > ul li.register {
		display: block;
	}
}

@media (max-width: 550px) {
	header nav > ul li.register a {
		padding: 10px 25px;
	}
	
	.logo a {
		top: -15px;
		left: 16px;
		width: 57px;
	}	
}

/* ---- Home ---- */

.home {
	background-color: #f4d42f;
	background-image: url("../img/the_meat_2016_header.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center -150px;
	box-shadow: inset 0 18em 15em rgba(0,0,0,.20);
}

.home .inner {
	text-align: center;
	padding: 6em .625rem 7em;
}

.home .contain, .ticket-header .contain {
    width: 30%;
    margin-left: auto;
    margin-bottom: 20px;
    margin-right: auto;
}

.home h3 {
	text-transform: capitalize;
}

.home h4, .home h4, .home h3, .home h2, .ticket-header h4, .ticket-header h4, .ticket-header h3, .ticket-header h2 {
	margin-bottom: 50px;
	color: #ffffff;
}

.hello {
	margin-bottom: 10px;
}

.hello h4 {
	margin-bottom: 20px;
	font-size: 20px;
}

.title-area {
    padding-bottom: 0px;
    width: 260px;
    height: 120px;
    background: url("../img/logo-header.png") left center no-repeat;
    background-size: 205px;
    margin-top: 0px;
}	

.site-title {
	display: block;
	text-indent: -9999px;
}

.home p {
	color: #ffffff;
}

.headline {
	font-size: 3.8rem;
}

.home-sub-text {
	font-size: 26px;
	font-style: normal;
	font-weight: 400;
}

.home-meta {
	font-size: 18px;
	margin-bottom: 50px;
}

@media (max-width: 1130px) {
	.home {
	    background-position: center center;	
	}
}

@media (max-width: 1024px) {
	.home h3, .ticket-header h3 {
		font-size: 21px;
	}
}

@media (max-width: 965px) {
	.title-area {
		 width: 205px;
	}
	
	header nav > ul li:first-child a {
		padding-left: 0;
	}
	
	header nav > ul li a {
		padding: 15px 20px;
	}
}

@media (max-width: 832px) {
	.title-area {
	    padding-bottom: 0px;
	    width: 100px;
	    height: 108px;
	    background: url(../img/logo_w_ticket.png) center left no-repeat;
	    background-size: 70%;
	    margin-top: 0px;
	}
}

@media (max-width: 721px) {
	.home .contain, .ticket-header .contain {
		width: 63%;
	}
}

@media (max-width: 550px) {
	.home .inner {
		padding: 3em .625rem;	
	}
	
	h1 {
    	font-size: 30px;
	}
	
	.home h2, .ticket-header h2 {
		font-size: 25px;
	}
	
	#speakers, #about, #testimonials, #where .upper, #cost {
		background-size: 30em;
	}
	
	.home h3, .ticket-header h3 {
		font-size: 18px;
	}
	
	#where p {
		font-size: 21px;
	}
	
	.home .hello {
		display: none;
	}
	
	.hello h4 {
		font-size: 16px;
	}
	
	header nav > ul li.register a {
	    margin-bottom: 0;
	    margin-top: 34px;
	}
	
	header nav > ul li.register {
		margin-left: 0;
	}
	
	.headline {
		font-size: 31px;
	}
	
	.home-sub-text {
		font-size: 21px;
	}
	
	.home-meta {
		font-size: 16px;
	}
}


/* ---- Intro ---- */

#intro {
	padding: 4em 0 0;
}

#intro 	.quote {
	text-align: center;
	margin-bottom: 2em;
	font-size: 2em; 	
}

#intro blockquote {
	color: #000000;
	text-align: center;
	border-left: none;
}

#intro cite {
	font-size: 1em;
	color: #807e77;
	line-height: 1;
	margin-top: 10px;
}

#intro cite span {
	font-size: .7em;
	display: inline-block;
	width: 100%;
}

#intro .lower {
	display: inline-block;
	text-align: center;
	margin-bottom: 75px;
}

#intro .lower .image-holder {
	width: 50%;
	margin: 0 auto 25px;
}

.img-hold {
	display: inline-block;
	width: 12%;
	border-radius: 100%;
	margin: 0 auto;
}

.img-hold img {
	-webkit-border-radius: 100%; 
	-moz-border-radius: 100%; 
	border-radius: 100%; 
}

.icon-title {
	color: #f48865;
	font-size: 36px;
}

.icon-message {
	color: #807e77;
	font-size: 24px;
}

#why {
	padding: 0 0 6em;
	text-align: center;
}

#why p {
	color: #807e77;
}

#why .button-container {
	margin-top: 75px;
}

@media (max-width: 800px) {
	.img-hold {
		width: 18%;
	}
}

@media (max-width: 550px) {
	.img-hold {
		width: 35%;
	}
	
	#intro .lower {
		margin-bottom: 0;
	}
	
	#why {
		padding: 3em 0;
	}
	
	#intro blockquote {
		font-size: 21px;
	}
	
	#why p {
		font-size: 21px;
	}
	
	.icon-title {
		font-size: 30px;
	}
	
	.icon-message {
		font-size: 21px;
	}
}

/* ---- Speakers ---- */

#speakers {
	background-image: url("../img/title_bg_speakers.png");
	position: relative;
}

.info h2 {
	color: #ffffff;
}

.info h2 span {
	color: #f4d42f;
}

.info h3 {
	text-transform: uppercase;
	letter-spacing: .2rem;
}

.s-container {
	position: relative;
	display: inline-block;
	margin-bottom: 3em;
	width: 100%;
	padding-left: .625rem;
	padding-right: .625rem;
}

.s-container .socials {
	float: left;
}

.socials ul li a {
	width: 35px;
	height: 35px;
	position: relative;
	display: block;
	clear: right;
	text-indent: -70000px;
}

.socials ul li .twitter {
	background: url("../img/twitter.png") no-repeat 0 0;
    background-size: 100%;
	margin-bottom: 75px;
}

.socials ul li .instagram {
	background: url("../img/instagram.png") no-repeat 0 0;
    background-size: 100%;
	margin-bottom: 75px;
}

.socials ul li .website {
	background: url("../img/website.png") no-repeat 0 0;
    background-size: 100%
}

.s-container ul {
	margin-left: 0;
	margin-right: 1.4em;
	margin-bottom: 0;
	height: 100%;
}

.boxy-box {
    position: relative;
    display: inline-block;
    width: 23%;
    float: left;
    margin-right: 2.2em;
    z-index: 400;
}

.boxy-box:before {
    border: 5px solid #000000;
    z-index: 500;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.on-your-left .dust.boxy-box:after {
	background: url("../img/dust.png") no-repeat top right;
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 900;
	right: -49px;
	top: 224px
}

.on-your-right .dust.boxy-box:after {
    background: url("../img/dust.png") no-repeat top right;
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 900;
	right: 185px;
    top: 224px;
}

.s-container img {
    right: -15px;
    top: 15px;
    position: relative;
}

.s-container .info {
    width: 60%;
    float: left;
}

.on-your-left {
	float: left;
}

.on-your-right, .on-your-right .socials {
	float: right;
}

.on-your-right.s-container ul {
	margin-right: 0;
	margin-left: 1.4em;
}

.on-your-right.s-container .boxy-box {
	float: right;
	margin-left: 2.2em;
	margin-right: 0;
}

.on-your-right.s-container img {
	right: 19px;
}

.on-your-right.s-container .info {
	float: right;
	text-align: right;
}

#speakers .hello {
	display: none;
}

@media (max-width: 1024px) {
	
	.s-container ul {
		margin-right: 1em;
	}
	
	.socials ul li a {
		width: 25px;
		height: 25px;
		margin-bottom: 65px!important;
	}
	
	.on-your-left .dust.boxy-box:after {
		background-size: 50%;
		right: -55px;
		top: 204px;
	}
}

@media (max-width: 870px) {
	.intro {
		width: 90%;
	}
}

@media (max-width: 720px) {
	.boxy-box {
		margin: 0 auto;
		display: inline-block;
		width: 45%;
		float: none;
	}
	
	.on-your-left, .on-your-right {
		float: none;
		text-align: center;
	}
	
	.s-container .socials {
		float: none;
		width: 100%;
		display: inline-block;
	}
	
	.s-container ul {
		width: 100%;
		
	}
	
	.s-container ul li {
		display: inline-block;
		margin: 0 25px;
	}
	
	.socials ul li a {
		margin-bottom: 25px!important;
	}
	
	.s-container .info {
		width: 100%;
		margin-top: 2em;
	}
	
	.on-your-right.s-container .boxy-box {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	
	.on-your-right.s-container .info {
		float: none;
		text-align: center;
	}
	
	.on-your-right.s-container ul {
		margin: 0;
	}
}

@media (max-width: 550px) { 
	.intro {
		width: 100%;
	}
	
	.boxy-box {
		width: 70%;
	}
	
	.boxy-box:before {
		border: 3px solid #000000;	
	}
	
	#speakers .hello {
		display: block;
		text-align: center;
		margin-bottom: 3em;
	}
	
	#speakers .hello h4 {
		margin-bottom: 0;
		font-size: 22px;
		color: #693177;
		border: 3px dashed #693177;	
		display: inline-block;
		padding: 10px;
	}
}

/* ---- About ---- */

#about {
	text-align: center;
	background-image: url("../img/title_bg_about.png");
} 

#about p {
	color: #807e77;
}

.delicious {
	background-color: #f38a61;
}

#about .upper {
	margin-bottom: 5em;
	display: inline-block;
}

#about .box {
    border: 5px solid #000000;
    padding: 4em;
    width: 90%;
    margin: 0 auto;
    position: relative;
}

#about .box:after {
    background: url("../img/dust.png") no-repeat top right;
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 900;
    right: 95%;
    bottom: -97%;
}

.box > section {
	margin-bottom: 75px;
}

#about .lower {
	display: inline-block;
	text-align: center;
	margin-bottom: 75px;
}

#about .lower .image-holder {
	width: 65%;
	margin: 0 auto 25px;
}

#about .lower .button-container {
	margin-top: 75px;
}

#about .prosper .boxy-box {
	width: 84%;	
}

#about .prosper .boxy-box:before {
	border: none;
}

#about .prosper .boxy-box img {
	right: -15px;
	top: 15px;
	position: relative;
}

#about .mario span {
	font-size: 24px;
}

.prosper {
	display: inline-block;
	width: 100%;
	margin-bottom: 75px;
}

.yellow {
	color: #f4d42f;
}

.prosper a {
	border-bottom: 3px solid #000000;
	color: #000000;
}

.prosper a:hover {
	color: #f48865;
	border-bottom: 3px solid #f48865;
}

.reveal-overlay {
	z-index: 400;
}

.reveal input {
    box-shadow: none;
    border-bottom: 3px solid #000000;
    border-left: none;
    border-right: none;
    border-top: none;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    margin-bottom: 2em;
}

.reveal input:focus {
	box-shadow: none;
	outline: none;
	border-bottom: 3px solid #f48865;
	border-left: none;
	border-right: none;
	border-top: none;
}

.reveal input.button {
	border-bottom: none;
	margin-bottom: 0;
}

.reveal fieldset {
    padding: 3em;
}

#message .error_message {
	color: #f48865;
}

.reveal textarea {
    min-height: 120px;
    box-shadow: none;
    border-bottom: 3px solid #000000;
    border-left: none;
    border-right: none;
    border-top: none;
    margin-bottom: 2em;
}

.reveal textarea:focus {
	box-shadow: none;
	outline: none;
	border-bottom: 3px solid #f48865;
	border-left: none;
	border-right: none;
	border-top: none;
}

.schedule {
	background-color: #e9e8e1;
}

.schedule-content {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    text-align: center;
}

.schedule-row {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 40px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

h3.time {
    line-height: 1em;
    position: absolute;
    top: 0;
    left: 0;
    width: 44%;
    text-align: right;
    font-size: 2.4em;
    margin-bottom: 0;
}

.session {
	line-height: 1;
	font-size: 2.4em;
	padding-left: 57%;
	margin-bottom: 0;
	text-align: left;
}

.dot {
	position: absolute;
    top: 14px;
	left: 49.1%;
    z-index: 2;
    width: 11px;
    height: 11px;
    background: #f4d42f;
    color: #f4d42f;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

hr {
    position: absolute;
    top: -20px;
    left: 49.7%;
    z-index: 1;
    width: 1px;
    height: 100px;
    background: #f4d42f;
    color: #f4d42f;
    border: 0;
}

.first hr.line {
    top: 0;
}

.last hr.line {
    top: -100px;
}

.t-block {
	margin-bottom: 6em;
}

@media (max-width: 721px) {
	.large-4 {
		width: 100%;
		margin-bottom: 2em;
	    text-align: center;
	}
	
	#about .lower .image-holder {
		width: 40%;
	}
	
	.prosper .large-8 {
		width: 100%;
		text-align: center;
	}
	
	#about .prosper .boxy-box {
		float: none;
		width: 45%;
		display: block;
	}
	
	.box > section {
    	margin-bottom: 45px;
	}
}


@media (max-width: 550px) { 
	#about .box {
		padding: 2em;
		text-align: center;
		border: 3px solid #000000;
	}	
	
	#about p {
		font-size: 21px;
	}
	
	.reveal fieldset {
		padding: 0;
	}
	
	.reveal input {
		border-bottom: 2px solid #000000;
		margin-bottom: 20px;
	}
	
	.reveal textarea {
		min-height: 70px;	
	}
	
	.schedule-content {
		width: 100%;
	}
	
	.schedule {
	    margin-bottom: 3em;	
	}
	
	.schedule-row {
		padding-bottom: 20px;
	}
	
	.schedule-row.last {
		margin-bottom: 3em;
	}
	
	#schedule {
		text-align: center;
	}
	
	h3.time {
		width: 97px;
		text-align: right;	
	}
	
	h3.time, .session {
		font-size: 22px;
	}
		
	.session {
		line-height: 1.4;
		margin-left: 170px;
		margin-bottom: 0;
		display: inline-block;
		padding-left: 0;
		float: left;
	}
	
	.t-block {
		margin-bottom: 2em;
	}
	
	.dot {
		top: 5px;
		left: 170px;
	}
	
	hr {
		left: 175px;
	}
	
	.first hr.line {
		top: -7px
	}
	
	.last hr.line {
		top: -107px;	
	}	
}

#cost {
	background-image: url("../img/title_bg_cost.png");
	text-align: center;
}

#testimonials .fae {
	color: #000000;
}

#testimonials section p {
	color: #807e77;
}

#testimonials {
	background-image: url("img/title_bg_meat.png");
	background-size: 90%;
	position: relative;
}

#pics {
	vertical-align: bottom;
}

.for p {
	color: #807e77;
}


@media (max-width: 1024px) { 
	.large-4 {
		width: 33.33333%;
	}
	
	.prosper .large-8 {
		width: 66.6666%;
	}	
	
}

@media (max-width: 721px) {
	.large-4 {
		width: 100%;
		margin-bottom: 2em;
	    text-align: center;
	}
	
	#about .lower .image-holder {
		width: 40%;
	}
	
	.prosper .large-8 {
		width: 100%;
		text-align: center;
	}
	
	#about .prosper .boxy-box {
		float: none;
		width: 45%;
		display: block;
	}
	
	.box > section {
    	margin-bottom: 45px;
	}
}


@media (max-width: 550px) { 
	#about .box {
		padding: 2em;
		text-align: center;
		border: 3px solid #000000;
	}	
	
	#about .lower .columns p {
		font-size: 22px;
	}
	
	.reveal fieldset {
		padding: 0;
	}
	
	.reveal input {
		border-bottom: 2px solid #000000;
		margin-bottom: 20px;
	}
	
	.reveal textarea {
		min-height: 70px;	
	}
	
	.schedule {
	    margin-bottom: 3em;	
	}
	
	.schedule-row {
		padding-bottom: 20px;
	}
	
	.schedule-row.last {
		margin-bottom: 0;
	}
	
	#schedule {
		text-align: center;
	}
	
	h3.time {
		width: 97px;
		text-align: right;	
	}
	
	h3.time, .session {
		font-size: 22px;
	}
	
	.session {
		line-height: 1.4;
		margin-left: 180px;
		margin-bottom: 0;
		display: inline-block;
		padding-left: 0;
	}
	
	.dot {
		top: 5px;
		left: 132px;
	}
	
	hr {
		left: 137px;
	}
	
	.first hr.line {
		top: -7px
	}
	
	.last hr.line {
		top: -107px;	
	}	
}

/* ---- Pics ---- */

#pics {
	display: inline-block;
	width: 100%;
	vertical-align: bottom;
}

#pics .columns {
	padding: 0;
	position: relative;
}

/* ---- Testimonials ---- */

#testimonials {
	background-image: url("../img/title_bg_meat.png");
	background-size: 90%;
	position: relative;
}

#testimonials .boxy-box {
	width: 60%;
	float: none;
	margin: 0 auto 2.4em;	
}

#testimonials .columns {
	text-align: center;
}

#testimonials section {
	margin-bottom: 75px;
	display: inline-block;
}

p.who {
	font-size: 16px!important;
	text-transform: uppercase;
	margin-bottom: 0;
	letter-spacing: .2rem;
}

#testimonials .boxy-box img {
    right: -15px;
    top: 15px;
    position: relative;
}

#testimonials .dust.boxy-box:after {
    background: url("../img/dust.png") no-repeat top right;
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 900;
    top: -22px;
    left: -149px;
}

#testimonials section p {
	font-size: 24px;
	color: #807e77;
	margin-bottom: 1.6rem;
}

#testimonials .fae {
	margin-bottom: 0;
	color: #000000;
}

#testimonial-lrg {
	background-image: url(../img/testimonial-large_naomi.jpg);
	background-size: cover;
	background-position: center top;
	background-color: #f4d42f;
	box-shadow: inset 0 18em 15em rgba(0,0,0,.20);
}

#testimonial-lrg .quote {
	text-align: center;
	padding: 5em .625rem;
}

#testimonial-lrg .quote blockquote {
	font-size: 36px;
	color: #ffffff;
    padding: 0;
    border: none;
}

#testimonial-lrg .quote blockquote cite {
	font-size: 24px;
	color: #ffffff;
}

@media (max-width: 1024px) {
	#testimonials section p {
		font-size: 26px;
	}

}

@media (max-width: 721px) {
	#testimonials .boxy-box {
		width: 45%;
	}	
}

@media (max-width: 550px) {
	#testimonials section p {
		font-size: 18px;
	}
	
	#testimonials section p.who {
		margin-bottom: .5rem;
	}
	
	#testimonials section p:last-child {
		margin-bottom: 0;
	}
	
	#testimonials section {
		margin-bottom: 45px;
	}
	
	#testimonials .columns:last-child {
		margin-bottom: 0;
	}
	
	#testimonial-lrg .quote blockquote {
		font-size: 30px;
	}
}


/* ---- Sponsors ---- */

#sponsors {
	background-image: url("../img/title_bg_sponsors.png");
	background-position: center top;
	background-size: 90%;
	position: relative;
}

#sponsors .top {
	text-align: center;
}

#sponsors .middle {
	padding: 4em 0;
	display: inline-block;
	width: 100%;
}

#sponsors .middle a {
	display: block;
	width: 100%;
	padding: 2em 1em;
	border: 1px dashed #807e77;
	text-align: center;
	color: #807e77;
}

.official-partner {
	width: 50%;
	margin: 0 auto;
}

.official-partner img {
	margin-bottom: 1em;
}

.official-partner p {
	color: #f48865;
	margin-bottom: 0;
	font-size: 1.2em;
}

@media (max-width: 550px) {
	.official-partner {
		width: 90%;
	}
	
	#sponsors .middle {
		padding: 1em 0;
	}	
}

/* ---- Where ---- */

#where {
	text-align: center;	
	padding: 0;
	position: relative;
}

#where .left {
	text-align: left;
	padding-left: .625rem;
}

#where .right {
	text-align: right;
	padding-right: .625rem;
}

#where .block {
	padding-top: 0;
}

#where .upper {
    background-image: url("../img/title_bg_where.png");
    background-color: #e9e8e1;
    display: inline-block;
    width: 100%;
    padding: 7em 0;
    background-position: center -3px;
    background-repeat: no-repeat;
}

#where .image-holder {
	/* - margin-bottom: -186px; --*/
	display: inline-block;
	margin-top: 25px;
	padding-left: .625rem;
	padding-right: .625rem;
}

#where .lower {
	padding: 13em 0 0;
}

@media (max-width: 550px) {
	#where .left, #where .right {
		width: 100%;
		text-align: center;
	}
}

/* ---- Cost ---- */

#cost {
	text-align: center;
}

.tickets .for, .tickets {
	margin: 50px 0;
	padding-left: .625rem;
	padding-right: .625rem;
	display: inline-block;
}

.tickets h4 {
	font-size: 16px!important;
	text-transform: uppercase;
	margin-bottom: 0;
	letter-spacing: .2rem;
}

.tickets #student h4, .tickets #student p, .tickets #student i {
	color: #f38a61;
}

.tickets #student a.button {
	background: #f38a61;
}

.tickets #ticket h4, .tickets #ticket p, .tickets #ticket i {
	color: #f4d42f;
}

.tickets #ticket a.button {
	
}

.tickets #plan h4, .tickets #plan p, .tickets #plan i {
	color: #693177;
}

.tickets .button-container {
	margin-bottom: 25px; 
}

.tickets #plan a.button {
	background: #693177;
}

.qs {
	margin-bottom: 4em;
}

.qs i {
	display: inline-block;
	padding: 0 17px;
	background: url("../img/email.png") no-repeat center center;
	width: 25px;
	height: 26px;
	background-size: contain;
}

.guarantee {
	width: 240px;
	margin-bottom: -91px;
	z-index: 200;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4em;
}

.tickets {
	background-color: #e9e8e1;
	background-color: rgba(233,232,225, 0.6);
	margin-bottom: 75px;
	padding-left: .625rem;
	padding-right: .625rem;
	padding-top: 3em;
	padding-bottom: 2em;
}

.for p {
	color: #807e77;
}

.email-sign-up {
	text-align: center;
	padding-left: .625rem;
	padding-right: .625rem;
}

.email-sign-up p {
	margin-bottom: 0;
	display: inline-block;
	vertical-align: top;
	margin-right: 1%;
	float: left;
}

mc_embed_signup {
	width: 80%;
	margin: 0 auto;
	display: inline-block;
	text-align: center;
}

.mc-field-group.left {
	width: 22%;
	margin-right: 10px;
}

.email-sign-up .email {
	margin-bottom: 0;
	padding: 1.36em;
	font-size: 25px;
}

.mc-field-group.right {
	width: 34%;
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
}

.email-sign-up #mce-FNAME {
	margin-bottom: 0;
	padding: 1.36em;
	font-size: 25px;
}

#mc-embedded-subscribe {
	float: left;
	border: none;
	position: relative;
	background: #f4d42f;
	display: block;
	width: 230px;
	height: 100%;
	font-size: 25px;
	z-index: 300;
}

#mc-embedded-subscribe:after {
	display: block;
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	overflow: hidden;
	border: 3px solid #000000;
	top: -7px;
	left: -7px;
	z-index: 900;
	-webkit-transition: -webkit-transform .175s;
	transition: transform .175s;
}

#mc_embed_signup .clear {
	float: left;
}

@media (max-width: 1024px) {
	.qs {
		margin-bottom: 3em;
	}
	
	.email-sign-up p {
		margin-bottom: 1em;
		float: none;
		margin-right: 0;
	}
	
	#mc_embed_signup {
		width: 80%;
		margin: 0 auto;
	}
	
	.mc-field-group.left, .mc-field-group.right {
		width: 100%;
		margin-right: 0;
	}
	
	.email-sign-up #mce-FNAME {
		margin-bottom: 1em;
		padding: .5rem;
		font-size: 1rem;
	}
	
	.email-sign-up .email {
		font-size: 1rem;
		padding: .5rem;
		margin-bottom: 1em;
	}
	
	#mc-embedded-subscribe {
		margin: 0 auto;
	}
}

@media (max-width: 550px) {
	#cost .for, #cost .tickets {
		margin-bottom: 45px;
	}
	
	.for p {
		font-size: 21px;
	}
	
	.qs p {
		font-size: 21px;
	}
}


/* ---- Footer ---- */

footer {
	background-color: #f4d42f;
	text-align: center;
	color: #ffffff;
	overflow: hidden;
	width: 100%;
}

footer .inner {
	padding: 0 .625rem;
}

footer.block {
	padding: 8em 0 0;
}

footer .logo {
	width: 27%;
	margin: 0 auto;
	margin-bottom: 5em;
}

footer nav ul li {
	float: left;
	margin-left: 1.2em;
	list-style: none;
}

footer nav ul li:first-child {
	margin-left: 0;
}

footer .right ul li a {
	color: #ffffff;
}

p.meta {
	margin-bottom: 120px;
}

p.meta a {
	color: #f48865;
}

p.copy {
	position: relative;
	font-size: 21px;
	color: #ffffff;
}

p.copy a {
	color: #ffffff;
    border-bottom: 3px solid #ffffff;
}

p.copy a:after {
	background: url("../img/footer_dust.png") no-repeat center center;
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 900;
	top: -4px;
	left: 161px;
}

@media (max-width: 550px) {
	footer.block {
		padding: 3em 0;
	}
	
	footer .logo {
	    width: 50%;
	    margin-bottom: 4em;
	}	
	
	footer .left, footer .right {
		width: 100%;
		text-align: center;
	}
	
	footer nav {
		margin: 1em 0;
	}
	
	footer nav ul li {
		float: none;
		display: inline-block;
	}
}


/* ---- Ticket Page ---- */

#hold-hold-hold {
	width: 100%;
	margin: 3em auto;
	max-width: 1140px;
	position: relative;
	padding-left: .625rem;
	padding-right: .625rem;
}

#sidebar {
    width: 35%;
    /* background: #eaeae2; */
    padding: 0 2em 2em 2em;
    display: block;
    float: right;
}

#tickets {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    /* margin-right: 9%; */
}

.ticket-header {
	text-align: center;
	padding: 6em .0;
	background-color: #f4d42f;
}

.ticket-header h2 {
	margin-bottom: 25px;
}

.ticket-header h4 {
	margin-bottom: 0;
}

#sidebar p {
	font-size: 21px;
	color: #807e77;
}

.ticket-field-split-left {
	padding-left: 0;
}

.ticket-field-split-right {
	padding-right: 0;
}

.ticket-page #tickets input {
	margin-bottom: 20px;
}

img.cards {
	width: 227px;
}

#sidebar .box ul {
	margin-left: 0;
	position: relative;
}

#sidebar .box ul li {
    font-size: 21px;
    color: #807e77;
    border-bottom: 1px solid #eae6d9;
    margin-bottom: 10px;	
}

#sidebar .box ul li span {
    float: right;
    color: #000000;
}

#sidebar .box ul li.first {
	padding-left: 0;
	background-image: none;
}

.cert {
    width: 131px;
    height: 32px;
    margin: 5em auto 0;	
}

.ticket-page .box aside {
	float: left;
	width: 160px;
	margin-right: 1em;
}

.ticket-page .box:first-child {
	margin-bottom: 2em;	
}

.ticket-page .box:last-child {
	margin-top: 2em;	
}

.ticket-page .box:last-child img {
	margin-bottom: 1em;
}

#sidebar .not li {
    background-image: url("../img/list-dash.png");
    background-position: left 19px;
    background-repeat: no-repeat;
    background-size: .6em;
}

#sidebar .get li {
    background-image: url("../img/list_star.png");
    background-position: left 10px;
    background-repeat: no-repeat;
    background-size: .6em;
}

.amount-to-pay {
	display: inline-block!important;
	width: 100%;
}

#ticketForm .no-pad {
	padding-right: 0;
}

.thank-you {
	text-align: center;
}

.hold-dat {
	margin: 3em auto;
	width: 394px;
}

.hancock {
	width: 104px;
	margin: 0 auto;
}

.back {
	position: absolute;
	top: 10px;
	font-size: 17px;
	left: 14px;
	color: #fff;
}

@media (max-width: 1050px) {
	#sidebar {
		padding: 0 0em 1em 1em;
	}
}

@media (max-width: 800px) {
		#tickets, #sidebar {
			width: 100%;
			padding: 0;
		}
		
		.ticket-page .box:last-child img {
			width: 40%;
			float: left;
			margin-right: 10px;
		}
		
		br.flame {
			display: none;
		}	
}

@media (max-width: 550px) {
	.ticket-header {
		padding: 3em 0;
	}
}

/* ---- Studio Page ---- */

.studio .headline-block {
    text-align: left;
    width: 480px;
    display: inline-block;
    float: left;
}

.studio .hello-contain {
	display: inline-block;
}

.headline-block p {
	color: #fff;
}

.studio p.headline {
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 4px;
}	

.studio .headline-block h2 {
	letter-spacing: 2px
}

.studio .contain {
    margin: 0;
    margin-bottom: 20px;
    width: 10%;
    display: inline-block;
    margin-right: 10px;
}

.studio .video {
    display: inline-block;
    margin-right: -90px !important;
    margin-top: 130px;
    position: relative;
    float: right;
}

.studio .video-container {
	display: block;
}

.studio .overlay {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	z-index: 500;
	margin-bottom: -33px;
	top: 0;
	left: 0;
	background: rgba(255,255,255,.3);
}

.studio .tickets {
	filter: blur(2px);
	position: relative;
}

.studio .tickets.friends {
	filter: none;
	width: 100%;
}

.studio .tickets.friends h4, .studio .tickets.friends p, .studio .tickets.friends i {
	color: #f4d42f;
}

.tickets.friends a.gumroad-button {
	outline: none !important;
    background: #f4d42f !important;
    background-image: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    box-shadow: 0 !important;
    color: #fff !important;
    display: inline-block !important;
    font-family: 'brandon_grotesque_webbold' !important;
    font-size: 25px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    padding: .85em 1em !important;
    text-shadow: none !important;
    text-decoration: none !important;
}

.tickets.friends .gumroad-button-logo {
	display: none !important;
}