/*!
 * The Meat
 * designed and coded using the finest Fabric around - www.madewithfabric.com.
 * Feb 2014
*/
 
/* ---- Type ---- */

* {
	text-rendering: optimizeLegibility!important;
	-webkit-font-smoothing: antialiased!important;
}
 
@font-face {
    font-family: 'arvil_sansregular';
    src: url('../webfonts/arvil_sans-webfont.eot');
    src: url('../webfonts/arvil_sans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/arvil_sans-webfont.woff') format('woff'),
         url('../webfonts/arvil_sans-webfont.ttf') format('truetype'),
         url('../webfonts/arvil_sans-webfont.svg#arvil_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'roboto_slablight';
    src: url('../webfonts/RobotoSlab-Light-webfont.eot');
    src: url('../webfonts/RobotoSlab-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/RobotoSlab-Light-webfont.woff') format('woff'),
         url('../webfonts/RobotoSlab-Light-webfont.ttf') format('truetype'),
         url('../webfonts/RobotoSlab-Light-webfont.svg#roboto_slablight') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3, h4, .name, #hero p {
	font-family: 'arvil_sansregular', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
}

h5 {
	color: #fcfbf7;
	font-family: 'roboto_slablight';
	text-transform: uppercase;
	letter-spacing: 2px;	
}

#intro h1, #speakers h3, #tickets h2 {
	line-height: normal;
	color: #d2c8ae;
}

 
/* ---- Main ---- */

#t, #b, #l, #r {
	position: fixed;
	z-index: 10;
	background-color: #d2c8ae;
	display: block;
}

#t {
	height: 10px;
	left: 0;
	right: 0;
	top: 0;
}

#b {
	height: 10px;
	left: 0;
	right: 0;
	bottom: 0;
}

#l {
	width: 10px;
	left: 0;
	bottom: 0;
	top: 0;
}

#r {
	width: 10px;
	top: 0;
	right: 0;
	bottom: 0;
}
 
body {
	font-family: 'roboto_slablight', sans-serif;
	background: #fcfbf7 url('../img/bg.jpg') repeat;
}

.row {
	max-width: 1200px;
}

.banner {
	color: #9d3521;
	position: relative;
	border: 3px solid #9d3521;
	width: 80%;
	margin: 0 auto;
}

.banner:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #9d3521;
	border-width: 30px;
	margin-left: -30px;
	z-index: 1000;
}

#speakers, #venue, #schedule, #sponsors, #social, footer {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 100%;
	padding: 4em 0;
	position: relative;
}

a {
	letter-spacing: 2px;
	text-transform: uppercase;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all.3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

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

.top-row {
	background-image: url('../img/tear.png');
	background-position: center bottom;
	background-repeat: repeat-x;
	position: relative;
	width: 100%;
	display: block;
	padding: 2em 2em 3em;
	color: #fcfbf7;
	background-color: #d2c8ae;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.top-row #date {
	text-align: left;	
}

.top-row .locate {
	text-align: center;
}

.top-row #countdown {
	text-align: right;
}

nav {
	width: 100%;
	z-index: 100;
	text-align: center;
	position: relative;
	margin: 2em 0;
}

nav .row {
	position: relative;
}

nav ul.left, nav ul.right {
	width: 40%;
	margin-top: 1.4em;
	margin-left: 0;
	padding-top: 27px;
}

nav ul li {
	margin: 0 1em;
	width: 23%;
	display: inline;
}

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

nav ul li:last-child {
	margin-right: 0;
}

nav ul li a {
	color: #d2c8ae;
	padding: .5em;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 600;
}

nav ul li a:hover, nav ul li a:focus {
	border-bottom: 1px dashed;
	color: #26a17e;
}

nav ul li a.tickets {
	color: #e76940;
	border: 1px solid;
}

nav ul li a.tickets:hover, nav ul li a.tickets:focus {
	background: #e76940;
	color: #fff;
	border-color: #e76940;
}

nav a.logo {
	position: absolute;
	background-image: url('../img/logo.png');
	background-position: 48%;
	background-repeat: no-repeat;
	text-indent: -999999px;
	display: block;
	width: 19%;
	height: 8em;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	left: 50%;
	margin-left: -122px;
}


@media only screen and (max-width: 1024px) {
	nav ul li a {
		font-size: .8em;
	}
}

