@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,600,700);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800);
/***************************************/
/* 1. RESET */
/***************************************/
* {
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

h1, h2, h3, h4, 
h5, h6, p, a {line-height: 1em;}

a {text-decoration: none;} 

ul, ol {list-style: none;}

header, nav, article,
section, aside, footer {
	display: block;
}

figure {line-height: 0;}

figure > img {width: 100%;}

figure > figcaption {display: none;}

/***************************************/
/* 2. GENERAL */
/***************************************/
p {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8125em; /* 13px / 16px */
	font-weight: 300;
	color: #424242;
	line-height: 22px;
}

h1, h2, h3, h5, h6 {
	font-family: 'Raleway', sans-serif;
}

h1 {
	margin: 10px 0;
	color: #f4f4f4;
	font-size: 4.375em; /* 70px / 16px */
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

h1 span {
	color: #29c7ab;
	font-size: 1.228571428571429em; /* 86px / 70px */
	font-weight: 700;
}

h2 {
	color: #2e3141;
	font-size: 2em; /* 32px / 16px */
	font-weight: 500;
	text-align: center;
	margin-top: 10px;
	letter-spacing: 0.05em;
}

h2 span {
	font-weight: 300;
}

h2 span:last-child {
	color: #29c7ab;
}

h2 + hr {
	width: 30px;
	height: 0;
	border-bottom: 2px solid #29c7ab;
	margin: 25px auto 80px;
}

h3 {
	color: #fff;
	font-size: 2.625em; /* 42px / 16px */
	font-weight: 700;
	text-transform: uppercase;
}

h4 {
	color: #fffefe;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em; /* 24px / 16px */
	font-weight: 400;
}

h4 span {
	color: #29c7ab;
	font-weight: 700;
	font-size: 1.083333333333333em; /* 26px / 24px */
	text-transform: uppercase;
}

h5 {
	color: #2e3141;
	font-size: 1.125em; /* 18px / 16px */
	font-weight: 700;
}

h6 {
	color: #2e3141;
	font-size: 1em; /* 16px / 16px */
	font-weight: 700;
}

p.pre-title {
	font-size: 0.75em; /* 12px / 16px */
	color: #7c7c7c;
	letter-spacing: .5em;
	line-height: 1em;
	text-transform: uppercase;
	text-align: center;
}

.button {
	display: block;
	border-radius: 2px;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 0.875em; /* 14px / 16px */
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	transition: background-color .2s ease-in-out;
	-webkit-transition: background-color .2s ease-in-out;
}

.button.violet {
	background-color: #604575;
}

.button.violet:hover {
	background-color: #432e52;
}

.button.green {
	background-color: #29c7ab;
}

.button.green:hover {
	background-color: #0e977f;
}

.button.gold {
	background-color: #fba500;
}

.button.gold:hover {
	background-color: #da7600;
}

.cleaner {
	clear: both;
}

/*-------------
  2.1 WIDE
-------------*/
header, #main-nav, #about,
#news, #guests, #promo,
#schedule, #tickets, #sponsors,
#blog-news, #contact, #footer-top,
#footer-bottom, #content-header,
#blog, #floorplan, #subscribe,
#special-guests, #timeline {
	max-width: 1170px;
	width: 95%;
	margin: 0 auto;
}

/*------------------
  2.2 SOCIAL LINKS
------------------*/
.social-links > li {
	float: left;
	margin-right: 15px;
	border-radius: 50%;
	transition: background-color .4s ease-in-out;
	-webkit-transition: background-color .4s ease-in-out;
}

.social-links > li:last-child {
	margin-right: 0;
}

.social-links > li:hover {
	background-color: #29c7ab;
}

.social-links > li > a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 2px solid #29c7ab;
	background-color: transparent;
}

.social-links.small > li {
	width: 30px;
	height: 30px;
}

.social-links.medium > li {
	width: 35px;
	height: 35px;
}

/*---------------
  2.2.1 SMALL 
---------------*/
.social-links.small > li.fb > a {
	background: url('../images/social-fb-small.png') no-repeat center;
}

.social-links.small > li.twt > a {
	background: url('../images/social-tweet-small.png') no-repeat center;
}

.social-links.small > li.gplus > a {
	background: url('../images/social-gplus-small.png') no-repeat center;
}

.social-links.small > li.flickr > a {
	background: url('../images/social-flickr-small.png') no-repeat center;
}

.social-links.small > li.rss > a {
	background: url('../images/social-rss-small.png') no-repeat center 8px;
}

.social-links.small > li.vimeo > a {
	background: url('../images/social-vimeo-small.png') no-repeat center;
}

/*-------------------
  2.3 FORM STYLE
-------------------*/
input[type="text"],
textarea {
	width: 100%;
	background-color: #f4f4f4;
	color: #424242;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.875em; /* 14px / 16px */
	font-weight: 400;
	padding: 15px 20px;
	margin-bottom: 25px;
}

input[type="text"]:focus,
textarea:focus {
	border: 1px solid #29c7ab;
}

button {
	cursor: pointer;
	line-height: 50px;
}

input[type="text"].error,
textarea.error,
input[type="text"].error:focus,
textarea.error:focus {
	border: 1px solid #db2e2e;
}

/*-------------------
  2.4 PLACEHOLDERS
-------------------*/
::-webkit-input-placeholder { /* Chrome */
	color: #969696;
	font-size: 1em; /* 14px / 14px */
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

:-moz-placeholder { /* Firefox 18- */
	color: #969696;
	font-size: 1em; /* 14px / 14px */
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

::-moz-placeholder { /* Firefox 19+ */
	color: #969696;
	font-size: 1em; /* 14px / 14px */
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

:-ms-input-placeholder { /* IE */
	color: #969696;
	font-size: 1em; /* 14px / 14px */
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

/*---------------
  2.5 PAGER
---------------*/
#pager > li {
	float: left;
	margin-right: 5px;
}

#pager > li:last-child {
	margin-right: 0;
}

#pager > li > a { 
	display: block;
	width: 40px;
	height: 40px;
	border: 1px solid #e5e5e5;
	color: #757780;
	font-family: 'Raleway', sans-serif;
	font-size: 0.875em; /* 14px / 16px */
	font-weight: 700;
	text-align: center;
	line-height: 40px;
	transition: background-color .4s ease-in,
	color .2s ease-in;
	-webkit-transition: background-color .4s ease-in-out,
	color .2s ease-in-out;
} 

#pager > li.selected > a,
#pager > li > a:hover {
	color: #fff;
	border-color: #29c7ab;
	background-color: #29c7ab;
}

/*---------------
  2.6 LOADING
---------------*/
#loading {
	font-size: 90px;
	overflow: hidden;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	margin: 1em auto 0;
	position: relative;
	display: none;
	animation: loader 1.7s infinite ease;
    -webkit-animation: loader 1.7s infinite ease;
}

/***************************************/
/* 3. HEADER */
/***************************************/
#header-wrap {
	background: url('../images/header-bg.jpg') no-repeat center;
	background-size: cover;
}

header {
	min-height: 860px;
	padding-top: 190px;
	position: relative;
}

header img[alt="header-img"] {
	position: absolute;
	bottom: 0;
	left: 10px;
}

header .pre-title {
	color: #efefef;
	font-size: 1.125em; /* 18px / 16px */
}

header > article {
	width: 630px;
	margin-left: 470px;
}

header > article > h6 {
	margin-bottom: 40px;
	color: #f4f4f4;
	font-size: 0.875em; /* 14px / 16px */
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.5em;
}

header > article > .button {
	display: inline-block;
	width: 200px;
	line-height: 50px;
}

header > article > .button.violet {
	margin: 0 40px 0 95px;
}

/*---------------
  3.1 COUNTDOWN
---------------*/
header #countdown {
	width: 625px;
	margin: 105px 0 0 30px;
}

/***************************************/
/* 4. NAVIGATION */
/***************************************/
#nav-wrap {
	background-color: #372d3f;
}

#main-nav {
	min-height: 90px;
	position: relative;
	z-index: 10000;
}

#main-nav > h4 {
	float: left;
	position: absolute;
	margin-top: 38px;
}

#main-nav > h4:before {
	content: url('../images/logo.png');
	margin-right: 8px;
	position: relative;
	top: 2px;
}

/*----------------
  4.1 MAIN MENU
----------------*/
#main-nav > ul {
	float: right;
}

#main-nav > ul > li {
	float: left;
	height: 90px;
	position: relative;
}

#main-nav > ul > li > a,
#main-nav > ul > li > ul > li > a {
	display: block;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}

#main-nav > ul > li > a {
	position: relative;
	font-size: 0.75em; /* 12px / 16px */
	text-align: center;
	padding-top: 5px;
	line-height: 90px;
	transition: background-color .4s ease-in-out;
	-webkit-transition: background-color .4s ease-in-out;
}

#main-nav > ul > li > a span {
	padding: 10px 20px;
	border-radius: 400px;
	transition: background-color .4s ease-in-out;
	-webkit-transition: background-color .4s ease-in-out;
}

#main-nav > ul > li > a:hover span,
#main-nav > ul > li > a.selected span,
#main-nav > ul > li > ul > li > a:hover {
	background-color: #29c7ab;
}

#main-nav > ul > li > a:hover .arrow,
#main-nav > ul > li > a.selected .arrow {
	position: absolute;
	bottom: 14px;
	left: 43px;
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 8px solid #211a26; 
}

#main-nav #pull {  
   	display: none; 
}  

#main-nav #pull:after {  
    content: url('../images/nav-icon.png');   
} 

