body {
	color:#000 !important;
}

h1,h2 {
	font-family: "Century Gothic", CenturyGothic, Avenir-Black, sans-serif !important;
	font-weight: 700!important;
	color:#000 !important;
}

h2.white-text {
	color:#fff!important;
}

.yellow-highlight {
	background-color:#ffd400!important;
    box-shadow:8px 0 0 #ffd400, -8px 0 0 #ffd400;
}

h3 {
	font-family: "Century Gothic", CenturyGothic, Avenir-Black, sans-serif !important;
	font-weight: 700!important;
	font-size: 3rem !important;
	line-height: 3.25rem!important;
}

h4 {
	font-family: "Century Gothic", CenturyGothic, Avenir-Black, sans-serif !important;
	display: inline;
	color:#000!important;
	font-weight: 700!important;
	font-size: 1.75rem !important;
	line-height: 3rem !important;
    padding: 5px 0;
    background-color: #ffd400;
    box-shadow:8px 0 0 #ffd400, -8px 0 0 #ffd400;
    position: relative;
    left:8px;
}

h4.red {
	background-color: #ff0000 !important;
	box-shadow:5px 0 0 #ff0000, -5px 0 0 #ff0000 !important;
}

h4.blue {
	background-color: #2398ff !important;
	box-shadow:5px 0 0 #2398ff, -5px 0 0 #2398ff !important;
}

h4.green {
	background-color: #00c129 !important;
	box-shadow:5px 0 0 #00c129, -5px 0 0 #00c129 !important;
}

h4.orange {
	background-color: #ff8226 !important;
	box-shadow:5px 0 0 #ff8226, -5px 0 0 #ff8226 !important;
}

h4.pink {
	background-color: #ff509a !important;
	box-shadow:5px 0 0 #ff509a, -5px 0 0 #ff509a !important;
}

h4.blank {
	background-color: none!important;
	box-shadow: none!important;
}

h5 {
	font-family: font-family: 'Gotham SSm 4r','Gotham SSm A','Gotham SSm B',Arial,Helvetica,sans-serif !important;
	font-weight: 500!important;
	font-size:.75rem !important;
	line-height: 1rem !important;

}

p, li {
	font-family: 'Gotham SSm 4r','Gotham SSm A','Gotham SSm B',Arial,Helvetica,sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0px;
    widows: 2;
    orphans: 2;
}

.text-dark p a, .text-dark li a {
	border-bottom: 2px #ffd400 solid;
	transition: all ease-in .15s;
	font-weight: 700!important;
	color:#000!important;
}

.text-dark p a.yellow-link {
	border-bottom: 2px #ff509a solid;
}

p a:hover, li a:hover, .text-dark p a.yellow-link:hover  {
	border-bottom: 2px #fff solid;
}

.text-light p a, .text-light li a {
	color:#fff!important;
	border-bottom: 2px #ffd400 solid;
}

.text-light p a:hover, .text-light li a:hover {
	border-bottom-color:#fff: 
}

p strong, li strong {
	font-weight: 700 !important;
}

.pink-text {
	color: #ff509a!important;
}

#page-loader .loader, .inline-video:after {
	font-family: "Century Gothic", CenturyGothic, Avenir-Black, sans-serif !important;
	font-weight: 700!important;
	text-transform: lowercase;
}

#l {
	color: #ff509a;
	font-weight: 700!important;
}
#o {
	color: #0087ff;
	font-weight: 700!important;
}
#a {
	color: #ff0000;
	font-weight: 700!important;
}
#d {
	color: #ff7a23;
	font-weight: 700!important;
}
#i {
	color: #0cd568;
	font-weight: 700!important;
}

#n {
	color:#000;
	font-weight: 700!important;

}

#g {
	color:#ffd400;
	font-weight: 700!important;
}

.float1 {
  animation: floatone 1.5s ease-out infinite alternate;
  display: inline-block  !important;
}

@keyframes floatone {
from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-15px);
  }
}

.float2 {
  animation-delay:.5s;
}