@media only screen and (max-width: 800px) {
	nav ul.left, nav ul.right {
		display: none;
	}
	
	nav a.logo {
		width: 100%;
		height: 12em;
		margin: 0;
		left: 0;
	}
}

@media only screen and (max-width: 480px) { 
	.top-row {
		padding: 2em 0 5em;
	}
	
	.top-row > div {
		font-size: .8em;
	}
}

/* ---- Hero ---- */

.hero {
	text-align: center;
	width: 100%;
	position: relative;
	padding: 5em 2em 0;
	overflow: visible;
	z-index: 10;
}

.hero-text {
	background-image: url('../img/hero-text.png');
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -999999px;
	display: block;
	width: 100%;
	height: 6.5em;
	margin: 0;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}


img.fresh-cow {
	position: absolute;
	right: 18%;
	bottom: -54%;
}

@media only screen and (max-width: 1024px) {
	.hero {
		padding: 10em 2em 0;
	}
}

@media only screen and (max-width: 480px) { 
	.hero {
		display: none;
	}
	
	#speakers {
		padding-top: 12em!important;
	}

}

/* ---- Titles ---- */

.title {
	position: relative;
	text-align: center;
	margin-bottom: 1em;
}

.title h1 {
	display: inline-block;
	background-image: url('img/bkgrnd6.jpg');
	padding: 0 20px;
	position: relative;
	color: #d2c8ae;
	font-size: 5em;
	margin: 0;
}

.lines {
	position: absolute;
	top: 57px;
	width: 40%;
	height: 1px;
	display: block;
	border-top: 2px solid #d2c8ae;
}

.lines.small.leftlines {
	width: 30%;
	left: 7%;
}

.lines.small.rightlines {
	width: 30%;
	right: 7%;
}

.leftlines {
	left: 0;
}

.rightlines {
	right: 0;
}

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

#speakers {
	padding: 4em 0 7em;
}

#speakers .columns {
	text-align: center;
	position: relative;
}

#speakers ul li div {
	position: relative;
	text-align: center;
	margin: 0 auto 1em auto;
}

#speakers ul.large-block-grid-2 li div .holder {
	width: 65%;
}

#speakers ul.large-block-grid-3 {
	margin: 2.5em 0;
}

.holder {
	position: relative;
	margin: 1em 0 2em;
}

#speakers .twitter, #speakers .web, .who .twitter, .who .web {
	background-image: url('../img/icons.png');
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	width: 45px;
	height: 45px;
	background-color: #fcfbf7;
	text-indent: -999999px;
	border-radius: 50%;
}

#speakers .twitter {
	background-position: 6px 11px;
	left: 5px;
}

.who .twitter {
	background-position: 6px 11px;
	left: -17px;
	background-color: #9c3522;
}

#speakers .web {
	background-position: -61px 9px;
	right: 5px;
}

.who .web {
	background-position: -61px 9px;
	right: -20px;
	background-color: #9c3522;
}

#speakers .twitter a, #speakers .web a, .who .twitter a, .who .web a {
	display: block;
	position: relative;
	text-indent: -999999px;
	width: 55px;
	height: 55px;
}

#speakers .twitter:hover, #speakers .twitter:focus, .who .twitter:hover, .who .twitter:focus {
	background-position: 6px -31px;
}

#speakers .web:hover, #speakers .web:focus, .who .web:hover, .who .web:focus {
	background-position: -61px -33px;
}

#speakers img {
	border-radius: 50%;
	border: 2px dashed #d2c8ae;
	padding: .5em;
}

.row.top, .row.bottom {
	padding: 2.5em 0;
}

.row.bottom {
	margin-bottom: 3em;
}

a.site {
	position: relative;
	color: #52514b;
	font-weight: 600;
	padding: 0 1.5em;	
}

a.site:before {
	background-image: url('../img/star.png');
	background-position: left center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	position: absolute;
	content: "";
	left: 0;	
}

a.site:after {
	background-image: url('../img/star.png');
	background-position: left center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	position: absolute;
	content: "";
	right: 0;	
}

a.site:hover {
	color: #26a17e;
}