/*---------------
  4.2 SUBMENU
---------------*/
#main-nav > ul > li > ul {
	width: 210px;
	position: absolute;
	top: 80px;
	display: none;
}

#main-nav > ul > li > ul > li > a {
	background-color: #211a26;
	font-size: 11px;
	padding: 0 20px;
	line-height: 43px;
	transition: background-color .3s ease-in-out;
	-webkit-transition: background-color .3s ease-in-out;
}

/*-----------------
  4.3 STICKY MENU
-----------------*/
#nav-wrap.sticky {
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	width: 100%;
}

#nav-wrap.sticky #main-nav > h4 {
	margin-top: 30px;
}

#nav-wrap.sticky #main-nav {
	min-height: 75px;
}

#nav-wrap.sticky #main-nav > ul > li {
	height: 75px;
}

#nav-wrap.sticky #main-nav > ul > li > a {
	line-height: 75px;
}

#nav-wrap.sticky #main-nav > ul > li > ul {
	top: 70px;
}

#nav-wrap.sticky #main-nav > ul > li > a:hover .arrow,
#nav-wrap.sticky #main-nav > ul > li > a.selected .arrow {
	bottom: 10px;
}

/***************************************/
/* 5. ABOUT US */
/***************************************/
#about-wrap {
	background-color: #fff;
}

#about {
	padding: 90px 0 80px;
}

/*-----------------
  5.1 ABOUT ITEMS
-----------------*/
.about-items {
	margin: 0 auto;	
}

.about-items > li {
	float: left;
	width: 270px;
	padding-top: 135px;
	position: relative;
	margin: 0 30px 60px 0;
	text-align: center;
}

.about-items > li:nth-child(4n+4) {
	margin-right: 0;
}

.about-items img[alt="about-img"] {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -55px;
}

.about-items > li > p {
	margin-top: 10px;
}

/***************************************/
/* 6. NEWS */
/***************************************/
#news-wrap {
	background: url('../images/news-city.png') no-repeat center bottom #f4f4f4;
	background-size: 100% auto;
}

#news {
	padding: 90px 0 735px;
	position: relative;
}

/*-----------------
  6.1 NEWS ITEMS
-----------------*/
.news-items {
	margin: 0 auto;
}

.news-items > li {
	float: left;
	width: 270px;
	margin-right: 30px;
	background-color: #fff;
	padding-bottom: 30px;
	text-align: center;
}

.news-items > li:last-child {
	margin-right: 0;
}

.news-items > li > figure {
	width: 270px;
	height: 180px;
}

.news-items > li > article {
	padding: 50px 15px 0;
	position: relative;
}

.news-items img[alt="news-icon"] {
	position: absolute;
	top: -36px;
	left: 50%;
	margin-left: -36px;
}

.news-items > li > article > h6 {
	margin-bottom: 15px;
}

/*-----------------
  6.2 NEWS SLIDER
-----------------*/
#news-slider-wrap {
	width: 79.5%;
	position: absolute;
	bottom: 110px;
	left: 50%;
	margin-left: -39.75%;
	padding-top: 40px;
}

#news img[alt="news-tweet"] {
	position: absolute;
	top: -65px;
	left: 50%;
	margin-left: -43px;
}

#news-slider p {
	width: 64.5%;
	margin: 0 auto;
	font-family: 'Raleway', sans-serif;
	font-size: 0.875em; /* 14px / 16px */
	font-weight: 600;
	color: #fbfbfb;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0.05em;
}

#news-slider p.timestamp {
	margin-top: 10px;
	font-size: 0.625em; /* 10px / 16px */
}

#news-slider p a {
	color: #29c7ab;
	text-decoration: underline;
}

#news-slider p.timestamp a {
	color: #fbfbfb;
	text-decoration: none;
}

/*------------------------
  6.3 NEWS SLIDER ARROWS
------------------------*/
#news-slider-wrap span.arrow {
	position: absolute;
	top: 0;
}

#news-slider-wrap span.arrow.left {
	left: -50px;
}

#news-slider-wrap span.arrow.right {
	right: -50px;
}

/***************************************/
/* 7. GUESTS */
/***************************************/
#guests-wrap {
	background-color: #fff;
}

#guests {
	padding: 90px 0 80px;
}

/*-------------------
  7.1 GUESTS ITEMS
-------------------*/
.guests-items {
	margin: 0 auto;
}

.guests-items > li {
	float: left;
	width: 270px;
	margin: 0 30px 60px 0;
	padding-top: 345px;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.guests-items > li:nth-child(4n+4) {
	margin-right: 0;
}

/*-------------------
  7.1.1 GUEST IMAGE
-------------------*/
.guests-items > li figure img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 270px;
	height: 345px;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
}

.guests-items > li figure > img[alt="guest-item-c"] {
	z-index: 2;
}

.guests-items > li:hover figure > img[alt="guest-item"] {
	opacity: 0;
}

/*---------------------------
  7.1.2 GUEST SOCIAL LINKS
---------------------------*/
.guests-items > li > a {
	position: absolute;
	right: -35px;
	z-index: 4;
	opacity: 0;
	width: 35px;
	height: 35px;
}

.guests-items > li:hover > a {
	right: 0;
	opacity: 1;
}

.guests-items > li > a.fb {
	top: 10px;
	background: url('../images/social-fb.png') no-repeat center #604575;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

.guests-items > li > a.twt { 
	top: 53px;
	background: url('../images/social-twt.png') no-repeat center #604575;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}

.guests-items > li > a.flickr { 
	top: 96px;
	background: url('../images/social-flickr.png') no-repeat center #604575;
	transition: all .7s ease-in-out;
	-webkit-transition: all .7s ease-in-out;
}

/*-----------------------
  7.1.3 GUEST DETAILS
-----------------------*/
.guests-items > li > article {
	position: relative;
	padding: 30px 0;
	z-index: 2;
}

.guests-items > li > div {
	position: absolute;
	bottom: 157px;
	left: 0;
	width: 270px;
	height: 157px;
	background: url('../images/guests-backbg.jpg') no-repeat center;
	background-size: cover;
}

.guests-items > li:hover > div {
	bottom: 0;
}

.guests-items > li > div,
.guests-items h5,
.guests-items h6 {
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}

.guests-items h5 {
	margin-bottom: 10px;
}

.guests-items h6 {
	font-family: 'Open Sans', sans-serif;
	color: #29c7ab;
	font-size: 0.5625em; /* 9px / 16px */
	text-transform: uppercase;
}

.guests-items > li:hover h5,
.guests-items > li:hover h6 {
	color: #fff;
}

.guests-items .button {
	width: 162px;
	margin: 20px auto 0;
	font-size: 0.6875em; /* 11px / 16px */
	line-height: 40px;
}

/***************************************/
/* 8. PROMO */
/***************************************/
#promo-wrap {
	background: url('../images/promo-bg.jpg') no-repeat center;
	background-size: cover;
}

#promo {
	min-height: 698px;
	padding: 80px 0 140px;
	position: relative;
}

#promo img[alt="promo-img"] {
	position: absolute;
	top: 170px;
	right: 30px;
}

#promo > article {
	width: 540px;
	margin-left: 35px;
}

#promo > article > h4 {
	margin-bottom: 15px;
	color: #fff;
	font-family: 'Raleway', sans-serif;
}

#promo > article > h4 span {
	color: #fff;
	font-size: 1em; /* 24px / 24px */
	text-transform: none;
}

#promo > article > hr {
	width: 30px;
	height: 0;
	border-bottom: 2px solid #29c7ab;
	margin-bottom: 40px;
}

/*-------------------
  8.1 ACCORDION
-------------------*/
#accordion > li {
	margin-bottom: 5px;
}

#accordion > li:last-child {
	margin-bottom: 0;
}

#accordion > li > a {
	display: block;	
	font-family: 'Raleway', sans-serif;
	font-size: 0.75em; /* 12px / 16px */
	font-weight: 700;
	color: #fefefe;
	text-transform: uppercase;
	line-height: 45px;
	background-color: #29c7ab;
	padding: 0 32px 0 20px;
	border-radius: 4px;
	position: relative;
	z-index: 1;
}

#accordion > li > a span {
	position: absolute;
	top: 0;
	right: 0;
	width: 45px;
	height: 100%;
	background-color: #1fa68e;	
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

#accordion > li > a span img {
	margin: 16px 0 0 18px;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}

#accordion > li.selected > a span img {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

#accordion ul.sub-items > li > p {
	color: #fff;
	padding: 20px;
	background-color: #372d3f;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-top: -2px;
	position: relative;
	z-index: 0;
}

#accordion ul.sub-items {
	display: none;
}

/***************************************/
/* 9. SCHEDULE */
/***************************************/
#schedule-wrap {
	background-color: #f4f4f4;
}

#schedule {
	padding: 90px 0 140px;
}

#schedule .button {
	width: 430px;
	margin: 60px auto 0;
	line-height: 50px;
}

/*-----------
  9.1 TAB
-----------*/
#tab {
	width: 100%;
	position: relative;
}

#tab > li {
	width: 27%;
	float: left;
}

#tab > li > a {
	display: block;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 1.25em; /* 20px / 16px */
	font-weight: 700;
	text-transform: uppercase;
	padding: 30px 0 15px;
	text-align: center;
	letter-spacing: 0.15em;
	background-color: #543c67;
	position: relative;
	border-top: 5px solid transparent;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}

#tab > li:first-child > a {
	background-color: #684f7c;
}

#tab > li:last-child > a {
	background-color: #372d3f;
}

#tab > li > a span {
	position: absolute;
	top: 18px;
	left: 50%;
	margin-left: -40px;
	z-index: 1;
	color: #29c7ab;
	font-size: 0.5em; /* 10px / 20px */
	line-height: 1em;
	letter-spacing: 0;
	font-weight: 700;
}