.float3 {
  animation-delay:1s;
}


.float4 {
  animation-delay:1.5s;
}


.float5 {
  animation-delay:2s;
}


.float6 {
  animation-delay:2.5s;
}

.spacer-hero{display: none;}

.horizontal-section .horizontal-inner {
position: relative;
z-index: 1;
}

#canvas{
  overflow-y:hidden;
  overflow-x:hidden;
  width:100%;
  height:100%;
  margin:0;
  z-index:-1;
  position: fixed;
}

header.header-open #menu nav#main-nav {
	margin-top: 10px;
}
nav#main-nav ul li > a, .open-nav .text {
	font-family: "Century Gothic", CenturyGothic, Avenir-Black, sans-serif !important;
	font-size: 1rem !important;
	font-weight: 700!important;
	text-transform: lowercase !important;
	padding: 10px 8px;
	border:none;

}
nav#main-nav ul li > a, nav#main-nav ul li#menu-item-182 > a  {
	color: #000 !important;
	transition: all ease-in .15s;
	background-color: #ffd400 !important;
	box-shadow: 0px 0px 10px rgba(0,0,0,.125);
}

nav#main-nav ul li#menu-item-182 > a:hover {
	animation: colorchange 4s infinite !important;
	-webkit-animation: colorchange 4s infinite !important;
	-moz-animation: colorchange 4s infinite !important;
}