@media only screen and (max-width: 1024px) {
	#speakers .holder {
		width: 80%!important;
		margin: 0 auto;
		margin-bottom: 1em;
	}
	
	#speakers .columns {
		margin-bottom: 5em;
	}
	
	img.fresh-cow {
		right: 13%;
		bottom: -345%;
	}
	
	.row.top{
		padding: 2.5em 0 0;
	} 
	
	.row.bottom {
		padding: 0 0 2.5em;
	}
	
	#speakers .panel .columns {
		margin-bottom: 0;
		border-bottom: 1px dashed;
		padding: 1em 0;
	}
	
	.lines {
		width: 30%;
	}
}

@media only screen and (max-width: 800px) {
	img.fresh-cow {
		right:7%;
		bottom: -300%;
	}	
}

@media only screen and (max-width: 640px) { 
	img.fresh-cow {
		display: none;
	}
}

@media only screen and (max-width: 480px) { 
	#speakers .holder {
		width: 100%;
	}
	
	#speakers ul.large-block-grid-2 li div .holder {
		width: 40%;
	}
}


/* ----Tickets ---- */

.tickets {
	text-align: center;
	position: relative;
}

.panel {
	overflow: hidden;
	border-top: none;
	border-bottom: none;
	padding: 0 0 3em;
	background: none;
	border-right: none;
	border-left: none;
	color: #d2c8ae;
	position: relative;
	margin-bottom: 29px;
}

.panel > div {
	border-right: 1px dashed;
}

.panel > div:last-child {
	border-right: none;
}

.panel i {
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 2px;
	font-size: .7em;
	font-weight: 600;
	color: #53514C;
}

.panel h1 {
	font-size: 4em;
	letter-spacing: 2px;
	margin: 13px 0;
	color: #53514C;
}

.panel .main h1, .panel .main p  {
	color: #e76940;
}

.panel .main p {
	font-weight: 600;
} 

.panel p {
	font-size: 2em;
	/*margin-bottom: 0; */
	line-height: normal;
	letter-spacing: 2px;
}

.tickets a {
	border: 4px double;
	font-size: 2em;
	padding: .5em 1em;
	font-weight: 600;
	color: #26a17e;
}

.tickets a:hover {
	background: #26a17e;
	color: #ffffff;
	border-color: #26a17e;
}

.tickets .lines.ticket {
	top: 95%;
	width: 30%;
}


@media only screen and (max-width: 1024px) {

.tickets .lines.ticket {
		width: 15%;
	}
}



@media only screen and (max-width: 800px) { 
	
	.tickets .lines.ticket {
		display: none;
	}
	
	.tickets a {
		padding: .5em 0;
	}	
}

@media only screen and (max-width: 480px) { 
	.tickets a {
		font-size: inherit;
	}
	
	img.fresh-cow {
		display: none;
	}
	
	.lines {
		display: none;
	}
}

/* ---- Venue ---- */

#venue {
	background-image: url("../img/venue-bg.jpg");
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 4em 0;
}

#venue .park {
	padding: 7em 0;
	display: block;
}

#venue h2 {
	color: #d2c8ae;
	text-align: center;
}

#venue .hotel {
	background-image: url('../img/hotel.png');
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -999999px;
	display: block;
	width: 100%;
	height: 4em;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

#venue p {
	color: #d2c8ae;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
	margin-bottom: 0;
}

/* ---- Slider ---- */

.m-scooch  {
    position:  relative;
    overflow:  hidden;
    -webkit-font-smoothing:  antialiased;  }
    .m-scooch.m-left  {
        text-align:  left;  }
    .m-scooch.m-center  {
        text-align:  center;  }
    .m-scooch.m-fluid  >  .m-scooch-inner  >  *  {
        width:  100%;  }
    .m-scooch.m-fluid.m-center  >  .m-scooch-inner  >  *:first-child  {
        margin-left:  0%;  }
    .m-scooch.m-fluid-2  >  .m-scooch-inner  >  *  {
        width:  50%;  }
    .m-scooch.m-fluid-2.m-center  >  .m-scooch-inner  >  *:first-child  {
        margin-left:  25%;  }
    .m-scooch.m-fluid-3  >  .m-scooch-inner  >  *  {
        width:  33.333%;  }
    .m-scooch.m-fluid-3.m-center  >  .m-scooch-inner  >  *:first-child  {
        margin-left:  33.333%;  }
    .m-scooch.m-fluid-4  >  .m-scooch-inner  >  *  {
        width:  25%;  }
    .m-scooch.m-fluid-4.m-center  >  .m-scooch-inner  >  *:first-child  {
        margin-left:  37.5%;  }
    .m-scooch.m-fluid-5  >  .m-scooch-inner  >  *  {
        width:  20%;  }
    .m-scooch.m-fluid-5.m-center  >  .m-scooch-inner  >  *:first-child  {
        margin-left:  40%;  }
    .m-scooch.m-fluid-6  >  .m-scooch-inner  >  *  {
        width:  16.667%;  }
    .m-scooch.m-fluid-6.m-center  >  .m-scooch-inner  >  *:first-child  {
        margin-left:  41.667%;  }
    .m-scooch  img  {
        -ms-interpolation-mode:  bicubic;  }