#tab > li.selected > a {
	font-weight: 800;
	border-top-color: #29c7ab;
	background-color: #fff;
	color: #2e3141;
}

#tab > li > .item {
	width: 100%;
	background-color: #fff;
	padding: 10px 30px 30px;
	position: absolute;
	top: 70px;
	left: 0;
	z-index: 0;
	display: none;
}

#tab > li > .item > article {
	position: relative;
	border-bottom: 1px solid #eaeaea;
	padding: 50px 0 0 255px;
}

#tab > li > .item > article:last-child {
	border-bottom: none;
}

#tab > li > .item h6.timestamp {
	position: absolute;
	top: 50px;
	left: 0;
	font-size: 0.875em; /* 14px / 16px */
	text-transform: uppercase;
}

#tab > li > .item h6.timestamp:before {
	content: url('../images/clock-icon.png');
	position: relative;
	margin-right: 10px;
	top: 2px;
}

#tab .event {
	position: relative;
	padding: 5px 0 45px;
}

#tab .event figure {
	position: absolute;
	top: 0;
	left: -115px;
	width: 100px;
	height: 100px;
	border-radius: 4px;
}

#tab .event > h6 {
	margin-top: 10px;
	color: #29c7ab;
	font-size: 0.625em; /* 10px / 16px */
	text-transform: uppercase;
}

#tab .event > p {
	margin-top: 15px;
}

/***************************************/
/* 10. TICKETS */
/***************************************/
#tickets-wrap {
	background-color: #fff;
}

#tickets {
	padding: 90px 0 140px;
}

/*-------------------
  10.1 TICKET ITEMS
-------------------*/
.ticket-items {
	width: 970px;
	margin: 0 auto;
}

.ticket-items > li {
	float: left;
	position: relative;
	padding: 50px 0 35px;
	margin-right: 30px;
	text-align: center;
}

.ticket-items > li:last-child {
	margin-right: 0;
}

.ticket-items > li.small {
	width: 270px;
	background-color: #543c67;
}

.ticket-items > li.medium {
	width: 370px;
	background-color: #423051;
}

.ticket-items h3 {
	display: inline-block;
	position: relative;
	border-bottom: 2px solid #fff;
	padding-bottom: 10px;
}

.ticket-items h3 span {
	position: absolute;
	bottom: -7px;
	left: 50%;
	margin-left: -34px;
	padding: 0 12px;
	font-size: 0.3333333333333333em; /* 12px / 36px */
	background-color: #543c67;
	line-height: 1em;
}

.ticket-items > li.medium h3 span {
	margin-left: -71px;
	font-size: 0.2857142857142857em; /* 12px / 42px */
	background-color: #423051;
}

.ticket-items > li.medium h3:before,
.ticket-items > li.medium h3:after {
	content: url('../images/ticket-star.png');
	position: relative;
	top: -10px;
}

.ticket-items > li.medium h3:before {
	left: -18px;
}

.ticket-items > li.medium h3:after {
	right: -18px;
}

.ticket-items > li.small h3 {
	margin: 0 auto;
	font-size: 2.25em; /* 36px / 16px */
}

.ticket-items img[alt*="ribbon"] {
	position: absolute;
	top: 118px;
	left: -5px;
}

.ticket-items img[alt="ribbon-s"] {
	display: none;
}

.ticket-items h4 {
	position: absolute;
	top: 132px;
	left: 85px;
	z-index: 2;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 2em; /* 32px / 16px */
	font-weight: 700;
}

.ticket-items > li.medium h4 {
	top: 132px;
	left: 125px;
	font-size: 36px;
}

.ticket-items h4:before {
	content: '$';
	font-size: 0.5625em; /* 18px / 32px */
	position: relative;
	top: -5px;
}

.ticket-items > li > article {
	padding-top: 90px;
}

.ticket-items > li > article > p {
	color: #fff;
	font-size: 0.625em; /* 10px / 16px */
	font-weight: 700;
	text-transform: uppercase;
	line-height: 40px;
}

.ticket-items > li.small > article > p:nth-child(even) {
	background-color: #423051;
}

.ticket-items > li.medium > article > p:nth-child(even) {
	background-color: #372d3f;
}

.ticket-items > li > .button {
	width: 200px;
	margin: 30px auto 0;
	line-height: 50px;
}

/*-------------------
  10.2 CORNERS
-------------------*/
.ticket-items .corner {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
}

.ticket-items .corner.lt,
.ticket-items .corner.rt {
	top: -20px;
}

.ticket-items .corner.lb,
.ticket-items .corner.rb {
	bottom: -20px;
}

.ticket-items .corner.lt,
.ticket-items .corner.lb {
	left: -20px;
}

.ticket-items .corner.rt,
.ticket-items .corner.rb {
	right: -20px;
}

.ticket-items > li.medium .corner {
	width: 60px;
	height: 60px;
}

.ticket-items > li.medium .corner.lt,
.ticket-items > li.medium .corner.rt {
	top: -30px;
}

.ticket-items > li.medium .corner.lb,
.ticket-items > li.medium .corner.rb {
	bottom: -30px;
}

.ticket-items > li.medium .corner.lt,
.ticket-items > li.medium .corner.lb {
	left: -30px;
}

.ticket-items > li.medium .corner.rt,
.ticket-items > li.medium .corner.rb {
	right: -30px;
}

/*-------------------
  10.3 SQUARES
-------------------*/
.ticket-items .square {
	position: absolute;
	top: -23px;
	left: 50%;
	margin-left: -23px;
	width: 46px;
	height: 46px;
	background-color: #372d3f;
	border: 8px solid #29c7ab;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.ticket-items .square span {
	display: block;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 0.875em; /* 14px / 16px */
	font-weight: 700;
	text-align: center;
	line-height: 30px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

/***************************************/
/* 11. SPONSORS */
/***************************************/
#sponsors-wrap {
	background: url('../images/sponsors-bg.jpg') no-repeat center;
	background-size: cover;
}

#sponsors {
	min-height: 260px;
	padding-bottom: 40px;
}

/*---------------------
  11.1 SPONSORS ITEMS
---------------------*/
.sponsors-items {
	margin: 0 auto;
}

.sponsors-items > li {
	float: left;
}

.sponsors-items img[alt="sponsor1"] {
	margin: 50px 33px 0 4px;
}

.sponsors-items img[alt="sponsor2"] {
	margin: 62px 33px 0 0;
}

.sponsors-items img[alt="sponsor3"] {
	margin: 0 15px 10px 0;
}

.sponsors-items img[alt="sponsor4"] {
	margin: 0 20px 35px 0;
}

.sponsors-items img[alt="sponsor5"] {
	margin: 68px 43px 0 0;
}

.sponsors-items img[alt="sponsor6"] {
	margin-top: 64px;
}

/***************************************/
/* 12. BLOG NEWS */
/***************************************/
#blog-news-wrap {
	background-color: #f4f4f4;
}

#blog-news {
	padding: 90px 0 140px;
}

#blog-news .posts > li {
	margin-right: 30px;
}

#blog-news .posts > li:last-child {
	margin-right: 0;
}

/*---------------
  12.1 POSTS
---------------*/
.posts {
	margin: 0 auto;
}

.posts > li {
	float: left;
	width: 100%;
	background-color: #fff;
}

.posts figure {
	position: relative;
	height: 340px;
}

.posts figure > div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 7px 15px 7px 12px;
	background-color: #372d3f;
	text-align: center;
}

.posts figure > div > h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.625em; /* 10px / 16px */
}

.posts figure > div > h3 span {
	color: #29c7ab;
}

.posts h5 {
	font-size: 1.875em; /* 30px / 16px */
}

.posts > li > article {
	padding-top: 30px;
}

.posts > li p {
	clear: left;
	margin-bottom: 30px;
	font-size: 0.875em; /* 14px / 16px */
	line-height: 24px;
}

.posts .button {
	width: 165px;
	font-size: 0.6875em; /* 11px / 16px */
	line-height: 40px;
}

/*--------------------
  12.1.1 SMALL POSTS
--------------------*/
.posts.small > li {
	width: 370px;
	border-radius: 4px;
}

.posts.small figure {
	width: 370px;
	height: 245px;
}

.posts.small > li > article {
	padding: 30px 15px;
}

.posts.small h5 {
	font-size: 1.125em; /* 18px / 16px */
}

.posts.small > li p {
	margin-bottom: 35px;
	font-size: 0.8125em; /* 13px / 16px */
	line-height: 22px;
}

/*------------------
  12.1.2 POST DATA
------------------*/
.count {
	float: left;
	margin: 12px 0 15px;
	color: #6f7077;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: 0.625em; /* 10px / 16px */
	text-transform: uppercase;
}

.comment.count:before {
	content: url('../images/comment-bubble.png');
	margin-right: 5px;
	position: relative;
	top: 1px;
}

.likes.count {
	margin-top: 10px;
}

.likes.count:before {
	content: url('../images/comment-like.png');
	margin: 0 5px 0 15px;
	position: relative;
	top: 1px;
}

/*-------------------
  12.1.3 OPEN POST
-------------------*/
.posts.open > li {
	padding-bottom: 60px;
	border-bottom: 1px solid #e5e5e5;
}

.posts.open .count {
	margin-bottom: 30px;
}

.posts h4 {
	clear: both;
	margin: 55px 0 20px;
	color: #2e3141;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
}

.posts .one-column {
	width: 32%;
	float: left;
	clear: none;
	margin-right: 1.7%;
}