@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0%   {background: #ffd400;} /*yellow*/
      20%  {background: #00c129;} /*green*/
      40%  {background: #0087ff;} /*blue*/
      60%  {background: #ff509a;} /*pink*/
      80% {background: #ff0000;} /*red*/
      100% {background: #ff7a23;} /*orange*/
    }
@-moz-keyframes colorchange 
    {
      0%   {background: #ffd400;} /*yellow*/
      20%  {background: #00c129;} /*green*/
      40%  {background: #0087ff;} /*blue*/
      60%  {background: #ff509a;} /*pink*/
      80% {background: #ff0000;} /*red*/
      100% {background: #ff7a23;} /*orange*/
    }

    @keyframes colorchange
    {
      0%   {background: #ffd400;} /*yellow*/
      20%  {background: #00c129;} /*green*/
      40%  {background: #0087ff;} /*blue*/
      60%  {background: #ff509a;} /*pink*/
      80% {background: #ff0000;} /*red*/
      100% {background: #ff7a23;} /*orange*/
    }

nav#main-nav ul li#menu-item-182 > a:after {
	content: " \f30f";
    font-family: "Ionicons";
}

nav#main-nav > ul > li:hover > a, nav#main-nav > ul > li.current-menu-item > a {
	color:#ffd400 !important;
	background-color: #000 !important;
}

header.header-open:not(.header-transparent) nav#main-nav > ul > li > a {
	line-height: 1rem!important;
}

/*header.hero-invisible #menu .open-nav .hamburger, header.hero-invisible #menu .open-nav .hamburger:before, header.hero-invisible #menu .open-nav .hamburger:after {
    background-color: #000 !important;
}*/

header:before, header:after{
   background: none!important;height:0px!important;

}

p.intro-copy {
	font-size: 1.7rem;
    line-height: 2.5rem;
}

p.credits {
	font-family: 'Gotham SSm 4r','Gotham SSm A','Gotham SSm B',Arial,Helvetica,sans-serif !important;
	font-weight: 400!important;
	font-size:10px !important;
	line-height: 1rem !important;
	text-align: left !important;
	letter-spacing: 0px;
	color:#000;
}

p.sponsors {
	font-size:12px !important;
	line-height: 1.25rem !important;
}



/* SEE IT FREE CIRCLES */

.circle {
  position: relative;
  display: block;
  margin: 2em 0;
  background-color: transparent;
  color: #ffd400;
  text-align: center;
  font-family: "Century Gothic", CenturyGothic, Avenir-Black, sans-serif !important;
  font-weight: 600!important;
  letter-spacing: .1rem !important;
}

.circle a {
	color: #ffd400!important;
	border-bottom: solid 3px #fff!important;
	font-weight: 600!important;
	padding-bottom: 5px;
}

.circle a:hover {
	border-color: #ffd400!important;
}

.circle a:after {
	content: " \f30f";
    font-family: "Ionicons";
}

.circle:after {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-color: #000;
  content: "";
}

.circle__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.circle__wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.circle__content {
  display: table-cell;
  padding: 1em;
  vertical-align: middle;
  font-size: 1.25rem!important;
    line-height: 2rem !important;
}


/* END SEE IT FREE CIRCLES */

footer {
	background-color: transparent !important;
}

footer .footer-inner {
	padding: 60px 0;
}

footer #backtotop {
	bottom: 60px !important;
	font-family: "Century Gothic", CenturyGothic, Avenir-Black, sans-serif !important;
	font-size: .75rem !important;
	font-weight: 700!important;
	text-transform: lowercase !important;
	letter-spacing: 2px;
	background-color: #ffd400;
}

.plan-big-button a:after {
	content: " \f30f";
    font-family: "Ionicons";
}

.plan-big-button a {
	border-bottom: #ffd400 solid 5px; 
	padding-bottom: 10px;
	transition: all ease-in .15s;
}

.plan-big-button a:hover {
	border-bottom-color: #000;
}

.marquee-alert {
	position: fixed;
	display: block !important;
	white-space: nowrap;
  overflow: hidden;
	bottom: 0;
	background-color: #000;
	padding-top:8px;
	padding-bottom:8px;
	z-index: 8;
	color:#fff;
	font-weight: 700;
	width: 100%;
	font-family: 'Gotham SSm 4r','Gotham SSm A','Gotham SSm B',Arial,Helvetica,sans-serif !important;
}

.marquee-alert a {
	text-decoration: underline;
	transition: all ease-in .15s;
	color:#ffd400;
}

.marquee-alert a:hover {
	color:#fff;
}

/*WHITE CONTAINERS */

.text-dot-box {
	background-color: rgba(255,255,255,.93) !important;
	padding:20px;
	margin-top:20px!important;
	margin-bottom:30px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.075);
}

.text-dot-box a {
	color:#000 !important;
	font-weight: 700!important;
}

.text-dot-box a:hover {
	color:#000!important;
	border-bottom-color: #000!important;
}

.heart {
	color:#ff509a!important;
}

table.k-hours {
	border:none!important;
}

table.k-hours tbody tr td {
	font-family: 'Gotham SSm 4r','Gotham SSm A','Gotham SSm B',Arial,Helvetica,sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 25px;
    letter-spacing: 0px;
    widows: 2;
    orphans: 2;
    padding:2px 6px; 
    border: none;
    background-color:#fdfdfd;
}

table.k-hours tbody tr td.k-alt-row {
	background-color: #eee;
}

h5.k-hours-head {
   color:#ff3D8a !important;
	font-weight: 700 !important;
	font-family: "Century Gothic", CenturyGothic, Avenir-Black, sans-serif !important;
	font-size:1rem !important;
	text-transform: lowercase;
	margin-bottom: 5px;
}

/* TICKET TABLE */
table.ticket-prices {
border: none !important;
    margin-bottom: 25px;
}

table.ticket-prices tbody tr td {
padding: 10px;
background-color: #000;
border: none !important;
font-family: 'Gotham SSm 8r','Gotham SSm A','Gotham SSm B',Arial,Helvetica,sans-serif;
color: #fff;
font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0px;

}

table.ticket-prices tbody tr td strong {
	font-weight: 700;
}

table.ticket-prices tbody tr td.alt-row {
background-color: #222;
}

table.ticket-prices tbody tr td.members {
background-color:#ff509a;
color:#000!important;
}

table.ticket-prices tbody tr td.tickets {
text-align:right;
}



a.get-tix, .onsite  {
background-color: #ffd400;
    color: #000 !important;
    display: inline-block;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none;
    transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -moz-transition: background-color .1s linear;
font-family: "Century Gothic", CenturyGothic, Avenir-Black, sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    text-transform: lowercase;
    letter-spacing: .05rem;
}

a.get-tix:hover {
  animation: colorchange 1s infinite !important;
  -webkit-animation: colorchange 1s infinite !important;
  -moz-animation: colorchange 1s infinite !important;
}

.onsite {
	background-color:#999 !important;
}

/* END TICKET TABLE */

/* TOGGLES */

.toggle-item {
	background-color: #ff509a;
	padding-left: 10px;
}

.toggle-item .toggle-title {
	padding-top: 10px;
	padding-bottom: 10px;
}

h5.alttitle.toggle-name, p.toggle-link  {
color:#000 !important;
font-weight: 700 !important;
font-family: "Century Gothic", CenturyGothic, Avenir-Black, sans-serif !important;
font-size:1rem !important;

}

.toggle-item .toggle-inner {
	padding:10px 20px 20px 20px;
}

.toggle-item .toggle-title.toggle-active .toggle-name {
	border-bottom: none;
}

.toggle-inner ul {
	margin-top: 5px !important;
	margin-bottom: 0px !important;
}

.toggle-inner a {
	color:#000 !important;
	font-weight: 700!important;
}

.toggle-item .toggle-title:hover:after {
	color:#000!important;
	cursor: pointer;
}

.toggle-link {
	background-color: #00c129;
	padding:10px 20px 10px 10px;
	display: block;
	letter-spacing: 0.04em;
	margin-top: 30px !important;
}

.toggle-link a  {
 color:#fff !important;
 text-decoration: none!important;
 border:none!important;

}

.toggle-link a:hover{
	color:#000!important;

}

.toggle-link:after {
    content: " \f30f ";
    font-family: "Ionicons";
    font-size: 15px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    position: relative;
    top: 50%;
    margin-top: -10px;
    left: 0;
    color: #000;
}

/* END TOGGLES */

@media only screen and (max-width: 1024px){
header.nav-is-open:after {
	background-color: #ffd400 !important;
}

.circle__content {
    font-size: 1rem!important;
    line-height: 1.85rem !important;

}

nav#main-nav ul li > a, nav#main-nav ul li#menu-item-182 > a {
    box-shadow: none;
}

.column h4 {
	font-size: 1.25rem !important;
	line-height: 2.5rem !important;
}
.column h5 {
	font-size:.75rem !important;
	line-height: 1rem !important;
}

}
@media (max-width: 780px) {
  .circle {
  	margin-left: 200px;
  	margin-right: 200px;
  }

  .circle__content {
    font-size: 2rem!important;
    line-height: 3.25rem!important;
  }
    .column h4 {
	font-size: 1.25rem !important;
	line-height: 2.5rem !important;
}
p.intro-copy {
	font-size: 14px;
    line-height: 25px;
    letter-spacing: 0px;
}
}

@media (max-width: 768px) {
  

.circle {
  	margin-left: 150px;
  	margin-right: 150px;
  }
p.intro-copy {
	font-size: 14px;
    line-height: 25px;
    letter-spacing: 0px;
}
}

@media only screen and (max-width: 640px) {
.circle {
  	margin-left: 100px;
  	margin-right: 100px;
  }

}

@media only screen and (max-width: 535px) {
.circle {
  	margin-left: 50px;
  	margin-right: 50px;
  }

}


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


.column h4 {
	font-size: 1.25rem !important;
	line-height: 2.5rem !important;
}





h5.alttitle.toggle-name, p.toggle-link {
	font-size: .9rem!important;
}

.circle {
	margin:40px;
}

.circle__content {
    font-size: 1.75rem!important;
    line-height: 3rem!important;
  }

.horizontal-section .horizontal-inner {
	padding:50px 0 !important;
}

.column {
	margin-top: 20px !important;
}

.spacer.spacer-medium {
	height:30px!important;
}

.spacer.spacer-small {
	height: 5px!important;
}

.plan-big-button a {
	padding-bottom: 0px!important;
}

}