.m-scooch-inner  {
    position:  relative;
    white-space:  nowrap;
    text-align:  left;
    /*  Removes  inline-block  gaps  due  to  whitespace  */
    font-size:  0;
    /*  Configure  animations  */
    -webkit-transition-property:  -webkit-transform;
    -moz-transition-property:  -moz-transform;
    -ms-transition-property:  -ms-transform;
    -o-transition-property:  -o-transform;
    transition-property:  transform;
    /*  iOS  like  slide  timings  */
    -webkit-transition-timing-function:  cubic-bezier(0.33,  0.66,  0.66,  1);
    -moz-transition-timing-function:  cubic-bezier(0.33,  0.66,  0.66,  1);
    -ms-transition-timing-function:  cubic-bezier(0.33,  0.66,  0.66,  1);
    -o-transition-timing-function:  cubic-bezier(0.33,  0.66,  0.66,  1);
    transition-timing-function:  cubic-bezier(0.33,  0.66,  0.66,  1);
    -webkit-transition-duration:  0.5s;
    -moz-transition-duration:  0.5s;
    -ms-transition-duration:  0.5s;
    -o-transition-duration:  0.5s;
    transition-duration:  0.5s;  
}
.m-scooch-inner  >  *  {
	display:  inline-block;
	vertical-align:  top;
	white-space:  normal;
	/*  We  must  reset  the  font-size  here  */
	font-size:  16px;  
}
        
.m-fluid  >  .m-scooch-inner  >  *  {
	box-sizing:  border-box;
	-ms-box-sizing:  border-box;
	-moz-box-sizing:  border-box;
	-o-box-sizing:  border-box;
	-webkit-box-sizing:  border-box;  
}

.m-center:not(.m-fluid)  >  .m-scooch-inner  {
	display:  inline-block;
	margin-right:  -20000px  !important;
	margin-left:  0  !important;  
}

.m-center:not(.m-fluid)  >  .m-scooch-inner  >  *  {
    position:  relative;
    left:  -20000px;  
}
.m-center:not(.m-fluid)  >  .m-scooch-inner  >  *:first-child  {
    float:  left;
    margin-right:  20000px;
    left:  0;  
}

.m-center:not(.m-fluid)  >  .m-scooch-inner  >  *:first-child:last-child  {
	margin-right:  0;  
}
.m-center:not(.m-fluid)  >  .m-scooch-inner  >  *:last-child  {
    margin-right:  -30000px;  
}

/* Carousel controls: Pagination */
.m-scooch-pagination {
	margin: 2em 0 4em;
}

.m-scooch-pagination a.m-active {
	background: #d2c8ae;
	color: #9d3521;
	position: relative;
}

.m-scooch-controls a {
	color: #f5eedc;
	padding: 10px;
	margin: 0 .5em;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	user-select: none;
	-webkit-user-drag: none;
	-moz-user-drag: -moz-none;
	user-drag: none;
	display: inline-block;
	color: #d2c8ae;
	font-family: 'roboto_slablight', sans-serif;
	font-weight: 600;
	border: 4px double #d2c8ae;
	width: 21%;
}

.m-scooch-pagination a:first-child {
	border-left: 1px solid #d2c8ae;
}

.m-scooch-controls {
    text-align: center;
}

.m-scooch {
	position: relative;
	overflow: hidden;
	-webkit-font-smoothing: antialiased;
	margin: 0 0 4em 0;
}

/* ---- Around Town ---- */

.around-town h1 {
	color: #d2c8ae;;
	font-size: 4em;
}