.posts .one-column.last {
	margin-right: 0;
}

.posts .bullets {
	margin: 0 0 30px 8%;
}

.posts .bullets > li {
	margin-bottom: 20px;
	color: #424242;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.875em; /* 14px / 16px */
	font-weight: 300;
}

.posts .bullets > li:last-child {
	margin-bottom: 0;
}

.posts .bullets > li:before {
	content: url('../images/blog/check-mark.png');
	margin-right: 15px;
}

/*---------------------
  12.1.3.1 POST QUOTE
---------------------*/
.posts .quote {
	width: 73.5%;
	margin: 60px auto 50px;
	font-size: 16px;
	text-align: center;
	font-style: italic;
	position: relative;
}

.posts .quote:before,
.posts .quote:after {
	position: absolute;
	top: 0;
}

.posts .quote:before {
	content: url('../images/blog/quote-left.png');
	left: -14.5%;
}

.posts .quote:after {
	content: url('../images/blog/quote-right.png');
	right: -14.5%;
}

/*---------------------
  12.1.3.2 POST TAGS
---------------------*/
#post-tags,
#post-tags h6,
#post-tags .tag-items {
	float: left;
}

#post-tags {
	width: 57.4%;
	margin-right: 100px;
}

#post-tags h6 {
	font-size: 0.875em; /* 14px / 16px */
	margin: 5px 10px 0 0;
}

/*---------------------
  12.1.3.3 POST SHARE
---------------------*/
#share,
#share h6,
#share .social-links {
	float: left;
}

#share h6 {
	font-size: 0.875em; /* 14px / 16px */
	margin: 6px 8px 0 0;
}

#share .social-links > li {
	margin-right: 10px;
}

#share .social-links > li > a {
	border: 1px solid #e5e5e5;
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
}

#share .social-links.small > li.fb > a {
	background: url('../images/social-fb-small-g.png') no-repeat center;
}

#share .social-links.small > li.twt > a {
	background: url('../images/social-tweet-small-g.png') no-repeat center;
}

#share .social-links.small > li.gplus > a {
	background: url('../images/social-gplus-small-g.png') no-repeat center;
}

#share .social-links.small > li.fb > a:hover {
	background: url('../images/social-fb-small.png') no-repeat center;
}

#share .social-links.small > li.twt > a:hover {
	background: url('../images/social-tweet-small.png') no-repeat center;
}

#share .social-links.small > li.gplus > a:hover {
	background: url('../images/social-gplus-small.png') no-repeat center;
}

#share .social-links > li > a:hover {
	border-color: #29c7ab;
}

/***************************************/
/* 13. CONTACT */
/***************************************/
#contact-wrap {
	background-color: #fff;
}

#contact {
	padding: 90px 0 120px;
}

#contact > article {
	width: 970px;
	margin: 0 auto;
}

#contact .contact-items > li {
	padding: 10px 0 0 35px;
	margin-bottom: 20px;
}

#contact .contact-items > li h6 {
	margin-bottom: 15px;
}

#contact .contact-items > li p a {
	color: #424242;
}

#contact .contact-items > li p a:hover {
	color: #29c7ab;
}

#contact .contact-items > li img[alt="ctc-option"] {
	top: 8px;
	left: 11px;
}

#contact .contact-items > li:last-child img[alt="ctc-option"] {
	top: 11px;
}

/*--------------------
  13.1 CONTACT FORM
--------------------*/
#contact form {
	float: left;
	width: 570px;
}

#contact form textarea {
	height: 185px;
}

#contact form button {
	width: 100%;
}

/*--------------------
  13.2 CONTACT INFO
--------------------*/
#contact .info {
	float: right;
	width: 370px;
}

#contact .info > p {
	margin: 15px 0 25px;
}

/*--------------------
  13.3 CONTACT ITEMS
--------------------*/
.contact-items > li {
	position: relative;
}

.contact-items > li:last-child {
	margin-bottom: 0;
}

.contact-items > li img[alt="ctc-option"] {
	position: absolute;
}

/***************************************/
/* 14. MAP */
/***************************************/
#map {height: 400px;}

/***************************************/
/* 15. FOOTER */
/***************************************/
/*-------------------
  15.1 FOOTER TOP
-------------------*/
#footer-top-wrap {
	background-color: #1e202a;
}

#footer-top {
	padding: 65px 0;
	overflow: hidden;
}

#footer-top > article {
	float: left;
	width: 270px;
	margin-right: 30px;
}

#footer-top > article:last-child {
	margin-right: 0;
}

#footer-top h5 {
	color: #fff;
}

#footer-top h5 + hr {
	width: 30px;
	height: 0;
	border-bottom: 2px solid #29c7ab;
	margin: 20px 0 35px;
}

#footer-top p {
	color: #d2d2d2;
}

#footer-top p span {
	color: #f0f0f0;
	font-weight: 600;
}

#footer-top a:hover {
	color: #29c7ab;
}

/*-----------------------
  15.1.1 ABOUT WIDGET
-----------------------*/
#footer-top .about-w h5 + hr {
	margin-bottom: 30px;	
}

.about-w p {
	margin-bottom: 20px;
}

.about-w a {
	display: inline-block;
	color: #f0f0f0;
	font-family: 'Raleway', sans-serif;
	font-size: 0.8125em; /* 13px / 16px */
	font-weight: 700;
	margin-top: 10px;
}

/*-----------------------
  15.1.2 CONTACT WIDGET
-----------------------*/
.contact-w .contact-items > li {
	margin-bottom: 25px;
	padding-left: 45px;
}

.contact-w .contact-items > li:last-child {
	margin-bottom: 0;
}

.contact-w .contact-items > li h6 {
	margin-bottom: 5px;
	color: #f0f0f0;
	font-size: 0.8125em; /* 13px / 16px */
}

.contact-w .contact-items > li p a {
	color: #d2d2d2;
}

.contact-w .contact-items > li img[alt="ctc-option"] {
	top: -4px;
	left: 8px;
}

.contact-w .contact-items > li:last-child img[alt="ctc-option"] {
	top: 0;
}

/*-----------------------
  15.1.3 POSTS WIDGET
-----------------------*/
#footer-top .posts-w h5 + hr {
	margin-bottom: 30px;
}

.posts-w > article {
	overflow: hidden;
	margin-bottom: 15px;
	border-bottom: 1px solid #393a41;
}

.posts-w > article:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

.posts-w .count {
	margin-top: 7px;
}

.posts-w .likes.count {
	margin-top: 5px;
}

.posts-w a {
	display: block;
	color: #f0f0f0;
	font-family: 'Raleway', sans-serif;
	font-size: 0.8125em; /* 13px / 16px */
	font-weight: 700;
	line-height: 22px;
}

/*-----------------------
  15.1.4 FLICKR WIDGET
-----------------------*/
.flickr-items > li {
	float: left;
	margin: 0 15px 15px 0;
}

.flickr-items > li:nth-child(3n+3) {
	margin-right: 0;
}

.flickr-items > li a {
	display: block;
	overflow: hidden;
	position: relative;
	width: 80px;
	height: 80px;
	border: 4px solid #393a41;
}

.flickr-items > li a:hover div {
	left: 0;
	opacity: 1;
}

.flickr-items > li a div {
	position: absolute;
	top: 0;
	left: -72px;
	width: 72px;
	height: 72px;
	background-color: rgba(33,218,185,.85);
	opacity: 0;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}

.flickr-items > li a div img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -9px 0 0 -9px;
}

.flickr-items > li figure {
	width: 72px;
	height: 72px;
}

/*---------------------
  15.2 FOOTER BOTTOM
---------------------*/
#footer-bottom-wrap {
	background-color: #0e111e;
}

#footer-bottom {
	min-height: 70px;
	overflow: hidden;
}

#footer-bottom h6 {
	float: left;
	line-height: 70px;
	color: #fff;
	font-size: 0.8125em; /* 13px / 16px */
	font-weight: 500;
}

#footer-bottom h6 span {
	color: #29c7ab;
}

#footer-bottom .social-links {
	float: right;
	margin-top: 20px;
	width: 255px;
}

/***************************************/
/* 16. CONTENT HEADER */
/***************************************/
#content-header-wrap {
	background: url('../images/content-header-bg.jpg') no-repeat center;
	background-size: cover;
}

#content-header {
	min-height: 200px;
	padding-top: 75px;
}

#content-header h3 {
	font-size: 2.25em; /* 36px / 16px */
	text-transform: none;
}

#content-header h3 span {
	font-weight: 300;
}

#content-header h3 span:last-child {
	color: #29c7ab;
}

#content-header h6 {
	color: #fff;
	font-size: 0.875em; /* 14px / 16px */
	font-weight: 300;
	margin-top: 8px;
}

#content-header h6 span {
	color: #29c7ab;
}

/***************************************/
/* 17. BLOG */
/***************************************/
#blog-wrap {
	background-color: #fff;
}

#blog {
	padding: 90px 0 140px;
}

/*---------------
  17.1 POSTS
---------------*/
#posts {
	float: right;
	width: 74.4%; /* 870px / 1170px */
}

#posts .posts.medium > li {
	margin-bottom: 60px;
}

#posts .posts.medium > li:last-child {
	margin-bottom: 50px;
}

/*-------------------
  17.2 POSTS WIDGET
-------------------*/
#posts-w {
	float: left;
	width: 23%; /* 270px / 1170px */
}

#posts-w > form {
	position: relative;
	margin-bottom: 55px;
}

#posts-w > article > h6 {
	font-size: 1.25em; /* 20px / 16px */
	letter-spacing: 0.05em;
}

