/*
p {
  @include font-size(14px)
}
 */
/*
.sidebar {
  width: 60%;
  float: left;
  margin: 0 2% 0 0;
  @include bp-small {
    width: 100%;
    float: none;
    margin: 0;
  }
}
*/
/*
@include keyframes(slide-down) {
  0% { opacity: 1; }
  90% { opacity: 0; }
}

.element {
  width: 100px;
  height: 100px;
  background: black;
  @include animation('slide-down 5s 3');
}
*/
/*
a {
  color: gray;
  @include transition(color .3s ease);
  &:hover {
    color: black;
  }
}
*/
/*
.faded-text {
  @include opacity(0.8);
}
*/
/*
.container-with-floated-children {
  @extend %clearfix;
}
 */
.visually-hidden {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute; }

/*
body {
background: pink;
@include breakpoint(large) { background: red; }
@include breakpoint(medium) { background: cyan; }
@include breakpoint(small) { background: green; }
@include breakpoint("max-width: 480px") { background: yellow; }
}
*/
/*
.example{
background-color: red;

@include max(600){
background-color: blue;
}

@include min(601){
background-color: yellow;
}

//With both min & max
@include min(800, 900){
background-color: green;
} */
/* Reset ======================================================================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td {
  border: 0pt none;
  margin: 0pt;
  padding: 0pt;
  vertical-align: baseline;
  line-height: 100%; }

div#content small, div.postmeta, p.commentloggedin, div.reply, div.feed {
  font-size: .75em; }

.center {
  text-align: center; }

p.right {
  text-align: right; }

p.center {
  text-align: center; }

p.admin {
  color: #aaa;
  font-size: 12px; }

p.nocomments {
  padding: 0 20px;
  font-style: italic;
  color: #585858; }

p.pagelink {
  word-spacing: 5px; }

p.pagelink a {
  padding: 5px;
  border: 1px dotted #d1d1d1; }

.aligncenter, div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

img.alignleft {
  margin-right: 15px;
  margin-bottom: 15px; }

img.alignright {
  margin-left: 15px;
  margin-bottom: 15px; }

img.aligncenter {
  margin-bottom: 15px; }

img.size-full {
  max-width: 100%;
  height: auto; }

.frame {
  padding: 5px;
  border: 1px dotted #d1d1d1; }

.blockquote2, .comment-field {
  padding: 10px 10px 0 10px;
  border: 1px dotted #d1d1d1;
  background-color: #fcfcfc;
  margin-bottom: 20px;
  font-style: italic; }

.blockquote2 p {
  margin-top: 0 !important; }

img.attachment-thumbnail {
  border: 0; }

dd.gallery-caption {
  color: #585858;
  font-size: 0.75em;
  font-style: italic;
  margin-top: 8px; }

caption {
  font-weight: bold;
  border-bottom: 1px dotted #d1d1d1;
  padding-bottom: 10px;
  margin-bottom: 5px; }

div#content embed, .embedded {
  text-align: center;
  margin: 0 0 14px 0; }

h2.comments-title {
  margin-bottom: 25px !important; }

div.comment-body p {
  margin-bottom: 10px !important; }

ul.comment li div.comment-author, ul.comment li div.comment-meta {
  font-size: 0.75em;
  line-height: 16px; }

div.comment-author cite.fn {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1em;
  font-style: normal;
  font-weight: bold; }

div.comment-author cite.fn a {
  text-decoration: none; }

div.comment-meta {
  font-size: 0.75em; }

div.comment-author {
  margin: 0 0 5px 0; }

div.comment-author img {
  float: left;
  -moz-border-radius: 5px;
       border-radius: 5px;
  margin: 0 10px 10px 0; }

li.comment {
  margin-bottom: 10px;
  border-bottom: 1px dotted #d1d1d1;
  padding-bottom: 10px; }

ul.comment li.pingback {
  font-size: 0.75em;
  color: #777;
  padding: 0 0 10px 5px; }

ul.comment li.pingback a {
  font-size: 0.75em;
  font-weight: normal; }

ul.comment li.pingback p, ul.comment li.pingback span, ul.comment li.pingback div.comment-meta, ul.comment li.pingback div.reply {
  display: none; }

div.reply {
  display: block;
  overflow: hidden;
  padding: 5px 0 5px 0; }

div#respond {
  margin-top: 20px; }

table.commenttable {
  border: 0;
  padding: 0; }

table.commenttable tr td {
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase; }

.comments input#author, .comments input#email, .comments input#url {
  margin-bottom: 5px;
  padding: 10px;
  width: 580px;
  border: 1px dotted #d1d1d1; }

#searchform input.keyword {
  padding: 8px;
  width: 230px;
  color: #585858;
  border: 1px dotted #d1d1d1; }

#searchform input.button {
  margin-left: 102px;
  display: none; }

textarea#comment {
  width: 580px;
  height: 150px;
  padding: 10px;
  border: 1px dotted #d1d1d1; }

.widget {
  margin-bottom: 20px; }

/* Normalize ======================================================================================= */
body {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 75%; }

#main h1, h1, h2, h3, h4, h5, h6 {
  line-height: 1.3em; }

h1 {
  font-size: 30px;
  margin: 0 0 1em 0;
  font-family: 'Raleway';
  font-weight: normal; }

h2 {
  font-size: 28px;
  margin: 0 0 1em 0;
  font-weight: normal; }

h3 {
  font-size: 24px;
  margin: 0 0 1em 0; }

h4 {
  font-size: 21px;
  margin: 0 0 1em 0; }

h5 {
  font-size: 18px;
  margin: 0 0 1em 0; }

h6 {
  font-size: 16px;
  margin: 0 0 1em 0; }

.nombot {
  margin-bottom: 0px; }

.no-margin {
  margin: 0px; }

.clearfix {
  clear: both; }

.clearfix::before {
  clear: both; }

.clearfix::after {
  clear: both; }

.ticket-type h2, strong, b {
  font-family: 'helvetica-bold';
  font-weight: normal; }

body .inner img {
  max-width: 100%;
  height: auto; }

.content p, .content li {
  -o-transition: .15s color linear;
  -moz-transition: .15s color linear;
  transition: .15s color linear; }

.content p a {
  text-decoration: underline; }

.content p a:hover {
  text-decoration: none; }

.content ul, ol {
  margin-bottom: 2em; }

.content ul li, .content ol li {
  font-size: 13px;
  line-height: 1.9em;
  color: #ddd; }

.content ul:hover li, .content ol:hover li {
  color: #fff; }

.content ul.bullets li {
  list-style: disc;
  list-style-position: outside;
  margin-bottom: 2px;
  margin-left: 15px; }

.content ol li {
  list-style: decimal;
  list-style-position: inside; }

.content ul.big li, .content ol.big li {
  margin-bottom: 24px !important; }

#sidebar li {
  list-style: none;
  list-style-position: !important;
  padding: 0px;
  margin: 0px;
  margin-bottom: 24px; }

#sidebar h2 {
  margin-bottom: 0px; }

.lclear {
  clear: both;
  border-bottom: 1px solid #ccc;
  margin-bottom: 25px; }

.tc {
  text-align: center; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.fixed {
  position: fixed; }

.sticky {
  position: -webkit-sticky;
  position: sticky; }

.inline-block {
  display: inline-block !important; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center !important; }

.text-justify {
  text-align: justify; }

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-transform-none {
  text-transform: none; }

.overflow-hidden {
  overflow: hidden; }

.vcenter .vc, .vcenter {
  display: inline-block;
  vertical-align: middle; }

.font-normal {
  font-weight: normal;
  font-style: normal;
  font-family: 'helvetica'; }

.height-auto {
  height: auto !important; }

.width-auto {
  width: auto !important; }

html body .opacity100 {
  opacity: 1;
  filter: alpha(opacity=100); }

html body .opacity0 {
  opacity: .01;
  filter: alpha(opacity=1); }

html body .opacity100f {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important; }

html body .opacity0f {
  opacity: 0  !important;
  filter: alpha(opacity=0) !important; }

.opacity0, .opacity100 {
  transition: opacity .6s;
  -o-transition: opacity .6s;
  -moz-transition: opacity .6s;
  -webkit-transition: opacity .6s; }

.rel {
  position: relative; }

.vert-top {
  vertical-align: top; }

.nou {
  text-decoration: none !important; }

.content blockquote {
  padding: 20px 20px 0px;
  padding-left: 40px;
  background: url("https://umfworldwide.com/wp-content/uploads/2015/10/quote.png") 0px 10px no-repeat;
  -moz-background-size: 30px auto;
    -o-background-size: 30px auto;
       background-size: 30px auto; }

/* Content ======================================================================================= */
section .inner, section.inner, .w980 {
  width: 980px;
  max-width: 100%;
  margin: auto;
  position: relative; }

.w1200 {
  width: 1200px;
  max-width: 100%;
  margin: auto;
  position: relative; }

.w1100 {
  width: 1100px;
  max-width: 100%;
  margin: auto;
  position: relative; }

.w900 {
  width: 900px;
  max-width: 100%;
  margin: auto;
  position: relative; }

.w960 {
  width: 900px;
  max-width: 100%;
  margin: auto;
  position: relative; }

.w720 {
  width: 720px;
  max-width: 100%;
  margin: auto;
  position: relative; }

.w880 {
  width: 880px; }

.w600 {
  width: 600px; }

.w1200 img, .w980 img, .w960 img, .w900 img, .w720 img {
  max-width: 100%;
  height: auto; }

.home-group.home-vid img {
  margin-top: -50px; }

.grayscale {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
          filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); }

.vid-wrap, .rsembed {
  clear: both;
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */
  /*padding-top: 30px; IE6 workaround*/
  height: 0;
  overflow: hidden; }

.vid-wrap iframe,
.vid-wrap object,
.vid-wrap embed,
.rsembed iframe,
.rsembed object,
.rsembed embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

pre {
  font-size: 16px;
  background: #000;
  color: #fff; }

.section-break {
  padding-bottom: 30px;
  clear: both;
  display: block; }

.content-page img, .w1100p img {
  max-width: 100%;
  height: auto; }

.rspv {
  max-width: 100%;
  height: auto; }

/* Reset ======================================================================================= */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.cbox {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

img {
  border: 0px; }

p {
  line-height: 1.5em;
  font-size: 1.25em;
  margin-bottom: 2em; }

li {
  list-style: none; }

a {
  text-decoration: none;
  color: #fff; }

blockquote p {
  margin-bottom: 10px; }

.clear {
  clear: both; }

.right {
  float: right; }

.left {
  float: left; }

.hide {
  display: none;
  visibility: hidden; }

.mt0 {
  margin-top: 0px; }

.mt5 {
  margin-top: 5px; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

.mt25 {
  margin-top: 25px; }

.mt36 {
  margin-top: 36px; }

.mt50 {
  margin-top: 50px; }

.mt80 {
  margin-top: 80px; }

.mt100 {
  margin-top: 100px; }

.mt150 {
  margin-top: 150px; }

.mb0 {
  margin-bottom: 0px !important; }

.mb5 {
  margin-bottom: 5px; }

.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mb25 {
  margin-bottom: 25px; }

.mb30 {
  margin-bottom: 30px; }

.mb40 {
  margin-bottom: 40px; }

.mb50 {
  margin-bottom: 50px; }

.mb100 {
  margin-bottom: 100px; }

.mr0 {
  margin-right: 0px; }

.mr5 {
  margin-right: 5px; }

.mr10 {
  margin-right: 10px; }

.mr15 {
  margin-right: 15px; }

.mr20 {
  margin-right: 20px; }

.mr25 {
  margin-right: 25px; }

.mr30 {
  margin-right: 30px; }

.mr50 {
  margin-right: 50px; }

.ml0 {
  margin-left: 0px; }

.ml5 {
  margin-left: 5px; }

.ml10 {
  margin-left: 10px; }

.ml15 {
  margin-left: 15px; }

.ml20 {
  margin-left: 20px; }

.ml25 {
  margin-left: 25px; }

.ml30 {
  margin-left: 30px; }

.ml50 {
  margin-left: 50px; }

.w15 {
  width: 15%; }

.w18 {
  width: 18%; }

.w19 {
  width: 19%; }

.w20 {
  width: 20%; }

.w22 {
  width: 22%; }

.w23 {
  width: 23%; }

.w24 {
  width: 24%; }

.w25 {
  width: 25%; }

.w28 {
  width: 28%; }

.w29 {
  width: 29%; }

.w30 {
  width: 30%; }

.w32 {
  width: 32%; }

.w33 {
  width: 33.3333%; }

.w35 {
  width: 35%; }

.w36 {
  width: 36%; }

.w40 {
  width: 40%; }

.w45 {
  width: 45%; }

.w47 {
  width: 47%; }

.w48 {
  width: 48%; }

.w50 {
  width: 50%; }

.w55 {
  width: 55%; }

.w60 {
  width: 60%; }

.w65 {
  width: 65%; }

.w70 {
  width: 70%; }

.w75 {
  width: 75%; }

.w80 {
  width: 80%; }

.w85 {
  width: 85%; }

.w90 {
  width: 90%; }

.w95 {
  width: 95%; }

.w100 {
  width: 100%; }

.w2col {
  width: 575px; }

.w1col {
  width: 350px; }

.pad0 {
  padding: 0px !important; }

.pad5 {
  padding: 5px; }

.pad10 {
  padding: 10px; }

.pad15 {
  padding: 15px; }

.pad20 {
  padding: 20px; }

.pad25 {
  padding: 25px; }

.pad30 {
  padding: 30px; }

.pad40 {
  padding: 40px; }

.pad50 {
  padding: 50px; }

.padt0 {
  padding-top: 0px !important; }

.padt5 {
  padding-top: 5px; }

.padt10 {
  padding-top: 10px; }

.padt15 {
  padding-top: 15px; }

.padt20 {
  padding-top: 20px; }

.padt25 {
  padding-top: 25px; }

.padt50 {
  padding-top: 50px; }

.padb0 {
  padding-bottom: 0px !important; }

.padb5 {
  padding-bottom: 5px; }

.padb10 {
  padding-bottom: 10px; }

.padb15 {
  padding-bottom: 15px; }

.padb20 {
  padding-bottom: 20px; }

.padb25 {
  padding-bottom: 25px; }

.padb30 {
  padding-bottom: 30px; }

.padb35 {
  padding-bottom: 35px; }

.padb40 {
  padding-bottom: 40px; }

.padb50 {
  padding-bottom: 50px; }

.padb100 {
  padding-bottom: 100px; }

.padr0 {
  padding-right: 0px !important; }

.padr5 {
  padding-right: 5px; }

.padr10 {
  padding-right: 10px; }

.padr15 {
  padding-right: 15px; }

.padr20 {
  padding-right: 20px; }

.padr25 {
  padding-right: 25px; }

.padr50 {
  padding-right: 50px; }

.padl0 {
  padding-left: 0px !important; }

.padl5 {
  padding-left: 5px; }

.padl10 {
  padding-left: 10px; }

.padl15 {
  padding-left: 15px; }

.padl20 {
  padding-left: 20px; }

.padl25 {
  padding-left: 25px; }

.padl50 {
  padding-left: 50px; }

.padt50, .padt50rs25, .padt50rs0 {
  padding-top: 50px; }

.padb50, .padb50rs25 {
  padding-bottom: 50px; }

.padt25 {
  padding-top: 25px; }

.padb25 {
  padding-bottom: 25px; }

.padr25 {
  padding-right: 25px; }

.padl25 {
  padding-left: 25px; }

.padr50, .padr50rs25 {
  padding-right: 50px; }

.padl50, .padl50rs25 {
  padding-left: 50px; }

.pad25, .pad25rs0 {
  padding: 25px; }

.pad50, .pad50rs0, .pad50rs25 {
  padding: 50px; }

.padt0 {
  padding-top: 0px; }

.padb0 {
  padding-bottom: 0px; }

.padr0 {
  padding-right: 0px; }

.padl0 {
  padding-left: 0px; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

* html .clearfix {
  height: 1%; }

::-moz-selection {
  background: #00f;
  color: white; }

::selection {
  background: #00f;
  color: white; }

::-moz-selection {
  background: #00f;
  color: white; }

.bg-cover {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg-contain {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain; }

@font-face {
  font-family: 'helvetica';
  src: url("https://assets.ultramusicfestival.com/fonts/helvetica-lt-std-roman.eot");
  src: url("https://assets.ultramusicfestival.com/fonts/helvetica-lt-std-roman.eot?#iefix") format("embedded-opentype"), url("https://assets.ultramusicfestival.com/fonts/helvetica-lt-std-roman.woff") format("woff"), url("https://assets.ultramusicfestival.com/fonts/helvetica-lt-std-roman.ttf") format("truetype"), url("https://assets.ultramusicfestival.com/fonts/helvetica-lt-std-roman.svg#helvetica-lt-std-roman") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'weather';
  src: url("https://assets.ultramusicfestival.com/weather-icons/weather-icons.eot");
  src: url("https://assets.ultramusicfestival.com/weather-icons/weather-icons.eot?#iefix") format("embedded-opentype"), url("https://assets.ultramusicfestival.com/weather-icons/weather-icons.woff") format("woff"), url("https://assets.ultramusicfestival.com/weather-icons/weather-icons.ttf") format("truetype"), url("https://assets.ultramusicfestival.com/weather-icons/weather-icons.svg#weather-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'helvetica-bold';
  src: url("https://assets.ultramusicfestival.com/fonts/helvetica-lt-std-bold.eot");
  src: url("https://assets.ultramusicfestival.com/fonts/helvetica-lt-std-bold.eot?#iefix") format("embedded-opentype"), url("https://assets.ultramusicfestival.com/fonts/helvetica-lt-std-bold.woff") format("woff"), url("https://assets.ultramusicfestival.com/fonts/helvetica-lt-std-bold.ttf") format("truetype"), url("https://assets.ultramusicfestival.com/fonts/helvetica-lt-std-bold.svg#helvetica-lt-std-bold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'primelight';
  src: url("https://assets.ultramusicfestival.com/fonts/prime/prime_light-webfont.woff2") format("woff2"), url("https://assets.ultramusicfestival.com/fonts/prime/prime_light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'primeregular';
  src: url("https://assets.ultramusicfestival.com/fonts/prime/prime_regular-webfont.woff2") format("woff2"), url("https://assets.ultramusicfestival.com/fonts/prime/prime_regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'armlo';
  src: url("https://assets.ultramusicfestival.com/fonts/armlo/amusaf-webfont.woff2") format("woff2"), url("https://assets.ultramusicfestival.com/fonts/armlo/amusaf-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'aux';
  src: url("https://assets.ultramusicfestival.com/fonts/aaux/aauxnext-md-webfont.woff2") format("woff2"), url("https://assets.ultramusicfestival.com/fonts/aaux/aauxnext-md-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'auxblk';
  src: url("https://assets.ultramusicfestival.com/fonts/aaux/aauxnext-blk-webfont.woff2") format("woff2"), url("https://assets.ultramusicfestival.com/fonts/aaux/aauxnext-blk-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'din';
  src: url("https://assets.ultramusicfestival.com/fonts/din/din_condensed_bold-webfont.woff2") format("woff2"), url("https://assets.ultramusicfestival.com/fonts/din/din_condensed_bold-webfont.ttf") format("truetype"), url("https://assets.ultramusicfestival.com/fonts/din/din_condensed_bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'dinalt';
  src: url("https://assets.ultramusicfestival.com/fonts/din/din_alternate_bold-webfont.woff2") format("woff2"), url("https://assets.ultramusicfestival.com/fonts/din/din_alternate_bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

.armlo {
  font-family: 'armlo' !important; }

.aux {
  font-family: 'aux' !important; }

.auxblk {
  font-family: 'auxblk' !important; }

/*
#trans {opacity:0; filter:alpha(opacity=0);}
#trans {opacity:.5; filter:alpha(opacity=50);}
#trans {opacity:1 !important; filter:alpha(opacity=100) !important;}

*/
/* Content ======================================================================================= */
#main {
  position: relative;
  z-index: 10;
  padding-top: 110px; }

.title {
  margin-top: 0px;
  text-transform: uppercase; }

.content h1 {
  font-size: 36px;
  font-family: 'Raleway';
  font-weight: normal; }

.content h2 {
  font-size: 28px;
  color: #fff; }

.content h3 {
  font-size: 16px;
  text-transform: uppercase;
  color: #ddd;
  line-height: 150%; }

.content p {
  color: #ddd;
  line-height: 190%;
  font-size: 13px;
  margin-bottom: 24px; }

.fs18 {
  font-size: 16px !important;
  font-weight: bold; }

@media only screen and (min-width: 1081px) {
  div.about p {
    font-size: 15px; } }

.about-right h2 {
  opacity: .5; }

.about-right p {
  font-family: 'helvetica-bold'; }

.content strong, .content b {
  color: #ddd; }

.content-page ul, .content-page ol {
  margin-left: 20px; }

.content2 ul li {
  list-style: disc;
  font-size: 11px;
  color: #ddd; }

.content2 ol li {
  list-style: disc;
  font-size: 11px;
  color: #201013; }

.content p:hover, .content li:hover {
  color: #fff; }

.content-page:hover li, .content-page:hover p, .content-page:hover h3, .content-page:hover b, .content-page:hover strong {
  color: #fff; }

.caps {
  text-transform: uppercase; }

#vid-controls {
  position: fixed;
  bottom: 60px;
  left: 25px;
  z-index: 4000; }

#vid-controls strong {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 10px;
  color: #aaa;
  display: block;
  padding-bottom: 5px; }

#vid-controls a {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 14px;
  cursor: pointer; }

#vid-controls span.spacer {
  font-size: 21px;
  color: #999;
  display: inline-block;
  padding: 2px 8px;
  position: relative;
  top: 2px; }

.background-overlay .loader {
  background: #000;
  z-index: 10; }

.background-overlay .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  background: url(../img/theme/loader2.gif) center center no-repeat;
  height: 36px;
  width: 36px;
  margin-left: -18px;
  margin-top: -18px; }

.background-overlay .u {
  background: url(../img/theme/mini-u.png) center center no-repeat;
  height: 11px;
  width: 11px;
  display: block;
  margin: auto;
  position: relative;
  top: 13px; }

#_atssh {
  display: none !important; }

.bg20 {
  background: #000;
  background: rgba(0, 0, 0, 0.2); }

.bg40 {
  background: #000;
  background: rgba(0, 0, 0, 0.4); }

.bg60 {
  background: #000;
  background: rgba(0, 0, 0, 0.6); }

.bg80 {
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

.bg85 {
  background: #000;
  background: rgba(0, 0, 0, 0.85); }

.bg90 {
  background: #000;
  background: rgba(0, 0, 0, 0.9); }

.bg95 {
  background: #000;
  background: rgba(0, 0, 0, 0.95); }

div.justify-text p {
  text-align: justify !important; }

span.sm {
  font-size: 10px; }

.block {
  display: block; }

.share div {
  margin-bottom: 12px; }

.fancybox-skin {
  background: #000 !important;
  color: #fff !important; }

.fancybox-title-inside-wrap {
  padding: 20px 0px !important;
  font-family: 'helvetica-bold'; }

/*.fancybox-title-inside-wrap iframe { position:relative; top:-7px; left:25px;}*/
#twitter-widget-1 {
  top: -9px;
  left: 20px; }

.text-right {
  text-align: right; }

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

.font-normal {
  font-weight: normal !important; }

#swipebox-overlay {
  background: transparent url(../img/theme/bg-lightbox.png) !important; }

#swipebox-close {
  background: url(../img/theme/close-btn.png) center center no-repeat !important;
  -moz-background-size: 32px 32px !important;
    -o-background-size: 32px 32px !important;
       background-size: 32px 32px !important;
  right: 30px;
  top: 10px;
  opacity: .7; }

#swipebox-close:hover {
  opacity: 1; }

#nav2 li#menu-item-135 ul {
  top: 64px !important;
  opacity: 1;
  display: block; }

/* Overlay Stuff  ======================================================================================= */
.overbox {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 10000; }

.overbox .close {
  position: absolute;
  top: 25px;
  right: 25px;
  left: auto;
  width: 30px;
  height: 30px;
  background: url("../img/theme/close-btn.png") top right no-repeat;
  -moz-background-size: 30px 30px;
    -o-background-size: 30px 30px;
       background-size: 30px 30px;
  z-index: 10002;
  cursor: pointer;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.overbox .close:hover {
  opacity: 1;
  filter: alpha(opacity=100); }

.overbox .action {
  padding-top: 20px;
  text-align: center; }

.overbox .overlay {
  display: block;
  background: #000;
  opacity: 0.92;
  filter: alpha(opacity=92); }

.overbox .accents {
  background: url("https://ultra-miami.s3.amazonaws.com/wp-content/uploads/2015/09/lines.png");
  width: 363px;
  height: 82px;
  position: absolute;
  top: 90px;
  left: 66px; }

.overbox .overlay {
  background-image: url("https://ultra-miami.s3.amazonaws.com/wp-content/uploads/2015/09/thebg.png");
  background-position: bottom right;
  background-repeat: no-repeat; }

.stream-vid {
  width: 1080px;
  margin: auto;
  max-width: 100%; }

.overbox .overlayww {
  opacity: 1;
  background-color: #08051a;
  background-image: url("https://ultramusicfestival.com/wp-content/uploads/2016/06/ww-bg.jpg");
  background-position: top center;
  background-repeat: no-repeat; }

.overbox .overlayww {
  background-position: center center; }

@media only screen and (min-width: 1024px) {
  .overbox .overlayww {
    background-position: center 50px; }
  .overbox .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10001;
    width: 840px;
    margin-left: -420px;
    margin-top: -150px;
    max-width: 100%; }
  .overbox .action .btn-main {
    min-width: 320px;
    cursor: pointer; }
  .overbox .locbox {
    text-align: right;
    padding-right: 50px;
    padding-bottom: 30px; }
  .overbox .infobox {
    text-align: right;
    padding-right: 120px;
    padding-top: 20px; }
  .overbox .dates-img {
    position: relative;
    top: -20px; }
  .overboxls {
    z-index: 90; } }

@media only screen and (min-width: 1700px) {
  .overbox .overlayww {
    background-position: center 20px; } }

@media only screen and (max-width: 1024px) {
  .overbox .overlayww {
    background-position: center 100px; }
  div.overboxww .inner {
    padding-top: 100px; }
  .overboxls {
    z-index: 99; } }

@media only screen and (max-width: 400px) {
  .overboxls .ulogo {
    left: 29px !important;
    width: 100px !important; }
  .overboxls #ls-header {
    width: 250px; } }

div.overboxls .inner {
  padding-top: 70px !important; }

@media only screen and (max-height: 1000px) {
  .stream-vid {
    width: 800px;
    margin: auto;
    max-width: 100%; } }

@media only screen and (max-height: 850px) {
  .stream-vid {
    width: 600px;
    margin: auto;
    max-width: 100%; } }

@media only screen and (max-height: 700px) {
  .stream-vid {
    width: 400px;
    margin: auto;
    max-width: 100%; } }

.overboxww .inner, .overboxls .inner {
  position: relative;
  margin: 0 auto;
  top: auto;
  left: auto; }

/* Side Nav  ======================================================================================= */
.content-banner {
  position: relative; }

.content-banner h1 {
  position: absolute;
  bottom: 24px;
  left: 24px;
  z-index: 10;
  margin: 0px !important; }

.sidenav-line {
  background: #fff;
  height: 1px;
  position: absolute;
  top: 352px;
  width: 100%;
  z-index: 100; }

.content {
  position: relative; }

.btn-next {
  background: url(../img/theme/arrow-right.png);
  background-position: 9px 6px;
  position: absolute;
  right: -50px;
  top: 152px; }

.btn-prev {
  background: url(../img/theme/arrow-left.png);
  background-position: 9px 6px;
  position: absolute;
  left: -50px;
  top: 152px; }

.nav-btn {
  background-color: #fff;
  background-repeat: no-repeat;
  height: 23px;
  width: 23px;
  z-index: 101;
  color: #fff;
  cursor: pointer;
  overflow: hidden;
  text-indent: -999px;
  display: block;
  -moz-border-radius: 23px;
       border-radius: 23px; }

.side-nav h1 {
  margin-bottom: 18px; }

.sub-nav li {
  display: block;
  margin-bottom: 0px !important; }

.sub-nav li.current_page_item {
  font-family: 'helvetica-bold';
  font-weight: normal;
  cursor: default; }

.sub-nav li a {
  color: #a8a8a8;
  font-size: 13px;
  display: block;
  max-width: 200px; }

.sub-nav li.current_page_item a, .sub-nav li a:hover {
  color: #fff; }

/* Page 2 Column ======================================================================================= */
.col2title {
  padding-left: 50px; }

.col2title h1 {
  font-size: 70px;
  margin-bottom: 6px;
  line-height: 100%;
  padding-top: 25px; }

.col2main h2 {
  margin-top: 0px;
  font-size: 28px; }

/* Background ======================================================================================= */
#background div {
  z-index: 1; }

.background-overlay {
  z-index: 2; }

.bg {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2; }

.background-overlay .bg-texture {
  background: url(../img/theme/pattern.png); }

.background-overlay .bg-darken {
  background: -moz- oldradial-gradient(center ellipse, rgba(0, 0, 0, 0) 0%, black 91%);
  background: -o-radial-gradient(center ellipse, rgba(0, 0, 0, 0) 0%, black 91%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, black 91%);
  /* W3C */ }

.background-overlay .bg-darken {
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, black 91%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(91%, black));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, black 91%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, black 91%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, black 91%);
  /* IE10+ */
  background: -moz- oldradial-gradient(center ellipse, rgba(0, 0, 0, 0) 0%, black 91%);
  background: -o-radial-gradient(center ellipse, rgba(0, 0, 0, 0) 0%, black 91%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, black 91%);
  /* W3C */ }

/* Global ======================================================================================= */
body {
  background: #000;
  font-family: 'helvetica', arial, sans-serif;
  color: #fff;
  overflow-y: scroll; }

html, body {
  height: 100% !important;
  min-height: 100% !important; }

#wrapper-all {
  min-height: 100%;
  position: relative;
  z-index: 999; }

#wrapper-content {
  z-index: 5; }

.btn-main {
  padding: 7px 15px;
  display: inline-block;
  min-width: 120px;
  font-size: 10px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: 'helvetica-bold';
  font-weight: normal;
  cursor: pointer;
  -moz-background-size: 25px 25px !important;
    -o-background-size: 25px 25px !important;
       background-size: 25px 25px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important; }

.white-btn2 {
  background-color: #fff;
  color: #000 !important; }

.white-btn2:hover {
  background-color: #000;
  color: #fff !important; }

.white-btn2:active {
  background: #333;
  color: #fff;
  border: 1px solid #333; }

.gray-btn {
  background: #444;
  color: #fff;
  border: 1px solid #444; }

.gray-btn:hover, .outline-btn:hover {
  background-color: #fff;
  color: #000;
  border: 1px solid #fff; }

.gray-btn:active, .outline-btn {
  background-color: #000;
  color: #fff;
  border: 1px solid #aaa; }

.white-btn {
  background-color: #fff;
  color: #000;
  border: 1px solid #fff !important; }

.white-btn:hover {
  background: #444;
  color: #fff;
  border: 1px solid #444 !important; }

.white-btn:active {
  background-color: #000;
  color: #fff;
  border: 1px solid #aaa !important; }

.blue-btn {
  background-color: #75adff;
  color: #000;
  border: 1px solid #75adff !important; }

.blue-btn:hover {
  background: #fff;
  color: #000;
  border: 1px solid #fff !important; }

.blue-btn:active {
  background-color: #fff;
  color: #75adff;
  border: 1px solid #aaa !important; }

.blue-btn2 {
  background-color: #99c1ff;
  color: #000;
  border: 1px solid #99c1ff !important; }

.blue-btn2:hover {
  background: #fff;
  color: #000;
  border: 1px solid #fff !important; }

.blue-btn2:active {
  background-color: #fff;
  color: #99c1ff;
  border: 1px solid #aaa !important; }

.blue-outline-btn {
  background-color: rgba(117, 173, 255, 0.2);
  color: #fff;
  border: 1px solid #75adff !important; }

.blue-outline-btn:hover {
  background: #fff;
  color: #000;
  border: 1px solid #fff !important; }

.blue-outline-btn:active {
  background-color: #fff;
  color: #75adff;
  border: 1px solid #aaa !important; }

.sonybtn a {
  display: block !important;
  width: 100%; }

.orange-outline-btn {
  color: #ff5e21;
  border: 1px solid #c74f2c !important; }

#ls-ads2:hover .orange-outline-btn,
.orange-outline-btn:hover {
  color: #fff !important;
  background-color: rgba(255, 94, 33, 0.2); }

.pink-btn {
  background-color: #fc0ff1 !important;
  color: #fff !important;
  border: 1px solid #fc0ff1 !important; }

.pink-btn:hover, #tickets-app #ga .pink-btn:hover {
  background: #fff !important;
  border: 1px solid #fff !important;
  color: #000 !important; }

.pink-btn:active {
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #fc0ff1 !important; }

.green-btn {
  background-color: lightgreen !important;
  color: #000 !important;
  border: 1px solid lightgreen !important; }

.green-btn:hover, #tickets-app #ga .green-btn:hover {
  background: #fff !important;
  border: 1px solid #fff !important; }

.green-btn:active {
  background-color: #000;
  color: #fff !important;
  border: 1px solid #aaa !important; }

.red-btn {
  background-color: #8ed6ff;
  color: #000;
  border: 1px solid #5da2f9 !important; }

.red-btn:hover {
  background: #fff;
  border: 1px solid #fff !important;
  color: #000; }

.red-btn:active {
  background-color: #000;
  color: #fff;
  border: 1px solid #aaa !important; }

.red-outline-btn {
  color: #fff;
  border: 1px solid #8ed6ff;
  background: rgba(142, 214, 255, 0.1); }

.red-outline-btn:hover {
  background: #8ed6ff;
  border: 1px solid rgba(142, 214, 255, 0.5);
  color: #000; }

.red-outline-btn:active {
  color: #fff;
  border: 1px solid rgba(142, 214, 255, 0.5);
  background: rgba(142, 214, 255, 0.7); }

#ls .blue-outline-btn {
  color: #8fb2fb !important;
  border: 1px solid rgba(143, 178, 251, 0.5);
  background: rgba(143, 178, 251, 0.1); }

#ls .blue-outline-btn:hover, #ls #ls-ads2:hover .blue-outline-btn {
  -moz-box-shadow: 0px 0px 36px -5px #8fb2fb;
       box-shadow: 0px 0px 36px -5px #8fb2fb;
  background: rgba(143, 178, 251, 0.8);
  border: 1px solid rgba(143, 178, 251, 0.5);
  color: #fff !important; }

#ls .blue-outline-btn:active {
  color: #fff;
  border: 1px solid rgba(143, 178, 251, 0.5);
  background: rgba(143, 178, 251, 0.7); }

.red-disabled {
  background-color: #8ed6ff !important;
  color: #fff !important;
  border: 1px solid #5da2f9 !important;
  cursor: not-allowed; }

.aqua-btn {
  background-color: #94f2ff;
  color: #000;
  border: 1px solid #94f2ff !important; }

.aqua-btn:hover {
  background: #fff;
  border: 1px solid #fff !important; }

.aqua-btn:active {
  background-color: #000;
  color: #fff;
  border: 1px solid #aaa !important; }

.gold-btn {
  color: #000;
  border: 1px solid #e2d898;
  background: rgba(226, 216, 152, 0.9);
  -moz-box-shadow: inset -10px 10px 15px -10px rgba(255, 255, 255, 0.42);
       box-shadow: inset -10px 10px 15px -10px rgba(255, 255, 255, 0.42); }

.gold-btn:hover {
  color: #000;
  background: #fff; }

.gold-btn:active {
  color: #000;
  background: #e2d898; }

.gold-outline-btn {
  color: #fff;
  border: 1px solid #e2d898;
  background: rgba(226, 216, 152, 0.1); }

.gold-outline-btn:hover {
  background: #e2d898;
  border: 1px solid rgba(226, 216, 152, 0.5);
  color: #000; }

.gold-outline-btn:active {
  color: #fff;
  border: 1px solid rgba(226, 216, 152, 0.5);
  background: rgba(226, 216, 152, 0.7); }

.round-btn {
  -moz-border-radius: 2px;
       border-radius: 2px; }

.outline-btn {
  background: none; }

.outline-btn:active {
  background: #444;
  color: #fff;
  border: 1px solid #444; }

a.disabled, a.disabled:focus, a.disabled:active, a.disabled:hover {
  color: #777 !important;
  border: 1px solid #333 !important;
  cursor: not-allowed !important; }

#all-events a {
  background-position: center center; }

a.registering,
a.registering:hover,
a.registering:focus,
a.registering:active,
button.registering,
button.registering:hover,
button.registering:focus,
button.registering:active {
  color: rgba(255, 255, 255, 0) !important;
  background: #444 url("https://ultramusicfestival.com/wp-content/uploads/2016/07/spin.gif") center center no-repeat !important;
  -moz-background-size: 25px 25px !important;
    -o-background-size: 25px 25px !important;
       background-size: 25px 25px !important;
  border: 1px solid #444 !important;
  cursor: wait !important; }

a.btnactive {
  color: #000 !important;
  border: 1px solid #fff !important;
  background: #fff !important; }

.registered {
  background: lightgreen !important;
  border-color: lightgreen !important;
  color: #000 !important;
  cursor: default !important; }

.subscribed, .subscribed:hover, .subscribed:active {
  background: #94f2ff !important;
  border-color: #94f2ff !important;
  color: #000 !important;
  cursor: default !important; }

.btn-lg {
  padding: 12px 24px;
  font-size: 11px; }

button.btn-main {
  min-width: 150px;
  cursor: pointer;
  outline: none;
  outline-style: none; }

.btn-center {
  text-align: center; }

.regular-content {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.animate, #nav li a, .btn-main, #sidebar li a, #ls a, #ls strong, #ls span, #ls a em, div.live-stream .social span, div.answerbox a, div.answerbox p.answer-footer, #qa-search, .artists-home-list .pager span, li.faq h2 span, .styledform input, .qas li a, .qas li div, .styledform select, .styledform select, .shares a, .shares a img, .content2 p, .content2 li, .pagination a, .gtform input, #ww li ul li img, .gtform textarea, #side-nav .lbreak2, .de li a .desk-image img, .de li a span, .content-anim, .gallery-sc ul li a, #side-nav span, a.btn-close, #mnav li a, #header.scrolled .bg, #header div.logo strong, #nav li a, #nav li span, #ww li, #ww li a, #ww li span, #footer p, #footer a, #footer span, #footer .bg, #get-updates input, #get-updates button, .festivals li a, .festivals li a strong, .a-nav li a, .ticket-header a, .feature-button a, .content-page li, .content-page p, .content-page h3, .content-page strong, .content-page b, .sub-nav li a, .ticket-header .info, .slider .next, .slider .prev, .slider .pager span, .anav a, .artist-info .social li a, .counter div, .related li a i, .related li a strong, .related li a strong span, .festivals li a span, .festivals li a strong, li.submit button, #header div.logo a, #header, #header, .feature-button, #header div.logo, .btn-cycle span, .artists-list li strong, .pager span, #the-artist, .umftv .vid-icon, .ticket-header span, .tickets-nav a, #swipebox-close, #ww li ul li em, #ww li ul li i, .gallery-list li a, .gallery-list li a i, #footer #countdown3, .vid-icon, #menu-tickets a, #menu-tickets span, .tickets-footer p, .tickets-footer, .vid-icon-banner, .wwt, .u-ad .footer .btn, .u-ad .top .u-close span, .u-ad .top .u-close img, .gallery-list li a b, .box-header a, #tickets-nav .lbreak2, .fnotes p, .overbox .close, div.sold-overlay, div.sold-overlay div, .side-nav a {
  -o-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.ticket, .ticket .info {
  -o-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.purchase a {
  -o-transition: background .2s ease-in-out, color .2s ease-in-out !important;
  -moz-transition: background .2s ease-in-out, color .2s ease-in-out !important;
  transition: background .2s ease-in-out, color .2s ease-in-out !important; }

.gallery-list li span.zoomx {
  -o-transition: left .2s ease-in-out;
  -moz-transition: left .2s ease-in-out;
  transition: left .2s ease-in-out; }

.gallery-list li span.zoomy {
  -o-transition: top .2s ease-in-out;
  -moz-transition: top .2s ease-in-out;
  transition: top .2s ease-in-out; }

#nav ul, #ww li ul, #background, .side-nav li.menu-item-has-children ul {
  -o-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out; }

#mnav {
  -o-transition: margin .2s ease-out;
  -moz-transition: margin .2s ease-out;
  transition: margin .2s ease-out; }

.rounded {
  -moz-border-radius: 2px;
       border-radius: 2px; }

#bot rounded {
  -moz-border-radius: 0px 0px 7px 7px;
       border-radius: 0px 0px 7px 7px; }

/* Feature Button ======================================================================================= */
#header span.wpml-ls-native {
  display: none !important; }

li.wpml-ls-current-language a,
li.wpml-ls-current-language a span {
  color: #fff !important; }

.feature-button {
  padding-top: 27px;
  padding-right: 17px;
  position: relative;
  z-index: 100; }

.feature-button a {
  border: 1px solid #333;
  display: block;
  float: left;
  padding: 10px 14px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  background: #333 !important; }

.feature-button a:hover,
.page-template-page-tickets .feature-button a {
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #fff; }

.feature-button a:active {
  border: 1px solid #aaa !important;
  background: #000 !important;
  color: #fff !important; }

.page-template-page-tickets .feature-button a {
  cursor: default; }

#ww {
  z-index: 1100; }

/* Header + Nav ======================================================================================= */
#header {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 90px;
  width: 100%;
  z-index: 100; }

#header .inner {
  padding: 0px 50px;
  position: relative;
  z-index: 100; }

#header .bg {
  background: #000;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: -moz-linear-gradient(top, black 48%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(48%, black), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, black 48%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(top, black 48%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(top, black 48%, rgba(0, 0, 0, 0) 100%);
  background: -moz- oldlinear-gradient(top, black 48%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, black 48%, rgba(0, 0, 0, 0) 100%);
  background: #000 !important;
  opacity: 0;
  filter: alpha(opacity=0); }

#header.scrolled .bg, #header.animout .bg {
  opacity: 0.95;
  filter: alpha(opacity=95);
  -webkit-box-shadow: 0px 0px 12px #000;
  -moz-box-shadow: 0px 0px 12px #000;
  box-shadow: 0px 0px 12px #000; }

#header.scrolled .logo strong {
  opacity: 0;
  filter: alpha(opacity=0); }

#header.scrolled .logo a {
  max-width: 131px; }

#header.scrolled div.logo {
  padding-top: 15px;
  padding-right: 25px; }

#header.scrolled {
  height: 50px; }

#header.scrolled #nav > ul > li a {
  padding: 16px 14px;
  font-size: 10px; }

#header.scrolled #nav li ul li a {
  padding: 12px 14px;
  font-size: 11px; }

#header.scrolled .feature-button {
  padding-top: 10px;
  font-size: 11px; }

#header.scrolled .feature-button a {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 10px; }

#header.scrolled li.ww-active a.ww-active {
  padding-top: 7px; }

#header.scrolled #nav li:hover ul {
  display: block;
  top: 38px !important;
  opacity: 1;
  filter: alpha(opacity=100); }

#header div.logo {
  display: block;
  float: left;
  padding-top: 27px;
  margin-bottom: 0px;
  position: relative;
  padding-right: 50px; }

#header div.logo a {
  display: block;
  max-width: 180px;
  font-size: 18px; }

#header div.logo a img {
  display: block; }

#header div.logo strong.dates {
  font-size: 10px;
  width: 170px;
  margin-left: 30px;
  font-weight: 600;
  text-align: center;
  display: block;
  padding-right: 0px;
  color: #666;
  width: auto;
  font-family: 'helvetica'; }
  @media screen and (min-width: 1080px) {
    #header div.logo strong.dates {
      font-size: 12px;
      margin-left: 25px;
      margin-top: 7px; } }

#header div.logo strong.dates.cdate {
  margin: 7px auto 0 !important; }

#header div.logo a:hover strong {
  color: #fff; }

/* Menu */
#nav {
  float: left; }

#nav ul {
  float: right;
  padding-top: 0px; }

#nav li {
  display: block;
  float: left;
  margin: 0px 0px 0px 0px;
  position: relative; }

#nav li a {
  display: block;
  float: left;
  padding: 38px 16px;
  font-size: 11px;
  color: #ccc;
  text-transform: uppercase; }

#nav li a:hover,
#nav li.current-page-ancestor > a,
#nav li.current_page_parent > a,
#nav li.current-menu-item > a,
#nav li:hover > a,
#nav li.current_page_parent > a,
#nav li.current-menu-item > a {
  color: #fff !important; }

#nav li a:hover,
#nav li.current-page-ancestor > a,
#nav li.current_page_parent > a,
#nav li.current-menu-item > a,
#nav li:hover > a,
#nav li.current_page_parent > a,
#nav li.current-menu-item > a,
#nav ul li:hover > a {
  color: #fff !important; }

#nav li.back {
  background: #fff;
  position: absolute;
  left: 0px;
  top: 55px;
  width: 70%;
  padding: 0px;
  height: 1px;
  text-indent: -999px;
  display: block;
  -webkit-box-shadow: 0px 0px 12px 12px #fff;
  -moz-box-shadow: 0px 0px 12px 12px #fff;
  box-shadow: 0px 0px 12px 1px #fff; }

#header.scrolled #nav li.menu-item-has-children2 > a {
  background-position: 97% 17px; }

#nav .lbreak2 {
  height: 1px;
  display: block;
  width: 100%;
  margin: 0px;
  opacity: 0.2;
  filter: alpha(opacity=20); }

#nav li:hover > .lbreak2 {
  opacity: 1;
  filter: alpha(opacity=100); }

#nav li.menu-item-has-children2 > a {
  padding-right: 20px;
  background: url(../img/theme/dd-off.png) 90% 40px no-repeat; }

#nav li.menu-item-has-children span.icon-down-dir {
  position: relative;
  top: -4px;
  font-size: 11px;
  right: -4px; }

#nav li.menu-item-has-children2:hover > a {
  background: url(../img/theme/dd-over.png) 90% 40px no-repeat; }

#nav li a:hover span,
#more:hover em {
  color: #fff !important; }

/* Drop Down Menu */
#nav li ul {
  display: block;
  opacity: 0;
  position: absolute;
  top: -1000px !important;
  left: 2px !important;
  z-index: 100;
  background: rgba(1, 1, 1, 0.85);
  width: 240px !important;
  padding: 0px; }

#nav li:hover ul {
  display: block;
  opacity: 1;
  filter: alpha(opacity=100);
  top: 64px !important; }

#nav li ul li {
  float: none; }

html body #nav li ul li a {
  float: none;
  padding: 12px 14px;
  margin: 0px;
  font-size: 11px;
  color: #aaa !important;
  border: 0px !important;
  text-transform: uppercase; }

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

#weather-old {
  width: 160px !important;
  z-index: 12;
  height: 20px;
  overflow: hidden; }

#weather-old strong,
#weather-old br,
#weather-old img {
  display: none !important; }

.weather-old {
  clear: both;
  padding-top: 5px; }

#weather-old table {
  float: right;
  padding-left: 2px;
  position: relative;
  top: -4px; }

#weather-old table td center {
  color: #fff !important;
  font-size: 11px !important;
  font-weight: bold;
  font-family: helvetica, arial; }

.wt {
  display: block;
  float: left; }

.wwdd-time h4 {
  text-transform: uppercase;
  font-size: 14px; }

#weather-old > div {
  float: right; }

#rtu-nav #nav {
  float: none !important;
  text-align: center; }

#rtu-nav #nav ul {
  float: none !important; }
  #rtu-nav #nav ul li {
    display: inline-block;
    float: none; }

/* Top Left ======================================================================================= */
#tl {
  position: fixed;
  top: 80px;
  left: 0px;
  z-index: 110;
  width: 28px;
  height: 85px; }

/*
#tl .inner {} #tl .box {
    background: #000;
    background: rgba(0, 0, 0, .5);
    height: 85px;
    width: 560px;
    float: left;
    padding: 0px 0px 0px 50px
}
#tl .accent {
    background: url(../img/theme/tl.png) no-repeat;
    width: 28px;
    height: 85px;
    float: left
}
#tl .info {
    display: block;
    float: left;
    padding: 24px 0px
}
#tl .info a {
    display: block;
}
#tl .info a strong {
    font-weight: bold;
}
#tl .info a:hover {
    border-bottom: 1px solid #b8e3f4;
}
#tl div.map {
    display: block;
    float: left;
    padding: 12px 24px;
}
#tl div.ma2p .u {
    background: url(../img/theme/map-u.png);
    width: 20px;
    height: 20px;
    position: absolute;
    top: 19px;
    left: 17px;
}
#tl a.map {
    background: url(../img/theme/ultra-worldwide.png) center center no-repeat;
    display: block;
    width: 123px;
    height: 58px;
    background-size: 100%;
    position: relative
}
#tl .counter {
    display: block;
    float: left;
    padding-top: 17px;
}
#tl .days {
    display: block;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600 !important;
    line-height: 26px
}
#tl .time {
    font-style: normal;
    font-size: 18px;
    font-weight: 600
    } */
/* Worldwide DD ======================================================================================= */
#ww {
  float: right; }

.wwbtn:hover,
#ww .wwbtn a.active {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.info div {
  margin-bottom: 24px; }

.info .counter {
  font-weight: bold; }

li.ww-active {
  display: block; }

li.ww-active .ww-flag {
  display: block;
  float: left;
  padding-top: 10px; }

li.ww-active .ww-map {
  display: block;
  float: left; }

li.ww-active strong.selected {
  display: block;
  float: left;
  padding: 10px 24px 0px 4px;
  font-family: 'helvetica'; }

li.ww-active a.ww-active {
  display: block;
  padding: 26px 10px 0px;
  height: 60px; }

#ww li.ww-active .selected span {
  border-bottom: 1px solid transparent;
  font-weight: normal; }

#ww li.ww-active:hover .selected span2 {
  color: #b8e3f4 !important; }

/* WW DD */
#ww li ul {
  display: block;
  position: absolute;
  top: -1000px;
  z-index: 10000;
  left: auto;
  width: 230px;
  width: 100%;
  opacity: 0;
  right: 0;
  padding-bottom: 12px;
  padding-top: 12px; }

#ww li.ww-active:hover ul {
  display: block;
  z-index: 10000;
  opacity: 1;
  filter: alpha(opacity=100);
  top: 60px; }

#header.scrolled #ww li.ww-active:hover ul {
  top: 36px !important; }

#ww li ul li {
  display: block; }

#ww li ul li a {
  display: block;
  padding: 6px 0px;
  text-align: left; }

#ww li ul li img.flag {
  width: 10px;
  position: absolute;
  position: relative;
  top: 2px;
  left: 0px;
  opacity: .3;
  display: inline-block;
  margin: 0 8px; }

#ww li ul li span.lbreak3 {
  display: block;
  width: 100%;
  height: 1px;
  margin-bottom: 0px;
  opacity: .3; }

#ww li ul li li:hover span.lbreak3,
#ww li ul li.active span.lbreak3 {
  opacity: 1; }

#ww li ul li a:hover img.flag,
#ww li ul li.active img.flag {
  left: 0px;
  opacity: 1; }

#ww2 li ul li a:hover {
  background: #b8e3f4;
  color: #000 !important;
  background: -moz- oldlinear-gradient(left, rgba(184, 227, 244, 0) 0%, #b8e3f4 50%, rgba(184, 227, 244, 0) 100%);
  background: -o-linear-gradient(left, rgba(184, 227, 244, 0) 0%, #b8e3f4 50%, rgba(184, 227, 244, 0) 100%);
  background: linear-gradient(to right, rgba(184, 227, 244, 0) 0%, #b8e3f4 50%, rgba(184, 227, 244, 0) 100%); }

#ww li ul li a:hover i,
#ww li ul li a:hover em,
#ww li ul li.active a i,
#ww li ul li.active i,
#ww li ul li.active em {
  color: #fff; }

#ww li ul li a.active {
  cursor: default; }

#ww li ul li em,
#ww li ul li i {
  font-style: normal;
  text-align: right;
  text-transform: uppercase;
  font-size: 12px; }

#ww li ul li i {
  font-size: 12px; }

#ww li ul li em {
  font-weight: bold;
  color: #aaa; }

#ww li ul li i {
  color: #999; }

#ww li ul dd {
  clear: both;
  display: block; }

/* Drop Down Menu */
#ww li ul2 {
  background: -moz- oldlinear-gradient(top, black 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%); }

#ww .active {
  color: #fff; }

/* Mobile Nav  ======================================================================================= */
#mnav {
  position: fixed;
  visibility: visible;
  top: 0px;
  left: 25px;
  right: 0;
  bottom: 0;
  z-index: 200;
  display: none;
  height: auto;
  padding-bottom: 50px;
  margin-top: 100px;
  overflow: auto; }

#mnav h2 {
  padding: 25px 0px 0px 0px;
  font-size: 18px;
  color: #fff; }

#mnav a.btn-close {
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  padding: 27px 25px;
  color: #fff;
  font-size: 16px; }

#mnav a.btn-close:hover {
  background: #fff;
  color: #fff; }

#mnav ul#mnav-main {
  padding-bottom: 25px; }

#mnav li ul {
  display: none;
  clear: both; }

#mnav li {
  padding: 4px 0px; }

#mnav li a {
  color: #ccc;
  padding: 6px 36px 6px 0px;
  font-size: 14px;
  display: block;
  text-transform: uppercase; }

#mnav li a:hover {
  color: #fff; }

#mnav li a.active {
  color: #fff; }

#mnav li ul li {
  padding: 7px 0px; }

#mnav li ul li a {
  font-size: 13px;
  color: #fff;
  padding: 3px 20px; }

#mnav li ul {
  padding-bottom: 20px; }

#mnav-overlay {
  position: fixed;
  visibility: visible;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 75;
  height: 100%;
  width: 100%;
  background: #111;
  background: rgba(0, 0, 0, 0.92);
  display: none; }

#mnav li.current-page-ancestor > a,
#mnav li.current_page_parent > a,
#mnav li.current-menu-item > a,
#mnav li.current_page_parent > a,
#mnav li.current-menu-item > a {
  color: #fff !important;
  font-family: 'helvetica-bold'; }

body.oc-open #header {
  position: fixed; }

body.oc-open #header .logo,
body.oc-open #oc,
body.oc-open #header #ww,
body.oc-open .ww-active ul {
  z-index: 1000; }

body.oc-open #footer2 {
  position: relative;
  z-index: 5; }

#oc {
  width: 30px;
  padding: 0px;
  float: right;
  margin: 20px 10px 0px 30px;
  display: none;
  height: 28px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer; }

#oc span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #fff;
  -moz-border-radius: 9px;
       border-radius: 9px;
  left: 0px;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out; }

#oc span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
      transform-origin: left center; }

#oc span:nth-child(2) {
  top: 9px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
      transform-origin: left center; }

#oc span:nth-child(3) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
      transform-origin: left center; }

.oc-open #oc span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  top: -3px;
  left: 4px; }

.oc-open #oc span:nth-child(2) {
  width: 0%;
  opacity: 0; }

.oc-open #oc span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  top: 18px;
  left: 4px; }

/* Admin ======================================================================================= */
@media screen and (min-width: 783px) {
  html.admin-bar {
    margin: 0px !important; }
  html.admin-bar #wrapper-content {
    padding-top: 32px !important; }
  body.admin-bar #header {
    top: 32px; }
  html.admin-bar body.oc-open #header {
    padding-top: 0px; }
  html.admin-bar #mnav {
    margin-top: 130px; }
  body.admin-bar #header.scrolled #ww li.ww-active:hover ul {
    top: 50px; } }

@media screen and (max-width: 782px) {
  html.admin-bar #wrapper-content {
    padding-top: 45px !important; }
  html.admin-bar #mnav {
    margin-top: 130px; }
  html.admin-bar #header.scrolled #mnav {
    margin-top: 90px; }
  html.admin-bar #wrapper-content {
    padding-top: 46px !important; }
  body.admin-bar #header {
    top: 46px; }
  body.admin-bar #header.scrolled #ww li.ww-active:hover ul {
    top: 66px; } }

@media screen and (max-width: 600px) {
  body.admin-bar #header.scrolled {
    top: 0px; }
  html.admin-bar #header.scrolled #mnav {
    margin-top: 70px; } }

/* Responsive Header ======================================================================================= */
@media only screen and (max-width: 1390px) {
  #ww .ww-flag {
    margin-right: 12px; }
  #ww li > a > strong {
    display: none !important; }
  li.ww-active a.ww-active {
    padding: 26px 0px 0px; }
  #header div.logo {
    padding-right: 30px !important; }
  /*
    #ww li ul {
        display: block;
        position: absolute;
        top: -1000px;
        left: auto;
        width: 260px;
        opacity: 0;   right: -20px;
    }
    */
  #nav li a {
    padding: 38px 12px; }
  #header .inner {
    padding: 0px 30px; } }

@media only screen and (max-width: 1200px) {
  #header .feature-button .small-hide {
    display: none !important;
    visibility: hidden; }
  #header div.logo a {
    max-width: 160px; }
  #header div.logo strong.dates {
    margin-left: 12px; }
  #header div.logo {
    padding-right: 20px !important; } }

@media only screen and (min-width: 1081px) {
  #nav {
    display: block !important; }
  #mnav, #mnav-overlay, #oc {
    display: none !important; }
  /**/
  #header div.hleft {
    position: absolute;
    left: 50px;
    top: 0px; }
  #header div.hright {
    position: absolute;
    right: 50px;
    top: 0px; } }

@media only screen and (max-width: 1080px) {
  #header {
    height: 70px; }
  #header .inner {
    padding: 0px 15px; }
  #header div.logo {
    max-width: 155px;
    padding-top: 15px;
    padding-right: 0px; }
  #header div.logo strong.dates {
    width: 138px;
    margin-left: 10px; }
  #header .feature-button {
    padding-left: 0px;
    padding-top: 17px; }
  #header .logo a {
    max-width: 131px; }
  #header #oc {
    margin-top: 23px;
    display: block;
    margin-left: 15px; }
  #nav {
    display: none; }
  #mnav {
    margin-top: 90px; }
  #header.scrolled #oc {
    margin-top: 14px; }
  #header.scrolled #mnav {
    margin-top: 70px; }
  #header.scrolled #ww li.ww-active:hover ul {
    top: 35px; }
  #ww {
    float: right;
    padding-top: 5px;
    padding-right: 0px; }
  #ww li.ww-active a.ww-active {
    padding-top: 12px;
    width: 100px;
    height: 60px; }
  #ww li.ww-active:hover ul {
    top: 60px; }
  #header div.hleft {
    left: 10px; }
  #header div.hright {
    right: 30px; } }

/* Responsive Nav  ======================================================================================= */
@media only screen and (max-width: 540px) {
  #header div.logo {
    max-width: 135px; }
  #header div.logo strong.dates {
    margin-left: 0px; }
  .feature-button {
    padding-right: 10px; }
  #upp-header ul {
    display: none; }
  #ww li.ww-active a.ww-active {
    padding-top: 15px;
    width: 85px;
    height: 50px; }
  #ww li.ww-active .ww-map {
    width: 58px; }
  li.ww-active .ww-flag {
    padding-top: 6px; } }

@media only screen and (max-width: 430px) {
  .feature-button span.mid-hide {
    display: none; } }

@media only screen and (max-width: 390px) {
  .feature-button span.small-hide {
    display: none; } }

@media only screen and (max-width: 360px) {
  .feature-button span.icon-right-open {
    display: none !important; }
  .feature-button a {
    padding: 9px 7px; } }

@media only screen and (max-width: 320px) {
  .feature-button {
    display: none; } }

/* Non Partner Nav  ======================================================================================= */
.wwt {
  display: block;
  float: left;
  width: 128px;
  opacity: 0.7;
  filter: alpha(opacity=70);
  margin-right: 15px; }

.wwt:hover {
  opacity: 1;
  filter: alpha(opacity=100); }

/* WPML */
#nav li.menu-item-language a {
  padding: 38px 10px;
  opacity: .7; }

#nav li.menu-item-language-current a, #nav li.menu-item-language a:hover {
  opacity: 1; }

.eventsdd {
  width: 100%;
  padding-top: 40px;
  overflow: hidden;
  position: relative; }
  @media screen and (max-width: 900px) {
    .eventsdd {
      padding-top: 0px; } }
  .eventsdd > div.inner > .w1200 {
    width: 1200px;
    padding: 0px 0px;
    max-width: 100%;
    margin: auto; }
    @media screen and (max-width: 1260px) {
      .eventsdd > div.inner > .w1200 {
        width: 980px; } }
  .eventsdd .wpf {
    padding-bottom: 20px; }
    .eventsdd .wpf:hover p {
      opacity: 1; }
    .eventsdd .wpf p {
      font-size: 10px !important;
      opacity: .5;
      font-family: 'helvetica-bold';
      -o-transition: opacity .1s linear;
      -moz-transition: opacity .1s linear;
      transition: opacity .1s linear;
      text-transform: uppercase; }
    .eventsdd .wpf ul {
      text-align: center;
      padding-bottom: 20px; }
      .eventsdd .wpf ul li {
        display: inline-block;
        vertical-align: middle; }
        .eventsdd .wpf ul li a {
          padding: 10px 20px;
          display: block; }
          .eventsdd .wpf ul li a img {
            display: block;
            -webkit-backface-visibility: hidden;
               -moz-backface-visibility: hidden;
                    backface-visibility: hidden;
            -webkit-transform-style: preserve-3d;
               -moz-transform-style: preserve-3d;
                    transform-style: preserve-3d;
            -webkit-transform: translate3d(0, 0, 0);
               -moz-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0);
            -o-transition: opacity .1s linear;
            -moz-transition: opacity .1s linear;
            transition: opacity .1s linear;
            width: 100px;
            opacity: .5; }
          .eventsdd .wpf ul li a:hover img {
            opacity: .95; }

.lbreak3.rtu {
  background: -moz- oldlinear-gradient(left, #ed145b 0%, rgba(237, 20, 91, 0) 100%);
  background: -o-linear-gradient(left, #ed145b 0%, rgba(237, 20, 91, 0) 100%);
  background: linear-gradient(to right, #ed145b 0%, rgba(237, 20, 91, 0) 100%); }

.lbreak3.ultra {
  background: -moz- oldlinear-gradient(left, #94f2ff 0%, rgba(148, 242, 255, 0) 100%);
  background: -o-linear-gradient(left, #94f2ff 0%, rgba(148, 242, 255, 0) 100%);
  background: linear-gradient(to right, #94f2ff 0%, rgba(148, 242, 255, 0) 100%); }

.lbreak3.beach {
  background: -moz- oldlinear-gradient(left, #f5dfa2 0%, rgba(245, 223, 162, 0) 100%);
  background: -o-linear-gradient(left, #f5dfa2 0%, rgba(245, 223, 162, 0) 100%);
  background: linear-gradient(to right, #f5dfa2 0%, rgba(245, 223, 162, 0) 100%); }

.ddevent {
  width: 23%;
  margin-right: 1%;
  margin-left: 1%;
  float: left;
  padding-bottom: 15px; }
  .ddevent.resistance img.logo {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 180px; }
  .ddevent.rtu .lbreak3 {
    background: -moz- oldlinear-gradient(left, #ed145b 0%, rgba(237, 20, 91, 0) 100%);
    background: -o-linear-gradient(left, #ed145b 0%, rgba(237, 20, 91, 0) 100%);
    background: linear-gradient(to right, #ed145b 0%, rgba(237, 20, 91, 0) 100%); }
  .ddevent.ultra .lbreak3 {
    background: -moz- oldlinear-gradient(left, #94f2ff 0%, rgba(148, 242, 255, 0) 100%);
    background: -o-linear-gradient(left, #94f2ff 0%, rgba(148, 242, 255, 0) 100%);
    background: linear-gradient(to right, #94f2ff 0%, rgba(148, 242, 255, 0) 100%); }
  .ddevent.beach .lbreak3 {
    background: -moz- oldlinear-gradient(left, #f5dfa2 0%, rgba(245, 223, 162, 0) 100%);
    background: -o-linear-gradient(left, #f5dfa2 0%, rgba(245, 223, 162, 0) 100%);
    background: linear-gradient(to right, #f5dfa2 0%, rgba(245, 223, 162, 0) 100%); }
  .ddevent img.accent {
    opacity: .7;
    -webkit-transition: all 700ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: all 700ms cubic-bezier(1, 0, 0, 1);
    -o-transition: all 700ms cubic-bezier(1, 0, 0, 1);
    transition: all 700ms cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
       transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: rotate(0deg) scale(0.8) translate3d(0, 0, 0);
       -moz-transform: rotate(0deg) scale(0.8) translate3d(0, 0, 0);
            transform: rotate(0deg) scale(0.8) translate3d(0, 0, 0); }
  .ddevent img.logo {
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: .7;
    -webkit-transition: opacity 700ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: opacity 700ms cubic-bezier(1, 0, 0, 1);
    -o-transition: opacity 700ms cubic-bezier(1, 0, 0, 1);
    transition: opacity 700ms cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
       transition-timing-function: cubic-bezier(1, 0, 0, 1); }
  .ddevent:hover img.logo {
    opacity: .95; }
  .ddevent:hover img.accent {
    -webkit-transform: rotate(180deg) scale(1) translate3d(0, 0, 0);
       -moz-transform: rotate(180deg) scale(1) translate3d(0, 0, 0);
            transform: rotate(180deg) scale(1) translate3d(0, 0, 0);
    opacity: 1; }
  .ddevent ul {
    position: relative;
    left: 0px;
    top: 0px; }
    .ddevent ul li a {
      display: block;
      padding: 7px 0px 5px;
      text-align: left; }
    .ddevent ul li:hover span.lbreak3,
    .ddevent ul li.active span.lbreak3 {
      opacity: 1; }
    .ddevent ul li a:hover img.flag,
    .ddevent ul li.active img.flag {
      opacity: 1; }
    .ddevent ul li a:hover i,
    .ddevent ul li a:hover em,
    .ddevent ul li.active a i,
    .ddevent ul li.active i,
    .ddevent ul li.active em {
      color: #fff; }
    .ddevent ul a.active {
      cursor: default; }
    .ddevent ul em,
    .ddevent ul i {
      font-style: normal;
      text-align: right;
      text-transform: uppercase;
      font-size: 12px;
      color: #999;
      -o-transition: .1s linear;
      -moz-transition: .1s linear;
      transition: .1s linear; }
    .ddevent ul em {
      font-weight: bold;
      color: #bbb; }
    .ddevent ul img.flag {
      width: 10px;
      position: absolute;
      top: 10px;
      left: -25px;
      opacity: 0;
      display: inline-block;
      margin: 0 8px;
      -o-transition: opacity .1s linear;
      -moz-transition: opacity .1s linear;
      transition: opacity .1s linear; }
    .ddevent ul span.lbreak3 {
      display: block;
      width: 100%;
      height: 1px;
      margin-bottom: 0px;
      opacity: 0;
      -o-transition: opacity .1s linear;
      -moz-transition: opacity .1s linear;
      transition: opacity .1s linear; }
  .ddevent .worldwide p {
    font-size: 13px;
    line-height: 150%; }
  @media screen and (max-width: 1260px) {
    .ddevent {
      width: 24%;
      margin-right: .5%;
      margin-left: .5%; }
      .ddevent img.flag {
        display: none !important; } }
  @media screen and (max-width: 1024px) {
    .ddevent {
      width: 100%;
      margin: 0;
      padding: 0 0 25px 0px; }
      .ddevent li {
        max-width: 300px; } }

/* Footer ======================================================================================= */
#footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 90;
  background: rgba(0, 0, 0, 0.4);
  font-size: 11px;
  text-shadow: 0 0 3px #000, 0 0 5px #000, 0 0 7px #000, 0 0 9px #000, 0 0 11px #000;
  transition: background .2s ease-out, padding .2s ease-out;
  -o-transition: background .2s ease-out, padding .2s ease-out;
  -moz-transition: background .2s ease-out, padding .2s ease-out;
  -webkit-transition: background .2s ease-out, padding .2s ease-out; }

#footer .bl a {
  display: inline-block;
  padding: 20px 5px;
  transition: background .2s ease-out, padding .2s ease-out;
  -o-transition: background .2s ease-out, padding .2s ease-out;
  -moz-transition: background .2s ease-out, padding .2s ease-out;
  -webkit-transition: background .2s ease-out, padding .2s ease-out; }

.fsignup {
  padding: 12px 0px 12px 20px;
  text-align: center;
  margin: auto;
  width: 240px;
  transition: background .2s ease-out, padding .2s ease-out;
  -o-transition: background .2s ease-out, padding .2s ease-out;
  -moz-transition: background .2s ease-out, padding .2s ease-out;
  -webkit-transition: background .2s ease-out, padding .2s ease-out; }

#footer .bl:hover strong, #footer .bl:hover span, #footer .bl:hover div {
  color: #fff; }

#footer .bl2:hover button {
  background: #777; }

#footer .bl2:hover button:hover {
  background: #fff; }

#footer .bl:hover input, .fsignup input:active, .fsignup input:focus {
  border: 1px solid #777;
  color: #fff;
  outline: none;
  outline-style: none; }

.fsignup input {
  background: none;
  border: 1px solid #444;
  font-weight: normal !important;
  text-transform: uppercase;
  font-family: 'helvetica';
  font-size: 10px;
  color: #b8e3f4;
  padding: 7px 6px 6px;
  display: block;
  width: 120px;
  float: left;
  line-height: normal;
  -webkit-border-radius: 0px;
  -webkit-appearance: none;
  -moz-border-radius: 0;
       border-radius: 0; }

.fsignup button {
  padding: 7px 5px 7px 12px;
  min-width: 100px;
  font-size: 10px;
  line-height: 100%;
  font-family: 'helvetica-bold';
  font-weight: normal;
  display: block;
  float: left;
  outline: none;
  outline-style: none;
  -moz-border-radius: 0px;
       border-radius: 0px; }

.fsignup button:hover span {
  color: #000 !important; }

#footer .bl {
  line-height: 1em;
  color: #aaa;
  margin: 0px;
  transition: background .2s ease-out, padding .2s ease-out;
  -o-transition: background .2s ease-out, padding .2s ease-out;
  -moz-transition: background .2s ease-out, padding .2s ease-out;
  -webkit-transition: background .2s ease-out, padding .2s ease-out; }

#footer a, #footer a:visited {
  color: #aaa !important; }

#footer a:hover, #footer a:active {
  color: #fff !important; }

#footer .bl #countdown {
  display: inline-block; }

#footer .bl #countdown.loaded {
  opacity: .01;
  filter: alpha(opacity=1);
  opacity: 1;
  filter: alpha(opacity=100); }

#footer-nav {
  display: none; }

#footer .br {
  padding: 16px 20px;
  transition: background .2s ease-out, padding .2s ease-out;
  -o-transition: background .2s ease-out, padding .2s ease-out;
  -moz-transition: background .2s ease-out, padding .2s ease-out;
  -webkit-transition: background .2s ease-out, padding .2s ease-out; }

#footer .copy {
  text-transform: uppercase;
  font-size: 9px;
  display: inline-block;
  margin-bottom: 0px; }

#footer .copy a,
#footer .copy a span {
  color: #aaa;
  display: inline-block;
  padding: 5px; }

#footer .copy a:hover {
  color: #fff; }

#footer p.copy span {
  color: #777; }

#footer .social {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px; }

#footer .social li {
  display: inline-block;
  transition: padding .2s ease-out;
  -o-transition: padding .2s ease-out;
  -moz-transition: padding .2s ease-out;
  -webkit-transition: padding .2s ease-out;
  vertical-align: middle; }

#footer .social li a {
  font-size: 15px;
  padding: 5px;
  vertical-align: middle; }

#footer .social li a:hover span {
  color: #fff; }

#footer .social .icon-instagram {
  font-size: 20px; }

#footer .social .icon-youtube {
  font-size: 20px; }

#footer .social .icon-mixcloud {
  font-size: 19px; }

#footer .social-sharing-service-small a {
  padding: 3px 15px 3px 0px; }

#footer .location {
  display: none; }

#mnav .m-social {
  position: fixed;
  bottom: 0px;
  left: 0px;
  padding-left: 0px;
  width: 100%;
  background: #000; }

#mnav .m-social .lbreak3 {
  opacity: .4; }

#mnav .m-social ul {
  padding-left: 15px; }

#mnav .social li {
  display: block;
  float: left; }

#mnav .social li a {
  padding: 10px 7px; }

#gotop {
  display: none; }

#footer.scrolled .br {
  padding: 10px 20px; }

#footer.scrolled, #footer:hover {
  background: rgba(0, 0, 0, 0.8); }

#footer.scrolled .bl a {
  padding: 14px 5px; }

#footer.scrolled .fsignup {
  padding: 6px 0px 5px 20px; }

#footer.scrolled .social li {
  padding-bottom: 0; }

.mobile-break {
  display: none; }

.footer-info p {
  font-size: 15px;
  line-height: 175% !important; }

.footer-info .spacer {
  color: #999;
  padding: 0 5px; }

/* Responsive Footer ======================================================================================= */
#backto {
  position: fixed;
  bottom: 50px;
  left: 20px;
  z-index: 100;
  -webkit-transition: all 1200ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: all 1200ms cubic-bezier(1, 0, 0, 1);
  -o-transition: all 1200ms cubic-bezier(1, 0, 0, 1);
  transition: all 1200ms cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
     transition-timing-function: cubic-bezier(1, 0, 0, 1); }
  #backto em {
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    display: block;
    margin-bottom: 8px;
    color: #bbb !important;
    font-style: normal;
    position: relative;
    left: 3px; }
  #backto a {
    display: block !important;
    width: 100px; }
  #backto a img {
    max-width: 100%;
    height: auto; }
  #backto.preload {
    left: -150px; }
  #backto:hover em {
    color: #fff !important; }

@media only screen and (min-width: 1081px) {
  .applemusic {
    -o-transition: bottom .1s ease-out;
    -moz-transition: bottom .1s ease-out;
    transition: bottom .1s ease-out;
    position: absolute;
    bottom: 50px;
    right: 20px; }
  #footer.scrolled .applemusic {
    bottom: 40px; } }

@media only screen and (max-width: 1140px) {
  #footer {
    position: relative;
    background: rgba(0, 0, 0, 0.5); }
  #backto {
    position: relative;
    left: 50%;
    bottom: auto;
    width: 100px;
    margin-left: -50px;
    margin-bottom: 25px;
    text-align: center; }
    #backto.preload {
      left: 0px; }
    #backto em {
      left: -4px; }
  #footer span.venue {
    display: block !important; }
  #countdown .thin {
    display: none; }
  #footer .bl a, #footer .bl div {
    line-height: 175%;
    color: #fff; }
  #footer .bl a span {
    color: #fff; }
  #footer #br,
  #footer .bl .dash {
    display: none; }
  #footer2 .rs100 {
    width: 100%;
    float: none; }
  #footer .bl, #footer .br {
    width: 100%;
    text-align: center; }
  #footer .bl .mobile-hide {
    display: none; }
  #footer .bl a {
    float: none;
    text-align: center;
    display: inline-block; }
  .fsignup {
    padding-top: 35px !important;
    margin-bottom: 50px;
    float: none; }
  #footer .social, #footer .br2, #footer .b2l, #footer .copy, #footer-nav {
    width: 100%;
    text-align: center;
    padding: 10px 0; }
  #footer .social li {
    display: inline-block; }
  #footer .bl2 {
    padding-top: 15px; }
  #footer .location {
    display: block;
    line-height: 2em; }
  #footer-nav {
    margin-top: 0px;
    display: block; }
  #footer-nav li {
    display: inline-block; }
  #footer-nav li span:before {
    color: #fff;
    content: '/';
    padding: 0 10px; }
  #footer-nav li:last-of-type span {
    display: none; }
  #footer .copy {
    position: relative;
    width: 100%;
    text-align: center; }
  .mobile-break {
    display: block; }
  #footer .mobile-block {
    display: block; }
  #gotop {
    display: block;
    margin: auto;
    text-align: center;
    width: 50px;
    height: 40px;
    background: #333;
    clear: both;
    cursor: pointer;
    position: relative;
    top: 7px; }
  #gotop:hover {
    background: #777; }
  #gotop span {
    font-size: 18px;
    display: block;
    padding-top: 10px; } }

.applebtn {
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding: 5px; }
  .applebtn .over {
    position: absolute;
    top: 5px;
    left: 5px;
    opacity: 0;
    -o-transition: opacity .1s ease-out;
    -moz-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out;
    width: 150px;
    height: 100%;
    background: url("https://assets.ultramusicfestival.com/images/apple-music-red.svg") top left no-repeat; }
  .applebtn:hover .over {
    opacity: 1; }

.video-background {
  background: #000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -99; }

.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; }

.video-background .bg-img {
  display: none !important; }

@media only screen and (max-width: 1024px) {
  .video-foreground {
    display: none !important; }
  .video-background .bg-img {
    display: block !important; } }

.fancybox-caption {
  border: 0px !important; }

video#bgvid {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 1;
  -webkit-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
       -o-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  -o-transition: 1s opacity;
  -moz-transition: 1s opacity;
  transition: 1s opacity; }

@media screen and (max-width: 980px) {
  #bgvid {
    display: none !important; } }

.intl-tel-input .flag-container {
  height: 48px; }

.intl-tel-input ul.country-list {
  /*
        background-color: rgba(#000,.95);
        border:1px solid rgba(#454545,.8);
        display: block;
        box-shadow: 0px;
        */
  max-height: 260px; }
  .intl-tel-input ul.country-list .country .dial-code {
    color: #000; }
  .intl-tel-input ul.country-list .country .country-name {
    color: #666; }
  .intl-tel-input ul.country-list li.divider {
    padding-bottom: 2px;
    margin-bottom: 8px !important;
    border-bottom: 1px solid #454545; }
  .intl-tel-input ul.country-list li.active, .intl-tel-input ul.country-list li:hover {
    background-color: #94f2ff !important; }
    .intl-tel-input ul.country-list li.active .dial-code, .intl-tel-input ul.country-list li:hover .dial-code {
      font-weight: bold; }
    .intl-tel-input ul.country-list li.active .country-name, .intl-tel-input ul.country-list li:hover .country-name {
      color: #000; }
  .intl-tel-input ul.country-list li {
    padding: 10px 12px;
    display: block;
    margin: 0px !important;
    -o-transition: background .1s ease-out, color .1s ease-out;
    -moz-transition: background .1s ease-out, color .1s ease-out;
    transition: background .1s ease-out, color .1s ease-out; }

.img-wrap {
  position: relative;
  overflow: hidden; }

.img-wrap img {
  position: relative;
  z-index: 10;
  display: block; }

.img-wrap span {
  z-index: 11;
  display: block;
  position: absolute !important;
  background: -moz- oldradial-gradient(center ellipse, rgba(0, 0, 0, 0) 0%, black 100%);
  background: -o-radial-gradient(center ellipse, rgba(0, 0, 0, 0) 0%, black 100%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, black 100%);
  /* W3C */ }

.tagwatch {
  width: 377px;
  height: 679px;
  margin: auto;
  position: relative;
  background: blue url("https://ultrasouthafrica.com/wp-content/uploads/2017/02/tag-huer.png") top center no-repeat; }

#countdowndays {
  font-family: 'helvetica-bold';
  position: absolute;
  top: 274px;
  left: 85px;
  font-size: 43px;
  text-align: center;
  width: 177px; }

#countdowntop {
  font-family: 'helvetica-bold';
  position: absolute;
  top: 201px;
  left: 117px;
  font-size: 30px;
  text-align: left;
  width: 177px; }

/* Styles =======================================================================================  */
.sidenote {
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, 0.7);
  background: rgba(0, 0, 0, 0.3); }

.sidenote h3 {
  font-size: 11px !important;
  text-transform: uppercase; }

.sidenote p {
  margin: 0px; }

.pagination {
  text-align: center;
  margin-bottom: 36px;
  line-height: 150%;
  padding: 0px 20px; }

.pagination span.current, .pagination a {
  display: inline-block;
  font-size: 10px;
  padding: 4px 10px;
  font-family: 'helvetica-bold';
  margin-bottom: 12px;
  margin: 0px 2px 12px; }

.pagination span.dots {
  padding: 10px;
  margin-right: 5px; }

.pagination a {
  border: 1px solid #444;
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  color: #fff; }

.pagination a:hover {
  background: #444; }

.pagination span.current, .pagination a:active, .pagination a:focus {
  border: 1px solid #fff;
  background: #fff;
  color: #000; }

.pagination a.next, .pagination a.prev {
  text-transform: uppercase;
  font-family: 'helvetica'; }

.side-header {
  font-size: 16px;
  padding: 9px 0px 0px 8px;
  margin-bottom: 1em;
  text-transform: uppercase; }

#single-artist .icon-instagram {
  font-size: 23px; }

#single-artist .icon-youtube {
  font-size: 21px; }

.subartists li {
  display: inline-block;
  margin-right: 20px; }

.artist-header .dates {
  width: 335px;
  text-align: right;
  font-size: 12px;
  line-height: 175%;
  font-family: 'helvetica-bold'; }

.darkspacer {
  color: #ccc; }

.fs11 {
  font-size: 11px;
  color: #ddd; }

.thin {
  font-family: 'helvetica'; }

.artist-header .dates .south-africa {
  color: #fff; }

.artist-header .dates .miami {
  color: #fff; }

.artist-header h1 {
  margin-bottom: 0px; }

.thin {
  font-family: 'helvetica'; }

.artist-title img {
  width: 200px; }

.artist-title a {
  cursor: pointer; }

/* Shine */
.shine figure {
  position: relative; }

.shine::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: -moz- oldlinear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  -moz-transform: skewX(-25deg);
   -ms-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
       transform: skewX(-25deg); }

.shine:hover::before {
  -webkit-animation: shine .75s;
  -moz-animation: shine .75s;
    -o-animation: shine .75s;
       animation: shine .75s; }

@-webkit-keyframes shine {
  100% {
    left: 125%; } }

@-moz-keyframes shine {
  100% {
    left: 125%; } }

@-o-keyframes shine {
  100% {
    left: 125%; } }

@keyframes shine {
  100% {
    left: 125%; } }

.ofhidden {
  overflow: hidden; }

#live-gal, .parent-anim {
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0); }

/* Zoom Out #1 */
.zoom-out, .zoom-span span {
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out; }

.zoom-out:hover, .zoom-span:hover span {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  -moz-transform: scale(1.02);
  transform: scale(1.02); }

/* Home & Cycle =======================================================================================  */
.ww-btn-link {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 1px;
  width: 1px;
  overflow: hidden; }

#swipebox-caption {
  padding: 12px; }

#bg1, div.stars {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: -1;
  overflow: hidden; }

.gal-share .bulk-share {
  top: -2px !important; }

.home-slider {
  padding-bottom: 0px;
  margin-bottom: 50px;
  padding-left: 0px; }

.ib-slider img {
  width: 100%;
  height: auto; }

.slider {
  display: none; }

.slider .next,
.slider .prev {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 30px;
  z-index: 999; }

.slider img {
  max-width: 100%;
  height: auto;
  display: block; }

.slider .next:hover,
.slider .prev:hover {
  opacity: 1;
  filter: alpha(opacity=100); }

.slider .next {
  right: -50px; }

.slider .prev {
  left: -50px; }

.slider .pager {
  text-align: center; }

.slider .pager span2 {
  padding: 5px 6px;
  font-size: 36px;
  display: inline-block;
  color: #666;
  line-height: 30px;
  cursor: pointer; }

.slider .pager span2.cycle-pager-active,
.new-home .vid-slider .pager span:hover {
  color: #fff; }

.slider .pager {
  padding: 10px;
  text-align: center; }

.slider .pager span {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: none;
  border: 2px solid #666;
  margin: 0px 6px;
  text-align: center;
  text-indent: -999px;
  overflow: hidden;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
     background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 4px #000;
  -moz-box-shadow: 0px 0px 4px #000;
  box-shadow: 0px 0px 4px #000; }

.slider .pager span:hover {
  border: 2px solid #fff;
  background: rgba(255, 255, 255, 0.8); }

.slider .pager span.cycle-pager-active {
  background: #fff;
  border: 2px solid #fff; }

.slider .pager {
  padding-top: 14px; }

.box-header {
  font-size: 10px;
  padding: 10px;
  text-transform: uppercase; }

h3.box-header, .box-header a {
  color: #ccc;
  font-family: 'helvetica-bold'; }

.box-header a:hover {
  color: #fff; }

.cycler .cycler-nav a {
  position: relative; }

.cycler strong {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 12px;
  width: 100%;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 12px;
  z-index: 12;
  width: 100%; }

.ib-slider {
  padding-top: 45px;
  position: relative; }

.cycler {
  display: block; }

.home-group ul {
  width: 100%; }

.home-text {
  text-align: center;
  padding-bottom: 25px;
  height: 50px;
  font-size: 16px;
  text-transform: uppercase; }

.cycler .btn-cycle span {
  padding: 13px 9px;
  display: block;
  cursor: pointer;
  color: #aaa; }

.cycler .btn-cycle span:hover {
  color: #fff; }

.cycler .btn-cycle span:active {
  background: #333;
  color: #fff; }

.home-group .next {
  position: absolute;
  top: 0px;
  right: 0px;
  border-left: 1px solid #333; }

.home-group .prev {
  position: absolute;
  top: 0px;
  right: 71px; }

.home-group .player {
  position: absolute;
  top: 0px;
  right: 35px;
  border-left: 1px solid #333; }

.cnavabs .next span,
.cnavabs .prev span,
.cnavabs .player span {
  padding: 4px 9px !important; }

.cnavabs .cycler-nav {
  height: 0;
  position: relative;
  top: -112px;
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px; }

.cnavabs .cycler a {
  padding: 2px 9px !important;
  letter-spacing: 1em;
  word-spacing: 2em; }

.cnavabs span {
  font-size: 12px !important; }

.cnavabs .next {
  border-left: 1px solid #333;
  display: inline-block; }

.cnavabs .prev {
  display: inline-block;
  position: relative; }

.cnavabs .player {
  border-left: 1px solid #333;
  display: inline-block;
  position: relative; }

.cnavabs .cycler-nav .pager {
  position: relative;
  padding-top: 0px;
  top: 97px;
  height: 0; }

.cycler-nav .pager {
  text-align: center;
  padding-top: 10px;
  clear: both;
  height: 24px;
  overflow: hidden;
  max-width: 300px;
  margin: auto; }

.cycler-nav .pager span {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: none;
  border: 2px solid #666;
  margin: 0px 6px 10px;
  text-align: center;
  text-indent: -999px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  top: 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
     background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 4px #000;
  -moz-box-shadow: 0px 0px 4px #000;
  box-shadow: 0px 0px 4px #000; }

.cycler-nav .pager span:hover {
  border: 2px solid #fff;
  background: rgba(255, 255, 255, 0.8); }

.cycler-nav .pager span.cycle-pager-active {
  background: #fff;
  border: 2px solid #fff; }

.vid-icon {
  position: absolute;
  bottom: 34px;
  top: 0;
  right: 0;
  left: 0;
  background: url("https://umfworldwide.com/wp-content/uploads/2015/06/play-btn.png") center center/50px 50px no-repeat;
  z-index: 1;
  opacity: 0.6;
  filter: alpha(opacity=60); }

.vid-icon-banner {
  position: absolute;
  bottom: 0px;
  top: 0px;
  right: 0;
  left: 0;
  background: url("https://umfworldwide.com/wp-content/uploads/2015/06/play-btn.png") center center/80px 80px no-repeat;
  z-index: 1;
  opacity: 0.6;
  filter: alpha(opacity=60); }

.artists-home-list img {
  display: none; }

.artists-home-list .pager span {
  position: relative; }

a:hover .vid-icon-banner,
.umftv a:hover .vid-icon, .home-vid a:hover .vid-icon {
  opacity: 1;
  filter: alpha(opacity=100); }

.home-group a {
  overflow: hidden;
  max-width: 100%;
  display: block;
  position: relative; }

.home-group strong {
  text-align: center; }

#swipebox-slider .slide .swipebox-video-container {
  padding: 25px 40px 25px 25px !important; }

.flight-logos {
  position: absolute;
  top: 50px;
  right: 50px; }

.flight-logos-sm a {
  text-align: center;
  display: block;
  margin-bottom: 15px; }

/* Home Migrate  ======================================================================================= */
.col3-vids-news-playlists .home-group a,
.col3-vids-news-artists .home-group a,
.col3-vid-news-vids .home-group a {
  height: 160px;
  width: 294px; }

.col2-vids-news .home-slider2 {
  padding-bottom: 30px !important; }

.col2-vids-news .umftv li a {
  width: 470px; }

.col2-vids-news .newspress li a {
  width: 471px; }

.col2-news-playlists .home-group a {
  height: 234px;
  width: 470px; }

.col2-vids-news .home-group a, .col2-vids-artists .home-group a {
  height: 275px;
  width: 460px; }

.col2-vids-artists .home-group a {
  width: 470px; }

.col2-vids-artists .artists-home-list a {
  background-position: center 48%  !important; }

.mr5p {
  margin-right: 5% !important; }

/* Home ======================================================================================= */
.box-header {
  margin: 0px;
  padding: 15px;
  font-weight: normal; }

.box-body {
  height: 294px;
  overflow: hidden; }

.new-home .countdown {
  padding: 24px;
  text-align: center; }

.new-home .left {
  width: 665px;
  float: left;
  text-align: center;
  margin-bottom: 100px; }

.new-home .left a.limg {
  padding: 24px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  padding: 24px; }

.new-home .left a img,
.new-home .left a {
  display: block; }

.new-home .right {
  float: right;
  width: 515px; }

.new-home .right .fv {
  margin-bottom: 24px; }

.new-home .vid-slider {
  width: 640px;
  max-width: 100%; }

.new-home .vid-slider .vid-wrap2 iframe {
  max-width: 100%;
  height: 320px; }

.new-home .vid-slider ul {
  margin-bottom: 12px; }

.vid-slider .pager {
  text-align: right;
  float: right;
  display: block; }

.new-home .clear {
  clear: both; }

html body .new-home .home-btn {
  display: inline-block;
  float: none !important; }

.new-home .meter {
  text-align: center;
  min-height: 60px;
  width: 100%;
  margin: auto;
  height: 150px;
  min-width: 1px; }

.new-home .vid-slider span.next,
.new-home .vid-slider span.prev {
  display: block;
  float: left;
  padding: 5px 25px;
  text-transform: uppercase;
  font-size: 12px;
  border: 1px solid #fff;
  margin-right: 10px;
  line-height: 20px;
  cursor: pointer; }

.new-home .vid-slider span.next:hover,
.new-home .vid-slider span.prev:hover {
  background: #fff;
  color: #000; }

.hide {
  display: none; }

.home-btn {
  display: block;
  padding: 5px !important;
  border: 1px solid #fff;
  text-align: center;
  font-size: 12px;
  clear: both;
  color: #fff;
  line-height: 20px;
  width: 200px;
  text-transform: uppercase;
  position: relative;
  top: 8px; }

.home-btn:hover {
  background: #fff;
  color: #000; }

.umftv span.font-normal {
  color: #aaa;
  font-size: 10px !important; }

html body .new-home .btn-lg {
  font-size: 18px !important;
  float: left !important;
  clear: none !important;
  padding: 15px !important;
  margin-right: 12px !important;
  width: 240px !important;
  margin-bottom: 12px !important; }

.new-home .vid-slider .pager span,
.new-home .vid-slider span,
.new-home .meter a {
  transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out; }

@media only screen and (max-width: 1180px) {
  .new-home .meter a {
    display: block;
    margin-bottom: 12px; }
  .new-home .left,
  .new-home .right {
    margin: auto;
    max-width: 100%;
    clear: both;
    float: none;
    padding: 0px 0px 24px; }
  .new-home .left {
    padding-bottom: 50px; }
  .new-home .right {
    padding-bottom: 50px; }
  .vid-slider .pager {
    text-align: center;
    float: none; }
  .new-home .vid-slider {
    text-align: center; }
  .new-home .vid-slider span.next,
  .new-home .vid-slider span.prev {
    float: none;
    display: inline-block;
    margin-bottom: 6px; } }

@media only screen and (max-width: 450px) {
  .new-home .left a.limg {
    padding: 0px; }
  .new-home .meter {
    height: 180px;
    margin: 0px 0px 12px 0px; }
  .new-home .vid-slider .pager {
    float: none;
    clear: both;
    padding-top: 20px; }
  .new-home .vid-slider .vid-wrap2 iframe {
    height: 200px; } }

/* Faqs ======================================================================================= */
html body #main ul.faqs-list {
  margin-bottom: 50px;
  padding-top: 25px;
  clear: both; }

.faqs-list > li {
  margin-bottom: 25px !important;
  clear: both;
  padding-left: 50px;
  position: relative;
  padding-top: 5px;
  width: 100%; }

.faqs li h2 {
  font-size: 18px;
  font-family: 'helvetica-bold';
  font-weight: normal;
  color: #4d555a;
  padding-top: 2px;
  cursor: pointer; }

.faqs-list > ul {
  margin-bottom: 24px; }

.faqs-list ul li {
  list-style: disc;
  list-style-position: outside;
  margin-bottom: 2px;
  margin-left: 15px; }

.faqs-list li h2:hover {
  color: #fff; }

.faqs-list li h2.active {
  cursor: n-resize; }

.faqs-list .lbreak2 {
  opacity: .3; }

.faqs-list li span.toggle {
  cursor: pointer;
  color: #aaa; }

.faqs-list li span.toggle:hover {
  color: #fff; }

.faqs-list .lclear {
  margin-top: 20px !important;
  position: relative;
  left: -50px; }

.faqs-list li span.q, .faqs-list li span.a {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #1d1d1d;
  padding: 11px 0px 0px;
  text-align: center;
  font-size: 14px;
  font-family: 'helvetica-bold';
  font-weight: normal;
  color: #fff;
  width: 36px;
  height: 36px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px; }

.faqs-list li span.a {
  background: #fff !important;
  color: #000 !important; }

.faqs li .answer h2 {
  color: #fff; }

.faqs li .answer {
  position: relative; }

.faqs-list li span.a {
  top: 0px;
  left: -50px; }

.faqs-list li div.answer {
  display: none;
  padding-bottom: 2px;
  position: relative; }

.faqs-list li div.answer p {
  display: block; }

/* Hotels  ======================================================================================= */
.iframe-wrap {
  width: 100%;
  height: 100%;
  margin: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden; }

.iframe-wrap iframe {
  width: 100%;
  height: 1850px;
  display: block;
  margin: auto; }

@media only screen and (max-width: 1024px) {
  .iframe-wrap iframe {
    height: 4000px;
    width: 340px;
    overflow-x: hidden;
    max-width: 100%; } }

.iframe-wrap-new {
  width: 100%;
  height: 100%;
  margin: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden; }

.iframe-wrap-new iframe {
  width: 100%;
  height: 2150px;
  display: block;
  margin: auto; }

@media only screen and (max-width: 780px) {
  .iframe-wrap-new iframe {
    height: 6000px;
    width: 340px;
    overflow-x: hidden;
    max-width: 100%; } }

/* Gallery  ======================================================================================= */
#galjax .status p {
  display: block;
  text-align: center;
  position: relative;
  top: 20px; }

#galjax .status p b {
  font-family: 'helvetica-bold';
  margin-bottom: 0px; }

.gallery-list {
  width: 80%;
  margin: auto;
  max-width: 1600px; }

.gallery-list ul {
  text-align: center;
  display: block; }

.gallery-list li {
  display: inline-block;
  margin: 0px auto !important;
  line-height: 100% !important; }

.gallery-list li:first-child {
  display: block;
  margin: auto; }

.gallery-list li a {
  display: inline-block;
  cursor: pointer;
  position: relative;
  display: block;
  border: 2px solid transparent;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0); }

.gallery-list li span.loader {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#070707+0,212121+100 */
  background: #070707;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDcwNzA3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIxMjEyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(45deg, #070707 0%, #212121 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #070707), color-stop(100%, #212121));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg, #070707 0%, #212121 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg, #070707 0%, #212121 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg, #070707 0%, #212121 100%);
  /* IE10+ */
  background: -moz- oldlinear-gradient(45deg, #070707 0%, #212121 100%);
  background: linear-gradient(45deg, #070707 0%, #212121 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070707', endColorstr='#212121',GradientType=1 );
  /* IE6-8 fallback on horizontal gradient */ }

.gallery-list li span.loader span, .switch-cover div {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background: url("https://umfworldwide.com/wp-content/uploads/2015/07/loader.gif") center center no-repeat;
  -moz-background-size: 36px 36px;
    -o-background-size: 36px 36px;
       background-size: 36px 36px; }

.gallery-list li span.loader em, .switch-cover div b {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background: url("https://umfworldwide.com/wp-content/uploads/2015/07/mini-u.png") center center no-repeat;
  -moz-background-size: 12px 12px;
    -o-background-size: 12px 12px;
       background-size: 12px 12px; }

.switch-cover {
  display: none;
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: 0px;
  right: 10px;
  z-index: 2; }

.switch-cover div {
  width: 100px;
  height: 300px;
  right: 50%;
  margin-right: -50px; }

.gallery-list li a img {
  height: auto;
  max-width: 100%;
  display: block;
  /*
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
    transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -webkit-font-smoothing: subpixel-antialiased
    -webkit-backface-visibility: hidden; */ }

.gallery-list li span.zoomy {
  margin-top: -14px;
  margin-left: -1px;
  height: 29px;
  width: 1px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%; }

.gallery-list li span.zoomx {
  margin-left: -16px;
  margin-top: -1px;
  height: 1px;
  width: 33px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%; }

.gallery-list li {
  overflow: hidden; }

.gallery-list li span.zoomy {
  top: -100%; }

.gallery-list li span.zoomx {
  left: -100%; }

.gallery-list li:hover span.zoomy {
  top: 50%; }

.gallery-list li:hover span.zoomx {
  left: 50%; }

.gallery-list li a i {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0); }

.gallery-list li a:hover i, .gallery-list li a:hover b {
  opacity: 1;
  filter: alpha(opacity=100); }

.gallery-list .galfixed a {
  height: 250px;
  background-position: center center; }

.gallery-list .galfixed a i {
  background-position: center center;
  opacity: 1;
  filter: alpha(opacity=100); }

.gallery-list .galfixed a:hover i {
  opacity: 0;
  filter: alpha(opacity=0); }

.gallery-list li a b {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #fff;
  display: block;
  background: rgba(0, 0, 0, 0.8) url("https://umfworldwide.com/wp-content/uploads/2015/07/zoom.png") center center no-repeat;
  opacity: 0;
  filter: alpha(opacity=0); }

/* Lineup  ======================================================================================= */
.lineup-list {
  width: 820px;
  max-width: 100%;
  margin: auto; }

.lineup-list h1 {
  text-align: center;
  font-size: 36px;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid #444; }

.lineup-list h2 {
  text-align: center;
  font-size: 24px;
  text-transform: uppercase;
  margin: 12px 0px; }

.lineup-list ul {
  overflow: hidden;
  padding-bottom: 50px; }

.lineup-list img {
  display: block;
  margin: auto; }

.lineup-list li {
  display: block;
  float: left;
  padding: 5px; }

.lineup-list li a {
  display: block;
  float: left;
  cursor: pointer;
  position: relative; }

.lineup-list li span {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 70px;
  text-align: center;
  background: #000;
  color: #fff;
  display: block;
  padding: 7px 0px;
  background: rgba(0, 0, 0, 0.7);
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 100;
  font-size: 12px; }

.lineup-list li a {
  float: none;
  position: relative; }

.lineup-list li i {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  display: block;
  padding: 7px 0px;
  background: rgba(0, 0, 0, 0.75) url("https://umfworldwide.com/wp-content/uploads/2015/07/zoom.png") center center no-repeat;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

.lineup-list li a:hover span {
  opacity: 1;
  filter: alpha(opacity=100); }

.lineup-list li a:hover i {
  opacity: 1;
  filter: alpha(opacity=100); }

.w980 .lineup img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important; }

.w980 .lineup {
  padding-bottom: 25px; }

@media (max-width: 820px) {
  .lineup-list ul {
    overflow: hidden;
    padding-bottom: 100px; }
  .lineup-list li {
    text-align: center;
    float: none;
    max-width: 100%;
    width: 400px;
    margin: auto;
    padding: 0px 0px 24px; }
  .lineup-list li a {
    text-align: center;
    float: none;
    padding: 0px; } }

/* News Page  ======================================================================================= */
.post-entry .thumb {
  margin-bottom: 24px;
  text-align: center; }

.readmore {
  text-transform: uppercase;
  font-size: 9px; }

.meta .dat2e {
  text-transform: uppercase; }

.post-entry .bg80 {
  margin-bottom: 36px;
  padding-bottom: 36px; }

.post-entry h2 a {
  font-size: 28px;
  text-transform: uppercase; }

.news-home .post-header h1 {
  text-align: center;
  text-transform: uppercase;
  font-size: 24px; }

.news-post {
  margin-bottom: 36px;
  padding-bottom: 36px;
  border-bottom: 1px solid #666; }

.news h2 {
  font-size: 24px;
  margin-bottom: 24px; }

.news-side a:hover {
  color: #fff !important; }

.fancybox-title {
  text-transform: uppercase; }

.news .date {
  text-transform: uppercase;
  font-size: 11px; }

.sidebar p {
  font-size: 11px; }

#searchform {
  position: relative;
  margin-bottom: 24px; }

#searchform label {
  display: none; }

#searchform button {
  background: #fff;
  border: 0px;
  color: #000;
  text-transform: uppercase;
  font-size: 10px;
  padding: 7px; }

#searchform input[type="text"] {
  background: none;
  border: 1px solid #999;
  padding: 4px;
  font-size: 12px;
  font-family: 'helvetica-bold';
  font-weight: normal;
  width: 150px;
  color: #fff !important; }

#post-nav {
  padding: 30px 0px;
  margin-top: 30px; }

#post-nav span {
  display: block;
  font-size: 10px;
  color: #999;
  margin-bottom: 2px;
  padding-bottom: 2px; }

#post-nav a {
  font-size: 11px;
  color: #ccc;
  display: block; }

#post-nav a:hover {
  color: #fff; }

#post-prev {
  float: left;
  text-align: left;
  width: 40%; }

#post-next {
  float: right;
  text-align: right;
  width: 40%; }

h5.share {
  font-size: 10px;
  text-transform: uppercase; }

.post-entry .shares {
  position: relative;
  top: -3px; }

.shares ul {
  margin: 0px; }

.shares li {
  display: block;
  float: left;
  margin-left: 8px; }

.shares li a {
  display: block;
  float: left; }

.shares li a:hover img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
          filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); }

.shares li a img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-filter: none;
          filter: none; }

.breadcrumbs {
  padding: 24px; }

.breadcrumbs span span,
.breadcrumbs a {
  text-transform: uppercase;
  font-size: 10px;
  color: #fff;
  display: inline-block;
  padding: 8px; }

.breadcrumbs a:hover {
  color: #fff;
  text-decoration: underline; }

.breadcrumbs span.spacer {
  color: #666; }

.breadcrumbs span span {
  color: #999; }

/*  Related  */
.related li {
  display: block;
  position: relative;
  padding: 10px 15px; }

.related li a {
  display: block;
  height: 250px;
  width: auto;
  background-position: top left;
  position: relative; }

.related li a strong span {
  display: block;
  color: #aaa;
  font-size: 12px;
  font-weight: normal; }

.related li a strong {
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  color: #ccc;
  padding: 15px;
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  z-index: 10;
  text-align: left;
  width: 100%; }

.related li a i {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1; }

.related li a:hover i {
  background: rgba(0, 0, 0, 0); }

.related li a:hover strong {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 13px; }

.related li a:hover strong span {
  font-size: 11px; }

.bg-txtr,
.cover {
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1; }

.bg-txtr {
  background: url(../img/theme/pattern.png) !important; }

.news-headline h1 {
  position: relative;
  z-index: 2; }

.news-json-featured {
  position: relative;
  min-height: 50px;
  width: 100%; }

.news-home span.loader {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url("https://umfworldwide.com/wp-content/uploads/2015/07/loader.gif");
  -moz-background-size: 36px 36px;
    -o-background-size: 36px 36px;
       background-size: 36px 36px;
  background-position: center 40%;
  background-repeat: no-repeat; }

.news-home span.loader span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url("https://umfworldwide.com/wp-content/uploads/2015/07/mini-u.png") center 49% no-repeat;
  -moz-background-size: 12px 12px;
    -o-background-size: 12px 12px;
       background-size: 12px 12px; }

/* Worldwide  Page ======================================================================================= */
.page-id-38 h1 {
  padding-top: 25px; }

.festivals h3 {
  font-size: 18px;
  text-transform: none !important;
  margin-bottom: 12px; }

.festivals ul {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2; }

.festivals ul {
  margin-bottom: 24px; }

.nocols {
  float: left;
  width: 50%; }

.festivals li {
  display: block;
  padding-right: 30px;
  margin-left: 0px !important;
  margin-bottom: 8px !important; }

.festivals li a {
  display: block;
  font-size: 16px;
  color: #ccc; }

.festivals li a strong {
  font-family: 'helvetica-bold'; }

.festivals li a span {
  font-weight: normal !important;
  color: #aaa; }

.festivals li a:hover {
  color: #fff !important; }

.festivals li a:hover strong,
.festivals li a:hover span {
  color: #fff !important; }

.worldwide #main div.w50 {
  width: 58%; }

.worldwide .subt a {
  display: block;
  font-size: 21px;
  font-family: 'helvetica-bold';
  font-weight: normal;
  display: block;
  padding: 12px 0px 0px; }

/* Logos  ======================================================================================= */
.logos {
  text-align: center; }

.logos h2 {
  font-size: 70px;
  line-height: 100%;
  margin-top: 150px; }

.logos h3 {
  font-size: 14px;
  line-height: 100%;
  text-transform: uppercase;
  margin-bottom: 12px !important;
  display: block; }

.logos h3.clear {
  clear: both;
  padding-top: 36px; }

.logos .clear {
  clear: both; }

br .logos .info1 {
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  padding: 20px; }

.logos .spnote {
  font-size: 11px;
  margin-top: 24px;
  clear: both; }

.logos .spnote a {
  font-family: 'helvetica-bold';
  font-weight: normal; }

.logos .ultra-music {
  position: relative;
  top: -5px; }

.logos .pioneer-dj {
  position: relative;
  top: 5px; }

.lbreak {
  width: 100%;
  height: 1px;
  background: #fff;
  margin-bottom: 24px;
  background: -moz- oldlinear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%); }

.lbreak2 {
  width: 100%;
  height: 1px;
  background: #fff;
  margin-bottom: 24px;
  background: -moz- oldlinear-gradient(left, rgba(255, 255, 255, 0) 0%, white 10%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 10%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 10%, rgba(255, 255, 255, 0) 100%); }

.lbreak3 {
  width: 100%;
  height: 1px;
  background: #fff;
  margin-bottom: 24px;
  background: -moz- oldlinear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%); }

.partner {
  display: inline-block;
  margin: auto;
  width: auto;
  max-width: 100%;
  padding: 10px 30px;
  height: auto;
  vertical-align: middle; }

.partner a {
  display: inline-block; }

.partner img {
  max-width: 100%;
  height: auto; }

.details,
.info1,
.info2 {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  display: inline-block;
  padding: 20px;
  position: relative;
  vertical-align: top; }

.details {
  width: 32%; }

.info1 {
  width: 50%; }

@media screen and (max-width: 980px) {
  .details {
    width: 100% !important;
    clear: both;
    float: none !important; }
  .info1 {
    width: 100% !important;
    float: none !important;
    clear: both; }
  .logos h2 {
    margin-top: 0px; } }

/* Artist ======================================================================================= */
.as input {
  padding: 15px 15px;
  border: 0px;
  background: #000;
  width: 100%;
  margin-bottom: 12px;
  text-transform: uppercase;
  color: #fff;
  font-size: 11px; }

.as input:hover,
.as input:focus {
  background: #fff;
  color: #000; }

li.hiddenRow, div.hiddenRow {
  display: none !important;
  visibility: hidden !important; }

html body div.side-nav-sticky22 {
  position: -webkit-sticky;
  position: sticky;
  top: 0; }

#sidebar {
  background: rgba(0, 0, 0, 0.3);
  width: 250px; }

#sidebar h3 {
  padding: 25px;
  margin: 0px; }

#sidebar {
  background: rgba(0, 0, 0, 0.3);
  width: 250px; }

#sidebar h3 {
  padding: 25px;
  margin: 0px; }

#the-artist {
  border: 1px solid transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(0, 0, 0, 0.2);
  margin-bottom: 24px;
  outline: none;
  outline-style: none; }

#the-artist:hover {
  border: 1px solid #fff; }

#the-artist:focus,
#the-artist:active {
  background: #fff !important; }

.asticky {
  position: -webkit-sticky;
  position: sticky;
  top: 110px; }

.artist-nav h3 {
  padding: 20px 15px; }

.artist-nav li {
  list-style: none;
  display: block; }

.artist-nav li a {
  color: #aaa;
  font-size: 14px;
  display: block;
  padding: 8px 15px;
  border-bottom: 1px solid #333; }

.artist-nav li a:hover, .artist-nav li a.active {
  background: rgba(255, 255, 255, 0.1);
  color: #fff !important; }

.artist-nav li a:active,
.artist-nav li a.clicked {
  background: #fff !important;
  color: #000 !important; }

.artist-nav li.active a {
  background: rgba(255, 255, 255, 0.25);
  color: #fff !important; }

.artist-info {
  max-width: 100%; }

.artist-share .fb-like {
  position: relative;
  top: 15px;
  left: 2px; }

.artist-info .social {
  padding-top: 0px; }

.artist-info .social li {
  display: block;
  float: left;
  padding: 5px; }

.artist-info .social li:first-child,
.artist-info .social li:first-child a {
  padding-left: 0px;
  margin-left: 0px; }

.artist-info .social li a {
  font-size: 20px;
  padding: 5px;
  color: #ddd;
  text-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
  display: block;
  float: left; }

.artist-info .social li a:hover {
  color: #fff;
  text-shadow: 0 0 12px black; }

.artists-list {
  text-align: center; }

.artists-list li {
  display: inline-block;
  width: 30%;
  margin: 0px 2% 24px 0px;
  height: auto; }
  @media only screen and (min-width: 500px) {
    .artists-list li {
      height: 100px; } }
  @media only screen and (min-width: 700px) {
    .artists-list li {
      height: 140px; } }
  @media only screen and (min-width: 900px) {
    .artists-list li {
      height: 160px; } }

.artists-list li.filtered2:nth-child(3n+1) {
  clear: both; }

.artists-list li a {
  display: inline-block;
  width: 252px;
  height: 138px;
  max-width: 100%;
  position: relative;
  text-align: center;
  vertical-align: middle;
  line-height: 150%;
  text-align: center;
  margin: 1em 0; }

.artists-list li a img {
  display: block;
  width: 100%;
  height: auto;
  margin: auto; }

.frame {
  height: 25px;
  /* equals max image height */
  width: 160px;
  border: 1px solid red;
  white-space: nowrap;
  text-align: center;
  margin: 1em 0; }

.helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.artists-list li a img.alogobg {
  position: absolute;
  top: 0px;
  left: 0px; }

.artists-list li a img.alogo {
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  max-width: 60%;
  height: auto;
  vertical-align: middle; }

.artists-list li a span.alogo {
  /*     margin-top:10px;
    display: table;
    vertical-align: middle;
    position: relative;
    width:100%;
    height:100%; */
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.artists-list li a img.tall {
  max-height: 50% !important;
  height: 50% !important;
  width: auto !important; }

.artists-list li strong {
  display: block;
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  padding: 5px;
  color: #fff;
  font-family: 'helvetica-bold';
  font-weight: normal;
  text-transform: uppercase;
  border-top: 1px solid #000;
  font-size: 11px;
  z-index: 3; }

.artists-list li a:hover strong {
  background: rgba(0, 0, 0, 0.3);
  border-top: 1px solid rgba(0, 0, 0, 0.4); }

.artists-list li a span.loader {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  background-color: #000;
  background-image: url("https://umfworldwide.com/wp-content/uploads/2015/07/loader.gif");
  -moz-background-size: 36px 36px;
    -o-background-size: 36px 36px;
       background-size: 36px 36px;
  background-position: center 40%;
  background-repeat: no-repeat; }

.artists-list li a span.loader span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url("https://umfworldwide.com/wp-content/uploads/2015/07/mini-u.png") center 42% no-repeat;
  -moz-background-size: 12px 12px;
    -o-background-size: 12px 12px;
       background-size: 12px 12px; }

/* Custom Scroller ======================================================================================= */
.custom-scroller::-webkit-scrollbar {
  width: 12px;
  cursor: pointer;
  background-color: #222; }

.custom-scroller::-webkit-scrollbar-thumb {
  background-color: #999;
  cursor: pointer;
  height: 100px; }

.custom-scroller::-webkit-scrollbar-thumb:hover,
.custom-scroller:hover::-webkit-scrollbar-thumb {
  background-color: #fff;
  cursor: pointer !important; }

.custom-scroller::-webkit-scrollbar-thumb:active {
  background-color: #fff; }

.custom-scroller::-webkit-scrollbar-track {
  border: 1px gray #999; }

.country-list2::-webkit-scrollbar {
  width: 12px;
  cursor: pointer;
  background-color: #222; }

.country-list2::-webkit-scrollbar-thumb {
  background-color: #999;
  cursor: pointer;
  height: 100px; }

.country-list2::-webkit-scrollbar-thumb:hover,
.country-list2:hover::-webkit-scrollbar-thumb {
  background-color: #fff;
  cursor: pointer !important; }

.country-list2::-webkit-scrollbar-thumb:active {
  background-color: #fff; }

.country-list2::-webkit-scrollbar-track {
  border: 1px gray #999; }

/* Content Stuff =======================================================================================  */
.img-right {
  float: right;
  margin-left: 15px;
  margin-bottom: 5px; }

.img-left {
  float: left;
  margin-right: 15px;
  margin-bottom: 5px; }

.gallery-sc ul li a {
  height: 150px;
  width: 33%;
  display: block;
  float: left; }

.gallery-sc ul li a:hover {
  opacity: .7; }

@media only screen and (max-width: 700px) {
  .gallery-sc ul li a {
    height: 150px;
    width: 50%; } }

@media only screen and (max-width: 500px) {
  .gallery-sc ul li a {
    height: 200px;
    width: 100%;
    margin-bottom: 5px; } }

.photo-credit {
  text-align: right;
  position: relative;
  top: -20px; }

.photo-credit a {
  text-decoration: underline; }

.photo-credit a:hover {
  text-decoration: none; }

.underline {
  text-decoration: underline; }

/* Sub nav layout  ======================================================================================= */
.content-column {
  width: 80%; }

.res-gal {
  width: 100% !important; }

/* Destinations ======================================================================================= */
.de-header p {
  display: block;
  position: relative;
  top: 27px;
  left: 20px;
  font-size: 16px; }

.de li {
  text-align: left; }

.de li a, .de li img {
  display: block; }

div.events .info {
  padding: 15px;
  background: -moz- oldlinear-gradient(top, rgba(211, 229, 242, 0.9), rgba(211, 229, 242, 0.3));
  background: -o-linear-gradient(top, rgba(211, 229, 242, 0.9), rgba(211, 229, 242, 0.3));
  background: linear-gradient(to bottom, rgba(211, 229, 242, 0.9), rgba(211, 229, 242, 0.3));
  -o-transition: all .1s ease-out;
  -moz-transition: all .1s ease-out;
  transition: all .1s ease-out; }

div.events li {
  padding: 0px 7px 50px; }

div.events a {
  color: #415867; }

div.events li strong {
  color: #225170;
  text-shadow: 0px 0px 0px #225170;
  -o-transition: all .1s ease-out;
  -moz-transition: all .1s ease-out;
  transition: all .1s ease-out;
  text-transform: uppercase;
  font-weight: normal;
  font-family: 'helvetica-bold';
  font-size: 16px;
  line-height: 100%;
  display: block; }

div.events li span {
  display: block;
  line-height: 100%;
  font-size: 14px;
  display: block;
  font-family: 'helvetica-bold'; }

div.events .logo {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #fff; }

div.events .txt {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #fff; }

div.events .loc {
  color: #9b8364;
  text-transform: uppercase;
  font-family: 'helvetica-bold';
  font-size: 21px; }

div.events .days {
  text-transform: uppercase;
  margin: 10px 0px; }

/* div.events li:hover strong { color:#fff; text-shadow:0px 0px 12px #777; }*/
div.events li:hover .info {
  background: -moz- oldlinear-gradient(top, #d3e5f2, rgba(211, 229, 242, 0.9));
  background: -o-linear-gradient(top, #d3e5f2, rgba(211, 229, 242, 0.9));
  background: linear-gradient(to bottom, #d3e5f2, rgba(211, 229, 242, 0.9)); }

div.events ul.events-6-col {
  font-size: 0; }
  div.events ul.events-6-col li {
    padding: 0px 0 25px 0;
    width: 48%; }
    div.events ul.events-6-col li:hover .btn {
      background: #415867; }
    div.events ul.events-6-col li .btn {
      display: inline-block;
      text-transform: uppercase;
      font-size: 10px;
      padding: 7px;
      margin-top: 15px;
      background: rgba(65, 88, 103, 0.5);
      color: #fff !important;
      overflow: hidden; }
      div.events ul.events-6-col li .btn i {
        font-style: normal; }
    div.events ul.events-6-col li .time {
      font-size: 30px !important; }
      div.events ul.events-6-col li .time br {
        display: inline;
        content: ' ';
        clear: none; }
      div.events ul.events-6-col li .time br::before {
        display: inline;
        content: ', '; }
    @media only screen and (max-width: 450px) {
      div.events ul.events-6-col li {
        margin-right: 1%;
        margin-left: 1%; } }
    @media only screen and (min-width: 451px) {
      div.events ul.events-6-col li {
        width: 32%;
        margin-right: 1.333333%; }
        div.events ul.events-6-col li:nth-child(3n) {
          margin-right: 0; } }
    @media only screen and (min-width: 769px) {
      div.events ul.events-6-col li {
        width: 16%;
        margin-right: .8%; }
        div.events ul.events-6-col li:nth-child(3n) {
          margin-right: .8%;
          background: none; }
        div.events ul.events-6-col li:nth-child(6) {
          margin-right: 0; } }

/* .de li span.days {font-size: 21px; color: #ff2822; line-height: 100%; padding:10px 0; margin:10px 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
.de li span.time { font-size: 38px; font-family: 'helvetica-bold'; color: #eee; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 5px solid #fff}
*/
/* .de li span.desk-image {}
.de li span.mobile-image {}
.de li span.logo { }
.de li span.accent { height: 300px; width: 100%; background: url('../img/bg-trans.png') 0px 0px repeat-x}
*/
.de li a:hover span.accent {
  opacity: 0; }

.de li a:hover .desk-image img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
          filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); }

.de li a .desk-image img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-filter: none;
          filter: none; }

.de li a, .de li img {
  margin-bottom: 1px; }

div.events li {
  min-height: 300px;
  padding-bottom: 50px; }

div.events .block-count {
  display: block;
  margin: 10px 0px;
  overflow: hidden;
  background: #c0d1e9; }

div.events .block-count span {
  display: block;
  width: 15%;
  margin-left: 1.8%;
  height: 10px;
  background: #9b8364;
  float: left; }

div.events .block-count span:first-child {
  margin-left: 0; }

.event-img {
  padding: 5px 22px; }

@media only screen and (max-width: 1024px) {
  /*
    .de-header { text-align: center; margin-bottom: 24px;}
    .event-img  { display:none;}
    div.events li strong { font-size:36px; padding:10px; color:#fff; text-shadow:0px 0px 12px #555;}
    div.events li .info {
        background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.3));
    }

    div.events ul { width:500px; margin:auto; max-width:100%;}
    div.events li { padding:0px; margin-bottom:50px;}
    */ }

/*
@media only screen and (max-width: 1024px) {
    .de li { margin-bottom: 50px; padding:0px;}
    .de li a { position: relative;}
    div.de ul li a span.days, div.de ul li a span.time, div.de ul li a strong, div.de ul li a span.time span {
        height:auto; display: inline-block; padding:0px 8px 0px 0px; margin:0px; border:0px; font-size:24px; vertical-align: middle;
        padding:20px;
    }
    div.de ul li a span.days { color: #a9a8ff; float: right }
    div.de ul li a span.time { float: right; border-right:2px solid rgba(255,255,255,.5); }
    div.de ul li a span.time span { padding: 0px; vertical-align: top}
    div.de ul .header {border-top:2px solid rgba(255,255,255,.5); border-bottom:1px solid rgba(0,0,0,.9); position: absolute; top: 0px; left: 0px; z-index: 20; right:0px; width: 100%;  background: rgba(0,0,0,0.6)}
    .de li a span.accent { display: none}


    .de li span.logo { position: absolute; top: 70px; left: 20px;}
    .de-header { text-align: center;}
    .de-header p { left: 0px; top: 0px; padding-top: 20px; display: block;}

    .de li span.logo img { width: 150px; height: auto;}
}


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

    div.de ul li a span.days, div.de ul li a span.time, div.de ul li a strong, div.de ul li a span.time span {
        font-size: 16px; padding:12px;
    }
    div.de ul li a span.time { float: right; border-right:2px solid rgba(255,255,255,.5); }
    div.de ul li a span.time span { padding: 0px; vertical-align: top}


    .de li span.logo { position: absolute; top: 40px; left: 12px;}

}


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

    div.de ul li a span.days, div.de ul li a span.time, div.de ul li a strong, div.de ul li a span.time span {
        font-size: 14px;
    }
    div.de ul li a span.time, div.de ul li a span.time span { color: #a9a8ff; border-right: 0px }
    div.de ul li a span.days { display: none}

}

*/
.elink {
  position: relative; }
  .elink a {
    position: absolute;
    top: 30px;
    left: -60px;
    display: block;
    width: 50px;
    background: #999;
    color: #000 !important;
    font-weight: bold;
    padding: 10px 0px;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase !important; }

.sbd {
  position: fixed;
  z-index: 10001;
  top: 100px;
  right: 200px;
  background: #000;
  color: #fff; }

.sbd p {
  margin-bottom: 0px; }

.sbd span {
  font-family: 'helvetica-bold'; }

#tickets-app {
  white-space: nowrap; }
  #tickets-app div#tickets {
    width: 80%;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
    padding: 0 20px; }
    #tickets-app div#tickets .tickets-title h1 {
      color: #e7644f; }
    #tickets-app div#tickets .tickets-title h1 small {
      color: #fff;
      font-size: 0.5em; }
    #tickets-app div#tickets article#ticketslist hr.small-dash {
      width: 120px;
      margin: 5em 0 2em 0; }
    #tickets-app div#tickets article#ticketslist .ticket-type h2 {
      font-size: 22px; }
    #tickets-app div#tickets article#ticketslist .ticket-type h2 small {
      font-size: 0.6em;
      font-family: 'helvetica'; }
    #tickets-app div#tickets article#ticketslist .ticket-type > .description {
      margin: 2em 0;
      line-height: 1.4em; }
    #tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket {
      background: rgba(0, 0, 0, 0.5);
      white-space: nowrap;
      margin-bottom: 12px;
      color: #bbb;
      position: relative; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket > .info, #tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket .purchase {
  display: inline-block;
  position: relative;
  height: 80px;
  padding: 10px 20px; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket > .info {
  width: 25%;
  background: #212226; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket > .info p {
  margin: 0; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket > .info .sub_type {
  font-size: 1em;
  font-family: 'helvetica-bold';
  text-transform: uppercase; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket > .info .title {
  font-size: 1.5em; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket > .info .date {
  font-size: 1em;
  font-family: 'helvetica-bold';
  text-transform: uppercase; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket .purchase {
  width: 75%;
  vertical-align: top;
  padding-left: 30px;
  background: url("https://umfworldwide.com/wp-content/uploads/2015/09/map-pin.png") 13px 10px no-repeat;
  -moz-background-size: 9px auto;
    -o-background-size: 9px auto;
       background-size: 9px auto; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket .purchase .location {
  font-size: 1em; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket .purchase .price {
  display: block;
  font-size: 1.5em;
  font-family: 'helvetica-bold';
  margin: 5px 0; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket .purchase .price.no-location {
  font-size: 2em;
  line-height: 50px; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket .purchase > .info {
  color: #888;
  display: block; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket .purchase > .info.noprice {
  font-size: 1.2em;
  color: white;
  padding-right: 120px;
  word-wrap: break-word;
  white-space: normal; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket .purchase a {
  position: absolute;
  word-wrap: break-word;
  white-space: normal;
  font-size: 15px;
  text-transform: uppercase;
  font-family: 'helvetica-bold';
  right: 10px;
  top: 10px;
  bottom: 10px;
  width: 160px;
  padding: 20px 2px;
  border: 1px solid #ccc;
  color: #ccc;
  text-align: center;
  vertical-align: middle; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket .purchase a:hover, #tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket .purchase a:active {
  color: #fff;
  border-color: #fff; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket a.twolines {
  padding: 12px !important; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket .purchase a.soon {
  color: #aaa;
  border-color: #777; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket .purchase a.soon:hover, #tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket .purchase a.soon:active {
  cursor: not-allowed; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket .purchase a.sold {
  color: #fd2274;
  border-color: #fd2274; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket .purchase a.sold:hover, #tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket .purchase a.sold:active {
  cursor: not-allowed; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets .description {
  font-size: 0.8em;
  color: #aaa;
  padding: 10px;
  margin-bottom: 20px; }

#tickets-app #tickets-nav, #side-nav {
  width: 20%;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  padding: 0 0px;
  padding-right: 20px; }

#tickets-app #tickets-nav h2, #side-nav h2 {
  font-size: 38px;
  margin: 0 0 10px; }

#tickets-app #tickets-nav p, #side-nav p {
  color: #ccc;
  font-size: 1em; }

#tickets-app #tickets-nav ul#menu-tickets, #side-nav ul.menu {
  padding: 0;
  font-size: 1.2em; }

#tickets-app #tickets-nav ul li, #side-nav ul li {
  padding: 0px 0; }

#tickets-app #tickets-nav ul li, #side-nav ul li, #tickets-app #tickets-nav ul li a, #side-nav ul li a {
  position: relative; }

#tickets-app #tickets-nav ul li:before {
  content: '>'; }

#tickets-app #tickets-nav ul li.current-menu-item, #tickets-app #tickets-nav ul li.current-menu-item > a, #side-nav ul li.current-menu-item > a {
  color: #5991ee; }

#tickets-app #tickets-nav ul > li:hover, #tickets-app #tickets-nav ul li:hover > a, #side-nav ul li:hover > a {
  color: #2b72e9; }

/* sidenav top */
.side-nav {
  padding-right: 0px; }

.side-nav li {
  padding-bottom: 1px;
  position: relative;
  background: rgba(0, 0, 0, 0.8); }

.side-nav li a {
  color: #aaa;
  display: block;
  padding: 15px;
  padding-right: 35px; }

.side-nav li a span {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px; }

.side-nav li:hover > a, .side-nav li:hover > a > span {
  color: #fff !important; }

.side-nav > div > ul > li.current-menu-item > a > .lbreak2, .side-nav li:hover > a > .lbreak2, .side-nav li.active > a > .lbreak2 {
  opacity: 1 !important; }

.side-nav li.menu-item-has-children.current-menu-item > a {
  color: #fff !important;
  background: #1d1d1d;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1d1d1d+0,1d1d1d+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(29, 29, 29, 0) 0%, #1d1d1d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(29, 29, 29, 0) 0%, #1d1d1d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -moz- oldlinear-gradient(top, rgba(29, 29, 29, 0) 0%, #1d1d1d 100%);
  background: -o-linear-gradient(top, rgba(29, 29, 29, 0) 0%, #1d1d1d 100%);
  background: linear-gradient(to bottom, rgba(29, 29, 29, 0) 0%, #1d1d1d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

.side-nav .hidearrows li:not(.menu-item-has-children) > a > span {
  opacity: 0; }

.side-nav .hidearrows li:not(.menu-item-has-children) > a:hover > span {
  opacity: 1; }

.side-nav li.menu-item-has-children.current-menu-item > a > span {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-backface-visibility: hidden; }

/* sidenav DD */
.side-nav li li {
  background: none; }

.side-nav li.menu-item-has-children.current-menu-item ul {
  display: block;
  padding: 5px 0px 10px; }

.side-nav li.menu-item-has-children:not(.current-menu-item) ul {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  position: absolute;
  top: 0px;
  left: 100%;
  width: 176px;
  display: block;
  opacity: .5;
  top: -10000px;
  position: absolute; }

.side-nav li.menu-item-has-children:hover ul {
  display: block;
  top: 0px;
  opacity: 1; }

.side-nav li ul li, .side-nav li ul li a {
  color: #aaa !important; }

.side-nav li ul li, .side-nav li ul li a:hover {
  color: #fff !important; }

.side-nav li ul li.active a {
  color: #5991ee !important; }

.side-nav li ul li .icon-right-open-big {
  display: none; }

.side-nav li ul li .lbreak2 {
  opacity: .2 !important; }

.side-nav ul li:before {
  content: none !important; }

.side-nav li ul li.active b {
  opacity: 1 !important; }

.side-nav li ul li a {
  padding: 12px 0px 12px 25px;
  color: #fff;
  font-size: 11px; }

.side-nav li ul li a b.lbreak2 {
  position: relative;
  left: 0px !important;
  opacity: .4 !important; }

.side-nav li ul li a > b.lbreak2 {
  opacity: .4 !important; }

.side-nav li ul li.active > b.lbreak2, .side-nav li ul li:hover > b.lbreak2 {
  opacity: 1 !important; }

.side-nav li ul li.active > a {
  cursor: default; }

/* end sidenav stuff */
#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket:hover {
  color: #fff !important;
  background: rgba(0, 0, 0, 0.7); }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .available:hover {
  -webkit-box-shadow: 0px 0px 12px #000;
  -moz-box-shadow: 0px 0px 12px #000;
  box-shadow: 0px 0px 12px #000; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .available:active {
  -webkit-box-shadow: 0px 0px 0px #000;
  -moz-box-shadow: 0px 0px 0px #000;
  box-shadow: 0px 0px 0px #000; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .available:active .purchase a {
  -webkit-box-shadow: inset 0px 0px 12px #000;
  border: 1px solid #000;
  -moz-box-shadow: inset 0px 0px 12px #000;
  box-shadow: inset 0px 0px 12px #000; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket:hover > .info {
  background: #333; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket:hover .info {
  color: #fff; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket:hover .purchase a {
  background: #fff;
  color: #000; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket:hover .purchase a:hover {
  background: rgba(255, 255, 255, 0.8);
  color: #000; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket:hover .purchase a.soon,
#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket:hover .purchase a.sold {
  background: none;
  color: #fff; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket > .info {
  width: 27%; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket .purchase {
  width: 73%; }

#tickets-nav ul .lbreak2, #side-nav ul .lbreak2 {
  width: 100%;
  height: 1px;
  display: block;
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  opacity: .2; }

.tickets-footer p, .tickets-footer {
  font-size: 12px;
  color: #aaa; }

.tickets-footer:hover p, .tickets-footer:hover {
  color: #fff; }

#tickets div.sold {
  position: relative; }

#tickets .sold-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #000;
  opacity: .6;
  cursor: not-allowed; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket div.sold-overlay div {
  background: url("https://ultra.partners/wp-content/uploads/2015/10/line.png") !important; }

#tickets div.sold:hover div.sold-overlay {
  opacity: .2; }

@media (max-width: 1024px) {
  div#tickets {
    width: 100% !important;
    display: block !important; }
  #tickets div.sold div.sold-overlay {
    opacity: .2; }
  #tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket {
    margin-bottom: 40px;
    border: 1px solid #333; }
  #tickets-nav, div#side-nav {
    width: 100% !important;
    display: block;
    padding-bottom: 50px !important; }
  .ticket > .info, .ticket .purchase {
    display: block !important; }
  .ticket > .info {
    width: 100% !important; }
  .ticket > .info .sub_type {
    font-size: 1em; }
  .ticket > .info .title {
    font-size: 1.5em; }
  .ticket > .info .date {
    font-size: 1em; }
  .ticket .purchase {
    width: 100% !important;
    padding-left: 20px !important;
    background: none !important; }
  html body #tickets .lbreak2 {
    width: 100% !important; } }

@media (max-width: 768px) {
  div#tickets, #tickets-nav {
    display: block !important; }
  #tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket {
    white-space: normal; }
  div#tickets {
    /*     border-top: 1px solid rgba(255, 255, 255, 0.2);
padding-top: 40px !important;
margin-top: 40px; */
    width: 100% !important; }
  #tickets-nav {
    width: 100% !important;
    top: 110px; } }

@media (max-width: 480px) {
  .ticket {
    text-align: center; }
  .ticket .purchase {
    height: auto !important;
    padding-bottom: 20px !important; }
  .ticket .purchase a {
    margin-top: 20px;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    position: relative !important;
    width: 100% !important; } }

.tickets-description {
  margin-bottom: 0px; }

.mtitle {
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  font-family: 'helvetica-bold';
  text-align: center;
  padding-bottom: 18px;
  overflow: hidden; }

.mtitle .anim {
  position: relative;
  top: 90px; }

.ticket-meter a.btn-main {
  font-size: 14px;
  margin-left: 15px;
  position: relative;
  top: -2px; }

.mtitle .thin {
  font-family: 'helvetica'; }

.mtitle img {
  position: relative;
  top: 7px;
  left: 0px;
  margin-right: 5px; }

.ticket-meter .btn-mobile {
  display: none !important;
  visibility: hidden !important; }

.ticket-meter {
  max-width: 100%;
  margin: auto;
  width: 800px;
  top: 0px;
  position: relative;
  padding: 0px 30px;
  z-index: 5; }

#tickets-app div.ticket-meter {
  width: 632px;
  margin: 0px !important;
  padding: 0px; }

.ticket-meter .w {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&amp;0.5+0,0.5+100 */
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.5)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  /* IE10+ */
  background: -moz- oldlinear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  /* W3C */
  border: 1px solid #000;
  -moz-box-shadow: 0 0 36px #000;
       box-shadow: 0 0 36px #000;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  margin: auto;
  margin-bottom: 36px;
  position: relative;
  width: 100%; }

.ticket-meter .w .accent {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&amp;0.4+0,1+100 */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.4) 0%, white 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.4)), color-stop(100%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.4) 0%, white 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0.4) 0%, white 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.4) 0%, white 100%);
  /* IE10+ */
  background: -moz- oldlinear-gradient(left, rgba(255, 255, 255, 0.4) 0%, white 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.4) 0%, white 100%);
  /* W3C */
  height: 1px;
  width: 100%;
  z-index: 6; }

.ticket-meter .w .ticksup {
  background: url("../img/theme/meter-up.png") bottom right;
  bottom: 0;
  height: 6px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 5; }

.ticket-meter .w .ticksdown {
  background: url("../img/theme/meter-up.png") bottom right;
  height: 6px;
  left: 0;
  position: absolute;
  top: 26px;
  width: 100%;
  z-index: 5; }

.ticket-meter .w .bar {
  height: 25px;
  position: relative;
  width: 0;
  z-index: 3; }

.ticket-meter .w .bar .p {
  color: #fff;
  display: block;
  font-size: 14px !important;
  font-weight: bold;
  height: auto !important;
  line-height: 100% !important;
  position: absolute;
  right: 5px;
  text-align: right;
  top: 3px;
  width: 80px; }

.ticket-meter .w .bar .p span,
.ticket-meter .w .bar .p strong {
  display: inline-block !important; }

.ticket-meter .w .t {
  color: #fff; }

.ticket-meter .w .post-title {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 100%;
  position: absolute;
  right: -122px;
  text-align: left;
  text-transform: uppercase;
  top: 6px;
  width: 100px; }

.ticket-meter .w .pre-title {
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: bold;
  left: -218px;
  line-height: 100%;
  position: absolute;
  text-align: right;
  text-transform: uppercase;
  top: 6px;
  width: 200px; }

.ticket-meter .ga, .ticket-meter .bar {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
     background-clip: padding-box; }

.ticket-meter .ga .barbg, .ticket-meter .ga .barbg div, .ticket-meter .w .accent div {
  width: 100%;
  height: 100%;
  z-index: 1; }

.ticket-meter .redPulse {
  -webkit-animation-name: redPulse;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: redPulse;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -o-animation-name: redPulse;
     animation-name: redPulse;
  -o-animation-duration: 1s;
     animation-duration: 1s;
  -o-animation-iteration-count: infinite;
     animation-iteration-count: infinite; }

.ticket-meter .redShadow {
  -webkit-animation-name: redShadow;
  -webkit-animation-duration: .9s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: redShadow;
  -moz-animation-duration: .9s;
  -moz-animation-iteration-count: infinite;
  -o-animation-name: redShadow;
     animation-name: redShadow;
  -o-animation-duration: .9s;
     animation-duration: .9s;
  -o-animation-iteration-count: infinite;
     animation-iteration-count: infinite; }

.ticket-meter .redShadow2 {
  -webkit-animation-name: redShadow2;
  -webkit-animation-duration: .9s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: redShadow2;
  -moz-animation-duration: .9s;
  -moz-animation-iteration-count: infinite;
  -o-animation-name: redShadow2;
     animation-name: redShadow2;
  -o-animation-duration: .9s;
     animation-duration: .9s;
  -o-animation-iteration-count: infinite;
     animation-iteration-count: infinite; }

@-webkit-keyframes redPulse {
  from {
    background: none; }
  50% {
    background: red; }
  to {
    background: none; } }

@-moz-keyframes redPulse {
  from {
    background: none; }
  50% {
    background: red; }
  to {
    background: none; } }

@-o-keyframes redPulse {
  from {
    background: none; }
  50% {
    background: red; }
  to {
    background: none; } }

@keyframes redPulse {
  from {
    background: none; }
  50% {
    background: red; }
  to {
    background: none; } }

@-webkit-keyframes redShadow {
  from {
    -webkit-box-shadow: 0px 0px 2px #f00000; }
  70% {
    -webkit-box-shadow: 0px 0px 24px red; }
  to {
    -webkit-box-shadow: 0px 0px 2px #f00000; } }

@-moz-keyframes redShadow {
  from {
    -moz-box-shadow: 0px 0px 2px #f00000; }
  70% {
    -moz-box-shadow: 0px 0px 24px red; }
  to {
    -moz-box-shadow: 0px 0px 2px #f00000; } }

@-o-keyframes redShadow {
  from {
    box-shadow: 0px 0px 2px #f00000; }
  70% {
    box-shadow: 0px 0px 24px red; }
  to {
    box-shadow: 0px 0px 2px #f00000; } }

@keyframes redShadow {
  from {
    -moz-box-shadow: 0px 0px 2px #f00000;
         box-shadow: 0px 0px 2px #f00000; }
  70% {
    -moz-box-shadow: 0px 0px 24px red;
         box-shadow: 0px 0px 24px red; }
  to {
    -moz-box-shadow: 0px 0px 2px #f00000;
         box-shadow: 0px 0px 2px #f00000; } }

@-webkit-keyframes redShadow2 {
  from {
    -webkit-box-shadow: 0px 0px 2px #f00000; }
  70% {
    -webkit-box-shadow: 0px 0px 24px red; }
  to {
    -webkit-box-shadow: 0px 0px 2px #f00000; } }

@-moz-keyframes redShadow2 {
  from {
    -moz-box-shadow: 0px 0px 2px #f00000; }
  70% {
    -moz-box-shadow: 0px 0px 24px red; }
  to {
    -moz-box-shadow: 0px 0px 2px #f00000; } }

@-o-keyframes redShadow2 {
  from {
    box-shadow: 0px 0px 2px #f00000; }
  70% {
    box-shadow: 0px 0px 24px red; }
  to {
    box-shadow: 0px 0px 2px #f00000; } }

@keyframes redShadow2 {
  from {
    -moz-box-shadow: 0px 0px 2px #f00000;
         box-shadow: 0px 0px 2px #f00000; }
  70% {
    -moz-box-shadow: 0px 0px 24px red;
         box-shadow: 0px 0px 24px red; }
  to {
    -moz-box-shadow: 0px 0px 2px #f00000;
         box-shadow: 0px 0px 2px #f00000; } }

.ticket-meter .ga .barbg2 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f00000+0,f00000+100&amp;0.1+0,1+100 */
  background: -moz-linear-gradient(left, rgba(170, 0, 0, 0.7) 0%, #aa0000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(170, 0, 0, 0.7)), color-stop(100%, #aa0000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(170, 0, 0, 0.7) 0%, #aa0000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(170, 0, 0, 0.7) 0%, #aa0000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(170, 0, 0, 0.7) 0%, #aa0000 100%);
  /* IE10+ */
  background: -moz- oldlinear-gradient(left, rgba(170, 0, 0, 0.7) 0%, #aa0000 100%);
  background: linear-gradient(to right, rgba(170, 0, 0, 0.7) 0%, #aa0000 100%);
  /* W3C */
  -webkit-border-radius: 0px 2px 0px 0px;
  -moz-border-radius: 0px 2px 0px 0px;
  border-radius: 0px 2px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
     background-clip: padding-box; }

.ticket-meter .ga .barbg, .ticket-meter .vip .barbg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f00000+0,f00000+100&amp;0.1+0,1+100 */
  background: -moz-linear-gradient(left, rgba(240, 0, 0, 0.1) 0%, #f00000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(240, 0, 0, 0.1)), color-stop(100%, #f00000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(240, 0, 0, 0.1) 0%, #f00000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(240, 0, 0, 0.1) 0%, #f00000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(240, 0, 0, 0.1) 0%, #f00000 100%);
  /* IE10+ */
  background: -moz- oldlinear-gradient(left, rgba(240, 0, 0, 0.1) 0%, #f00000 100%);
  background: linear-gradient(to right, rgba(240, 0, 0, 0.1) 0%, #f00000 100%);
  /* W3C */
  -webkit-border-radius: 0px 2px 0px 0px;
  -moz-border-radius: 0px 2px 0px 0px;
  border-radius: 0px 2px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
     background-clip: padding-box; }

.ticket-meter .ga .bar .p {
  z-index: 10;
  color: #fff; }

.ticket-meter .vip .barbg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f00000+0,f00000+100&amp;0.1+0,1+100 */
  background: -moz-linear-gradient(left, rgba(240, 0, 0, 0.1) 0%, #f00000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(240, 0, 0, 0.1)), color-stop(100%, #f00000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(240, 0, 0, 0.1) 0%, #f00000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(240, 0, 0, 0.1) 0%, #f00000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(240, 0, 0, 0.1) 0%, #f00000 100%);
  /* IE10+ */
  background: -moz- oldlinear-gradient(left, rgba(240, 0, 0, 0.1) 0%, #f00000 100%);
  background: linear-gradient(to right, rgba(240, 0, 0, 0.1) 0%, #f00000 100%);
  /* W3C */ }

.ticket-meter .vip .bar .p {
  color: #fff; }

.mtitle br {
  display: none;
  visibility: hidden; }

@media (max-width: 1024px) {
  #tickets-app div.ticket-meter {
    width: 100%; }
  #tickets-app div.ticket-meter .post-title {
    display: none; }
  #tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .available a,
  #tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .available p.title,
  #tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .available .purchase span.info,
  #tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .available .purchase span.location {
    color: #fff;
    border-color: #fff; }
  #tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .available > .info {
    background: #333; }
  .side-nav li.menu-item-has-children:not(.current-menu-item) ul {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%; }
  .side-nav li.menu-item-has-children ul {
    display: block; } }

@media (max-width: 900px) {
  .mtitle {
    font-size: 16px; }
  .mtitle img {
    width: 24px;
    top: 6px;
    margin-right: 0px; } }

@media (max-width: 690px) {
  .ticket-meter .btn-desk {
    display: none !important;
    visibility: hidden !important; }
  .ticket-meter .btn-mobile {
    display: block !important;
    visibility: visible !important; }
  .ticket-meter a.btn-main {
    clear: both;
    display: block;
    margin-left: 0px;
    position: relative;
    top: -15px; }
  .mtitle .anim {
    top: 110px; } }

@media (max-width: 540px) {
  .mtitle .thin {
    display: none;
    visibility: hidden; }
  .mtitle br {
    display: block;
    visibility: visible; }
  .mtitle {
    font-size: 14px; }
  .mtitle img {
    width: 43px;
    top: -7px;
    margin-left: -138px;
    position: absolute;
    left: 50%; }
  .mtitle {
    font-size: 14px;
    left: 20px;
    position: relative; } }

@media (max-width: 370px) {
  .mtitle .anim {
    top: 0px !important; }
  .mtitle {
    overflow: visible; }
  .mtitle img {
    width: 43px;
    top: -5px;
    margin-left: -138px;
    position: absolute;
    left: 50%; } }

.newgray:hover {
  color: #333 !important; }

@media only screen and (max-width: 768px) {
  .newgray {
    top: 3px !important;
    clear: both;
    float: none;
    display: block; } }

/*
@media (max-width: 740px) {
  .ticket-meter {
    display: block;
  }
  .ticket-meter .w {
    width: 300px !important;
  }
}
@media (max-width: 520px) {
  .ticket-meter {
    display: block;
  }
  .ticket-meter .w {
    width: 150px !important;
  }
}
@media (max-width: 380px) {
  .ticket-meter {
    display: block;
  }
  .ticket-meter .w {
    width: 75px !important;
  }
}
@media (max-width: 300px) {
  .ticket-meter {
    display: block;
    width: 100%;
  }
  .ticket-meter .w {
    margin: 36px auto;
    width: 100% !important;
  }
  .ticket-meter .w .accent {

background: -moz-linear-gradient(left,  rgba(255,255,255,0.4) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.4)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(left,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#ffffff',GradientType=1 );

  }
  .ticket-meter .w .bar {
    height: 25px;
  }
  .ticket-meter .w .pre-title {
    left: 0;
    text-align: left;
    top: -20px;
    z-index: 11;
  }
  .ticket-meter .w .post-title {
    right: 0;
    text-align: right;
    top: -20px;
    z-index: 100;
  }
}
*/
table.jp-tickets tbody tr td, table.jp-tickets thead tr th {
  padding: 15px 8px;
  text-align: center; }
  @media only screen and (min-width: 1080px) {
    table.jp-tickets tbody tr td, table.jp-tickets thead tr th {
      padding: 20px 15px; } }

table.jp-tickets thead tr th {
  border-right: 1px solid #333; }

table.jp-tickets tbody tr:hover td {
  color: #fff; }

table.jp-tickets tbody tr td {
  color: #fff; }
  @media only screen and (min-width: 1080px) {
    table.jp-tickets tbody tr td {
      color: #ccc; } }

div.jp-tickets {
  margin-bottom: 25px;
  text-align: center; }
  @media only screen and (min-width: 1080px) {
    div.jp-tickets {
      margin-bottom: 50px; } }
  div.jp-tickets div:nth-child(even) {
    margin-left: .5%; }
  div.jp-tickets div:nth-child(odd) {
    clear: both;
    margin-right: .5%; }
  div.jp-tickets .ga, div.jp-tickets .vip {
    background-image: url("https://ultrajapan.com/wp-content/uploads/2017/12/pattern.png"); }
  div.jp-tickets div.ticket {
    display: inline-block;
    margin-bottom: 40px;
    background: rgba(0, 0, 0, 0.8);
    border-left: 0;
    border-right: 0; }
    @media only screen and (min-width: 1080px) {
      div.jp-tickets div.ticket {
        margin-bottom: 20px; } }
    div.jp-tickets div.ticket:hover {
      background: rgba(0, 0, 0, 0.95); }
      div.jp-tickets div.ticket:hover span.jp-details em {
        background: #fff;
        color: #000; }
    div.jp-tickets div.ticket a {
      display: block;
      height: 100%; }
      div.jp-tickets div.ticket a span.jp-type,
      div.jp-tickets div.ticket a span.jp-price,
      div.jp-tickets div.ticket a span.jp-details {
        padding: 20px;
        display: block;
        float: left;
        width: 25%;
        position: relative;
        text-align: center; }
        @media only screen and (min-width: 500px) {
          div.jp-tickets div.ticket a span.jp-type,
          div.jp-tickets div.ticket a span.jp-price,
          div.jp-tickets div.ticket a span.jp-details {
            width: 20%; } }
        @media only screen and (min-width: 1080px) {
          div.jp-tickets div.ticket a span.jp-type,
          div.jp-tickets div.ticket a span.jp-price,
          div.jp-tickets div.ticket a span.jp-details {
            width: 120px; } }
      div.jp-tickets div.ticket a span.jp-type em, div.jp-tickets div.ticket a span.jp-type strong,
      div.jp-tickets div.ticket a span.jp-price em,
      div.jp-tickets div.ticket a span.jp-price strong {
        font-style: normal;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
        text-transform: uppercase; }
      div.jp-tickets div.ticket a span.jp-type em span {
        display: block;
        font-size: 33px;
        font-weight: bold;
        margin-bottom: 8px; }
      div.jp-tickets div.ticket a span.jp-price strong {
        font-size: 14px;
        line-height: 150%;
        font-weight: bold; }
        div.jp-tickets div.ticket a span.jp-price strong span {
          display: block; }
      div.jp-tickets div.ticket a span.jp-details {
        width: 50%;
        padding: 20px 10px 20px 20px;
        text-align: left; }
        @media only screen and (min-width: 500px) {
          div.jp-tickets div.ticket a span.jp-details {
            padding: 20px 0px 20px 20px;
            width: 60%; } }
        @media only screen and (min-width: 1080px) {
          div.jp-tickets div.ticket a span.jp-details {
            width: 220px; } }
        div.jp-tickets div.ticket a span.jp-details i {
          font-style: normal;
          position: absolute;
          top: 50%;
          left: 20px;
          right: 0;
          -webkit-transform: translateY(-50%);
             -moz-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
               -o-transform: translateY(-50%);
                  transform: translateY(-50%);
          text-transform: uppercase;
          line-height: 150%; }
          div.jp-tickets div.ticket a span.jp-details i strong {
            font-size: 13px;
            display: block;
            margin-bottom: 12px;
            line-height: 150%; }
          div.jp-tickets div.ticket a span.jp-details i span {
            font-size: 12px;
            display: block;
            margin-bottom: 14px;
            line-height: 150%; }
          div.jp-tickets div.ticket a span.jp-details i em {
            display: inline-block;
            text-align: center;
            width: 100px;
            font-style: normal;
            padding: 7px;
            font-weight: bold; }

html body div.jp-tickets div.ticket a span.jp-details i em {
  color: #000 !important; }

.inline-logos {
  text-align: center;
  vertical-align: middle;
  font-size: 0; }
  @media only screen and (min-width: 700px) {
    .inline-logos {
      width: 80%; } }
  .inline-logos li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px 30px;
    width: 50%; }
    @media only screen and (min-width: 500px) {
      .inline-logos li {
        width: 25%; } }
    .inline-logos li a {
      display: block;
      color: #666;
      font-family: 'helvetica-bold';
      font-size: 14px;
      -o-transition: .15s color ease-out;
      -moz-transition: .15s color ease-out;
      transition: .15s color ease-out;
      color: #fff;
      line-height: 150%;
      font-size: 0;
      color: transparent; }
      .inline-logos li a span {
        -o-transition: .15s border ease-out;
        -moz-transition: .15s border ease-out;
        transition: .15s border ease-out;
        border-bottom: 1px solid transparent; }
  .inline-logos img {
    width: 350px;
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 15px; }

.vendors-list {
  background: #fff;
  text-align: center;
  vertical-align: middle;
  padding: 20px 0; }
  .vendors-list .lawson {
    display: block;
    margin: auto; }
    .vendors-list .lawson img {
      width: 160px; }
  .vendors-list li {
    display: inline-block;
    padding: 10px; }
  .vendors-list a {
    display: inline-block;
    padding: 15px;
    color: #666;
    font-family: 'helvetica-bold';
    font-size: 16px;
    -o-transition: .15s color ease-out;
    -moz-transition: .15s color ease-out;
    transition: .15s color ease-out; }
    .vendors-list a span {
      -o-transition: .15s border ease-out;
      -moz-transition: .15s border ease-out;
      transition: .15s border ease-out;
      border-bottom: 1px solid transparent; }
    .vendors-list a:hover span {
      border-bottom: 1px solid #000; }
    .vendors-list a:hover {
      color: #000; }
  .vendors-list img {
    display: block;
    margin-bottom: 15px; }

/* Live Stream =======================================================================================  */
.sonybtn {
  position: absolute;
  bottom: 50px;
  left: 20px;
  z-index: 1000;
  right: 20px; }

.sonybtn a {
  font-size: 13px;
  line-height: 100% !important;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold; }

#ls-main-left2 {
  z-index: 200; }

.ls-main-left2 {
  -o-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.ls-main-left2 ul {
  margin: 0px; }

.ls-main-left2 img {
  display: block; }

body.page-template-page-livestream .background-overlay2 .loader {
  display: none !important;
  visibility: hidden !important; }

body.page-template-page-livestream {
  background: #000; }

body.page-template-page-livestream #background {
  opacity: 1 !important; }

body.page-template-page-livestream #background .bg {
  background: #050531 !important; }

body.page-template-page-livestream #main {
  opacity: 1 !important; }

html body.page-template-page-livestream .background-overlay .bg-texture {
  z-index: 4;
  background-image: url("https://ultramusicfestival.com/wp-content/uploads/2016/03/grid_pattern.png") !important; }

html body.page-template-page-livestream .background-overlay .bg-darken {
  opacity: .8 !important;
  z-index: 5; }

html body.page-template-page-livestream .background-overlay .desk-hide {
  display: none !important; }

body.page-template-page-livestream #pp-footer,
body.page-template-page-livestream .ppftop {
  display: none !important;
  visibility: hidden !important; }

.pointer {
  cursor: pointer; }

.rel {
  position: relative; }

.ultralive .ra1 {
  position: absolute;
  top: -8px;
  left: -6px;
  width: 150px; }

#ls-footer .accent .ra1 {
  position: relative;
  top: -8px; }

#ls-footer .ste .ra1 {
  position: relative;
  top: -8px;
  display: none; }

#ls-umftv2 .ra2 {
  top: 90px;
  left: -110px;
  position: absolute; }

#ls-umftv2 .ra1 {
  top: 90px;
  left: 170px;
  position: absolute; }

#ls-umftv2 .ba1 {
  display: block;
  width: 15px;
  height: 2px;
  background: #b5d0e1;
  position: absolute;
  top: 100px;
  left: -7px; }

#ls-umftv2 .ba2 {
  display: block;
  width: 12px;
  height: 2px;
  background: #b5d0e1;
  position: absolute;
  top: 100px;
  left: 171px; }

.red-left {
  background-image: -webkit-linear-gradient( right , rgba(113, 17, 29, 0.1) 0%, #71111d 99%);
  background-image: -moz- oldlinear-gradient(right, rgba(113, 17, 29, 0.1) 0%, #71111d 99%);
  background-image: -o-linear-gradient(right, rgba(113, 17, 29, 0.1) 0%, #71111d 99%);
  background-image: linear-gradient(to left, rgba(113, 17, 29, 0.1) 0%, #71111d 99%); }

.red-right {
  background-image: -webkit-linear-gradient( left , rgba(113, 17, 29, 0.1) 0%, #71111d 99%);
  background-image: -moz- oldlinear-gradient(left, rgba(113, 17, 29, 0.1) 0%, #71111d 99%);
  background-image: -o-linear-gradient(left, rgba(113, 17, 29, 0.1) 0%, #71111d 99%);
  background-image: linear-gradient(to right, rgba(113, 17, 29, 0.1) 0%, #71111d 99%); }

.ra2, .ra1 {
  width: 120px;
  height: 1px;
  display: block; }

.ad-accent {
  margin: 10px auto 20px;
  background: #3c4052;
  height: 1px;
  position: absolute;
  top: -30px;
  width: 100%; }

.ad-accent span {
  position: absolute;
  top: -1px;
  left: 0px;
  width: 20px;
  height: 2px;
  background: #b5d0e1; }

#ls {
  width: 1440px;
  padding-bottom: 0px;
  max-width: 100%;
  margin: auto;
  position: relative;
  z-index: 3; }

#newgridbg div.bg1 {
  background-image: url("https://ultramusicfestival.com/wp-content/uploads/2016/03/grid.png");
  -moz-background-size: 1025px auto;
    -o-background-size: 1025px auto;
       background-size: 1025px auto;
  z-index: 2;
  background-position: top right;
  background-repeat: no-repeat; }

#newgridbg div.bg2 {
  z-index: 2;
  background-position: center 0px;
  background-repeat: no-repeat; }

body.page-template-page-livestream .ticket-meter {
  display: none !important;
  visibility: hidden !important; }

#ls .red {
  color: #d71d33; }

#ls a:hover em, #ls a:hover .red {
  color: #fff !important; }

#ls em {
  font-style: normal; }

body.page-template-page-livestream a.active span em.red {
  color: #fff !important; }

#ls-header {
  padding: 0px 0;
  height: 100px; }

#ls-umftv {
  position: absolute;
  bottom: 20px;
  left: 0px;
  width: 190px; }

#ls-umftv img {
  display: block; }

#ls-umftv span {
  position: absolute;
  bottom: 35px;
  right: 180px;
  text-align: right;
  display: block;
  width: 100px; }

#ls-umftv strong {
  display: block;
  font-size: 17px;
  font-family: 'helvetica'; }

#ls-7up img {
  margin-right: 40px; }

#ls-7up span {
  position: absolute;
  bottom: 16px;
  right: 110px;
  text-transform: uppercase;
  font-size: 10px;
  display: block;
  padding-bottom: 5px; }

#ls-7up strong {
  position: absolute;
  right: 0px;
  bottom: 13px;
  padding-bottom: 5px;
  padding-left: 12px;
  border-bottom: 1px solid #4b5a61;
  display: block;
  color: #fff; }

#ls-7up {
  width: 215px;
  height: 64px;
  text-align: right; }

#ls-7up:hover strong {
  border-color: #cbe8f7; }

#ls-7up:hover span {
  color: #fff; }

.ls-main-left a:active img {
  opacity: .8; }

#ls-main {
  max-width: 100%; }

.ls-main-left {
  width: 180px;
  margin-left: 50px; }

.ls-main-left strong {
  display: block; }

.ls-main-left span {
  line-height: 12px; }

.ls-umflive {
  width: 180px;
  position: relative; }

.ls-umflive span {
  position: absolute;
  top: 28px;
  right: 46px;
  text-align: right; }

.ls-resistance {
  width: 180px;
  position: relative;
  margin: 20px 0px; }

.ls-resistance span {
  position: absolute;
  top: 37px;
  right: 46px;
  text-align: right; }

.ls-umfradio {
  position: relative; }

.ls-umfradio span {
  position: absolute;
  top: 28px;
  right: 46px;
  text-align: right; }

.ls-main-right {
  top: 0px;
  right: 0px; }

.euresislive {
  float: left; }

.rsponsor {
  float: right;
  padding-right: 10px;
  text-align: right; }
  .rsponsor.eu {
    display: block; }
  .rsponsor span {
    text-transform: uppercase;
    font-size: 9px;
    font-weight: bold; }
  .rsponsor img.beatlogo {
    margin-bottom: 12px; }
  .rsponsor img {
    float: right;
    clear: both;
    display: block; }

@media only screen and (max-width: 770px) {
  .beatlogo {
    width: 80px; }
  .rebizalogo {
    width: 100px; } }

#ls-footer {
  padding: 15px 0px 0px; }

#ls-footer .accent {
  display: block;
  height: 21px;
  width: 322px;
  background: url("https://ultramusicfestival.com/wp-content/uploads/2016/03/accent.png");
  -moz-background-size: 322px auto;
    -o-background-size: 322px auto;
       background-size: 322px auto; }

#ls-footer .ste {
  padding-top: 5px;
  border-right: 5px solid #252f42;
  width: 342px;
  height: 21px;
  background: #191f2e;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  color: #a7e0ff;
  margin-left: 13px; }

#ls-footer .ultralive a {
  font-size: 13px;
  background: #191f2e;
  border-left: 5px solid #1c2334;
  width: 150px;
  text-align: center;
  display: block;
  height: 21px;
  padding: 4px 30px 0px 20px; }

.hash {
  font-family: 'helvetica-bold'; }

#ls-footer .social {
  position: relative;
  top: -6px;
  margin-bottom: 0px; }
  #ls-footer .social li {
    display: inline-block; }
  #ls-footer .social a {
    padding: 3px 3px;
    display: inline-block; }
  #ls-footer .social a span {
    color: #627280;
    font-size: 14px; }
  #ls-footer .social a:hover span {
    color: #fff; }
  #ls-footer .social a:active span {
    color: #c1072e; }
  #ls-footer .social li.spacer {
    width: 1px;
    display: inline-block;
    height: 21px;
    background: #171320;
    position: relative;
    top: 6px; }

.ls-footer-accent {
  margin: 10px auto 20px;
  background: #3c4052;
  height: 1px; }

.ls-footer-accent span {
  position: absolute;
  top: -1px;
  left: 0px;
  width: 20px;
  height: 2px;
  background: #b5d0e1; }

#ls-video {
  background-image: -webkit-linear-gradient(135deg, #0b0b0b 0%, #212121 99%);
  background-image: -moz- oldlinear-gradient(315deg, #0b0b0b 0%, #212121 99%);
  background-image: -o-linear-gradient(315deg, #0b0b0b 0%, #212121 99%);
  background-image: linear-gradient(135deg, #0b0b0b 0%, #212121 99%); }

.mobile-only {
  display: none !important;
  visibility: hidden !important; }

.ls-lg-abs {
  position: absolute; }

.ls-main-left {
  top: 60px; }

#ls-7up {
  position: relative;
  top: 30px; }

.ls-mid-hide2 {
  display: none !important; }

#ls-mobile-ads {
  display: block;
  margin: auto;
  width: 210px; }

#ls-mobile-switcher {
  text-align: center; }

#ls-mobile-switcher a {
  display: inline-block; }

#ls-site-footer {
  width: 100%;
  position: fixed;
  bottom: 0px;
  left: 0px;
  height: 25px;
  z-index: 4;
  text-align: center;
  background-image: -webkit-linear-gradient(135deg, #0b0b0b 0%, #212121 99%);
  background-image: -moz- oldlinear-gradient(315deg, #0b0b0b 0%, #212121 99%);
  background-image: -o-linear-gradient(315deg, #0b0b0b 0%, #212121 99%);
  background-image: linear-gradient(135deg, #0b0b0b 0%, #212121 99%);
  background: rgba(17, 17, 17, 0.5); }

#ls-site-footer p {
  text-align: center;
  font-size: 10px;
  text-transform: uppercase;
  display: block;
  padding-top: 5px;
  color: #555;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

#ls-site-footer:hover p {
  color: #fff; }

.noradio {
  top: 120px !important; }

@media only screen and (max-width: 1450px) {
  #ls-main {
    width: 980px;
    margin: auto; }
  #ls-main .ls-main-center {
    width: 700px;
    position: relative;
    left: -20px; }
  .ls-main-left {
    left: -38px !important;
    margin-left: 0px  !important; }
  .ls-resistance {
    width: 170px;
    margin: 0px 10px; }
  .ls-main-right {
    width: 152px; }
  .ls-large-hide {
    display: none !important; }
  .ls-main-left {
    top: 30px; }
  .noradio {
    top: 50px !important; }
  #ls-footer {
    width: 650px; }
  #ls-footer .accent {
    display: none; } }

@media only screen and (max-width: 1520px) {
  .ad-accent {
    display: none; } }

@media only screen and (max-width: 1080px) {
  #ls {
    width: 700px !important; }
  #ls-header {
    width: 320px; }
  #ls-7up {
    width: 90px;
    position: relative;
    right: 10px; }
  #ls-7up span {
    right: 100px;
    font-size: 10px !important; }
  #ls-main .ls-main-center {
    width: 800px;
    left: 0px; }
  .ls-main-left {
    display: none; }
  .ls-main-right {
    display: none; }
  #ls-footer {
    width: 320px;
    max-width: 100%; }
  #ls-footer .left {
    float: none;
    margin: auto;
    text-align: center;
    margin-bottom: 12px;
    width: 320px;
    border: 0px;
    max-width: 100%; }
  #ls-footer .ste {
    width: 280px; }
  #ls-footer .ultralive {
    width: 180px;
    text-align: center; }
  #ls-footer .right {
    float: none;
    text-align: center;
    padding: 5px; }
  .mobile-only {
    display: block !important;
    visibility: visible !important; }
  .ls-footer-accent {
    margin: 10px auto 30px; }
  .ls-umfradio {
    width: 180px; }
  .ls-umfradio span {
    top: 32px; }
  .ls-umflive span {
    top: 32px !important; }
  .ls-mobile-switcher .ls-umfradio {
    width: 170px; }
  .svnupaccent {
    width: 210px; }
  #ls-footer .ste .ra1 {
    display: block; }
  #ls-footer .accent .ra1 {
    top: -3px; }
  #ls-footer .ultralive .ra1 {
    top: -1px;
    left: 15px; }
  #ls-footer .ultralive {
    padding-top: 2px; }
  #ls-footer .ultralive a {
    margin: auto; }
  #newgridbg div.bg1 {
    -moz-background-size: 700px auto !important;
      -o-background-size: 700px auto !important;
         background-size: 700px auto !important; } }

@media only screen and (max-width: 400px) {
  #ls-header {
    overflow: hidden; }
  .ls-resistance {
    height: 120px; } }

#ls strong, #ls a.ultralive {
  color: red; }

#ls strong:hover, #ls a:hover {
  color: #fff; }

.ls-umflive {
  width: 170px !important; }

.cnavabs .cycler-nav {
  top: -112px; }

.lsmb {
  margin: auto;
  margin-bottom: 24px;
  display: none; }

.deskbtn, .mbbtn {
  opacity: .5; }

.deskbtn i, .mbbtn .ellipse {
  opacity: 0;
  -o-transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out; }

.deskbtn:hover, .active, .mbbtn:hover, .active .ellipse {
  opacity: 1 !important; }

.mbf {
  display: none; }

.mbf {
  text-align: center; }

.mbf span {
  display: block;
  text-transform: uppercase;
  font-size: 20px;
  margin-top: 15px; }

.mbf a {
  display: block;
  text-transform: uppercase;
  font-size: 25px;
  margin: 15px 0px; }

#ls-main .active i {
  opacity: 1;
  color: red !important; }

body.page-template-page-livestream .bg-cover {
  -moz-background-size: auto;
    -o-background-size: auto;
       background-size: auto; }

body.page-template-page-livestream #background div {
  z-index: 2; }

.vid-wrap {
  position: relative; }

.i360 {
  position: absolute;
  z-index: 999999999;
  right: -0;
  margin-top: 20px;
  margin-right: 20px; }

.i360:hover {
  cursor: pointer; }

.exp-banner {
  width: 80%; }

.ch-btn {
  max-height: 1em; }

#ls-footer:hover .social a span {
  color: #fff !important; }

#ls-sponsor-mob-top {
  display: none; }
  #ls-sponsor-mob-top span {
    padding-top: 20px;
    text-transform: uppercase;
    display: block;
    font-weight: bold;
    font-size: 9px;
    margin-bottom: 1px;
    text-align: left; }

#ls-sponsors {
  position: relative; }
  #ls-sponsors span {
    text-transform: uppercase;
    display: block;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
    text-align: center;
    position: absolute;
    top: 40px;
    left: 0; }
  #ls-sponsors a span {
    color: #8ceaff !important; }

@media only screen and (max-width: 1450px) {
  .ls-main-left2 {
    width: 152px; }
  #ls-main .ls-main-center {
    left: 0px !important;
    width: 670px; }
  #ls-footer {
    width: 670px; }
  .sonybtn {
    bottom: 40px;
    left: 10px; }
  .sonybtn a {
    font-size: 9px !important; }
  #ls-header {
    width: 700px !important;
    padding-left: 15px; } }

@media only screen and (min-width: 1080px) {
  .fbtns {
    display: none; }
  #ls-sponsors {
    margin-left: 320px;
    width: 330px;
    text-align: left;
    padding-left: 90px; }
  #ls-mobile-switcher {
    display: none; }
  #ls-header {
    text-align: center; }
  .ls-resistance {
    margin: 0;
    width: auto; }
  #ls-umftv img {
    max-height: 12em; }
  .ls-main-left {
    margin-left: 30px;
    top: 0; }
  div.bp-line {
    width: 5em;
    height: 1px;
    background-color: red;
    float: right;
    margin-top: 2.5em;
    margin-bottom: 2.5em; }
  #ls-mobile-switcher strong {
    float: right; }
  .resistance-image {
    margin-top: 1em;
    margin-bottom: 1em; }
  img.x-sub {
    margin-top: 1em;
    margin-bottom: 0.5em; }
  #ls-umftv {
    width: auto;
    float: left;
    margin-bottom: -1em; }
  #ls strong {
    color: white; }
  #ls-main a i {
    position: absolute;
    margin-top: 0.7em;
    font-size: 1.5em; }
  #ls-main a i.resistance {
    position: absolute;
    margin-left: -2em; }
  .l2 {
    margin-left: 2em; }
  .i360 {
    max-height: 5em; }
  .exp-logo-desktop, .hash-logo-desktop {
    max-height: 1em;
    margin-top: 0.5em; }
  .hash-logo-desktop {
    margin-left: 2em; }
  .exp-logo, .hash-logo {
    display: none; }
  #ls-mobile-switcher .umf-tv {
    display: none; }
  #ls-mobile-switcher .sch-btn {
    display: none; }
  #ls-mobile-switcher .umf-tv-desk {
    margin-left: 293px;
    display: block; } }

@media only screen and (max-width: 1080px) {
  #lsdb {
    display: none; }
  .lsmb {
    display: block;
    width: 300px; }
  .ls-main-left2 {
    display: none; }
  .mbf {
    display: block; }
  #ls-footer {
    display: none; }
  #ls #ls-umftv {
    position: relative;
    top: -40px;
    left: 0px;
    float: left;
    display: block;
    width: 210px; }
  #ls-sponsors {
    padding-top: 0px;
    width: 115px;
    padding-right: 30px;
    float: left; }
    #ls-sponsors span {
      margin-top: 5px;
      position: relative;
      top: 0; }
  #ls-header {
    width: 100%; }
  #logo-links {
    margin: 2em 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
  #logo-links a {
    width: 33%;
    margin-left: auto;
    margin-right: auto; }
  #ls-umftv {
    width: 60%;
    margin-bottom: -2em;
    margin-top: 1em;
    top: 0px !important; }
  .dash-button {
    margin-bottom: -0.5em; }
  #ls-umftv img {
    max-height: 6em; }
  #ls-sponsors-mob2 {
    width: 100%;
    margin-top: 1em;
    padding-left: 0.5em;
    padding-right: 0.5em; }
  #ls-main i {
    font-size: 2.5em; }
  .i360 {
    max-height: 4em; }
  .channel-button {
    max-width: 60% !important; }
  .ellipse {
    max-height: 6px;
    margin-bottom: 5px;
    position: relative;
    right: -5px; }
  .button-bg {
    opacity: 0.8; }
  img.button-logo {
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 15px;
    padding-bottom: 10%;
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -43%; }
  #logo-links a {
    position: relative; }
  img.resistance-img {
    margin-top: 10px;
    margin-left: -50%; }
  .bottom-sponsors {
    margin-left: 1em;
    margin-right: 1em;
    opacity: 0.7; }
  #ls-footer {
    height: 50px;
    margin-top: 2em;
    margin-bottom: 2em; }
  a#ls-sponsor-mob {
    width: 50%;
    margin-left: 50%;
    padding-right: 1em; }
  .exp-logo, .hash-logo {
    max-height: 1em;
    max-width: 50%; }
  .exp-logo {
    margin-top: 3em; }
  .hash-logo {
    margin-left: 57%; }
  .rs100-mid {
    display: none; }
  .umf-tv {
    margin-top: 3em;
    max-height: 2em; }
  .svnupaccent {
    width: 100%; }
  .exp-banner {
    display: none; }
  .umf-tv-desk {
    display: none; } }

@media only screen and (max-width: 600px) {
  img.button-logo {
    margin-left: -50%; }
  .ellipse {
    margin-bottom: 6px; }
  img.resistance-img {
    margin-top: 10px; }
  .hash-logo {
    margin-left: 60%; }
  #ls-banner {
    padding-top: 0px; }
  #logo-links a {
    width: 44%;
    margin-left: auto;
    margin-right: auto; } }

.resistanceh {
  position: relative;
  height: 100px;
  paadding: 10px 0; }
  .resistanceh a {
    display: block; }
  .resistanceh .euresislive {
    position: absolute;
    bottom: 5px;
    left: 0; }
  .resistanceh .rsponsor.eu {
    position: absolute;
    bottom: 15px;
    right: 0; }

@media only screen and (max-width: 450px) {
  #ls #ls-umftv {
    top: -14px;
    width: 180px !important;
    left: 15px !important; }
  #ls-sponsor-mob-top {
    padding-top: 10px;
    display: block;
    float: right;
    padding-right: 15px; }
  .resistanceh .euresislive {
    width: 180px; }
  .resistanceh .rsponsor.eu {
    width: 90px;
    margin-bottom: 10px; } }

@media only screen and (max-width: 400px) {
  body.page-template-page-livestream #background div {
    opacity: 0.5; }
  #ls-header {
    margin-top: -3em; }
  a#ls-sponsor-mob {
    margin-left: 50%; }
  .exp-logo, .hash-logo {
    max-height: 0.8em; }
  .exp-logo {
    margin-top: 4em;
    padding-right: 1em; }
  .hash-logo {
    margin-left: 60%; }
  .i360 {
    max-height: 3em; }
  .ellipse {
    margin-bottom: 3px; }
  .channel-button {
    max-width: 70% !important; }
  img.resistance-img {
    margin-top: 5px; }
  img.button-logo {
    top: 40%;
    margin-left: -50%;
    padding-top: 8px; } }

@media only screen and (max-width: 320px) {
  #ls #ls-umftv {
    width: 150px !important; } }

#ls-banner ul {
  margin: 0px; }

#ls-banner img {
  display: block; }

#ls-banner .bg80 {
  background: rgba(0, 0, 0, 0.4) !important; }

#ls-banner .mb100 {
  margin: 0px auto 24px auto !important; }

.lsmnav {
  display: none; }

@media only screen and (max-width: 1080px) {
  .lsmnav {
    display: block;
    padding: 20px 0;
    margin-left: 1%;
    margin-bottom: 25px;
    overflow: hidden; }
    .lsmnav .tunein {
      display: block;
      text-align: center;
      text-transform: uppercase;
      padding: 5px 0 10px; }
      .lsmnav .tunein em {
        opacity: 0; }
    .lsmnav a {
      display: block;
      width: 48%;
      margin-right: 1%;
      margin-left: 1%;
      float: left; }
      .lsmnav a:hover .lsbtn {
        background: -moz- oldlinear-gradient(top left, rgba(77, 53, 137, 0.9), rgba(123, 51, 125, 0.9));
        background: -o-linear-gradient(top left, rgba(77, 53, 137, 0.9), rgba(123, 51, 125, 0.9));
        background: linear-gradient(to bottom right, rgba(77, 53, 137, 0.9), rgba(123, 51, 125, 0.9)); }
      .lsmnav a.active em {
        opacity: 1; }
      .lsmnav a.active .lsbtn {
        background: -moz- oldlinear-gradient(top left, rgba(77, 53, 137, 0.9), rgba(123, 51, 125, 0.9));
        background: -o-linear-gradient(top left, rgba(77, 53, 137, 0.9), rgba(123, 51, 125, 0.9));
        background: linear-gradient(to bottom right, rgba(77, 53, 137, 0.9), rgba(123, 51, 125, 0.9)); }
    .lsmnav .lineaccent {
      height: 4px;
      width: 100%;
      background: -moz- oldlinear-gradient(left, #856dd2, #422a8f, #c8b8ff);
      background: -o-linear-gradient(left, #856dd2, #422a8f, #c8b8ff);
      background: linear-gradient(to right, #856dd2, #422a8f, #c8b8ff);
      display: block; }
    .lsmnav .lsbtn {
      text-align: center;
      display: block;
      background: -moz- oldlinear-gradient(top left, rgba(77, 53, 137, 0.5), rgba(123, 51, 125, 0.5));
      background: -o-linear-gradient(top left, rgba(77, 53, 137, 0.5), rgba(123, 51, 125, 0.5));
      background: linear-gradient(to bottom right, rgba(77, 53, 137, 0.5), rgba(123, 51, 125, 0.5));
      padding: 30px 5px; } }

.desknav .newlsbtn {
  text-align: right;
  float: right;
  margin-bottom: 25px;
  margin-top: 25px; }
  .desknav .newlsbtn span.tunein {
    text-transform: uppercase; }
  .desknav .newlsbtn img.clogo {
    opacity: .7;
    margin-bottom: 12px;
    -o-transition: .2s opacity ease-out;
    -moz-transition: .2s opacity ease-out;
    transition: .2s opacity ease-out;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  .desknav .newlsbtn.channel1 span {
    position: relative;
    top: 5px; }
  .desknav .newlsbtn.channel1 em {
    left: -25px;
    top: 28px; }
  .desknav .newlsbtn.channel1 img.clogo {
    margin-bottom: 0px; }
  .desknav .newlsbtn:hover span, .desknav .newlsbtn.active span {
    color: #fff; }
  .desknav .newlsbtn:hover .clogo, .desknav .newlsbtn.active .clogo {
    opacity: .99; }
  .desknav .newlsbtn:hover em, .desknav .newlsbtn.active em {
    opacity: .5; }
  .desknav .newlsbtn.active span {
    color: #fff; }
  .desknav .newlsbtn.active em {
    opacity: 1; }
  .desknav .newlsbtn.active .clogo {
    opacity: .99; }
  .desknav .newlsbtn span {
    display: block;
    margin-bottom: 5px;
    color: #ccf5ff; }
  .desknav .newlsbtn .channelimg {
    display: block;
    clear: both;
    margin-bottom: 10px; }
  .desknav .newlsbtn img {
    clear: both; }
  .desknav .newlsbtn em {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    display: block;
    width: 16px;
    height: 20px;
    position: absolute;
    top: 18px;
    left: -25px;
    opacity: 0;
    -o-transition: .2s opacity ease-out;
    -moz-transition: .2s opacity ease-out;
    transition: .2s opacity ease-out; }

.resisonlybanner {
  position: absolute;
  top: 25px;
  left: 25px; }

/* Home & Cycle ======================================================================================= */
div.overboxww .inner {
  position: relative;
  margin: 0 auto;
  padding-top: 120px;
  width: auto;
  top: auto;
  left: auto; }
  div.overboxww .inner img {
    width: 200px;
    height: auto;
    padding-bottom: 20px;
    display: block; }
  div.overboxww .inner a {
    margin-bottom: 15px; }

.u-ad {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1000; }

.u-ad .top {
  height: 90px;
  cursor: pointer;
  position: relative;
  z-index: 1021;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+90&amp;0+0,1+90 */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 90%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, 0.9)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 90%);
  /* Chrome10+,Safari9.1+ */
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 90%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 90%);
  /* IE10+ */
  background: -moz- oldlinear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 90%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 90%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
  /* IE6-8 */ }

.u-ad .top .u-close {
  display: block;
  margin: 10px auto 0px;
  padding: 10px 20px 10px 10px;
  cursor: pointer; }

.u-ad .top .u-close:hover span {
  color: #aaa; }

.u-ad .top .u-close span {
  font-size: 10px;
  font-family: 'helvetica-bold';
  text-transform: uppercase;
  display: block;
  padding: 20px;
  position: relative;
  padding-right: 50px; }

.u-ad .top .u-close img {
  position: absolute;
  top: 35px;
  right: 40px;
  width: 20px;
  height: auto;
  opacity: .8; }

.u-ad .top:hover .u-close img {
  opacity: 1; }

.u-ad .overlay {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1010; }

.u-ad .content {
  position: fixed;
  max-width: 100%;
  top: 90px;
  right: 0px;
  bottom: 76px;
  left: 0px;
  background: #000;
  z-index: 1015; }

.u-ad .footer {
  position: fixed;
  bottom: 0px;
  padding: 0px 0px;
  left: 0px;
  right: 0px;
  z-index: 1020;
  text-align: center; }

.u-ad .footer .fbg {
  position: absolute;
  opacity: 0;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: #000;
  z-index: -1; }

.u-ad .footer .btn {
  display: block;
  padding: 30px 0px;
  height: 80px;
  margin: 0px 0%;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 11px;
  line-height: 20px;
  /*
    background: #373737; */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,333333+50,000000+100 */
  background: black;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.7) 0%, black 50%, rgba(0, 0, 0, 0.7) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(50%, black), color-stop(100%, rgba(0, 0, 0, 0.7)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.7) 0%, black 50%, rgba(0, 0, 0, 0.7) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.7) 0%, black 50%, rgba(0, 0, 0, 0.7) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.7) 0%, black 50%, rgba(0, 0, 0, 0.7) 100%);
  /* IE10+ */
  background: -moz- oldlinear-gradient(left, rgba(0, 0, 0, 0.7) 0%, black 50%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%, black 50%, rgba(0, 0, 0, 0.7) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );
  /* IE6-8 */ }

.u-ad .footer .btn strong {
  font-size: 13px;
  display: inline-block;
  padding: 0px 10px; }

.u-ad .footer2 .btn:first-child {
  background: #222; }

.u-ad .footer .btn span {
  font-size: 20px;
  position: relative;
  top: 1px; }

.u-ad .footer .btn:hover {
  background: #fff;
  color: #000; }

@media only screen and (max-width: 1160px) {
  .u-ad .top {
    height: 60px; }
  .u-ad .top .u-close {
    margin: 0px 0px 0px 0px;
    padding: 4px; }
  .u-ad .top .u-close img {
    top: 20px;
    right: 20px; }
  .u-ad .content {
    top: 60px;
    bottom: 50px; }
  .u-ad .footer .btn {
    padding: 14px 0px;
    height: 50px;
    font-size: 12px; } }

.myIframe {
  position: relative;
  padding-bottom: 65.25%;
  padding-top: 30px;
  height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  border: solid black 1px; }

.myIframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.styledform #ageconfirm label.error {
  display: block !important;
  visibility: visible !important;
  color: red !important;
  top: -20px !important;
  position: absolute;
  left: 0; }

.styledform #ageconfirm label {
  cursor: pointer; }

.relative {
  position: relative; }

.sending {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.95) url("https://umfworldwide.com/wp-content/uploads/2015/07/loader.gif") center center no-repeat;
  -moz-background-size: 36px 36px;
    -o-background-size: 36px 36px;
       background-size: 36px 36px; }

.form-wrap {
  position: relative;
  margin-bottom: 150px !important; }

.vipformwrap {
  width: 650px;
  margin: auto;
  max-width: 100%; }

.vipformwrap iframe {
  height: 510px;
  width: 100%;
  margin: auto; }

.qas2 {
  position: fixed;
  width: 50%;
  background: #000;
  top: 100px;
  bottom: 100px;
  left: 0px;
  z-index: 1000;
  padding: 50px; }

.qas {
  position: relative;
  height: 490px;
  overflow: hidden;
  overflow-y: auto; }

.qas li {
  padding-right: 25px; }

.qas li a {
  color: #ccc;
  display: block;
  padding: 10px 0px;
  font-size: 14px; }

.qas li:hover a, .qas li.active a {
  color: #fff; }

.qas li strong {
  font-size: 16px; }

.qas .lbreak3 {
  margin: 0px 0px !important;
  padding: 0px;
  opacity: .3; }

.qas li:hover .lbreak3, .qas li.active .lbreak3 {
  opacity: 1; }

.qas li.notactive {
  opacity: .4; }

.qas div.answer {
  display: none; }

div.answerbox h1 {
  margin: 83px 0px 44px;
  color: #777; }

div.answerbox p.answer-footer, div.answerbox p.answer-footer a {
  color: #777 !important; }

div.answerbox p.answer-footer:hover, div.answerbox p.answer-footer:hover a {
  color: #fff !important; }

p.lu {
  font-style: italic;
  color: #aaa; }

.hiddenRecaptcha {
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
  padding: 0px !important; }

.ptn2, #hiddenRecaptcha-error {
  position: relative;
  top: -20px; }

div.answerbox {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 440px;
  background: black;
  z-index: 10;
  font-size: 14px;
  padding: 0px 50px;
  display: none;
  line-height: 175%; }

div.answer-text {
  height: 520px;
  padding-right: 25px;
  overflow: hidden;
  overflow-y: auto; }

div.answerbox ul li, div.answerbox ol li {
  font-size: 14px !important; }

div.answerbox a {
  border-bottom: 1px solid #999;
  text-decoration: none; }

div.answerbox a:hover {
  border-bottom: 1px solid #fff; }

.btn-close {
  position: absolute;
  top: 80px;
  right: 40px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: url("../img/theme/close-btn.png") center center no-repeat !important;
  -moz-background-size: 32px 32px !important;
  -o-background-size: 32px 32px !important;
  background-size: 32px 32px !important;
  border-bottom: 0px !important; }

#qa-search {
  margin-bottom: 24px;
  border: 1px solid transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.2);
  margin-bottom: 24px;
  outline: none;
  outline-style: none;
  display: block;
  padding: 15px;
  font-size: 14px;
  width: 100%;
  color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
     background-clip: padding-box; }

#qa-search:hover {
  border: 1px solid #fff; }

#qa-search:focus,
#qa-search:active {
  background: #fff !important;
  color: #000; }

.btn-goemail {
  cursor: pointer; }

@media only screen and (max-width: 1024px) {
  -moz-box-shadow: 0px 0px 0px #444;
       box-shadow: 0px 0px 0px #444; }

@media only screen and (max-width: 1024px) {
  div.answerbox {
    position: fixed;
    top: 70px;
    bottom: 0px;
    left: 0px;
    right: 50px;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px;
    height: auto;
    -o-transition: top .2s ease-out;
    -moz-transition: top .2s ease-out;
    transition: top .2s ease-out;
    -webkit-overflow-scrolling: touch; }
  div.answer-text {
    height: 85%;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 120px; }
  div.answerbox h1 {
    margin: 0px 0px 44px;
    color: #777; }
  body.scrolled div.answerbox {
    top: 50px; }
  .qas {
    height: auto; }
  .btn-close {
    right: 25px;
    top: 20px; }
  body.aopen #footer {
    z-index: 9; } }

.article-autocomplete-subject {
  display: block;
  font-weight: bold; }

.article-autocomplete-body {
  display: none; }

@media only screen and (max-width: 548px) {
  .vipformwrap iframe {
    height: 720px !important; } }

/* VIP Table Form ======================================================================================= */
.select-wraps {
  height: 78px; }

.fnotes p {
  font-size: 10px !important;
  text-align: center;
  color: #bbb; }

.hnotes {
  font-size: 11px !important;
  margin-bottom: 36px; }

.flogos {
  text-align: center;
  padding: 20px 0px 5px;
  clear: both; }

.midimage {
  margin: 0px 30px; }

#ageconfirm {
  position: relative;
  margin-bottom: 12px;
  height: 20px; }

#ageconfirm input {
  width: auto !important;
  border: 0px !important;
  position: absolute;
  top: 0px;
  left: 0px; }

#ageconfirm strong {
  font-size: 10px !important;
  float: left !important;
  width: 100% !important;
  position: relative;
  top: 2px;
  padding-left: 24px !important; }

.email-clear {
  clear: both; }

.submit {
  padding: 20px 0px; }

.w33form {
  width: 32%;
  float: left;
  margin-right: 2% !important; }

.w33last {
  float: right;
  margin-right: 0% !important; }

#vip-tables h2 {
  font-size: 70px;
  margin-bottom: 0px;
  line-height: 100%; }

#vip-tables h2 span {
  display: block; }

#vip-tables p {
  font-size: 14px; }

#vip-tables {
  background: rgba(0, 0, 0, 0.8); }

#vip-tables label {
  display: block;
  font-size: 12px;
  text-transform: uppercase; }

#vip-tables input, #vip-tables select {
  display: block;
  width: 100%;
  background: none;
  border: 0px;
  border-bottom: 1px solid #666 !important;
  font-weight: normal !important;
  font-size: 18px;
  margin-bottom: 24px;
  color: #b8e3f4;
  padding: 7px 2px;
  display: block; }

#vip-tables input[type="checkbox"] {
  margin: 0px !important;
  padding: 0px !important; }

#vip-tables label {
  display: block;
  font-size: 12px;
  text-transform: uppercase; }

#vip-tables input, #vip-tables select {
  outline: none !important; }

#vip-tables input:hover, #vip-tables input:focus, #vip-tables input:active {
  color: #fff;
  border-bottom: 1px solid #fff; }

#vip-tables select:hover, #vip-tables select:active, #vip-tables select:focus {
  color: #fff;
  border-bottom: 1px solid #fff;
  margin-bottom: 0px !important; }

#vip-tables select:hover {
  background: none !important; }

#vip-tables select {
  font-size: 12px; }

#vip-tables .indicates-required {
  text-align: right;
  display: block;
  font-size: 11px;
  padding-bottom: 12px; }

#vip-tables .datefield input {
  width: 50px;
  text-align: center; }

#vip-tables .datefield span {
  display: inline-block;
  margin-right: 10px; }

#vip-tables span.small-meta {
  color: #bbb; }

#vip-tables2 .submit button {
  border: 1px solid #fff;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  color: #fff;
  background: none;
  font-size: 12px;
  padding: 10px 50px;
  cursor: pointer; }

#vip-tables2 .submit button:hover {
  background: #fff;
  color: #000; }

#vip-tables .submit button {
  width: 100%;
  text-align: center;
  font-size: 12px;
  padding: 10px 50px;
  cursor: pointer; }

#vip-tables label.error {
  display: none !important;
  visibility: hidden !important; }

#vip-tables .gender-group label.error {
  display: block !important;
  visibility: visible !important;
  color: red;
  position: absolute;
  top: 0px;
  left: 70px; }

#vip-tables input.error, #vip-tables select.error {
  border-color: red !important;
  background: rgba(255, 0, 0, 0.2);
  color: #fff; }

#vip-tables select:focus, #vip-tables select:active, #vip-tables select:hover {
  color: #000 !important;
  background: #fff !important;
  border: 1px solid #fff !important; }

#vip-tables #ageconfirm {
  position: relative; }

#vip-tables #ageconfirm label.error {
  display: block !important;
  visibility: visible !important;
  color: red !important;
  margin-left: 0px !important;
  text-decoration: none !important;
  position: absolute;
  top: 20px;
  left: 0px;
  font-size: 11px !important; }

#vip-tables #ageconfirm label:hover {
  text-decoration: underline; }

#vip-tables #ageconfirm label {
  cursor: pointer; }

#vip-tables #ageconfirm input {
  position: absolute;
  top: 2px;
  left: 2px; }

.video-buttons {
  left: auto !important;
  bottom: auto !important;
  top: 320px !important;
  margin-left: 0px !important;
  right: 50% !important;
  margin-right: -470px; }

#new-contact label.error {
  color: #c80000;
  display: block;
  padding-top: 5px;
  text-transform: uppercase;
  font-size: 10px;
  clear: both; }

#new-contact input.error, #new-contact textarea.error, #new-contact select.error {
  border-color: red !important;
  background: rgba(255, 0, 0, 0.2);
  color: #fff; }

#new-contact select:focus, #new-contact select:active, #new-contact select:hover {
  color: #000 !important;
  background: #fff !important;
  border-bottom: 1px solid #fff !important; }

.newty {
  padding: 25px;
  position: absolute;
  top: 0px;
  left: 0px; }

@media screen and (max-width: 980px) {
  .details {
    width: 100% !important;
    clear: both;
    float: none !important; }
  .info1 {
    width: 100% !important;
    float: none !important;
    clear: both; }
  #vip-tables {
    margin: 20px 0px !important; } }

@media screen and (max-width: 600px) {
  #ageconfirm {
    padding-bottom: 30px; } }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Styled Form======================================================================================= */
.page-template-page-promo-form2 .main .w980 {
  width: 400px;
  margin: auto; }

.styledform .input-group label {
  cursor: pointer; }

.styledform label {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 4px; }

.styledform input, .styledform textarea {
  display: block;
  width: 100%;
  background: none;
  border: 0px;
  border-bottom: 1px solid #666;
  font-weight: normal !important;
  font-size: 18px;
  margin-bottom: 36px;
  color: #b8e3f4;
  padding: 7px 2px; }

.styledform textarea {
  border: 1px solid #333;
  border-bottom: 1px solid #666; }

.re-form input[type="checkbox"],
.re-form input[type="radio"],
.styledform input[type="checkbox"],
.styledform input[type="radio"] {
  width: auto;
  border: 0px;
  display: inline-block;
  position: relative;
  top: 1px;
  margin: 0px; }

.styledform .datefield span {
  display: inline-block;
  margin-right: 10px; }

.styledform .datefield input {
  width: 50px;
  text-align: center; }

.styledform label.error {
  display: none !important;
  visibility: hidden !important; }

.styledform .gender-group label.error {
  display: block !important;
  visibility: visible !important;
  color: red;
  position: absolute;
  top: 0px;
  left: 70px; }

.styledform input.error, .styledform select.error {
  border-color: red !important;
  background: rgba(255, 0, 0, 0.2);
  color: #fff; }

.styledform select {
  border: 0px !important;
  border-bottom: 1px solid #666 !important;
  background: rgba(55, 55, 55, 0.5);
  color: #fff;
  outline: none;
  outline-style: none; }

.styledform select {
  margin-bottom: 24px;
  padding: 5px 0px;
  cursor: pointer;
  width: 100%; }

.styledform select option {
  font-size: 16px; }

.styledform select:focus, .styledform select:active, .styledform select:hover {
  color: #fff !important;
  background: #000 !important; }

.styledform form div.show-error {
  position: relative; }

.styledform form div.show-error label.error {
  display: block !important;
  visibility: visible !important;
  color: red; }

.styledform form .certify label.error {
  position: absolute;
  bottom: 0px;
  left: 0px; }

.styledform form .gender-group label.error {
  position: absolute;
  top: 10px;
  left: 80px; }

.smalltext {
  font-size: 10px;
  font-family: 'helvetica-bold'; }

.styledform input:hover, .styledform input:focus, .styledform input:active {
  color: #fff;
  border-bottom: 1px solid #fff; }

.styledform button.btn-main {
  width: auto;
  max-width: 100%;
  font-family: 'helvetica-bold';
  font-weight: normal; }

form.styledform ol, form.styledform ol li {
  display: block; }

@media screen and (min-width: 1025px) {
  .reqnotice {
    position: absolute;
    top: 60px;
    right: 50px; } }

@media screen and (max-width: 1024px) {
  .reqnotice {
    position: relative;
    top: -15px;
    right: auto; } }

/* Get Updates ======================================================================================= */
#get-updates h1 {
  font-size: 58px;
  margin-bottom: 0px;
  line-height: 100%; }

#get-updates h1 span {
  display: block; }

#get-updates p {
  font-size: 14px; }

#get-updates .form_box {
  background: rgba(0, 0, 0, 0.8);
  padding: 20px; }

#get-updates .form_box label {
  display: block;
  font-size: 12px;
  text-transform: uppercase; }

#get-updates .form_box input {
  display: block;
  width: 100%;
  background: none;
  border: 0px;
  border-bottom: 1px solid #666;
  font-weight: normal !important;
  font-size: 18px;
  margin-bottom: 24px;
  color: #b8e3f4;
  padding: 7px 2px;
  display: block; }

#get-updates .form_box label {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 4px; }

#get-updates input, #get-updates select {
  outline: none !important; }

#get-updates .form_box input:hover, #get-updates .form_box input:focus, #get-updates .form_box input:active {
  color: #fff;
  border-bottom: 1px solid #fff; }

#get-updates .form_box .indicates-required {
  text-align: right;
  display: block;
  font-size: 11px;
  padding-bottom: 12px; }

#get-updates .form_box .datefield input {
  width: 50px;
  text-align: center; }

#get-updates .form_box .datefield span {
  display: inline-block;
  margin-right: 10px; }

#get-updates .form_box span.small-meta {
  color: #bbb; }

#get-updates .gender-group {
  margin-top: 24px;
  position: relative; }

#get-updates .gender-group li {
  display: block;
  float: left;
  list-style: none;
  margin-bottom: 24px;
  margin-right: 24px;
  text-transform: uppercase;
  font-size: 12px;
  cursor: pointer; }

#get-updates .gender-group label:hover {
  text-decoration: underline; }

#get-updates .gender-group strong {
  text-transform: uppercase;
  font-size: 12px; }

#get-updates .country-select label {
  display: block;
  font-size: 12px;
  text-transform: uppercase; }

#get-updates .country-select select {
  margin-bottom: 24px;
  padding: 5px 0px;
  cursor: pointer; }

#get-updates .check-group li {
  list-style: none;
  font-size: 12px;
  text-transform: uppercase;
  cursor: pointer; }

#get-updates .check-group strong {
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 10px; }

#get-updates .check-group label {
  cursor: pointer; }

#get-updates .check-group label:hover {
  text-decoration: underline; }

#get-updates2 .submit button {
  border: 2px solid #fff;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  background: none;
  font-size: 12px;
  padding: 10px 50px;
  cursor: pointer; }

#get-updates2 .submit button:hover {
  background: #fff;
  color: #000; }

#get-updates label.error, .fsignup label.error {
  display: none !important;
  visibility: hidden !important; }

#get-updates .gender-group label.error {
  display: block !important;
  visibility: visible !important;
  color: red;
  position: absolute;
  top: 0px;
  left: 70px; }

#get-updates input.error, #get-updates select.error, .fsignup input.error {
  border-color: red !important;
  background: rgba(255, 0, 0, 0.2);
  color: #fff; }

#get-updates select {
  border: 1px solid #aaa !important;
  background: rgba(55, 55, 55, 0.5);
  color: #fff;
  outline: none;
  outline-style: none; }

#get-updates select:focus, #get-updates select:active, #get-updates select:hover {
  color: #000 !important;
  background: #fff !important;
  border: 1px solid #fff !important; }

/* Contact  ======================================================================================= */
ol.gtform {
  margin: 0px; }

ol.gtform select {
  line-height: 30px; }

ol.gtform textarea {
  height: 120px;
  font-family: 'helvetica'; }

ol.gtform .msg {
  clear: both; }

.gtform input.wpcf7-quiz:hover, .gtform input.wpcf7-quiz:focus, .gtform input.wpcf7-quiz:active,
.gtform input:hover, .gtform select:hover, .gtform textarea:hover,
.gtform input:active, .gtform select:active, .gtform textarea:active {
  background: #eee;
  background: rgba(241, 241, 241, 0.95);
  color: #666;
  -webkit-box-shadow: 0px 0px 12px #ccc;
  -moz-box-shadow: 0px 0px 12px #ccc;
  box-shadow: 0px 0px 12px #ccc; }

.gtform input:focus, .gtform select:focus, .gtform textarea:focus {
  background: #eee;
  background: rgba(241, 241, 241, 0.95);
  color: #333;
  -webkit-box-shadow: 0px 0px 12px #999;
  -moz-box-shadow: 0px 0px 12px #999;
  box-shadow: 0px 0px 12px #999; }

#get-updates .gender-group label.error {
  display: block !important;
  visibility: visible !important;
  color: red;
  position: absolute;
  top: 0px;
  left: 70px; }

.gtform .invalid {
  border-color: red !important;
  background: rgba(255, 0, 0, 0.2);
  color: #fff; }

li.submit {
  position: relative;
  padding-top: 0px; }

li.submit button {
  width: 100%; }

li.submit2 button {
  cursor: pointer;
  color: #000 !important;
  background: #fff;
  text-transform: uppercase;
  font-size: 13px;
  font-family: 'helvetica';
  border: 0px;
  padding: 14px; }

li.submit2 button:hover {
  background: #222;
  color: #fff !important; }

ol.gtform input, ol.gtform select, ol.gtform textarea {
  border-bottom: 1px solid #454545 !important; }

span.wpcf7-form-control-wrap {
  display: block !important; }

.wpcf7 span.wpcf7-not-valid-tip {
  font-size: 11px; }

.wpcf7 .wpcf7-response-output {
  padding: 8px !important;
  font-size: 10px !important;
  margin: 0px 19px 0px 0px !important;
  padding-left: 30px !important;
  clear: both;
  color: #fff; }

.wpcf7 .wpcf7-validation-errors {
  border-color: #f00 !important;
  color: #fff !important;
  background: url(../img/plugins/alert.png) 7px center no-repeat; }

.wpcf7 .wpcf7-mail-sent-ok {
  color: #fff !important;
  background: url(../img/plugins/success.png) 7px center no-repeat;
  border-color: #0f0 !important; }

ol.gtform {
  margin-bottom: 0px !important; }

ol.gtform > li {
  margin-bottom: 18px !important;
  list-style: none !important;
  position: relative;
  padding-right: 19px;
  margin-left: 0px; }

ol.gtform > li {
  padding-left: 0px !important; }

ol.gtform input, .gtform select, .gtform textarea, .wpcf7-quiz {
  padding: 15px 15px;
  border: 0px;
  background: #000;
  width: 100%;
  color: #fff;
  font-size: 13px;
  font-family: 'helvetica'; }

.as input:hover,
.as input:focus {
  background: #fff;
  color: #000; }

.quiz {
  position: relative; }

.quiz:hover .wpcf7-quiz-label, .quiz:hover .wpcf7-quiz-label {
  color: #000; }

.quiz .wpcf7-quiz-label {
  position: absolute;
  top: 12px;
  left: 15px;
  font-size: 12px; }

.wpcf7-quiz {
  padding-left: 70px; }

#messages .error {
  border-color: #c33;
  background: rgba(255, 0, 0, 0.2) url(../img/plugins/alert.png) 7px center no-repeat;
  margin-right: 20px;
  border-bottom: 1px solid red;
  margin-bottom: 6px;
  display: block;
  padding: 4px 10px 4px 30px;
  -moz-background-size: 20px auto;
    -o-background-size: 20px auto;
       background-size: 20px auto; }

#messages .failed {
  border-color: #c00;
  background: #600; }

#messages .success {
  border-color: #0c0;
  background: #060; }

#radio-search {
  margin-bottom: 24px;
  border: 1px solid transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.2);
  margin-bottom: 24px;
  outline: none;
  outline-style: none;
  display: block;
  padding: 15px;
  font-size: 14px;
  width: 100%;
  color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box; }

#radio-search:hover {
  border: 1px solid #fff; }

#radio-search:focus,
#radio-search:active {
  background: #fff !important;
  color: #000; }

#concierge-form input[type='checkbox'] {
  height: 0;
  width: 0;
  padding: 0px;
  opacity: 0; }

#concierge-form input[type='checkbox'] + label {
  position: relative;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: .6em 0;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #999;
  -o-transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
  -moz-transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
  transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
  cursor: pointer;
  padding: 5px 0px; }

#concierge-form input[type='checkbox'] + label > ins {
  position: absolute;
  display: block;
  bottom: 0;
  left: 2em;
  height: 0;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
  -o-transition: height 300ms cubic-bezier(0.4, 0, 0.23, 1);
  -moz-transition: height 300ms cubic-bezier(0.4, 0, 0.23, 1);
  transition: height 300ms cubic-bezier(0.4, 0, 0.23, 1); }

#concierge-form input[type='checkbox'] + label > ins > i {
  position: absolute;
  bottom: 5px;
  font-style: normal;
  color: #fff; }

#concierge-form input[type='checkbox'] + label > span {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 1em;
  width: 1em;
  height: 1em;
  background: transparent;
  border: 2px solid #9E9E9E;
  -moz-border-radius: 2px;
       border-radius: 2px;
  cursor: pointer;
  -o-transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
  -moz-transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
  transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1); }

#concierge-form input[type='checkbox'] + label:hover, #concierge-form input[type='checkbox']:focus + label {
  color: #ccc; }

#concierge-form input[type='checkbox'] + label:hover > span, #concierge-form input[type='checkbox']:focus + label > span {
  background: rgba(255, 255, 255, 0.5); }

#concierge-form input[type='checkbox']:checked + label > ins {
  height: 100%; }

#concierge-form input[type='checkbox']:checked + label > span {
  border: 0.5em solid #5da2f9;
  -webkit-animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);
     -moz-animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);
       -o-animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);
          animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1); }

#concierge-form input[type='checkbox']:checked + label > span:before {
  content: "";
  position: absolute;
  top: .6em;
  left: .2em;
  top: 0.35em;
  left: 0.1em;
  font-size: 2.4em !important;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: 0% 100%;
     -moz-transform-origin: 0% 100%;
      -ms-transform-origin: 0% 100%;
       -o-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
  -webkit-animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
     -moz-animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
       -o-animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
          animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards; }

@-webkit-keyframes shrink-bounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  33% {
    -webkit-transform: scale(0.85);
            transform: scale(0.85); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-moz-keyframes shrink-bounce {
  0% {
    -moz-transform: scale(1);
         transform: scale(1); }
  33% {
    -moz-transform: scale(0.85);
         transform: scale(0.85); }
  100% {
    -moz-transform: scale(1);
         transform: scale(1); } }

@-o-keyframes shrink-bounce {
  0% {
    -o-transform: scale(1);
       transform: scale(1); }
  33% {
    -o-transform: scale(0.85);
       transform: scale(0.85); }
  100% {
    -o-transform: scale(1);
       transform: scale(1); } }

@keyframes shrink-bounce {
  0% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1); }
  33% {
    -webkit-transform: scale(0.85);
       -moz-transform: scale(0.85);
         -o-transform: scale(0.85);
            transform: scale(0.85); }
  100% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    border-color: #212121;
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
            transform: translate3d(0, 0, 0) rotate(45deg); }
  33% {
    width: .2em;
    height: 0;
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
            transform: translate3d(0, 0, 0) rotate(45deg); }
  100% {
    width: .2em;
    height: .5em;
    border-color: #212121;
    -webkit-transform: translate3d(0, -0.5em, 0) rotate(45deg);
            transform: translate3d(0, -0.5em, 0) rotate(45deg); } }

@-moz-keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    border-color: #212121;
    -moz-transform: translate3d(0, 0, 0) rotate(45deg);
         transform: translate3d(0, 0, 0) rotate(45deg); }
  33% {
    width: .2em;
    height: 0;
    -moz-transform: translate3d(0, 0, 0) rotate(45deg);
         transform: translate3d(0, 0, 0) rotate(45deg); }
  100% {
    width: .2em;
    height: .5em;
    border-color: #212121;
    -moz-transform: translate3d(0, -0.5em, 0) rotate(45deg);
         transform: translate3d(0, -0.5em, 0) rotate(45deg); } }

@-o-keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    border-color: #212121;
    transform: translate3d(0, 0, 0) rotate(45deg); }
  33% {
    width: .2em;
    height: 0;
    transform: translate3d(0, 0, 0) rotate(45deg); }
  100% {
    width: .2em;
    height: .5em;
    border-color: #212121;
    transform: translate3d(0, -0.5em, 0) rotate(45deg); } }

@keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    border-color: #212121;
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
       -moz-transform: translate3d(0, 0, 0) rotate(45deg);
            transform: translate3d(0, 0, 0) rotate(45deg); }
  33% {
    width: .2em;
    height: 0;
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
       -moz-transform: translate3d(0, 0, 0) rotate(45deg);
            transform: translate3d(0, 0, 0) rotate(45deg); }
  100% {
    width: .2em;
    height: .5em;
    border-color: #212121;
    -webkit-transform: translate3d(0, -0.5em, 0) rotate(45deg);
       -moz-transform: translate3d(0, -0.5em, 0) rotate(45deg);
            transform: translate3d(0, -0.5em, 0) rotate(45deg); } }

/* Responsive Theme ======================================================================================= */
@media only screen and (max-width: 1222px) {
  .wwloader {
    display: none; } }

@media only screen and (min-width: 1221px) {
  .wwbg {
    top: 0px;
    height: 870px; } }

@media only screen and (max-width: 1220px) {
  .wwbg {
    top: 90px !important;
    height: 850px !important; } }

@media only screen and (max-width: 1160px) {
  .slider .next span, .slider .prev span {
    text-shadow: 0 0 3px black,0 0 5px black,0 0 7px black,0 0 9px black; }
  .slider .next {
    right: 0px; }
  .slider .prev {
    left: 0px; }
  .wwbg2 iframe, .wwloader {
    display: none;
    visibility: hidden; }
  body.worldwide .subt img {
    width: 200px; } }

@media only screen and (min-width: 1081px) {
  #single-artist {
    min-height: 550px; }
  .home-group a img {
    display: none !important; }
  .home-group a {
    background-position: top center !important; }
  .side-nav li.menu-item-has-children:not(.current-menu-item) ul li a {
    padding-left: 15px; }
  .side-nav {
    position: -webkit-sticky;
    position: sticky;
    top: 110px; }
  #tickets2 .ticket:first-child {
    padding-left: 0px; }
  body.home .ib-slider .pager {
    position: relative;
    left: -8px; }
  .gcol2-vids-news .home-group li img {
    opacity: .01;
    filter: alpha(opacity=1); }
  .page-template-page-table-service .col2title {
    padding-right: 50px;
    padding-left: 50px; }
  .gallery-list li:nth-child(3n+1), .artists-list li::nth-child(3n+1) {
    clear: both; }
  #nav .soldout {
    position: relative; }
  #nav .soldout .menuhoveritem {
    position: absolute;
    top: 0px;
    left: 0px !important;
    width: 100%;
    left: 100%;
    font-size: 11px;
    text-transform: uppercase;
    padding: 12px 14px;
    color: #de0000;
    cursor: not-allowed; }
  #nav .soldout .menuhoveritem {
    opacity: .01;
    filter: alpha(opacity=1); }
  #nav .soldout:hover .menuhoveritem {
    opacity: 1;
    filter: alpha(opacity=100); }
  #nav .soldout:hover a {
    opacity: .01;
    filter: alpha(opacity=1); }
  .side-nav .soldout {
    position: relative; }
  .side-nav .soldout .menuhoveritem {
    position: absolute;
    top: 0px;
    left: 0px !important;
    width: 100%;
    left: 100%;
    font-size: 14px;
    text-transform: uppercase;
    padding: 15px 35px 15px 15px;
    color: #de0000;
    cursor: not-allowed; }
  .side-nav .soldout .menuhoveritem {
    opacity: 0;
    filter: alpha(opacity=0); }
  .side-nav .soldout:hover a {
    color: rgba(0, 0, 0, 0.01) !important;
    filter: alpha(opacity=1); }
  .side-nav .soldout:hover .menuhoveritem {
    opacity: 1;
    filter: alpha(opacity=100); }
  .artists-scoller {
    height: 410px;
    overflow: hidden;
    overflow-y: auto; }
  .artists-scoller::-webkit-scrollbar {
    width: 12px;
    cursor: pointer;
    background-color: #444; }
  .artists-scoller::-webkit-scrollbar-thumb {
    background-color: #999;
    cursor: pointer; }
  .artists-scoller::-webkit-scrollbar-thumb:hover {
    background-color: #fff;
    cursor: pointer !important; }
  .artists-scoller::-webkit-scrollbar-thumb:active {
    background-color: #fff;
    cursor: pointer; }
  .artists-scoller::-webkit-scrollbar-track {
    border: 1px #333 solid;
    cursor: pointer; }
  .wwloader {
    background: #000;
    z-index: 20; } }

@media only screen and (max-width: 1080px) {
  .wwbg {
    top: 70px !important; }
  .home-group img {
    display: block; }
  .side-nav li.menu-item-has-children > a {
    color: #fff !important;
    background: #1d1d1d;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1d1d1d+0,1d1d1d+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(29, 29, 29, 0) 0%, #1d1d1d 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(29, 29, 29, 0) 0%, #1d1d1d 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -moz- oldlinear-gradient(top, rgba(29, 29, 29, 0) 0%, #1d1d1d 100%);
    background: -o-linear-gradient(top, rgba(29, 29, 29, 0) 0%, #1d1d1d 100%);
    background: linear-gradient(to bottom, rgba(29, 29, 29, 0) 0%, #1d1d1d 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001d1d1d', endColorstr='#1d1d1d',GradientType=0 );
    /* IE6-9 */ }
  .side-nav li.menu-item-has-children > a > span {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
  .vid-icon-banner {
    -moz-background-size: 20px 20px;
      -o-background-size: 20px 20px;
         background-size: 20px 20px; }
  html body div.side-nav-sticky {
    width: 100% !important; }
  .soldout a {
    text-decoration: line-through;
    font-family: 'helvetica';
    color: #de0000 !important;
    cursor: not-allowed; }
  .side-nav .soldout .icon-right-open-big {
    display: none; }
  .side-nav .soldout .menuhoveritem {
    display: none; }
  #main {
    padding-top: 70px; }
  .slider .next,
  .slider .prev {
    margin-top: -35px; }
  .artist-home .anav {
    display: none !important;
    visibility: hidden !important; }
  .rs100 {
    width: 100% !important;
    clear: both !important;
    float: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .rs50 {
    width: 50%; }
  .ml0rs {
    margin-left: 0px !important; }
  .rsclear {
    float: none;
    clear: both; }
  .rsm0 {
    margin: 0px !important; }
  .mt150 {
    margin-top: 0px; }
  .padb50rs {
    padding-bottom: 50px; }
  .padt0rs {
    padding-top: 0px !important; }
  .pt50r25 {
    padding-top: 25px; }
  .pb50r25 {
    padding-bottom: 25px; }
  .pl50r25 {
    padding-left: 25px; }
  .pr50r25 {
    padding-right: 25px; }
  .padt50rs25, .pt25rs {
    padding-top: 25px; }
  .padb50rs25 {
    padding-bottom: 25px !important; }
  .padl50rs25 {
    padding-left: 25px; }
  .padr50rs25 {
    padding-right: 25px; }
  .pad50rs25 {
    padding: 25px; }
  .pad50rs {
    padding-bottom: 50px; }
  .pad25rs0 {
    padding: 0px !important; }
  .padr0rs {
    padding-right: 0px; }
  .padl0rs {
    padding-left: 0px; }
  .padb0rs {
    padding-bottom: 0px; }
  .padb20rs {
    padding-bottom: 20px; }
  .padt0rs {
    padding-top: 0px !important; }
  .padh30rs {
    padding-right: 30px !important;
    padding-left: 30px !important; }
  .padh25rs {
    padding-right: 30px;
    padding-left: 30px; }
  .padh20rs {
    padding-right: 20px !important;
    padding-left: 20px !important; }
  .pad0rs {
    padding: 0px; }
  .mt25rs {
    margin-top: 25px !important; }
  .mt30rs {
    margin-top: 30px !important; }
  .mt50rs {
    margin-top: 50px !important; }
  .sm-pr30 {
    padding-right: 30px;
    padding-left: 30px; }
  .mt0rs {
    margin-top: 0px !important; }
  .mb0rs {
    margin-bottom: 0px !important; }
  .mb25rs {
    margin-bottom: 25px !important; }
  .mb50rs {
    margin-bottom: 50px !important; }
  .mt20rs {
    margin-top: 20px; }
  .ml0rs {
    margin-left: 0px; }
  .mr0rs {
    margin-right: 0px; }
  .blockrs {
    display: block; }
  .nobgrs {
    background: none !important; }
  #tl {
    display: none; }
  .rsmb25 {
    margin-bottom: 25px !important; }
  div.content .font-size-26-rs {
    font-size: 26px; }
  .text-left-rs {
    text-align: left; }
  .main img {
    max-width: 100%;
    height: auto; }
  .sidenav .nav-btn {
    position: absolute;
    left: 50%;
    top: -78px;
    display: block;
    float: left;
    margin-left: -45px; }
  .sidenav .btn-next {
    left: 50%;
    margin-left: 20px; }
  .sidenav-line {
    top: 292px; }
  .content-banner h1 {
    position: relative;
    bottom: 0px;
    left: 0px;
    padding-left: 20px; }
  .sub-nav li a {
    text-align: center;
    max-width: 100%;
    margin-bottom: 2px;
    display: block;
    padding-bottom: 4px;
    text-transform: uppercase; }
  .sidenav .content-page {
    float: none;
    clear: both;
    margin: auto;
    margin-top: 100px; }
  .sidenav .w25 {
    float: none; }
  .side-nav h1 {
    text-align: center; }
  .col2title {
    padding-left: 0px; }
  .festivals {
    padding-top: 25px; }
  .festivals li {
    padding-right: 0px; }
  .news-home .pr25 {
    padding-right: 0px; }
  .news-home .post-header h1 {
    font-size: 24px;
    text-align: center; }
  .single-post #main .pl25 {
    padding-left: 0px; }
  .single-post #main .mb100 {
    margin-bottom: 50px; }
  .related li {
    margin-bottom: 50px;
    padding: 0px; }
  .related li a strong {
    background: rgba(0, 0, 0, 0.7);
    font-size: 14px;
    color: #fff; }
  .pindex li a {
    background-position: center center !important; }
  .pindex li {
    margin-bottom: 0px;
    padding: 15px 10px; }
  .content p {
    color: #fff; }
  .bulk-share {
    display: none; }
  .cnavabs .cycler-nav div.btn-cycle {
    display: none; }
  .cnavabs .cycler-nav .pager {
    top: 125px; }
  #post-nav #post-next {
    min-width: 80px; }
  .tables .col2title h1 {
    text-align: left !important; }
  .tables .col2title h1 br {
    display: none;
    visibility: hidden; }
  .tickets-na .overlay strong,
  .tickets-na .overlay {
    left: 30px;
    right: 6px; }
  .home-group {
    padding-bottom: 50px;
    width: 100% !important;
    float: none !important; }
  .newspress {
    overflow: hidden; }
  .ib-slider {
    padding: 0px !important; }
  .artists-list {
    margin-left: 0%; }
  .artists-list li {
    width: 29%;
    float: left;
    margin: 0px 2% 24px 2%; }
  .artists-list li a {
    height: auto !important; }
  .artist-nav {
    padding: 0px;
    padding-bottom: 50px; }
  body.home .umftv li a {
    width: 100% !important; }
  body.home .newspress li a {
    width: 100% !important; }
  .gallery-list {
    width: 90%; }
  .gallery-list li:nth-child(2n+1), .artists-list li::nth-child(2n+1) {
    clear: both; }
  .overbox2 {
    overflow-y: scroll; }
  .overbox2 {
    overflow-x: hidden; }
  .overbox .inner {
    position: relative;
    top: 0%;
    left: 0%;
    z-index: 10001;
    width: 840px;
    margin: auto;
    max-width: 100%;
    padding: 20px 30px 80px; }
  .overbox .infobox {
    padding-top: 30px; }
  .overbox .locbox {
    padding-top: 20px; }
  .overbox .inner div {
    text-align: center; }
  .overbox img {
    display: block;
    margin: auto; }
  .overbox .close {
    right: 20px;
    top: 20px;
    left: auto;
    width: 25px;
    height: 25px;
    -moz-background-size: 25px 25px;
      -o-background-size: 25px 25px;
         background-size: 25px 25px; }
  .overbox .accents {
    left: 50%;
    top: 50%;
    margin-top: -100px;
    margin-left: -185px; }
  .overbox .overlay {
    background-position: -600px -120px !important; }
  .home-slider {
    margin-bottom: 25px; }
  .small-hide, .mobile-hide {
    display: none !important;
    visibility: hidden !important; }
  .home-group {
    margin-bottom: 25px; }
  .home-group ul, .home-group ul li, .home-group ul li a {
    height: 300px !important;
    width: 100%;
    margin: auto; }
  .umftv ul, .umftv ul li, .umftv ul li a {
    height: 220px !important;
    width: 100%;
    margin: auto; }
  .home-group ul li a {
    display: block;
    background-position: top center;
    background-repeat: no-repeat;
    text-align: center; }
  .home-group ul li a img {
    opacity: .0;
    filter: alpha(opacity=0); }
  .umftv ul li a {
    display: block;
    background-position: top center;
    background-repeat: no-repeat;
    text-align: center; }
  .umftv ul li a {
    background-position: top center !important; }
  .home-vid {
    margin-bottom: 60px; }
  .home-group a {
    width: auto !important;
    max-width: 100% !important;
    text-align: center; }
  .box-header {
    text-align: center; }
  .ib-slider li, .ib-slider a, .ib-slider img {
    width: 100%;
    min-width: 100%; } }

@media only screen and (min-width: 501px) and (max-width: 1024px) {
  .artist-nav-med {
    width: 45% !important; }
  .wwbg {
    display: none !important; } }

@media only screen and (max-width: 500px) {
  .artist-nav-small {
    width: 100% !important;
    margin: 0 0 24px !important;
    padding: 0px 25px; } }

@media only screen and (max-width: 768px) {
  div.justify-text p {
    text-align: left !important; }
  .tickets-title br {
    display: none;
    visibility: hidden; }
  .ticket-body a.button {
    position: relative;
    left: 0px;
    right: auto;
    bottom: 0px;
    width: auto;
    float: none;
    display: block;
    margin: 25px 25px 0px; }
  .ticket-body {
    height: auto;
    padding-bottom: 25px; }
  .ticket {
    margin-bottom: 36px; }
  .ticket-header span {
    color: #fff !important; }
  .gallery-list li {
    width: 50% !important;
    float: left !important;
    margin-bottom: 0px; }
  .gallery-list2 ul.featured-gal, .gallery-list2 li i {
    display: none;
    visibility: hidden; }
  .ib-slider .next, .ib-slider .prev {
    display: none !important; } }

@media only screen and (max-width: 500px) {
  .home-group ul, .home-group ul li, .home-group ul li a {
    height: 220px !important;
    width: 100%;
    margin: auto; }
  .umftv ul, .umftv ul li, .umftv ul li a {
    height: 170px !important;
    width: 100%;
    margin: auto; }
  .rs100sm {
    width: 100% !important;
    clear: both !important;
    float: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .ticket-header .tier {
    display: block;
    float: none;
    border: 0px;
    padding-left: 0px;
    padding-bottom: 24px; }
  .mt1502 {
    margin-top: 0px !important; }
  .home-group {
    padding-bottom: 25px; }
  .gallery-list li, .artists-list li {
    width: 100% !important;
    margin-bottom: 24px !important;
    clear: both; }
  .artists-list li {
    margin: 0 0 36px !important; }
  .post-nav .btn-main {
    min-width: 30px; }
  .post-nav .btn-main .label {
    display: none; } }

/* WW  ======================================================================================= */
@media only screen and (max-width: 1024px) {
  .worldwide #main div.w50 {
    width: 100%; }
  .festivals li {
    text-align: center;
    float: none;
    width: 100%; }
  .worldwide #main div.pad25 {
    padding: 0px; }
  .festivals h3 {
    text-align: center !important; }
  .festivals ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1; } }

/* Get Updates  ======================================================================================= */
@media only screen and (max-width: 1024px) {
  #get-updates h2 {
    margin: 0px; }
  #get-updates {
    padding-bottom: 25px; }
  .col2title h1 {
    font-size: 45px;
    text-align: center; }
  .subt {
    text-align: center;
    padding-bottom: 25px;
    font-size: 16px; }
  #get-updates h1 span {
    display: inline; } }

@media only screen and (max-width: 530px) {
  .col2title h1 {
    font-size: 36px;
    text-align: center; }
  #get-updates h1 {
    font-size: 48px; } }

/*  Artist ======================================================================================= */
@media only screen and (min-width: 1025px) {
  .a-nav li a:hover {
    font-size: 36px; }
  .a-nav li.nearby a {
    font-size: 24px; } }

@media only screen and (max-width: 1024px) {
  .a-nav li a {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out; }
  .awrap {
    position: relative;
    top: 0px;
    left: auto;
    padding: 50px 0px;
    margin-left: 0px;
    bottom: 0px;
    width: 100%; }
  .a-nav {
    overflow: hidden;
    float: left;
    width: 100%;
    height: 100%; }
  #artist-nav {
    width: 100%;
    background: red;
    padding-right: 0px; }
  #artist-nav li {
    display: block;
    float: left;
    width: 25%; }
  .a-nav li a:hover {
    text-decoration: underline; } }

@media only screen and (max-width: 768px) {
  #artist-nav li {
    width: 33%; } }

@media only screen and (max-width: 500px) {
  #artist-nav li {
    width: 50%; }
  #artist-nav {
    width: 100%;
    background: red;
    padding-right: 25px; } }

@media only screen and (max-width: 400px) {
  #artist-nav li {
    width: 100%;
    text-align: center; }
  #artist-nav li a {
    display: block;
    text-align: center; } }

/* UMF Radio =======================================================================================  */
.shadow {
  text-shadow: 0 0 12px #000; }

.lboxtitle {
  margin-bottom: 0px;
  color: #fff !important;
  padding: 15px; }

.lboxtracks p {
  color: #fff !important; }

.lboxtracks {
  background: -moz- oldlinear-gradient(bottom right, #111 0%, #222 100%);
  background: -o-linear-gradient(bottom right, #111 0%, #222 100%);
  background: linear-gradient(to top left, #111 0%, #222 100%); }

.tracks li, .tracks p {
  list-style: decimal-leading-zero inside none;
  text-align: left;
  font-size: 14px;
  padding: 15px;
  line-height: 150%;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background: rgba(0, 0, 0, 0.8);
  margin-bottom: 5px; }
  .tracks li a, .tracks p a {
    border-bottom: 1px solid #fc0ff1;
    font-family: 'helvetica-bold'; }
  .tracks li:hover, .tracks p:hover {
    background: rgba(255, 255, 255, 0.9);
    color: #000; }
    .tracks li:hover a, .tracks p:hover a {
      color: #000; }

#episode-list article {
  margin-bottom: 7px; }

#episode-list article.active {
  background: #333; }

#episode-list h2 {
  margin: 0px;
  font-family: 'helvetica-bold';
  font-size: 14px;
  text-transform: uppercase; }

#episode-list h2 a {
  display: block;
  padding: 15px 25px;
  -o-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out; }
  #episode-list h2 a:hover {
    background: #444; }
  #episode-list h2 a.active {
    background: #666 !important; }

#episode-list .shares li {
  margin-left: 0px !important;
  margin-right: 8px; }

#episode-list .embed {
  padding: 0px 25px 0; }

#episode-list .track-listing {
  padding-bottom: 25px; }

#episode-list .artists {
  padding: 0px 0 0 25px; }

#episode-list a.btn-main {
  width: 315px;
  margin-bottom: 25px; }

#episode-list .artists a, .ea a {
  display: inline-block;
  width: 315px;
  height: auto;
  max-width: 100%;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  margin: 0 25px 25px 0; }

#episode-list .artists strong, .ea strong {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  padding: 10px 0px;
  color: #fff;
  font-family: helvetica-bold;
  font-weight: 400;
  text-transform: uppercase;
  border-top: 1px solid #000;
  font-size: 11px;
  z-index: 3; }

.stationinfo li {
  font-size: 14px;
  margin-bottom: 12px; }

.stable {
  margin: auto;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 36px;
  border: 1px solid #333;
  -moz-box-shadow: 0px 0px 12px #333;
       box-shadow: 0px 0px 12px #333; }

.stable td {
  padding: 15px 10px; }

.stable thead td {
  border-bottom: 2px solid #333;
  font-weight: bold !important;
  font-size: 12px;
  background: #222;
  background: -moz- oldlinear-gradient(bottom, #222 0%, #333 100%);
  background: -o-linear-gradient(bottom, #222 0%, #333 100%);
  background: linear-gradient(to top, #222 0%, #333 100%);
  color: #ccc;
  text-transform: uppercase; }

.stable tbody td {
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-size: 12px;
  color: #ccc;
  background: rgba(0, 0, 0, 0.7);
  text-transform: uppercase; }
  .stable tbody td a {
    color: #ccc;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    text-decoration: none;
    border-bottom: 1px solid #fc0ff1; }
    .stable tbody td a:hover {
      color: #fff; }

.stable tbody tr {
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border-top: 1px solid #000; }

.stable tbody tr:nth-child(even) {
  background: rgba(0, 0, 0, 0.5); }

.stable tbody tr:hover {
  background: rgba(0, 0, 0, 0.9); }

.stable tbody tr:hover td {
  color: #fff !important; }

.stopper2 {
  display: none !important; }

.sgswipe {
  width: 100%;
  height: 100%;
  padding-top: 30px;
  height: 650px;
  padding-top: 100px;
  clear: both;
  position: relative;
  z-index: 60;
  margin-bottom: 50px;
  margin-top: 38px;
  position: relative; }
  .sgswipe h2 {
    text-align: center;
    display: block; }
    .sgswipe h2 span {
      display: none; }
  .sgswipe .lclear2 {
    opacity: .7;
    width: 720px;
    max-width: 100%;
    margin: auto; }

.swiper-nav {
  margin: 12px auto;
  width: 100px;
  text-align: center;
  position: relative;
  right: 0px;
  top: -20px; }

.swiper-nav div.dib {
  display: inline-block;
  cursor: pointer; }

.swiper-nav span {
  font-size: 15px;
  color: #000; }

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #bf1012; }

.sg-pager {
  height: 1px;
  width: 100%;
  background: #333;
  margin-top: 30px; }

/*
#sg-gallery { height:600px}
#sg-gallery .swiper-slide { width:500px;}
#sg-gallery .swiper-slide a { height:500px;}
 */
/* #sg-radio { height: 450px; }
#sg-radio .swiper-container { padding-top:150px}
#sg-radio .swiper-slide { width:300px; }
#sg-radio .swiper-slide a { height:300px;}
 */
#sg-radio .swiper-container {
  height: 400px; }

#sg-radio .swiper-slide {
  width: 350px; }

#sg-radio .swiper-slide a strong {
  top: 380px; }

.sgswipe .swiper-wrapper {
  position: relative;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px; }

.swiper-container {
  width: 100%;
  clear: both;
  height: 360px; }

.swiper-container .swiper-slide {
  width: 450px; }

.swiper-container .swiper-slide a {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat; }

.swiper-container .swiper-slide a {
  height: 250px;
  text-align: center; }

.swiper-container .swiper-slide, .swiper-container .swiper-slide a {
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: contain;
    -o-background-size: contain;
       background-size: contain;
  display: block;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
       justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
       align-items: center;
  margin-bottom: 0px; }

.swiper-container .swiper-slide a b.title {
  font-weight: normal;
  font-family: 'aux';
  color: #fff;
  color: rgba(255, 255, 255, 0.4);
  text-align: center;
  margin: auto;
  display: block;
  width: 100%;
  position: absolute;
  top: -10px;
  opacity: 1;
  color: #000;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-transform: uppercase;
  font-size: 20px; }
  .swiper-container .swiper-slide a b.title strong {
    font-family: 'auxblk';
    color: #000;
    font-size: 20px;
    font-weight: normal; }

/* 
.swiper-container .swiper-slide a strong2 {
  color:#fff; color:rgba(255,255,255,.4); text-align:center; margin:auto; display:block; width:100%; position: absolute;
   top:300px; opacity:1;
  @include transition(all .2s ease-out); text-transform: uppercase; font-size:15px;
}


.swiper-container .swiper-slide a:hover strong,
.swiper-container div.swiper-slide-active a strong {
  color:#fff; text-align:center; margin:auto; display:block; width:100%; opacity:1;
}

 */
#poilist td {
  vertical-align: middle; }

#poilist p {
  margin: 0; }

.gm-style-iw > div > div {
  overflow: visible !important;
  width: 200px;
  min-width: 200px;
  min-height: 100px; }

.markerlist, .markerlist li, .markerlist p {
  color: #000 !important;
  margin-bottom: 0px;
  font-size: 13px;
  text-align: center; }

.gm-style h4 {
  text-align: center;
  padding-top: 10px;
  color: #000;
  font-family: Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px; }

.acf-map {
  width: 100%;
  height: 80vh;
  border: #ccc solid 1px;
  margin: 20px 0; }

/* fixes potential theme css conflict */
.acf-map img {
  max-width: inherit !important; }

.marker {
  color: #000; }

.setmeta {
  margin-bottom: 35px; }
  .setmeta .spacer2 {
    display: inline-block;
    padding: 0 5px;
    width: 33px;
    text-align: center;
    color: #ccc; }
    @media only screen and (max-width: 1024px) {
      .setmeta .spacer2 {
        display: block;
        height: 11px;
        opacity: 0;
        overflow: hidden; } }
  .setmeta a {
    -o-transition: .2s border ease-out;
    -moz-transition: .2s border ease-out;
    transition: .2s border ease-out;
    border-bottom: 1px solid #aaa; }
  .setmeta a:hover {
    border-bottom: 1px solid #ccc; }

.filternav {
  text-align: center;
  width: 100%;
  margin-bottom: 20px; }
  @media only screen and (min-width: 500px) {
    .filternav {
      width: 47%;
      margin-bottom: 0;
      float: left; }
      .filternav:nth-child(odd) {
        margin-left: 2%;
        margin-right: 2%; } }
  @media only screen and (min-width: 1081px) {
    .filternav {
      float: left;
      width: auto;
      margin-left: 0 !important;
      margin-right: 2%; } }
  .filternav li.selected {
    position: relative; }
    .filternav li.selected.hover div.container {
      opacity: 1;
      top: 60px; }
  .filternav .dd {
    display: block;
    position: relative;
    padding: 25px;
    padding-right: 35px;
    font-size: 12px;
    background: #333;
    text-align: left;
    text-transform: uppercase;
    min-width: 100%;
    margin-right: 15px; }
    @media only screen and (min-width: 1080px) {
      .filternav .dd {
        float: left; } }
    .filternav .dd strong {
      font-weight: normal;
      font-family: 'helvetica-bold'; }
    .filternav .dd em {
      position: absolute;
      font-style: normal;
      top: 25px;
      right: 20px; }
  .filternav div.container {
    position: absolute;
    top: -100000px;
    left: 0;
    z-index: 10;
    height: auto;
    opacity: 0;
    -o-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    transition: opacity .2s linear; }
    @media only screen and (max-width: 1080px) {
      .filternav div.container {
        right: 0; } }
    .filternav div.container div.scroller {
      max-height: 450px;
      overflow-y: auto;
      overflow-x: hidden;
      background: #333;
      width: 100%; }
    .filternav div.container li {
      display: inline-block;
      width: 100%; }
      .filternav div.container li a {
        display: block;
        padding: 10px 25px;
        font-size: 12px;
        font-family: 'helvetica-bold';
        text-align: left;
        text-transform: uppercase;
        border-bottom: 1px solid #444;
        -o-transition: color .2s ease-out, background .2s ease-out;
        -moz-transition: color .2s ease-out, background .2s ease-out;
        transition: color .2s ease-out, background .2s ease-out; }
        .filternav div.container li a.active {
          background: #fff;
          color: #000; }
        .filternav div.container li a:hover {
          background: #666;
          color: #fff; }

@media only screen and (min-width: 1081px) {
  #dayfilter div.container div.scroller {
    width: auto;
    max-width: 100%;
    min-width: 200px; }
  #stagefilter div.container div.scroller {
    width: 320px;
    max-width: 100%; }
  #catfilter div.container div.scroller {
    width: 100%;
    max-width: 100%; } }

#artistnav .notfound p {
  display: block;
  padding: 5px 15px; }

@media only screen and (max-width: 1080px) {
  #artistnav .notfound {
    padding: 10px 2%; } }

@media only screen and (max-width: 1080px) {
  .right .notfound {
    padding: 10px 2%; } }

.content h2.vip-title {
  font-size: 18px;
  font-weight: bold;
  text-transform: none; }

.content ul.bullets li {
  display: list-item; }

p.tables-required {
  text-transform: uppercase;
  font-size: 10px !important;
  top: -10px;
  position: relative; }
  @media only screen and (min-width: 980px) {
    p.tables-required {
      position: absolute;
      top: 0px;
      right: 30px; } }

.resislist .registered, .resislist .registered:hover {
  background: #99c1ff !important;
  border-color: #99c1ff !important;
  color: #000 !important;
  cursor: default !important; }

.re-top {
  text-align: center;
  position: fixed;
  z-index: 1000;
  width: 100%;
  top: 0px;
  height: 110px;
  left: 0px;
  -o-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out; }
  .re-top .ww a {
    opacity: .4;
    -o-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out; }
    .re-top .ww a:hover {
      opacity: .8; }
  .re-top .re-logo a {
    opacity: .8; }
    .re-top .re-logo a:hover {
      opacity: 1; }
  .re-top .ww {
    position: relative;
    top: -7px; }
  .re-top .re-nav li {
    display: block;
    float: left; }
  .re-top .re-nav li a {
    display: block;
    float: left;
    padding: 5px 12px;
    font-size: 14px;
    color: #5a5b60 !important;
    font-family: 'helvetica-bold';
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out; }
    .re-top .re-nav li a:hover {
      color: #fff !important; }
  .re-top .re-nav.active a {
    color: #fff !important;
    background: url(""); }

.re-loader {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 200; }
  .re-loader .recover {
    background: #000; }
  .re-loader .reloader {
    position: absolute;
    z-index: 250;
    top: 50%;
    left: 50%;
    width: 150px;
    margin-left: -75px;
    margin-top: -38px;
    height: 75px;
    background: url(https://ultrapassport.com/wp-content/uploads/2017/03/reloader.gif);
    background-repeat: no-repeat;
    -moz-background-size: 150px 75px;
      -o-background-size: 150px 75px;
         background-size: 150px 75px; }

.re-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px; }

.re-body {
  text-align: center;
  position: relative;
  width: 100%;
  z-index: 100; }

#re-gif {
  text-align: center; }
  #re-gif video {
    max-width: 100%;
    height: auto; }

.top-particles {
  text-align: center;
  position: relative;
  z-index: 100;
  padding-top: 10px;
  margin-bottom: 440px;
  top: 0px;
  opacity: 1;
  -o-transition: margin 1s cubic-bezier(1, 0, 0, 1), top 0.2s ease-out, opacity 0.5s linear;
  -moz-transition: margin 1s cubic-bezier(1, 0, 0, 1), top 0.2s ease-out, opacity 0.5s linear;
  transition: margin 1s cubic-bezier(1, 0, 0, 1), top 0.2s ease-out, opacity 0.5s linear;
  /*
    margin-bottom: 400px;
    padding-top: 120px; */ }
  .top-particles img {
    display: block;
    margin: auto;
    margin-bottom: 14px; }
  .top-particles.start {
    top: -300px;
    opacity: 0; }

.re-logo2 {
  margin-bottom: 36px;
  opacity: .8;
  -o-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  transition: opacity .2s linear; }

.re-logo2:hover {
  opacity: 1; }

.rebot {
  padding-top: 40px; }
  .rebot img {
    display: block;
    margin: auto;
    margin-bottom: 14px; }

.re-countdown {
  font-size: 50px;
  line-height: 110%;
  letter-spacing: 2px;
  font-family: 'primeregular';
  font-family: 'primelight';
  color: #a7a7ab;
  text-align: center;
  margin: 12px auto 0; }

.counter {
  display: inline-block;
  width: 70px;
  text-align: center; }

#recountdown .rspacer {
  position: relative;
  top: -10px; }

.trisc {
  color: #666;
  font-size: 14px;
  letter-spacing: 1px;
  font-family: 'armlo';
  text-transform: uppercase;
  margin-bottom: 45px; }

.count-top span {
  height: 4px;
  display: inline-block;
  width: 80px;
  margin-right: 30px;
  background-image: url("https://ultrapassport.com/wp-content/uploads/2017/03/count-accents.png");
  background-repeat: no-repeat;
  background-position: 0px 0px; }

.count-top .a1 {
  background-position: 10px 0px;
  width: 90px;
  margin-right: 40px; }

.count-top .a2 {
  background-position: -150px 0px; }

.count-top .a3 {
  background-position: -302px 0px; }

.count-bottom {
  margin-bottom: 36px; }
  .count-bottom span {
    text-transform: uppercase;
    color: #5a5b60;
    display: inline-block;
    padding: 5px 0px;
    width: 121px;
    font-size: 14px;
    letter-spacing: 2px;
    font-family: 'armlo'; }

#re-signup {
  width: 450px;
  margin: auto; }
  #re-signup label.error {
    text-transform: uppercase;
    position: absolute;
    top: 55px;
    left: 0px;
    width: 100%; }

#re-signup, .re-form {
  position: relative; }
  #re-signup .styled, #re-signup input, #re-signup button, .re-form .styled, .re-form input, .re-form button {
    border: 1px solid #75adff;
    background: none;
    font-size: 14px;
    line-height: 15px;
    font-family: 'armlo';
    color: #fff;
    display: block;
    -o-transition: background .2s linear, color .2s linear;
    -moz-transition: background .2s linear, color .2s linear;
    transition: background .2s linear, color .2s linear;
    float: left;
    padding: 10px 15px;
    outline: none;
    -moz-border-radius: 0px !important;
         border-radius: 0px !important;
    background: rgba(117, 173, 255, 0.2); }
    #re-signup .styled.error, #re-signup .styled:hover, #re-signup .styled:focus, #re-signup input.error, #re-signup input:hover, #re-signup input:focus, #re-signup button.error, #re-signup button:hover, #re-signup button:focus, .re-form .styled.error, .re-form .styled:hover, .re-form .styled:focus, .re-form input.error, .re-form input:hover, .re-form input:focus, .re-form button.error, .re-form button:hover, .re-form button:focus {
      background: rgba(117, 173, 255, 0.6);
      color: #fff; }
  #re-signup input, .re-form input {
    border-right: 0px;
    width: 350px; }
  #re-signup button, .re-form button {
    width: 100px;
    cursor: pointer;
    text-align: center; }
    #re-signup button:active, .re-form button:active {
      background: rgba(117, 173, 255, 0.8); }
  #re-signup label.error, .re-form label.error {
    text-transform: uppercase;
    font-size: 11px; }

.re-result {
  margin-bottom: 15px; }
  .re-result div {
    text-align: center;
    margin: auto;
    width: 175px;
    padding: 10px;
    font-size: 14px;
    font-family: 'armlo';
    text-transform: uppercase; }
  .re-result .success {
    border: 1px solid #00c853;
    color: #00c853; }
  .re-result .error {
    border: 1px solid #d80707;
    color: #fff; }

#re-gif {
  padding-top: 10px; }

body.seekerdone .top-particles {
  margin-bottom: 50px !important; }

#recountdown.start {
  opacity: 0; }

#re-signup.start {
  opacity: 0; }

#resistanceplay.start {
  opacity: 0; }

#rebot.start {
  opacity: 0; }

#recountdown,
#re-signup,
#resistanceplay {
  opacity: 1;
  -o-transition: opacity 1.4s linear, height 2.4s cubic-bezier(0, 0, 0, 1);
  -moz-transition: opacity 1.4s linear, height 2.4s cubic-bezier(0, 0, 0, 1);
  transition: opacity 1.4s linear, height 2.4s cubic-bezier(0, 0, 0, 1); }

#rebot {
  opacity: 1;
  -o-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  transition: opacity .2s linear; }

#recountdown.start2 {
  height: 0px; }

#recountdown {
  height: 139px;
  overflow: hidden; }

body.headerdone .top-particles {
  margin: 30px 0 60px !important; }

@media only screen and (max-height: 1030px) {
  .rebot {
    height: 110px;
    overflow: hidden; } }

@media only screen and (max-height: 900px) {
  .top-particles {
    margin-bottom: 325px; }
  .rebot {
    height: 70px; } }

@media only screen and (max-height: 750px) {
  .top-particles {
    margin-bottom: 200px; }
  .rebot {
    height: 70px; }
  #re-gif {
    padding-top: 10px;
    width: 800px;
    max-width: 100%;
    margin: auto; } }

@media only screen and (max-width: 1024px) {
  .top-particles {
    margin-bottom: 350px;
    position: relative;
    top: -20px; } }

@media only screen and (max-width: 900px) {
  .top-particles {
    margin-bottom: 275px; } }

@media only screen and (max-width: 650px) {
  .top-particles {
    margin-bottom: 220px; }
  .re-bg {
    top: 20px; }
  .rebot {
    height: 80px; } }

@media only screen and (max-width: 500px) {
  .top-particles {
    margin-bottom: 140px;
    position: relative;
    top: -40px; }
  #re-signup {
    width: 250px; }
  #re-signup input {
    width: 170px; }
  #re-signup button {
    width: 78px; }
  body.seekerdone .top-particles {
    margin-bottom: 0px !important; }
  body.seekerdone .top-particles img {
    margin-bottom: 0px !important; } }

@media only screen and (max-width: 600px) {
  .re-bg {
    top: 40px; }
  .re-countdown {
    font-size: 40px; }
  .count-top span {
    width: 100px;
    margin-right: 0px; }
  .count-top .a1 {
    background-position: 0px 0px;
    margin-right: 0px; }
  .count-top .a3 {
    background-position: -292px 0px; }
  .count-bottom span {
    width: 110px; }
  .re-top .ww {
    top: -4px; }
    .re-top .ww img {
      width: 85px; }
  .re-top .re-logo img {
    width: 150px; }
  .top-particles {
    top: -30px; }
    .top-particles img {
      width: 13px; }
  body.scrolled .re-top {
    background: -moz- oldlinear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 100%); } }

@media only screen and (max-width: 490px) {
  .re-countdown {
    font-size: 32px; } }

@media only screen and (max-width: 320px) {
  .count-bottom span {
    width: 100px; } }

.re-form input::-webkit-input-placeholder, .re-form textarea::-webkit-input-placeholder {
  color: #8ed6ff; }

.re-form input:-ms-input-placeholder {
  color: #8ed6ff; }

.re-form input:-moz-placeholder:active {
  color: #8ed6ff; }

.re-form input::-webkit-input-placeholder:active {
  color: #8ed6ff; }

.re-form input:-ms-input-placeholder:active {
  color: #8ed6ff; }

.re-form input.error:-moz-placeholder {
  color: #8ed6ff; }

.re-form input.error::-webkit-input-placeholder {
  color: #8ed6ff; }

.re-form input.error:-ms-input-placeholder {
  color: #8ed6ff; }

.re-form input, .re-form select, .re-form textarea {
  color: #fff !important;
  background: rgba(0, 0, 0, 0.3) !important;
  -moz-box-shadow: 0px 0px 0px #fff !important;
       box-shadow: 0px 0px 0px #fff !important; }

/*
@media only screen and (min-width: 1200px) {
    #re-gif .glitch {
        position: absolute;
        top: 250px;
        left: 50%;
        margin-left: -561px;
    }
    #re-gif {
        padding-top: 10px;
    }
}
@media only screen and (max-width: 1200px) {
    #re-gif .glitch {
        display: none;
        position: absolute;
        bottom: 50%;
        left: 0;
    }
}



@media only screen and (max-height: 900px) {

    .rebot { height:120px; overflow: hidden; padding-top: 10px !important;}
    #re-gif .glitch {
        bottom: 180px;
    }

}




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

    #re-gif {
        padding-top: 100px;
    }
}

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

    #re-gif {
        padding-top: 140px;
    }
}
@media only screen and (max-width: 450px) {

    #re-gif {
        padding-top: 180px;
    }
}
 */
.focusbtn a {
  background: red !important; }

.re18bot {
  line-height: 100%; }
  .re18bot em, .re18bot span, .re18bot strong {
    text-transform: uppercase;
    display: block;
    font-style: normal;
    color: #8ed6ff;
    font-family: 'din'; }
  .re18bot em {
    padding-bottom: 30px;
    font-family: 'din';
    font-size: 18px;
    letter-spacing: 2px; }
  .re18bot span {
    font-size: 17px;
    margin-bottom: 15px; }
  .re18bot strong {
    font-size: 24px;
    margin-bottom: 25px; }
  .re18bot .priv {
    margin-bottom: 12px;
    display: inline-block; }

.re-artists18 {
  position: relative;
  margin-top: -50px;
  z-index: 100; }
  @media screen and (min-width: 980px) {
    .re-artists18 {
      margin-top: -150px; } }

.seeker18 {
  text-align: center; }
  .seeker18 div.seeker {
    position: relative; }
    .seeker18 div.seeker img {
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      z-index: 5; }
    .seeker18 div.seeker .resistance {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -474px;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
           -o-transform: translateY(-50%);
              transform: translateY(-50%); }
    .seeker18 div.seeker .particles {
      position: absolute;
      top: -50px;
      left: 50%;
      margin-left: -8px; }
    .seeker18 div.seeker .seeker {
      position: relative;
      left: 8px;
      max-width: 100%;
      z-index: 5; }
    .seeker18 div.seeker .seeker-anim {
      position: absolute;
      top: 138px;
      opacity: 1;
      left: 50%;
      margin-left: -98px;
      z-index: 10;
      display: block;
      width: 193px;
      display: none; }
    @media screen and (max-width: 980px) {
      .seeker18 div.seeker .seeker {
        width: 500px;
        top: 35px; }
      .seeker18 div.seeker .particles {
        margin-left: -5px;
        top: -10px; }
      .seeker18 div.seeker .resistance {
        width: 500px;
        margin-left: -250px; }
      .seeker18 div.seeker .seeker-anim {
        position: absolute;
        top: 121px;
        opacity: 1;
        left: 50%;
        margin-left: -58px;
        width: 121px; } }
    @media only screen and (max-width: 600px) {
      .seeker18 div.seeker .particles {
        margin-left: -1px;
        top: -15px; }
      .seeker18 div.seeker .seeker {
        width: 300px;
        top: 25px; }
      .seeker18 div.seeker .resistance {
        display: none; }
      .seeker18 div.seeker .seeker-anim {
        position: absolute;
        top: 76px;
        opacity: 1;
        left: 50%;
        margin-left: -31px;
        width: 72px; } }
  .seeker18 .loc {
    padding-top: 30px;
    position: relative;
    z-index: 10;
    font-family: 'din';
    color: #5da2f9;
    text-transform: uppercase;
    font-size: 42px;
    line-height: 46px;
    letter-spacing: 1px;
    vertical-align: top;
    margin-bottom: 25px; }
    .seeker18 .loc span {
      color: #fff;
      font-size: 32px;
      line-height: 42px;
      display: block; }
  .seeker18 .dates {
    position: relative;
    margin-bottom: 25px;
    z-index: 10;
    font-family: 'din';
    font-size: 30px;
    line-height: 40px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    vertical-align: top; }
    .seeker18 .dates span {
      display: inline-block;
      text-align: center;
      font-size: 28px;
      color: #000;
      background: url("https://resistanceibiza.com/wp-content/uploads/2018/03/weeks.png");
      width: 155px;
      padding-left: 30px;
      height: 26px;
      line-height: 28px;
      overflow: hidden;
      position: relative;
      left: 0px; }
      @media screen and (max-width: 980px) {
        .seeker18 .dates span {
          padding-top: 5px; } }
  @media screen and (min-width: 980px) {
    .seeker18 .loc {
      padding-top: 0px;
      font-size: 52px;
      line-height: 56px;
      position: absolute;
      top: 50%;
      left: 50px;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
           -o-transform: translateY(-50%);
              transform: translateY(-50%); }
    .seeker18 .dates {
      font-size: 40px;
      line-height: 40px;
      position: absolute;
      top: 50%;
      right: 50px;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
           -o-transform: translateY(-50%);
              transform: translateY(-50%); }
      .seeker18 .dates span {
        font-size: 28px; } }

.realist18 {
  margin-bottom: 10px;
  overflow: hidden; }
  .realist18 li {
    display: inline-block;
    padding: 0px 5px 0 0;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    margin-bottom: 2px; }
  @media only screen and (min-width: 769px) {
    .realist18 .darken a {
      color: #c4daf8; } }
  @media only screen and (max-width: 768px) {
    .realist18 li {
      display: block; }
    .realist18 i {
      display: none; } }
  .realist18 i {
    font-size: 25px;
    font-family: 'auxblk';
    color: #5da2f9;
    vertical-align: middle; }
  @media only screen and (min-width: 768px) {
    .realist18 li.darken a:hover {
      color: #75adff; } }
  .realist18 a {
    position: relative;
    font-family: 'din';
    font-weight: normal;
    letter-spacing: 3px;
    color: #fff;
    font-size: 32px;
    text-transform: uppercase;
    cursor: pointer;
    -o-transition: color .2s ease-out,  opacity .2s ease-out;
    -moz-transition: color .2s ease-out,  opacity .2s ease-out;
    transition: color .2s ease-out,  opacity .2s ease-out;
    line-height: 120%;
    vertical-align: middle; }
    @media only screen and (min-width: 768px) {
      .realist18 a {
        font-size: 32px; } }
    .realist18 a:hover {
      color: #99c1ff; }
  .realist18 em {
    font-style: normal;
    font-size: 75%; }

.re-logo18 {
  opacity: .7;
  -o-transition: .2s opacity ease-out;
  -moz-transition: .2s opacity ease-out;
  transition: .2s opacity ease-out; }
  .re-logo18:hover {
    opacity: 1; }
  @media only screen and (max-width: 770px) {
    .re-logo18 {
      width: 150px; } }

.fullposter {
  padding-bottom: 0px; }
  @media screen and (min-width: 980px) {
    .fullposter {
      padding-bottom: 100px; } }

#rebiza-bg {
  -webkit-transform: scaleX(-1);
     -moz-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
       -o-transform: scaleX(-1);
          transform: scaleX(-1);
  -webkit-filter: FlipH;
          filter: FlipH;
  -ms-filter: "FlipH";
  -webkit-transform: scaleY(-1);
     -moz-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
       -o-transform: scaleY(-1);
          transform: scaleY(-1);
  -webkit-filter: FlipV;
          filter: FlipV;
  -ms-filter: "FlipV"; }

#rebiza18 {
  position: relative;
  z-index: 5;
  opacity: 0; }
  #rebiza18 img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
        user-select: none;
    max-width: 100%;
    height: auto; }
  #rebiza18 #re18signup {
    position: relative;
    z-index: 10;
    width: 300px;
    margin: auto;
    padding-bottom: 30px; }
    #rebiza18 #re18signup:hover button {
      background: #fff;
      border: 1px solid #fff;
      color: #001859; }
    #rebiza18 #re18signup button.working {
      background-color: #001859 !important;
      border: 1px solid !important; }
    #rebiza18 #re18signup:hover input {
      border: 1px solid #fff; }
    #rebiza18 #re18signup label {
      font-size: 18px;
      text-transform: uppercase;
      font-family: armlo;
      display: block; }
    #rebiza18 #re18signup input {
      font-size: 18px;
      font-family: primeregular;
      background: #000;
      color: #fff;
      border: 1px solid #001859;
      width: 300px;
      text-align: center;
      -o-transition: .2s border ease-out;
      -moz-transition: .2s border ease-out;
      transition: .2s border ease-out; }
    #rebiza18 #re18signup button {
      font-size: 18px;
      text-align: center;
      font-family: primeregular;
      background-position: center center !important;
      background-repeat: no-repeat;
      background: #001859;
      color: #fff;
      width: 300px;
      font-weight: bold;
      text-transform: uppercase;
      border: 1px solid #001859;
      cursor: pointer;
      -o-transition: .2s background ease-out, .2s border ease-out;
      -moz-transition: .2s background ease-out, .2s border ease-out;
      transition: .2s background ease-out, .2s border ease-out; }
    #rebiza18 #re18signup input, #rebiza18 #re18signup button {
      font-size: inherit;
      font-size: 18px;
      padding: .5em 1em;
      margin: 0em;
      /* the following ensures they're all using the same box-model for rendering */
      -moz-box-sizing: border-box;
      /* or `border-box` */
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    #rebiza18 #re18signup label.error {
      color: red;
      position: absolute;
      top: -22px;
      left: 0; }
    #rebiza18 #re18signup .success {
      position: absolute;
      top: 10px;
      left: 0;
      right: 0;
      text-align: center;
      text-transform: uppercase;
      font-size: 18px;
      font-family: primeregular;
      padding: 5px;
      opacity: 0; }
  #rebiza18 .seeker {
    position: relative; }
    #rebiza18 .seeker .anim {
      position: absolute;
      top: 0; }
      @media screen and (min-width: 550px) {
        #rebiza18 .seeker .anim {
          width: 500px;
          left: 50%;
          margin-left: -250px; } }
      @media screen and (min-width: 980px) {
        #rebiza18 .seeker .anim {
          left: 0;
          margin-left: 0;
          width: auto; } }
  @media screen and (max-width: 979px) {
    #rebiza18 {
      padding: 25px; }
      #rebiza18 img {
        display: block;
        padding: 0 0 30px;
        margin: auto;
        max-width: 100%;
        height: auto; }
      #rebiza18 .logo {
        width: 300px;
        padding-left: 12px;
        margin: auto; }
      #rebiza18 .accents {
        display: none; }
      #rebiza18 .seeker {
        margin-left: 0px; }
        #rebiza18 .seeker img {
          width: 500px;
          margin: auto;
          display: block; }
      #rebiza18 a.priv {
        clear: both;
        display: block;
        width: 120px;
        margin: auto;
        margin-top: 40px; } }
  @media screen and (min-width: 980px) {
    #rebiza18 {
      text-align: center;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      top: 0; }
      #rebiza18 #re18signup {
        position: fixed;
        bottom: 30px;
        width: 500px;
        left: 50%;
        padding-bottom: 0px;
        margin-left: -250px; }
        #rebiza18 #re18signup button {
          width: 250px; }
        #rebiza18 #re18signup input {
          width: 250px; }
      #rebiza18 .logo {
        text-align: center;
        padding-top: 50px;
        position: relative;
        z-index: 5;
        padding-left: 20px; }
      #rebiza18 .tuesdays {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -400px;
        z-index: 5; }
      #rebiza18 .dates {
        position: absolute;
        top: 50%;
        right: 50%;
        margin-right: -400px;
        z-index: 5; }
      #rebiza18 .seeker {
        position: absolute;
        z-index: 4;
        bottom: 0px;
        left: 50%;
        margin-left: -350px; }
        #rebiza18 .seeker img {
          width: 700px;
          display: block; }
        #rebiza18 .seeker .accents {
          display: none; }
      #rebiza18 .priv {
        position: fixed;
        z-index: 5;
        bottom: 30px;
        right: 50px; }
      #rebiza18 .ww {
        position: fixed;
        z-index: 5;
        bottom: 30px;
        left: 50px; } }
  @media screen and (min-width: 1080px) {
    #rebiza18 .tuesdays {
      margin-left: -450px; }
    #rebiza18 .dates {
      margin-right: -450px; }
    #rebiza18 .seeker {
      margin-left: -400px; }
      #rebiza18 .seeker img {
        width: 800px; } }
  @media (max-height: 950px) and (min-width: 979px) {
    #rebiza18 .seeker {
      margin-left: -350px; }
      #rebiza18 .seeker img {
        width: 700px; } }
  @media (max-height: 780px) and (min-width: 979px) {
    #rebiza18 .seeker {
      margin-left: -300px; }
      #rebiza18 .seeker img {
        width: 600px; } }
  @media (max-height: 700px) and (min-width: 979px) {
    #rebiza18 .seeker {
      margin-left: -250px; }
      #rebiza18 .seeker img {
        width: 500px; } }

div.newvids {
  background: none; }
  div.newvids h2 {
    color: #fff; }

html body h2.retitle18 {
  font-family: 'din';
  font-size: 30px;
  text-transform: uppercase;
  color: #8ed6ff !important; }

.supportlist li {
  margin-bottom: 6px; }

.supportlist a {
  font-size: 24px; }

.re-info {
  position: relative;
  z-index: 20;
  text-align: center; }
  .re-info div.info {
    padding-top: 260px;
    padding-bottom: 15px; }
  .re-info img.info {
    position: relative;
    left: -3px; }
  .re-info img {
    display: block;
    margin: auto; }
  .re-info .particles {
    margin-bottom: 35px; }

.re-btn {
  border: 1px solid red;
  padding: 10px 25px;
  font-family: 'armlo';
  font-size: 16px;
  color: #db0f10;
  letter-spacing: 1px;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  transition: all .2s linear; }
  .re-btn:hover {
    background: #db0f10;
    color: #000; }

.re-vids {
  padding: 50px;
  position: relative;
  z-index: 100;
  background: #8ed6ff; }
  @media only screen and (max-width: 800px) {
    .re-vids {
      padding: 30px; } }
  .re-vids h2 {
    text-align: center;
    color: #000;
    text-transform: uppercase;
    font-family: 'aux';
    font-size: 24px; }
    .re-vids h2 strong {
      font-family: 'auxblk'; }
  .re-vids a {
    display: block;
    position: relative;
    margin-bottom: 36px; }
    .re-vids a:hover .play-icon {
      opacity: 1; }
  .re-vids .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 40px;
    margin-left: -23px;
    margin-top: -20px;
    opacity: .8;
    -o-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    transition: opacity .2s linear; }

.re-seeker {
  text-align: center; }

.re-break {
  margin: 36px 0;
  background: #000;
  height: 1px;
  width: 100%;
  position: relative; }
  .re-break span {
    background: #8ed6ff;
    width: 50px;
    height: 20px;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -25px; }
    .re-break span b {
      width: 20px;
      height: 16px;
      position: absolute;
      top: 0px;
      left: 15px; }
      .re-break span b i {
        background: #000;
        width: 2px;
        height: 2px;
        position: absolute; }
        .re-break span b i.tl {
          top: 0px;
          left: 0px; }
        .re-break span b i.tr {
          top: 0px;
          right: 0px; }
        .re-break span b i.bl {
          bottom: 0px;
          left: 0px; }
        .re-break span b i.br {
          bottom: 0px;
          right: 0px; }

.re-text {
  padding: 40px 25px 0px;
  width: 750px;
  margin: auto;
  max-width: 100%; }
  .re-text p {
    font-size: 14px;
    font-family: 'aux';
    color: #5a5b60;
    text-align: center; }

html body .re-title {
  text-align: center;
  font-family: 'armlo';
  font-size: 24px;
  letter-spacing: 5px;
  color: #5a5b60;
  margin-bottom: 8px; }
  html body .re-title strong {
    font-size: 10px;
    display: block;
    color: #5a5b60;
    letter-spacing: 0px; }

html body .re-title2 {
  text-align: center;
  font-family: 'armlo';
  font-size: 14px;
  letter-spacing: 2px;
  color: #c70606;
  margin-bottom: 8px; }
  html body .re-title2 strong {
    font-size: 10px;
    display: block;
    color: #5a5b60;
    letter-spacing: 0px; }

#sashadigweed {
  position: relative;
  z-index: 20;
  background: url("https://resistancemusic.com/wp-content/uploads/2017/03/sasha-digweed-bg.png") center center no-repeat;
  -moz-background-size: 900px auto;
    -o-background-size: 900px auto;
       background-size: 900px auto; }
  #sashadigweed .logo {
    padding: 50px 0;
    position: relative;
    left: -10px; }

#re-tickets {
  background: #161515;
  position: relative;
  z-index: 100;
  padding-bottom: 36px;
  overflow: hidden; }
  #re-tickets .privilege {
    text-align: center;
    width: 100%;
    padding: 50px 0px 5px; }
    #re-tickets .privilege img {
      position: relative;
      top: 0px;
      right: 0px; }
  #re-tickets .inner {
    width: 848px; }
  #re-tickets .re-ticket {
    margin-bottom: 24px;
    float: left;
    width: 50%;
    padding: 0px 23px;
    position: relative;
    /*         &:nth-child(odd)::before {
            width: 1px;
            height: 43px;
            position: absolute;
            top: 29px;
            right: 0px;
            display: block;
            background: #f90311;
            content: '';

        } */
    /*
        #footer nav li:first-child::before {
          content: '';
          display: none;

        }

        &:nth-child(odd) {

            border-right: 1px solid red;
        } */ }
    #re-tickets .re-ticket h3 {
      color: #5a5b60;
      font-size: 16px;
      margin: 0px 0 12px;
      padding: 0px;
      text-transform: uppercase;
      font-family: 'aux';
      color: #5a5b60;
      -o-transition: color .2s linear;
      -moz-transition: color .2s linear;
      transition: color .2s linear; }
    #re-tickets .re-ticket:hover h3 {
      color: #fff; }
    #re-tickets .re-ticket a {
      display: block;
      overflow: hidden; }
      #re-tickets .re-ticket a span {
        display: block;
        float: left;
        -o-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        transition: all .3s ease-out;
        line-height: 32px;
        -moz-box-sizing: content-box;
             box-sizing: content-box;
        height: 33px; }
      #re-tickets .re-ticket a .description {
        padding: 1px 20px;
        border: 1px solid #b90f10;
        border-left: 5px solid #b90f10;
        border-right: 2px solid #f60412;
        color: #bb1111;
        font-family: 'auxblk';
        font-size: 14px;
        min-width: 100px; }
      #re-tickets .re-ticket a .price {
        background: #b90f0f;
        padding: 2px 15px;
        font-size: 18px;
        color: #000;
        font-family: 'auxblk'; }
      #re-tickets .re-ticket a .action {
        background: #5a5b60;
        padding: 2px 15px 2px;
        font-size: 16px;
        text-transform: uppercase;
        font-family: 'auxblk';
        color: #000; }
    #re-tickets .re-ticket:hover .description {
      background: #b90f0f;
      border-color: #b90f10;
      color: #fff; }
    #re-tickets .re-ticket:hover .action {
      color: #fff; }

.re-footer {
  position: relative;
  z-index: 1000; }
  .re-footer .innerWrap {
    padding: 50px 25px;
    background: rgba(28, 28, 28, 0.7);
    border-bottom: 1px solid rgba(37, 37, 37, 0.5); }
  .re-footer .inner {
    text-align: center; }
    .re-footer .inner a {
      display: inline-block;
      vertical-align: middle; }
    .re-footer .inner span {
      color: #8c8c8d;
      display: inline-block;
      padding: 10px 10px;
      font-size: 16px;
      -o-transition: color .3s linear;
      -moz-transition: color .3s linear;
      transition: color .3s linear; }
    .re-footer .inner a:hover span {
      color: #fff; }
    .re-footer .inner .midlogo {
      margin: 0 36px; }
    .re-footer .inner .resl {
      margin: 0px 30px;
      opacity: .5;
      -o-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
      .re-footer .inner .resl:hover {
        opacity: 1; }
    .re-footer .inner .resc {
      display: none; }
  .re-footer .fb {
    margin-left: 30px; }

@media only screen and (min-width: 1025px) {
  #re-tickets .privilege {
    position: absolute;
    top: 10px;
    left: 0px;
    width: auto; }
  .re-info .re-trailer {
    position: absolute;
    bottom: 0px;
    left: 0px; }
  .re-info .re-tickets {
    position: absolute;
    bottom: 0px;
    right: 0px; }
  .re-info div.info {
    padding-top: 30%; }
  .re-info img.info {
    margin-bottom: 52px !important; } }

@media only screen and (max-width: 1024px) {
  .re-info .re-trailer {
    margin: 20px 0px; }
  #sashadigweed {
    -moz-background-size: 800px auto;
      -o-background-size: 800px auto;
         background-size: 800px auto; } }

@media only screen and (min-width: 901px) {
  #re-tickets .re-ticket:nth-child(odd)::before {
    width: 1px;
    height: 43px;
    position: absolute;
    top: 29px;
    right: 0px;
    display: block;
    background: #f90311;
    content: ''; }
  #re-tickets h2 {
    padding-top: 50px;
    padding-bottom: 50px;
    display: block; } }

@media only screen and (max-width: 900px) {
  .re-tickets {
    width: 420px;
    margin: auto; }
  #re-tickets .re-ticket {
    width: 420px;
    float: none; }
  .re-footer .fb {
    margin-left: 0px; }
  .resc {
    display: block;
    clear: both;
    width: 100%; }
  .re-footer .inner a.resl {
    display: block;
    margin-bottom: 24px; }
  .re-footer a {
    margin-bottom: 12px; }
  #sashadigweed {
    -moz-background-size: 700px auto;
      -o-background-size: 700px auto;
         background-size: 700px auto; } }

@media only screen and (max-width: 460px) {
  .re-top .re-logo img {
    width: 140px; }
  .re-top .re-nav li a {
    padding: 4px 7px;
    font-size: 13px; }
  .re-tickets {
    width: 310px;
    margin: auto; }
  #re-tickets .re-ticket {
    width: 310px;
    float: none;
    padding: 0px;
    margin-bottom: 30px;
    clear: both;
    overflow: hidden; }
    #re-tickets .re-ticket h3 {
      text-align: center;
      color: #777;
      font-size: 14px; }
    #re-tickets .re-ticket a {
      display: block;
      overflow: hidden;
      text-align: center; }
      #re-tickets .re-ticket a span {
        width: 100%;
        text-align: center;
        -moz-box-sizing: border-box;
             box-sizing: border-box;
        border-width: 2px;
        height: auto; }
      #re-tickets .re-ticket a .description {
        border: 2px solid #b90f10 !important; }
  #sashadigweed {
    -moz-background-size: 400px auto;
      -o-background-size: 400px auto;
         background-size: 400px auto; } }

/* Globals ======================================================================================= */
/*
#header  { display: none }
#main { padding-top: 0px !important}
#main>.mt50 { margin-top: 0px}
#footer>div>.text-center, #gotop { display: none }
*/
.upp-photo {
  width: 300px;
  display: inline-block;
  vertical-align: middle; }

.upp-photo2 img {
  -moz-border-radius: 100%;
       border-radius: 100%;
  height: auto;
  width: 100%;
  overflow: hidden; }

.op50 {
  opacity: .5; }

#uppcontent p, #uppcontent li {
  font-size: 14px; }

#uppcontent a {
  font-size: 14px; }

#uppcontent a.btn-main {
  font-size: 13px; }

.fs14 {
  font-size: 14px; }

span.spacer {
  display: inline-block;
  padding: 0 10px;
  color: #666; }

#uppcontent h1 {
  text-transform: none; }

.ww-active strong {
  display: none; }

.ppmode span {
  display: none; }

.ppmode li.ww-active strong.selected {
  padding: 10px 7px 0px 4px; }

.textbutton {
  cursor: pointer;
  text-transform: uppercase;
  border: 0px;
  color: #fff;
  text-decoration: none;
  font-size: 12px !important;
  display: inline-block;
  border-bottom: 1px solid transparent;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  transition: all .2s linear;
  border-bottom: 1px solid #777; }

.textbutton:hover {
  border-bottom: 1px solid lightgreen; }

.upp-bar {
  width: 160px;
  height: 10px;
  background: #333;
  background: -moz- oldlinear-gradient(top, #464646 0%, #323232 100%);
  background: -o-linear-gradient(top, #464646 0%, #323232 100%);
  background: linear-gradient(to bottom, #464646 0%, #323232 100%); }

.upp-bar div {
  -o-transition: all 2500ms ease-in-out;
  -moz-transition: all 2500ms ease-in-out;
  transition: all 2500ms ease-in-out;
  width: 0%;
  height: 10px;
  background: #999;
  background: -moz- oldlinear-gradient(left, rgba(255, 255, 255, 0.3) 0%, white 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0.3) 0%, white 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, white 100%); }

.silver {
  color: #b8b8b8; }

.gold {
  color: #9e8e66; }

.platinum {
  color: #cae6fc; }

.upb > div {
  display: block;
  float: left;
  height: 9px; }

.upb .upb-back {
  background: url(https://assets.ultramusicfestival.com/passport/img/upb-back.png) center right no-repeat;
  -moz-background-size: auto 5px;
    -o-background-size: auto 5px;
       background-size: auto 5px;
  width: 21px;
  height: 7px;
  margin-top: 2px; }

.upb .upb-bar {
  border: 1px solid #656565;
  width: 100px;
  background: none;
  padding-left: 2px;
  height: 7px;
  margin-top: 2px; }

.upb .fill {
  width: 0px;
  -o-transition: all 2500ms ease-in-out;
  -moz-transition: all 2500ms ease-in-out;
  transition: all 2500ms ease-in-out;
  margin-top: 2px;
  height: 1px;
  background: #c9ced3;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff; }

.upb .upb-front {
  background: url(https://assets.ultramusicfestival.com/passport/img/upb-front.png) center left no-repeat;
  -moz-background-size: auto 9px;
    -o-background-size: auto 9px;
       background-size: auto 9px;
  width: 72px;
  height: 9px;
  margin-top: 1px; }

.tm {
  font-family: tahoma, arial, helvetica, sans-serif !important; }

.pointer {
  cursor: pointer; }

.account-list {
  margin-bottom: 50px !important; }

.upp-upgrade.platinum {
  height: 10px;
  overflow: hidden; }

/* Buttons  ======================================================================================= */
a.disabled, button.disabled {
  background: none !important;
  color: #777 !important;
  border: 1px solid #333 !important;
  cursor: not-allowed !important; }

a.disabled, a.disabled:focus, a.disabled:active, a.disabled:hover {
  color: #777 !important;
  border: 1px solid #333 !important;
  cursor: not-allowed !important; }

button.working,
a.registering,
a.registering:hover,
a.registering:focus,
a.registering:active,
button.working {
  color: rgba(255, 255, 255, 0) !important;
  background: #444 url("https://ultramusicfestival.com/wp-content/uploads/2016/07/spin.gif") center center no-repeat !important;
  -moz-background-size: 25px 25px !important;
  -o-background-size: 25px 25px !important;
  background-size: 25px 25px !important;
  border: 1px solid #444 !important;
  cursor: wait !important; }

button.working {
  outline: none;
  outline-style: none; }

a.error {
  background: #c2420c;
  border-color: #c2420c; }

.registered, .registered:hover, .registered:active {
  background: lightgreen !important;
  border-color: lightgreen !important;
  color: #000 !important;
  cursor: default !important; }

/* Header + Nav ======================================================================================= */
#header .upp-photo {
  width: 18px;
  height: 18px;
  margin: 0;
  margin-right: 10px; }

#upp-header.logged-out ul li {
  padding-top: 5px; }

#upp-header {
  position: relative;
  z-index: 50; }
  #upp-header ul {
    float: right;
    padding-top: 29px;
    padding-bottom: 12px;
    -o-transition: opacity .2s linear,  padding .2s ease-in-out;
    -moz-transition: opacity .2s linear,  padding .2s ease-in-out;
    transition: opacity .2s linear,  padding .2s ease-in-out; }
    #upp-header ul:hover > li > ul {
      opacity: 1;
      top: 34px; }
    #upp-header ul li {
      display: inline-block;
      padding-top: 3px;
      position: relative; }
      #upp-header ul li:hover > a {
        color: #fff; }
    #upp-header ul li::before {
      content: '/';
      color: #777;
      margin-right: 4px;
      display: inline-block; }
      #upp-header ul li::before:first-child {
        content: ''; }
    #upp-header ul li:first-child::before, #upp-header ul ul > li::before {
      content: '' !important;
      display: none !important; }
    #upp-header ul a {
      display: inline-block;
      padding: 5px 7px;
      text-transform: uppercase;
      font-size: 11px;
      -o-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
      color: #ccc; }
      #upp-header ul a:hover {
        color: #fff; }
    #upp-header ul .uppsub {
      position: absolute;
      top: -1000px;
      opacity: 0;
      padding: 12px 12px 24px;
      width: 270px;
      left: -12px;
      background: -moz- oldlinear-gradient(top, #000 0%, #111 100%);
      background: -o-linear-gradient(top, #000 0%, #111 100%);
      background: linear-gradient(to bottom, #000 0%, #111 100%);
      background: rgba(1, 1, 1, 0.85);
      -moz-box-shadow: 0px 0px 24px #000;
           box-shadow: 0px 0px 24px #000;
      /*
      top:34px;
      opacity: 1; */ }
      #upp-header ul .uppsub h2 {
        display: block;
        padding: 12px 0px 24px;
        margin: 0px; }
        #upp-header ul .uppsub h2 a {
          font-size: 24px;
          text-transform: none; }
      #upp-header ul .uppsub a {
        padding: 0px; }
      #upp-header ul .uppsub li {
        padding: 0px; }
      #upp-header ul .uppsub li a.btn-main {
        color: #000;
        padding: 12px 0px;
        min-width: 90px;
        margin: 0 7px 5px 0;
        width: 100%; }
      #upp-header ul .uppsub a.gray-btn {
        color: #fff !important; }
      #upp-header ul .uppsub a.gray-btn:hover {
        color: #000 !important; }
      #upp-header ul .uppsub a.gray-btn:active, #upp-header ul .uppsub a.gray-btn:focus {
        color: #fff !important; }
      #upp-header ul .uppsub li.edit {
        margin-bottom: 12px; }
        #upp-header ul .uppsub li.edit .mb10 {
          margin-bottom: 18px; }
      #upp-header ul .uppsub a.uppstatus {
        display: block;
        width: 100%;
        padding-bottom: 20px; }
      #upp-header ul .uppsub img.upp {
        width: 130px;
        max-width: 100%; }
      #upp-header ul .uppsub .statuslevel .gold {
        font-size: 22px !important; }
      #upp-header ul .uppsub .statuslevel.gold {
        padding-top: 5px; }
      #upp-header ul .uppsub .statuslevel .silver {
        font-size: 18px !important; }
      #upp-header ul .uppsub .statuslevel.silver {
        padding-top: 6px; }
      #upp-header ul .uppsub .statuslevel .platinum {
        font-size: 15px !important; }
      #upp-header ul .uppsub .statuslevel.platinum {
        padding-top: 5px; }

body.scrolled #header #upp-header ul {
  padding-top: 12px; }

@media only screen and (max-width: 1390px) {
  #upp-header ul {
    padding-right: 12px; } }

/* Responsive ======================================================================================= */
.db-gfx .upp-photo {
  max-width: 100%;
  height: auto; }

@media only screen and (min-width: 1081px) {
  .text-center-desk {
    text-align: center; }
  .dashboard .upp-badge {
    float: left;
    width: 55%;
    padding-top: 12px;
    padding-bottom: 35px; }
  .dashboard .upp-upgrade {
    width: 45%;
    float: left;
    margin-bottom: 50px;
    padding-top: 20px; }
  .desk-hide {
    display: none !important;
    visibility: hidden !important; } }

@media only screen and (max-width: 1080px) {
  #upp-header ul {
    padding-top: 19px; }
  body.scrolled #header #upp-header ul {
    padding-top: 14px; }
  .dashboard .upp-upgrade {
    padding-top: 25px;
    margin-bottom: 36px; }
  .uppresult div {
    width: 100%; }
  #wrapper-all .ppftop {
    height: 30px !important; }
  .helpbtn {
    float: none;
    padding: 0px;
    margin-bottom: 24px;
    clear: both; }
  .totals {
    margin-left: 2%; }
  .totals li {
    padding: 10px 0px;
    display: block;
    float: left;
    width: 47%;
    margin-right: 3%; }
  .totals li a {
    width: 100% !important;
    float: none !important;
    clear: both !important; } }

@media only screen and (max-width: 620px) {
  #upp-header ul {
    padding-top: 21px; }
  body.scrolled #header #upp-header ul {
    padding-top: 15px !important; }
  #upp-header.logged-out li:first-child {
    display: none !important; }
  #upp-header.logged-in li:last-child {
    display: none !important; }
  #upp-header ul li::before {
    content: '';
    margin: 0; }
  #upp-header ul .uppsub {
    left: auto;
    right: -50px; }
  .rs100sm2 {
    width: 100% !important;
    clear: both !important;
    float: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important; } }

@media only screen and (min-width: 501px) {
  .mid-show {
    display: none;
    visibility: hidden; } }

@media only screen and (max-width: 500px) {
  #upp-header ul {
    padding-top: 18px;
    padding-right: 0px !important; }
  body.scrolled #header #upp-header ul {
    padding-top: 12px !important; } }

@media only screen and (min-width: 371px) {
  .tiny-show {
    display: none;
    visibility: hidden; } }

@media only screen and (max-width: 370px) {
  html body .uppresult2 {
    width: auto !important;
    left: 20px;
    right: 20px;
    bottom: 20px; }
  #upp-header.logged-in ul {
    padding-top: 20px; }
  #upp-header .tiny-hide {
    display: none;
    visibility: hidden; }
  .totals {
    margin-left: 0%; }
  .totals li {
    padding: 10px 0px;
    display: block;
    float: none;
    width: 100%;
    margin-right: 0%; } }

@media only screen and (max-width: 324px) {
  #upp-header .tiny-hide2 {
    display: none;
    visibility: hidden; }
  #upp-header {
    display: none !important; } }

#event-search {
  background: rgba(0, 0, 0, 0.6) !important; }

#all-events a span.check {
  font-size: 18px !important; }

.page-template-passportevents-php #main,
.page-template-passportupdates-php #main {
  z-index: 25; }

.ppf {
  max-width: 300px; }

.hiddenRow {
  display: none !important; }

#uppcontent .upp-events a.btn-main {
  font-size: 12px !important; }

#events-nav {
  padding-bottom: 24px; }
  #events-nav li {
    display: block;
    width: 50%;
    float: left;
    padding-right: 4px;
    padding-bottom: 4px; }
    #events-nav li.all-events {
      width: 100%; }
    @media only screen and (min-width: 780px) {
      #events-nav li {
        width: 20%; }
        #events-nav li.all-events {
          width: 20%; } }
    #events-nav li a {
      display: block; }
      #events-nav li a.active {
        background: #fff !important;
        border-color: #fff !important;
        color: #000 !important; }

.upp-events {
  vertical-align: top; }
  .upp-events article {
    margin: 0 0% 15px 0;
    width: 100%;
    overflow: hidden;
    background: #222;
    background: -moz- oldlinear-gradient(bottom right, rgba(0, 0, 0, 0.8) 0%, rgba(15, 15, 15, 0.99) 100%);
    background: -o-linear-gradient(bottom right, rgba(0, 0, 0, 0.8) 0%, rgba(15, 15, 15, 0.99) 100%);
    background: linear-gradient(to top left, rgba(0, 0, 0, 0.8) 0%, rgba(15, 15, 15, 0.99) 100%);
    -o-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out; }
    .upp-events article .btn-main {
      width: 233px;
      text-align: center;
      padding: .85em 0; }
    .upp-events article:hover a.event {
      opacity: 1; }
    .upp-events article:hover span.location {
      color: #fff; }
    .upp-events article p, .upp-events article h3 {
      margin: 0; }
    .upp-events article p, .upp-events article h3, .upp-events article a {
      display: inline-block;
      vertical-align: middle; }
    .upp-events article p.details {
      width: 365px;
      font-size: 14px;
      padding: 15px 0px; }
      .upp-events article p.details span.spacer {
        color: #aaa;
        display: inline-block;
        padding: 0px 4px; }
    .upp-events article p.details img {
      position: relative;
      left: -3px;
      top: 3px; }
    .upp-events article a.event {
      border: 0px;
      padding: 25px 25px;
      width: 250px;
      opacity: .8; }
    .upp-events article span.location {
      font-size: .9em;
      color: #aaa;
      -o-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
    .upp-events article span.date {
      display: block; }
    .upp-events article a.resend {
      margin-right: 20px;
      cursor: pointer;
      text-transform: uppercase;
      border: 0px;
      color: #fff;
      text-decoration: none;
      font-size: 12px;
      display: inline-block; }
    .upp-events article span.checked {
      font-size: 18px;
      line-height: 9px; }
  .upp-events article:nth-child(5n+1) {
    clear: both; }
  .upp-events .registered-list {
    margin-bottom: 12px !important;
    width: 570px; }
  @media only screen and (min-width: 1081px) {
    .upp-events .registered-summary .lclear {
      margin-top: 0px; }
    .upp-events .registered-list span {
      width: 150px; }
    .upp-events .registered-summary {
      padding: 0 25px 10px; } }
  @media only screen and (max-width: 1080px) {
    .upp-events article {
      padding: 25px;
      background: #222;
      background: -moz- oldlinear-gradient(bottom right, #111 0%, #222 100%);
      background: -o-linear-gradient(bottom right, #111 0%, #222 100%);
      background: linear-gradient(to top left, #111 0%, #222 100%);
      float: left;
      margin-bottom: 50px;
      display: block; }
      .upp-events article p, .upp-events article h3, .upp-events article a.button {
        display: block;
        margin: 0;
        vertical-align: top;
        width: auto; }
      .upp-events article p.details, .upp-events article a.event {
        padding: 0px;
        margin-bottom: 24px;
        width: auto; }
      .upp-events article a.event {
        width: 200px; }
      .upp-events article.rtu a.event {
        width: 300px; }
      .upp-events article .reglist span {
        width: auto; }
      .upp-events article a.resend {
        margin-bottom: 24px; }
    .upp-events .registered-summary .btn-main {
      margin-top: 25px;
      clear: both;
      float: none;
      margin-left: 0px !important; } }

html body .upp-events .registered-list {
  margin-bottom: 24px !important; }

.registered-summary .textbutton {
  margin: 24 0 12px 0;
  display: inline-block; }

.styledform .hide {
  visibility: hidden !important;
  display: none !important; }

.styledform {
  margin-bottom: 36px; }

#manage-updates li {
  margin-bottom: 10px; }

#manage-updates li:hover strong {
  border-bottom: 1px solid #999 !important;
  color: #fff; }

#manage-updates li strong {
  padding: 10px 10px;
  display: inline-block;
  cursor: pointer;
  border-bottom: 1px solid transparent !important;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: #ccc; }

#allbtns a {
  text-decoration: none; }

#edit-form, #edit-form ol {
  margin-bottom: 0px; }

.terms a {
  text-decoration: underline !important; }

.terms a:hover {
  text-decoration: none  !important; }

/* Alerts  ======================================================================================= */
.uppresult {
  padding: 0px 0 30px;
  width: 100%;
  /*
  display: block;
  z-index: 111111;
  position: fixed;
  padding:0px;
  bottom: 30px;
  right: 30px;
  width: 300px;
  z-index: 111111; */ }
  .uppresult a {
    font-size: 12px !important; }
  .uppresult a em {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    -o-transition: border-color .2s ease-out;
    -moz-transition: border-color .2s ease-out;
    transition: border-color .2s ease-out;
    font-style: normal !important;
    font-weight: bold; }
  .uppresult a:hover em {
    border-bottom: 1px solid rgba(255, 255, 255, 0.9); }

.uppresult.hidden {
  display: none; }

.uppresult div {
  opacity: 0;
  width: 880px;
  max-width: 100%;
  font-size: 12px;
  margin: 0px auto;
  text-transform: uppercase;
  padding: 10px;
  width: 100%;
  padding-left: 40px;
  -moz-border-radius: 2px;
       border-radius: 2px;
  -o-transition: background .2s ease-out, border .2s ease-out;
  -moz-transition: background .2s ease-out, border .2s ease-out;
  transition: background .2s ease-out, border .2s ease-out;
  -moz-background-size: 16px auto;
    -o-background-size: 16px auto;
       background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 14px center; }
  .uppresult div span {
    line-height: 150%; }

/* like the icons https://www.iconfinder.com/icons/389755/accept_check_mark_ok_success_tick_yes_icon#size=128 */
.uppresult div.error {
  border: 1px solid #ff004f;
  background-color: rgba(255, 0, 83, 0.4);
  background-image: url("https://umfworldwide.com/wp-content/uploads/2016/08/icon-error.png"); }

.uppresult div.success {
  border: 1px solid #00c853;
  background-color: rgba(0, 255, 83, 0.4);
  background-image: url("https://umfworldwide.com/wp-content/uploads/2016/08/icon-success.png"); }

.uppresult div.warning {
  border: 1px solid yellow;
  background-color: rgba(255, 255, 0, 0.4);
  background-image: url("https://umfworldwide.com/wp-content/uploads/2016/08/icon-warning.png"); }

.uppresult div.info {
  border: 1px solid #1853d4;
  background-color: rgba(24, 83, 212, 0.4);
  background-image: url("https://umfworldwide.com/wp-content/uploads/2016/08/icon-info.png"); }

/* Forms ======================================================================================= */
.datefield .spacer {
  padding: 0px 5px; }

.styledform button {
  font-size: 14px; }

.styledform label.error {
  display: none !important;
  visibility: hidden !important; }

.styledform select,
.styledform textarea,
.styledform input[type="text"],
.styledform input[type="email"],
.styledform input[type="password"] {
  font-size: 18px !important;
  line-height: 180%;
  padding: 10px !important;
  margin-bottom: 36px !important;
  font-family: 'Arial'; }

#login-form input[type="checkbox"] {
  margin-bottom: 24px !important; }

.styledform input[type="text"]:focus, .styledform input[type="checkbox"]:focus, .styledform input[type="password"]:focus, .styledform input[type="email"]:focus,
.styledform input[type="text"]:active, .styledform input[type="checkbox"]:active, .styledform input[type="password"]:active, .styledform input[type="email"]:active {
  outline: 1px solid #94f2ff;
  outline-style: 1px solid #94f2ff;
  outline-bottom: 0px; }

.styledform input[type="checkbox"] {
  outline: 0px !important; }

.gender li {
  display: inline-block !important;
  padding-right: 15px !important; }

.gender label {
  display: inline-block;
  padding: 3px;
  cursor: pointer; }

.gender, .terms {
  position: relative; }

.gender label#gender-error, .terms label#accept_terms-error {
  display: block !important;
  visibility: visible !important;
  color: red; }

.gender label#gender-error {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: 70px; }

li.terms label p {
  padding-left: 25px; }

html body .terms input {
  position: absolute !important;
  top: 4px !important;
  left: 0px !important;
  right: auto !important; }

.terms label,
.terms a {
  text-transform: none;
  cursor: pointer; }

.terms label#accept_terms-error {
  position: relative !important;
  left: -20px !important;
  text-transform: uppercase !important; }

.tgl {
  display: none !important; }
  .tgl, .tgl:after, .tgl:before,
  .tgl *,
  .tgl *:after,
  .tgl *:before,
  .tgl + .tgl-btn {
    -moz-box-sizing: border-box;
         box-sizing: border-box; }
    .tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection,
    .tgl *::-moz-selection,
    .tgl *:after::-moz-selection,
    .tgl *:before::-moz-selection,
    .tgl + .tgl-btn::-moz-selection {
      background: none; }
    .tgl::selection, .tgl:after::selection, .tgl:before::selection,
    .tgl *::selection,
    .tgl *:after::selection,
    .tgl *:before::selection,
    .tgl + .tgl-btn::selection {
      background: none; }
  .tgl + .tgl-btn {
    outline: 0;
    display: inline-block;
    vertical-align: middle;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
      position: relative;
      display: block;
      content: "";
      width: 50%;
      height: 100%; }
    .tgl + .tgl-btn:after {
      left: 0; }
    .tgl + .tgl-btn:before {
      display: none; }
  .tgl:checked + .tgl-btn:after {
    left: 50%; }

.tgl-ios + .tgl-btn {
  background: #fbfbfb;
  -moz-border-radius: 2em;
       border-radius: 2em;
  padding: 2px;
  -o-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  border: 1px solid #e8eae9; }
  .tgl-ios + .tgl-btn:after {
    -moz-border-radius: 2em;
         border-radius: 2em;
    background: #fbfbfb;
    -o-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
    -moz-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
         box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08); }
  .tgl-ios + .tgl-btn:hover:after {
    will-change: padding; }
  .tgl-ios + .tgl-btn:active {
    -moz-box-shadow: inset 0 0 0 2em #e8eae9;
         box-shadow: inset 0 0 0 2em #e8eae9; }
    .tgl-ios + .tgl-btn:active:after {
      padding-right: .8em; }

.tgl-ios:checked + .tgl-btn {
  background: lightgreen; }
  .tgl-ios:checked + .tgl-btn:active {
    -moz-box-shadow: none;
         box-shadow: none; }
    .tgl-ios:checked + .tgl-btn:active:after {
      margin-left: -.8em; }

.tgl-skewed + .tgl-btn {
  overflow: hidden;
  -webkit-transform: skew(-10deg);
     -moz-transform: skew(-10deg);
      -ms-transform: skew(-10deg);
       -o-transform: skew(-10deg);
          transform: skew(-10deg);
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  -o-transition: all .2s ease;
  -moz-transition: all .2s ease;
  transition: all .2s ease;
  font-family: sans-serif;
  background: #888; }
  .tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before {
    -webkit-transform: skew(10deg);
       -moz-transform: skew(10deg);
        -ms-transform: skew(10deg);
         -o-transform: skew(10deg);
            transform: skew(10deg);
    display: inline-block;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
  .tgl-skewed + .tgl-btn:after {
    left: 100%;
    content: attr(data-tg-on); }
  .tgl-skewed + .tgl-btn:before {
    left: 0;
    content: attr(data-tg-off); }
  .tgl-skewed + .tgl-btn:active {
    background: #888; }
    .tgl-skewed + .tgl-btn:active:before {
      left: -10%; }

.tgl-skewed:checked + .tgl-btn {
  background: lightgreen; }
  .tgl-skewed:checked + .tgl-btn:before {
    left: -100%; }
  .tgl-skewed:checked + .tgl-btn:after {
    left: 0;
    color: #000; }
  .tgl-skewed:checked + .tgl-btn:active:after {
    left: 10%; }

/*
  Docs at http://http://simpleweatherjs.com
  Look inspired by http://www.degreees.com/
  Used for demo purposes.
  Weather icon font from http://fonts.artill.de/collection/artill-weather-icons
  DO NOT hotlink the assets/font included in this demo. If you wish to use the same font icon then download it to your local assets at the link above. If you use the links below odds are at some point they will be removed and your version will break.
*/
#weather {
  display: table;
  vertical-align: middle; }

.wi {
  color: #fff;
  font-family: 'weather';
  font-size: 40px;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  height: 60px;
  line-height: 60px;
  top: -8px; }

.temp {
  display: table-cell;
  height: 60px;
  vertical-align: middle;
  line-height: 60px;
  font-size: 18px;
  padding-left: 5px; }

.wi-33 {
  font-size: 60px; }

.wi-0:before {
  content: ":"; }

.wi-1:before {
  content: "p"; }

.wi-2:before {
  content: "S"; }

.wi-3:before {
  content: "Q"; }

.wi-4:before {
  content: "S"; }

.wi-5:before {
  content: "W"; }

.wi-6:before {
  content: "W"; }

.wi-7:before {
  content: "W"; }

.wi-8:before {
  content: "W"; }

.wi-9:before {
  content: "I"; }

.wi-10:before {
  content: "W"; }

.wi-11:before {
  content: "I"; }

.wi-12:before {
  content: "I"; }

.wi-13:before {
  content: "I"; }

.wi-14:before {
  content: "I"; }

.wi-15:before {
  content: "W"; }

.wi-16:before {
  content: "I"; }

.wi-17:before {
  content: "W"; }

.wi-18:before {
  content: "U"; }

.wi-19:before {
  content: "Z"; }

.wi-20:before {
  content: "Z"; }

.wi-21:before {
  content: "Z"; }

.wi-22:before {
  content: "Z"; }

.wi-23:before {
  content: "Z"; }

.wi-24:before {
  content: "E"; }

.wi-25:before {
  content: "E"; }

.wi-26:before {
  content: "3"; }

.wi-27:before {
  content: "a"; }

.wi-28:before {
  content: "A"; }

.wi-29:before {
  content: "a"; }

.wi-30:before {
  content: "A"; }

.wi-31:before {
  content: "6"; }

.wi-32:before {
  content: "1"; }

.wi-33:before {
  content: "6"; }

.wi-34:before {
  content: "1"; }

.wi-35:before {
  content: "W"; }

.wi-36:before {
  content: "1"; }

.wi-37:before {
  content: "S"; }

.wi-38:before {
  content: "S"; }

.wi-39:before {
  content: "S"; }

.wi-40:before {
  content: "M"; }

.wi-41:before {
  content: "W"; }

.wi-42:before {
  content: "I"; }

.wi-43:before {
  content: "W"; }

.wi-44:before {
  content: "a"; }

.wi-45:before {
  content: "S"; }

.wi-46:before {
  content: "U"; }

.wi-47:before {
  content: "S"; }

.wi-36, .wi-34, .wi-32 {
  top: -3px; }

.wi-31, .wi-33 {
  font-size: 60px;
  top: -8px; }

.wi-10 {
  top: -3px;
  font-size: 30px; }

/* PP Footer =======================================================================================  */
.fub {
  margin-bottom: 15px;
  margin-top: 12px; }

.fs11 {
  font-size: 11px !important; }

.fs13 {
  font-size: 1.3em; }

.flinks a {
  padding: 3px 0px;
  display: block; }

.ppftop {
  width: 50px;
  height: 60px !important;
  clear: both;
  display: block; }

.w29 {
  width: 29%; }

.specialinput {
  position: relative; }
  .specialinput i {
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: absolute;
    display: block; }
  .specialinput input {
    display: block;
    background: -moz- oldlinear-gradient(bottom left, #1f1f1f 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom left, #1f1f1f 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top right, #1f1f1f 0%, rgba(0, 0, 0, 0) 100%);
    margin-bottom: 28px !important; }
  .specialinput .left {
    height: 100%;
    width: 1px;
    top: 0px;
    left: 1px;
    opacity: .7;
    background: -moz- oldlinear-gradient(bottom, white 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(bottom, white 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0) 100%); }
  .specialinput .bot {
    width: 100%;
    height: 1px;
    bottom: 0px;
    left: 2px;
    opacity: .7;
    background: -moz- oldlinear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%); }
  .specialinput .right {
    height: 100%;
    width: 1px;
    top: 0px;
    right: 1px;
    opacity: .4;
    background: -moz- oldlinear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%); }
  .specialinput .top {
    width: 100%;
    height: 1px;
    top: 0px;
    right: 2px;
    opacity: .4;
    background: -moz- oldlinear-gradient(right, white 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(right, white 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%); }

#upp-footer:hover .specialinput i {
  opacity: 1; }

#upp-footer:hover input, #upp-footer input:focus, #upp-footer input:active {
  -moz-box-shadow: 0px 0px 12px #777;
       box-shadow: 0px 0px 12px #777; }

#upp-footer .progress-bar span {
  position: absolute;
  top: -18px;
  right: auto;
  left: 0px;
  text-transform: uppercase; }

#pp-footer .ppf p {
  font-size: 14px !important;
  color: #ccc !important; }

#pp-footer .ppf input[type="text"] {
  border-bottom: 0px solid #777 !important;
  font-size: 13px !important;
  padding: 12px 12px !important;
  margin-bottom: 24px;
  -moz-border-radius: 0px;
       border-radius: 0px; }

#pp-footer .ppf button {
  -moz-border-radius: 0px;
       border-radius: 0px;
  width: 100% !important; }

#pp-footer .social {
  margin: 0; }

#pp-footer img.upp {
  width: 110px;
  max-width: 100%; }

#pp-footer .ppf span.spacer {
  padding: 0 5px;
  color: #999; }

#pp-footer .statuslevel .gold {
  font-size: 22px !important; }

#pp-footer .statuslevel.gold {
  padding-top: 2px; }

#pp-footer .statuslevel .silver {
  font-size: 18px !important; }

#pp-footer .statuslevel.silver {
  padding-top: 3px; }

#pp-footer .statuslevel .platinum {
  font-size: 15px !important; }

#pp-footer .statuslevel.platinum {
  padding-top: 1px; }

#pp-footer #footer a {
  color: #ccc !important; }

#pp-footer #footer a:hover {
  color: #fff !important; }

#pp-footer .flinks ul {
  margin-bottom: 36px; }

#pp-footer .flinks li {
  margin-bottom: 6px; }

#pp-footer .flinks li a {
  font-size: 14px; }

#pp-footer #countdown {
  font-size: 18px; }

#pp-footer .logged-in span.spacer {
  padding: 0 7px;
  color: #999; }

#pp-footer .signinlink {
  text-shadow: 0px 0px 0px !important;
  text-transform: uppercase;
  position: relative;
  top: -11px;
  left: 8px;
  font-size: 11px;
  font-family: 'helvetica-bold'; }

#pp-footer .icon {
  width: 21px;
  margin-left: 2px; }

#pp-footer .sign-in-state {
  padding: 0px 0 0 0px; }

#pp-footer .sign-in-state p {
  font-size: 12px !important;
  text-transform: uppercase; }

#pp-footer input:-moz-placeholder {
  color: #fff; }

#pp-footer input::-webkit-input-placeholder {
  color: #fff; }

#pp-footer input:-ms-input-placeholder {
  color: #fff; }

#pp-footer input:-moz-placeholder:active {
  color: #fff; }

#pp-footer input::-webkit-input-placeholder:active {
  color: #fff; }

#pp-footer input:-ms-input-placeholder:active {
  color: #ffff; }

input.error:-moz-placeholder {
  color: #fff; }

input.error::-webkit-input-placeholder {
  color: #fff; }

input.error:-ms-input-placeholder {
  color: #fff; }

/* Modal ======================================================================================= */
html.modalopen {
  overflow: visible; }
  html.modalopen body {
    overflow: hidden;
    position: relative; }

#signupmodal input, #signupmodal select {
  margin-bottom: 0px !important; }

#signupmodal ol > li {
  padding-bottom: 36px;
  display: block; }

#signupmodal .terms p {
  margin-bottom: 0px; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: block; }

.md-next {
  right: 0px; }

.md-prev {
  left: 0px; }

.md-nav {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  z-index: 1500;
  cursor: pointer;
  padding: 10px;
  display: block; }
  .md-nav span {
    font-size: 36px;
    display: block;
    color: #8ed6ff;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
  .md-nav:hover span {
    color: #fff; }

.md-content {
  height: auto;
  height: 100%;
  width: 100%;
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  z-index: 1010;
  margin: auto;
  max-width: 100%;
  display: table;
  vertical-align: middle; }
  .md-content .inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    z-index: 1010;
    position: relative; }
    .md-content .inner h1 {
      margin-bottom: 24px; }
    .md-content .inner li, .md-content .inner p {
      font-size: 14px; }
    .md-content .inner a.btn-main {
      font-size: 13px; }
  .md-content .replacer {
    margin: auto;
    max-width: 100%; }

.md-close {
  border: 0px;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 40px;
  right: 50px;
  border: 0px !important;
  cursor: pointer;
  text-decoration: none;
  z-index: 1020; }
  .md-close:hover i {
    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
         -o-transform: rotate(135deg);
            transform: rotate(135deg);
    background: #fff; }
  .md-close:hover b {
    -webkit-transform: rotate(225deg);
       -moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
         -o-transform: rotate(225deg);
            transform: rotate(225deg);
    background: #fff; }
  .md-close i, .md-close b {
    position: absolute;
    top: 25px;
    left: 0px;
    display: block;
    width: 40px;
    height: 1px;
    background: #ccc;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    -o-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    transition: .4s ease-in-out; }
  .md-close b {
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.md-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  opacity: .98;
  background: #111;
  background: -moz- oldlinear-gradient(bottom right, #111 0%, #222 100%);
  background: -o-linear-gradient(bottom right, #111 0%, #222 100%);
  background: linear-gradient(to top left, #111 0%, #222 100%); }

.confirm-list {
  margin-bottom: 50px; }

.confirm-list li span {
  width: 110px; }

@media only screen and (max-width: 1080px) {
  html.modalopen {
    overflow: hidden; }
    html.modalopen body {
      overflow: hidden; }
  .md-content {
    display: block; }
    .md-content .inner {
      padding: 30px 30px;
      height: 100%;
      display: block; }
    .md-content .button {
      margin-bottom: 25px; }
  .confirm-list li span {
    width: auto; }
  .md-close {
    top: 20px;
    position: absolute;
    right: 50px; } }

@media only screen and (max-height: 800px) {
  html.modalopen {
    overflow: hidden; }
    html.modalopen body {
      overflow: hidden; }
  .md-content {
    display: block; }
    .md-content .inner {
      padding: 30px 30px;
      height: 100%;
      display: block; }
    .md-content .button {
      margin-bottom: 25px; }
  .confirm-list li span {
    width: auto; }
  .md-close {
    top: 20px;
    position: absolute;
    right: 50px; } }

@media only screen and (max-width: 700px) {
  .md-content h1 {
    padding-right: 60px; }
  .md-close i, .md-close b {
    width: 20px;
    top: 0;
    left: 0;
    height: 3px; }
  .md-close {
    top: 40px;
    right: 10px; } }

@media only screen and (max-width: 500px) {
  #signupmodal h1 {
    padding-right: 20px;
    font-size: 24px; }
  #signupmodal h2 {
    font-size: 20px; }
  .almost2 {
    display: none; } }

@media only screen and (max-width: 400px) {
  #signupmodal select {
    font-size: 15px !important; }
  #signupmodal .datefield {
    margin-bottom: 0px !important; }
    #signupmodal .datefield .subfield {
      display: block; }
    #signupmodal .datefield select {
      margin-bottom: 15px !important; }
    #signupmodal .datefield .spacer {
      display: none; } }

h2.status, h2.status img, h2.status span {
  display: inline-block;
  vertical-align: middle; }

h2.status img {
  margin-right: 15px; }

h2.status span {
  text-transform: uppercase;
  font-size: 20px; }

li.myaccount {
  display: none !important; }

.actionbtn {
  width: 100%;
  vertical-align: middle;
  height: 50px;
  margin-bottom: 10px; }
  .actionbtn a {
    display: inline-block; }
  .actionbtn h3 {
    font-size: 15px;
    margin-bottom: 0px;
    display: inline-block;
    vertical-align: middle;
    width: 160px; }

.ppasearch {
  position: relative; }
  .ppasearch label.error {
    position: absolute;
    top: -20px;
    color: #c00;
    left: 0;
    width: 100%;
    text-transform: uppercase;
    font-size: 14px; }
  .ppasearch input.error {
    border-color: red !important;
    background: rgba(255, 0, 0, 0.2); }
  .ppasearch input, .ppasearch button {
    background: #333;
    color: #fff;
    padding: 15px;
    border: 1px solid #333;
    background: -moz- oldlinear-gradient(bottom, #333 0%, #222 100%);
    background: -o-linear-gradient(bottom, #333 0%, #222 100%);
    background: linear-gradient(to top, #333 0%, #222 100%);
    font-size: 20px; }
  .ppasearch button {
    font-weight: bold;
    background: #333;
    text-transform: uppercase;
    cursor: pointer;
    border-left: 0px;
    font-size: 14px;
    padding: 18px 15px; }

.fraudscore {
  width: 200px;
  height: 20px;
  background: -moz- oldlinear-gradient(left, #111111 0%, #333333 100%);
  background: -o-linear-gradient(left, #111111 0%, #333333 100%);
  background: linear-gradient(to right, #111111 0%, #333333 100%);
  margin-bottom: 25px; }
  .fraudscore .fill {
    width: 200px;
    height: 20px;
    background: -moz- oldlinear-gradient(left, rgba(255, 0, 0, 0.1) 0%, red 100%);
    background: -o-linear-gradient(left, rgba(255, 0, 0, 0.1) 0%, red 100%);
    background: linear-gradient(to right, rgba(255, 0, 0, 0.1) 0%, red 100%); }
  .fraudscore .wrap {
    width: 0px;
    overflow: hidden;
    height: 20px; }

.testpush li {
  margin-bottom: 16px !important; }

.testpush label {
  font-size: 16px;
  cursor: pointer; }

.stampid {
  color: #fff; }

.maplink {
  position: relative; }

.mappreview {
  position: absolute;
  top: -350px;
  left: 0px;
  z-index: 10;
  width: 500px;
  height: 350px;
  background: #333;
  display: none; }

.maplink:hover div {
  display: block; }

.stagenotice {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-transform: uppercase;
  font-family: 'helvetica-bold';
  background: #a00;
  padding: 10px;
  text-align: center;
  z-index: 1000; }

.buttonslist li {
  display: block;
  margin-bottom: 12px; }

.upp3, .upp2 {
  display: none; }

.pplist li {
  font-size: 16px; }

.pplist li > span {
  display: inline-block;
  min-width: 10px;
  color: #bbb; }

.lightpadded td {
  padding: 7px 15px !important; }

.totals li a {
  float: left;
  width: 18%;
  margin-right: 2%;
  display: block;
  padding: 15px 20px 15px;
  border: 1px solid #333;
  background: #333;
  -moz-border-radius: 4px;
       border-radius: 4px;
  line-height: 18px;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  .totals li a:hover {
    background: #444; }
  .totals li a strong {
    font-size: 32px;
    display: block;
    font-family: 'helvetica'; }
  .totals li a span {
    text-transform: uppercase;
    font-size: 10px;
    font-family: 'helvetica-bold'; }

#passgen {
  position: absolute;
  top: 35px;
  right: 10px; }

.adminsub li a {
  padding: 7px 0px !important;
  display: block !important; }

.adminsub li {
  display: block !important; }

input.search {
  font-size: 24px !important;
  padding: 15px;
  background: #111;
  color: #fff;
  border: 0px;
  border-bottom: 1px solid #333;
  background: -moz- oldlinear-gradient(bottom, #333 0%, #222 100%);
  background: -o-linear-gradient(bottom, #333 0%, #222 100%);
  background: linear-gradient(to top, #333 0%, #222 100%); }

.table {
  margin: auto;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 36px;
  border: 1px solid #333;
  -moz-box-shadow: 0px 0px 12px #333;
       box-shadow: 0px 0px 12px #333; }

.table td, .table th {
  padding: 15px 10px; }

table.table thead th {
  color: #fff; }

.table thead td, .table thead th {
  border-bottom: 2px solid #333;
  font-weight: bold !important;
  font-size: 13px;
  background: #222;
  background: -moz- oldlinear-gradient(bottom, #222 0%, #232323 100%);
  background: -o-linear-gradient(bottom, #222 0%, #232323 100%);
  background: linear-gradient(to top, #222 0%, #232323 100%);
  color: #aaa;
  text-transform: uppercase; }

.table tbody td {
  border-bottom: 1px solid #333;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-size: 14px;
  color: #aaa;
  background: rgba(0, 0, 0, 0.5); }

.table.borders tbody td {
  border-right: 1px solid #333; }

.table tbody tr {
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  .table tbody tr.pass {
    background: lightgreen; }
  .table tbody tr.fail {
    background: #A11; }

.table tbody tr:hover {
  background: rgba(0, 0, 0, 0.9); }

.table tbody tr:hover td {
  color: #fff !important; }

.table tbody tr.highlightrow {
  background: rgba(255, 255, 255, 0.2); }

.admin-nav ul {
  margin-right: 20px;
  text-align: center; }
  .admin-nav ul li {
    display: inline-block;
    padding: 0px 5px; }
    .admin-nav ul li a {
      display: inline-block;
      padding: 5px 10px;
      border: 0px; }
    .admin-nav ul li a.active {
      color: #fff;
      background: #94f2ff;
      color: #000; }
  @media only screen and (max-width: 1080px) {
    .admin-nav ul {
      display: block;
      clear: both;
      text-align: left;
      float: none; }
      .admin-nav ul li {
        display: block;
        clear: both; } }

.upp-pager span {
  min-width: 10px;
  font-size: 12px; }

.upp-pager span.btn-main {
  color: #fff;
  background: #333;
  border: 0px;
  border-bottom: 1px solid #333;
  padding: 5px 10px;
  margin-right: 4px;
  font-size: 13px;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

.upp-pager a {
  border: 0px;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 13px; }

.upp-pager a.next {
  display: inline-block;
  margin-left: 15px; }

.upp-pager a.prev {
  display: inline-block;
  margin-right: 15px; }

.upp-pager a.next, .upp-pager a.prev {
  font-size: 11px;
  background: rgba(0, 0, 0, 0.8); }

.upp-pager span.dots {
  padding: 10px;
  margin-right: 5px; }

.upp-pager a.current, .upp-pager span.dots, .upp-pager a {
  min-width: 10px; }

.upp-pager a.current span, .upp-pager a:hover span.btn-main {
  color: #000 !important;
  background: #fff; }

.user-profile-edit {
  display: none; }

.history li {
  color: #ccc;
  font-size: 14px;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  .history li span {
    color: #999;
    font-size: 14px;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
  .history li strong, .history li em {
    color: #fff;
    font-weight: bold; }
  .history li em {
    color: #fff;
    font-weight: bold; }
  .history li:hover {
    color: #fff !important; }
  .history li:hover span {
    color: #ccc !important; }

.hiddenRow {
  display: none !important; }

.addpoints {
  clear: both;
  width: 100%;
  padding-bottom: 1px;
  margin: 0;
  overflow: hidden; }
  .addpoints form {
    overflow: hidden; }

.btncanceldemo {
  display: inline-block;
  padding: 0px 10px;
  cursor: pointer; }

.canceldemo {
  width: 100%;
  margin: 0;
  overflow: hidden; }

.pos {
  background: -moz- oldlinear-gradient(left, lightgreen, black);
  background: -o-linear-gradient(left, lightgreen, black);
  background: linear-gradient(to right, lightgreen, black);
  background: lightgreen !important; }
  .pos strong {
    color: #000; }

.positive {
  background: -moz- oldlinear-gradient(bottom right, rgba(25, 25, 25, 0.8) 0%, rgba(50, 50, 50, 0.99) 100%) !important;
  background: -o-linear-gradient(bottom right, rgba(25, 25, 25, 0.8) 0%, rgba(50, 50, 50, 0.99) 100%) !important;
  background: linear-gradient(to top left, rgba(25, 25, 25, 0.8) 0%, rgba(50, 50, 50, 0.99) 100%) !important; }
  .positive strong {
    color: #000; }

.neg {
  background: darkred !important;
  color: #fff; }

.exp {
  background: lightblue !important; }
  .exp strong {
    color: #000 !important; }

.legend-box {
  display: inline-block;
  height: 13px;
  width: 13px; }

.pusheventoptions li {
  clear: both;
  display: block; }
  .pusheventoptions li strong {
    padding: 10px 0px;
    display: inline-block; }

/* Dashboard ======================================================================================= */
.content #dashboard strong {
  color: #fff; }

#uppcontent .myitems .btn-lg {
  padding: 12px 5px; }

.vc {
  vertical-align: middle; }

.iblock {
  display: inline-block !important; }

#dashboard strong {
  color: #fff; }

.upname {
  font-size: 23px;
  margin-bottom: 4px; }

.darktext {
  font-size: 14px;
  color: #a8a8a8 !important;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

.darktitle {
  font-size: 16px !important;
  color: #a8a8a8 !important;
  margin-bottom: 24px;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

.upid {
  font-size: 21px; }

.uppoints {
  font-size: 36px; }

.uplist li {
  margin-bottom: 16px; }

.uplist span {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  color: #a8a8a8;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

.uplist strong {
  font-family: 'helvetica';
  font-size: 18px;
  display: block;
  margin-bottom: 6px; }

.uplevelbox {
  line-height: 150%;
  border-right: 1px solid #4a4b4c;
  padding-right: 20px;
  margin-right: 18px; }

.uplevel {
  font-size: 21px !important;
  text-transform: uppercase;
  padding-left: 5px; }

.uicon img {
  width: 20px;
  height: auto;
  display: block; }

.unlock {
  font-size: 10px !important;
  color: #6d6d6d !important;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

.iblock {
  display: inline-block; }

.uicon2 {
  position: absolute;
  top: 0px;
  left: 0px; }

/* 
.upphead:hover .unlock,
.upphead:hover .darktext,
.main-dash:hover .uplist span,
.main-dash:hover h2.darktitle {
  color:#fff !important;
} */
#dashboard .homelogo {
  opacity: .8;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

#dashboard .main-dash:hover .homelogo {
  opacity: .99; }

.progress {
  padding-bottom: 30px; }

.progress-bar {
  position: relative;
  width: 94%;
  margin-top: 10px; }

.progress-bar .level {
  width: 32.5%;
  position: relative; }

.progress-bar span {
  position: absolute;
  top: -18px;
  right: 0px;
  text-transform: uppercase; }

.progress-bar em {
  position: absolute;
  top: -18px;
  left: 0px;
  font-style: normal; }

.progress-bar .bar {
  width: 100%;
  height: 8px; }

.progress-bar .fill {
  width: 0%;
  height: 8px;
  position: relative;
  -o-transition: all 2500ms ease-out;
  -moz-transition: all 2500ms ease-out;
  transition: all 2500ms ease-out; }

.progress-bar .level-spacer {
  width: 1.25%;
  height: 8px;
  background: #2d2d2d; }

.silver .bar {
  background: #484747; }

.silver .fill {
  background: #afabab; }

.gold .bar {
  background: #3e3933; }

.gold .fill {
  background: #9e8e66; }

.platinum .bar {
  background: #525658; }

.platinum .fill {
  background: #cae6fc; }

.darkgold {
  color: #5e5243; }

.darksilver {
  color: #484747; }

.darkplatinum {
  color: #bcc2c5; }

.levelname {
  opacity: 1;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

.progress:hover .levelname, .levelname.active {
  opacity: 1; }

.pubtable tbody td {
  vertical-align: middle; }

.meter {
  position: absolute;
  bottom: 0px;
  right: 0px;
  height: 40px;
  width: 1px;
  background: rgba(255, 255, 255, 0.2); }

.meter i {
  height: 5px;
  width: 5px;
  display: block;
  position: absolute;
  top: -5px;
  right: -2px;
  background: #fff;
  -moz-border-radius: 7px;
       border-radius: 7px; }

#ppnav {
  overflow: hidden;
  margin-bottom: 24px; }
  #ppnav li {
    display: block;
    float: left;
    margin-right: 5px;
    color: #ccc; }
    #ppnav li a {
      display: block;
      text-transform: uppercase;
      font-size: 12px;
      text-align: center;
      cursor: pointer;
      font-family: 'helvetica-bold';
      padding: 10px 25px;
      color: #ccc;
      background: #222;
      -o-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
      #ppnav li a:hover {
        color: #ffffff !important;
        background: #444; }
      #ppnav li a.active {
        background: #ffffff;
        cursor: default;
        color: #000 !important; }
        #ppnav li a.active b {
          color: #000 !important; }

.qtable p {
  margin-bottom: 0px !important; }

.small-text {
  font-size: 11px !important;
  text-transform: uppercase;
  color: #ccc; }

.qtable td span {
  text-transform: uppercase;
  font-family: 'helvetica-bold'; }

#ledger .entry:nth-child(3n + 1) {
  clear: both; }

#ledger .entry:nth-child(3n) {
  margin-right: 0%; }

#ledger .entry {
  display: block;
  float: left;
  width: 32.5%;
  margin-right: 1.25%;
  border: 1px solid rgba(15, 15, 15, 0.99);
  background: -moz- oldlinear-gradient(bottom right, rgba(25, 25, 25, 0.8) 0%, rgba(50, 50, 50, 0.99) 100%);
  background: -o-linear-gradient(bottom right, rgba(25, 25, 25, 0.8) 0%, rgba(50, 50, 50, 0.99) 100%);
  background: linear-gradient(to top left, rgba(25, 25, 25, 0.8) 0%, rgba(50, 50, 50, 0.99) 100%);
  padding: 25px;
  margin-bottom: 1.25%; }
  #ledger .entry .amount {
    font-size: 24px; }

#ledger .deletedpoints {
  background: -moz- oldlinear-gradient(bottom right, rgba(42, 0, 0, 0.8) 0%, rgba(88, 0, 0, 0.99) 100%);
  background: -o-linear-gradient(bottom right, rgba(42, 0, 0, 0.8) 0%, rgba(88, 0, 0, 0.99) 100%);
  background: linear-gradient(to top left, rgba(42, 0, 0, 0.8) 0%, rgba(88, 0, 0, 0.99) 100%); }

#ledger .lbreak3 {
  margin: 10px 0 14px !important; }

#ledger .mb2 {
  margin: 14px 0 10px !important; }

@media only screen and (max-width: 1080px) {
  #dashboard .main-dash .homelogo {
    opacity: .99; }
  .myitems a {
    display: inline-block;
    max-width: 175px; }
  .dtitle {
    margin-bottom: 12px !important; }
  #ppnav li {
    width: 24%;
    background: #222;
    margin-right: 1%; }
    #ppnav li a {
      padding: 10px 0; }
  #ledger .entry {
    width: 48%;
    margin-right: 2%;
    margin-bottom: 2%; } }

@media only screen and (min-width: 769px) {
  .mobile-only {
    display: none !important; }
  .pubtable td p, .qtable td p {
    font-size: 15px !important; }
  .qtable td strong {
    font-size: 17px !important; } }

@media only screen and (max-width: 768px) {
  .tablet-desktop {
    display: none !important; }
  .rs100-mobile {
    float: none !important;
    width: 100%; }
  .progress-bar {
    width: 100%; }
  .status-block {
    float: left;
    padding-top: 20px;
    padding-bottom: 15px; }
  .points-block {
    float: right;
    padding-top: 17px;
    padding-bottom: 15px; }
  .unlock {
    width: 100%;
    background: #222;
    margin: 36px 0px 25px;
    padding: 10px;
    text-align: center;
    font-size: 12px !important;
    text-transform: uppercase;
    color: #ccc !important; }
  .statuslabel {
    margin-right: 6px; }
  .uppoints {
    font-size: 27px; }
  .rs100-mid {
    width: 100%;
    float: none; } }

@media only screen and (max-width: 600px) {
  #ppnav li {
    width: 49%;
    margin-right: 1%;
    margin-bottom: 3px; }
  #ledger .entry {
    width: 100%;
    margin-right: 0%; } }

@media only screen and (max-width: 420px) {
  .tiny-hide {
    display: none !important;
    visibility: hidden; }
  .rs100-tiny {
    width: 100%;
    float: none; }
  .status-block {
    float: left;
    padding-top: 0px;
    padding-bottom: 5px; }
  .points-block {
    float: right;
    padding-top: 5px;
    padding-bottom: 20px; }
  .myitems a {
    max-width: 130px;
    padding: 12px 2px;
    margin-right: 5px; }
  .mr0tiny {
    margin-right: 0px !important; } }

/* Globals ======================================================================================= */
.pubtable tbody td p {
  font-size: 15px;
  margin: 0px;
  line-height: 1.5em; }

.pubtable span {
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 24px 24px;
    -o-background-size: 24px 24px;
       background-size: 24px 24px;
  margin: auto; }

span.uicon {
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 24px 24px;
    -o-background-size: 24px 24px;
       background-size: 24px 24px;
  margin: auto; }

span.silveru {
  background-image: url("https://assets.ultramusicfestival.com/passport/img/silver-u.png"); }

span.goldu {
  background-image: url("https://assets.ultramusicfestival.com/passport/img/gold-u.png"); }

span.platinumu {
  background-image: url("https://assets.ultramusicfestival.com/passport/img/platinum-u.png"); }

/* Globals ======================================================================================= */
.points-title {
  font-family: 'armlo';
  font-size: 20px; }

.npmeter {
  background: lightgreen;
  width: 100%;
  height: 30px;
  margin: 0 0 20px;
  background: -moz- oldlinear-gradient(left, rgba(170, 0, 0, 0.7) 0%, #aa0000 100%);
  background: -o-linear-gradient(left, rgba(170, 0, 0, 0.7) 0%, #aa0000 100%);
  background: linear-gradient(to right, rgba(170, 0, 0, 0.7) 0%, #aa0000 100%); }

#uppcontent .pointsearnedtitle {
  font-family: 'aux';
  font-size: 14px;
  margin-bottom: 0px !important;
  padding-top: 30px; }

#uppcontent .newpoints {
  font-size: 50px;
  margin-bottom: 0px;
  font-family: 'armlo';
  line-height: 100%; }

#uppcontent .newpointsreason {
  margin-bottom: 24px;
  text-transform: uppercase; }

.npb-header {
  width: 505px;
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 20px; }
  .npb-header span.uicon {
    width: 24px; }
  .npb-header #numcount {
    display: inline-block;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    line-height: 100%;
    margin-top: 3px; }

#npb {
  width: 510px;
  max-width: 100%;
  overflow: hidden; }
  #npb i {
    display: block;
    float: left;
    height: 36px;
    width: 3px;
    margin-right: 2px;
    background: #333;
    position: relative; }
  #npb b {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0px;
    width: 100%;
    background: lightgreen;
    -moz-box-shadow: 0px 0px 2px #ccc;
         box-shadow: 0px 0px 2px #ccc;
    -o-transition: height 0.4s cubic-bezier(1, 0, 0, 1), opacity 0.4s ease-out;
    -moz-transition: height 0.4s cubic-bezier(1, 0, 0, 1), opacity 0.4s ease-out;
    transition: height 0.4s cubic-bezier(1, 0, 0, 1), opacity 0.4s ease-out;
    opacity: 1; }
  #npb .count b {
    height: 36px;
    opacity: 1; }

@media only screen and (max-width: 700px) {
  .npb-header {
    width: 100%; }
  #npb i {
    width: 2px;
    margin-right: 1px; } }

#numcount {
  font-family: 'helvetica-bold';
  font-size: 16px;
  display: block; }

#tmobile {
  background: #000;
  z-index: 1000;
  text-align: center;
  cursor: pointer; }
  #tmobile .top {
    background: #e4097e;
    text-align: center;
    padding-bottom: 0px; }
  #tmobile .logo {
    display: block;
    padding: 50px 0px;
    margin: auto;
    width: 300px;
    left: 5px;
    position: relative; }
  #tmobile .wifi {
    width: 210px;
    display: block;
    margin: auto;
    padding-bottom: 20px;
    position: relative;
    left: -3px; }
  #tmobile a.connect {
    font-family: 'armlo';
    font-size: 36px;
    display: block;
    padding: 5px;
    margin: 30px auto;
    background: #e4097e;
    max-width: 100%;
    margin: auto;
    max-width: 260px;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
    cursor: pointer; }
    #tmobile a.connect:hover {
      background: #fff;
      color: #e4097e; }
  #tmobile .unleashed {
    font-family: 'armlo';
    font-size: 52px;
    display: block;
    padding: 5px;
    margin: 30px auto;
    background: #000;
    max-width: 100%;
    margin: auto;
    max-width: 260px;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
    cursor: pointer; }
    #tmobile .unleashed:hover {
      background: #fff;
      color: #e4097e; }
  #tmobile img {
    max-width: 100%; }
  #tmobile .bot {
    clear: both;
    padding-top: 70px;
    width: 100%; }
  #tmobile .tmgraphic {
    display: block;
    margin: auto;
    position: relative;
    top: -87px;
    top: 30px;
    height: 100px;
    width: 100%;
    background: url("https://ultramusicfestival.com/wp-content/uploads/2017/03/t-mobile-graphic.png") top center no-repeat; }
  #tmobile .tmulogo {
    display: block;
    margin: auto;
    width: 175px;
    position: relative;
    margin: 40px auto;
    clear: both; }

/* Resistance Ibiza ======================================================================================= */
.xlbutton {
  font-size: 21px  !important;
  font-family: 'auxblk' !important; }
  @media only screen and (max-width: 420px) {
    .xlbutton {
      font-size: 15px !important; } }

p.reqtext {
  display: block;
  text-align: center;
  text-transform: uppercase;
  padding-top: 25px;
  clear: both;
  font-size: 10px !important; }

#concierge-form select:focus, #concierge-form select:active, #concierge-form select:hover {
  color: #000 !important;
  background: #fff !important;
  border-bottom: 1px solid #fff !important; }

#concierge ol > li {
  margin-bottom: 40px !important;
  font-size: 14px;
  padding-right: 0px; }

#concierge .error-output {
  padding: 10px;
  border: 1px solid #8ed6ff;
  background: #8ed6ff;
  color: #fff;
  margin-bottom: 20px; }

#concierge label {
  text-transform: uppercase;
  font-family: 'aux';
  color: #999; }

#concierge label.error {
  color: #8ed6ff;
  display: block;
  padding-top: 10px;
  clear: both;
  font-size: 12px; }

#concierge li.quiz label.error {
  padding-top: 30px !important; }

#concierge input.error, #concierge select.error {
  border-color: red !important; }

#concierge li.checkbox {
  margin-bottom: 50px !important; }
  #concierge li.checkbox span {
    padding-bottom: 15px;
    display: block; }
  #concierge li.checkbox label.checkbox {
    display: block;
    cursor: pointer; }
    #concierge li.checkbox label.checkbox input {
      display: block;
      float: left;
      width: auto;
      top: auto !important; }
    #concierge li.checkbox label.checkbox i {
      display: block;
      float: left;
      font-family: 'auxblk';
      font-style: normal;
      color: #8ed6ff;
      padding-left: 10px;
      -o-transition: .2s color linear;
      -moz-transition: .2s color linear;
      transition: .2s color linear; }
    #concierge li.checkbox label.checkbox:hover i {
      color: #fff; }

.clearfix2 {
  clear: both; }

.clearfix2::after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

/*
.sjd img { position: relative; z-index: 10; transition: .3s ease-out;}
.sjd img.sjd2 { position: absolute; top: 4px; left: 0px; z-index: 20; opacity: 0}
.sjd a:hover img.sjd2 { opacity: 1; }
*/
a.re18-btn, div.schedule div.event a.blue-outline-btn {
  padding: 5px 12px;
  font-family: 'din';
  font-weight: normal;
  font-size: 20px; }
  a.re18-btn span, div.schedule div.event a.blue-outline-btn span {
    font-size: 18px; }

html body #uppcontent .upp-events a.re18-btn {
  font-size: 22px !important;
  padding: .4em 0 !important;
  vertical-align: middle; }
  html body #uppcontent .upp-events a.re18-btn span {
    font-size: 22px; }

div.schedule {
  width: 960px;
  margin: 0 auto 36px;
  max-width: 100%;
  padding: 0px 30px; }
  div.schedule .playdifferent, div.schedule .drumcode {
    width: 200px;
    display: inline-block; }
    div.schedule .playdifferent img, div.schedule .drumcode img {
      width: 200px;
      max-width: none !important;
      height: auto;
      display: block; }
      @media only screen and (min-width: 500px) {
        div.schedule .playdifferent img, div.schedule .drumcode img {
          position: absolute;
          bottom: 0px;
          left: 0px; } }
  div.schedule div.event {
    text-align: left;
    margin-bottom: 24px;
    position: relative;
    max-width: 100%;
    padding: 5px;
    padding-bottom: 20px;
    margin-bottom: 50px;
    color: #8ed6ff;
    border-bottom: 1px solid rgba(128, 139, 161, 0.3); }
    div.schedule div.event:nth-child(odd) {
      clear: both;
      overflow: hidden; }
    div.schedule div.event i.dates {
      font-size: 23px; }
      div.schedule div.event i.dates span {
        font-style: normal;
        font-size: 23px;
        display: inline-block;
        color: #000;
        background: #c6dfff;
        padding: 2px 8px;
        margin-right: 15px;
        margin-bottom: 12px; }
      div.schedule div.event i.dates em {
        font-style: normal;
        font-size: 23px;
        letter-spacing: 2px;
        color: #fff;
        position: relative; }
    div.schedule div.event h2 {
      font-size: 28px;
      font-family: 'din';
      text-transform: uppercase;
      margin: 0px;
      color: #99c1ff; }
    div.schedule div.event h3 {
      font-size: 21px;
      margin: 0;
      text-transform: uppercase;
      color: #99c1ff;
      clear: both;
      font-family: 'din'; }
    div.schedule div.event .linespacer {
      margin: 24px 0 24px;
      width: 90%;
      height: 1px;
      background: #818284;
      border-top: 1px solid #323236; }
      div.schedule div.event .linespacer:before {
        content: ' ';
        display: block;
        background: #fff;
        height: 1px;
        position: relative;
        width: 18px; }
      @media only screen and (min-width: 980px) {
        div.schedule div.event .linespacer:before {
          left: -25px; } }
    div.schedule div.event .flyer {
      position: relative;
      max-width: 100%;
      -webkit-backface-visibility: hidden;
      -webkit-transform-style: preserve-3d;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-backface-visibility: hidden;
           backface-visibility: hidden;
      -moz-transform-style: preserve-3d;
           transform-style: preserve-3d;
      -moz-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0);
      -o-transition: opacity .2s ease-out, border .2s ease-out;
      -moz-transition: opacity .2s ease-out, border .2s ease-out;
      transition: opacity .2s ease-out, border .2s ease-out;
      padding-right: 35px; }
      div.schedule div.event .flyer .flyerzoom {
        display: none; }
      div.schedule div.event .flyer a {
        display: block; }
      @media only screen and (min-width: 980px) {
        div.schedule div.event .flyer {
          opacity: .8;
          top: -25px; }
          div.schedule div.event .flyer:hover {
            opacity: 1; } }
      @media only screen and (max-width: 980px) {
        div.schedule div.event .flyer {
          width: 500px;
          padding-top: 30px; } }
      @media only screen and (min-width: 1024px) {
        div.schedule div.event .flyer .flyerzoom {
          position: absolute;
          top: 0;
          right: 0px;
          display: block;
          padding: 15px 0 10px;
          border-top: 1px solid rgba(255, 255, 255, 0.7);
          border-bottom: 1px solid rgba(255, 255, 255, 0.7); } }
    div.schedule div.event .slist {
      margin-bottom: 36px;
      clear: both;
      overflow: hidden; }
    div.schedule div.event .slist li {
      display: block; }
    div.schedule div.event .slist span.subtitle, div.schedule div.event .slist li {
      font-size: 75%;
      text-transform: uppercase;
      font-size: 20px;
      line-height: 150%;
      font-family: 'din';
      color: #b4b4b6;
      letter-spacing: 1px; }
    div.schedule div.event .slist a {
      color: #fff;
      font-size: 28px;
      line-height: 150%;
      font-family: 'din';
      letter-spacing: 1px;
      text-transform: uppercase;
      cursor: pointer;
      -o-transition: color .2s ease-out;
      -moz-transition: color .2s ease-out;
      transition: color .2s ease-out;
      font-style: normal; }
      div.schedule div.event .slist a:hover {
        color: #fff; }
    div.schedule div.event .action a {
      font-size: 14px; }
    div.schedule div.event .action a:hover {
      color: #000 !important; }
  div.schedule .type {
    position: absolute;
    top: 50px;
    right: 50px;
    color: #fff !important; }
  @media only screen and (max-width: 1080px) {
    div.schedule .type {
      position: relative;
      top: 0px;
      right: 0px;
      margin-bottom: 12px; } }
  @media only screen and (max-width: 780px) {
    div.schedule .elist {
      width: 100%;
      float: none; } }
  div.schedule .re-ticket {
    margin-bottom: 24px;
    padding: 0px;
    position: relative; }
    div.schedule .re-ticket a {
      display: block;
      overflow: hidden; }
      div.schedule .re-ticket a span {
        display: block;
        float: left;
        -o-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        transition: all .3s ease-out;
        line-height: 32px;
        -moz-box-sizing: content-box;
             box-sizing: content-box;
        height: 33px; }
      div.schedule .re-ticket a .description {
        padding: 1px 20px;
        border: 1px solid #5da2f9;
        border-left: 5px solid #5da2f9;
        border-right: 2px solid #5da2f9;
        color: #8ed6ff;
        font-family: 'auxblk';
        font-size: 14px;
        min-width: 100px; }
      div.schedule .re-ticket a .price {
        background: #5da2f9;
        padding: 2px 15px;
        font-size: 18px;
        color: #000;
        font-family: 'auxblk'; }
      div.schedule .re-ticket a .action {
        background: #5a5b60;
        padding: 2px 15px 2px;
        font-size: 16px;
        text-transform: uppercase;
        font-family: 'auxblk';
        color: #000; }
    div.schedule .re-ticket:hover .description {
      background: #5da2f9;
      border-color: #5da2f9;
      color: #fff; }
    div.schedule .re-ticket:hover .action {
      color: #fff; }
    @media only screen and (max-width: 650px) {
      div.schedule .re-ticket a {
        display: block;
        overflow: hidden;
        text-align: center; }
        div.schedule .re-ticket a span {
          width: 100%;
          text-align: center;
          -moz-box-sizing: border-box;
               box-sizing: border-box;
          border-width: 2px;
          height: auto; }
        div.schedule .re-ticket a .description {
          border: 2px solid #b90f10 !important; } }

h3.alorder {
  text-align: left;
  font-size: 11px;
  margin-bottom: 24px;
  letter-spacing: 1px;
  font-weight: normal;
  text-transform: uppercase;
  font-family: 'dinalt';
  padding: 5px; }

.week-nav {
  text-align: center;
  width: 960px;
  max-width: 100%;
  margin: auto;
  padding-bottom: 40px;
  display: block;
  font-size: 0; }
  .week-nav li {
    display: inline-block;
    width: 11.11111111%;
    padding: 5px; }
    @media only screen and (max-width: 700px) {
      .week-nav li {
        width: 32%; }
        .week-nav li.all {
          display: none; } }
    @media only screen and (max-width: 370px) {
      .week-nav li {
        width: 45%; }
        .week-nav li.all {
          display: inline-block; } }
    .week-nav li a {
      display: block;
      padding: 7px 1px;
      border: 1px solid rgba(153, 193, 255, 0.5);
      background: rgba(153, 193, 255, 0.1);
      text-transform: uppercase;
      font-family: 'din';
      font-size: 21px;
      cursor: pointer;
      -o-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
      .week-nav li a:hover {
        border: 1px solid #99c1ff;
        background: rgba(153, 193, 255, 0.3); }
      .week-nav li a.active {
        border: 1px solid #99c1ff;
        background: #99c1ff;
        color: #000; }

.btn-reset {
  text-transform: uppercase;
  font-family: 'armlo';
  font-size: 15px; }

.re-toggle {
  margin: auto;
  display: block;
  text-align: center;
  width: 400px;
  margin-bottom: 40px;
  overflow: hidden; }
  .re-toggle a {
    display: block;
    float: left;
    padding: 7px 15px;
    background: #333;
    width: 200px;
    text-transform: uppercase;
    font-family: 'auxblk';
    font-size: 15px;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
  .re-toggle .active {
    background: #8ed6ff;
    color: #000; }

.phase2 .dates {
  position: relative;
  font-family: 'din';
  color: #8ed6ff;
  font-size: 42px;
  text-transform: uppercase;
  line-height: 100%; }
  .phase2 .dates span {
    display: block;
    font-size: 34px; }

.realist {
  text-align: center;
  width: 945px;
  max-width: 100%;
  margin: 0 auto 50px; }
  .realist.single li i {
    display: none !important; }
  .realist.single li {
    display: block; }
  .realist li {
    display: inline-block;
    padding: 0px 5px 0 0;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
  .realist li.waff a {
    text-transform: none !important; }
  .realist .removed {
    width: 0px;
    height: 0px;
    padding: 0px;
    margin: 0px;
    overflow: hidden; }
  .realist .shown {
    width: auto;
    height: auto; }
  .realist .removed a, .realist .removed i {
    opacity: .15; }
  .realist .shown a, .realist .shown i {
    opacity: 1; }
  @media only screen and (max-width: 768px) {
    .realist li {
      display: block; }
    .realist i {
      display: none; } }
  .realist i {
    position: relative;
    font-family: 'aux';
    color: #8ed6ff;
    font-size: 40px;
    -o-transition: color .2s ease-out,  opacity .2s ease-out;
    -moz-transition: color .2s ease-out,  opacity .2s ease-out;
    transition: color .2s ease-out,  opacity .2s ease-out; }
  .realist strong {
    font-size: 15px;
    font-family: 'auxblk';
    display: block;
    color: #dc050a; }
  .realist a {
    position: relative;
    font-family: 'auxblk';
    color: #dc050a;
    font-size: 40px;
    text-transform: uppercase;
    cursor: pointer;
    -o-transition: color .2s ease-out,  opacity .2s ease-out;
    -moz-transition: color .2s ease-out,  opacity .2s ease-out;
    transition: color .2s ease-out,  opacity .2s ease-out;
    line-height: 120%; }
    .realist a em {
      font-size: 12px;
      font-family: 'auxblk';
      font-style: normal; }
    .realist a span.thumb {
      opacity: 0;
      position: absolute;
      bottom: 30px;
      left: -100000px;
      -o-transition: opacity .2s ease-out;
      -moz-transition: opacity .2s ease-out;
      transition: opacity .2s ease-out;
      z-index: 1000;
      width: img;
        width-display: block;
        width-box-shadow: 0px 0px 24px rgba(93, 162, 249, 0.5); }
    .realist a span.dates {
      opacity: 0;
      position: absolute;
      bottom: 40px;
      left: -100000px;
      -o-transition: opacity .2s ease-out;
      -moz-transition: opacity .2s ease-out;
      transition: opacity .2s ease-out;
      z-index: 1000; }
    .realist a:hover {
      color: #fff; }
      .realist a:hover span {
        opacity: 1;
        left: 0px; }

@media only screen and (min-width: 769px) {
  .all li.darken a, .all li.darken i {
    color: #ad0907; }
  .all li.darken a:hover {
    color: #fff; } }

.realist2 a {
  font-size: 30px; }
  @media only screen and (max-width: 1050px) {
    .realist2 a {
      font-size: 30px; } }

.realist3 a {
  font-size: 30px;
  font-family: 'aux'; }
  @media only screen and (max-width: 1050px) {
    .realist3 a {
      font-size: 25px;
      line-height: 140%; } }

#artistsmodal .md-close i, #artistsmodal .md-close b {
  background: #8ed6ff; }

#artistsmodal h2 {
  font-family: 'din';
  text-transform: uppercase;
  font-size: 32px;
  color: #8ed6ff;
  margin-bottom: 12px; }

#artistsmodal .thumb {
  overflow: hidden; }

#artistsmodal .socials li {
  display: inline-block; }
  #artistsmodal .socials li a {
    font-size: 18px;
    display: block;
    padding: 5px;
    color: #5a5b60;
    -o-transition: color .2s ease-out;
    -moz-transition: color .2s ease-out;
    transition: color .2s ease-out; }
    #artistsmodal .socials li a:hover {
      color: #8ed6ff; }

#artistsmodal .info a {
  text-transform: uppercase;
  font-family: 'auxblk';
  margin-bottom: 12px;
  -o-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out; }

#artistsmodal .info {
  margin-bottom: 36px; }

.rb .re-info {
  margin-top: 50px; }

@media only screen and (min-width: 541px) {
  .tinyshow {
    display: none; } }

@media only screen and (max-width: 540px) {
  .tinyshow {
    display: block; } }

.rb .re-info div.info {
  padding-top: 355px; }
  @media only screen and (max-width: 800px) {
    .rb .re-info div.info {
      padding-top: 50%; } }
  @media only screen and (max-width: 420px) {
    .rb .re-info div.info {
      padding-top: 60%; } }
  .rb .re-info div.info .top-dates {
    display: block;
    margin-bottom: 10px; }

.top-dates {
  font-size: 36px;
  font-family: 'auxblk';
  color: #8ed6ff;
  line-height: 120%;
  font-weight: normal; }
  .top-dates span {
    display: block;
    font-size: 30px;
    text-transform: uppercase; }

.new-dates {
  color: #8ed6ff;
  font-family: 'auxblk';
  font-size: 12px;
  letter-spacing: 1px; }

.newseeker img {
  display: block;
  margin: auto; }

.re-contact {
  position: relative;
  z-index: 100;
  background: url("https://resistanceibiza.com/wp-content/uploads/2017/04/blocks.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  padding: 50px; }
  @media only screen and (max-width: 500px) {
    .re-contact {
      padding: 25px; } }

.re-form li {
  overflow: hidden; }

.re-form li.department, .re-form li.phone {
  overflow: visible; }

.re-nav #nav li.wpml-ls-menu-item a {
  opacity: .5; }

.re-nav #nav li.wpml-ls-menu-item:hover a {
  opacity: 1; }

.re-nav #nav li.wpml-ls-current-language a {
  opacity: 1; }

.re-nav #nav li a {
  padding: 10px 16px;
  text-transform: capitalize;
  font-size: 16px;
  font-family: 'auxblk';
  /*
          -webkit-font-smoothing: antialiased;
          font-smoothing: antialiased;
          transform: perspective(1px) scale(1.1); */ }

#nav li.retix {
  margin-right: 15px !important; }

#nav li.retix > a {
  color: #fff !important; }

.re-nav #nav li:hover > a, .re-nav #nav li a:hover, .re-nav #nav ul li:hover > a {
  color: #fff; }

.re-nav #nav li.current-page-ancestor > a, .re-nav #nav li.current_page_parent > a, .re-nav #nav li.current-menu-item > a, .re-nav #nav li.current_page_parent > a, .re-nav #nav li.current-menu-item > a {
  color: #fff !important;
  cursor: default !important; }

#header.scrolled .re-nav #nav > ul > li a {
  font-size: 13px !important;
  padding: 5px 16px !important; }

.rb #ppnav {
  overflow: hidden;
  margin-bottom: 24px;
  display: none; }
  .rb #ppnav li a:hover {
    color: #ffffff !important;
    background: #444; }
  .rb #ppnav li a.active {
    background: #8ed6ff;
    cursor: default;
    color: #000 !important; }
    .rb #ppnav li a.active b {
      color: #000 !important; }

.re-nav li.retix > a {
  color: #fff !important;
  border: 1px solid #8ed6ff;
  background: rgba(142, 214, 255, 0.2); }

.re-nav li.retix > a:hover {
  background: #8ed6ff;
  border: 1px solid rgba(142, 214, 255, 0.5);
  color: #000; }

.re-nav li.retix > a:active {
  color: #fff;
  border: 1px solid rgba(142, 214, 255, 0.5);
  background: rgba(142, 214, 255, 0.7); }

.re-nav #nav li.current-menu-item.retix > a {
  background: #8ed6ff;
  color: #000 !important; }

.re-nav #nav li.retix > a:hover {
  color: #000 !important; }

#mnav li.current-page-ancestor > a,
#mnav li.current_page_parent > a,
#mnav li.current-menu-item > a,
#mnav li.current_page_parent > a,
#mnav li.current-menu-item > a {
  color: #8ed6ff !important;
  font-family: 'helvetica-bold'; }

.re-logo3 {
  position: relative;
  top: 0px;
  -o-transition: .2s all ease-out;
  -moz-transition: .2s all ease-out;
  transition: .2s all ease-out; }

body.scrolled .re-top {
  background: -moz- oldlinear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: rgba(0, 0, 0, 0.7);
  padding-top: 25px;
  height: 85px; }
  body.scrolled .re-top .re-logo3 {
    position: relative;
    top: -25px; }
  body.scrolled .re-top #nav {
    top: 22px; }

@media only screen and (min-width: 1081px) {
  body.scrolled .rb #header #upp-header {
    top: 14px;
    right: 48px; }
    body.scrolled .rb #header #upp-header ul {
      padding: 0px; } }

@media only screen and (max-width: 1080px) {
  #concierge li.recheck {
    margin-bottom: 15px !important; }
  .re-top {
    height: 80px; }
  .rb #oc span {
    background: #8ed6ff; }
  .rb #header #upp-header {
    position: absolute;
    top: 28px;
    right: 80px; }
  body.scrolled .rb #header #upp-header ul {
    padding-top: 0px  !important; }
  .resisglitch {
    padding: 25px 25px 0px; }
  li.retix > a {
    background: none !important;
    border: 0px !important; }
  .newrebg > #re-gif2 {
    top: 0px !important; } }

@media only screen and (max-width: 600px) {
  .rebg22 .newseeker {
    padding-top: 40px !important; }
  .newrebg > #re-gif2 {
    top: 30px !important; }
  #re-artists2 {
    padding-top: 250px !important; } }

@media only screen and (max-width: 400px) {
  .newrebg > #re-gif2 {
    top: 0px !important; }
  #re-artists2 {
    padding-top: 200px !important; } }

@media only screen and (max-width: 480px) {
  .rb #header #upp-header {
    display: none !important; }
  .resisglitch {
    width: 300px; } }

.rb #header #oc {
  margin-top: 7px; }

#wrapper-all.rb {
  margin-bottom: -29em; }

#wrapper-all.rb #wrapper-content {
  padding-bottom: 29em; }

.re-footer {
  height: 29em;
  z-index: 1000;
  text-align: center; }

.re-footer #recountdown {
  height: 155px;
  padding: 30px 10px; }

@media only screen and (max-width: 490px) {
  .re-footer #recountdown {
    padding: 20px 10px;
    height: 125px; }
    .re-footer #recountdown .count-top {
      display: none; }
    .re-footer #recountdown .counter {
      width: 30px;
      font-size: 25px; }
    .re-footer #recountdown .rspacer {
      top: -2px;
      width: 10px; }
    .re-footer #recountdown .count-bottom span {
      width: 68px;
      font-size: 12px; } }

@media only screen and (max-width: 900px) {
  #wrapper-all.rb {
    margin-bottom: 0; }
  #wrapper-all.rb #wrapper-content {
    padding-bottom: 0; }
  .re-footer {
    height: auto; } }

.rb #upp-header {
  position: absolute;
  top: 18px;
  right: 50px;
  padding: 0px;
  -o-transition: top .2s ease-out, right .2s ease-out;
  -moz-transition: top .2s ease-out, right .2s ease-out;
  transition: top .2s ease-out, right .2s ease-out; }
  .rb #upp-header ul {
    padding: 0px; }
    .rb #upp-header ul li {
      padding: 0px; }
    .rb #upp-header ul .upp-photo {
      position: relative;
      top: -1px; }
    .rb #upp-header ul a {
      font-family: 'armlo';
      font-size: 14px;
      color: #8ed6ff !important; }
      .rb #upp-header ul a:hover {
        color: #fff !important; }
    .rb #upp-header ul ul {
      display: none !important; }

.rb #header:hover #nav a {
  color: #ccc; }

.modal .styledform button.btn-main {
  width: auto;
  min-width: 200px; }

.re-top #nav {
  position: relative;
  right: -10px;
  top: 0px;
  -o-transition: top .3s ease-out;
  -moz-transition: top .3s ease-out;
  transition: top .3s ease-out; }

.rb .re-title {
  margin-bottom: 36px; }

.fs34 {
  font-size: 34px !important; }

.re-abs-footer {
  padding: 25px 25px 30px; }
  .re-abs-footer p {
    color: #5a5b60;
    font-size: 11px;
    text-transform: uppercase;
    margin: 0px; }
    .re-abs-footer p span {
      padding: 0 10px; }
    .re-abs-footer p a {
      -o-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
      color: #5a5b60; }
      .re-abs-footer p a:hover {
        color: #fff; }

#wpadminbar {
  opacity: 0.6; }

#wpadminbar:hover {
  opacity: 1; }

.titleGlitch {
  color: #5a5b60;
  position: relative; }

@-webkit-keyframes titleGlitch-anim-1 {
  0% {
    clip: rect(6px, 200px, 6px, 0); }
  9.09091% {
    clip: rect(10px, 200px, 15px, 0); }
  18.18182% {
    clip: rect(1px, 200px, 6px, 0); }
  27.27273% {
    clip: rect(13px, 200px, 21px, 0); }
  36.36364% {
    clip: rect(8px, 200px, 7px, 0); }
  45.45455% {
    clip: rect(20px, 200px, 4px, 0); }
  54.54545% {
    clip: rect(9px, 200px, 20px, 0); }
  63.63636% {
    clip: rect(22px, 200px, 22px, 0); }
  72.72727% {
    clip: rect(11px, 200px, 7px, 0); }
  81.81818% {
    clip: rect(3px, 200px, 3px, 0); }
  90.90909% {
    clip: rect(15px, 200px, 18px, 0); }
  100% {
    clip: rect(5px, 200px, 8px, 0); } }

@-moz-keyframes titleGlitch-anim-1 {
  0% {
    clip: rect(6px, 200px, 6px, 0); }
  9.09091% {
    clip: rect(10px, 200px, 15px, 0); }
  18.18182% {
    clip: rect(1px, 200px, 6px, 0); }
  27.27273% {
    clip: rect(13px, 200px, 21px, 0); }
  36.36364% {
    clip: rect(8px, 200px, 7px, 0); }
  45.45455% {
    clip: rect(20px, 200px, 4px, 0); }
  54.54545% {
    clip: rect(9px, 200px, 20px, 0); }
  63.63636% {
    clip: rect(22px, 200px, 22px, 0); }
  72.72727% {
    clip: rect(11px, 200px, 7px, 0); }
  81.81818% {
    clip: rect(3px, 200px, 3px, 0); }
  90.90909% {
    clip: rect(15px, 200px, 18px, 0); }
  100% {
    clip: rect(5px, 200px, 8px, 0); } }

@-o-keyframes titleGlitch-anim-1 {
  0% {
    clip: rect(6px, 200px, 6px, 0); }
  9.09091% {
    clip: rect(10px, 200px, 15px, 0); }
  18.18182% {
    clip: rect(1px, 200px, 6px, 0); }
  27.27273% {
    clip: rect(13px, 200px, 21px, 0); }
  36.36364% {
    clip: rect(8px, 200px, 7px, 0); }
  45.45455% {
    clip: rect(20px, 200px, 4px, 0); }
  54.54545% {
    clip: rect(9px, 200px, 20px, 0); }
  63.63636% {
    clip: rect(22px, 200px, 22px, 0); }
  72.72727% {
    clip: rect(11px, 200px, 7px, 0); }
  81.81818% {
    clip: rect(3px, 200px, 3px, 0); }
  90.90909% {
    clip: rect(15px, 200px, 18px, 0); }
  100% {
    clip: rect(5px, 200px, 8px, 0); } }

@keyframes titleGlitch-anim-1 {
  0% {
    clip: rect(6px, 200px, 6px, 0); }
  9.09091% {
    clip: rect(10px, 200px, 15px, 0); }
  18.18182% {
    clip: rect(1px, 200px, 6px, 0); }
  27.27273% {
    clip: rect(13px, 200px, 21px, 0); }
  36.36364% {
    clip: rect(8px, 200px, 7px, 0); }
  45.45455% {
    clip: rect(20px, 200px, 4px, 0); }
  54.54545% {
    clip: rect(9px, 200px, 20px, 0); }
  63.63636% {
    clip: rect(22px, 200px, 22px, 0); }
  72.72727% {
    clip: rect(11px, 200px, 7px, 0); }
  81.81818% {
    clip: rect(3px, 200px, 3px, 0); }
  90.90909% {
    clip: rect(15px, 200px, 18px, 0); }
  100% {
    clip: rect(5px, 200px, 8px, 0); } }

@-webkit-keyframes titleGlitch-anim-2 {
  0% {
    clip: rect(16px, 200px, 5px, 0); }
  9.09091% {
    clip: rect(4px, 200px, 19px, 0); }
  18.18182% {
    clip: rect(1px, 200px, 10px, 0); }
  27.27273% {
    clip: rect(16px, 200px, 22px, 0); }
  36.36364% {
    clip: rect(17px, 200px, 11px, 0); }
  45.45455% {
    clip: rect(16px, 200px, 18px, 0); }
  54.54545% {
    clip: rect(10px, 200px, 22px, 0); }
  63.63636% {
    clip: rect(11px, 200px, 6px, 0); }
  72.72727% {
    clip: rect(22px, 200px, 15px, 0); }
  81.81818% {
    clip: rect(16px, 200px, 4px, 0); }
  90.90909% {
    clip: rect(8px, 200px, 5px, 0); }
  100% {
    clip: rect(19px, 200px, 15px, 0); } }

@-moz-keyframes titleGlitch-anim-2 {
  0% {
    clip: rect(16px, 200px, 5px, 0); }
  9.09091% {
    clip: rect(4px, 200px, 19px, 0); }
  18.18182% {
    clip: rect(1px, 200px, 10px, 0); }
  27.27273% {
    clip: rect(16px, 200px, 22px, 0); }
  36.36364% {
    clip: rect(17px, 200px, 11px, 0); }
  45.45455% {
    clip: rect(16px, 200px, 18px, 0); }
  54.54545% {
    clip: rect(10px, 200px, 22px, 0); }
  63.63636% {
    clip: rect(11px, 200px, 6px, 0); }
  72.72727% {
    clip: rect(22px, 200px, 15px, 0); }
  81.81818% {
    clip: rect(16px, 200px, 4px, 0); }
  90.90909% {
    clip: rect(8px, 200px, 5px, 0); }
  100% {
    clip: rect(19px, 200px, 15px, 0); } }

@-o-keyframes titleGlitch-anim-2 {
  0% {
    clip: rect(16px, 200px, 5px, 0); }
  9.09091% {
    clip: rect(4px, 200px, 19px, 0); }
  18.18182% {
    clip: rect(1px, 200px, 10px, 0); }
  27.27273% {
    clip: rect(16px, 200px, 22px, 0); }
  36.36364% {
    clip: rect(17px, 200px, 11px, 0); }
  45.45455% {
    clip: rect(16px, 200px, 18px, 0); }
  54.54545% {
    clip: rect(10px, 200px, 22px, 0); }
  63.63636% {
    clip: rect(11px, 200px, 6px, 0); }
  72.72727% {
    clip: rect(22px, 200px, 15px, 0); }
  81.81818% {
    clip: rect(16px, 200px, 4px, 0); }
  90.90909% {
    clip: rect(8px, 200px, 5px, 0); }
  100% {
    clip: rect(19px, 200px, 15px, 0); } }

@keyframes titleGlitch-anim-2 {
  0% {
    clip: rect(16px, 200px, 5px, 0); }
  9.09091% {
    clip: rect(4px, 200px, 19px, 0); }
  18.18182% {
    clip: rect(1px, 200px, 10px, 0); }
  27.27273% {
    clip: rect(16px, 200px, 22px, 0); }
  36.36364% {
    clip: rect(17px, 200px, 11px, 0); }
  45.45455% {
    clip: rect(16px, 200px, 18px, 0); }
  54.54545% {
    clip: rect(10px, 200px, 22px, 0); }
  63.63636% {
    clip: rect(11px, 200px, 6px, 0); }
  72.72727% {
    clip: rect(22px, 200px, 15px, 0); }
  81.81818% {
    clip: rect(16px, 200px, 4px, 0); }
  90.90909% {
    clip: rect(8px, 200px, 5px, 0); }
  100% {
    clip: rect(19px, 200px, 15px, 0); } }
  .titleGlitch:before, .titleGlitch:after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: black;
    clip: rect(0, 0, 0, 0); }
  .titleGlitch:after {
    left: 1px;
    text-shadow: -1px 0 rgba(90, 91, 96, 0.1);
    -webkit-animation: titleGlitch-anim-1 2s 2 ease-out alternate-reverse;
       -moz-animation: titleGlitch-anim-1 2s 2 ease-out alternate-reverse;
         -o-animation: titleGlitch-anim-1 2s 2 ease-out alternate-reverse;
            animation: titleGlitch-anim-1 2s 2 ease-out alternate-reverse; }
  .titleGlitch:before {
    left: -1px;
    text-shadow: 2px 0 rgba(90, 91, 96, 0.1);
    -webkit-animation: titleGlitch-anim-2 3s 2 ease-in alternate-reverse;
       -moz-animation: titleGlitch-anim-2 3s 2 ease-in alternate-reverse;
         -o-animation: titleGlitch-anim-2 3s 2 ease-in alternate-reverse;
            animation: titleGlitch-anim-2 3s 2 ease-in alternate-reverse; }

.titleGlitch2 {
  color: #fff;
  position: relative; }

@-webkit-keyframes titleGlitch2-anim-1 {
  0% {
    clip: rect(30px, 500px, 14px, 0); }
  9.09091% {
    clip: rect(4px, 500px, 31px, 0); }
  18.18182% {
    clip: rect(41px, 500px, 2px, 0); }
  27.27273% {
    clip: rect(11px, 500px, 3px, 0); }
  36.36364% {
    clip: rect(1px, 500px, 29px, 0); }
  45.45455% {
    clip: rect(40px, 500px, 13px, 0); }
  54.54545% {
    clip: rect(4px, 500px, 10px, 0); }
  63.63636% {
    clip: rect(15px, 500px, 37px, 0); }
  72.72727% {
    clip: rect(27px, 500px, 33px, 0); }
  81.81818% {
    clip: rect(49px, 500px, 19px, 0); }
  90.90909% {
    clip: rect(42px, 500px, 49px, 0); }
  100% {
    clip: rect(43px, 500px, 14px, 0); } }

@-moz-keyframes titleGlitch2-anim-1 {
  0% {
    clip: rect(30px, 500px, 14px, 0); }
  9.09091% {
    clip: rect(4px, 500px, 31px, 0); }
  18.18182% {
    clip: rect(41px, 500px, 2px, 0); }
  27.27273% {
    clip: rect(11px, 500px, 3px, 0); }
  36.36364% {
    clip: rect(1px, 500px, 29px, 0); }
  45.45455% {
    clip: rect(40px, 500px, 13px, 0); }
  54.54545% {
    clip: rect(4px, 500px, 10px, 0); }
  63.63636% {
    clip: rect(15px, 500px, 37px, 0); }
  72.72727% {
    clip: rect(27px, 500px, 33px, 0); }
  81.81818% {
    clip: rect(49px, 500px, 19px, 0); }
  90.90909% {
    clip: rect(42px, 500px, 49px, 0); }
  100% {
    clip: rect(43px, 500px, 14px, 0); } }

@-o-keyframes titleGlitch2-anim-1 {
  0% {
    clip: rect(30px, 500px, 14px, 0); }
  9.09091% {
    clip: rect(4px, 500px, 31px, 0); }
  18.18182% {
    clip: rect(41px, 500px, 2px, 0); }
  27.27273% {
    clip: rect(11px, 500px, 3px, 0); }
  36.36364% {
    clip: rect(1px, 500px, 29px, 0); }
  45.45455% {
    clip: rect(40px, 500px, 13px, 0); }
  54.54545% {
    clip: rect(4px, 500px, 10px, 0); }
  63.63636% {
    clip: rect(15px, 500px, 37px, 0); }
  72.72727% {
    clip: rect(27px, 500px, 33px, 0); }
  81.81818% {
    clip: rect(49px, 500px, 19px, 0); }
  90.90909% {
    clip: rect(42px, 500px, 49px, 0); }
  100% {
    clip: rect(43px, 500px, 14px, 0); } }

@keyframes titleGlitch2-anim-1 {
  0% {
    clip: rect(30px, 500px, 14px, 0); }
  9.09091% {
    clip: rect(4px, 500px, 31px, 0); }
  18.18182% {
    clip: rect(41px, 500px, 2px, 0); }
  27.27273% {
    clip: rect(11px, 500px, 3px, 0); }
  36.36364% {
    clip: rect(1px, 500px, 29px, 0); }
  45.45455% {
    clip: rect(40px, 500px, 13px, 0); }
  54.54545% {
    clip: rect(4px, 500px, 10px, 0); }
  63.63636% {
    clip: rect(15px, 500px, 37px, 0); }
  72.72727% {
    clip: rect(27px, 500px, 33px, 0); }
  81.81818% {
    clip: rect(49px, 500px, 19px, 0); }
  90.90909% {
    clip: rect(42px, 500px, 49px, 0); }
  100% {
    clip: rect(43px, 500px, 14px, 0); } }

@-webkit-keyframes titleGlitch2-anim-2 {
  0% {
    clip: rect(49px, 500px, 40px, 0); }
  9.09091% {
    clip: rect(5px, 500px, 31px, 0); }
  18.18182% {
    clip: rect(14px, 500px, 15px, 0); }
  27.27273% {
    clip: rect(24px, 500px, 15px, 0); }
  36.36364% {
    clip: rect(36px, 500px, 3px, 0); }
  45.45455% {
    clip: rect(7px, 500px, 26px, 0); }
  54.54545% {
    clip: rect(16px, 500px, 32px, 0); }
  63.63636% {
    clip: rect(49px, 500px, 7px, 0); }
  72.72727% {
    clip: rect(12px, 500px, 32px, 0); }
  81.81818% {
    clip: rect(6px, 500px, 42px, 0); }
  90.90909% {
    clip: rect(15px, 500px, 21px, 0); }
  100% {
    clip: rect(17px, 500px, 16px, 0); } }

@-moz-keyframes titleGlitch2-anim-2 {
  0% {
    clip: rect(49px, 500px, 40px, 0); }
  9.09091% {
    clip: rect(5px, 500px, 31px, 0); }
  18.18182% {
    clip: rect(14px, 500px, 15px, 0); }
  27.27273% {
    clip: rect(24px, 500px, 15px, 0); }
  36.36364% {
    clip: rect(36px, 500px, 3px, 0); }
  45.45455% {
    clip: rect(7px, 500px, 26px, 0); }
  54.54545% {
    clip: rect(16px, 500px, 32px, 0); }
  63.63636% {
    clip: rect(49px, 500px, 7px, 0); }
  72.72727% {
    clip: rect(12px, 500px, 32px, 0); }
  81.81818% {
    clip: rect(6px, 500px, 42px, 0); }
  90.90909% {
    clip: rect(15px, 500px, 21px, 0); }
  100% {
    clip: rect(17px, 500px, 16px, 0); } }

@-o-keyframes titleGlitch2-anim-2 {
  0% {
    clip: rect(49px, 500px, 40px, 0); }
  9.09091% {
    clip: rect(5px, 500px, 31px, 0); }
  18.18182% {
    clip: rect(14px, 500px, 15px, 0); }
  27.27273% {
    clip: rect(24px, 500px, 15px, 0); }
  36.36364% {
    clip: rect(36px, 500px, 3px, 0); }
  45.45455% {
    clip: rect(7px, 500px, 26px, 0); }
  54.54545% {
    clip: rect(16px, 500px, 32px, 0); }
  63.63636% {
    clip: rect(49px, 500px, 7px, 0); }
  72.72727% {
    clip: rect(12px, 500px, 32px, 0); }
  81.81818% {
    clip: rect(6px, 500px, 42px, 0); }
  90.90909% {
    clip: rect(15px, 500px, 21px, 0); }
  100% {
    clip: rect(17px, 500px, 16px, 0); } }

@keyframes titleGlitch2-anim-2 {
  0% {
    clip: rect(49px, 500px, 40px, 0); }
  9.09091% {
    clip: rect(5px, 500px, 31px, 0); }
  18.18182% {
    clip: rect(14px, 500px, 15px, 0); }
  27.27273% {
    clip: rect(24px, 500px, 15px, 0); }
  36.36364% {
    clip: rect(36px, 500px, 3px, 0); }
  45.45455% {
    clip: rect(7px, 500px, 26px, 0); }
  54.54545% {
    clip: rect(16px, 500px, 32px, 0); }
  63.63636% {
    clip: rect(49px, 500px, 7px, 0); }
  72.72727% {
    clip: rect(12px, 500px, 32px, 0); }
  81.81818% {
    clip: rect(6px, 500px, 42px, 0); }
  90.90909% {
    clip: rect(15px, 500px, 21px, 0); }
  100% {
    clip: rect(17px, 500px, 16px, 0); } }
  .titleGlitch2:before, .titleGlitch2:after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #000;
    clip: rect(0, 0, 0, 0); }
  .titleGlitch2:after {
    left: 1px;
    text-shadow: -1px 0 rgba(255, 255, 255, 0.5);
    -webkit-animation: titleGlitch2-anim-1 2s 2 ease-out alternate-reverse;
       -moz-animation: titleGlitch2-anim-1 2s 2 ease-out alternate-reverse;
         -o-animation: titleGlitch2-anim-1 2s 2 ease-out alternate-reverse;
            animation: titleGlitch2-anim-1 2s 2 ease-out alternate-reverse; }
  .titleGlitch2:before {
    left: -1px;
    text-shadow: 2px 0 rgba(255, 255, 255, 0.5);
    -webkit-animation: titleGlitch2-anim-2 3s 2 ease-in alternate-reverse;
       -moz-animation: titleGlitch2-anim-2 3s 2 ease-in alternate-reverse;
         -o-animation: titleGlitch2-anim-2 3s 2 ease-in alternate-reverse;
            animation: titleGlitch2-anim-2 3s 2 ease-in alternate-reverse; }

@-webkit-keyframes glitchanim-anim-1 {
  0% {
    clip: rect(146px, 200px, 3px, 0); }
  6.66667% {
    clip: rect(162px, 200px, 22px, 0); }
  13.33333% {
    clip: rect(46px, 200px, 179px, 0); }
  20% {
    clip: rect(194px, 200px, 66px, 0); }
  26.66667% {
    clip: rect(76px, 200px, 45px, 0); }
  33.33333% {
    clip: rect(176px, 200px, 49px, 0); }
  40% {
    clip: rect(159px, 200px, 128px, 0); }
  46.66667% {
    clip: rect(70px, 200px, 6px, 0); }
  53.33333% {
    clip: rect(135px, 200px, 112px, 0); }
  60% {
    clip: rect(67px, 200px, 83px, 0); }
  66.66667% {
    clip: rect(6px, 200px, 50px, 0); }
  73.33333% {
    clip: rect(87px, 200px, 63px, 0); }
  80% {
    clip: rect(99px, 200px, 196px, 0); }
  86.66667% {
    clip: rect(120px, 200px, 4px, 0); }
  93.33333% {
    clip: rect(144px, 200px, 156px, 0); }
  100% {
    clip: rect(10px, 200px, 20px, 0); } }

@-moz-keyframes glitchanim-anim-1 {
  0% {
    clip: rect(146px, 200px, 3px, 0); }
  6.66667% {
    clip: rect(162px, 200px, 22px, 0); }
  13.33333% {
    clip: rect(46px, 200px, 179px, 0); }
  20% {
    clip: rect(194px, 200px, 66px, 0); }
  26.66667% {
    clip: rect(76px, 200px, 45px, 0); }
  33.33333% {
    clip: rect(176px, 200px, 49px, 0); }
  40% {
    clip: rect(159px, 200px, 128px, 0); }
  46.66667% {
    clip: rect(70px, 200px, 6px, 0); }
  53.33333% {
    clip: rect(135px, 200px, 112px, 0); }
  60% {
    clip: rect(67px, 200px, 83px, 0); }
  66.66667% {
    clip: rect(6px, 200px, 50px, 0); }
  73.33333% {
    clip: rect(87px, 200px, 63px, 0); }
  80% {
    clip: rect(99px, 200px, 196px, 0); }
  86.66667% {
    clip: rect(120px, 200px, 4px, 0); }
  93.33333% {
    clip: rect(144px, 200px, 156px, 0); }
  100% {
    clip: rect(10px, 200px, 20px, 0); } }

@-o-keyframes glitchanim-anim-1 {
  0% {
    clip: rect(146px, 200px, 3px, 0); }
  6.66667% {
    clip: rect(162px, 200px, 22px, 0); }
  13.33333% {
    clip: rect(46px, 200px, 179px, 0); }
  20% {
    clip: rect(194px, 200px, 66px, 0); }
  26.66667% {
    clip: rect(76px, 200px, 45px, 0); }
  33.33333% {
    clip: rect(176px, 200px, 49px, 0); }
  40% {
    clip: rect(159px, 200px, 128px, 0); }
  46.66667% {
    clip: rect(70px, 200px, 6px, 0); }
  53.33333% {
    clip: rect(135px, 200px, 112px, 0); }
  60% {
    clip: rect(67px, 200px, 83px, 0); }
  66.66667% {
    clip: rect(6px, 200px, 50px, 0); }
  73.33333% {
    clip: rect(87px, 200px, 63px, 0); }
  80% {
    clip: rect(99px, 200px, 196px, 0); }
  86.66667% {
    clip: rect(120px, 200px, 4px, 0); }
  93.33333% {
    clip: rect(144px, 200px, 156px, 0); }
  100% {
    clip: rect(10px, 200px, 20px, 0); } }

@keyframes glitchanim-anim-1 {
  0% {
    clip: rect(146px, 200px, 3px, 0); }
  6.66667% {
    clip: rect(162px, 200px, 22px, 0); }
  13.33333% {
    clip: rect(46px, 200px, 179px, 0); }
  20% {
    clip: rect(194px, 200px, 66px, 0); }
  26.66667% {
    clip: rect(76px, 200px, 45px, 0); }
  33.33333% {
    clip: rect(176px, 200px, 49px, 0); }
  40% {
    clip: rect(159px, 200px, 128px, 0); }
  46.66667% {
    clip: rect(70px, 200px, 6px, 0); }
  53.33333% {
    clip: rect(135px, 200px, 112px, 0); }
  60% {
    clip: rect(67px, 200px, 83px, 0); }
  66.66667% {
    clip: rect(6px, 200px, 50px, 0); }
  73.33333% {
    clip: rect(87px, 200px, 63px, 0); }
  80% {
    clip: rect(99px, 200px, 196px, 0); }
  86.66667% {
    clip: rect(120px, 200px, 4px, 0); }
  93.33333% {
    clip: rect(144px, 200px, 156px, 0); }
  100% {
    clip: rect(10px, 200px, 20px, 0); } }

@-webkit-keyframes glitchanim-anim-2 {
  0% {
    clip: rect(82px, 200px, 172px, 0); }
  6.66667% {
    clip: rect(128px, 200px, 62px, 0); }
  13.33333% {
    clip: rect(125px, 200px, 55px, 0); }
  20% {
    clip: rect(13px, 200px, 200px, 0); }
  26.66667% {
    clip: rect(33px, 200px, 53px, 0); }
  33.33333% {
    clip: rect(187px, 200px, 4px, 0); }
  40% {
    clip: rect(50px, 200px, 50px, 0); }
  46.66667% {
    clip: rect(22px, 200px, 198px, 0); }
  53.33333% {
    clip: rect(195px, 200px, 5px, 0); }
  60% {
    clip: rect(71px, 200px, 69px, 0); }
  66.66667% {
    clip: rect(71px, 200px, 101px, 0); }
  73.33333% {
    clip: rect(66px, 200px, 186px, 0); }
  80% {
    clip: rect(184px, 200px, 80px, 0); }
  86.66667% {
    clip: rect(100px, 200px, 173px, 0); }
  93.33333% {
    clip: rect(61px, 200px, 110px, 0); }
  100% {
    clip: rect(56px, 200px, 83px, 0); } }

@-moz-keyframes glitchanim-anim-2 {
  0% {
    clip: rect(82px, 200px, 172px, 0); }
  6.66667% {
    clip: rect(128px, 200px, 62px, 0); }
  13.33333% {
    clip: rect(125px, 200px, 55px, 0); }
  20% {
    clip: rect(13px, 200px, 200px, 0); }
  26.66667% {
    clip: rect(33px, 200px, 53px, 0); }
  33.33333% {
    clip: rect(187px, 200px, 4px, 0); }
  40% {
    clip: rect(50px, 200px, 50px, 0); }
  46.66667% {
    clip: rect(22px, 200px, 198px, 0); }
  53.33333% {
    clip: rect(195px, 200px, 5px, 0); }
  60% {
    clip: rect(71px, 200px, 69px, 0); }
  66.66667% {
    clip: rect(71px, 200px, 101px, 0); }
  73.33333% {
    clip: rect(66px, 200px, 186px, 0); }
  80% {
    clip: rect(184px, 200px, 80px, 0); }
  86.66667% {
    clip: rect(100px, 200px, 173px, 0); }
  93.33333% {
    clip: rect(61px, 200px, 110px, 0); }
  100% {
    clip: rect(56px, 200px, 83px, 0); } }

@-o-keyframes glitchanim-anim-2 {
  0% {
    clip: rect(82px, 200px, 172px, 0); }
  6.66667% {
    clip: rect(128px, 200px, 62px, 0); }
  13.33333% {
    clip: rect(125px, 200px, 55px, 0); }
  20% {
    clip: rect(13px, 200px, 200px, 0); }
  26.66667% {
    clip: rect(33px, 200px, 53px, 0); }
  33.33333% {
    clip: rect(187px, 200px, 4px, 0); }
  40% {
    clip: rect(50px, 200px, 50px, 0); }
  46.66667% {
    clip: rect(22px, 200px, 198px, 0); }
  53.33333% {
    clip: rect(195px, 200px, 5px, 0); }
  60% {
    clip: rect(71px, 200px, 69px, 0); }
  66.66667% {
    clip: rect(71px, 200px, 101px, 0); }
  73.33333% {
    clip: rect(66px, 200px, 186px, 0); }
  80% {
    clip: rect(184px, 200px, 80px, 0); }
  86.66667% {
    clip: rect(100px, 200px, 173px, 0); }
  93.33333% {
    clip: rect(61px, 200px, 110px, 0); }
  100% {
    clip: rect(56px, 200px, 83px, 0); } }

@keyframes glitchanim-anim-2 {
  0% {
    clip: rect(82px, 200px, 172px, 0); }
  6.66667% {
    clip: rect(128px, 200px, 62px, 0); }
  13.33333% {
    clip: rect(125px, 200px, 55px, 0); }
  20% {
    clip: rect(13px, 200px, 200px, 0); }
  26.66667% {
    clip: rect(33px, 200px, 53px, 0); }
  33.33333% {
    clip: rect(187px, 200px, 4px, 0); }
  40% {
    clip: rect(50px, 200px, 50px, 0); }
  46.66667% {
    clip: rect(22px, 200px, 198px, 0); }
  53.33333% {
    clip: rect(195px, 200px, 5px, 0); }
  60% {
    clip: rect(71px, 200px, 69px, 0); }
  66.66667% {
    clip: rect(71px, 200px, 101px, 0); }
  73.33333% {
    clip: rect(66px, 200px, 186px, 0); }
  80% {
    clip: rect(184px, 200px, 80px, 0); }
  86.66667% {
    clip: rect(100px, 200px, 173px, 0); }
  93.33333% {
    clip: rect(61px, 200px, 110px, 0); }
  100% {
    clip: rect(56px, 200px, 83px, 0); } }

.glitchanim > img {
  position: absolute;
  top: 0px;
  left: 0px; }

.glitchanim > img:nth-child(2),
.glitchanim > img:nth-child(3) {
  clip: rect(0, 0, 0, 0); }

.glitchanim > img:nth-child(2) {
  left: 2px;
  -webkit-animation: glitchanim-anim-1 2s infinite linear alternate-reverse;
     -moz-animation: glitchanim-anim-1 2s infinite linear alternate-reverse;
       -o-animation: glitchanim-anim-1 2s infinite linear alternate-reverse;
          animation: glitchanim-anim-1 2s infinite linear alternate-reverse; }

.glitchanim > img:nth-child(3) {
  left: -2px;
  -webkit-animation: glitchanim-anim-2 3s infinite linear alternate-reverse;
     -moz-animation: glitchanim-anim-2 3s infinite linear alternate-reverse;
       -o-animation: glitchanim-anim-2 3s infinite linear alternate-reverse;
          animation: glitchanim-anim-2 3s infinite linear alternate-reverse; }

.glitchanim2 {
  position: relative; }

@-webkit-keyframes glitchanim2-anim-1 {
  0% {
    clip: rect(30px, 400px, 66px, 0); }
  11.11111% {
    clip: rect(38px, 400px, 38px, 0); }
  22.22222% {
    clip: rect(144px, 400px, 57px, 0); }
  33.33333% {
    clip: rect(119px, 400px, 126px, 0); }
  44.44444% {
    clip: rect(37px, 400px, 122px, 0); }
  55.55556% {
    clip: rect(46px, 400px, 31px, 0); }
  66.66667% {
    clip: rect(58px, 400px, 173px, 0); }
  77.77778% {
    clip: rect(45px, 400px, 203px, 0); }
  88.88889% {
    clip: rect(34px, 400px, 145px, 0); }
  100% {
    clip: rect(6px, 400px, 169px, 0); } }

@-moz-keyframes glitchanim2-anim-1 {
  0% {
    clip: rect(30px, 400px, 66px, 0); }
  11.11111% {
    clip: rect(38px, 400px, 38px, 0); }
  22.22222% {
    clip: rect(144px, 400px, 57px, 0); }
  33.33333% {
    clip: rect(119px, 400px, 126px, 0); }
  44.44444% {
    clip: rect(37px, 400px, 122px, 0); }
  55.55556% {
    clip: rect(46px, 400px, 31px, 0); }
  66.66667% {
    clip: rect(58px, 400px, 173px, 0); }
  77.77778% {
    clip: rect(45px, 400px, 203px, 0); }
  88.88889% {
    clip: rect(34px, 400px, 145px, 0); }
  100% {
    clip: rect(6px, 400px, 169px, 0); } }

@-o-keyframes glitchanim2-anim-1 {
  0% {
    clip: rect(30px, 400px, 66px, 0); }
  11.11111% {
    clip: rect(38px, 400px, 38px, 0); }
  22.22222% {
    clip: rect(144px, 400px, 57px, 0); }
  33.33333% {
    clip: rect(119px, 400px, 126px, 0); }
  44.44444% {
    clip: rect(37px, 400px, 122px, 0); }
  55.55556% {
    clip: rect(46px, 400px, 31px, 0); }
  66.66667% {
    clip: rect(58px, 400px, 173px, 0); }
  77.77778% {
    clip: rect(45px, 400px, 203px, 0); }
  88.88889% {
    clip: rect(34px, 400px, 145px, 0); }
  100% {
    clip: rect(6px, 400px, 169px, 0); } }

@keyframes glitchanim2-anim-1 {
  0% {
    clip: rect(30px, 400px, 66px, 0); }
  11.11111% {
    clip: rect(38px, 400px, 38px, 0); }
  22.22222% {
    clip: rect(144px, 400px, 57px, 0); }
  33.33333% {
    clip: rect(119px, 400px, 126px, 0); }
  44.44444% {
    clip: rect(37px, 400px, 122px, 0); }
  55.55556% {
    clip: rect(46px, 400px, 31px, 0); }
  66.66667% {
    clip: rect(58px, 400px, 173px, 0); }
  77.77778% {
    clip: rect(45px, 400px, 203px, 0); }
  88.88889% {
    clip: rect(34px, 400px, 145px, 0); }
  100% {
    clip: rect(6px, 400px, 169px, 0); } }

@-webkit-keyframes glitchanim2-anim-2 {
  0% {
    clip: rect(75px, 400px, 66px, 0); }
  11.11111% {
    clip: rect(9px, 400px, 215px, 0); }
  22.22222% {
    clip: rect(127px, 400px, 113px, 0); }
  33.33333% {
    clip: rect(117px, 400px, 62px, 0); }
  44.44444% {
    clip: rect(187px, 400px, 1px, 0); }
  55.55556% {
    clip: rect(7px, 400px, 31px, 0); }
  66.66667% {
    clip: rect(50px, 400px, 28px, 0); }
  77.77778% {
    clip: rect(217px, 400px, 130px, 0); }
  88.88889% {
    clip: rect(50px, 400px, 118px, 0); }
  100% {
    clip: rect(167px, 400px, 84px, 0); } }

@-moz-keyframes glitchanim2-anim-2 {
  0% {
    clip: rect(75px, 400px, 66px, 0); }
  11.11111% {
    clip: rect(9px, 400px, 215px, 0); }
  22.22222% {
    clip: rect(127px, 400px, 113px, 0); }
  33.33333% {
    clip: rect(117px, 400px, 62px, 0); }
  44.44444% {
    clip: rect(187px, 400px, 1px, 0); }
  55.55556% {
    clip: rect(7px, 400px, 31px, 0); }
  66.66667% {
    clip: rect(50px, 400px, 28px, 0); }
  77.77778% {
    clip: rect(217px, 400px, 130px, 0); }
  88.88889% {
    clip: rect(50px, 400px, 118px, 0); }
  100% {
    clip: rect(167px, 400px, 84px, 0); } }

@-o-keyframes glitchanim2-anim-2 {
  0% {
    clip: rect(75px, 400px, 66px, 0); }
  11.11111% {
    clip: rect(9px, 400px, 215px, 0); }
  22.22222% {
    clip: rect(127px, 400px, 113px, 0); }
  33.33333% {
    clip: rect(117px, 400px, 62px, 0); }
  44.44444% {
    clip: rect(187px, 400px, 1px, 0); }
  55.55556% {
    clip: rect(7px, 400px, 31px, 0); }
  66.66667% {
    clip: rect(50px, 400px, 28px, 0); }
  77.77778% {
    clip: rect(217px, 400px, 130px, 0); }
  88.88889% {
    clip: rect(50px, 400px, 118px, 0); }
  100% {
    clip: rect(167px, 400px, 84px, 0); } }

@keyframes glitchanim2-anim-2 {
  0% {
    clip: rect(75px, 400px, 66px, 0); }
  11.11111% {
    clip: rect(9px, 400px, 215px, 0); }
  22.22222% {
    clip: rect(127px, 400px, 113px, 0); }
  33.33333% {
    clip: rect(117px, 400px, 62px, 0); }
  44.44444% {
    clip: rect(187px, 400px, 1px, 0); }
  55.55556% {
    clip: rect(7px, 400px, 31px, 0); }
  66.66667% {
    clip: rect(50px, 400px, 28px, 0); }
  77.77778% {
    clip: rect(217px, 400px, 130px, 0); }
  88.88889% {
    clip: rect(50px, 400px, 118px, 0); }
  100% {
    clip: rect(167px, 400px, 84px, 0); } }
  .glitchanim2 > img {
    position: absolute;
    top: 0px;
    left: 0px; }
  .glitchanim2 > img:nth-child(2),
  .glitchanim2 > img:nth-child(3) {
    clip: rect(0, 0, 0, 0); }
  .glitchanim2 > img:nth-child(2) {
    left: 2px;
    -webkit-animation: glitchanim2-anim-1 2s infinite linear alternate-reverse;
       -moz-animation: glitchanim2-anim-1 2s infinite linear alternate-reverse;
         -o-animation: glitchanim2-anim-1 2s infinite linear alternate-reverse;
            animation: glitchanim2-anim-1 2s infinite linear alternate-reverse; }
  .glitchanim2 > img:nth-child(3) {
    left: -2px;
    -webkit-animation: glitchanim2-anim-2 3s infinite linear alternate-reverse;
       -moz-animation: glitchanim2-anim-2 3s infinite linear alternate-reverse;
         -o-animation: glitchanim2-anim-2 3s infinite linear alternate-reverse;
            animation: glitchanim2-anim-2 3s infinite linear alternate-reverse; }

img.glitch {
  position: absolute; }

#re-artists {
  background: url(https://resistanceibiza.com/wp-content/uploads/2017/04/background.jpg) center 0px repeat-y;
  padding: 0px 25px 50px;
  overflow: hidden; }
  @media only screen and (min-width: 800px) {
    #re-artists {
      padding-bottom: 150px; } }
  #re-artists ul.artistlist {
    width: 800px;
    margin: auto;
    max-width: 100%; }
  @media only screen and (min-width: 800px) {
    #re-artists ul.artistlist > li {
      width: 48%;
      display: inline-block; } }
  #re-artists ul.artistlist > li a.artistbtn .glitch, #re-artists ul.artistlist > li a.artistbtn .glitchanim {
    width: 200px;
    height: 200px;
    overflow: hidden;
    display: block;
    position: relative;
    text-align: center;
    margin: auto; }
  #re-artists ul.artistlist > li a.artistbtn img {
    margin: auto; }
  #re-artists ul.artistlist > li a.artistbtn strong {
    font-size: 24px;
    font-family: 'auxblk';
    text-transform: uppercase;
    display: block;
    color: #8ed6ff;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: relative;
    line-height: 125%;
    top: -20px; }
    #re-artists ul.artistlist > li a.artistbtn strong span {
      display: block;
      font-size: 13px;
      line-height: 125%; }
  #re-artists ul.artistlist > li a.artistbtn .vidbtn {
    display: block;
    width: 100px;
    margin: 0px auto 7px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.7);
    border: 1px solid #5a5b60;
    color: #5a5b60;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    font-family: 'auxblk';
    text-transform: uppercase; }
  #re-artists ul.artistlist > li a.artistbtn:hover strong {
    color: #fff; }
  #re-artists ul.artistlist > li a.artistbtn:hover .vidbtn {
    background: #8ed6ff;
    border-color: #8ed6ff;
    color: #000; }
  #re-artists ul.artistlist > li ul {
    padding: 15px; }
    #re-artists ul.artistlist > li ul li {
      display: inline-block; }
      #re-artists ul.artistlist > li ul li a {
        color: #5a5b60;
        font-size: 18px;
        padding: 3px;
        -o-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out; }
      #re-artists ul.artistlist > li ul li a:hover {
        color: #fff; }
      #re-artists ul.artistlist > li ul li a:active, #re-artists ul.artistlist > li ul li a:focus {
        color: #8ed6ff; }
  @media only screen and (min-width: 800px) {
    #re-artists .leftimg {
      padding-top: 20px;
      position: relative;
      top: 75px; }
    #re-artists .rightimg {
      padding-top: 20px;
      position: relative;
      top: -75px; } }

#artistsmodal .md-close {
  z-index: 2000; }

@media only screen and (max-width: 700px) {
  #artistsmodal .md-content {
    padding-top: 50px; }
  #artistsmodal .md-nav {
    position: absolute;
    top: 44px;
    left: 10px;
    right: auto; }
    #artistsmodal .md-nav span {
      font-size: 21px; }
  #artistsmodal .md-next {
    left: 40px; } }

.new-gallery {
  position: relative;
  z-index: 2000; }
  .new-gallery .eswrap {
    position: relative;
    z-index: 100;
    padding-bottom: 10px;
    width: 100%; }
    .new-gallery .eswrap .esdd {
      position: absolute;
      width: 100%;
      top: 0px;
      left: 0px;
      background: -moz- oldlinear-gradient(bottom right, rgba(17, 17, 17, 0.98), rgba(34, 34, 34, 0.98));
      background: -o-linear-gradient(bottom right, rgba(17, 17, 17, 0.98), rgba(34, 34, 34, 0.98));
      background: linear-gradient(to top left, rgba(17, 17, 17, 0.98), rgba(34, 34, 34, 0.98));
      -moz-box-shadow: 0 12px 24px #000;
           box-shadow: 0 12px 24px #000;
      display: none; }
    .new-gallery .eswrap img.logo {
      width: 130px !important; }
    .new-gallery .eswrap .event-selector {
      width: 1200px;
      max-width: 100%;
      margin: auto;
      text-align: left;
      -moz-border-radius: 10px;
           border-radius: 10px;
      padding: 50px;
      overflow: hidden; }
      .new-gallery .eswrap .event-selector li.active a {
        color: #fff; }
      .new-gallery .eswrap .event-selector li a {
        font-size: 12px;
        color: #bbb;
        padding: 10px 0;
        display: block;
        font-weight: bold;
        text-transform: uppercase;
        -o-transition: color .1s linear;
        -moz-transition: color .1s linear;
        transition: color .1s linear;
        cursor: pointer; }
        .new-gallery .eswrap .event-selector li a:hover {
          color: #fff; }
  .new-gallery .events-toggle {
    text-align: center;
    padding: 10px 15px;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
    text-transform: uppercase;
    color: #fff !important;
    background: rgba(68, 68, 68, 0.9);
    font-size: 12px;
    -o-transition: background .15s ease-out, color .15s ease-out;
    -moz-transition: background .15s ease-out, color .15s ease-out;
    transition: background .15s ease-out, color .15s ease-out; }
    .new-gallery .events-toggle em {
      font-style: none;
      display: inline-block;
      padding-left: 15px; }
    .new-gallery .events-toggle:hover {
      background: rgba(119, 119, 119, 0.9); }
    .new-gallery .events-toggle.active {
      background: -moz- oldlinear-gradient(bottom right, rgba(17, 17, 17, 0.95), rgba(34, 34, 34, 0.95));
      background: -o-linear-gradient(bottom right, rgba(17, 17, 17, 0.95), rgba(34, 34, 34, 0.95));
      background: linear-gradient(to top left, rgba(17, 17, 17, 0.95), rgba(34, 34, 34, 0.95));
      background: #fff;
      color: #000 !important; }
  .new-gallery .year-nav {
    text-align: center;
    padding-bottom: 24px;
    font-size: 0; }
    .new-gallery .year-nav li {
      display: inline-block;
      margin-right: 1px;
      margin-bottom: 2px; }
    .new-gallery .year-nav a {
      cursor: pointer;
      display: inline-block;
      padding: 7px 22px;
      background: rgba(68, 68, 68, 0.9);
      font-size: 14px;
      font-weight: bold;
      -o-transition: background .15s ease-out, color .15s ease-out;
      -moz-transition: background .15s ease-out, color .15s ease-out;
      transition: background .15s ease-out, color .15s ease-out;
      margin-right: 1px; }
      .new-gallery .year-nav a:hover {
        background: #777; }
      .new-gallery .year-nav a.active {
        background: #fff;
        color: #000 !important; }
  .new-gallery .gal-nav {
    text-align: center;
    padding-bottom: 20px; }
    .new-gallery .gal-nav .filternav {
      display: inline-block;
      float: none;
      margin-right: 1%; }
    .new-gallery .gal-nav #event-filter ul.galfilters {
      min-width: 200px; }
  .new-gallery #active-gal {
    margin: 0; }
  .new-gallery #gal-list {
    text-align: center;
    font-size: 0;
    padding: 15px;
    width: 3560px;
    max-width: 100%;
    margin: auto; }
    .new-gallery #gal-list li {
      display: inline-block;
      width: 50%;
      padding: 5px; }
      @media screen and (min-width: 700px) {
        .new-gallery #gal-list li {
          width: 33.33333333%;
          padding: 10px; } }
      @media screen and (min-width: 1200px) {
        .new-gallery #gal-list li {
          width: 25%;
          padding: 15px; } }
      @media screen and (min-width: 1921px) {
        .new-gallery #gal-list li {
          width: 20%; } }
      @media screen and (min-width: 2560px) {
        .new-gallery #gal-list li {
          width: 16.666666%; } }
      .new-gallery #gal-list li a {
        width: 100%;
        display: block;
        background-repeat: no-repeat;
        background-position: center center;
        -moz-background-size: cover;
          -o-background-size: cover;
             background-size: cover;
        clear: both;
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        -o-transition: box-shadow .2s ease-out;
        -moz-transition: box-shadow .2s ease-out, -moz-box-shadow .2s ease-out;
        transition: box-shadow .2s ease-out;
        transition: box-shadow .2s ease-out, -moz-box-shadow .2s ease-out;
        -moz-box-shadow: 0 0 24px #000;
             box-shadow: 0 0 24px #000; }
        @media screen and (max-width: 1024px) {
          .new-gallery #gal-list li a {
            padding-top: 30px; }
            .new-gallery #gal-list li a span {
              display: none; } }
        .new-gallery #gal-list li a.loading img {
          opacity: 0; }
        .new-gallery #gal-list li a:hover span {
          opacity: 0; }
        .new-gallery #gal-list li a:hover {
          -moz-box-shadow: none;
               box-shadow: none; }
        .new-gallery #gal-list li a img {
          display: block;
          max-width: 100%;
          height: auto;
          display: none;
          -webkit-backface-visibility: hidden;
             -moz-backface-visibility: hidden;
                  backface-visibility: hidden;
          -webkit-transform-style: preserve-3d;
             -moz-transform-style: preserve-3d;
                  transform-style: preserve-3d;
          -webkit-transform: translate3d(0, 0, 0);
             -moz-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0);
          image-rendering: crisp-edges; }
        .new-gallery #gal-list li a span {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          opacity: .2;
          z-index: 4;
          -o-transition: opacity .2s ease-out;
          -moz-transition: opacity .2s ease-out;
          transition: opacity .2s ease-out;
          background: -moz- oldlinear-gradient(bottom left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
          background: -o-linear-gradient(bottom left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
          background: linear-gradient(to top right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
          -moz-box-shadow: 0 0 24px #000;
               box-shadow: 0 0 24px #000; }
        .new-gallery #gal-list li a b {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: -1px;
          opacity: 1;
          z-index: 5;
          background: -moz- oldlinear-gradient(bottom left, #080808, #181818);
          background: -o-linear-gradient(bottom left, #080808, #181818);
          background: linear-gradient(to top right, #080808, #181818);
          -moz-box-shadow: 0 0 24px #000;
               box-shadow: 0 0 24px #000;
          text-align: center; }
          .new-gallery #gal-list li a b:before {
            content: ' ';
            background: url("https://umfworldwide.com/wp-content/uploads/2018/08/loader.gif") center center no-repeat;
            -moz-background-size: 18px 18px;
              -o-background-size: 18px 18px;
                 background-size: 18px 18px;
            opacity: 1;
            display: block;
            width: 18px;
            height: 18px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -9px;
            margin-top: -9px; }

#hotelsnav {
  display: block;
  padding-bottom: 25px;
  overflow: hidden; }
  #hotelsnav li {
    display: block;
    width: 100%;
    float: left;
    padding-right: 4px;
    padding-bottom: 4px; }
    @media screen and (min-width: 600px) {
      #hotelsnav li {
        width: 50%; } }
    @media screen and (min-width: 980px) {
      #hotelsnav li {
        width: 25%; } }
    #hotelsnav li a {
      display: block;
      font-size: 13px; }
      #hotelsnav li a.active {
        color: #000 !important;
        background: #fff !important; }

#hotels .img {
  padding-bottom: 25px;
  display: none; }
  @media screen and (min-width: 700px) {
    #hotels .img {
      display: block;
      padding-right: 25px;
      width: 20%;
      float: left; } }

#hotels .info {
  padding-bottom: 25px; }
  #hotels .info h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px; }
  #hotels .info img {
    width: 250px;
    max-width: 100%;
    height: auto; }
  @media screen and (min-width: 700px) {
    #hotels .info {
      width: 60%;
      float: left; }
      #hotels .info img {
        display: none; } }

#hotels .action {
  padding-bottom: 50px; }
  @media screen and (min-width: 700px) {
    #hotels .action {
      text-align: center;
      float: right;
      width: 20%; } }
  #hotels .action h3 {
    margin-bottom: 15px; }
  #hotels .action a.main-btn {
    text-transform: uppercase;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px; }
  #hotels .action .not-available {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #c00;
    display: inline-block;
    margin-bottom: 15px;
    font-size: 14px; }
  #hotels .action span.phone {
    font-size: 13px; }

#hotels span.rating {
  background: url("https://assets.ultramusicfestival.com/images/stars-bg.png");
  -moz-background-size: 100px 20px;
    -o-background-size: 100px 20px;
       background-size: 100px 20px;
  background-repeat: no-repeat;
  display: block;
  width: 100px;
  height: 20px;
  margin: 10px 0 15px; }
  #hotels span.rating .fill {
    background: url("https://assets.ultramusicfestival.com/images/stars.png");
    -moz-background-size: 100px 20px;
      -o-background-size: 100px 20px;
         background-size: 100px 20px;
    background-repeat: no-repeat;
    display: block;
    width: 50%;
    height: 20px; }

#hotels span.address, #hotels span.distance {
  font-size: 12px;
  display: block;
  margin-bottom: 5px; }

#hotels span.address {
  font-size: 13px;
  margin-bottom: 10px; }

.count-wrap {
  display: none; }

.fb-content {
  padding: 15px 15px 5px;
  background: rgba(0, 0, 0, 0.5);
  margin-bottom: 25px; }

.acode {
  font-weight: bold;
  font-size: 18px !important;
  line-height: 100% !important;
  padding: 15px 10px 12px;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  color: #fff !important;
  font-family: 'helvetica-bold';
  vertical-align: middle;
  display: block;
  margin-bottom: 0px !important; }
  .acode strong {
    display: inline-block;
    vertical-align: middle;
    color: #fff !important;
    font-size: 31px !important;
    position: relative;
    top: -4px;
    margin-left: 8px; }
    @media only screen and (max-width: 520px) {
      .acode strong {
        top: 0px;
        display: block; } }

#tixcounter_container {
  text-align: center;
  font-family: 'helvetica-bold';
  font-size: 18px !important;
  line-height: 100%;
  padding: 15px;
  background: rgba(0, 0, 0, 0.5); }

.countdown-il ul {
  display: inline;
  margin: 0;
  margin-left: 10px;
  padding: 0; }
  @media only screen and (max-width: 520px) {
    .countdown-il ul {
      display: block;
      margin: 0;
      padding: 0; } }

.countdown-il li span {
  line-height: 100% !important;
  font-size: 36px;
  color: #fff !important; }

.countdown-il li {
  display: inline-block;
  line-height: 48px;
  font-family: 'helvetica-bold';
  font-size: 18px !important;
  vertical-align: middle; }

.countdown {
  /**/ }
  .countdown ul {
    text-align: center;
    margin: 0; }
  .countdown li {
    display: inline-block;
    text-align: center;
    margin: 0 5px;
    font-size: 36px; }
    .countdown li.rspacer {
      font-size: 32px !important;
      opacity: 0.5;
      margin: 0; }
    .countdown li span.tick {
      font-size: 36px; }
    .countdown li span.label {
      padding-top: 6px;
      display: block;
      font-size: 14px; }
  .countdown.countdown-sm li {
    margin: 0;
    font-size: 14px  !important;
    line-height: 14px !important;
    vertical-align: middle;
    display: inline-block; }
    .countdown.countdown-sm li span.tick {
      font-size: 14px  !important;
      line-height: 14px !important;
      display: inline-block;
      vertical-align: middle; }
    .countdown.countdown-sm li.rspacer span {
      font-size: 14px  !important;
      line-height: 14px !important;
      display: inline-block;
      vertical-align: middle; }

.countdown-tickets {
  display: block;
  max-width: 100%;
  margin: auto; }
  .countdown-tickets h3 {
    margin: 0;
    margin-bottom: 10px; }
  .countdown-tickets ul {
    margin: 0;
    padding: 0;
    font-size: 0; }
  .countdown-tickets li {
    display: inline-block;
    max-width: 25%;
    text-align: center;
    padding: 0 10px; }
  .countdown-tickets span {
    display: block;
    line-height: 120%; }
  .countdown-tickets span.ticker {
    font-size: 24px;
    color: #fff;
    font-family: 'helvetica';
    font-weight: 300; }
  .countdown-tickets span.label {
    font-size: 12px;
    color: #a8a8a8;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'helvetica-bold'; }

#dynamic-lineup h2 {
  font-size: 21px;
  text-transform: uppercase; }

#dynamic-lineup h3 {
  font-size: 18px;
  color: #27efe4;
  text-transform: uppercase; }

#dynamic-lineup .artists li.headliner a {
  font-size: 15px;
  font-family: 'helvetica-bold'; }

#dynamic-lineup .artists li a {
  text-transform: uppercase;
  font-size: 15px;
  font-family: 'helvetica-bold';
  padding: 10px 5px;
  display: block;
  line-height: 150%;
  -o-transition: color .1s ease-out;
  -moz-transition: color .1s ease-out;
  transition: color .1s ease-out; }
  #dynamic-lineup .artists li a:hover {
    color: #27efe4; }
    #dynamic-lineup .artists li a:hover span {
      opacity: 1; }

.lnav {
  text-align: center;
  padding-bottom: 50px;
  overflow: hidden; }
  .lnav li {
    display: inline-block;
    margin: 0 10px; }
    @media only screen and (max-width: 779px) {
      .lnav li {
        width: 48%;
        float: left;
        margin: 0 1% 10px 0; }
        .lnav li a {
          padding: 15px 5px; } }
  .lnav a {
    display: block;
    padding: 15px 30px;
    border-bottom: 1px solid #27efe4 !important;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'helvetica-bold';
    -o-transition: background .1s ease-out, color .1s ease-out;
    -moz-transition: background .1s ease-out, color .1s ease-out;
    transition: background .1s ease-out, color .1s ease-out;
    background: rgba(39, 239, 228, 0.1); }
    .lnav a:hover {
      background: rgba(39, 239, 228, 0.2); }
    .lnav a.active {
      background: #27efe4;
      color: #000;
      cursor: default; }

.dayrow {
  vertical-align: top;
  text-align: center; }

.daygroup {
  padding-bottom: 1.5rem;
  display: block;
  width: 100%; }
  @media only screen and (min-width: 780px) {
    .daygroup {
      display: inline-block;
      width: 33%;
      vertical-align: top;
      padding-bottom: 3rem; } }
  .daygroup span.time {
    display: block;
    font-weight: normal;
    font-family: 'helvetica';
    -o-transition: opacity .1s ease-out;
    -moz-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out;
    opacity: .8; }

.tickets-20 .type {
  padding-bottom: 80px; }
  .tickets-20 .type h2 {
    text-align: center; }
  .tickets-20 .type .title {
    margin-bottom: 0;
    margin-bottom: 12px; }
  .tickets-20 .type .dates {
    font-size: 18px;
    color: #bbb; }
  .tickets-20 .type ul.tickets {
    text-align: center;
    padding-bottom: 80px; }
    .tickets-20 .type ul.tickets li {
      display: inline-block;
      width: 250px;
      background: #66b5f0;
      color: #fff;
      padding: 30px;
      padding: 0 0px 25px;
      margin-bottom: 20px; }
      .tickets-20 .type ul.tickets li h2 {
        padding: 20px;
        background: #3ca1ec; }
      .tickets-20 .type ul.tickets li h3 {
        margin-bottom: 0; }
      .tickets-20 .type ul.tickets li.soldout {
        background: #eee;
        color: #000;
        background: #111;
        color: #fff; }
        .tickets-20 .type ul.tickets li.soldout span.status {
          padding: 7px 15px;
          display: inline-block;
          text-transform: uppercase;
          color: red; }
        .tickets-20 .type ul.tickets li.soldout h2 {
          opacity: .6;
          background: none;
          text-decoration: line-through; }
        .tickets-20 .type ul.tickets li.soldout h3, .tickets-20 .type ul.tickets li.soldout p {
          opacity: .6;
          text-decoration: line-through; }
      .tickets-20 .type ul.tickets li.soon {
        background: #f1f1f1;
        color: #000;
        background: #111;
        color: #fff; }
        .tickets-20 .type ul.tickets li.soon span.status {
          padding: 7px 15px;
          display: inline-block;
          text-transform: uppercase;
          color: red; }
        .tickets-20 .type ul.tickets li.soon h2 {
          background: none;
          opacity: .8; }
        .tickets-20 .type ul.tickets li.soon h3, .tickets-20 .type ul.tickets li.soon p {
          opacity: .8; }
  .tickets-20 .type .days {
    text-align: center; }
    .tickets-20 .type .days li {
      display: inline-block;
      margin-bottom: 24px; }
      .tickets-20 .type .days li strong {
        display: block;
        font-size: 18px;
        background: #333;
        padding: 10px 30px;
        text-transform: uppercase;
        background: #66b5f0;
        color: #fff; }
      .tickets-20 .type .days li span {
        display: block;
        font-size: 13px;
        background: #222;
        padding: 8px 10px;
        color: #aaa;
        font-weight: bold;
        text-transform: uppercase;
        font-weight: normal;
        color: #fff;
        background: #2093e9; }

.tickets-20 .info-list {
  text-align: center;
  padding-bottom: 24px; }
  .tickets-20 .info-list li {
    display: inline-block;
    margin-right: 1px;
    margin-bottom: 2px;
    text-align: center;
    padding: 0 25px;
    vertical-align: top; }

.tickets-20 .tab-nav {
  text-align: center;
  font-size: 0;
  margin: 0;
  padding: 0; }
  .tickets-20 .tab-nav li {
    display: inline-block;
    margin-right: 1px; }
  .tickets-20 .tab-nav a {
    cursor: pointer;
    display: inline-block;
    padding: 12px 35px;
    width: 200px;
    background: rgba(68, 68, 68, 0.9);
    font-size: 14px;
    font-weight: bold;
    -o-transition: background .15s ease-out, color .15s ease-out;
    -moz-transition: background .15s ease-out, color .15s ease-out;
    transition: background .15s ease-out, color .15s ease-out;
    margin-right: 1px;
    text-transform: uppercase; }
    .tickets-20 .tab-nav a:hover {
      background: #777; }
    .tickets-20 .tab-nav a.active {
      background: #fff;
      color: #000 !important; }

.tickets-20 .tabs .tab {
  background: rgba(0, 0, 0, 0.8);
  padding: 50px;
  color: #000;
  color: #fff; }

.tickets-20 .tabs .map {
  height: 50vh; }
  .tickets-20 .tabs .map iframe {
    height: 100%;
    display: block;
    width: 100%; }

.tickets-20 .event-select, .tickets-20 .types-select {
  text-align: center;
  padding-bottom: 24px;
  font-size: 0; }
  .tickets-20 .event-select li, .tickets-20 .types-select li {
    display: inline-block;
    margin-right: 1px;
    margin-bottom: 2px; }
  .tickets-20 .event-select a, .tickets-20 .types-select a {
    cursor: pointer;
    display: inline-block;
    padding: 7px 22px;
    background: rgba(68, 68, 68, 0.9);
    font-size: 14px;
    font-weight: bold;
    -o-transition: background .15s ease-out, color .15s ease-out;
    -moz-transition: background .15s ease-out, color .15s ease-out;
    transition: background .15s ease-out, color .15s ease-out;
    margin-right: 1px;
    text-transform: uppercase; }
    .tickets-20 .event-select a:hover, .tickets-20 .types-select a:hover {
      background: #777; }
    .tickets-20 .event-select a.active, .tickets-20 .types-select a.active {
      background: #66b5f0;
      color: #fff !important; }

.tickets-20 .types-select {
  padding-bottom: 50px; }

.clist li {
  margin-bottom: 14px; }
  .clist li a {
    font-family: 'helvetica-bold';
    padding: 4px 0px;
    font-size: 16px;
    opacity: .8;
    -o-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    display: block; }
    .clist li a:hover {
      opacity: 1; }
    .clist li a img {
      margin-right: 5px; }