.around-town .small-block-grid-2 li {
	text-align: center
}

.around-town .small-block-grid-2 li:first-child {
	border-right: 1px dashed #d2c8ae;
}

.around-town .small-block-grid-2 a {
	padding: 0 1.5em;
	font-weight: 600;
	position: relative;
	color: #26a17e;
}

.around-town .small-block-grid-2 a:hover {
	border-bottom: 1px dashed #26a17e;
}

.around-town .small-block-grid-2 a:before {
	background-image: url('../img/star-green.png');
	background-position: left center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	position: absolute;
	content: "";
	left: 0;
	top: 3px;
}

.around-town .small-block-grid-2 a:after {
	background-image: url('../img/star-green.png');
	background-position: left center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	position: absolute;
	content: "";
	right: 0;
	top: 3px;
}

@media only screen and (max-width: 1044px) {
	.m-scooch-controls {
		position: relative;
		overflow: hidden;
	}
	
	.m-scooch-controls a {
		width: 42%;
		display: inline-block;
		margin-bottom: 1em;
	}
}

@media only screen and (max-width: 800px) {
	.lines.small.leftlines, .lines.small.rightlines {
		width: 23%;
	}
}


@media only screen and (max-width: 480px) {
	.small-block-grid-2 > li {
		width: 100%;
		padding: 2em 0;
	}
	
	.around-town .small-block-grid-2 li:first-child {
		border-right: none;
		border-bottom: 1px dashed #D2C8AE;
	}
}

/* ---- Schedule ---- */

#schedule {
	padding: 4em 0;
	position: relative;
}

#schedule h2, #sponsors h2, #partners h2 {
	text-align: center;
	color: #d2c8ae;
}

.timeline {
	position: relative;
	width: 70%;
	margin: 0 auto;
	display: block;
	height: auto;
	overflow: hidden;
}

.timeline ul {
	background: url('../img/timeline-bg.gif') repeat-x center 56%;
	float: left;
	width: 100%;
	margin-bottom: 2.5em;
	margin-left: 0;
}

.timeline ul li {
	display: inline;
	position: relative;
	font-size: 4rem;
	letter-spacing: 2px;
	color: #53514C;
	font-family: 'arvil_sansregular', sans-serif;
}

.timeline ul li:before {
	
}

.timeline ul li.lunch {
	color: #e76940;
}

.timeline ul li em {
	float: right;
	font-style: normal;
	list-style: none;
}

.timeline i {
	float: left;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 2px;
	font-size: .7em;
	font-weight: 600;
	color: #53514C;
	padding-left: 10px;
}

.timeline ul li, .timeline ul li em {
	background: #fcfbf7;
	padding: 0 10px;
}

.timeline p {
	opacity: .5;
	margin-top: 1em;
	display: inline-block;
	float: right;
}

@media only screen and (max-width: 900px) {
	.timeline {
		width: 90%;
	}
}

@media only screen and (max-width: 700px) {
	.timeline ul li {
		font-size: 3rem;
	}
}

@media only screen and (max-width: 515px) {
	
	.timeline ul {
		background: none;
	}
	 
	.timeline ul li {
		font-size: 2.2rem;
	}
	
	.timeline i {
		opacity: .5;
	}
}	

@media only screen and (max-width: 480px) {
	.timeline ul li {
		font-size: 1.5rem;
	}
}

/* ---- sponsors/partners ---- */

#partners, #about, #social {
	text-align: center;
}

ul.showcase {
	margin: 6em 0;
}

ul.showcase li > div {
	width: 75%;
	margin: 0 auto;
	text-align: center;
}

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

.become {
	margin-bottom: 2em;
}

.become p {
	padding: 0 1.5em;
	position: relative;
	display: inline-block;
}

.become p:before {
	background-image: url('../img/star.png');
	background-position: left center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	position: absolute;
	content: "";
	left: 0;
	top: 3px;
}

.become p:after {
	background-image: url('../img/star.png');
	background-position: right center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	position: absolute;
	content: "";
	right: 0;
	top: 3px;
}

.become a {
	position: relative;
	padding: 0 3em;
	font-weight: 600;
	color: #26a17e;
}

.become a:hover, .become a:focus {
	background: #26a17e;
	color: #fcfbf7;
}