#posts-w > article > h6 span {
	font-weight: 500;
}

#posts-w > article > h6 + hr {
	width: 30px;
	height: 0;
	border-bottom: 2px solid #29c7ab;
	margin: 15px 0 30px;
}

/*-----------------
  17.2.1 SEARCH
-----------------*/
#posts-w #search {
	height: 45px;
	padding-right: 65px;
	margin: 0;
}

#posts-w #search + input[type="image"] {
	position: absolute;
	right: 0;
	top: 0;
}

/*-------------------
  17.2.2 CATEGORIES
-------------------*/
#categories {
	margin-bottom: 40px;
}

#posts-w #categories > h6 + hr {
	margin-bottom: 20px;
}

/*------------------------
  17.2.2.1 LIST ITEMS
------------------------*/
.list-items > li {
	border-bottom: 1px solid #e5e5e5;
}

.list-items > li:last-child {
	border-bottom: none;
}

.list-items > li > a {
	display: block;
	color: #757780;
	font-family: 'Raleway', sans-serif;
	font-size: 0.8125em; /* 13px / 16px */
	font-weight: 700;
	line-height: 40px;
}

.list-items > li > a > span {
	float: right;
	color: #29c7ab;
}

.list-items > li > a:hover {
	color: #29c7ab;
}

/*----------------------
  17.2.3 POPULAR POSTS
----------------------*/
.posts-w.popular {
	margin-bottom: 30px;	
}

.posts-w.popular > article {
	border-bottom-color: #e5e5e5;
	margin-bottom: 10px;
}

.posts-w.popular > article > a {
	color: #757780;
}

.posts-w.popular > article > a:hover {
	color: #29c7ab;
}

.posts-w.popular .count {
	color: #b2b2b2;
}

/*---------------
  17.2.4 TAGS
---------------*/
#tags {
	margin-bottom: 50px;
	overflow: hidden;
}

/*--------------------
  17.2.4.1 TAG ITEMS
--------------------*/
.tag-items > li {
	float: left;
	margin: 0 5px 5px 0;	
}

.tag-items > li:last-child {
	margin-right: 0;
}

.tag-items > li > a {
	display: block;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	padding: 5px 10px;
	color: #757780;
	font-family: 'Raleway', sans-serif;
	font-size: 0.8125em; /* 13px / 16px */
	font-weight: 700;
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
}

.tag-items > li > a:hover {
	color: #fff;
	background-color: #29c7ab;
	border-color: #29c7ab;
}

/*-------------------
  17.2.5 NEWSLETTER
-------------------*/
#newsletter {
	margin-bottom: 55px;
}

#newsletter form {
	position: relative;
	margin-top: 20px;
}

#newsletter form input[type="text"] {
	height: 45px;
	margin: 0;
	padding-right: 65px;	
}

#newsletter form input[type="image"] {
	position: absolute;
	top: 0;
	right: 0;
}

/*---------------------
  17.2.6 NEWS ARCHIVE
---------------------*/
#posts-w #news-archive > h6 + hr {
	margin-bottom: 20px;
}

/*----------------
  17.3 COMMENTS
----------------*/
#comments {
	overflow: hidden;
	margin-bottom: 90px;
}

#comments h2 {
	text-align: left;
	margin: 0;
	font-weight: 700;
}

#comments h2 span {
	font-weight: 400;
}

#comments h2 + hr {
	margin: 25px 0 50px;
}

/*---------------------
  17.3.1 COMMENT LIST
---------------------*/
.comments > li {
	padding: 5px 0 0 40px;
	margin-bottom: 55px;
	position: relative;
}

.comments > li:last-child {
	margin-bottom: 60px;
}

.comments > li > figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 80px;
}

.comments h6 {
	float: left;
	margin-bottom: 15px;
	margin-left: 60px;
}

.comments span.timestamp {
	float: left;
	color: #b2b2b2;
	font-family: 'Raleway', sans-serif;
	font-size: 0.625em; /* 10px / 16px */
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.comments span.timestamp:before {
	content: url('../images/blog/clock-small-icon.png');
	position: relative;
	top: 2px;
	margin: 0 5px 0 15px;
}

.comments > li > a {
	float: right;
	color: #2e3141;
	font-family: 'Raleway', sans-serif;
	font-size: 0.75em; /* 12px / 16px */
	font-weight: 700;
}

.comments > li > a:hover {
	color: #29c7ab;
}

.comments p {
	clear: both;
	font-size: 0.875em; /* 14px / 16px */
	line-height: 24px;
	margin-left: 60px;
}

.comments .comments li {
	margin-top: 55px;
}

/*-------------------
  17.4 COMMENT FORM
-------------------*/
#comment-form h2 {
	text-align: left;
	margin: 0;
	font-weight: 700;
}

#comment-form h2 + hr {
	margin: 25px 0 50px;
}

#comment-form form {
	overflow: hidden;
	position: relative;
}

#comment-form input[type="text"] {
	float: left;
	clear: left;
	width: 42.5%;
}

#comment-form textarea {
	position: absolute;
	top: 0;
	right: 0;
	width: 54%;
	height: 200px;
}

#comment-form button {
	width: 270px;
}

/***************************************/
/* 18. FLOORPLAN */
/***************************************/
#floorplan-wrap {
	background-color: #fff;
}

#floorplan {
	padding: 90px 0 100px;
}

#floorplan figure {
	width: 100%;
	margin-bottom: 50px;
}

#floorplan .button {
	margin: 40px auto 0;
	width: 430px;
	line-height: 50px;
}

/*-------------------
  18.1 FLOOR SPOTS
-------------------*/
.floor-spots {
	width: 970px;
	margin: 0 auto;
	overflow: hidden;
}

.floor-spots > li {
	float: left;
	width: 170px;
	height: 30px;
	margin: 0 30px 20px 0;
}

.floor-spots > li:nth-child(5n+5) {
	margin-right: 0;
}

.floor-spots div {
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 8px;
	border-radius: 50%;
	background-color: #29c7ab;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 0.6875em; /* 11px / 16px */
	font-weight: 700;
	line-height: 30px;
	text-align: center;
}

.floor-spots div.special {
	background-color: #553b68;
}

.floor-spots p {
	color: #2e3141;
	font-family: 'Raleway', sans-serif;
	font-size: 0.6875em; /* 11px / 16px */
	font-weight: 700;
	line-height: 30px;
}

/***************************************/
/* 19. SUBSCRIBE */
/***************************************/
#subscribe-wrap {
	background: url('../images/subscribe-bg.jpg') no-repeat center;
	background-size: cover;
}

#subscribe {
	min-height: 350px;
	padding: 65px 0 90px;
}

#subscribe h2 {
	color: #fff;
	font-size: 1.5em; /* 24px / 16px */
	font-weight: 700;
}

#subscribe h2 span {
	color: #fff;
	font-weight: 400;
}

#subscribe h2 + hr {
	margin: 18px auto;
	border-bottom-color: #fff;
}

#subscribe p {
	width: 430px;
	margin: 0 auto;
	color: #fff;
	font-size: 0.75em; /* 12px / 16px */
	font-weight: 400;
	line-height: 20px;
	text-align: center;
}

#subscribe form {
	position: relative;
	width: 420px;
	margin: 38px auto 0;
}

#subscribe form input[type="text"] {
	height: 45px;
	padding-right: 70px;
	border-radius: 400px;
	margin: 0;
}

#subscribe form input[type="image"] {
	position: absolute;
	top: 0;
	right: -2px;
}

/***************************************/
/* 20. SPECIAL GUESTS */
/***************************************/
#special-guests-wrap {
	background-color: #fff;
}

#special-guests {
	padding: 90px 0 140px;
}

#special-guests p.featured {
	width: 70.9%;
	margin: 30px auto 0;
}

#special-guests p.featured span {
	color: #2e3141;
	font-family: 'Raleway', sans-serif;
	font-size: 1.076923076923077em; /* 14px / 13px */
	font-weight: 700;
}

#special-guests .social-links > li > a {
	border: 1px solid #e5e5e5;
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
}

#special-guests .social-links.small > li.fb > a {
	background: url('../images/social-fb-small-g.png') no-repeat center;
}

#special-guests .social-links.small > li.twt > a {
	background: url('../images/social-tweet-small-g.png') no-repeat center;
}

#special-guests .social-links.small > li.gplus > a {
	background: url('../images/social-gplus-small-g.png') no-repeat center;
}

#special-guests .social-links.small > li.fb > a:hover {
	background: url('../images/social-fb-small.png') no-repeat center;
}

#special-guests .social-links.small > li.twt > a:hover {
	background: url('../images/social-tweet-small.png') no-repeat center;
}

#special-guests .social-links.small > li.gplus > a:hover {
	background: url('../images/social-gplus-small.png') no-repeat center;
}

#special-guests .social-links > li > a:hover {
	border-color: #29c7ab;
}

/*-------------------
  20.1 GUEST STARS
-------------------*/
.guest-stars > li {
	float: left;
	width: 48.7%;
	margin-bottom: 50px;
	position: relative;
}

.guest-stars > li:first-child {
	width: 100%;
}

.guest-stars > li:nth-child(odd) {
	float: right;
}

.guest-stars figure {
	width: 200px;
	height: 200px;
	float: left;
	margin-right: 25px;
}

.guest-stars h5 {
	margin-top: 15px;
	font-size: 1.375em; /* 22px / 16px */
}

.guest-stars h6 {
	margin: 10px 0 15px;
	color: #29c7ab;
	font-size: 0.625em; /* 10px / 16px */
	text-transform: uppercase;
}

.guest-stars p {
	margin-bottom: 20px;
}