.become a:after {
	height: 2px;
	width: 10%;
	border-bottom: 2px solid;
	position: absolute;
	content: "";
	left: 0;
	top: 9px;
}

.become a:before {
	height: 2px;
	width: 10%;
	border-bottom: 2px solid;
	position: absolute;
	content: "";
	right: 0;
	top: 9px;
}

.cow-sponsors{
	position: absolute;
	right: 6%;
	top: 60%;
	width: 28%;
}

.partners {
	margin: 6em auto;
}

@media only screen and (max-width: 1024px) {		
	.partners {
		margin-top: ;
	}
	
	.partners > div {
		margin: 5em 0;
	}
	
	#sponsors [class*="block-grid-"] > li {
		float: none;
		width: 100%;
		margin: 6em 0;
		padding: 0;
	}
	
	#sponsors [class*="block-grid-"] > li:first-child {
		margin-top: 0;
	}
	
	#sponsors [class*="block-grid-"] > li:last-child {
		margin-bottom: 0;
	}
	
	ul.showcase {
		margin: 4em 0;
	}
	
}

@media only screen and (max-width: 800px) {
	.partners {
		margin-top: 4em;
	}

}

@media only screen and (max-width: 600px) {
	.cow-sponsors {
		display: none;
	}
}

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

#about {
	background: url('../img/about-bg.jpg');
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 4em 0;
}

.img-holder {
	width: 24%;
	text-align: left;
	float: left;
}

.img-holder img {
	border-radius: 50%;
	border: 2px dashed #d2c8ae;
	padding: .5em;
}

.info {
	padding-left: 18px;
	padding-right: 18px;
	float: left;
	text-align: left;
}

.info p {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: .7em;
}

.info ul {
	margin: 0
}

.info ul li {
	display: inline;
}

.what .row {
	padding: 4em 0;;
}

.what p {
	font-size: 2em;
	padding: 0 6%;
	color: #fcfbf7;
}

#about .lines.small.rightlines, #about .lines.small.leftlines {
	width: 20%;
}

.who .holder {
	margin: 1em auto;
	width: 50%;
}

.who .holder img {
	border-radius: 50%;
	border: 2px dashed #d2c8ae;
	padding: .5em;
}

.who .holder .banner {
	color: #d2c8ae;
	border-color: #d2c8ae;
}

.who .holder .banner:after {
	border-top-color: #d2c8ae;
}


.who p.site {
	letter-spacing: 2px;
	color: #26a17e;
	padding: 0 1.5em;
	position: relative;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
}

.who p.site:before {
	background-image: url('../img/star-green.png');
	background-position: left center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	position: absolute;
	content: "";
	left: 0;
	top: 3px;
}

.who p.site:after {
	background-image: url('../img/star-green.png');
	background-position: left center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	position: absolute;
	content: "";
	right: 0;
	top: 3px;
}

@media only screen and (max-width: 480px) { 
	.what p {
		font-size: inherit;	
	}
	
	.become a {
		padding: 0;
	}
	
	.become a:before, .become a:after {
		border: none;
	}
}

/* ---- Connect ---- */

#social .title .lines {
	width: 25%;
}

#social form {
	margin: 4em auto;
}

#social input[type="email"] {
	width: 41%;
	display: inline-block;
	background: none;
	border: 1px solid #53514C;
	box-shadow: none;
	font-size: 2em;
	height: auto;
	color: #53514C;
	margin-bottom: 0;
	vertical-align: middle;
	margin-left: -5px;
}

#social #mc-embedded-subscribe {
	display: inline-block;
	background: none;
	border: 4px double #26a17e;
	color: #26a17e;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: 'roboto_slablight', sans-serif;
	font-weight: 600!important;
	outline: none;
	margin-bottom: 0;
	padding: .95rem 3em;
	line-height: 1.5;
	margin-left: -5px;
	font-size: 1rem;
	vertical-align: middle;
}

#social #mc-embedded-subscribe:hover, #social #mc-embedded-subscribe:focus {
	background: #26a17e;
	color: #fff;
}

#social label {
	color: #4d4d4d;
	cursor: pointer;
	line-height: 1.5;
	margin-bottom: 0;
	letter-spacing: 2px;
	text-transform: uppercase;
	border: 1px solid;
	display: inline-block;
	padding: 1.1rem;
	font-size: 1rem;
	vertical-align: middle;
	font-weight: 600;
}

#social .button {
	line-height: normal;
	display: inline-block;
	background: none;
	color: #53514C;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: 'roboto_slablight', sans-serif;
	font-weight: 600!important;
	outline: none;
	margin-bottom: 0;
	padding: 0;
	vertical-align: bottom;
	font-size: 1em;
}

.connect nav ul {
	width: 62%;
	position: relative;
	padding: 0 5%;
}

.connect nav ul:before {
	height: 2px;
	width: 10%;
	border-bottom: 2px solid;
	position: absolute;
	content: "";
	right: 0;
	top: 38px;
}

.connect nav ul:after {
	height: 2px;
	width: 10%;
	border-bottom: 2px solid;
	position: absolute;
	content: "";
	left: 0;
	top: 38px;
}

.connect nav ul li {
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	display: inline-block;
}

.connect nav ul li a {
	background-image: url('../img/social-icons.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 0;
	border: 2px solid #53514C;
	color: #53514C;
	margin: 0 auto;
	display: block;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	text-indent: -999999px;
}

.connect nav ul li a.twitter {
	background-position: 8px 7px;
}

nav ul li a.twitter:hover, nav ul li a.twitter:focus {
	background-color: #1ab8ee;
	border-color: #1ab8ee;
	background-position: 8px -75px;
	color: #ffffff;
}

.connect nav ul li a.facebook {
	background-position: -120px 5px;
}

nav ul li a.facebook:hover, nav ul li a.facebook:focus {
	background-color: #4f6aa2;
	border-color: #4f6aa2;
	background-position: -120px -75px;
	color: #ffffff;
}

.connect nav ul li a.instagram {
	background-position: -241px 5px;
}

nav ul li a.instagram:hover, nav ul li a.instagram:focus {
	background-color: #467093;
	border-color: #467093;
	background-position: -241px -75px;
	color: #ffffff;
}

.connect nav ul li a.lanyrd {
	background-position: -381px 4px;
}

nav ul li a.lanyrd:hover, nav ul li a.lanyrd:focus {
	background-color: #4d88c3;
	border-color: #4d88c3;
	background-position: -381px -77px;
	color: #ffffff;
}

@media only screen and (max-width: 800px) {
	.connect ul {
		padding: 0 5%;
	}
	
	.connect nav ul li {
		width: 45%;
		margin-bottom: 2em;
	}
}

@media only screen and (max-width: 500px) {
	.connect nav ul li {
		width: 100%;
	}
}

@media only screen and (max-width: 480px) { 
	#social label {
		display: none;
	}
	
	#social input[type="email"] {
		width: 82%;
		margin-bottom: 20px;
	}
	
	#t, #b, #l, #r {
		display: none;
	}
}


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

footer {
	background: #d2c8ae;
	text-align: center;
	color: #fcfbf7;
	overflow: hidden;
}

footer img {
	margin-bottom: 1.5em;
	position: relative;
	padding: 0 3em;
}

footer p {
	margin-bottom: 14em;
}

footer h5 {
	margin: 15em 0 0;
}

footer a.fabric {
	background: url('../img/fabric-footer.png') no-repeat 0 0 transparent;
	height: 35px;
	width: 165px;
	text-indent: -9999px;
	display: block;
	margin-left: auto;
	margin-top: 13px;
	margin-right: auto;
}


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

#tickets {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 100%;
	padding: 4em 0;
	position: relative;
	overflow: hidden;
	margin-top: 5em;
}

body.ticket-page nav {
	margin: 2em 0 10em;
}

body.ticket-page nav a.logo {
	height: 12em;
	margin-left: -212px;
	width: 35%;
}

@media only screen and (max-width: 900px) {
	body.ticket-page nav a.logo { 
		margin-left: 0;
		width: 100%;
		left: 0;
	}
}

.ticket-field {
	background:#fff !important;
	height:56px !important;
	font-size:16px !important;
}
.ticket-field-split-left {
	margin:0;
	padding:0;
}
.ticket-field-split-right input {

	margin-left:14px !important;
}

#ticketForm button {
	font-family: 'roboto_slablight', sans-serif;
	text-transform:uppercase;
	border:none;
	background:none;
    border: 4px double;
    font-size: 2em;
    padding: .5em 1em;
    font-weight: 600;
    color: #26a17e;
}