/***************************************/
/* 21. TIMELINE */
/***************************************/
#timeline-wrap {
	background-color: #f4f4f4;
}

#timeline {
	padding: 90px 0 140px;
}

#timeline .button {
	width: 430px;
	line-height: 50px;
	margin: 60px auto 0;
}

/*----------------------
  21.1 TIMELINE STYLE
----------------------*/
.xmtimeline {
	text-align: center;
	overflow: hidden;
	font-family: 'Raleway', sans-serif;
}

/*-----------------------
  21.1.1 DATE & LOADER
-----------------------*/
.xmtimeline .date,
.xmtimeline .loader {
	display: inline-block;
	border-radius: 400px;
	color: #fefefe;
	font-size: 0.75em; /* 12px / 16px */
	font-weight: 700;
	line-height: 40px;
	text-transform: uppercase;
	text-align: center;
}

.xmtimeline .date {
	padding: 0 40px;
	background-color: #29c7ab;
}

.xmtimeline .loader {
	cursor: pointer;
	padding: 0 75px;
	background-color: #474b60;
	transition: background-color .4s ease-in-out;
	-webkit-transition: background-color .4s ease-in-out;
}

.xmtimeline .loader:hover {
	background-color: #303445;
}

.xmtimeline .loader.end {
	cursor: auto;
}

.xmtimeline .loader.end:hover {
	background-color: #474b60;
}

/*-------------------
  21.1.2 BULLETS
-------------------*/
.xmtimeline .bullet {
	position: absolute;
	border-radius: 50%;
	background-color: #fff;
	border-color: #543c67;
	border-style: solid;
}

.xmtimeline .bullet.small {
	width: 20px;
	height: 20px;
	border-width: 6px;
	top: 3px;
}

.xmtimeline .bullet.big {
	width: 30px;
	height: 30px;
	border-width: 8px;
	top: -2px;
}

.xmtimeline .column.left .bullet {
	right: -30.5%;
}

.xmtimeline .column.right .bullet {
	left: -30.5%;
}

.xmtimeline .column.left .bullet.small {
	margin-right: -10px;
}

.xmtimeline .column.left .bullet.big {
	margin-right: -15px;
}

.xmtimeline .column.right .bullet.small {
	margin-left: -10px;
}

.xmtimeline .column.right .bullet.big {
	margin-left: -15px;
}

/*------------------
  21.1.3 COLUMNS
------------------*/
.xmtimeline .column-wrap {
	overflow: hidden;
}

.xmtimeline .column {
	width: 50%;
	/* Two Column Fix */
	padding: 50px 0 1000px;
	margin-bottom: -1000px;
}

.xmtimeline .column.left {
	float: left;
}

.xmtimeline .column.right {
	float: right;
}

/*------------------
  21.1.4 EVENTS
------------------*/
.xmtimeline .event {
	width: 74.35%;
	margin-bottom: 50px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
}

.xmtimeline .event.left {
	float: left;
}

.xmtimeline .event.right {
	float: right;
}

.xmtimeline .column .event.first {
	margin-top: 70px;
}

.xmtimeline .event .time {
	position: absolute;
	top: 10px;
	width: 90px;
	padding-left: 11px;
	border-radius: 400px;
	background-color: #543c67;
	color: #fff;
	font-size: 0.75em; /* 12px / 16px */
	font-weight: 700;
	line-height: 26px;
	text-align: center;
	text-transform: uppercase;
	text-align: left;
}

.xmtimeline .event.left .time {
	right: -125px;
}

.xmtimeline .event.right .time {
	left: -125px;
}

.xmtimeline .event .time .arrow {
	position: absolute;
	top: 12px;
}

.xmtimeline .event .time .arrow.right:before {
	content: url('../images/timeline-arrow.png');
}

.xmtimeline .event .time .arrow.right {
	left: -35px;
}

.xmtimeline .event .time .arrow.left:before {
	content: url('../images/timeline-arrow-left.png');
}

.xmtimeline .event .time .arrow.left {
	right: -35px;
}

.xmtimeline .event .time .value:before {
	content: url('../images/event-clock.png');
	position: relative;
	margin-right: 8px;
	top: 2px;
}

.xmtimeline .event .body {
	text-align: left;
	background-color: #fff;
	padding: 15px 15px 25px;
}

.xmtimeline .event .body img,
.xmtimeline .event .body iframe {
	width: 100%;
	margin-bottom: 15px;
}

.xmtimeline .event .body iframe {
	height: 240px;
}

.xmtimeline .event .body .content {
	padding: 10px 5px 0;
}

.xmtimeline .event .subtitle {
	margin-top: 10px;
	color: #29c7ab;
	font-size: 0.625em; /* 10px / 16px */
	text-transform: uppercase;
}

.xmtimeline .event .description {
	margin-top: 15px;
}

.xmtimeline .event .description + .title,
.xmtimeline .event .subtitle + .title {
	margin-top: 20px;
}

/*--------------------------
  21.2 TIMELINE ANIMATIONS
--------------------------*/
.xmtimeline .event.slide-l {
	animation: xm-slide-l .6s ease-in-out forwards;
	-webkit-animation: xm-slide-l .6s ease-in-out forwards;
}

.xmtimeline .event.slide-r {
	animation: xm-slide-r .6s ease-in-out forwards;
	-webkit-animation: xm-slide-r .6s ease-in-out forwards;
}

.xmtimeline .event.scale {
	animation: xm-scale .8s ease-in-out forwards;
	-webkit-animation: xm-scale .8s ease-in-out forwards;
}

@keyframes xm-slide-l {
	0% {
		opacity: 0;
		transform: translate(-100%,0);
	}
	100% {
		opacity: 1;
		transform: translate(0,0);
	}
}

@-webkit-keyframes xm-slide-l {
	0% {
		opacity: 0;
		-webkit-transform: translate(-100%,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0,0);
	}
}

@keyframes xm-slide-r {
	0% {
		opacity: 0;
		transform: translate(100%,0);
	}
	100% {
		opacity: 1;
		transform: translate(0,0);
	}
}

@-webkit-keyframes xm-slide-r {
	0% {
		opacity: 0;
		-webkit-transform: translate(100%,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0,0);
	}
}

@keyframes xm-scale {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	100% {
		opacity: 1;
		transform: scale(100%);
	}
}

@-webkit-keyframes xm-scale {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(100%);
	}
}

/***************************************/
/* 22. GALLERY */
/***************************************/
#gallery-wrap {
	background-color: #fff;
}

#gallery {
	padding: 90px 0 140px;
}

#gallery #pager {
	width: 220px;
	margin: 50px auto 0;
	overflow: hidden;
}

/*--------------------
  22.1 GALLERY ITEMS
--------------------*/
.gallery-items {
	overflow: hidden;
}

.gallery-items > li {
	float: left;
	width: 25%;
	height: 280px;
	position: relative;
}

.gallery-items figure {
	height: 280px;
}

.gallery-items .fill {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: background-color .5s ease-in-out;
	-webkit-transition: background-color .5s ease-in-out;
}

.gallery-items img[alt="plus-icon"] {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -12px 0 0 -12px;
}

.gallery-items > li:hover .fill {
	background-color: rgba(33,218,185,.85);
}

.gallery-items > li:hover .fill img[alt="plus-icon"] {
	animation: rotate .6s ease-in-out forwards;
	-webkit-animation: rotate .6s ease-in-out forwards;
}

/***************************************/
/* 23. ANIMATIONS */
/***************************************/
@keyframes rotate {
	0% {
		opacity: 0;
		transform: rotate(0deg);
	}
	100% {
		opacity: 1;
		transform: rotate(360deg);
	}
}

@-webkit-keyframes rotate {
	0% {
		opacity: 0;
		-webkit-transform: rotate(0deg);
	}
	100% {
		opacity: 1;
		-webkit-transform: rotate(360deg);
	}
}

/*--------------------------
  23.1 LIGHTBOX ANIMATION 
--------------------------*/
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: .95;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}


/*-------------------------
  23.2 LOADING ANIMATION 
-------------------------*/
@keyframes loader {
  0% {
    transform: rotate(0deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #29c7ab, -0.11em -0.83em 0 -0.42em #29c7ab, -0.11em -0.83em 0 -0.44em #29c7ab, -0.11em -0.83em 0 -0.46em #29c7ab, -0.11em -0.83em 0 -0.477em #29c7ab;
  }
  5%,
  95% {
    box-shadow: -0.11em -0.83em 0 -0.4em #29c7ab, -0.11em -0.83em 0 -0.42em #29c7ab, -0.11em -0.83em 0 -0.44em #29c7ab, -0.11em -0.83em 0 -0.46em #29c7ab, -0.11em -0.83em 0 -0.477em #29c7ab;
  }
  30% {
    box-shadow: -0.11em -0.83em 0 -0.4em #29c7ab, -0.51em -0.66em 0 -0.42em #29c7ab, -0.75em -0.36em 0 -0.44em #29c7ab, -0.83em -0.03em 0 -0.46em #29c7ab, -0.81em 0.21em 0 -0.477em #29c7ab;
  }
  55% {
    box-shadow: -0.11em -0.83em 0 -0.4em #29c7ab, -0.29em -0.78em 0 -0.42em #29c7ab, -0.43em -0.72em 0 -0.44em #29c7ab, -0.52em -0.65em 0 -0.46em #29c7ab, -0.57em -0.61em 0 -0.477em #29c7ab;
  }
  100% {
    transform: rotate(360deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #29c7ab, -0.11em -0.83em 0 -0.42em #29c7ab, -0.11em -0.83em 0 -0.44em #29c7ab, -0.11em -0.83em 0 -0.46em #29c7ab, -0.11em -0.83em 0 -0.477em #29c7ab;
  }
}

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #29c7ab, -0.11em -0.83em 0 -0.42em #29c7ab, -0.11em -0.83em 0 -0.44em #29c7ab, -0.11em -0.83em 0 -0.46em #29c7ab, -0.11em -0.83em 0 -0.477em #29c7ab;
  }
  5%,
  95% {
    box-shadow: -0.11em -0.83em 0 -0.4em #29c7ab, -0.11em -0.83em 0 -0.42em #29c7ab, -0.11em -0.83em 0 -0.44em #29c7ab, -0.11em -0.83em 0 -0.46em #29c7ab, -0.11em -0.83em 0 -0.477em #29c7ab;
  }
  30% {
    box-shadow: -0.11em -0.83em 0 -0.4em #29c7ab, -0.51em -0.66em 0 -0.42em #29c7ab, -0.75em -0.36em 0 -0.44em #29c7ab, -0.83em -0.03em 0 -0.46em #29c7ab, -0.81em 0.21em 0 -0.477em #29c7ab;
  }
  55% {
    box-shadow: -0.11em -0.83em 0 -0.4em #29c7ab, -0.29em -0.78em 0 -0.42em #29c7ab, -0.43em -0.72em 0 -0.44em #29c7ab, -0.52em -0.65em 0 -0.46em #29c7ab, -0.57em -0.61em 0 -0.477em #29c7ab;
  }
  100% {
    -webkit-transform: rotate(360deg);
    box-shadow: -0.11em -0.83em 0 -0.4em #29c7ab, -0.11em -0.83em 0 -0.42em #29c7ab, -0.11em -0.83em 0 -0.44em #29c7ab, -0.11em -0.83em 0 -0.46em #29c7ab, -0.11em -0.83em 0 -0.477em #29c7ab;
  }
}

/***************************************/
/* 24. MEDIA QUERIES */
/***************************************/
@media screen and (max-width: 1320px) { 
	/*-------------
	  3. HEADER
	-------------*/
	header {
		min-height: 600px;
		padding: 80px 0;
	}

	header img[alt="header-img"] {
		display: none;
	}

	header > article {
		width: 100%;
		margin: 0;
		text-align: center;
	}

	header > article > .button.violet {
		margin-left: 0;
	}

	/*---------------
	  3.1 COUNTDOWN
	---------------*/
	header #countdown {
		margin: 100px auto 0;
	}

	/*-----------------
	  5.1 ABOUT ITEMS
	-----------------*/
	.about-items {
		width: 620px;
	}

	.about-items > li {
		margin-right: 80px;
	}

	.about-items > li:nth-child(even) {
		margin-right: 0;
	}

	/*-----------------
	  6.1 NEWS ITEMS
	-----------------*/
	#news-wrap {
		background-size: auto;
	}
	
	.news-items {
		width: 600px;
	}

	.news-items > li {
		margin: 0 60px 40px 0;
	}

	.news-items > li:nth-child(2n+2) {
		margin-right: 0;
	}

	/*-------------------
	  7.1 GUESTS ITEMS
	-------------------*/
	.guests-items {
		width: 600px;
	}

	.guests-items > li {
		margin-right: 60px;
	}

	.guests-items > li:nth-child(even) {
		margin-right: 0;
	}

	/*-------------------
	  8. PROMO
	-------------------*/
	#promo img[alt="promo-img"] {
		display: none;
	}

	#promo > article {
		width: 80%;
		margin: 0 auto;
	}

	/*---------------------
	  11.1 SPONSORS ITEMS
	---------------------*/
	.sponsors-items {
		width: 591px;
	}

	.sponsors-items > li {
		float: none;
	}

	.sponsors-items img[alt="sponsor4"] {
		margin-right: 10px;
	}

	/*----------------
	  12. BLOG NEWS
	----------------*/
	#blog-news {
		padding-bottom: 100px;
	}

	#blog-news .posts {
		width: 370px;
	}

	#blog-news .posts > li {
		margin: 0 0 40px 0;
	}

	/*-------------------
	  15.1 FOOTER TOP
	-------------------*/
	#footer-top {
		width: 690px;
		padding-bottom: 15px;
	}

	#footer-top > article {
		margin: 0 150px 60px 0;
	}

	#footer-top > article:nth-child(even) {
		margin-right: 0;
	}

	/*-------------------
	  21.1.2 BULLETS
	-------------------*/
	.xmtimeline .bullet {
		display: none;
	}
}

@media screen and (max-width: 1150px) { 
	/*----------------
	  4. NAVIGATION
	----------------*/
	#main-nav {
		width: 100%;
		min-height: 115px;
		padding-top: 40px;
		overflow: hidden;
	}

	#nav-wrap.sticky #main-nav {
		width: 100%;
		min-height: 80px;
		padding-top: 15px;
		overflow: hidden;
	}

	#main-nav > h4,
	#nav-wrap.sticky #main-nav > h4 {
		float: none;
		position: static;
		text-align: center;
		margin: 0 0 50px;
	}

	#nav-wrap.sticky #main-nav > h4 {
		margin: 0 0 40px;
	}

	#main-nav .arrow {
		display: none;
	}

	/*----------------
	  4.1 MAIN MENU
	----------------*/
	#main-nav > ul,
	#nav-wrap.sticky #main-nav > ul {
		float: none;
		display: none;
		position: static;
	}

	#main-nav > ul > li,
	#nav-wrap.sticky #main-nav > ul > li {
		float: none;
		height: auto;
	}

	#main-nav > ul > li > a,
	#main-nav > ul > li > ul > li > a,
	#nav-wrap.sticky #main-nav > ul > li > a,
	#nav-wrap.sticky #main-nav > ul > li > ul > li > a {
		padding: 0;
		line-height: 45px;
		text-align: center;
	}

	#main-nav a#pull {
		display: block;
		width: 26px;
		height: 15px;
		position: absolute;
		top: 80px;
		left: 50%;
		margin-left: -13px;
	}

	#nav-wrap.sticky #main-nav a#pull {
		top: 50px;
	}

	/*---------------
	  4.2 SUBMENU
	---------------*/
	#main-nav > ul > li > ul,
	#nav-wrap.sticky #main-nav > ul > li > ul {
		width: 100%;
		position: static;
	}

	#main-nav > ul > li > ul > li,
	#nav-wrap.sticky #main-nav > ul > li > ul > li {
		height: auto;
	}

	/*-------------------
	  10.1 TICKET ITEMS
	-------------------*/
	.ticket-items {
		width: 270px;
	}

	.ticket-items > li {
		margin: 0 0 60px 0;
	}

	.ticket-items > li.medium {
		position: relative;
		left: -50px;
	}

	/*---------------
	  13. CONTACT 
	---------------*/
	#contact > article {
		width: 80%;
	}

	#contact form,
	#contact .info {
		float: none;
		width: 100%;
	}

	#contact .info {
		margin-bottom: 40px;
	}

	/*-------------------
	  18.1 FLOOR SPOTS
	-------------------*/
	.floor-spots {
		width: 570px;
	}

	.floor-spots > li:nth-child(5n+5) {
		margin-right: 30px;
	}

	.floor-spots > li:nth-child(3n+3) {
		margin-right: 0;
	}

	/*-------------------
	  20.1 GUEST STARS
	-------------------*/
	.guest-stars > li {
		width: 100%;
	}
}

@media screen and (max-width: 925px) { 
	/*-------------
	  3. HEADER
	-------------*/
	header {
		padding-bottom: 20px;
	}

	/*---------------
	  3.1 COUNTDOWN
	---------------*/
	header #countdown {
		width: 300px;
	}

	header #countdown > div {
		margin-right: 40px;
		margin-bottom: 30px;
	}

	header #countdown > div:nth-child(2n+2) {
		margin-right: 0;
	}

	header #countdown > div.minutes {
		clear: left;
	}

	/*-----------------
	  5.1 ABOUT ITEMS
	-----------------*/
	.about-items {
		width: 580px;
	}

	.about-items > li {
		margin-right: 40px;
	}

	/*-----------------
	  6.1 NEWS ITEMS
	-----------------*/
	.news-items {
		width: 580px;
	}

	.news-items > li {
		margin: 0 40px 40px 0;
	}

	/*-----------------
	  6.2 NEWS SLIDER
	-----------------*/
	#news-slider-wrap {
		bottom: 80px;
	}

	#news-slider p {
		font-size: 0.8125em; /* 13px / 16px */
	}

	/*--------------
	  9. SCHEDULE
	--------------*/
	#tab > li {
		width: 100%;
	}

	#tab > li > .item {
		top: 210px;
	}

	/*-------------------
	  15.1 FOOTER TOP
	-------------------*/
	#footer-top {
		width: 100%;
		padding-bottom: 75px;
	}

	#footer-top > article,
	#footer-top > article:nth-child(even) {
		float: none;
		margin: 0 auto 60px;
	}

	/*---------------
	  17. BLOG
	---------------*/
	#blog {
		position: relative;
		padding-top: 120px;
	}

	#posts,
	#posts-w {
		float: none;
		width: 95%;
		margin: 0 auto;
	}

	/*---------------
	  17.1 POSTS
	---------------*/
	#posts {
		margin-bottom: 50px;
		overflow: hidden;
	}

	/*-------------------
	  17.2 POSTS WIDGET
	-------------------*/
	#posts-w {
		margin: 0 auto;
	}

	#posts-w > form {
		position: absolute;	
		top: 30px;
		left: 50%;
		width: 95%;
		margin-left: -47.5%;
	}

	/*-------------------
	  17.2.2 CATEGORIES
	-------------------*/
	#categories {
		clear: left;
	}

	/*-------------------
	  20.1 GUEST STARS
	-------------------*/
	.guest-stars {
		width: 90%;
		margin: 0 auto;
	}

	.guest-stars > li {
		text-align: center;
	}

	.guest-stars figure {
		float: none;
		margin: 0 auto;
	}

	.guest-stars h5 {
		margin-top: 20px;
	}

	.guest-stars .social-links {
		width: 120px;
		margin: 0 auto;
	}

	/*--------------------
	  22.1 GALLERY ITEMS
	--------------------*/
	.gallery-items > li {
		width: 33.33333333333333%;
	}
}

@media screen and (max-width: 680px) { 
	/*-------------
	  3. HEADER
	-------------*/
	header h1 {
		font-size: 2.8125em; /* 45px / 16px */
	}

	header > article > .button {
		display: block;
		margin: 0 auto;
	}

	header > article > .button.violet {
		margin: 0 auto 25px;
	}

	/*-----------------
	  5.1 ABOUT ITEMS
	-----------------*/
	.about-items {
		width: 270px;
	}

	.about-items > li {
		margin-right: 0;
	}

	/*-----------------
	  6.1 NEWS ITEMS
	-----------------*/
	.news-items {
		width: 270px;
	}

	.news-items > li {
		margin: 0 0 40px 0;
	}

	/*-----------------
	  6.2 NEWS SLIDER
	-----------------*/
	#news-slider-wrap {
		bottom: 60px;
	}

	#news-slider p {
		width: 80%;
	}

	/*------------------------
	  6.3 NEWS SLIDER ARROWS
	------------------------*/
	#news-slider-wrap span.arrow img {
		width: 30px;
		height: 30px;
	}

	#news-slider-wrap span.arrow {
		top: 25px;
	}

	#news-slider-wrap span.arrow.left {
		left: -25px;
	}

	#news-slider-wrap span.arrow.right {
		right: -25px;
	}

	/*-------------------
	  7.1 GUESTS ITEMS
	-------------------*/
	.guests-items {
		width: 270px;
	}

	.guests-items > li {
		margin-right: 0;
	}

	/*--------------
	  8. PROMO
	--------------*/
	#promo > article {
		width: 90%;
	}

	/*-------------------
	  8.1 ACCORDION
	-------------------*/
	#accordion > li > a span {
		background-color: transparent;
	}

	/*--------------
	  9. SCHEDULE
	--------------*/
	#schedule .button {
		width: 80%;
		font-size: 0.8125em; /* 13px / 16px */
	}

	/*-----------
	  9.1 TAB
	-----------*/
	#tab > li > .item > article {
		padding-left: 0;
	}

	#tab > li > .item h6.timestamp {
		top: 20px;
	}

	#tab .event {
		padding-top: 110px;
	}

	#tab .event figure {
		left: 0;
	}

	/*---------------------
	  11.1 SPONSORS ITEMS
	---------------------*/
	#sponsors {
		padding: 40px 0;
	}

	.sponsors-items {
		width: 196px;
	}

	.sponsors-items img[alt="sponsor1"] {
		margin: 20px 14px;
	}

	.sponsors-items img[alt="sponsor2"] {
		margin: 20px 16px;
	}

	.sponsors-items img[alt="sponsor3"] {
		margin: 20px 12px;
	}

	.sponsors-items img[alt="sponsor4"] {
		margin: 20px 0;
	}

	.sponsors-items img[alt="sponsor5"] {
		margin: 20px;
	}

	.sponsors-items img[alt="sponsor6"] {
		margin: 20px 18px;
	}

	/*---------------------
	  15.2 FOOTER BOTTOM
	---------------------*/
	#footer-bottom {
		padding-bottom: 30px;
	}

	#footer-bottom h6 {
		float: none;
		text-align: center;
	}

	#footer-bottom .social-links {
		float: none;
		margin: 0 auto;
	}

	/*--------------------
	  16. CONTENT HEADER
	--------------------*/
	#content-header h3,
	#content-header h6 {
		text-align: center;
	}

	/*---------------------
	  17.3.1 COMMENT LIST
	---------------------*/
	.comments > li {
		padding: 5px 0 0 0;
	}

	.comments > li > figure {
		display: none;
	}

	.comments h6 {
		margin-left: 0;
	}

	.comments span.timestamp {
		clear: left;
	}

	.comments span.timestamp:before {
		margin: 0 5px 0 0;
	}

	.comments > li > a {
		margin-bottom: 10px;
	}

	.comments p {
		margin-left: 0;
	}

	.comments .comments li {
		padding-left: 20px;
	}

	/*-------------------
	  17.4 COMMENT FORM
	-------------------*/
	#comment-form form {
		overflow: hidden;
		position: relative;
	}

	#comment-form input[type="text"],
	#comment-form textarea {
		position: static;
		float: none;
		width: 100%;
	}

	#comment-form button {
		width: 270px;
	}

	/*-------------------
	  18. FLOORPLAN
	-------------------*/
	#floorplan .button {
		width: 90%;
	}

	/*-------------------
	  18.1 FLOOR SPOTS
	-------------------*/
	.floor-spots {
		width: 370px;
	}

	.floor-spots > li:nth-child(3n+3) {
		margin-right: 30px;
	}

	.floor-spots > li:nth-child(even) {
		margin-right: 0;
	}

	/*-------------------
	  19. SUBSCRIBE
	-------------------*/
	#subscribe p,
	#subscribe form {
		width: 80%;
	}

	/*-------------------
	  21. TIMELINE
	-------------------*/
	#timeline .button {
		width: 90%;
	}

	/*------------------
	  21.1.3 COLUMNS
	------------------*/
	.xmtimeline .column {
		width: 100%;
	}

	.xmtimeline .column.left {
		border-right: none !important;
	}

	/*------------------
	  21.1.4 EVENTS
	------------------*/
	.xmtimeline .event {
		width: 100%;
		overflow: hidden;
		padding-top: 40px;
		background-color: #fff;
	}

	.xmtimeline .column .event.first {
		margin-top: 0;
	}

	.xmtimeline .event .time {
		top: 15px;
	}

	.xmtimeline .event.left .time,
	.xmtimeline .event.right .time {
		left: 15px;
	}

	.xmtimeline .event .time .arrow {
		display: none;
	}
	
	/*--------------------
	  22.1 GALLERY ITEMS
	--------------------*/
	.gallery-items > li {
		width: 50%;
	}
}

@media screen and (max-width: 460px) { 
	/*---------------
	  3.1 COUNTDOWN
	---------------*/
	header #countdown {
		width: 130px;
	}

	header #countdown > div {
		margin-right: 0;
		clear: left;
	}

	/*-------------------
	  10.1 TICKET ITEMS
	-------------------*/
	.ticket-items {
		width: 260px;
	}

	.ticket-items > li.small,
	.ticket-items > li.medium {
		width: 260px;
		left: 0;
	}

	.ticket-items > li.medium h3:before {
		left: -5px;
	}

	.ticket-items > li.medium h3:after {
		right: -5px;
	}

	.ticket-items > li img[alt="ribbon-m"] {
		display: none;
	}

	.ticket-items > li img[alt="ribbon-s"] {
		display: block;
	}

	.ticket-items > li.medium h4 {
		top: 133px;
		left: 70px;
	}

	/*-------------------
	  10.2 CORNERS
	-------------------*/
	.ticket-items > li.medium .corner {
		width: 40px;
		height: 40px;
	}

	.ticket-items > li.medium .corner.lt,
	.ticket-items > li.medium .corner.rt {
		top: -20px;
	}

	.ticket-items > li.medium .corner.lb,
	.ticket-items > li.medium .corner.rb {
		bottom: -20px;
	}

	.ticket-items > li.medium .corner.lt,
	.ticket-items > li.medium .corner.lb {
		left: -20px;
	}

	.ticket-items > li.medium .corner.rt,
	.ticket-items > li.medium .corner.rb {
		right: -20px;
	}

	/*----------------
	  12. BLOG NEWS
	----------------*/
	#blog-news .posts {
		width: 95%;
	}

	#blog-news .posts > li {
		width: 100%;
	}

	#blog-news .posts > li figure {
		width: 100%;
	}

	/*---------------
	  13. CONTACT 
	---------------*/
	#contact > article {
		width: 90%;
	}

	/*--------------------
	  16. CONTENT HEADER
	--------------------*/
	#content-header {
		padding: 50px 0;
	}

	#content-header h3 {
		line-height: 1.2em;
	}

	#content-header h3 span {
		display: block;
	}

	/*-------------------
	  18. FLOORPLAN
	-------------------*/
	#floorplan .button {
		width: 100%;
		font-size: 0.6875em; /* 11px / 16px */
	}

	/*-------------------
	  18.1 FLOOR SPOTS
	-------------------*/
	.floor-spots {
		width: 170px;
	}

	.floor-spots > li {
		margin-right: 0;
	}

	/*-------------------
	  19. SUBSCRIBE
	-------------------*/
	#subscribe p,
	#subscribe form {
		width: 95%;
	}

	/*---------------------
	  20. SPECIAL GUESTS 
	---------------------*/
	#special-guests p.featured {
		width: 90%;
	}

	/*-------------------
	  21. TIMELINE
	-------------------*/
	#timeline .button {
		width: 100%;
		font-size: 0.6875em; /* 11px / 16px */
	}

	/*--------------------
	  22.1 GALLERY ITEMS
	--------------------*/
	.gallery-items > li {
		width: 100%;
	}
}