/* Breakpoints ======================================================================================= */
/* Easing ======================================================================================= */
/* Previous ======================================================================================= */
/*
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;
} */
/*
.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;
    }

}
*/
/* Mixins ======================================================================================= */
/* Content Sizing ======================================================================================= */
.cbox {
  -moz-box-sizing: content-box;
       box-sizing: content-box; }

/* Selection ======================================================================================= */
::-moz-selection {
  background: #00aeef;
  color: white; }
::selection {
  background: #00aeef;
  color: white; }

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

/* Grayscale ======================================================================================= */
.grayscale-over {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-filter: none;
          filter: none; }

.grayscale,
.grayscale-over:hover {
  -webkit-filter: grayscale(100%);
  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");
  -webkit-filter: gray;
          filter: gray;
  filter: grayscale(100%); }

/* Background ======================================================================================= */
.bg-cover {
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover; }

.bg-contain {
  -moz-background-size: contain;
    -o-background-size: contain;
       background-size: contain; }

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

.coverfixed {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Text ======================================================================================= */
.text-left {
  text-align: left; }

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

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

.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; }

.italic {
  font-style: italic; }

.thin {
  font-weight: 100; }

/* Layout ======================================================================================= */
.relative {
  position: relative; }

.absolute {
  position: absolute; }

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

.top0 {
  top: 0; }

.fixed {
  position: fixed; }

.block {
  display: block !important; }

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

.sronly {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.hidden {
  display: none; }

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

.clear {
  clear: both; }

.clear-right {
  clear: right; }

.clear-left {
  clear: left; }

.right {
  float: right; }

.left {
  float: left; }

.no-margin {
  margin: 0px !important; }

.cursor-pointer {
  cursor: pointer; }

/* Clearfix ======================================================================================= */
* html .clearfix {
  height: 1%; }

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

/* Images ======================================================================================= */
.img-right {
  margin-left: 15px;
  margin-bottom: 10px;
  position: relative;
  top: 7px; }

.img-left {
  margin-right: 15px;
  margin-bottom: 5px;
  position: relative;
  top: 7px; }

/* Responsive Embed Element ======================================================================================= */
.embed {
  clear: both;
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */
  padding-top: 30px;
  /* IE6 workaround*/
  height: 0;
  overflow: hidden; }

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

/* Responsive Hide / Show Helpers ======================================================================================= */
@media only screen and (min-width: 1451px) {
  .hide-lg-xx {
    display: none !important;
    visibility: hidden !important; } }

@media only screen and (min-width: 1200px) {
  .hide-lg-x {
    display: none !important;
    visibility: hidden !important; } }

@media only screen and (min-width: 1081px) {
  .hide-lg {
    display: none !important;
    visibility: hidden !important; } }

@media only screen and (min-width: 771px) {
  .hide-md {
    display: none !important;
    visibility: hidden !important; } }

@media only screen and (min-width: 600px) {
  .hide-sm {
    display: none !important;
    visibility: hidden !important; } }

@media only screen and (min-width: 480px) {
  .hide-sm-x {
    display: none !important;
    visibility: hidden !important; } }

@media only screen and (min-width: 381px) {
  .hide-sm-xx {
    display: none !important;
    visibility: hidden !important; } }

@media only screen and (max-width: 1450px) {
  .show-lg-xx {
    display: none !important;
    visibility: hidden !important; } }

@media only screen and (max-width: 1199px) {
  .show-lg-x {
    display: none !important;
    visibility: hidden !important; } }

@media only screen and (max-width: 1080px) {
  .show-lg {
    display: none !important;
    visibility: hidden !important; } }

@media only screen and (max-width: 770px) {
  .show-md {
    display: none !important;
    visibility: hidden !important; } }

@media only screen and (max-width: 599px) {
  .show-sm {
    display: none !important;
    visibility: hidden !important; } }

@media only screen and (max-width: 479px) {
  .show-sm-x {
    display: none !important;
    visibility: hidden !important; } }

@media only screen and (max-width: 380px) {
  .show-sm-xx {
    display: none !important;
    visibility: hidden !important; } }

@media only screen and (max-width: 770px) {
  body .rs100-md {
    width: 100%;
    clear: both;
    float: none; }
  body .rs50-md {
    width: 49%; } }

@media only screen and (max-width: 599px) {
  body .rs100-sm {
    width: 100%;
    clear: both;
    float: none; }
  body .rs50-sm {
    width: 48%; }
  body .right-sm {
    float: right;
    margin-right: 0; } }

@media only screen and (max-width: 479px) {
  body .rs100-xsm {
    width: 100%;
    clear: both;
    float: none; }
  body .rs50-xsm {
    width: 48%; } }

@media only screen and (max-width: 380px) {
  body .rs100-xxsm {
    width: 100%;
    clear: both;
    float: none; }
  body .rs50-xxsm {
    width: 48%; } }

/* 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: 95%; }

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

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

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

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

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

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

h6 {
  font-size: 16px;
  margin: 0 0 1rem 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, .content li a {
  text-decoration: underline; }

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

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

.content ul li, .content ol li {
  font-size: 15px;
  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; }

div.inner {
  margin: auto; }

.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%);
  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 !important; }

.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-display: swap; }

@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-display: block; }

@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-display: swap; }

@font-face {
  font-family: 'helvetica';
  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: bold;
  font-style: normal;
  font-display: swap; }

@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-display: swap; }

@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-display: swap; }

@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-display: swap; }

@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-display: swap; }

@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-display: swap; }

@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;
  font-display: swap; }

@font-face {
  font-family: 'Circular Std';
  src: url("https://assets.ultramusicfestival.com/fonts/circular/CircularStd-Bold.woff2") format("woff2"), url("https://assets.ultramusicfestival.com/fonts/circular/CircularStd-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Circular Pro';
  src: url("https://assets.ultramusicfestival.com/fonts/circular/CircularPro-Bold.woff2") format("woff2"), url("https://assets.ultramusicfestival.com/fonts/circular/CircularPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Circular Std';
  src: url("https://assets.ultramusicfestival.com/fonts/circular/CircularStd-BlackItalic.woff2") format("woff2"), url("https://assets.ultramusicfestival.com/fonts/circular/CircularStd-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Circular Std';
  src: url("https://assets.ultramusicfestival.com/fonts/circular/CircularStd-BoldItalic.woff2") format("woff2"), url("https://assets.ultramusicfestival.com/fonts/circular/CircularStd-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Circular Std';
  src: url("https://assets.ultramusicfestival.com/fonts/circular/CircularStd-Black.woff2") format("woff2"), url("https://assets.ultramusicfestival.com/fonts/circular/CircularStd-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Circular Std Book';
  src: url("https://assets.ultramusicfestival.com/fonts/circular/CircularStd-Book.woff2") format("woff2"), url("https://assets.ultramusicfestival.com/fonts/circular/CircularStd-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Monument Extended';
  src: url("https://assets.ultramusicfestival.com/fonts/monument/MonumentExtended-Ultrabold.woff2") format("woff2"), url("https://assets.ultramusicfestival.com/fonts/monument/MonumentExtended-Ultrabold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Monument Extended';
  src: url("https://assets.ultramusicfestival.com/fonts/monument/MonumentExtended-Regular.woff2") format("woff2"), url("https://assets.ultramusicfestival.com/fonts/monument/MonumentExtended-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'namu';
  src: url("https://assets.ultramusicfestival.com/fonts/namu/NAMU-1930.eot");
  src: url("https://assets.ultramusicfestival.com/fonts/namu/NAMU-1930.eot?#iefix") format("embedded-opentype"), url("https://assets.ultramusicfestival.com/fonts/namu/NAMU-1930.woff") format("woff"), url("https://assets.ultramusicfestival.com/fonts/namu/NAMU-1930.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

.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;}

*/
hr {
  opacity: 1;
  background: -moz- oldlinear-gradient(left, #fff, rgba(255, 255, 255, 0));
  background: -o-linear-gradient(left, #fff, rgba(255, 255, 255, 0));
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  border: 0px;
  width: 100%;
  height: 1px;
  margin-bottom: 1rem; }

hr.center {
  background: -moz- oldlinear-gradient(left, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0));
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0)); }

.op50 {
  opacity: .5; }

ul.styled li {
  position: relative;
  padding-left: 15px; }
  ul.styled li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    -o-transition: border 0.15s ease-out;
    -moz-transition: border 0.15s ease-out;
    transition: border 0.15s ease-out;
    text-decoration: none; }
    ul.styled li a:hover {
      border-bottom: 1px solid #fff; }

ul.styled li::before {
  color: gray;
  position: absolute;
  left: 0px;
  top: -1px;
  font-family: "fontello";
  content: '\e822'; }

/* Content ======================================================================================= */
#main {
  position: relative;
  z-index: 95;
  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;
  margin-top: 2rem; }

.content h3 {
  font-size: 18px;
  color: #ddd;
  line-height: 150%;
  margin-top: 2rem; }

.content h4 {
  font-size: 16px;
  color: #ddd;
  line-height: 150%;
  margin-top: 2rem; }

.content h5 {
  font-size: 14px;
  color: #ddd;
  line-height: 150%;
  margin-top: 2rem; }

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

.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: 1080px) {
  .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: 1080px) {
  .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: #ba9780;
  color: #000;
  border: 1px solid #ba9780 !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 #ba9780;
  background: rgba(186, 151, 128, 0.1); }

.red-outline-btn:hover {
  background: #ba9780;
  border: 1px solid rgba(186, 151, 128, 0.5);
  color: #000; }

.red-outline-btn:active {
  color: #fff;
  border: 1px solid rgba(186, 151, 128, 0.5);
  background: rgba(186, 151, 128, 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); }

.re-gold-btn {
  color: #000;
  border: 1px solid #fdf73d;
  background: rgba(253, 247, 61, 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); }

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

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

.re-gold-outline-btn {
  color: #fff;
  border: 1px solid #fdf73d;
  background: rgba(253, 247, 61, 0.1); }

.re-gold-outline-btn:hover {
  background: #fdf73d;
  border: 1px solid rgba(253, 247, 61, 0.5);
  color: #000; }

.re-gold-outline-btn:active {
  color: #fff;
  border: 1px solid rgba(253, 247, 61, 0.5);
  background: rgba(253, 247, 61, 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; }

a.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; }

a.link {
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  -o-transition: .2s border ease-out;
  -moz-transition: .2s border ease-out;
  transition: .2s border ease-out; }
  a.link:hover {
    border-bottom: 1px solid white; }

/* 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: #fff;
  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 .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: right; }

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: 70px;
    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; } }

#ddevents.modal {
  display: none; }

/* 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; }

strong.next {
  text-transform: uppercase;
  font-size: 11px; }

/* 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 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; } }

.sticky-footer-action {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  z-index: 1200; }
  @media only screen and (min-width: 1081px) {
    .sticky-footer-action {
      bottom: 12px;
      left: auto;
      right: 12px;
      width: auto; } }
  .sticky-footer-action a {
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-family: 'helvetica-bold';
    padding: 24px 12px;
    font-size: 14px; }
    @media only screen and (min-width: 1081px) {
      .sticky-footer-action a {
        -o-transition: background 0.15s ease-out, color 0.15s ease-out, border 0.15s ease-out;
        -moz-transition: background 0.15s ease-out, color 0.15s ease-out, border 0.15s ease-out;
        transition: background 0.15s ease-out, color 0.15s ease-out, border 0.15s ease-out;
        padding: 18px 24px;
        display: inline-block;
        width: auto;
        float: right; } }

.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; }

#single-artist {
  -o-transition: opacity 1s;
  -moz-transition: opacity 1s;
  transition: opacity 1s;
  opacity: 0.1; }

/* 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}

}

*/
.regnote-wrap {
  position: relative;
  cursor: pointer; }
  .regnote-wrap .copied-success {
    position: absolute;
    bottom: -18px;
    left: 0;
    text-transform: uppercase;
    color: #eee; }
  .regnote-wrap .regcode {
    color: #fff;
    border-bottom: 1px solid #fff; }

.eulogos {
  padding-bottom: 20px; }
  @media only screen and (min-width: 1081px) {
    .eulogos {
      float: right;
      position: relative;
      top: -40px;
      padding-bottom: 0;
      height: 30px;
      overflow: visible; } }

.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;
  font-size: 75%; }
  #tickets-app .tickets-title, #tickets-app .tickets-title-mobile {
    white-space: normal; }
    #tickets-app .tickets-title h1, #tickets-app .tickets-title-mobile h1 {
      color: #e7644f; }
      #tickets-app .tickets-title h1 small, #tickets-app .tickets-title-mobile h1 small {
        color: #fff;
        font-size: 0.5em; }
  #tickets-app .tickets-title-mobile {
    padding: 20px 20px 0;
    /*strong {
            font-size: 30px;
            margin: 0 0 1rem 0;
            font-family: 'Raleway';
            font-weight: normal;
            }*/ }
    #tickets-app .tickets-title-mobile small {
      display: block;
      padding-top: 5px; }
  #tickets-app div#tickets {
    width: 80%;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
    padding: 0 20px; }
    #tickets-app div#tickets.full-width {
      margin: auto;
      display: block; }
    #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 .description {
      font-size: 0.8em;
      color: #aaa;
      padding: 10px;
      margin-bottom: 20px; }
    #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 a.twolines {
        padding: 12px !important; }
      #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 > .info .date a {
            color: #fff !important;
            border-bottom: 1px solid #fff !important;
            background: none !important; }
            #tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket > .info .date a:hover {
              border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; }
      #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;
                        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 .regnote {
            display: block;
            padding-top: 10px; }
        #tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket .purchase .price.no-location {
          font-size: 2em; }
        #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 .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 > .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 #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;
  font-size: 14px; }

.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 a.get-updates {
  cursor: pointer; }

#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: 32%; }

#tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket .purchase {
  width: 68%; }

#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: 20px;
    border: 1px solid #333; }
  #tickets-app #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; }
  #tickets-app div#tickets, #tickets-app #tickets-nav {
    position: static;
    top: initial;
    display: block !important;
    display: none;
    padding-bottom: 20px !important; }
    #tickets-app div#tickets .side-nav-sticky2, #tickets-app #tickets-nav .side-nav-sticky2 {
      width: 100% !important; }
      #tickets-app div#tickets .side-nav-sticky2 ul, #tickets-app #tickets-nav .side-nav-sticky2 ul {
        width: 100%;
        margin: 0;
        padding: 0; }
        #tickets-app div#tickets .side-nav-sticky2 ul .sub-menu, #tickets-app #tickets-nav .side-nav-sticky2 ul .sub-menu {
          padding-top: 5px; }
      #tickets-app div#tickets .side-nav-sticky2 li, #tickets-app #tickets-nav .side-nav-sticky2 li {
        display: inline-block !important;
        clear: none !important;
        margin-bottom: 4px;
        width: 100%; }
        #tickets-app div#tickets .side-nav-sticky2 li a, #tickets-app #tickets-nav .side-nav-sticky2 li a {
          display: inline-block !important;
          text-transform: uppercase;
          font-family: 'helvetica-bold';
          font-size: 12px;
          color: #fff;
          background: #333;
          width: 100%; }
          #tickets-app div#tickets .side-nav-sticky2 li a b, #tickets-app #tickets-nav .side-nav-sticky2 li a b {
            display: none; }
          #tickets-app div#tickets .side-nav-sticky2 li a span, #tickets-app #tickets-nav .side-nav-sticky2 li a span {
            margin-top: -6px !important; } }

@media (max-width: 768px) {
  #tickets-app div#tickets, #tickets-app #tickets-nav {
    display: block !important; }
  #tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .ticket {
    white-space: normal; }
  div#tickets {
    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;
  text-align: center;
  padding-bottom: 18px;
  overflow: hidden; }
  .mtitle span {
    font-family: 'helvetica-bold';
    font-weight: bold; }

.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: 600px;
  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 {
  background: -moz- oldlinear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: -o-linear-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: 50px;
  position: relative;
  width: 100%;
  background-color: #000;
  -moz-border-radius: 100px;
       border-radius: 100px;
  border: 2px solid #eece73; }

.accentv2 {
  display: block;
  width: 110px;
  height: 19px;
  position: absolute;
  bottom: -21px;
  left: 50%;
  margin-left: -55px;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url("https://ultramusicfestival.com/wp-content/uploads/2020/02/meter-accent.png");
  -moz-background-size: 110px auto;
    -o-background-size: 110px auto;
       background-size: 110px auto; }

.ticket-meter .w .accent {
  background: -moz- oldlinear-gradient(left, rgba(255, 255, 255, 0.4) 0%, white 100%);
  background: -o-linear-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;
  display: none; }

.ticket-meter .w .ticksup {
  background: url("../img/theme/meter-up.png") bottom right;
  height: 6px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 5;
  display: none !important; }

.ticket-meter .w .ticksdown {
  background: url("../img/theme/meter-up.png") bottom right;
  height: 54x;
  left: 0;
  position: absolute;
  top: 26px;
  width: 100%;
  z-index: 5;
  display: none; }

.ticket-meter .w .bar {
  height: 25px;
  position: relative;
  width: 0;
  z-index: 3;
  border: 2px solid transparent; }

.ticket-meter .w .bar .p {
  color: #fff;
  display: block;
  font-size: 17px !important;
  font-weight: bold;
  height: auto !important;
  line-height: 100% !important;
  position: absolute;
  right: 5px;
  text-align: right;
  top: 3px;
  width: 80px;
  text-shadow: 1px 1px #000;
  opacity: 0; }

.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 {
  -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 {
  -moz-background-clip: padding-box;
    -o-background-clip: padding-box;
       background-clip: padding-box;
  -moz-border-radius: 50px;
       border-radius: 50px;
  background-repeat: no-repeat;
  background-image: url("https://ultramusicfestival.com/wp-content/uploads/2020/02/meter-bg.png");
  -moz-background-size: 300px auto;
    -o-background-size: 300px auto;
       background-size: 300px auto;
  background-position: left center; }
  @media only screen and (min-width: 480px) {
    .ticket-meter .ga .barbg, .ticket-meter .vip .barbg {
      -moz-background-size: 400px auto;
        -o-background-size: 400px auto;
           background-size: 400px auto; } }
  @media only screen and (min-width: 600px) {
    .ticket-meter .ga .barbg, .ticket-meter .vip .barbg {
      -moz-background-size: 540px auto;
        -o-background-size: 540px auto;
           background-size: 540px auto; } }

.ticket-meter .ga .bar .p {
  z-index: 10;
  color: #fff; }

.ticket-meter .vip .barbg {
  background: -moz- oldlinear-gradient(left, rgba(240, 0, 0, 0.1) 0%, #f00000 100%);
  background: -o-linear-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 .info,
  #tickets-app div#tickets article#ticketslist .ticket-type > .tickets > .available .purchase .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: 17px; }
  .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 img {
    width: 43px;
    top: -7px;
    margin-left: -138px;
    position: absolute;
    left: 50%; }
  .mtitle {
    font-size: 17px;
    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; } }

.tickets-anchor {
  position: relative; }
  .tickets-anchor a {
    position: absolute;
    top: -65px; }
    @media only screen and (min-width: 1081px) {
      .tickets-anchor a {
        top: -60px; } }

/*
@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 #confirm-error {
  position: absolute;
  top: -28px;
  left: 0; }

#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; }

#new-contact input::-webkit-input-placeholder, #new-contact textarea::-webkit-input-placeholder {
  color: #ccc; }

#new-contact input::-moz-placeholder, #new-contact textarea::-moz-placeholder {
  color: #ccc; }

#new-contact input:-ms-input-placeholder, #new-contact textarea:-ms-input-placeholder {
  color: #ccc; }

#new-contact input:-moz-placeholder, #new-contact textarea:-moz-placeholder {
  color: #ccc; }

#new-contact input:hover, #new-contact textarea:hover {
  background: white; }
  #new-contact input:hover::-webkit-input-placeholder, #new-contact textarea:hover::-webkit-input-placeholder {
    color: #000; }
  #new-contact input:hover::-moz-placeholder, #new-contact textarea:hover::-moz-placeholder {
    color: #000; }
  #new-contact input:hover:-ms-input-placeholder, #new-contact textarea:hover:-ms-input-placeholder {
    color: #000; }
  #new-contact input:hover:-moz-placeholder, #new-contact textarea:hover:-moz-placeholder {
    color: #000; }

@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 fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  display: block; }

.styledform label, .styledform legend {
  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;
  color: #b8e3f4;
  padding: 7px 2px; }

.styledform > ol > li {
  margin-bottom: 36px; }

.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 .checkbox {
  position: relative; }

.styledform .checkbox label.error {
  display: block !important;
  visibility: visible !important;
  color: red;
  position: absolute;
  top: -18px;
  left: 0px; }

.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: 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: 24px !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; }

#press-form input.error, #press-form select.error, #press-form textarea.error, #press-form .btn-error {
  border-color: red !important;
  background: rgba(255, 0, 0, 0.2);
  color: #fff; }

#press-form label.error {
  color: red !important;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px; }

#press-form .allow-dropdown {
  display: block; }

/*
#concierge-form input[type='checkbox']{ height: 0; width: 0; padding:0px; opacity:0 }

#concierge-form input[type='checkbox'] + label{
  position: relative;
  display: flex;
  margin: .6em 0;
  align-items: center;
  color: #999;
  transition: color 250ms cubic-bezier(.4,.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;
  transition: height 300ms cubic-bezier(.4,.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: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1em;
  width: 1em;
  height: 1em;
  background: transparent;
  border: 2px solid #9E9E9E;
  border-radius: 2px;
  cursor: pointer;
  transition: all 250ms cubic-bezier(.4,.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,.5);
}
#concierge-form input[type='checkbox']:checked + label > ins{ height: 100%; }

#concierge-form input[type='checkbox']:checked + label > span{
  border: .5em solid $rered;;
  animation: shrink-bounce 200ms cubic-bezier(.4,.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;
  transform: rotate(45deg);
  transform-origin: 0% 100%;
  animation: checkbox-check 125ms 250ms cubic-bezier(.4,.0,.23,1) forwards;
}

@keyframes shrink-bounce{
  0%{
    transform: scale(1);
  }
  33%{
    transform: scale(.85);
  }
  100%{
    transform: scale(1);
  }
}
@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,-.5em,0) rotate(45deg);
  }
}
*/
/* Glitch styles */
.glitch {
  position: relative;
  width: var(--glitch-width);
  max-width: 400px;
  height: var(--glitch-height);
  max-height: -moz-calc(400px * 1.25);
  max-height: calc(400px * 1.25);
  overflow: hidden;
  margin: 0 auto; }

.glitch:hover {
  cursor: pointer; }

.glitch__img {
  position: absolute;
  top: -moz-calc(-1 * var(--gap-vertical));
  top: calc(-1 * var(--gap-vertical));
  left: -moz-calc(-1 * var(--gap-horizontal));
  left: calc(-1 * var(--gap-horizontal));
  width: -moz-calc(100% + var(--gap-horizontal) * 2);
  width: calc(100% + var(--gap-horizontal) * 2);
  height: -moz-calc(100% + var(--gap-vertical) * 2);
  height: calc(100% + var(--gap-vertical) * 2);
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-color: var(--blend-color-1);
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  background-blend-mode: var(--blend-mode-1); }

/* Set the background colors for the glitch images*/
.glitch__img:nth-child(2) {
  background-color: var(--blend-color-2);
  background-blend-mode: var(--blend-mode-2); }

.glitch__img:nth-child(3) {
  background-color: var(--blend-color-3);
  background-blend-mode: var(--blend-mode-3); }

.glitch__img:nth-child(4) {
  background-color: var(--blend-color-4);
  background-blend-mode: var(--blend-mode-4); }

.glitch__img:nth-child(5) {
  background-color: var(--blend-color-5);
  background-blend-mode: var(--blend-mode-5); }

/* Hide all images except the first one */
.glitch__img:nth-child(n+2) {
  opacity: 0; }

/* Hovers */
/* On hover we show the 2nd, 3rd, 4th and 5th image*/
.glitch:hover, .glitch.hover {
  /* Hover animations for horizontal case */
  /* Hover flash animation on last image */ }
  .glitch:hover .glitch__img:nth-child(n+2), .glitch.hover .glitch__img:nth-child(n+2) {
    opacity: 1; }
  .glitch:hover .glitch__img:nth-child(2), .glitch.hover .glitch__img:nth-child(2) {
    -webkit-transform: translate3d(var(--gap-horizontal), 0, 0);
       -moz-transform: translate3d(var(--gap-horizontal), 0, 0);
            transform: translate3d(var(--gap-horizontal), 0, 0);
    -webkit-animation: glitch-anim-1-horizontal var(--time-anim) infinite linear alternate;
       -moz-animation: glitch-anim-1-horizontal var(--time-anim) infinite linear alternate;
         -o-animation: glitch-anim-1-horizontal var(--time-anim) infinite linear alternate;
            animation: glitch-anim-1-horizontal var(--time-anim) infinite linear alternate; }
  .glitch:hover .glitch__img:nth-child(3), .glitch.hover .glitch__img:nth-child(3) {
    -webkit-transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
       -moz-transform: translate3d(-moz-calc(-1 * var(--gap-horizontal)), 0, 0);
            transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
    -webkit-animation: glitch-anim-2-horizontal var(--time-anim) infinite linear alternate;
       -moz-animation: glitch-anim-2-horizontal var(--time-anim) infinite linear alternate;
         -o-animation: glitch-anim-2-horizontal var(--time-anim) infinite linear alternate;
            animation: glitch-anim-2-horizontal var(--time-anim) infinite linear alternate; }
  .glitch:hover .glitch__img:nth-child(4), .glitch.hover .glitch__img:nth-child(4) {
    -webkit-transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
       -moz-transform: translate3d(0, -moz-calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
            transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
    -webkit-animation: glitch-anim-3-horizontal var(--time-anim) infinite linear alternate;
       -moz-animation: glitch-anim-3-horizontal var(--time-anim) infinite linear alternate;
         -o-animation: glitch-anim-3-horizontal var(--time-anim) infinite linear alternate;
            animation: glitch-anim-3-horizontal var(--time-anim) infinite linear alternate; }
  .glitch:hover .glitch__img:nth-child(5), .glitch.hover .glitch__img:nth-child(5) {
    -webkit-animation: glitch-anim-flash 0.5s steps(1, end) infinite;
       -moz-animation: glitch-anim-flash 0.5s steps(1, end) infinite;
         -o-animation: glitch-anim-flash 0.5s steps(1, end) infinite;
            animation: glitch-anim-flash 0.5s steps(1, end) infinite; }

/* Hover animations for vertical case */
.glitch--vertical:hover .glitch__img:nth-child(2), .glitch--vertical.hover .glitch__img:nth-child(2) {
  -webkit-transform: translate3d(0, var(--gap-vertical), 0);
     -moz-transform: translate3d(0, var(--gap-vertical), 0);
          transform: translate3d(0, var(--gap-vertical), 0);
  -webkit-animation: glitch-anim-1-vertical var(--time-anim) infinite linear alternate;
     -moz-animation: glitch-anim-1-vertical var(--time-anim) infinite linear alternate;
       -o-animation: glitch-anim-1-vertical var(--time-anim) infinite linear alternate;
          animation: glitch-anim-1-vertical var(--time-anim) infinite linear alternate; }

.glitch--vertical:hover .glitch__img:nth-child(3), .glitch--vertical.hover .glitch__img:nth-child(3) {
  -webkit-transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0);
     -moz-transform: translate3d(0, -moz-calc(-1 * var(--gap-vertical)), 0);
          transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0);
  -webkit-animation: glitch-anim-2-vertical var(--time-anim) infinite linear alternate;
     -moz-animation: glitch-anim-2-vertical var(--time-anim) infinite linear alternate;
       -o-animation: glitch-anim-2-vertical var(--time-anim) infinite linear alternate;
          animation: glitch-anim-2-vertical var(--time-anim) infinite linear alternate; }

.glitch--vertical:hover .glitch__img:nth-child(4), .glitch--vertical.hover .glitch__img:nth-child(4) {
  -webkit-transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
     -moz-transform: translate3d(-moz-calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
          transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
  -webkit-animation: glitch-anim-3-vertical var(--time-anim) infinite linear alternate;
     -moz-animation: glitch-anim-3-vertical var(--time-anim) infinite linear alternate;
       -o-animation: glitch-anim-3-vertical var(--time-anim) infinite linear alternate;
          animation: glitch-anim-3-vertical var(--time-anim) infinite linear alternate; }

/* Animations */
/* Horizontal */
@-webkit-keyframes glitch-anim-1-horizontal {
  0% {
    -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
    clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); }
  10% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
    clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%); }
  20% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
    clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%); }
  30% {
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
    clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%); }
  40% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); }
  50% {
    -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); }
  60% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); }
  70% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); }
  80% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); }
  90% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); }
  100% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); } }
@-moz-keyframes glitch-anim-1-horizontal {
  0% {
    -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
    clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); }
  10% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
    clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%); }
  20% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
    clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%); }
  30% {
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
    clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%); }
  40% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); }
  50% {
    -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); }
  60% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); }
  70% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); }
  80% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); }
  90% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); }
  100% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); } }
@-o-keyframes glitch-anim-1-horizontal {
  0% {
    -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
    clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); }
  10% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
    clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%); }
  20% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
    clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%); }
  30% {
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
    clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%); }
  40% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); }
  50% {
    -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); }
  60% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); }
  70% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); }
  80% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); }
  90% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); }
  100% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); } }
@keyframes glitch-anim-1-horizontal {
  0% {
    -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
    clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); }
  10% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
    clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%); }
  20% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
    clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%); }
  30% {
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
    clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%); }
  40% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); }
  50% {
    -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); }
  60% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); }
  70% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); }
  80% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); }
  90% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); }
  100% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); } }

@-webkit-keyframes glitch-anim-2-horizontal {
  0% {
    -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
    clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%); }
  15% {
    -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
    clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%); }
  22% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
    clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%); }
  31% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); }
  45% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
    clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%); }
  51% {
    -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
    clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%); }
  63% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); }
  76% {
    -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
    clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%); }
  81% {
    -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
    clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%); }
  94% {
    -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
    clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%); }
  100% {
    -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
    clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%); } }

@-moz-keyframes glitch-anim-2-horizontal {
  0% {
    -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
    clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%); }
  15% {
    -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
    clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%); }
  22% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
    clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%); }
  31% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); }
  45% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
    clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%); }
  51% {
    -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
    clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%); }
  63% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); }
  76% {
    -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
    clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%); }
  81% {
    -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
    clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%); }
  94% {
    -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
    clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%); }
  100% {
    -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
    clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%); } }

@-o-keyframes glitch-anim-2-horizontal {
  0% {
    -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
    clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%); }
  15% {
    -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
    clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%); }
  22% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
    clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%); }
  31% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); }
  45% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
    clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%); }
  51% {
    -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
    clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%); }
  63% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); }
  76% {
    -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
    clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%); }
  81% {
    -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
    clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%); }
  94% {
    -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
    clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%); }
  100% {
    -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
    clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%); } }

@keyframes glitch-anim-2-horizontal {
  0% {
    -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
    clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%); }
  15% {
    -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
    clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%); }
  22% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
    clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%); }
  31% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); }
  45% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
    clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%); }
  51% {
    -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
    clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%); }
  63% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); }
  76% {
    -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
    clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%); }
  81% {
    -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
    clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%); }
  94% {
    -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
    clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%); }
  100% {
    -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
    clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%); } }

@-webkit-keyframes glitch-anim-3-horizontal {
  0% {
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
    clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%); }
  5% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
    clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%); }
  10% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
    clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%); }
  25% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); }
  27% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
    clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%); }
  30% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
    clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%); }
  33% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
    clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%); }
  37% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
    clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%); }
  40% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%); }
  45% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
    clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%); }
  50% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
    clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%); }
  53% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
    clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%); }
  57% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
    clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%); }
  60% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
    clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%); }
  65% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
    clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%); }
  70% {
    -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
    clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%); }
  73% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); }
  80% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
    clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%); }
  100% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
    clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%); } }

@-moz-keyframes glitch-anim-3-horizontal {
  0% {
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
    clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%); }
  5% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
    clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%); }
  10% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
    clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%); }
  25% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); }
  27% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
    clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%); }
  30% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
    clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%); }
  33% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
    clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%); }
  37% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
    clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%); }
  40% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%); }
  45% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
    clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%); }
  50% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
    clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%); }
  53% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
    clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%); }
  57% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
    clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%); }
  60% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
    clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%); }
  65% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
    clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%); }
  70% {
    -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
    clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%); }
  73% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); }
  80% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
    clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%); }
  100% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
    clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%); } }

@-o-keyframes glitch-anim-3-horizontal {
  0% {
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
    clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%); }
  5% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
    clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%); }
  10% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
    clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%); }
  25% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); }
  27% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
    clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%); }
  30% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
    clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%); }
  33% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
    clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%); }
  37% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
    clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%); }
  40% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%); }
  45% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
    clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%); }
  50% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
    clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%); }
  53% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
    clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%); }
  57% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
    clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%); }
  60% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
    clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%); }
  65% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
    clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%); }
  70% {
    -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
    clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%); }
  73% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); }
  80% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
    clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%); }
  100% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
    clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%); } }

@keyframes glitch-anim-3-horizontal {
  0% {
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
    clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%); }
  5% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
    clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%); }
  10% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
    clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%); }
  25% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); }
  27% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
    clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%); }
  30% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
    clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%); }
  33% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
    clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%); }
  37% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
    clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%); }
  40% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%); }
  45% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
    clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%); }
  50% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
    clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%); }
  53% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
    clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%); }
  57% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
    clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%); }
  60% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
    clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%); }
  65% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
    clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%); }
  70% {
    -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
    clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%); }
  73% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); }
  80% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
    clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%); }
  100% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
    clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%); } }

/* Vertical */
@-webkit-keyframes glitch-anim-1-vertical {
  0% {
    -webkit-clip-path: polygon(2% 0, 5% 0, 5% 100%, 2% 100%);
    clip-path: polygon(2% 0, 5% 0, 5% 100%, 2% 100%); }
  10% {
    -webkit-clip-path: polygon(15% 0, 15% 0, 15% 100%, 15% 100%);
    clip-path: polygon(15% 0, 15% 0, 15% 100%, 15% 100%); }
  20% {
    -webkit-clip-path: polygon(10% 0, 20% 0, 20% 100%, 10% 100%);
    clip-path: polygon(10% 0, 20% 0, 20% 100%, 10% 100%); }
  30% {
    -webkit-clip-path: polygon(1% 0, 2% 0, 2% 100%, 1% 100%);
    clip-path: polygon(1% 0, 2% 0, 2% 100%, 1% 100%); }
  40% {
    -webkit-clip-path: polygon(33% 0, 33% 0, 33% 100%, 33% 100%);
    clip-path: polygon(33% 0, 33% 0, 33% 100%, 33% 100%); }
  50% {
    -webkit-clip-path: polygon(44% 0, 44% 0, 44% 100%, 44% 100%);
    clip-path: polygon(44% 0, 44% 0, 44% 100%, 44% 100%); }
  60% {
    -webkit-clip-path: polygon(50% 0, 20% 0, 20% 100%, 50% 100%);
    clip-path: polygon(50% 0, 20% 0, 20% 100%, 50% 100%); }
  70% {
    -webkit-clip-path: polygon(70% 0, 70% 0, 70% 100% 70%, 70% 100%);
    clip-path: polygon(70% 0, 70% 0, 70% 100% 70%, 70% 100%); }
  80% {
    -webkit-clip-path: polygon(80% 0, 80% 0, 80% 100% 80%, 80% 100%);
    clip-path: polygon(80% 0, 80% 0, 80% 100% 80%, 80% 100%); }
  90% {
    -webkit-clip-path: polygon(50% 0, 55% 0, 55% 100%, 50% 100%);
    clip-path: polygon(50% 0, 55% 0, 55% 100%, 50% 100%); }
  100% {
    -webkit-clip-path: polygon(70% 0, 80% 0, 80% 100%, 70% 100%);
    clip-path: polygon(70% 0, 80% 0, 80% 100%, 70% 100%); } }
@-moz-keyframes glitch-anim-1-vertical {
  0% {
    -webkit-clip-path: polygon(2% 0, 5% 0, 5% 100%, 2% 100%);
    clip-path: polygon(2% 0, 5% 0, 5% 100%, 2% 100%); }
  10% {
    -webkit-clip-path: polygon(15% 0, 15% 0, 15% 100%, 15% 100%);
    clip-path: polygon(15% 0, 15% 0, 15% 100%, 15% 100%); }
  20% {
    -webkit-clip-path: polygon(10% 0, 20% 0, 20% 100%, 10% 100%);
    clip-path: polygon(10% 0, 20% 0, 20% 100%, 10% 100%); }
  30% {
    -webkit-clip-path: polygon(1% 0, 2% 0, 2% 100%, 1% 100%);
    clip-path: polygon(1% 0, 2% 0, 2% 100%, 1% 100%); }
  40% {
    -webkit-clip-path: polygon(33% 0, 33% 0, 33% 100%, 33% 100%);
    clip-path: polygon(33% 0, 33% 0, 33% 100%, 33% 100%); }
  50% {
    -webkit-clip-path: polygon(44% 0, 44% 0, 44% 100%, 44% 100%);
    clip-path: polygon(44% 0, 44% 0, 44% 100%, 44% 100%); }
  60% {
    -webkit-clip-path: polygon(50% 0, 20% 0, 20% 100%, 50% 100%);
    clip-path: polygon(50% 0, 20% 0, 20% 100%, 50% 100%); }
  70% {
    -webkit-clip-path: polygon(70% 0, 70% 0, 70% 100% 70%, 70% 100%);
    clip-path: polygon(70% 0, 70% 0, 70% 100% 70%, 70% 100%); }
  80% {
    -webkit-clip-path: polygon(80% 0, 80% 0, 80% 100% 80%, 80% 100%);
    clip-path: polygon(80% 0, 80% 0, 80% 100% 80%, 80% 100%); }
  90% {
    -webkit-clip-path: polygon(50% 0, 55% 0, 55% 100%, 50% 100%);
    clip-path: polygon(50% 0, 55% 0, 55% 100%, 50% 100%); }
  100% {
    -webkit-clip-path: polygon(70% 0, 80% 0, 80% 100%, 70% 100%);
    clip-path: polygon(70% 0, 80% 0, 80% 100%, 70% 100%); } }
@-o-keyframes glitch-anim-1-vertical {
  0% {
    -webkit-clip-path: polygon(2% 0, 5% 0, 5% 100%, 2% 100%);
    clip-path: polygon(2% 0, 5% 0, 5% 100%, 2% 100%); }
  10% {
    -webkit-clip-path: polygon(15% 0, 15% 0, 15% 100%, 15% 100%);
    clip-path: polygon(15% 0, 15% 0, 15% 100%, 15% 100%); }
  20% {
    -webkit-clip-path: polygon(10% 0, 20% 0, 20% 100%, 10% 100%);
    clip-path: polygon(10% 0, 20% 0, 20% 100%, 10% 100%); }
  30% {
    -webkit-clip-path: polygon(1% 0, 2% 0, 2% 100%, 1% 100%);
    clip-path: polygon(1% 0, 2% 0, 2% 100%, 1% 100%); }
  40% {
    -webkit-clip-path: polygon(33% 0, 33% 0, 33% 100%, 33% 100%);
    clip-path: polygon(33% 0, 33% 0, 33% 100%, 33% 100%); }
  50% {
    -webkit-clip-path: polygon(44% 0, 44% 0, 44% 100%, 44% 100%);
    clip-path: polygon(44% 0, 44% 0, 44% 100%, 44% 100%); }
  60% {
    -webkit-clip-path: polygon(50% 0, 20% 0, 20% 100%, 50% 100%);
    clip-path: polygon(50% 0, 20% 0, 20% 100%, 50% 100%); }
  70% {
    -webkit-clip-path: polygon(70% 0, 70% 0, 70% 100% 70%, 70% 100%);
    clip-path: polygon(70% 0, 70% 0, 70% 100% 70%, 70% 100%); }
  80% {
    -webkit-clip-path: polygon(80% 0, 80% 0, 80% 100% 80%, 80% 100%);
    clip-path: polygon(80% 0, 80% 0, 80% 100% 80%, 80% 100%); }
  90% {
    -webkit-clip-path: polygon(50% 0, 55% 0, 55% 100%, 50% 100%);
    clip-path: polygon(50% 0, 55% 0, 55% 100%, 50% 100%); }
  100% {
    -webkit-clip-path: polygon(70% 0, 80% 0, 80% 100%, 70% 100%);
    clip-path: polygon(70% 0, 80% 0, 80% 100%, 70% 100%); } }
@keyframes glitch-anim-1-vertical {
  0% {
    -webkit-clip-path: polygon(2% 0, 5% 0, 5% 100%, 2% 100%);
    clip-path: polygon(2% 0, 5% 0, 5% 100%, 2% 100%); }
  10% {
    -webkit-clip-path: polygon(15% 0, 15% 0, 15% 100%, 15% 100%);
    clip-path: polygon(15% 0, 15% 0, 15% 100%, 15% 100%); }
  20% {
    -webkit-clip-path: polygon(10% 0, 20% 0, 20% 100%, 10% 100%);
    clip-path: polygon(10% 0, 20% 0, 20% 100%, 10% 100%); }
  30% {
    -webkit-clip-path: polygon(1% 0, 2% 0, 2% 100%, 1% 100%);
    clip-path: polygon(1% 0, 2% 0, 2% 100%, 1% 100%); }
  40% {
    -webkit-clip-path: polygon(33% 0, 33% 0, 33% 100%, 33% 100%);
    clip-path: polygon(33% 0, 33% 0, 33% 100%, 33% 100%); }
  50% {
    -webkit-clip-path: polygon(44% 0, 44% 0, 44% 100%, 44% 100%);
    clip-path: polygon(44% 0, 44% 0, 44% 100%, 44% 100%); }
  60% {
    -webkit-clip-path: polygon(50% 0, 20% 0, 20% 100%, 50% 100%);
    clip-path: polygon(50% 0, 20% 0, 20% 100%, 50% 100%); }
  70% {
    -webkit-clip-path: polygon(70% 0, 70% 0, 70% 100% 70%, 70% 100%);
    clip-path: polygon(70% 0, 70% 0, 70% 100% 70%, 70% 100%); }
  80% {
    -webkit-clip-path: polygon(80% 0, 80% 0, 80% 100% 80%, 80% 100%);
    clip-path: polygon(80% 0, 80% 0, 80% 100% 80%, 80% 100%); }
  90% {
    -webkit-clip-path: polygon(50% 0, 55% 0, 55% 100%, 50% 100%);
    clip-path: polygon(50% 0, 55% 0, 55% 100%, 50% 100%); }
  100% {
    -webkit-clip-path: polygon(70% 0, 80% 0, 80% 100%, 70% 100%);
    clip-path: polygon(70% 0, 80% 0, 80% 100%, 70% 100%); } }

@-webkit-keyframes glitch-anim-2-vertical {
  0% {
    -webkit-clip-path: polygon(25% 0, 30% 0, 30% 100%, 25% 100%);
    clip-path: polygon(25% 0, 30% 0, 30% 100%, 25% 100%); }
  15% {
    -webkit-clip-path: polygon(3% 0, 3% 0, 3% 100%, 3% 100%);
    clip-path: polygon(3% 0, 3% 0, 3% 100%, 3% 100%); }
  22% {
    -webkit-clip-path: polygon(5% 0, 20% 0, 20% 100%, 5% 100%);
    clip-path: polygon(5% 0, 20% 0, 20% 100%, 5% 100%); }
  31% {
    -webkit-clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
    clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%); }
  45% {
    -webkit-clip-path: polygon(40% 0, 40% 0, 40% 100%, 40% 100%);
    clip-path: polygon(40% 0, 40% 0, 40% 100%, 40% 100%); }
  51% {
    -webkit-clip-path: polygon(52% 0, 59% 0, 59% 100%, 52% 100%);
    clip-path: polygon(52% 0, 59% 0, 59% 100%, 52% 100%); }
  63% {
    -webkit-clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
    clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%); }
  76% {
    -webkit-clip-path: polygon(75% 0, 75% 0, 75% 100%, 75% 100%);
    clip-path: polygon(75% 0, 75% 0, 75% 100%, 75% 100%); }
  81% {
    -webkit-clip-path: polygon(65% 0, 40% 0, 40% 100%, 65% 100%);
    clip-path: polygon(65% 0, 40% 0, 40% 100%, 65% 100%); }
  94% {
    -webkit-clip-path: polygon(45% 0, 50% 0, 50% 100%, 45% 100%);
    clip-path: polygon(45% 0, 50% 0, 50% 100%, 45% 100%); }
  100% {
    -webkit-clip-path: polygon(14% 0, 33% 0, 33% 100%, 14% 100%);
    clip-path: polygon(14% 0, 33% 0, 33% 100%, 14% 100%); } }

@-moz-keyframes glitch-anim-2-vertical {
  0% {
    -webkit-clip-path: polygon(25% 0, 30% 0, 30% 100%, 25% 100%);
    clip-path: polygon(25% 0, 30% 0, 30% 100%, 25% 100%); }
  15% {
    -webkit-clip-path: polygon(3% 0, 3% 0, 3% 100%, 3% 100%);
    clip-path: polygon(3% 0, 3% 0, 3% 100%, 3% 100%); }
  22% {
    -webkit-clip-path: polygon(5% 0, 20% 0, 20% 100%, 5% 100%);
    clip-path: polygon(5% 0, 20% 0, 20% 100%, 5% 100%); }
  31% {
    -webkit-clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
    clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%); }
  45% {
    -webkit-clip-path: polygon(40% 0, 40% 0, 40% 100%, 40% 100%);
    clip-path: polygon(40% 0, 40% 0, 40% 100%, 40% 100%); }
  51% {
    -webkit-clip-path: polygon(52% 0, 59% 0, 59% 100%, 52% 100%);
    clip-path: polygon(52% 0, 59% 0, 59% 100%, 52% 100%); }
  63% {
    -webkit-clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
    clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%); }
  76% {
    -webkit-clip-path: polygon(75% 0, 75% 0, 75% 100%, 75% 100%);
    clip-path: polygon(75% 0, 75% 0, 75% 100%, 75% 100%); }
  81% {
    -webkit-clip-path: polygon(65% 0, 40% 0, 40% 100%, 65% 100%);
    clip-path: polygon(65% 0, 40% 0, 40% 100%, 65% 100%); }
  94% {
    -webkit-clip-path: polygon(45% 0, 50% 0, 50% 100%, 45% 100%);
    clip-path: polygon(45% 0, 50% 0, 50% 100%, 45% 100%); }
  100% {
    -webkit-clip-path: polygon(14% 0, 33% 0, 33% 100%, 14% 100%);
    clip-path: polygon(14% 0, 33% 0, 33% 100%, 14% 100%); } }

@-o-keyframes glitch-anim-2-vertical {
  0% {
    -webkit-clip-path: polygon(25% 0, 30% 0, 30% 100%, 25% 100%);
    clip-path: polygon(25% 0, 30% 0, 30% 100%, 25% 100%); }
  15% {
    -webkit-clip-path: polygon(3% 0, 3% 0, 3% 100%, 3% 100%);
    clip-path: polygon(3% 0, 3% 0, 3% 100%, 3% 100%); }
  22% {
    -webkit-clip-path: polygon(5% 0, 20% 0, 20% 100%, 5% 100%);
    clip-path: polygon(5% 0, 20% 0, 20% 100%, 5% 100%); }
  31% {
    -webkit-clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
    clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%); }
  45% {
    -webkit-clip-path: polygon(40% 0, 40% 0, 40% 100%, 40% 100%);
    clip-path: polygon(40% 0, 40% 0, 40% 100%, 40% 100%); }
  51% {
    -webkit-clip-path: polygon(52% 0, 59% 0, 59% 100%, 52% 100%);
    clip-path: polygon(52% 0, 59% 0, 59% 100%, 52% 100%); }
  63% {
    -webkit-clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
    clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%); }
  76% {
    -webkit-clip-path: polygon(75% 0, 75% 0, 75% 100%, 75% 100%);
    clip-path: polygon(75% 0, 75% 0, 75% 100%, 75% 100%); }
  81% {
    -webkit-clip-path: polygon(65% 0, 40% 0, 40% 100%, 65% 100%);
    clip-path: polygon(65% 0, 40% 0, 40% 100%, 65% 100%); }
  94% {
    -webkit-clip-path: polygon(45% 0, 50% 0, 50% 100%, 45% 100%);
    clip-path: polygon(45% 0, 50% 0, 50% 100%, 45% 100%); }
  100% {
    -webkit-clip-path: polygon(14% 0, 33% 0, 33% 100%, 14% 100%);
    clip-path: polygon(14% 0, 33% 0, 33% 100%, 14% 100%); } }

@keyframes glitch-anim-2-vertical {
  0% {
    -webkit-clip-path: polygon(25% 0, 30% 0, 30% 100%, 25% 100%);
    clip-path: polygon(25% 0, 30% 0, 30% 100%, 25% 100%); }
  15% {
    -webkit-clip-path: polygon(3% 0, 3% 0, 3% 100%, 3% 100%);
    clip-path: polygon(3% 0, 3% 0, 3% 100%, 3% 100%); }
  22% {
    -webkit-clip-path: polygon(5% 0, 20% 0, 20% 100%, 5% 100%);
    clip-path: polygon(5% 0, 20% 0, 20% 100%, 5% 100%); }
  31% {
    -webkit-clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
    clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%); }
  45% {
    -webkit-clip-path: polygon(40% 0, 40% 0, 40% 100%, 40% 100%);
    clip-path: polygon(40% 0, 40% 0, 40% 100%, 40% 100%); }
  51% {
    -webkit-clip-path: polygon(52% 0, 59% 0, 59% 100%, 52% 100%);
    clip-path: polygon(52% 0, 59% 0, 59% 100%, 52% 100%); }
  63% {
    -webkit-clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
    clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%); }
  76% {
    -webkit-clip-path: polygon(75% 0, 75% 0, 75% 100%, 75% 100%);
    clip-path: polygon(75% 0, 75% 0, 75% 100%, 75% 100%); }
  81% {
    -webkit-clip-path: polygon(65% 0, 40% 0, 40% 100%, 65% 100%);
    clip-path: polygon(65% 0, 40% 0, 40% 100%, 65% 100%); }
  94% {
    -webkit-clip-path: polygon(45% 0, 50% 0, 50% 100%, 45% 100%);
    clip-path: polygon(45% 0, 50% 0, 50% 100%, 45% 100%); }
  100% {
    -webkit-clip-path: polygon(14% 0, 33% 0, 33% 100%, 14% 100%);
    clip-path: polygon(14% 0, 33% 0, 33% 100%, 14% 100%); } }

@-webkit-keyframes glitch-anim-3-vertical {
  0% {
    -webkit-clip-path: polygon(1% 0, 3% 0, 3% 100%, 1% 100%);
    clip-path: polygon(1% 0, 3% 0, 3% 100%, 1% 100%); }
  5% {
    -webkit-clip-path: polygon(10% 0, 9% 0, 9% 100%, 10% 100%);
    clip-path: polygon(10% 0, 9% 0, 9% 100%, 10% 100%); }
  10% {
    -webkit-clip-path: polygon(5% 0, 6% 0 6% 100%, 5% 100%);
    clip-path: polygon(5% 0, 6% 0 6% 100%, 5% 100%); }
  25% {
    -webkit-clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
    clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%); }
  27% {
    -webkit-clip-path: polygon(10% 0, 10% 0, 10% 100%, 10% 100%);
    clip-path: polygon(10% 0, 10% 0, 10% 100%, 10% 100%); }
  30% {
    -webkit-clip-path: polygon(30% 0, 25% 0, 25% 100%, 30% 100%);
    clip-path: polygon(30% 0, 25% 0, 25% 100%, 30% 100%); }
  33% {
    -webkit-clip-path: polygon(15% 0, 16% 0, 16% 100%, 15% 100%);
    clip-path: polygon(15% 0, 16% 0, 16% 100%, 15% 100%); }
  37% {
    -webkit-clip-path: polygon(40% 0, 39% 0, 39% 100%, 40% 100%);
    clip-path: polygon(40% 0, 39% 0, 39% 100%, 40% 100%); }
  40% {
    -webkit-clip-path: polygon(20% 0, 21% 0, 21% 100%, 20% 100%);
    clip-path: polygon(20% 0, 21% 0, 21% 100%, 20% 100%); }
  45% {
    -webkit-clip-path: polygon(60% 0, 55% 0, 55% 100%, 60% 100%);
    clip-path: polygon(60% 0, 55% 0, 55% 100%, 60% 100%); }
  50% {
    -webkit-clip-path: polygon(30% 0, 31% 0, 31% 100%, 30% 100%);
    clip-path: polygon(30% 0, 31% 0, 31% 100%, 30% 100%); }
  53% {
    -webkit-clip-path: polygon(70% 0, 69% 0, 69% 100%, 70% 100%);
    clip-path: polygon(70% 0, 69% 0, 69% 100%, 70% 100%); }
  57% {
    -webkit-clip-path: polygon(40% 0, 41% 0, 41% 100%, 40% 100%);
    clip-path: polygon(40% 0, 41% 0, 41% 100%, 40% 100%); }
  60% {
    -webkit-clip-path: polygon(80% 0, 75% 0, 75% 100%, 80% 100%);
    clip-path: polygon(80% 0, 75% 0, 75% 100%, 80% 100%); }
  65% {
    -webkit-clip-path: polygon(50% 0, 51% 0, 51% 100%, 50% 100%);
    clip-path: polygon(50% 0, 51% 0, 51% 100%, 50% 100%); }
  70% {
    -webkit-clip-path: polygon(90% 0, 90% 0, 90% 100%, 90% 100%);
    clip-path: polygon(90% 0, 90% 0, 90% 100%, 90% 100%); }
  73% {
    -webkit-clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
    clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%); }
  80% {
    -webkit-clip-path: polygon(100% 0, 99% 0, 99% 100%, 100% 100%);
    clip-path: polygon(100% 0, 99% 0, 99% 100%, 100% 100%); }
  100% {
    -webkit-clip-path: polygon(70% 0, 71% 0, 71% 100%, 70% 100%);
    clip-path: polygon(70% 0, 71% 0, 71% 100%, 70% 100%); } }

@-moz-keyframes glitch-anim-3-vertical {
  0% {
    -webkit-clip-path: polygon(1% 0, 3% 0, 3% 100%, 1% 100%);
    clip-path: polygon(1% 0, 3% 0, 3% 100%, 1% 100%); }
  5% {
    -webkit-clip-path: polygon(10% 0, 9% 0, 9% 100%, 10% 100%);
    clip-path: polygon(10% 0, 9% 0, 9% 100%, 10% 100%); }
  10% {
    -webkit-clip-path: polygon(5% 0, 6% 0 6% 100%, 5% 100%);
    clip-path: polygon(5% 0, 6% 0 6% 100%, 5% 100%); }
  25% {
    -webkit-clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
    clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%); }
  27% {
    -webkit-clip-path: polygon(10% 0, 10% 0, 10% 100%, 10% 100%);
    clip-path: polygon(10% 0, 10% 0, 10% 100%, 10% 100%); }
  30% {
    -webkit-clip-path: polygon(30% 0, 25% 0, 25% 100%, 30% 100%);
    clip-path: polygon(30% 0, 25% 0, 25% 100%, 30% 100%); }
  33% {
    -webkit-clip-path: polygon(15% 0, 16% 0, 16% 100%, 15% 100%);
    clip-path: polygon(15% 0, 16% 0, 16% 100%, 15% 100%); }
  37% {
    -webkit-clip-path: polygon(40% 0, 39% 0, 39% 100%, 40% 100%);
    clip-path: polygon(40% 0, 39% 0, 39% 100%, 40% 100%); }
  40% {
    -webkit-clip-path: polygon(20% 0, 21% 0, 21% 100%, 20% 100%);
    clip-path: polygon(20% 0, 21% 0, 21% 100%, 20% 100%); }
  45% {
    -webkit-clip-path: polygon(60% 0, 55% 0, 55% 100%, 60% 100%);
    clip-path: polygon(60% 0, 55% 0, 55% 100%, 60% 100%); }
  50% {
    -webkit-clip-path: polygon(30% 0, 31% 0, 31% 100%, 30% 100%);
    clip-path: polygon(30% 0, 31% 0, 31% 100%, 30% 100%); }
  53% {
    -webkit-clip-path: polygon(70% 0, 69% 0, 69% 100%, 70% 100%);
    clip-path: polygon(70% 0, 69% 0, 69% 100%, 70% 100%); }
  57% {
    -webkit-clip-path: polygon(40% 0, 41% 0, 41% 100%, 40% 100%);
    clip-path: polygon(40% 0, 41% 0, 41% 100%, 40% 100%); }
  60% {
    -webkit-clip-path: polygon(80% 0, 75% 0, 75% 100%, 80% 100%);
    clip-path: polygon(80% 0, 75% 0, 75% 100%, 80% 100%); }
  65% {
    -webkit-clip-path: polygon(50% 0, 51% 0, 51% 100%, 50% 100%);
    clip-path: polygon(50% 0, 51% 0, 51% 100%, 50% 100%); }
  70% {
    -webkit-clip-path: polygon(90% 0, 90% 0, 90% 100%, 90% 100%);
    clip-path: polygon(90% 0, 90% 0, 90% 100%, 90% 100%); }
  73% {
    -webkit-clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
    clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%); }
  80% {
    -webkit-clip-path: polygon(100% 0, 99% 0, 99% 100%, 100% 100%);
    clip-path: polygon(100% 0, 99% 0, 99% 100%, 100% 100%); }
  100% {
    -webkit-clip-path: polygon(70% 0, 71% 0, 71% 100%, 70% 100%);
    clip-path: polygon(70% 0, 71% 0, 71% 100%, 70% 100%); } }

@-o-keyframes glitch-anim-3-vertical {
  0% {
    -webkit-clip-path: polygon(1% 0, 3% 0, 3% 100%, 1% 100%);
    clip-path: polygon(1% 0, 3% 0, 3% 100%, 1% 100%); }
  5% {
    -webkit-clip-path: polygon(10% 0, 9% 0, 9% 100%, 10% 100%);
    clip-path: polygon(10% 0, 9% 0, 9% 100%, 10% 100%); }
  10% {
    -webkit-clip-path: polygon(5% 0, 6% 0 6% 100%, 5% 100%);
    clip-path: polygon(5% 0, 6% 0 6% 100%, 5% 100%); }
  25% {
    -webkit-clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
    clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%); }
  27% {
    -webkit-clip-path: polygon(10% 0, 10% 0, 10% 100%, 10% 100%);
    clip-path: polygon(10% 0, 10% 0, 10% 100%, 10% 100%); }
  30% {
    -webkit-clip-path: polygon(30% 0, 25% 0, 25% 100%, 30% 100%);
    clip-path: polygon(30% 0, 25% 0, 25% 100%, 30% 100%); }
  33% {
    -webkit-clip-path: polygon(15% 0, 16% 0, 16% 100%, 15% 100%);
    clip-path: polygon(15% 0, 16% 0, 16% 100%, 15% 100%); }
  37% {
    -webkit-clip-path: polygon(40% 0, 39% 0, 39% 100%, 40% 100%);
    clip-path: polygon(40% 0, 39% 0, 39% 100%, 40% 100%); }
  40% {
    -webkit-clip-path: polygon(20% 0, 21% 0, 21% 100%, 20% 100%);
    clip-path: polygon(20% 0, 21% 0, 21% 100%, 20% 100%); }
  45% {
    -webkit-clip-path: polygon(60% 0, 55% 0, 55% 100%, 60% 100%);
    clip-path: polygon(60% 0, 55% 0, 55% 100%, 60% 100%); }
  50% {
    -webkit-clip-path: polygon(30% 0, 31% 0, 31% 100%, 30% 100%);
    clip-path: polygon(30% 0, 31% 0, 31% 100%, 30% 100%); }
  53% {
    -webkit-clip-path: polygon(70% 0, 69% 0, 69% 100%, 70% 100%);
    clip-path: polygon(70% 0, 69% 0, 69% 100%, 70% 100%); }
  57% {
    -webkit-clip-path: polygon(40% 0, 41% 0, 41% 100%, 40% 100%);
    clip-path: polygon(40% 0, 41% 0, 41% 100%, 40% 100%); }
  60% {
    -webkit-clip-path: polygon(80% 0, 75% 0, 75% 100%, 80% 100%);
    clip-path: polygon(80% 0, 75% 0, 75% 100%, 80% 100%); }
  65% {
    -webkit-clip-path: polygon(50% 0, 51% 0, 51% 100%, 50% 100%);
    clip-path: polygon(50% 0, 51% 0, 51% 100%, 50% 100%); }
  70% {
    -webkit-clip-path: polygon(90% 0, 90% 0, 90% 100%, 90% 100%);
    clip-path: polygon(90% 0, 90% 0, 90% 100%, 90% 100%); }
  73% {
    -webkit-clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
    clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%); }
  80% {
    -webkit-clip-path: polygon(100% 0, 99% 0, 99% 100%, 100% 100%);
    clip-path: polygon(100% 0, 99% 0, 99% 100%, 100% 100%); }
  100% {
    -webkit-clip-path: polygon(70% 0, 71% 0, 71% 100%, 70% 100%);
    clip-path: polygon(70% 0, 71% 0, 71% 100%, 70% 100%); } }

@keyframes glitch-anim-3-vertical {
  0% {
    -webkit-clip-path: polygon(1% 0, 3% 0, 3% 100%, 1% 100%);
    clip-path: polygon(1% 0, 3% 0, 3% 100%, 1% 100%); }
  5% {
    -webkit-clip-path: polygon(10% 0, 9% 0, 9% 100%, 10% 100%);
    clip-path: polygon(10% 0, 9% 0, 9% 100%, 10% 100%); }
  10% {
    -webkit-clip-path: polygon(5% 0, 6% 0 6% 100%, 5% 100%);
    clip-path: polygon(5% 0, 6% 0 6% 100%, 5% 100%); }
  25% {
    -webkit-clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
    clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%); }
  27% {
    -webkit-clip-path: polygon(10% 0, 10% 0, 10% 100%, 10% 100%);
    clip-path: polygon(10% 0, 10% 0, 10% 100%, 10% 100%); }
  30% {
    -webkit-clip-path: polygon(30% 0, 25% 0, 25% 100%, 30% 100%);
    clip-path: polygon(30% 0, 25% 0, 25% 100%, 30% 100%); }
  33% {
    -webkit-clip-path: polygon(15% 0, 16% 0, 16% 100%, 15% 100%);
    clip-path: polygon(15% 0, 16% 0, 16% 100%, 15% 100%); }
  37% {
    -webkit-clip-path: polygon(40% 0, 39% 0, 39% 100%, 40% 100%);
    clip-path: polygon(40% 0, 39% 0, 39% 100%, 40% 100%); }
  40% {
    -webkit-clip-path: polygon(20% 0, 21% 0, 21% 100%, 20% 100%);
    clip-path: polygon(20% 0, 21% 0, 21% 100%, 20% 100%); }
  45% {
    -webkit-clip-path: polygon(60% 0, 55% 0, 55% 100%, 60% 100%);
    clip-path: polygon(60% 0, 55% 0, 55% 100%, 60% 100%); }
  50% {
    -webkit-clip-path: polygon(30% 0, 31% 0, 31% 100%, 30% 100%);
    clip-path: polygon(30% 0, 31% 0, 31% 100%, 30% 100%); }
  53% {
    -webkit-clip-path: polygon(70% 0, 69% 0, 69% 100%, 70% 100%);
    clip-path: polygon(70% 0, 69% 0, 69% 100%, 70% 100%); }
  57% {
    -webkit-clip-path: polygon(40% 0, 41% 0, 41% 100%, 40% 100%);
    clip-path: polygon(40% 0, 41% 0, 41% 100%, 40% 100%); }
  60% {
    -webkit-clip-path: polygon(80% 0, 75% 0, 75% 100%, 80% 100%);
    clip-path: polygon(80% 0, 75% 0, 75% 100%, 80% 100%); }
  65% {
    -webkit-clip-path: polygon(50% 0, 51% 0, 51% 100%, 50% 100%);
    clip-path: polygon(50% 0, 51% 0, 51% 100%, 50% 100%); }
  70% {
    -webkit-clip-path: polygon(90% 0, 90% 0, 90% 100%, 90% 100%);
    clip-path: polygon(90% 0, 90% 0, 90% 100%, 90% 100%); }
  73% {
    -webkit-clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
    clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%); }
  80% {
    -webkit-clip-path: polygon(100% 0, 99% 0, 99% 100%, 100% 100%);
    clip-path: polygon(100% 0, 99% 0, 99% 100%, 100% 100%); }
  100% {
    -webkit-clip-path: polygon(70% 0, 71% 0, 71% 100%, 70% 100%);
    clip-path: polygon(70% 0, 71% 0, 71% 100%, 70% 100%); } }

@-webkit-keyframes glitch-anim-text {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
            transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%); }
  10% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); }
  20% {
    -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); }
  35% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); }
  50% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); }
  60% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); }
  70% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); }
  80% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); }
  90% {
    -webkit-transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
            transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
            transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } }

@-moz-keyframes glitch-anim-text {
  0% {
    opacity: 1;
    -moz-transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
         transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%); }
  10% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); }
  20% {
    -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); }
  35% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); }
  50% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); }
  60% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); }
  70% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); }
  80% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); }
  90% {
    -moz-transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
         transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1); }
  100% {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
         transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } }

@-o-keyframes glitch-anim-text {
  0% {
    opacity: 1;
    transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%); }
  10% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); }
  20% {
    -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); }
  35% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); }
  50% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); }
  60% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); }
  70% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); }
  80% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); }
  90% {
    transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } }

@keyframes glitch-anim-text {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
       -moz-transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
            transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%); }
  10% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); }
  20% {
    -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); }
  35% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); }
  50% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); }
  60% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); }
  70% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); }
  80% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); }
  90% {
    -webkit-transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
       -moz-transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
            transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
       -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
            transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } }

/* Flash */
@-webkit-keyframes glitch-anim-flash {
  0% {
    opacity: 0.2;
    -webkit-transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
            transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0); }
  33%, 100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@-moz-keyframes glitch-anim-flash {
  0% {
    opacity: 0.2;
    -moz-transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
         transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0); }
  33%, 100% {
    opacity: 0;
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0); } }
@-o-keyframes glitch-anim-flash {
  0% {
    opacity: 0.2;
    transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0); }
  33%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0); } }
@keyframes glitch-anim-flash {
  0% {
    opacity: 0.2;
    -webkit-transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
       -moz-transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
            transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0); }
  33%, 100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

/* 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.full, .swiper-container .swiper-slide a.full {
  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; }

html body .poistable {
  background: #000;
  color: #fff !important; }

.setmeta {
  margin-bottom: 35px;
  font-size: 14px; }
  .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; } }

#tables-form.styledform label.error {
  display: block !important;
  visibility: visible !important;
  color: #fff !important;
  font-family: 'helvetica-bold';
  font-weight: normal;
  margin-top: 5px; }

#tables-form.styledform input, #tables-form.styledform select {
  margin-bottom: 0px !important; }

#tables-form.styledform > li {
  margin-bottom: 36px !important; }

.pptable {
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
  padding-bottom: 40px; }
  .pptable table {
    max-width: 100%;
    display: block;
    width: auto;
    border-collapse: collapse; }
    .pptable table thead {
      display: block;
      float: left; }
      .pptable table thead th {
        display: block;
        border-bottom: 2px solid #333;
        border-right: 1px solid #333; }
    .pptable table tr {
      width: 100%;
      margin: 0;
      padding: 0; }
    .pptable table tbody {
      display: block;
      width: auto;
      position: relative;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; }
      .pptable table tbody td, .pptable table tbody th {
        border-bottom: 2px solid #333;
        min-width: 140px;
        border-right: 1px solid #333; }
    .pptable table th, .pptable table td {
      font-size: 16px;
      color: #fff !important;
      padding: 16px 20px 16px 20px;
      line-height: 100%;
      line-height: 18px; }
    .pptable table th {
      text-transform: uppercase;
      font-size: 13px !important;
      line-height: 18px; }
  .pptable tbody th, .pptable thead th {
    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%);
    border-color: #333; }

.pp-swipe-note {
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  top: -30px;
  left: 180px;
  display: inline-block;
  max-width: 100%; }
  @media only screen and (min-width: 1080px) {
    .pp-swipe-note {
      display: none; } }

.resislist .registered, .resislist .registered:hover {
  background: #99c1ff !important;
  border-color: #99c1ff !important;
  color: #000 !important;
  cursor: default !important; }

html body .re-top {
  text-align: center;
  position: fixed;
  z-index: 970;
  width: 100%;
  top: 0px;
  left: 0px;
  -o-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out; }
  html body .re-top .ww a {
    opacity: .4;
    -o-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out; }
    html body .re-top .ww a:hover {
      opacity: .8; }
  html body .re-top .re-logo a {
    opacity: .8; }
    html body .re-top .re-logo a:hover {
      opacity: 1; }
  html body .re-top .ww {
    position: relative;
    top: -7px; }

.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 #ba9780;
    background: none;
    font-size: 18px;
    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;
    color: #000;
    background: rgba(186, 151, 128, 0.9);
    -moz-box-shadow: none;
         box-shadow: none; }
    #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 {
      border-color: #7b8693;
      background: #7b8693;
      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(186, 151, 128, 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.9) 0%, rgba(0, 0, 0, 0.9) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 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: #7b8693; }

.re-form input:-ms-input-placeholder {
  color: #7b8693; }

.re-form input:-moz-placeholder:active {
  color: #7b8693; }

.re-form input::-webkit-input-placeholder:active {
  color: #7b8693; }

.re-form input:-ms-input-placeholder:active {
  color: #7b8693; }

.re-form input.error:-moz-placeholder {
  color: #7b8693; }

.re-form input.error::-webkit-input-placeholder {
  color: #7b8693; }

.re-form input.error:-ms-input-placeholder {
  color: #7b8693; }

.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: left;
  font-family: 'Circular Std Book';
  font-size: 32px;
  letter-spacing: 1px;
  color: #fff;
  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: 'Circular Std Book';
  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 }
*/
.events-share {
  width: 233px; }
  @media only screen and (min-width: 1081px) {
    .events-share {
      text-align: center; } }
  .events-share strong {
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 10px;
    display: inline-block; }
  .events-share li a span {
    font-size: 18px; }

.social-share {
  padding: 0 !important;
  margin: 0 !important; }
  .social-share li {
    display: inline-block; }
    .social-share li a {
      font-size: 25px; }

.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;
  text-decoration: none; }

.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, .textbutton2 {
  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; }

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

.textbutton2:hover {
  border-bottom: 1px solid #fff; }

.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; }

a.registered, a.registered:hover, a.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;
      text-decoration: none; }
      #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 {
  padding-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.showerrors label.error {
  display: block !important;
  visibility: visible !important;
  color: #d00;
  margin-top: 8px;
  font-family: 'helvetica-bold'; }

.styledform select,
.styledform textarea,
.styledform input[type="text"],
.styledform input[type="email"],
.styledform input[type="number"],
.styledform input.serialcode[type="tel"],
.styledform input[type="password"] {
  font-size: 18px !important;
  line-height: 180%;
  padding: 10px !important;
  font-family: 'Arial';
  margin-bottom: 0; }

#login-form2 input[type="checkbox"] {
  margin-bottom: 24px !important; }

.styledform input[type="number"]:focus,
.styledform input[type="text"]:focus,
.styledform input[type="checkbox"]:focus,
.styledform input[type="password"]:focus,
.styledform input[type="email"]:focus,
.styledform input.serialcode[type="tel"]:focus,
.styledform input[type="number"]:active,
.styledform input[type="text"]:active,
.styledform input[type="checkbox"]:active,
.styledform input[type="password"]:active,
.styledform input[type="tel"]: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%; }

#activate-form {
  position: relative; }
  #activate-form .guest2, #activate-form .wba-confirm2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #010101; }
  #activate-form .wba-confirm {
    overflow: hidden; }
    #activate-form .wba-confirm h2 {
      margin-top: 0; }
  #activate-form .guest2 {
    overflow: hidden;
    padding: 0 30px 0px;
    background: #000; }
  #activate-form .wba-success h4 {
    margin-top: 0; }

.wba-title {
  margin-top: 0 !important; }

.signature {
  font-family: 'Arizonia';
  font-size: 50px !important; }

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

.fancybox-content p, .fancybox-content li {
  font-size: 15px;
  line-height: 175%; }

#activate-form ol {
  margin: 0; }

a u {
  text-decoration: none; }

form.styledform ol li.checkbox label {
  display: block;
  line-height: 120%;
  padding: 5px 20px;
  cursor: pointer; }
  form.styledform ol li.checkbox label input {
    position: absolute;
    top: 7px;
    left: 0; }

/*
  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-footer2 .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 {
  display: block; }

#signupmodal .terms p {
  margin-bottom: 0px; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  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;
  background: none;
  border: none; }
  .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; } }

#potentialstatus {
  vertical-align: middle;
  text-transform: uppercase; }

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;
    margin-top: 0; }

.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;
  text-decoration: none; }
  .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; }

.pointslist td.pos {
  background: lightgreen; }

.btncanceldemo {
  display: inline-block;
  padding: 0px 10px;
  cursor: pointer; }

.canceldemo {
  width: 100%;
  margin: 0;
  overflow: hidden; }

.pos {
  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%); }
  .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;
  margin-top: 0 !important; }

.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;
  position: relative; }
  @media only screen and (min-width: 771px) {
    .uicon img {
      top: 2px;
      left: 1px; } }

.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 {
  position: relative;
  width: 100%; }

.progress-bar .nextname {
  position: absolute;
  top: -18px;
  right: 0px;
  text-transform: uppercase;
  font-size: 11px; }

.progress-bar .currentname {
  position: absolute;
  top: -18px;
  left: 0px;
  font-style: normal;
  font-size: 11px;
  text-transform: uppercase; }

.progress-bar .endpoints {
  position: absolute;
  bottom: -18px;
  right: 0px;
  text-transform: uppercase;
  font-size: 12px; }

.progress-bar .startpoints {
  position: absolute;
  bottom: -18px;
  left: 0px;
  font-style: normal;
  font-size: 12px; }

.progress-bar .bar {
  width: 100%;
  height: 8px; }

.progress-bar .fill {
  width: 0%;
  height: 8px;
  position: relative;
  -o-transition: width 2500ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: width 2500ms cubic-bezier(1, 0, 0, 1);
  transition: width 2500ms cubic-bezier(1, 0, 0, 1); }

.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;
      text-decoration: none; }
      #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'; }

.unlock-note {
  clear: both;
  position: relative;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 15px;
  top: -2px; }
  .unlock-note span {
    font-weight: bold; }
  .unlock-note strong {
    font-weight: bold;
    font-size: 14px; }
  @media only screen and (min-width: 600px) {
    .unlock-note {
      top: -15px;
      text-align: center;
      margin-bottom: 0px; } }

#points-ledger th {
  text-align: left;
  padding: 22px; }

#points-ledger td {
  padding: 15px 22px; }

#points-ledger a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  -o-transition: border 0.15s ease-out;
  -moz-transition: border 0.15s ease-out;
  transition: border 0.15s ease-out; }
  #points-ledger a:hover {
    border-bottom: 1px solid white; }

#points-ledger .deleted {
  background: rgba(255, 0, 0, 0.4); }

#points-ledger .active {
  background: rgba(0, 0, 0, 0.2); }

#points-ledger .expired {
  background: rgba(255, 0, 0, 0.4); }
  #points-ledger .expired td {
    border-color: #5c0000; }

#points-ledger strong.label {
  display: none;
  visibility: hidden; }

@media only screen and (max-width: 770px) {
  #points-ledger table {
    border: 0;
    -moz-box-shadow: none;
         box-shadow: none; }
    #points-ledger table thead {
      display: none; }
    #points-ledger table tr {
      display: block;
      clear: both;
      margin-bottom: 30px;
      border: 1px solid #333;
      border-bottom: 0px; }
      #points-ledger table tr td {
        display: block;
        padding: 0;
        clear: both;
        background: #222; }
        #points-ledger table tr td::after {
          clear: both;
          content: "";
          display: table; }
        #points-ledger table tr td.no-event {
          display: none; }
        #points-ledger table tr td strong.label {
          display: block;
          float: left;
          visibility: visible;
          padding: 12px 22px;
          width: 100px; }
        #points-ledger table tr td span.entry-details {
          display: block;
          float: left;
          padding: 12px 22px;
          width: -moz-calc(100% - 100px);
          width: calc(100% - 100px);
          background: #000; }
      #points-ledger table tr.expired {
        background: none;
        border-color: #5c0000; }
        #points-ledger table tr.expired td {
          background: #5c0000;
          border-color: #5c0000; }
        #points-ledger table tr.expired span.entry-details {
          background: #330000; } }

@media only screen and (min-width: 1080px) {
  #ledger .entry:nth-child(3n + 1) {
    clear: both; }
  #ledger .entry:nth-child(3n) {
    margin-right: 0%; } }

@media only screen and (min-width: 600px) and (max-width: 1080px) {
  #ledger .entry:nth-child(2n + 1) {
    clear: both; }
  #ledger .entry:nth-child(2n) {
    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: 49%;
    margin-right: 2%;
    margin-bottom: 2%; } }

@media only screen and (min-width: 771px) {
  .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: 770px) {
  .tablet-desktop {
    display: none !important; }
  .rs100-mobile {
    float: none !important;
    width: 100%; }
  .progress-bar {
    width: 100%; }
  .status-block {
    padding-bottom: 25px; }
  .points-block {
    padding-bottom: 15px; }
    .points-block span.uppoints {
      display: block;
      padding: 10px 0; }
  .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: 599px) {
  #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; }
  .myitems a {
    max-width: 130px;
    padding: 12px 2px;
    margin-right: 5px; }
  .mr0tiny {
    margin-right: 0px !important; } }

.earn-text,
.earn-text p,
.benefits-text,
.benefits-text p {
  text-transform: none;
  font-size: 11px; }

/* Globals ======================================================================================= */
#participating-events {
  padding-top: 30px; }

.pubtable tbody td {
  vertical-align: middle; }

h4.title {
  display: block;
  text-transform: none; }

#uppcontent .pubtable thead td {
  padding: 20px 12px;
  font-size: 14px; }
  @media only screen and (min-width: 599px) {
    #uppcontent .pubtable thead td {
      padding: 20px 22px;
      font-size: 16px; } }
  #uppcontent .pubtable thead td em {
    font-style: normal;
    display: block;
    font-size: 11px;
    margin-top: 12px; }
  #uppcontent .pubtable thead td.level {
    padding: 20px 12px;
    text-align: center; }
    #uppcontent .pubtable thead td.level em {
      font-size: 15px; }

#uppcontent .pubtable td {
  padding: 20px 12px; }
  @media only screen and (min-width: 599px) {
    #uppcontent .pubtable td {
      padding: 22px; } }

#uppcontent .pubtable tbody td p {
  margin: 0px;
  line-height: 1.5em;
  font-size: 14px;
  font-weight: 'helvetica-bold'; }
  @media only screen and (min-width: 599px) {
    #uppcontent .pubtable tbody td p {
      font-size: 16px; } }
  #uppcontent .pubtable tbody td p i {
    cursor: pointer;
    font-size: 16px; }
    @media only screen and (min-width: 599px) {
      #uppcontent .pubtable tbody td p i {
        font-size: 21px; } }

#uppcontent .pubtable div.description strong {
  display: block; }

#uppcontent .pubtable .points {
  font-size: 16px;
  margin: 0; }
  @media only screen and (min-width: 599px) {
    #uppcontent .pubtable .points {
      font-size: 18px; } }

#uppcontent .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"); }

.fancybox-content {
  background: -moz- oldlinear-gradient(bottom left, #000 0%, #111 100%);
  background: -o-linear-gradient(bottom left, #000 0%, #111 100%);
  background: linear-gradient(to top right, #000 0%, #111 100%);
  font-size: 18px !important;
  line-height: 150%;
  padding: 36px; }
  .fancybox-content a.link {
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    -o-transition: .2s border ease-out;
    -moz-transition: .2s border ease-out;
    transition: .2s border ease-out; }
    .fancybox-content a.link:hover {
      border-bottom: 1px solid white; }

.fancybox-close-small {
  color: #fff; }

/* 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: #ba9780;
  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 25px 25px 50px; } }

.re-form li {
  overflow: hidden; }

.re-form li.department, .re-form li.phone {
  overflow: visible; }

.w1300 {
  max-width: 100%;
  width: 1300px;
  margin: auto; }

.w1264 {
  max-width: 100%;
  width: 1264px;
  margin: auto; }

hr.gold {
  background: #ba9780; }

.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: 15px 16px !important;
  text-transform: capitalize;
  font-size: 16px;
  font-family: 'Circular Std Book';
  text-align: left;
  color: #fff;
  opacity: 1 !important; }

.re-nav #nav li li a {
  color: #7b8693 !important;
  float: none; }
  .re-nav #nav li li a:hover {
    color: #fff !important; }

.re-nav #nav li li span.lbreak2 {
  display: none !important; }

.re-nav #nav li ul {
  width: 200px !important;
  opacity: 1;
  top: -10000px; }

.re-nav #nav li:hover ul {
  top: 38px !important; }

#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 {
  padding: 15px 16px !important;
  text-transform: capitalize;
  font-size: 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: #ba9780;
    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 #ba9780;
  background: rgba(186, 151, 128, 0.2); }

.re-nav li.retix > a:hover {
  background: #ba9780;
  border: 1px solid rgba(186, 151, 128, 0.5);
  color: #000; }

.re-nav li.retix > a:active {
  color: #fff;
  border: 1px solid rgba(186, 151, 128, 0.5);
  background: rgba(186, 151, 128, 0.7); }

.re-nav #nav li.current-menu-item.retix > a {
  background: #ba9780;
  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'; }

.rb #mnav li.current-page-ancestor > a,
.rb #mnav li.current_page_parent > a,
.rb #mnav li.current-menu-item > a,
.rb #mnav li.current_page_parent > a,
.rb #mnav li.current-menu-item > a {
  color: #ba9780 !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; }

.re-top {
  padding-top: 25px;
  height: 110px; }
  .re-top #nav {
    top: 7px; }

body.scrolled .re-top, body.scrolled .re-header2 {
  background: -moz- oldlinear-gradient(left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%);
  background: rgba(0, 0, 0, 0.9); }

html body div.rb2 #header.scrolled #nav li:hover ul {
  top: 38px !important; }

@media only screen and (min-width: 1081px) {
  body.scrolled .rb #header2 #upp-header {
    top: 14px;
    right: 48px; }
    body.scrolled .rb #header2 #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: #ba9780; }
  .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: #ba9780 !important; }
      .rb #upp-header ul a:hover {
        color: #fff !important; }
    .rb #upp-header ul ul {
      display: none !important; }

.modal .styledform button.btn-main {
  width: auto;
  min-width: 200px; }

.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; }

.titleGlitch {
  color: #5a5b60;
  position: relative; }

@-webkit-keyframes titleGlitch-anim-1 {
  0% {
    clip: rect(22px, 200px, 9px, 0); }
  9.09091% {
    clip: rect(9px, 200px, 8px, 0); }
  18.18182% {
    clip: rect(15px, 200px, 11px, 0); }
  27.27273% {
    clip: rect(13px, 200px, 8px, 0); }
  36.36364% {
    clip: rect(2px, 200px, 10px, 0); }
  45.45455% {
    clip: rect(17px, 200px, 11px, 0); }
  54.54545% {
    clip: rect(8px, 200px, 12px, 0); }
  63.63636% {
    clip: rect(6px, 200px, 6px, 0); }
  72.72727% {
    clip: rect(5px, 200px, 7px, 0); }
  81.81818% {
    clip: rect(3px, 200px, 8px, 0); }
  90.90909% {
    clip: rect(18px, 200px, 1px, 0); }
  100% {
    clip: rect(1px, 200px, 14px, 0); } }

@-moz-keyframes titleGlitch-anim-1 {
  0% {
    clip: rect(22px, 200px, 9px, 0); }
  9.09091% {
    clip: rect(9px, 200px, 8px, 0); }
  18.18182% {
    clip: rect(15px, 200px, 11px, 0); }
  27.27273% {
    clip: rect(13px, 200px, 8px, 0); }
  36.36364% {
    clip: rect(2px, 200px, 10px, 0); }
  45.45455% {
    clip: rect(17px, 200px, 11px, 0); }
  54.54545% {
    clip: rect(8px, 200px, 12px, 0); }
  63.63636% {
    clip: rect(6px, 200px, 6px, 0); }
  72.72727% {
    clip: rect(5px, 200px, 7px, 0); }
  81.81818% {
    clip: rect(3px, 200px, 8px, 0); }
  90.90909% {
    clip: rect(18px, 200px, 1px, 0); }
  100% {
    clip: rect(1px, 200px, 14px, 0); } }

@-o-keyframes titleGlitch-anim-1 {
  0% {
    clip: rect(22px, 200px, 9px, 0); }
  9.09091% {
    clip: rect(9px, 200px, 8px, 0); }
  18.18182% {
    clip: rect(15px, 200px, 11px, 0); }
  27.27273% {
    clip: rect(13px, 200px, 8px, 0); }
  36.36364% {
    clip: rect(2px, 200px, 10px, 0); }
  45.45455% {
    clip: rect(17px, 200px, 11px, 0); }
  54.54545% {
    clip: rect(8px, 200px, 12px, 0); }
  63.63636% {
    clip: rect(6px, 200px, 6px, 0); }
  72.72727% {
    clip: rect(5px, 200px, 7px, 0); }
  81.81818% {
    clip: rect(3px, 200px, 8px, 0); }
  90.90909% {
    clip: rect(18px, 200px, 1px, 0); }
  100% {
    clip: rect(1px, 200px, 14px, 0); } }

@keyframes titleGlitch-anim-1 {
  0% {
    clip: rect(22px, 200px, 9px, 0); }
  9.09091% {
    clip: rect(9px, 200px, 8px, 0); }
  18.18182% {
    clip: rect(15px, 200px, 11px, 0); }
  27.27273% {
    clip: rect(13px, 200px, 8px, 0); }
  36.36364% {
    clip: rect(2px, 200px, 10px, 0); }
  45.45455% {
    clip: rect(17px, 200px, 11px, 0); }
  54.54545% {
    clip: rect(8px, 200px, 12px, 0); }
  63.63636% {
    clip: rect(6px, 200px, 6px, 0); }
  72.72727% {
    clip: rect(5px, 200px, 7px, 0); }
  81.81818% {
    clip: rect(3px, 200px, 8px, 0); }
  90.90909% {
    clip: rect(18px, 200px, 1px, 0); }
  100% {
    clip: rect(1px, 200px, 14px, 0); } }

@-webkit-keyframes titleGlitch-anim-2 {
  0% {
    clip: rect(12px, 200px, 2px, 0); }
  9.09091% {
    clip: rect(12px, 200px, 7px, 0); }
  18.18182% {
    clip: rect(19px, 200px, 17px, 0); }
  27.27273% {
    clip: rect(6px, 200px, 6px, 0); }
  36.36364% {
    clip: rect(17px, 200px, 7px, 0); }
  45.45455% {
    clip: rect(15px, 200px, 13px, 0); }
  54.54545% {
    clip: rect(12px, 200px, 9px, 0); }
  63.63636% {
    clip: rect(18px, 200px, 14px, 0); }
  72.72727% {
    clip: rect(7px, 200px, 17px, 0); }
  81.81818% {
    clip: rect(5px, 200px, 13px, 0); }
  90.90909% {
    clip: rect(21px, 200px, 8px, 0); }
  100% {
    clip: rect(16px, 200px, 8px, 0); } }

@-moz-keyframes titleGlitch-anim-2 {
  0% {
    clip: rect(12px, 200px, 2px, 0); }
  9.09091% {
    clip: rect(12px, 200px, 7px, 0); }
  18.18182% {
    clip: rect(19px, 200px, 17px, 0); }
  27.27273% {
    clip: rect(6px, 200px, 6px, 0); }
  36.36364% {
    clip: rect(17px, 200px, 7px, 0); }
  45.45455% {
    clip: rect(15px, 200px, 13px, 0); }
  54.54545% {
    clip: rect(12px, 200px, 9px, 0); }
  63.63636% {
    clip: rect(18px, 200px, 14px, 0); }
  72.72727% {
    clip: rect(7px, 200px, 17px, 0); }
  81.81818% {
    clip: rect(5px, 200px, 13px, 0); }
  90.90909% {
    clip: rect(21px, 200px, 8px, 0); }
  100% {
    clip: rect(16px, 200px, 8px, 0); } }

@-o-keyframes titleGlitch-anim-2 {
  0% {
    clip: rect(12px, 200px, 2px, 0); }
  9.09091% {
    clip: rect(12px, 200px, 7px, 0); }
  18.18182% {
    clip: rect(19px, 200px, 17px, 0); }
  27.27273% {
    clip: rect(6px, 200px, 6px, 0); }
  36.36364% {
    clip: rect(17px, 200px, 7px, 0); }
  45.45455% {
    clip: rect(15px, 200px, 13px, 0); }
  54.54545% {
    clip: rect(12px, 200px, 9px, 0); }
  63.63636% {
    clip: rect(18px, 200px, 14px, 0); }
  72.72727% {
    clip: rect(7px, 200px, 17px, 0); }
  81.81818% {
    clip: rect(5px, 200px, 13px, 0); }
  90.90909% {
    clip: rect(21px, 200px, 8px, 0); }
  100% {
    clip: rect(16px, 200px, 8px, 0); } }

@keyframes titleGlitch-anim-2 {
  0% {
    clip: rect(12px, 200px, 2px, 0); }
  9.09091% {
    clip: rect(12px, 200px, 7px, 0); }
  18.18182% {
    clip: rect(19px, 200px, 17px, 0); }
  27.27273% {
    clip: rect(6px, 200px, 6px, 0); }
  36.36364% {
    clip: rect(17px, 200px, 7px, 0); }
  45.45455% {
    clip: rect(15px, 200px, 13px, 0); }
  54.54545% {
    clip: rect(12px, 200px, 9px, 0); }
  63.63636% {
    clip: rect(18px, 200px, 14px, 0); }
  72.72727% {
    clip: rect(7px, 200px, 17px, 0); }
  81.81818% {
    clip: rect(5px, 200px, 13px, 0); }
  90.90909% {
    clip: rect(21px, 200px, 8px, 0); }
  100% {
    clip: rect(16px, 200px, 8px, 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(7px, 500px, 9px, 0); }
  9.09091% {
    clip: rect(43px, 500px, 11px, 0); }
  18.18182% {
    clip: rect(22px, 500px, 39px, 0); }
  27.27273% {
    clip: rect(16px, 500px, 48px, 0); }
  36.36364% {
    clip: rect(34px, 500px, 30px, 0); }
  45.45455% {
    clip: rect(1px, 500px, 24px, 0); }
  54.54545% {
    clip: rect(35px, 500px, 15px, 0); }
  63.63636% {
    clip: rect(18px, 500px, 9px, 0); }
  72.72727% {
    clip: rect(2px, 500px, 33px, 0); }
  81.81818% {
    clip: rect(16px, 500px, 39px, 0); }
  90.90909% {
    clip: rect(13px, 500px, 35px, 0); }
  100% {
    clip: rect(30px, 500px, 11px, 0); } }

@-moz-keyframes titleGlitch2-anim-1 {
  0% {
    clip: rect(7px, 500px, 9px, 0); }
  9.09091% {
    clip: rect(43px, 500px, 11px, 0); }
  18.18182% {
    clip: rect(22px, 500px, 39px, 0); }
  27.27273% {
    clip: rect(16px, 500px, 48px, 0); }
  36.36364% {
    clip: rect(34px, 500px, 30px, 0); }
  45.45455% {
    clip: rect(1px, 500px, 24px, 0); }
  54.54545% {
    clip: rect(35px, 500px, 15px, 0); }
  63.63636% {
    clip: rect(18px, 500px, 9px, 0); }
  72.72727% {
    clip: rect(2px, 500px, 33px, 0); }
  81.81818% {
    clip: rect(16px, 500px, 39px, 0); }
  90.90909% {
    clip: rect(13px, 500px, 35px, 0); }
  100% {
    clip: rect(30px, 500px, 11px, 0); } }

@-o-keyframes titleGlitch2-anim-1 {
  0% {
    clip: rect(7px, 500px, 9px, 0); }
  9.09091% {
    clip: rect(43px, 500px, 11px, 0); }
  18.18182% {
    clip: rect(22px, 500px, 39px, 0); }
  27.27273% {
    clip: rect(16px, 500px, 48px, 0); }
  36.36364% {
    clip: rect(34px, 500px, 30px, 0); }
  45.45455% {
    clip: rect(1px, 500px, 24px, 0); }
  54.54545% {
    clip: rect(35px, 500px, 15px, 0); }
  63.63636% {
    clip: rect(18px, 500px, 9px, 0); }
  72.72727% {
    clip: rect(2px, 500px, 33px, 0); }
  81.81818% {
    clip: rect(16px, 500px, 39px, 0); }
  90.90909% {
    clip: rect(13px, 500px, 35px, 0); }
  100% {
    clip: rect(30px, 500px, 11px, 0); } }

@keyframes titleGlitch2-anim-1 {
  0% {
    clip: rect(7px, 500px, 9px, 0); }
  9.09091% {
    clip: rect(43px, 500px, 11px, 0); }
  18.18182% {
    clip: rect(22px, 500px, 39px, 0); }
  27.27273% {
    clip: rect(16px, 500px, 48px, 0); }
  36.36364% {
    clip: rect(34px, 500px, 30px, 0); }
  45.45455% {
    clip: rect(1px, 500px, 24px, 0); }
  54.54545% {
    clip: rect(35px, 500px, 15px, 0); }
  63.63636% {
    clip: rect(18px, 500px, 9px, 0); }
  72.72727% {
    clip: rect(2px, 500px, 33px, 0); }
  81.81818% {
    clip: rect(16px, 500px, 39px, 0); }
  90.90909% {
    clip: rect(13px, 500px, 35px, 0); }
  100% {
    clip: rect(30px, 500px, 11px, 0); } }

@-webkit-keyframes titleGlitch2-anim-2 {
  0% {
    clip: rect(41px, 500px, 22px, 0); }
  9.09091% {
    clip: rect(5px, 500px, 14px, 0); }
  18.18182% {
    clip: rect(23px, 500px, 49px, 0); }
  27.27273% {
    clip: rect(17px, 500px, 35px, 0); }
  36.36364% {
    clip: rect(15px, 500px, 7px, 0); }
  45.45455% {
    clip: rect(3px, 500px, 47px, 0); }
  54.54545% {
    clip: rect(9px, 500px, 24px, 0); }
  63.63636% {
    clip: rect(1px, 500px, 37px, 0); }
  72.72727% {
    clip: rect(26px, 500px, 19px, 0); }
  81.81818% {
    clip: rect(24px, 500px, 35px, 0); }
  90.90909% {
    clip: rect(22px, 500px, 26px, 0); }
  100% {
    clip: rect(10px, 500px, 4px, 0); } }

@-moz-keyframes titleGlitch2-anim-2 {
  0% {
    clip: rect(41px, 500px, 22px, 0); }
  9.09091% {
    clip: rect(5px, 500px, 14px, 0); }
  18.18182% {
    clip: rect(23px, 500px, 49px, 0); }
  27.27273% {
    clip: rect(17px, 500px, 35px, 0); }
  36.36364% {
    clip: rect(15px, 500px, 7px, 0); }
  45.45455% {
    clip: rect(3px, 500px, 47px, 0); }
  54.54545% {
    clip: rect(9px, 500px, 24px, 0); }
  63.63636% {
    clip: rect(1px, 500px, 37px, 0); }
  72.72727% {
    clip: rect(26px, 500px, 19px, 0); }
  81.81818% {
    clip: rect(24px, 500px, 35px, 0); }
  90.90909% {
    clip: rect(22px, 500px, 26px, 0); }
  100% {
    clip: rect(10px, 500px, 4px, 0); } }

@-o-keyframes titleGlitch2-anim-2 {
  0% {
    clip: rect(41px, 500px, 22px, 0); }
  9.09091% {
    clip: rect(5px, 500px, 14px, 0); }
  18.18182% {
    clip: rect(23px, 500px, 49px, 0); }
  27.27273% {
    clip: rect(17px, 500px, 35px, 0); }
  36.36364% {
    clip: rect(15px, 500px, 7px, 0); }
  45.45455% {
    clip: rect(3px, 500px, 47px, 0); }
  54.54545% {
    clip: rect(9px, 500px, 24px, 0); }
  63.63636% {
    clip: rect(1px, 500px, 37px, 0); }
  72.72727% {
    clip: rect(26px, 500px, 19px, 0); }
  81.81818% {
    clip: rect(24px, 500px, 35px, 0); }
  90.90909% {
    clip: rect(22px, 500px, 26px, 0); }
  100% {
    clip: rect(10px, 500px, 4px, 0); } }

@keyframes titleGlitch2-anim-2 {
  0% {
    clip: rect(41px, 500px, 22px, 0); }
  9.09091% {
    clip: rect(5px, 500px, 14px, 0); }
  18.18182% {
    clip: rect(23px, 500px, 49px, 0); }
  27.27273% {
    clip: rect(17px, 500px, 35px, 0); }
  36.36364% {
    clip: rect(15px, 500px, 7px, 0); }
  45.45455% {
    clip: rect(3px, 500px, 47px, 0); }
  54.54545% {
    clip: rect(9px, 500px, 24px, 0); }
  63.63636% {
    clip: rect(1px, 500px, 37px, 0); }
  72.72727% {
    clip: rect(26px, 500px, 19px, 0); }
  81.81818% {
    clip: rect(24px, 500px, 35px, 0); }
  90.90909% {
    clip: rect(22px, 500px, 26px, 0); }
  100% {
    clip: rect(10px, 500px, 4px, 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(96px, 200px, 155px, 0); }
  6.66667% {
    clip: rect(86px, 200px, 93px, 0); }
  13.33333% {
    clip: rect(143px, 200px, 64px, 0); }
  20% {
    clip: rect(90px, 200px, 175px, 0); }
  26.66667% {
    clip: rect(87px, 200px, 200px, 0); }
  33.33333% {
    clip: rect(197px, 200px, 121px, 0); }
  40% {
    clip: rect(25px, 200px, 3px, 0); }
  46.66667% {
    clip: rect(93px, 200px, 176px, 0); }
  53.33333% {
    clip: rect(13px, 200px, 42px, 0); }
  60% {
    clip: rect(78px, 200px, 90px, 0); }
  66.66667% {
    clip: rect(122px, 200px, 65px, 0); }
  73.33333% {
    clip: rect(142px, 200px, 145px, 0); }
  80% {
    clip: rect(45px, 200px, 107px, 0); }
  86.66667% {
    clip: rect(190px, 200px, 106px, 0); }
  93.33333% {
    clip: rect(17px, 200px, 136px, 0); }
  100% {
    clip: rect(106px, 200px, 78px, 0); } }

@-moz-keyframes glitchanim-anim-1 {
  0% {
    clip: rect(96px, 200px, 155px, 0); }
  6.66667% {
    clip: rect(86px, 200px, 93px, 0); }
  13.33333% {
    clip: rect(143px, 200px, 64px, 0); }
  20% {
    clip: rect(90px, 200px, 175px, 0); }
  26.66667% {
    clip: rect(87px, 200px, 200px, 0); }
  33.33333% {
    clip: rect(197px, 200px, 121px, 0); }
  40% {
    clip: rect(25px, 200px, 3px, 0); }
  46.66667% {
    clip: rect(93px, 200px, 176px, 0); }
  53.33333% {
    clip: rect(13px, 200px, 42px, 0); }
  60% {
    clip: rect(78px, 200px, 90px, 0); }
  66.66667% {
    clip: rect(122px, 200px, 65px, 0); }
  73.33333% {
    clip: rect(142px, 200px, 145px, 0); }
  80% {
    clip: rect(45px, 200px, 107px, 0); }
  86.66667% {
    clip: rect(190px, 200px, 106px, 0); }
  93.33333% {
    clip: rect(17px, 200px, 136px, 0); }
  100% {
    clip: rect(106px, 200px, 78px, 0); } }

@-o-keyframes glitchanim-anim-1 {
  0% {
    clip: rect(96px, 200px, 155px, 0); }
  6.66667% {
    clip: rect(86px, 200px, 93px, 0); }
  13.33333% {
    clip: rect(143px, 200px, 64px, 0); }
  20% {
    clip: rect(90px, 200px, 175px, 0); }
  26.66667% {
    clip: rect(87px, 200px, 200px, 0); }
  33.33333% {
    clip: rect(197px, 200px, 121px, 0); }
  40% {
    clip: rect(25px, 200px, 3px, 0); }
  46.66667% {
    clip: rect(93px, 200px, 176px, 0); }
  53.33333% {
    clip: rect(13px, 200px, 42px, 0); }
  60% {
    clip: rect(78px, 200px, 90px, 0); }
  66.66667% {
    clip: rect(122px, 200px, 65px, 0); }
  73.33333% {
    clip: rect(142px, 200px, 145px, 0); }
  80% {
    clip: rect(45px, 200px, 107px, 0); }
  86.66667% {
    clip: rect(190px, 200px, 106px, 0); }
  93.33333% {
    clip: rect(17px, 200px, 136px, 0); }
  100% {
    clip: rect(106px, 200px, 78px, 0); } }

@keyframes glitchanim-anim-1 {
  0% {
    clip: rect(96px, 200px, 155px, 0); }
  6.66667% {
    clip: rect(86px, 200px, 93px, 0); }
  13.33333% {
    clip: rect(143px, 200px, 64px, 0); }
  20% {
    clip: rect(90px, 200px, 175px, 0); }
  26.66667% {
    clip: rect(87px, 200px, 200px, 0); }
  33.33333% {
    clip: rect(197px, 200px, 121px, 0); }
  40% {
    clip: rect(25px, 200px, 3px, 0); }
  46.66667% {
    clip: rect(93px, 200px, 176px, 0); }
  53.33333% {
    clip: rect(13px, 200px, 42px, 0); }
  60% {
    clip: rect(78px, 200px, 90px, 0); }
  66.66667% {
    clip: rect(122px, 200px, 65px, 0); }
  73.33333% {
    clip: rect(142px, 200px, 145px, 0); }
  80% {
    clip: rect(45px, 200px, 107px, 0); }
  86.66667% {
    clip: rect(190px, 200px, 106px, 0); }
  93.33333% {
    clip: rect(17px, 200px, 136px, 0); }
  100% {
    clip: rect(106px, 200px, 78px, 0); } }

@-webkit-keyframes glitchanim-anim-2 {
  0% {
    clip: rect(37px, 200px, 120px, 0); }
  6.66667% {
    clip: rect(65px, 200px, 178px, 0); }
  13.33333% {
    clip: rect(191px, 200px, 32px, 0); }
  20% {
    clip: rect(154px, 200px, 33px, 0); }
  26.66667% {
    clip: rect(140px, 200px, 167px, 0); }
  33.33333% {
    clip: rect(120px, 200px, 168px, 0); }
  40% {
    clip: rect(86px, 200px, 33px, 0); }
  46.66667% {
    clip: rect(139px, 200px, 172px, 0); }
  53.33333% {
    clip: rect(55px, 200px, 163px, 0); }
  60% {
    clip: rect(175px, 200px, 13px, 0); }
  66.66667% {
    clip: rect(8px, 200px, 162px, 0); }
  73.33333% {
    clip: rect(21px, 200px, 150px, 0); }
  80% {
    clip: rect(80px, 200px, 189px, 0); }
  86.66667% {
    clip: rect(200px, 200px, 69px, 0); }
  93.33333% {
    clip: rect(182px, 200px, 52px, 0); }
  100% {
    clip: rect(4px, 200px, 42px, 0); } }

@-moz-keyframes glitchanim-anim-2 {
  0% {
    clip: rect(37px, 200px, 120px, 0); }
  6.66667% {
    clip: rect(65px, 200px, 178px, 0); }
  13.33333% {
    clip: rect(191px, 200px, 32px, 0); }
  20% {
    clip: rect(154px, 200px, 33px, 0); }
  26.66667% {
    clip: rect(140px, 200px, 167px, 0); }
  33.33333% {
    clip: rect(120px, 200px, 168px, 0); }
  40% {
    clip: rect(86px, 200px, 33px, 0); }
  46.66667% {
    clip: rect(139px, 200px, 172px, 0); }
  53.33333% {
    clip: rect(55px, 200px, 163px, 0); }
  60% {
    clip: rect(175px, 200px, 13px, 0); }
  66.66667% {
    clip: rect(8px, 200px, 162px, 0); }
  73.33333% {
    clip: rect(21px, 200px, 150px, 0); }
  80% {
    clip: rect(80px, 200px, 189px, 0); }
  86.66667% {
    clip: rect(200px, 200px, 69px, 0); }
  93.33333% {
    clip: rect(182px, 200px, 52px, 0); }
  100% {
    clip: rect(4px, 200px, 42px, 0); } }

@-o-keyframes glitchanim-anim-2 {
  0% {
    clip: rect(37px, 200px, 120px, 0); }
  6.66667% {
    clip: rect(65px, 200px, 178px, 0); }
  13.33333% {
    clip: rect(191px, 200px, 32px, 0); }
  20% {
    clip: rect(154px, 200px, 33px, 0); }
  26.66667% {
    clip: rect(140px, 200px, 167px, 0); }
  33.33333% {
    clip: rect(120px, 200px, 168px, 0); }
  40% {
    clip: rect(86px, 200px, 33px, 0); }
  46.66667% {
    clip: rect(139px, 200px, 172px, 0); }
  53.33333% {
    clip: rect(55px, 200px, 163px, 0); }
  60% {
    clip: rect(175px, 200px, 13px, 0); }
  66.66667% {
    clip: rect(8px, 200px, 162px, 0); }
  73.33333% {
    clip: rect(21px, 200px, 150px, 0); }
  80% {
    clip: rect(80px, 200px, 189px, 0); }
  86.66667% {
    clip: rect(200px, 200px, 69px, 0); }
  93.33333% {
    clip: rect(182px, 200px, 52px, 0); }
  100% {
    clip: rect(4px, 200px, 42px, 0); } }

@keyframes glitchanim-anim-2 {
  0% {
    clip: rect(37px, 200px, 120px, 0); }
  6.66667% {
    clip: rect(65px, 200px, 178px, 0); }
  13.33333% {
    clip: rect(191px, 200px, 32px, 0); }
  20% {
    clip: rect(154px, 200px, 33px, 0); }
  26.66667% {
    clip: rect(140px, 200px, 167px, 0); }
  33.33333% {
    clip: rect(120px, 200px, 168px, 0); }
  40% {
    clip: rect(86px, 200px, 33px, 0); }
  46.66667% {
    clip: rect(139px, 200px, 172px, 0); }
  53.33333% {
    clip: rect(55px, 200px, 163px, 0); }
  60% {
    clip: rect(175px, 200px, 13px, 0); }
  66.66667% {
    clip: rect(8px, 200px, 162px, 0); }
  73.33333% {
    clip: rect(21px, 200px, 150px, 0); }
  80% {
    clip: rect(80px, 200px, 189px, 0); }
  86.66667% {
    clip: rect(200px, 200px, 69px, 0); }
  93.33333% {
    clip: rect(182px, 200px, 52px, 0); }
  100% {
    clip: rect(4px, 200px, 42px, 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(5px, 400px, 175px, 0); }
  11.11111% {
    clip: rect(44px, 400px, 47px, 0); }
  22.22222% {
    clip: rect(111px, 400px, 204px, 0); }
  33.33333% {
    clip: rect(211px, 400px, 46px, 0); }
  44.44444% {
    clip: rect(7px, 400px, 150px, 0); }
  55.55556% {
    clip: rect(194px, 400px, 127px, 0); }
  66.66667% {
    clip: rect(196px, 400px, 79px, 0); }
  77.77778% {
    clip: rect(219px, 400px, 77px, 0); }
  88.88889% {
    clip: rect(62px, 400px, 161px, 0); }
  100% {
    clip: rect(198px, 400px, 170px, 0); } }

@-moz-keyframes glitchanim2-anim-1 {
  0% {
    clip: rect(5px, 400px, 175px, 0); }
  11.11111% {
    clip: rect(44px, 400px, 47px, 0); }
  22.22222% {
    clip: rect(111px, 400px, 204px, 0); }
  33.33333% {
    clip: rect(211px, 400px, 46px, 0); }
  44.44444% {
    clip: rect(7px, 400px, 150px, 0); }
  55.55556% {
    clip: rect(194px, 400px, 127px, 0); }
  66.66667% {
    clip: rect(196px, 400px, 79px, 0); }
  77.77778% {
    clip: rect(219px, 400px, 77px, 0); }
  88.88889% {
    clip: rect(62px, 400px, 161px, 0); }
  100% {
    clip: rect(198px, 400px, 170px, 0); } }

@-o-keyframes glitchanim2-anim-1 {
  0% {
    clip: rect(5px, 400px, 175px, 0); }
  11.11111% {
    clip: rect(44px, 400px, 47px, 0); }
  22.22222% {
    clip: rect(111px, 400px, 204px, 0); }
  33.33333% {
    clip: rect(211px, 400px, 46px, 0); }
  44.44444% {
    clip: rect(7px, 400px, 150px, 0); }
  55.55556% {
    clip: rect(194px, 400px, 127px, 0); }
  66.66667% {
    clip: rect(196px, 400px, 79px, 0); }
  77.77778% {
    clip: rect(219px, 400px, 77px, 0); }
  88.88889% {
    clip: rect(62px, 400px, 161px, 0); }
  100% {
    clip: rect(198px, 400px, 170px, 0); } }

@keyframes glitchanim2-anim-1 {
  0% {
    clip: rect(5px, 400px, 175px, 0); }
  11.11111% {
    clip: rect(44px, 400px, 47px, 0); }
  22.22222% {
    clip: rect(111px, 400px, 204px, 0); }
  33.33333% {
    clip: rect(211px, 400px, 46px, 0); }
  44.44444% {
    clip: rect(7px, 400px, 150px, 0); }
  55.55556% {
    clip: rect(194px, 400px, 127px, 0); }
  66.66667% {
    clip: rect(196px, 400px, 79px, 0); }
  77.77778% {
    clip: rect(219px, 400px, 77px, 0); }
  88.88889% {
    clip: rect(62px, 400px, 161px, 0); }
  100% {
    clip: rect(198px, 400px, 170px, 0); } }

@-webkit-keyframes glitchanim2-anim-2 {
  0% {
    clip: rect(64px, 400px, 147px, 0); }
  11.11111% {
    clip: rect(34px, 400px, 176px, 0); }
  22.22222% {
    clip: rect(6px, 400px, 37px, 0); }
  33.33333% {
    clip: rect(79px, 400px, 195px, 0); }
  44.44444% {
    clip: rect(133px, 400px, 116px, 0); }
  55.55556% {
    clip: rect(86px, 400px, 74px, 0); }
  66.66667% {
    clip: rect(82px, 400px, 164px, 0); }
  77.77778% {
    clip: rect(208px, 400px, 200px, 0); }
  88.88889% {
    clip: rect(146px, 400px, 158px, 0); }
  100% {
    clip: rect(188px, 400px, 10px, 0); } }

@-moz-keyframes glitchanim2-anim-2 {
  0% {
    clip: rect(64px, 400px, 147px, 0); }
  11.11111% {
    clip: rect(34px, 400px, 176px, 0); }
  22.22222% {
    clip: rect(6px, 400px, 37px, 0); }
  33.33333% {
    clip: rect(79px, 400px, 195px, 0); }
  44.44444% {
    clip: rect(133px, 400px, 116px, 0); }
  55.55556% {
    clip: rect(86px, 400px, 74px, 0); }
  66.66667% {
    clip: rect(82px, 400px, 164px, 0); }
  77.77778% {
    clip: rect(208px, 400px, 200px, 0); }
  88.88889% {
    clip: rect(146px, 400px, 158px, 0); }
  100% {
    clip: rect(188px, 400px, 10px, 0); } }

@-o-keyframes glitchanim2-anim-2 {
  0% {
    clip: rect(64px, 400px, 147px, 0); }
  11.11111% {
    clip: rect(34px, 400px, 176px, 0); }
  22.22222% {
    clip: rect(6px, 400px, 37px, 0); }
  33.33333% {
    clip: rect(79px, 400px, 195px, 0); }
  44.44444% {
    clip: rect(133px, 400px, 116px, 0); }
  55.55556% {
    clip: rect(86px, 400px, 74px, 0); }
  66.66667% {
    clip: rect(82px, 400px, 164px, 0); }
  77.77778% {
    clip: rect(208px, 400px, 200px, 0); }
  88.88889% {
    clip: rect(146px, 400px, 158px, 0); }
  100% {
    clip: rect(188px, 400px, 10px, 0); } }

@keyframes glitchanim2-anim-2 {
  0% {
    clip: rect(64px, 400px, 147px, 0); }
  11.11111% {
    clip: rect(34px, 400px, 176px, 0); }
  22.22222% {
    clip: rect(6px, 400px, 37px, 0); }
  33.33333% {
    clip: rect(79px, 400px, 195px, 0); }
  44.44444% {
    clip: rect(133px, 400px, 116px, 0); }
  55.55556% {
    clip: rect(86px, 400px, 74px, 0); }
  66.66667% {
    clip: rect(82px, 400px, 164px, 0); }
  77.77778% {
    clip: rect(208px, 400px, 200px, 0); }
  88.88889% {
    clip: rect(146px, 400px, 158px, 0); }
  100% {
    clip: rect(188px, 400px, 10px, 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; } }

.pphome {
  width: 1200px;
  max-width: 100%;
  margin: auto;
  padding-top: 50px; }
  .pphome h1 {
    font-size: 21px;
    margin-bottom: 2rem; }
    @media only screen and (min-width: 770px) {
      .pphome h1 {
        font-size: 32px; } }
    @media only screen and (min-width: 1080px) {
      .pphome h1 {
        font-size: 36px; } }
  .pphome .heading {
    padding-bottom: 20px;
    text-align: center; }
    @media only screen and (min-width: 550px) {
      .pphome .heading {
        padding-bottom: 40px;
        float: left;
        width: 33%;
        text-align: center; } }
    .pphome .heading h2 {
      font-family: 'Raleway';
      font-weight: bold;
      margin-top: 0;
      margin-bottom: 0;
      font-size: 16px; }
      .pphome .heading h2 span {
        display: none; }
      @media only screen and (min-width: 770px) {
        .pphome .heading h2 {
          font-size: 22px; } }
      @media only screen and (min-width: 1080px) {
        .pphome .heading h2 {
          font-size: 28px; } }
    .pphome .heading img {
      max-width: 100%;
      width: 90px;
      display: inline-block;
      padding-bottom: 20px; }
      @media only screen and (min-width: 350px) {
        .pphome .heading img {
          width: 100px; } }
      @media only screen and (min-width: 550px) {
        .pphome .heading img {
          width: 150px; } }
      @media only screen and (min-width: 770px) {
        .pphome .heading img {
          width: 200px; } }
      @media only screen and (min-width: 1080px) {
        .pphome .heading img {
          width: 250px; } }
  .pphome p {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-size: 14px;
    width: 90%; }
    @media only screen and (min-width: 599px) {
      .pphome p {
        font-size: 16px; } }
    @media only screen and (min-width: 770px) {
      .pphome p {
        font-size: 18px;
        width: 590px; } }
    @media only screen and (min-width: 1080px) {
      .pphome p {
        font-size: 22px;
        width: 750px; } }

.newheading {
  font-family: 'Raleway';
  margin-bottom: 12px;
  font-size: 21px !important;
  text-transform: none !important; }

.how-to-earn {
  max-width: 100%;
  margin: auto; }
  .how-to-earn h1.title {
    text-align: center; }
    @media only screen and (max-width: 770px) {
      .how-to-earn h1.title {
        font-size: 24px; } }
  .how-to-earn .section {
    vertical-align: middle;
    text-align: center;
    padding-bottom: 10px; }
    @media only screen and (min-width: 770px) {
      .how-to-earn .section {
        padding-bottom: 20px; } }
    @media only screen and (min-width: 599px) {
      .how-to-earn .section {
        float: left;
        width: 33%;
        padding-bottom: 50px; } }
    .how-to-earn .section h2 {
      font-family: 'Raleway';
      font-weight: bold;
      margin-bottom: 1rem;
      margin-top: 0;
      font-size: 16px; }
      .how-to-earn .section h2 span {
        display: none; }
      @media only screen and (min-width: 770px) {
        .how-to-earn .section h2 {
          margin-bottom: 0; } }
      @media only screen and (min-width: 770px) {
        .how-to-earn .section h2 {
          font-size: 22px; } }
    .how-to-earn .section img {
      max-width: 100%;
      width: 90px;
      vertical-align: middle;
      display: inline-block; }
      @media only screen and (min-width: 350px) {
        .how-to-earn .section img {
          width: 100px; } }
      @media only screen and (min-width: 430px) {
        .how-to-earn .section img {
          width: 150px; } }
      @media only screen and (min-width: 599px) {
        .how-to-earn .section img {
          width: 200px; } }
      @media only screen and (min-width: 1080px) {
        .how-to-earn .section img {
          width: 250px; } }
    .how-to-earn .section p {
      font-size: 16px;
      width: 550px;
      margin-right: auto;
      margin-left: auto;
      text-align: center; }

.elist {
  padding-top: 30px; }
  .elist li {
    margin-bottom: 18px;
    font-size: 12px; }
    @media only screen and (min-width: 599px) {
      .elist li {
        font-size: 13px; } }
    @media only screen and (min-width: 1080px) {
      .elist li {
        font-size: 13px; } }
    .elist li a {
      border-bottom: 1px solid rgba(255, 255, 255, 0) !important;
      text-transform: uppercase;
      font-family: 'helvetica-bold';
      color: #ccc;
      -o-transition: color 0.15s ease-out;
      -moz-transition: color 0.15s ease-out;
      transition: color 0.15s ease-out; }
      .elist li a:hover {
        color: #fff; }
    .elist li img {
      width: 12px;
      height: auto;
      margin-right: 4px; }

#participating-events {
  width: 850px;
  max-width: 100%; }

.egroup {
  padding-right: 25px;
  padding-bottom: 25px; }
  @media only screen and (min-width: 770px) {
    .egroup {
      float: left;
      width: 33%; } }
  .egroup h2 {
    margin-bottom: 20px; }
  .egroup .elist {
    padding-top: 20px; }
    .egroup .elist li {
      margin-bottom: 14px; }
  .egroup img {
    width: 130px;
    max-width: 100%; }

hr {
  opacity: 1;
  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%);
  border: 0px;
  width: 100%;
  height: 1px; }
  hr.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%); }
  hr.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%); }

hr.center {
  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%); }

#activate-counter {
  text-align: center;
  font-family: 'helvetica-bold';
  font-size: 24px;
  margin-bottom: 24px; }

.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; }

ul.gallery {
  font-size: 0;
  margin: 0;
  padding: 0;
  margin-bottom: 1rem; }
  ul.gallery li {
    display: inline-block;
    border-bottom: 1rem solid transparent;
    border-right: .5rem solid transparent;
    width: 50%; }
    @media only screen and (max-width: 599px) {
      ul.gallery li:nth-child(2n) {
        border-right: 0;
        border-left: .5rem solid transparent; } }
    @media only screen and (min-width: 600px) {
      ul.gallery li {
        width: 33.333333%;
        border-right: 1rem solid transparent; } }
    ul.gallery li a {
      display: block;
      position: relative;
      overflow: hidden;
      height: 0;
      padding-top: 59%;
      background-position: center center;
      -moz-background-size: cover;
        -o-background-size: cover;
           background-size: cover; }
      ul.gallery li a img {
        position: absolute;
        top: 0;
        left: 0; }
      ul.gallery li a span {
        -o-transition: opacity 0.15s ease-out;
        -moz-transition: opacity 0.15s ease-out;
        transition: opacity 0.15s ease-out;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0px;
        left: 0;
        background: -moz- oldlinear-gradient(bottom left, #101012, #232428);
        background: -o-linear-gradient(bottom left, #101012, #232428);
        background: linear-gradient(to top right, #101012, #232428);
        display: block;
        opacity: .1; }
      ul.gallery li a:hover span {
        opacity: 0; }

#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: 980px) {
            width: 20%;
            }*/ }
    @media screen and (min-width: 800px) {
      #hotelsnav li {
        width: 50%; } }
    #hotelsnav li a {
      display: block;
      font-size: 13px; }
      #hotelsnav li a.active {
        color: #000 !important;
        background: #fff !important; }

.miami-hotels .img {
  padding-bottom: 25px;
  display: none; }
  @media screen and (min-width: 700px) {
    .miami-hotels .img {
      display: block;
      padding-right: 25px;
      width: 20%;
      float: left; } }

.miami-hotels .info {
  padding-bottom: 25px; }
  .miami-hotels .info h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px; }
  .miami-hotels .info img {
    width: 250px;
    max-width: 100%;
    height: auto; }
  @media screen and (min-width: 700px) {
    .miami-hotels .info {
      width: 60%;
      float: left; }
      .miami-hotels .info img {
        display: none; } }

.miami-hotels .action {
  padding-bottom: 50px; }
  @media screen and (min-width: 700px) {
    .miami-hotels .action {
      text-align: center;
      float: right;
      width: 20%; } }
  .miami-hotels .action h3 {
    margin-bottom: 15px; }
  .miami-hotels .action a.main-btn {
    text-transform: uppercase;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px; }
  .miami-hotels .action .not-available {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #c00;
    display: inline-block;
    margin-bottom: 15px;
    font-size: 14px; }
  .miami-hotels .action span.phone {
    font-size: 13px; }

.miami-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; }
  .miami-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; }

.miami-hotels span.address, .miami-hotels span.distance {
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
  line-height: 150%; }

.miami-hotels span.address {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 150%; }

.miami-hotels .intgal {
  overflow: hidden;
  clear: both;
  padding: 0;
  padding-bottom: 20px;
  width: 100%;
  display: block; }
  .miami-hotels .intgal li {
    width: 25%;
    float: left;
    display: block; }
    .miami-hotels .intgal li a {
      display: block;
      padding-right: 15px; }
      .miami-hotels .intgal li a img {
        display: block; }

.count-wrap {
  display: none; }

.fb-content {
  padding: 15px 15px 5px;
  background: rgba(0, 0, 0, 0.5); }
  .fb-content p {
    margin-bottom: 12px; }
  @media only screen and (min-width: 1081px) {
    .fb-content {
      margin-bottom: 25px; }
      .fb-content p {
        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-list-lp li {
  display: block;
  width: 50%;
  float: left; }
  .tickets-list-lp li a {
    display: block;
    background: #ffc217;
    background: -moz- oldlinear-gradient(bottom left, #ffc931, #ffcf4a);
    background: -o-linear-gradient(bottom left, #ffc931, #ffcf4a);
    background: linear-gradient(to top right, #ffc931, #ffcf4a);
    text-decoration: none;
    color: #000;
    padding: 30px;
    text-align: center; }
    .tickets-list-lp li a strong {
      font-size: 36px;
      display: block;
      color: #000;
      margin-bottom: 10px;
      font-weight: bold;
      text-transform: uppercase;
      font-family: 'helvetica-bold'; }
    .tickets-list-lp li a span {
      display: block;
      font-size: 21px;
      font-weight: bold;
      font-family: 'helvetica-bold';
      text-transform: uppercase; }
    .tickets-list-lp li a:hover {
      background: -moz- oldlinear-gradient(bottom left, #ffcf4a, #ffdd7d);
      background: -o-linear-gradient(bottom left, #ffcf4a, #ffdd7d);
      background: linear-gradient(to top right, #ffcf4a, #ffdd7d); }
  .tickets-list-lp li:nth-child(2) a {
    background: #fb0034;
    background: -moz- oldlinear-gradient(bottom left, #ff0136, #ff204e);
    background: -o-linear-gradient(bottom left, #ff0136, #ff204e);
    background: linear-gradient(to top right, #ff0136, #ff204e); }
    .tickets-list-lp li:nth-child(2) a:hover {
      background: -moz- oldlinear-gradient(bottom left, #ff204e, #ff436a);
      background: -o-linear-gradient(bottom left, #ff204e, #ff436a);
      background: linear-gradient(to top right, #ff204e, #ff436a); }

.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;
    text-decoration: none; }
    .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;
    text-decoration: none; }
    .clist li a:hover {
      opacity: 1; }
    .clist li a img {
      margin-right: 5px; }

ul.travel {
  text-align: center;
  font-size: 0; }
  ul.travel li {
    display: block;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 8%; }
    @media screen and (min-width: 600px) {
      ul.travel li {
        float: left;
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
        clear: both; }
        ul.travel li:nth-child(even) {
          margin-right: 0;
          float: right;
          clear: none; } }
    ul.travel li span.img {
      position: relative;
      overflow: hidden;
      height: 0;
      display: block;
      padding-bottom: 40%; }
    ul.travel li a {
      width: 100%;
      background: rgba(1, 1, 1, 0);
      display: block;
      line-height: 150%;
      -o-transition: background 0.2s ease-out, opacity 0.2s ease-out;
      -moz-transition: background 0.2s ease-out, opacity 0.2s ease-out;
      transition: background 0.2s ease-out, opacity 0.2s ease-out;
      font-size: 1rem;
      text-decoration: none; }
      @media screen and (min-width: 600px) {
        ul.travel li a {
          background: rgba(1, 1, 1, 0.1); }
          ul.travel li a:hover {
            background: rgba(1, 1, 1, 0); }
            ul.travel li a:hover img.icon {
              opacity: .99; } }
      ul.travel li a strong {
        font-size: 1.5rem;
        display: block;
        font-family: 'Raleway';
        font-weight: normal;
        text-transform: uppercase;
        background: rgba(7, 7, 7, 0.7);
        padding: 20px 10px 15px; }
      ul.travel li a img.icon {
        position: absolute;
        top: 50%;
        margin-top: -30px;
        left: 50%;
        margin-left: -35px;
        margin-bottom: 6px;
        display: inline-block;
        -o-transition: opacity .15s ease-out;
        -moz-transition: opacity .15s ease-out;
        transition: opacity .15s ease-out; }

.crumbs li {
  display: inline-block;
  text-transform: uppercase;
  vertical-align: middle; }
  .crumbs li a {
    opacity: .5;
    -o-transition: opacity .15s ease-out;
    -moz-transition: opacity .15s ease-out;
    transition: opacity .15s ease-out;
    display: inline-block;
    padding: 5px; }
    .crumbs li a:hover {
      opacity: 1; }

.tab-nav {
  font-size: 0;
  overflow: hidden;
  padding-bottom: 15px; }
  @media screen and (max-width: 980px) {
    .tab-nav {
      padding-bottom: 30px; } }
  .tab-nav li {
    display: inline-block;
    margin-bottom: 3%;
    text-align: center;
    margin-right: 1%; }
    @media screen and (max-width: 980px) {
      .tab-nav li {
        float: left;
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
        clear: both; }
        .tab-nav li:nth-child(even) {
          margin-right: 0;
          float: right;
          clear: none; } }
    .tab-nav li a {
      display: block;
      font-family: 'helvetica-bold';
      padding: 12px 30px;
      color: #eee;
      background: #222;
      text-transform: uppercase;
      text-decoration: none;
      -o-transition: background 0.15s ease-out, opacity 0.15s ease-out;
      -moz-transition: background 0.15s ease-out, opacity 0.15s ease-out;
      transition: background 0.15s ease-out, opacity 0.15s ease-out; }
      .tab-nav li a:hover {
        background: #333; }
      .tab-nav li a.active {
        background: #ffffff;
        cursor: default;
        color: #000 !important; }

.travel .tabs p, .travel .tabs li {
  font-size: 16px; }

.knowgo {
  text-align: center;
  position: relative; }
  @media screen and (min-width: 400px) {
    .knowgo {
      /*
        .accent {
            position: absolute;
            top: -64px;
            left: 0;
            right: 0;
            height: 305px;
            background-position: center 0px;
            background-repeat: no-repeat;
            background-image: url('https://ultramusicfestival.com/wp-content/uploads/2018/12/know-before-you-go.png');
        }
        */ }
      .knowgo img.know {
        padding: 25px 0 95px;
        position: relative;
        z-index: 1; } }

.fancybox-content {
  background: -moz- oldlinear-gradient(bottom left, #000 0%, #111 100%);
  background: -o-linear-gradient(bottom left, #000 0%, #111 100%);
  background: linear-gradient(to top right, #000 0%, #111 100%);
  font-size: 18px !important;
  line-height: 150%;
  padding: 36px; }

.fancybox-close-small {
  color: #fff; }

.adapois div.poi {
  background: #000;
  padding: 20px;
  margin-bottom: 25px; }
  @media only screen and (min-width: 1081px) {
    .adapois div.poi {
      margin-right: 2%;
      width: 30%;
      float: left; } }
  @media only screen and (min-width: 1081px) {
    .adapois div.poi {
      margin-right: 2%;
      width: 30%;
      float: left; } }
  .adapois div.poi:nth-child(3n+1) {
    clear: both; }
  .adapois div.poi h2 {
    font-size: 20px;
    margin: 0;
    margin-bottom: 20px; }
  .adapois div.poi p {
    margin-bottom: 1em; }

#wrapper-all.rb {
  z-index: auto; }
  #wrapper-all.rb #header {
    z-index: 970; }
  #wrapper-all.rb .animout .re-top {
    background: rgba(0, 0, 0, 0.95); }

body.admin-bar .re-top {
  top: 0; }
  @media only screen and (min-width: 600px) {
    body.admin-bar .re-top {
      top: 46px; } }
  @media only screen and (min-width: 768px) {
    body.admin-bar .re-top {
      top: 32px; } }

#wpadminbar {
  opacity: 0.6; }

#wpadminbar:hover {
  opacity: 1; }

.ibiza19-artists {
  position: relative;
  background: #000;
  z-index: 970;
  display: none; }

body.page-template-page-home-2019-php {
  background: url("https://resistanceibiza.com/wp-content/uploads/2018/12/seeker-lg.png") -100px -50px no-repeat;
  -moz-background-size: 475px auto;
    -o-background-size: 475px auto;
       background-size: 475px auto;
  -o-transition: -o-background-size .2s ease-out;
  -moz-transition: background-size .2s ease-out, -moz-background-size .2s ease-out;
  transition: background-size .2s ease-out;
  transition: background-size .2s ease-out, -moz-background-size .2s ease-out, -o-background-size .2s ease-out;
  height: auto !important;
  min-height: 100% !important; }
  body.page-template-page-home-2019-php #tl, body.page-template-page-home-2019-php #background, body.page-template-page-home-2019-php .background-overlay {
    display: none !important; }
  @media only screen and (min-width: 480px) {
    body.page-template-page-home-2019-php {
      background: url("https://resistanceibiza.com/wp-content/uploads/2018/12/seeker-lg.png") -90px -55px no-repeat;
      -moz-background-size: 600px auto;
        -o-background-size: 600px auto;
           background-size: 600px auto; } }
  @media only screen and (min-width: 600px) {
    body.page-template-page-home-2019-php {
      background: url("https://resistanceibiza.com/wp-content/uploads/2018/12/seeker-lg.png") center -50px no-repeat;
      -moz-background-size: 650px auto;
        -o-background-size: 650px auto;
           background-size: 650px auto; } }
  @media only screen and (min-width: 1081px) {
    body.page-template-page-home-2019-php {
      background: url("https://resistanceibiza.com/wp-content/uploads/2018/12/seeker-lg.png") 40% -50px no-repeat;
      -moz-background-size: 700px auto;
        -o-background-size: 700px auto;
           background-size: 700px auto; } }
  @media only screen and (min-width: 1200px) {
    body.page-template-page-home-2019-php {
      background: url("https://resistanceibiza.com/wp-content/uploads/2018/12/seeker-lg.png") 50% -50px no-repeat;
      -moz-background-size: 800px auto;
        -o-background-size: 800px auto;
           background-size: 800px auto; } }
  body.page-template-page-home-2019-php #main {
    padding-top: 0px;
    opacity: 1 !important; }
  body.page-template-page-home-2019-php .rloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -moz- oldlinear-gradient(bottom, #0c0d0d, #202021);
    background: -o-linear-gradient(bottom, #0c0d0d, #202021);
    background: linear-gradient(to top, #0c0d0d, #202021); }

html.page-template-page-home-2019-php {
  background: -moz- oldlinear-gradient(bottom, #0c0d0d, #202021);
  background: -o-linear-gradient(bottom, #0c0d0d, #202021);
  background: linear-gradient(to top, #0c0d0d, #202021);
  background-attachment: fixed; }

.re19-home {
  margin: auto;
  width: 400px;
  max-width: 100%;
  padding: 50px 30px 30px 68px; }
  @media only screen and (min-width: 599px 1) {
    .re19-home {
      width: 500px;
      padding-top: 100px;
      margin: auto; } }
  @media only screen and (min-width: 1081px) {
    .re19-home {
      width: 1460px;
      max-width: 100%;
      position: relative; }
      .re19-home .video {
        width: 500px;
        max-width: 100%; } }
  .re19-home img {
    max-width: 100%;
    height: auto; }
  .re19-home div.leftaccent {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background: url("https://resistanceibiza.com/wp-content/uploads/2018/12/bg-side-repeat.png") top left repeat-y;
    width: 78px;
    -moz-background-size: 78px auto;
      -o-background-size: 78px auto;
         background-size: 78px auto; }
    .re19-home div.leftaccent div {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 78px;
      background: url("https://resistanceibiza.com/wp-content/uploads/2018/12/bg-side.png") left top no-repeat;
      -moz-background-size: 78px auto;
        -o-background-size: 78px auto;
           background-size: 78px auto; }
  .re19-home .start, .re19-home img, .re19-home input, .re19-home button, .re19-home p {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden; }
  .re19-home .tuesdays {
    width: 120px;
    display: block; }
    @media only screen and (min-width: 1081px) {
      .re19-home .tuesdays {
        padding-left: 50px;
        padding-top: 50px;
        width: 160px; } }
  .re19-home .logo {
    padding-top: 50px;
    width: 300px;
    padding-bottom: 20px; }
    @media only screen and (min-width: 599px 1) {
      .re19-home .logo {
        width: 300px; } }
    @media only screen and (min-width: 1081px) {
      .re19-home .logo {
        width: 500px;
        padding-bottom: 50px; } }
  .re19-home .dates {
    width: 250px; }
    @media only screen and (min-width: 1081px) {
      .re19-home .dates {
        margin-bottom: 20px;
        padding-left: 70px;
        padding-top: 150px;
        width: 300px; } }
    @media only screen and (min-width: 1200px) {
      .re19-home .dates {
        padding-right: 70px;
        padding-left: 0; } }
  .re19-home .artists {
    margin-top: 30px;
    width: 350px;
    margin-bottom: 40px; }
    @media only screen and (min-width: 599px 1) {
      .re19-home .artists {
        width: 400px; } }
  .re19-home .more {
    float: left;
    color: #ba9780;
    font-family: 'helvetica-bold';
    font-size: 13px; }
    @media only screen and (max-width: 360px) {
      .re19-home .more {
        width: 110px; } }
    @media only screen and (min-width: 1081px) {
      .re19-home .more {
        float: none;
        font-family: 'helvetica';
        font-size: 17px; } }
  .re19-home .plogo {
    float: right;
    width: 70px;
    position: relative;
    top: -15px; }
    @media only screen and (min-width: 1081px) {
      .re19-home .plogo {
        top: 100px;
        right: 50px;
        width: 80px;
        position: absolute; } }
  .re19-home .desk-left .video {
    display: none; }
  @media only screen and (min-width: 1081px) {
    .re19-home .desk-left {
      width: 50%;
      float: left; }
      .re19-home .desk-left .video {
        display: block;
        margin-bottom: 50px; } }
  @media only screen and (min-width: 1081px) {
    .re19-home .desk-right {
      text-align: right;
      width: 40%;
      float: right;
      padding-right: 0px; }
      .re19-home .desk-right .video {
        display: none; } }
  .re19-home div.success {
    text-transform: uppercase;
    padding: 10px;
    font-size: 10px;
    font-family: 'helvetica';
    font-size: 13px; }
  .re19-home .form {
    width: 100%;
    padding-bottom: 35px;
    overflow: hidden;
    padding-top: 30px; }
  .re19-home .form ul {
    text-align: center;
    font-size: 0; }
    @media only screen and (min-width: 1081px) {
      .re19-home .form ul {
        text-align: right;
        padding-top: 35px; } }
  .re19-home .form li {
    display: block; }
    @media only screen and (min-width: 599px 1) {
      .re19-home .form li {
        display: block;
        width: 50%;
        float: left; } }
    @media only screen and (min-width: 599px 1) {
      .re19-home .form li {
        width: auto;
        display: inline-block;
        float: none; } }
    .re19-home .form li label.error {
      position: absolute;
      bottom: 0;
      left: 0; }
  .re19-home .form button, .re19-home .form input {
    display: block;
    padding: 15px 15px;
    border: 0px;
    font-size: 12px;
    text-transform: uppercase;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    color: #fff;
    -o-transition: .2s all ease-out;
    -moz-transition: .2s all ease-out;
    transition: .2s all ease-out;
    text-align: center; }
  .re19-home .form input {
    font-family: 'helvetica-bold';
    background: #191919;
    outline-color: #ba9780;
    border: 1px solid #333333;
    width: 100%;
    margin-right: 1px; }
    .re19-home .form input:hover {
      background: #ba9780; }
    .re19-home .form input.error {
      border: 1px solid red;
      background: rgba(204, 0, 0, 0.5); }
  .re19-home .form input:hover {
    background: #ba9780; }
  .re19-home .form button {
    font-family: 'helvetica-bold';
    background: #333333;
    border: 1px solid #333333;
    display: block;
    width: 100%;
    cursor: pointer; }
  .re19-home .form button:hover {
    background: #ba9780; }
  .re19-home ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff; }
  .re19-home ::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff; }
  .re19-home :-ms-input-placeholder {
    /* IE 10+ */
    color: #fff; }
  .re19-home :-moz-placeholder {
    /* Firefox 18- */
    color: #fff; }
  .re19-home .copy {
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    opacity: .7;
    color: #989da4; }
    @media only screen and (min-width: 1081px) {
      .re19-home .copy {
        position: fixed;
        bottom: 15px;
        left: 78px;
        text-align: center;
        font-size: 9px;
        z-index: -1; } }

.loader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .loader .loader-g {
    height: 36px;
    width: 36px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    margin-top: -18px;
    margin-left: -18px;
    position: relative;
    width: 36px; }
    .loader .loader-g:before {
      content: '';
      display: block;
      padding-top: 100%; }
  .loader .circular {
    -webkit-animation: rotate 2s linear infinite;
       -moz-animation: rotate 2s linear infinite;
         -o-animation: rotate 2s linear infinite;
            animation: rotate 2s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
       -moz-transform-origin: center center;
        -ms-transform-origin: center center;
         -o-transform-origin: center center;
            transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
  .loader .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.6s ease-in-out infinite, color 3s ease-in-out infinite;
       -moz-animation: dash 1.6s ease-in-out infinite, color 3s ease-in-out infinite;
         -o-animation: dash 1.6s ease-in-out infinite, color 3s ease-in-out infinite;
            animation: dash 1.6s ease-in-out infinite, color 3s ease-in-out infinite;
    stroke-linecap: round; }

body.dark .path {
  -webkit-animation: dash 1.6s ease-in-out infinite, colordark 3s ease-in-out infinite;
     -moz-animation: dash 1.6s ease-in-out infinite, colordark 3s ease-in-out infinite;
       -o-animation: dash 1.6s ease-in-out infinite, colordark 3s ease-in-out infinite;
          animation: dash 1.6s ease-in-out infinite, colordark 3s ease-in-out infinite; }

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

@-moz-keyframes rotate {
  100% {
    -moz-transform: rotate(360deg);
         transform: rotate(360deg); } }

@-o-keyframes rotate {
  100% {
    -o-transform: rotate(360deg);
       transform: rotate(360deg); } }

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }

@-moz-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }

@-o-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }

@-webkit-keyframes color {
  100%,
  0% {
    stroke: #ba9780; }
  40% {
    stroke: #ba9780; }
  66% {
    stroke: #ba9780; }
  80%,
  90% {
    stroke: #ba9780; } }

@-moz-keyframes color {
  100%,
  0% {
    stroke: #ba9780; }
  40% {
    stroke: #ba9780; }
  66% {
    stroke: #ba9780; }
  80%,
  90% {
    stroke: #ba9780; } }

@-o-keyframes color {
  100%,
  0% {
    stroke: #ba9780; }
  40% {
    stroke: #ba9780; }
  66% {
    stroke: #ba9780; }
  80%,
  90% {
    stroke: #ba9780; } }

@keyframes color {
  100%,
  0% {
    stroke: #ba9780; }
  40% {
    stroke: #ba9780; }
  66% {
    stroke: #ba9780; }
  80%,
  90% {
    stroke: #ba9780; } }

html.page-template-page-home-2019-v2-php {
  background: -moz- oldlinear-gradient(bottom, #0c0d0d, #202021);
  background: -o-linear-gradient(bottom, #0c0d0d, #202021);
  background: linear-gradient(to top, #0c0d0d, #202021);
  background-attachment: fixed; }

body.page-template-page-home-2019-v2-php {
  background: #032cfb; }

.rb .upplink {
  display: none !important;
  visibility: hidden !important; }

@media only screen and (max-width: 1080px) {
  body.home #wrapper-all {
    z-index: auto; } }

.lineaccent {
  background: #bb977e;
  height: 2px;
  margin-bottom: 0;
  position: relative; }
  .lineaccent div {
    position: absolute;
    height: 2px;
    top: 0;
    z-index: 5; }
  .lineaccent .a1 {
    position: relative;
    background: #bb977e;
    width: 1200px;
    max-width: 100%;
    margin: auto;
    z-index: 100; }
  .lineaccent .a2 {
    background: #bb977e;
    width: 50%;
    float: right;
    right: 0; }
  .lineaccent .a3 {
    background: #000;
    width: 50%;
    float: right;
    left: 0; }

a.leftaccent {
  width: 14px;
  background: #000;
  position: fixed;
  bottom: 0;
  top: 200px;
  left: 0;
  z-index: 1100;
  -o-transition: background 0.15s ease-out, color 0.15s ease-out;
  -moz-transition: background 0.15s ease-out, color 0.15s ease-out;
  transition: background 0.15s ease-out, color 0.15s ease-out; }
  a.leftaccent:hover {
    background: #B9BFDD; }
    a.leftaccent:hover span {
      color: #000; }
    a.leftaccent:hover div {
      background: #000; }
  a.leftaccent img.accent {
    position: relative;
    top: -14px; }
  a.leftaccent span {
    -o-transition: background 0.15s ease-out, color 0.15s ease-out;
    -moz-transition: background 0.15s ease-out, color 0.15s ease-out;
    transition: background 0.15s ease-out, color 0.15s ease-out;
    display: block;
    width: 145px;
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
    right: 0;
    position: relative;
    left: -66px;
    top: 20px;
    font-size: 11px;
    color: #B9BFDD; }
  a.leftaccent div {
    -o-transition: background 0.15s ease-out, color 0.15s ease-out;
    -moz-transition: background 0.15s ease-out, color 0.15s ease-out;
    transition: background 0.15s ease-out, color 0.15s ease-out;
    background: #B9BFDD;
    height: 20%;
    position: fixed;
    bottom: 0;
    width: 14px;
    z-index: 951; }
    a.leftaccent div:after {
      content: '';
      background: #fff;
      height: 14px;
      position: fixed;
      bottom: 20%;
      width: 14px;
      z-index: 951; }

div.leftaccent-old {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 950;
  height: 100%;
  background: url("https://resistanceibiza.com/wp-content/uploads/2018/12/bg-side-repeat.png") top left repeat-y;
  width: 78px;
  -moz-background-size: 78px auto;
    -o-background-size: 78px auto;
       background-size: 78px auto; }
  @media only screen and (min-width: 1339px) {
    div.leftaccent-old {
      width: 140px;
      -moz-background-size: 140px auto;
        -o-background-size: 140px auto;
           background-size: 140px auto;
      background-repeat: repeat-y;
      background-position: left top;
      background-image: url("https://resistanceibiza.com/wp-content/uploads/2018/12/bg-side-lg-pattern.png"); } }
  div.leftaccent-old div {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: url("https://resistanceibiza.com/wp-content/uploads/2019/02/bg-side-new.png") left top no-repeat;
    -moz-background-size: 78px auto;
      -o-background-size: 78px auto;
         background-size: 78px auto;
    width: 78px; }
    @media only screen and (min-width: 1339px) {
      div.leftaccent-old div {
        -moz-background-size: 140px auto;
          -o-background-size: 140px auto;
             background-size: 140px auto;
        width: 140px;
        background-repeat: no-repeat;
        background-position: left top;
        background-image: url("https://resistanceibiza.com/wp-content/uploads/2019/02/bg-side-lg-copy.png"); } }

body.page-template-page-home-2019-v2-php {
  height: auto !important;
  min-height: 100% !important; }
  body.page-template-page-home-2019-v2-php .re-logo18 {
    opacity: 0; }
  body.page-template-page-home-2019-v2-php.scrolled .re-logo18 {
    opacity: 1; }
  body.page-template-page-home-2019-v2-php #sg-weeks .sg-header {
    position: absolute;
    top: 70px;
    right: 0; }
    body.page-template-page-home-2019-v2-php #sg-weeks .sg-header div span {
      color: #ba9780 !important; }
  body.page-template-page-home-2019-v2-php .re-footer {
    z-index: 90; }
  body.page-template-page-home-2019-v2-php .re19-home-v2 {
    position: relative; }
    @media only screen and (max-width: 1081px) {
      body.page-template-page-home-2019-v2-php .re19-home-v2 {
        padding-top: 75px; } }
  body.page-template-page-home-2019-v2-php #tl, body.page-template-page-home-2019-v2-php #background, body.page-template-page-home-2019-v2-php .background-overlay {
    display: none !important; }
  body.page-template-page-home-2019-v2-php #main {
    padding-top: 0px;
    opacity: 1 !important; }
  body.page-template-page-home-2019-v2-php .rloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  body.page-template-page-home-2019-v2-php .top {
    padding: 0px 30px 30px 68px;
    width: 1300px;
    max-width: 100%;
    margin: auto;
    position: relative; }
    @media only screen and (min-width: 1081px) {
      body.page-template-page-home-2019-v2-php .top {
        padding: 50px 30px 30px 68px; } }
    body.page-template-page-home-2019-v2-php .top::after {
      clear: both;
      content: "";
      display: table; }
    body.page-template-page-home-2019-v2-php .top img {
      max-width: 100%;
      height: auto;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
    body.page-template-page-home-2019-v2-php .top .bgaccent {
      display: none;
      position: fixed;
      top: -240px;
      left: 50%;
      margin-left: 71px;
      width: 370px;
      -o-transition: top 1.5s cubic-bezier(1, 0, 0, 1);
      -moz-transition: top 1.5s cubic-bezier(1, 0, 0, 1);
      transition: top 1.5s cubic-bezier(1, 0, 0, 1);
      z-index: 90; }
      @media only screen and (min-width: 1081px) {
        body.page-template-page-home-2019-v2-php .top .bgaccent {
          display: block; } }
      body.page-template-page-home-2019-v2-php .top .bgaccent.preload {
        top: -2000px; }
  body.page-template-page-home-2019-v2-php .plogo2 {
    width: 70px;
    display: block;
    margin: auto;
    padding-bottom: 30px; }
    @media only screen and (min-width: 1081px) {
      body.page-template-page-home-2019-v2-php .plogo2 {
        display: none !important; } }
  body.page-template-page-home-2019-v2-php .award-logo1 {
    width: 80px;
    position: relative;
    display: block;
    clear: both;
    float: left;
    padding-top: 30px; }
    @media only screen and (min-width: 1081px) {
      body.page-template-page-home-2019-v2-php .award-logo1 {
        display: block;
        top: 80px;
        right: 160px;
        width: 120px;
        position: absolute; } }
  body.page-template-page-home-2019-v2-php .plogo {
    width: 80px;
    position: relative;
    padding-top: 30px;
    display: block;
    clear: both;
    float: left;
    z-index: 150; }
    @media only screen and (min-width: 1081px) {
      body.page-template-page-home-2019-v2-php .plogo {
        display: block;
        top: 80px;
        right: 50px;
        width: 80px;
        position: absolute; } }
  body.page-template-page-home-2019-v2-php .tuesdays-privilege {
    float: left;
    max-width: 100%;
    width: 100px;
    clear: both;
    padding-top: 50px; }
    @media only screen and (min-width: 1081px) {
      body.page-template-page-home-2019-v2-php .tuesdays-privilege {
        padding-top: 90px;
        width: 150px;
        float: none;
        max-width: 100%;
        height: auto;
        padding-top: 140px;
        padding-bottom: 50px;
        padding-left: 50px; } }
  body.page-template-page-home-2019-v2-php .logo {
    float: left;
    clear: both;
    display: block;
    width: 260px;
    max-width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    z-index: 100; }
    @media only screen and (min-width: 771px) {
      body.page-template-page-home-2019-v2-php .logo {
        width: 290px; } }
    @media only screen and (min-width: 1081px) {
      body.page-template-page-home-2019-v2-php .logo {
        padding-top: 210px;
        float: none;
        width: 800px;
        padding-top: 0; } }
    @media only screen and (min-width: 1200px) {
      body.page-template-page-home-2019-v2-php .logo {
        width: 1200px; } }
  body.page-template-page-home-2019-v2-php .right-info {
    clear: both;
    width: 300px;
    max-width: 100%;
    text-align: left;
    float: left; }
    @media only screen and (min-width: 1081px) {
      body.page-template-page-home-2019-v2-php .right-info {
        text-align: left;
        float: right;
        padding-left: 50px;
        width: 360px; } }
  body.page-template-page-home-2019-v2-php .azartists {
    clear: both;
    padding-left: 68px;
    padding-top: 20px;
    position: relative;
    width: 1300px;
    max-width: 100%;
    margin: auto;
    z-index: 110; }
    @media only screen and (max-width: 1080px) {
      body.page-template-page-home-2019-v2-php .azartists {
        border-top: 2px solid #ba9780;
        background: #0e0d0e; } }
    body.page-template-page-home-2019-v2-php .azartists .circleaccent {
      position: absolute;
      top: 33px;
      left: 10px;
      width: 240px;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
    body.page-template-page-home-2019-v2-php .azartists .xaccent {
      position: absolute;
      top: 118px;
      left: 50px;
      display: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      @media only screen and (min-width: 600px) {
        body.page-template-page-home-2019-v2-php .azartists .xaccent {
          left: 86px;
          display: block; } }
    body.page-template-page-home-2019-v2-php .azartists h3 {
      font-size: 16px; }
      body.page-template-page-home-2019-v2-php .azartists h3 span {
        color: #8995a2; }
    body.page-template-page-home-2019-v2-php .azartists ul {
      padding-left: 30px; }
      @media only screen and (min-width: 600px) {
        body.page-template-page-home-2019-v2-php .azartists ul {
          padding-left: 48px; } }
      body.page-template-page-home-2019-v2-php .azartists ul li {
        font-size: 20px;
        padding-bottom: 5px;
        margin-bottom: 5px;
        font-family: 'Circular Std Book';
        letter-spacing: -1px;
        vertical-align: top;
        cursor: default; }
        body.page-template-page-home-2019-v2-php .azartists ul li:hover {
          color: #fff;
          position: relative; }

@keyframes titleGlitch2-anim-1 {
  0% {
    clip: rect(26px, 500px, 29px, 0); }
  9.09091% {
    clip: rect(47px, 500px, 42px, 0); }
  18.18182% {
    clip: rect(38px, 500px, 29px, 0); }
  27.27273% {
    clip: rect(9px, 500px, 3px, 0); }
  36.36364% {
    clip: rect(49px, 500px, 21px, 0); }
  45.45455% {
    clip: rect(12px, 500px, 8px, 0); }
  54.54545% {
    clip: rect(15px, 500px, 32px, 0); }
  63.63636% {
    clip: rect(18px, 500px, 17px, 0); }
  72.72727% {
    clip: rect(1px, 500px, 20px, 0); }
  81.81818% {
    clip: rect(6px, 500px, 36px, 0); }
  90.90909% {
    clip: rect(21px, 500px, 9px, 0); }
  100% {
    clip: rect(22px, 500px, 8px, 0); } }

@keyframes titleGlitch2-anim-2 {
  0% {
    clip: rect(5px, 500px, 4px, 0); }
  9.09091% {
    clip: rect(37px, 500px, 4px, 0); }
  18.18182% {
    clip: rect(31px, 500px, 47px, 0); }
  27.27273% {
    clip: rect(32px, 500px, 49px, 0); }
  36.36364% {
    clip: rect(12px, 500px, 3px, 0); }
  45.45455% {
    clip: rect(9px, 500px, 31px, 0); }
  54.54545% {
    clip: rect(43px, 500px, 34px, 0); }
  63.63636% {
    clip: rect(13px, 500px, 41px, 0); }
  72.72727% {
    clip: rect(48px, 500px, 36px, 0); }
  81.81818% {
    clip: rect(49px, 500px, 14px, 0); }
  90.90909% {
    clip: rect(27px, 500px, 11px, 0); }
  100% {
    clip: rect(36px, 500px, 3px, 0); } }
          body.page-template-page-home-2019-v2-php .azartists ul li:hover:before, body.page-template-page-home-2019-v2-php .azartists ul li:hover:after {
            content: attr(data-text);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            background: rgba(0, 0, 0, 0);
            clip: rect(0, 0, 0, 0); }
          body.page-template-page-home-2019-v2-php .azartists ul li:hover: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; }
          body.page-template-page-home-2019-v2-php .azartists ul li:hover: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; }
        @media only screen and (min-width: 600px) {
          body.page-template-page-home-2019-v2-php .azartists ul li {
            font-size: 32px; } }
        body.page-template-page-home-2019-v2-php .azartists ul li span {
          font-family: 'Monument Extended';
          letter-spacing: 1px;
          text-transform: uppercase;
          display: inline-block;
          position: relative;
          font-size: 9px;
          padding-left: 15px;
          padding-right: 15px;
          display: block;
          padding-top: 5px; }
          body.page-template-page-home-2019-v2-php .azartists ul li span i {
            position: absolute;
            left: 0;
            top: 0; }
          @media only screen and (min-width: 480px) {
            body.page-template-page-home-2019-v2-php .azartists ul li span {
              display: inline-block;
              padding-top: 0; }
              body.page-template-page-home-2019-v2-php .azartists ul li span i {
                top: -6px; } }
        body.page-template-page-home-2019-v2-php .azartists ul li span.gray {
          color: #7b8693; }
        body.page-template-page-home-2019-v2-php .azartists ul li span.gold {
          color: #ba9780 !important; }
    body.page-template-page-home-2019-v2-php .azartists p.more {
      color: #ba9780;
      display: block;
      padding: 50px 30px;
      font-size: 15px;
      margin-bottom: 0; }
  body.page-template-page-home-2019-v2-php .headliners-announced {
    width: 298px;
    display: block;
    padding-bottom: 40px;
    margin-right: 25px;
    position: relative;
    z-index: 150; }
    @media only screen and (max-width: 770px) {
      body.page-template-page-home-2019-v2-php .headliners-announced {
        margin-right: 10px;
        width: 240px; } }
  body.page-template-page-home-2019-v2-php .callout {
    display: inline-block;
    position: relative;
    z-index: 150;
    font-family: 'Circular Std Book';
    font-size: 19px;
    padding-bottom: 15px;
    border-bottom: 1px solid #a5a1a1;
    padding: 10px 5px;
    text-align: center;
    color: #fff; }
    body.page-template-page-home-2019-v2-php .callout img {
      position: absolute;
      bottom: -7px;
      left: -30px; }
    @media only screen and (min-width: 771px) {
      body.page-template-page-home-2019-v2-php .callout {
        margin-right: 10px;
        font-size: 22px; } }
  body.page-template-page-home-2019-v2-php h2.callout2 a {
    font-family: 'Circular Std Book';
    text-transform: uppercase;
    position: relative;
    padding-bottom: 50px;
    font-size: 17px;
    margin: 0;
    display: block;
    z-index: 100;
    float: left; }
    @media only screen and (min-width: 480px) {
      body.page-template-page-home-2019-v2-php h2.callout2 a {
        font-size: 21px; } }
    body.page-template-page-home-2019-v2-php h2.callout2 a i {
      margin-top: 5px;
      padding: 4px;
      font-size: 16px;
      font-family: 'Monument Extended';
      display: block;
      font-style: normal;
      text-align: center;
      display: block;
      color: #080a09;
      background: #fff;
      -o-transition: background 0.15s ease-out;
      -moz-transition: background 0.15s ease-out;
      transition: background 0.15s ease-out; }
    @media only screen and (min-width: 1081px) {
      body.page-template-page-home-2019-v2-php h2.callout2 a {
        padding-left: 30px;
        float: right;
        padding-right: 20px;
        font-size: 26px; } }
    body.page-template-page-home-2019-v2-php h2.callout2 a strong, body.page-template-page-home-2019-v2-php h2.callout2 a b {
      font-weight: 400;
      font-family: 'Circular Std Book'; }
    body.page-template-page-home-2019-v2-php h2.callout2 a span {
      -o-transition: border 0.15s ease-out;
      -moz-transition: border 0.15s ease-out;
      transition: border 0.15s ease-out;
      display: inline-block;
      padding-bottom: 6px;
      margin-bottom: 6px;
      border-bottom: 1px solid #7b8693; }
      body.page-template-page-home-2019-v2-php h2.callout2 a span strong {
        color: #ba9780; }
    body.page-template-page-home-2019-v2-php h2.callout2 a:hover i {
      background: #fff; }
    body.page-template-page-home-2019-v2-php h2.callout2 a em {
      font-style: normal;
      color: #7b8693;
      position: relative;
      display: block;
      padding-top: 25px; }
      body.page-template-page-home-2019-v2-php h2.callout2 a em b {
        text-transform: none;
        font-size: 13px;
        position: absolute;
        top: 3px;
        left: 0px; }
      @media only screen and (min-width: 600px) {
        body.page-template-page-home-2019-v2-php h2.callout2 a em {
          display: inline-block;
          padding-top: 4px; }
          body.page-template-page-home-2019-v2-php h2.callout2 a em b {
            font-size: 13px;
            top: -18px;
            left: auto;
            right: 32px; } }
  body.page-template-page-home-2019-v2-php .dates {
    width: 280px;
    padding-bottom: 50px;
    margin-right: 12px;
    position: relative;
    z-index: 150; }
    @media only screen and (max-width: 770px) {
      body.page-template-page-home-2019-v2-php .dates {
        width: 220px;
        margin-right: 0px; } }
  body.page-template-page-home-2019-v2-php .seeker {
    /*
        @include max($bp-large) {
            left: -250px;
            z-index: -1;
            right: auto;
            top: -80px;
            bottom: 0;
            top: auto;
            img {
                width: 630px !important;
            }
        }
        @include max($bp-medium) {
            left: -40%;


        }
        @include max($bp-small) {
            top: -150px;
            left: -400px;
            bottom: 0;
            top: auto;
        }
        @include max($bp-xxsmall) {
            top: -150px;
            bottom: auto;
            position: absolute;
        }
        */ }
    @media only screen and (max-width: 1080px) {
      body.page-template-page-home-2019-v2-php .seeker {
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 1; }
        body.page-template-page-home-2019-v2-php .seeker img {
          width: 360px;
          max-width: 100%; } }
    @media only screen and (min-width: 1081px) {
      body.page-template-page-home-2019-v2-php .seeker {
        position: absolute;
        top: 0;
        left: auto;
        right: auto;
        text-align: center;
        width: 100%;
        z-index: 100;
        top: auto;
        left: auto;
        right: 50px;
        top: 0;
        top: auto;
        bottom: 0;
        right: auto;
        left: 0;
        text-align: right; }
        body.page-template-page-home-2019-v2-php .seeker.preload img {
          opacity: 0; }
        body.page-template-page-home-2019-v2-php .seeker .wrap {
          position: relative;
          margin: auto;
          width: 1300px;
          max-width: 100%;
          text-align: center; }
          body.page-template-page-home-2019-v2-php .seeker .wrap img {
            text-align: center;
            display: block;
            margin: auto; }
        body.page-template-page-home-2019-v2-php .seeker img {
          width: 600px;
          max-width: 1000px !important;
          opacity: 1;
          -o-transition: opacity 2.5s ease-out;
          -moz-transition: opacity 2.5s ease-out;
          transition: opacity 2.5s ease-out; } }
    @media only screen and (min-width: 1081px) and (max-width: 1080px) {
      body.page-template-page-home-2019-v2-php .seeker img {
        display: block;
        margin: auto; } }
  body.page-template-page-home-2019-v2-php .watch-teaser {
    width: 600px; }
  body.page-template-page-home-2019-v2-php .ibiza19-headliners {
    z-index: 110;
    position: relative;
    background: #000;
    width: 100%;
    -moz-background-size: 340px auto;
      -o-background-size: 340px auto;
         background-size: 340px auto;
    background-color: #000;
    background-image: url("https://resistanceibiza.com/wp-content/uploads/2019/02/accent.png");
    background-repeat: no-repeat;
    background-position: 50.45% 130%;
    background-image: none; }
    body.page-template-page-home-2019-v2-php .ibiza19-headliners .inner {
      width: 1300px;
      padding: 30px 30px 30px 68px;
      max-width: 100%;
      margin: auto; }
  body.page-template-page-home-2019-v2-php .ibfooter {
    position: relative;
    z-index: 120;
    text-align: center;
    padding: 50px;
    background: #0e0d0e; }
    body.page-template-page-home-2019-v2-php .ibfooter p {
      margin: 0;
      text-transform: uppercase;
      font-size: 11px;
      color: #999; }

.desk-videos div.video {
  width: 46%;
  float: left;
  margin-right: 4%;
  margin-bottom: 50px; }
  .desk-videos div.video a {
    height: 0;
    padding-bottom: 40%;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
    background-position: center center;
    position: relative; }
  .desk-videos div.video b.title {
    position: relative;
    top: 0;
    text-align: left;
    line-height: 150%;
    text-transform: none;
    margin-bottom: 12px;
    display: inline-block;
    font-family: 'Circular Std Book';
    color: #dcdcdc;
    font-size: 16px; }
    .desk-videos div.video b.title span {
      padding-top: 10px;
      color: #ba9780;
      display: block;
      -o-transition: color 0.15s ease-out;
      -moz-transition: color 0.15s ease-out;
      transition: color 0.15s ease-out; }
    @media only screen and (min-width: 771px) {
      .desk-videos div.video b.title {
        font-size: 18px; } }
    @media only screen and (min-width: 1081px) {
      .desk-videos div.video b.title {
        font-size: 18px; } }
  .desk-videos div.video span.play-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -9px;
    margin-left: -18px;
    font-size: 36px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%); }

.desk-videos .vid-cover {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-position: center center;
  z-index: 100; }
  .desk-videos .vid-cover em {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 110;
    margin-top: -15px;
    margin-left: -17px; }
    @media only screen and (min-width: 1081px) {
      .desk-videos .vid-cover em {
        margin-top: -30px;
        margin-left: -35px; } }
    .desk-videos .vid-cover em span {
      font-size: 30px; }
      @media only screen and (min-width: 1081px) {
        .desk-videos .vid-cover em span {
          font-size: 60px; } }

.teaser {
  z-index: 100;
  position: relative;
  width: 100%;
  -moz-background-size: 350px auto;
    -o-background-size: 350px auto;
       background-size: 350px auto; }
  .teaser .inner {
    width: 1300px;
    padding: 50px 30px 50px 68px;
    max-width: 100%; }
    @media only screen and (min-width: 1081px) {
      .teaser .inner {
        padding: 50px 30px 50px 68px; } }
  .teaser .heading {
    width: 600px;
    max-width: 100%;
    padding-bottom: 50px; }
  .teaser div.videos {
    padding: 50px 30px 50px 68px; }
    @media only screen and (min-width: 1081px) {
      .teaser div.videos {
        padding: 50px 30px 50px 30px; } }
    .teaser div.videos .swiper-container .swiper-slide:hover b.title span {
      color: #fff; }
    .teaser div.videos .swiper-container .swiper-slide b.title {
      position: relative;
      top: 0;
      text-align: left;
      line-height: 150%;
      text-transform: none;
      font-family: 'Circular Std Book';
      color: #dcdcdc;
      font-size: 16px; }
      .teaser div.videos .swiper-container .swiper-slide b.title span {
        padding-top: 10px;
        color: #ba9780;
        display: block;
        -o-transition: color 0.15s ease-out;
        -moz-transition: color 0.15s ease-out;
        transition: color 0.15s ease-out; }
      @media only screen and (min-width: 771px) {
        .teaser div.videos .swiper-container .swiper-slide b.title {
          font-size: 18px; } }
      @media only screen and (min-width: 1081px) {
        .teaser div.videos .swiper-container .swiper-slide b.title {
          font-size: 18px; } }
    .teaser div.videos .swiper-container .swiper-slide a {
      height: 360px;
      display: block;
      position: relative; }
    .teaser div.videos .swiper-container .swiper-slide span.play-icon {
      position: absolute;
      top: 50%;
      margin-left: -18px;
      font-size: 36px;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
           -o-transform: translateY(-50%);
              transform: translateY(-50%); }
  .teaser .videos-li {
    overflow: hidden; }
    .teaser .videos-li li {
      margin-bottom: 30px; }
      .teaser .videos-li li h2 {
        text-align: left;
        font-family: 'Circular Std Book';
        color: #dcdcdc;
        font-size: 18px; }
        .teaser .videos-li li h2 span {
          color: #ba9780;
          display: block; }
        @media only screen and (min-width: 771px) {
          .teaser .videos-li li h2 {
            font-size: 21px; } }
        @media only screen and (min-width: 1081px) {
          .teaser .videos-li li h2 {
            font-size: 24px; } }
      @media only screen and (min-width: 771px) {
        .teaser .videos-li li {
          width: 49%;
          display: block;
          float: left;
          margin-right: 2%; }
          .teaser .videos-li li:nth-child(even) {
            margin-right: 0; } }
  .teaser .vid-cover {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
    background-position: center center;
    z-index: 100; }
    .teaser .vid-cover em {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 110;
      margin-top: -15px;
      margin-left: -17px; }
      @media only screen and (min-width: 1081px) {
        .teaser .vid-cover em {
          margin-top: -30px;
          margin-left: -35px; } }
      .teaser .vid-cover em span {
        font-size: 30px; }
        @media only screen and (min-width: 1081px) {
          .teaser .vid-cover em span {
            font-size: 60px; } }

.re-footer-new {
  position: relative;
  background: rgba(0, 0, 0, 0.8);
  z-index: 800; }
  .re-footer-new .inner {
    width: 1264px;
    max-width: 100%;
    margin: auto;
    position: relative;
    z-index: 100;
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 30px; }
    @media only screen and (max-width: 599px) {
      .re-footer-new .inner {
        padding-left: 40px; } }
    @media only screen and (min-width: 771px) {
      .re-footer-new .inner {
        padding-top: 80px;
        padding-bottom: 80px; } }
  .re-footer-new .fleft {
    width: 460px;
    max-width: 100%;
    margin: auto; }
    @media only screen and (min-width: 1081px) {
      .re-footer-new .fleft {
        float: left; } }
    .re-footer-new .fleft .subscribe {
      max-width: 100%;
      width: 100%;
      padding-bottom: 50px; }
      @media only screen and (min-width: 870px) {
        .re-footer-new .fleft .subscribe:hover .form h2 a {
          background: #fff; } }
      .re-footer-new .fleft .subscribe .accents {
        text-align: right; }
        @media only screen and (max-width: 869px) {
          .re-footer-new .fleft .subscribe .accents {
            display: none; } }
        .re-footer-new .fleft .subscribe .accents h3 {
          text-align: left;
          font-size: 14px;
          position: relative;
          padding-left: 268px;
          top: 15px; }
          .re-footer-new .fleft .subscribe .accents h3 span {
            display: block;
            font-family: 'helvetica';
            font-weight: normal; }
          .re-footer-new .fleft .subscribe .accents h3 strong {
            font-size: 13px;
            font-family: 'helvetica';
            color: #2CF5DE; }
        .re-footer-new .fleft .subscribe .accents img {
          margin-bottom: 20px;
          width: 130px; }
      .re-footer-new .fleft .subscribe .form h2 {
        position: absolute; }
        .re-footer-new .fleft .subscribe .form h2 .text {
          font-size: 13px;
          text-transform: uppercase;
          font-weight: bold;
          background: #B9BFDD;
          display: inline-block;
          padding: 2px 6px;
          color: #000;
          font-family: 'helvetica';
          position: relative;
          -o-transition: background 0.15s ease-out;
          -moz-transition: background 0.15s ease-out;
          transition: background 0.15s ease-out;
          margin-bottom: 12px; }
        .re-footer-new .fleft .subscribe .form h2 .accent {
          position: relative;
          top: 2px; }
      .re-footer-new .fleft .subscribe .form p {
        opacity: .8;
        width: 320px;
        max-width: 100%;
        display: block;
        font-size: 15px;
        line-height: 120%;
        padding-left: 50px; }
      .re-footer-new .fleft .subscribe .form input {
        padding: 8px 8px 8px 4px;
        background: none;
        margin-right: 10px;
        border: 0px;
        border-bottom: 1px solid #36cfbf;
        color: #fff;
        font-family: 'helvetica';
        font-size: 14px;
        margin-left: 12px;
        width: 220px; }
        @media only screen and (max-width: 599px) {
          .re-footer-new .fleft .subscribe .form input {
            width: 250px; } }
        .re-footer-new .fleft .subscribe .form input::-webkit-input-placeholder {
          color: #bdbaba; }
        .re-footer-new .fleft .subscribe .form input:-ms-input-placeholder {
          color: #bdbaba; }
        .re-footer-new .fleft .subscribe .form input::-moz-placeholder {
          color: #bdbaba; }
        .re-footer-new .fleft .subscribe .form input::placeholder {
          color: #bdbaba; }
      .re-footer-new .fleft .subscribe .form .submit {
        padding: 0;
        position: relative; }
      .re-footer-new .fleft .subscribe .form button, .re-footer-new .fleft .subscribe .form a.subscribe {
        padding: 8px 15px;
        font-family: 'helvetica-bold';
        font-size: 13px;
        border: 0px !important;
        background: #fdf73d !important;
        color: #000 !important;
        cursor: pointer; }
        .re-footer-new .fleft .subscribe .form button.subscribed, .re-footer-new .fleft .subscribe .form a.subscribe.subscribed {
          background: #fdf73d !important; }
        .re-footer-new .fleft .subscribe .form button:hover, .re-footer-new .fleft .subscribe .form a.subscribe:hover {
          background: #fff; }
        .re-footer-new .fleft .subscribe .form button .accent, .re-footer-new .fleft .subscribe .form a.subscribe .accent {
          position: absolute;
          top: 8px;
          left: -265px; }
          @media only screen and (max-width: 599px) {
            .re-footer-new .fleft .subscribe .form button .accent, .re-footer-new .fleft .subscribe .form a.subscribe .accent {
              top: -25px;
              left: 0px; } }
    @media only screen and (max-width: 770px) {
      .re-footer-new .fleft #recountdown {
        position: relative;
        left: 18px; } }
    .re-footer-new .fleft #recountdown .re-countdown {
      text-align: left; }
    .re-footer-new .fleft #recountdown .count-bottom span {
      width: 83px;
      text-align: center; }
      .re-footer-new .fleft #recountdown .count-bottom span.rspacer {
        width: 27px; }
    @media only screen and (max-width: 599px) {
      .re-footer-new .fleft #recountdown {
        height: auto; }
        .re-footer-new .fleft #recountdown .rspacer {
          width: auto; }
        .re-footer-new .fleft #recountdown span.counter {
          width: auto; }
        .re-footer-new .fleft #recountdown .count-bottom span {
          display: none; }
        .re-footer-new .fleft #recountdown .count-top {
          display: none; } }
    .re-footer-new .fleft .time {
      padding-top: 20px;
      margin-bottom: 40px;
      text-align: center; }
      @media only screen and (min-width: 1081px) {
        .re-footer-new .fleft .time {
          text-align: left; } }
      .re-footer-new .fleft .time img {
        width: 300px; }
        @media only screen and (min-width: 600px) {
          .re-footer-new .fleft .time img {
            width: 380px; } }
    .re-footer-new .fleft .socials {
      border-top: 1px solid #fdf73d;
      text-align: center;
      overflow: hidden;
      max-width: 100%;
      padding-top: 40px;
      margin: auto; }
      @media only screen and (min-width: 1081px) {
        .re-footer-new .fleft .socials {
          margin: 0;
          text-align: left; } }
      .re-footer-new .fleft .socials a {
        color: #fff;
        font-size: 24px;
        margin: 0 6px 0 6px;
        -o-transition: color 0.15s ease-out;
        -moz-transition: color 0.15s ease-out;
        transition: color 0.15s ease-out; }
        @media only screen and (min-width: 1081px) {
          .re-footer-new .fleft .socials a {
            margin: 0 12px 0 0; } }
        .re-footer-new .fleft .socials a:hover {
          color: #032cfb; }
  .re-footer-new .fright {
    width: 260px;
    max-width: 100%;
    margin: auto;
    padding-top: 50px;
    overflow: hidden; }
    @media only screen and (min-width: 600px) {
      .re-footer-new .fright {
        width: 330px; } }
    @media only screen and (min-width: 1081px) {
      .re-footer-new .fright {
        padding-top: 0;
        float: right;
        width: 400px; } }
    .re-footer-new .fright .rlogo {
      padding-bottom: 50px; }
    .re-footer-new .fright .logos .priv {
      float: right;
      position: relative;
      top: 10px;
      width: 80px; }
      @media only screen and (min-width: 600px) {
        .re-footer-new .fright .logos .priv {
          top: -25px;
          width: 80px; } }
    .re-footer-new .fright .logos .umf {
      width: 150px;
      display: block;
      margin: auto;
      position: relative;
      top: -10px;
      left: -5px; }
      @media only screen and (min-width: 600px) {
        .re-footer-new .fright .logos .umf {
          left: 0;
          top: 0;
          display: inline-block;
          float: left; } }
      @media only screen and (min-width: 771px) {
        .re-footer-new .fright .logos .umf {
          width: 120px; } }
    .re-footer-new .fright .logos .award-logo2 {
      width: 80px;
      position: relative;
      clear: both;
      top: 20px;
      float: left; }
      @media only screen and (min-width: 600px) {
        .re-footer-new .fright .logos .award-logo2 {
          top: -8px;
          clear: none;
          right: -27px; } }
      @media only screen and (min-width: 1081px) {
        .re-footer-new .fright .logos .award-logo2 {
          display: inline-block;
          width: 110px;
          position: relative;
          top: -18px;
          right: -45px;
          float: left; } }
    .re-footer-new .fright p.copy {
      clear: both;
      padding: 20px 0;
      display: block;
      color: #fff;
      text-transform: uppercase;
      font-size: 12px;
      position: relative;
      text-align: center; }
      @media only screen and (min-width: 1081px) {
        .re-footer-new .fright p.copy {
          text-align: left;
          left: -5px; } }
      .re-footer-new .fright p.copy a {
        color: #fff;
        -o-transition: color 0.15s ease-out;
        -moz-transition: color 0.15s ease-out;
        transition: color 0.15s ease-out;
        display: inline-block;
        padding: 5px; }
        .re-footer-new .fright p.copy a:hover {
          color: #fff; }
      .re-footer-new .fright p.copy .spacer {
        display: inline-block;
        padding: 5px; }

.countdown {
  display: block;
  max-width: 100%;
  margin: auto; }
  .countdown ul {
    margin: 0;
    padding: 0;
    margin-bottom: 36px;
    font-size: 0;
    text-align: center; }
    @media only screen and (min-width: 1081px) {
      .countdown ul {
        text-align: left;
        position: relative;
        left: -5px; } }
  .countdown li {
    display: inline-block;
    max-width: 25%; }
    .countdown li:last-child span.ticker::after {
      content: '';
      display: none !important; }
  .countdown span {
    display: block;
    line-height: 120%; }
  .countdown span.label {
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    padding: 5px 0px;
    letter-spacing: 2px;
    font-size: 11px !important; }
    @media only screen and (max-width: 479px) {
      .countdown span.label {
        letter-spacing: 1px;
        font-size: 9px !important; } }
  .countdown span.ticker {
    line-height: 110%;
    letter-spacing: 2px;
    color: #fff;
    text-align: center;
    display: inline-block;
    position: relative;
    font-size: 21px;
    width: auto; }
    @media only screen and (min-width: 480px) {
      .countdown span.ticker {
        font-size: 30px;
        width: 45px; } }
    @media only screen and (min-width: 600px) {
      .countdown span.ticker {
        font-size: 50px;
        width: 90px;
        text-align: center; } }
    .countdown span.ticker::after {
      content: ':';
      display: inline-block;
      font-size: 50px;
      line-height: 110%;
      letter-spacing: 2px;
      font-family: 'primelight';
      color: #fff;
      text-align: center;
      position: relative;
      position: absolute;
      font-size: 21px;
      display: none; }
      @media only screen and (min-width: 600px) {
        .countdown span.ticker::after {
          display: block;
          font-size: 30px;
          top: -16px;
          right: -14px; } }
      @media only screen and (min-width: 600px) {
        .countdown span.ticker::after {
          font-size: 50px;
          top: -6px;
          right: -12px; } }

#sg-weeks-mobile {
  padding-top: 60px;
  position: relative; }
  #sg-weeks-mobile .swiper-nav {
    z-index: 1000;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -50px; }
  #sg-weeks-mobile .dib span {
    color: #ba9780; }
    #sg-weeks-mobile .dib span:hover {
      color: #fff; }
  #sg-weeks-mobile .swiper-container {
    height: 600px;
    padding-bottom: 50px; }
    @media only screen and (max-width: 600px) {
      #sg-weeks-mobile .swiper-container {
        height: 520px; } }
  #sg-weeks-mobile .swiper-container .swiper-slide {
    width: 300px; }
    @media only screen and (min-width: 480px) {
      #sg-weeks-mobile .swiper-container .swiper-slide {
        width: 350px; } }
    #sg-weeks-mobile .swiper-container .swiper-slide img {
      width: 100%;
      display: block;
      margin-bottom: 12px; }
  #sg-weeks-mobile .swiper-container .swiper-slide a {
    -webkit-align-items: normal;
       -moz-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
    display: inline-block !important;
    width: auto;
    height: auto; }

.billings .swiper-container {
  height: 600px;
  padding-bottom: 50px; }
  @media only screen and (max-width: 600px) {
    .billings .swiper-container {
      height: 520px;
      padding-left: 40px; } }

.billings .swiper-container .swiper-slide {
  width: 300px; }
  @media only screen and (min-width: 480px) {
    .billings .swiper-container .swiper-slide {
      width: 350px; } }
  .billings .swiper-container .swiper-slide img {
    width: 100%;
    display: block;
    margin-bottom: 12px; }

html body .billings .swiper-container .swiper-slide a {
  -webkit-align-items: normal;
     -moz-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  display: inline-block !important;
  width: auto;
  height: auto; }

.ibiza19-headliners ul.artists li {
  position: relative;
  font-size: 100%;
  vertical-align: middle; }
  @media only screen and (max-width: 599px) {
    .ibiza19-headliners ul.artists li {
      background-image: none !important; } }
  @media only screen and (min-width: 600px) {
    .ibiza19-headliners ul.artists li {
      margin-bottom: 5%;
      background-repeat: no-repeat;
      background-position: center center;
      -moz-background-size: cover;
        -o-background-size: cover;
           background-size: cover;
      padding: 250px 30px 20px;
      padding: 0;
      height: 0;
      padding-bottom: 40%; }
      .ibiza19-headliners ul.artists li img {
        display: none; } }
  @media only screen and (min-width: 1081px) {
    .ibiza19-headliners ul.artists li {
      font-size: 100%;
      width: 49%;
      float: left;
      display: block;
      margin-right: 2%;
      margin-bottom: 2%;
      padding-bottom: 30%; }
      .ibiza19-headliners ul.artists li:nth-child(even) {
        margin-right: 0; } }
  .ibiza19-headliners ul.artists li:hover strong {
    color: #fff;
    position: relative; }

@keyframes titleGlitch2-anim-1 {
  0% {
    clip: rect(19px, 500px, 13px, 0); }
  9.09091% {
    clip: rect(4px, 500px, 6px, 0); }
  18.18182% {
    clip: rect(28px, 500px, 40px, 0); }
  27.27273% {
    clip: rect(6px, 500px, 50px, 0); }
  36.36364% {
    clip: rect(18px, 500px, 49px, 0); }
  45.45455% {
    clip: rect(10px, 500px, 8px, 0); }
  54.54545% {
    clip: rect(33px, 500px, 9px, 0); }
  63.63636% {
    clip: rect(45px, 500px, 17px, 0); }
  72.72727% {
    clip: rect(22px, 500px, 20px, 0); }
  81.81818% {
    clip: rect(37px, 500px, 50px, 0); }
  90.90909% {
    clip: rect(21px, 500px, 34px, 0); }
  100% {
    clip: rect(44px, 500px, 16px, 0); } }

@keyframes titleGlitch2-anim-2 {
  0% {
    clip: rect(32px, 500px, 11px, 0); }
  9.09091% {
    clip: rect(8px, 500px, 10px, 0); }
  18.18182% {
    clip: rect(45px, 500px, 13px, 0); }
  27.27273% {
    clip: rect(47px, 500px, 31px, 0); }
  36.36364% {
    clip: rect(34px, 500px, 47px, 0); }
  45.45455% {
    clip: rect(19px, 500px, 32px, 0); }
  54.54545% {
    clip: rect(41px, 500px, 41px, 0); }
  63.63636% {
    clip: rect(9px, 500px, 24px, 0); }
  72.72727% {
    clip: rect(48px, 500px, 46px, 0); }
  81.81818% {
    clip: rect(2px, 500px, 40px, 0); }
  90.90909% {
    clip: rect(24px, 500px, 1px, 0); }
  100% {
    clip: rect(3px, 500px, 30px, 0); } }
    .ibiza19-headliners ul.artists li:hover strong:before, .ibiza19-headliners ul.artists li:hover strong:after {
      content: attr(data-text);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      background: rgba(0, 0, 0, 0);
      clip: rect(0, 0, 0, 0); }
    .ibiza19-headliners ul.artists li:hover strong: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; }
    .ibiza19-headliners ul.artists li:hover strong: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; }
  .ibiza19-headliners ul.artists li:hover .cover {
    opacity: .6; }
  .ibiza19-headliners ul.artists li span.cover {
    -o-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    background: rgba(0, 0, 0, 0); }
    @media only screen and (min-width: 600px) {
      .ibiza19-headliners ul.artists li span.cover {
        background: rgba(0, 0, 0, 0.5); } }
  .ibiza19-headliners ul.artists li .info {
    display: inline-block;
    position: relative;
    z-index: 100;
    text-align: center;
    width: 100%;
    -o-transition: opacity .15s ease-out;
    -moz-transition: opacity .15s ease-out;
    transition: opacity .15s ease-out;
    margin: 0;
    top: -52px; }
    @media only screen and (min-width: 600px) {
      .ibiza19-headliners ul.artists li .info {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%); } }
    .ibiza19-headliners ul.artists li .info em {
      background: #bb977e;
      font-size: 9px;
      padding: 10px;
      display: inline-block;
      padding: 3px 10px 2px;
      color: #000;
      font-style: normal;
      font-weight: normal;
      text-transform: uppercase;
      font-family: 'Monument Extended'; }
      @media only screen and (min-width: 351px) {
        .ibiza19-headliners ul.artists li .info em {
          font-size: 10px; } }
      @media only screen and (min-width: 381px) {
        .ibiza19-headliners ul.artists li .info em {
          font-size: 11px; } }
      @media only screen and (min-width: 480px) {
        .ibiza19-headliners ul.artists li .info em {
          padding: 5px 12px 3px;
          font-size: 13px; } }
    .ibiza19-headliners ul.artists li .info strong {
      margin: 10px 0 5px;
      font-size: 28px;
      color: #fff;
      display: block;
      font-family: 'Circular Std Book'; }
      @media only screen and (min-width: 351px) {
        .ibiza19-headliners ul.artists li .info strong {
          font-size: 42px;
          margin: 15px 0 10px; } }
      @media only screen and (min-width: 381px) {
        .ibiza19-headliners ul.artists li .info strong {
          font-size: 48px; } }
      @media only screen and (min-width: 480px) {
        .ibiza19-headliners ul.artists li .info strong {
          font-size: 60px; } }
      @media only screen and (min-width: 600px) {
        .ibiza19-headliners ul.artists li .info strong {
          font-size: 68px; } }
    .ibiza19-headliners ul.artists li .info span {
      color: #a7acb4;
      font-size: 11px;
      font-family: 'Circular Std Book'; }
      @media only screen and (min-width: 351px) {
        .ibiza19-headliners ul.artists li .info span {
          font-size: 13px; } }
      @media only screen and (min-width: 381px) {
        .ibiza19-headliners ul.artists li .info span {
          font-size: 14px; } }
      @media only screen and (min-width: 600px) {
        .ibiza19-headliners ul.artists li .info span {
          font-size: 16px; } }
  .ibiza19-headliners ul.artists li .text {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 340px;
    max-width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0; }
    .ibiza19-headliners ul.artists li .text strong {
      font-family: 'Circular Std Book'; }
  .ibiza19-headliners ul.artists li img.pic {
    display: none !important; }
  .ibiza19-headliners ul.artists li .more {
    text-align: center; }
  .ibiza19-headliners ul.artists li .moretext {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
    right: 0;
    font-size: 15px;
    text-align: center;
    color: #ba9780; }

.ibiza-weekly-lineups {
  font-size: 0;
  padding-top: 50px; }
  .ibiza-weekly-lineups li {
    font-size: 1rem;
    display: inline-block;
    text-align: center;
    margin-bottom: 3rem; }
    @media only screen and (min-width: 480px) and (max-width: 1080px) {
      .ibiza-weekly-lineups li {
        width: 47%;
        margin-right: 6%;
        margin-bottom: 4rem; }
        .ibiza-weekly-lineups li:nth-child(2n) {
          margin-right: 0; } }
    @media only screen and (min-width: 1081px) {
      .ibiza-weekly-lineups li {
        width: 30%;
        margin-right: 5%;
        margin-bottom: 5rem; }
        .ibiza-weekly-lineups li:nth-child(3n) {
          margin-right: 0; } }
    .ibiza-weekly-lineups li img {
      max-width: 100%;
      margin-bottom: 1rem; }
    .ibiza-weekly-lineups li a {
      display: block;
      text-decoration: none; }

.re19-weeks {
  padding-top: 36px; }
  .re19-weeks div.col {
    display: block;
    float: left; }
    @media only screen and (min-width: 1080px) {
      .re19-weeks div.col {
        width: 31%;
        margin-right: 3.333333333333333333333%; }
        .re19-weeks div.col:nth-child(3n) {
          margin-right: 0; } }
    .re19-weeks div.col li {
      margin-bottom: 50px;
      position: relative; }
      .re19-weeks div.col li a.anchor {
        position: absolute;
        left: 0px;
        top: -110px; }
  .re19-weeks .mlist > li {
    margin-bottom: 40px; }
  .re19-weeks li.week-1.active div.rlineup > h2.old, .re19-weeks li.week-1.active div.rlineup > ul > li > span {
    color: #a9aeb1; }
  .re19-weeks li.week-1.active a.fb-event, .re19-weeks li.week-1.active div.info strong > span {
    color: #a9aeb1; }
  .re19-weeks li.week-2.active div.rlineup > h2.old, .re19-weeks li.week-2.active div.rlineup > ul > li > span {
    color: #f00e3e; }
  .re19-weeks li.week-2.active a.fb-event, .re19-weeks li.week-2.active div.info strong > span {
    color: #f00e3e; }
  .re19-weeks li.week-3.active div.rlineup > h2.old, .re19-weeks li.week-3.active div.rlineup > ul > li > span {
    color: #ffde6d; }
  .re19-weeks li.week-3.active a.fb-event, .re19-weeks li.week-3.active div.info strong > span {
    color: #ffde6d; }
  .re19-weeks li.week-4.active div.rlineup > h2.old, .re19-weeks li.week-4.active div.rlineup > ul > li > span {
    color: #ba91f4; }
  .re19-weeks li.week-4.active a.fb-event, .re19-weeks li.week-4.active div.info strong > span {
    color: #ba91f4; }
  .re19-weeks li.week-5.active div.rlineup > h2.old, .re19-weeks li.week-5.active div.rlineup > ul > li > span {
    color: #bddfc4; }
  .re19-weeks li.week-5.active a.fb-event, .re19-weeks li.week-5.active div.info strong > span {
    color: #bddfc4; }
  .re19-weeks li.week-6.active div.rlineup > h2.old, .re19-weeks li.week-6.active div.rlineup > ul > li > span {
    color: #fab5d9; }
  .re19-weeks li.week-6.active a.fb-event, .re19-weeks li.week-6.active div.info strong > span {
    color: #fab5d9; }
  .re19-weeks li.week-7.active div.rlineup > h2.old, .re19-weeks li.week-7.active div.rlineup > ul > li > span {
    color: #2472f1; }
  .re19-weeks li.week-7.active a.fb-event, .re19-weeks li.week-7.active div.info strong > span {
    color: #2472f1; }
  .re19-weeks li.week-8.active div.rlineup > h2.old, .re19-weeks li.week-8.active div.rlineup > ul > li > span {
    color: #9098a0; }
  .re19-weeks li.week-8.active a.fb-event, .re19-weeks li.week-8.active div.info strong > span {
    color: #9098a0; }
  .re19-weeks li.week-9.active div.rlineup > h2.old, .re19-weeks li.week-9.active div.rlineup > ul > li > span {
    color: #5dd0f6; }
  .re19-weeks li.week-9.active a.fb-event, .re19-weeks li.week-9.active div.info strong > span {
    color: #5dd0f6; }
  .re19-weeks li.week-1 em, .re19-weeks li.week-1 a:hover, .re19-weeks li.week-1 a.view-lineup.active, .re19-weeks li.week-1 .rlineup > h2, .re19-weeks li.week-1 .rlineup > hr {
    background: #c8a48c !important; }
  .re19-weeks li.week-2 em, .re19-weeks li.week-2 a:hover, .re19-weeks li.week-2 a.view-lineup.active, .re19-weeks li.week-2 .rlineup > h2, .re19-weeks li.week-2 .rlineup > hr {
    background: #f00e3e !important; }
  .re19-weeks li.week-3 em, .re19-weeks li.week-3 a:hover, .re19-weeks li.week-3 a.view-lineup.active, .re19-weeks li.week-3 .rlineup > h2, .re19-weeks li.week-3 .rlineup > hr {
    background: #ffde6d !important; }
  .re19-weeks li.week-4 em, .re19-weeks li.week-4 a:hover, .re19-weeks li.week-4 a.view-lineup.active, .re19-weeks li.week-4 .rlineup > h2, .re19-weeks li.week-4 .rlineup > hr {
    background: #bb91f5 !important; }
  .re19-weeks li.week-5 em, .re19-weeks li.week-5 a:hover, .re19-weeks li.week-5 a.view-lineup.active, .re19-weeks li.week-5 .rlineup > h2, .re19-weeks li.week-5 .rlineup > hr {
    background: #abebb9 !important; }
  .re19-weeks li.week-6 em, .re19-weeks li.week-6 a:hover, .re19-weeks li.week-6 a.view-lineup.active, .re19-weeks li.week-6 .rlineup > h2, .re19-weeks li.week-6 .rlineup > hr {
    background: #fbb5d9 !important; }
  .re19-weeks li.week-7 em, .re19-weeks li.week-7 a:hover, .re19-weeks li.week-7 a.view-lineup.active, .re19-weeks li.week-7 .rlineup > h2, .re19-weeks li.week-7 .rlineup > hr {
    background: #2471f1 !important; }
  .re19-weeks li.week-8 em, .re19-weeks li.week-8 a:hover, .re19-weeks li.week-8 a.view-lineup.active, .re19-weeks li.week-8 .rlineup > h2, .re19-weeks li.week-8 .rlineup > hr {
    background: #9099a0 !important; }
  .re19-weeks li.week-9 em, .re19-weeks li.week-9 a:hover, .re19-weeks li.week-9 a.view-lineup.active, .re19-weeks li.week-9 .rlineup > h2, .re19-weeks li.week-9 .rlineup > hr {
    background: #5cd0f5 !important; }
  .re19-weeks li.active div.info img {
    -webkit-filter: grayscale(0);
    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");
    -webkit-filter: none;
            filter: none;
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%); }
  .re19-weeks div.info {
    background: -moz- oldlinear-gradient(bottom left, #1f1f21, #282829);
    background: -o-linear-gradient(bottom left, #1f1f21, #282829);
    background: linear-gradient(to top right, #1f1f21, #282829);
    padding: 20px;
    overflow: hidden;
    position: relative;
    background: #0e0d0e; }
    .re19-weeks div.info em {
      text-transform: uppercase;
      font-style: normal;
      font-family: 'Monument Extended';
      font-size: 16px;
      display: block;
      position: relative;
      top: 25px;
      position: relative;
      z-index: 10;
      float: right;
      padding: 4px 10px 3px;
      color: #181819;
      background: #ba9780; }
      @media only screen and (min-width: 599px) {
        .re19-weeks div.info em {
          font-size: 17px; } }
    .re19-weeks div.info b {
      font-family: 'Monument Extended';
      font-size: 17px;
      font-weight: normal;
      display: block;
      height: 80px;
      padding-bottom: 15px;
      position: relative;
      z-index: 10; }
      .re19-weeks div.info b img {
        max-width: 100%;
        height: auto; }
    .re19-weeks div.info strong {
      float: left;
      color: rgba(255, 255, 255, 0.5);
      font-size: 17px;
      text-transform: uppercase;
      font-family: 'Circular Std Book';
      font-weight: normal;
      position: relative;
      z-index: 10;
      display: block; }
      .re19-weeks div.info strong span {
        font-size: 36px;
        color: #ba9780;
        display: block; }
        @media only screen and (min-width: 599px) {
          .re19-weeks div.info strong span {
            font-size: 42px; } }
    .re19-weeks div.info img.seekerimg {
      position: absolute;
      top: 0px;
      left: 0;
      width: 320px;
      z-index: 2; }
    .re19-weeks div.info span.seeker {
      display: block;
      display: none;
      position: absolute;
      top: -20px;
      right: -10px;
      bottom: 0;
      width: 250px;
      height: auto;
      background: url("https://resistanceibiza.com/wp-content/uploads/2019/04/seeker-sm.png") top right no-repeat;
      -moz-background-size: cover;
        -o-background-size: cover;
           background-size: cover;
      z-index: 2; }
    .re19-weeks div.info span.accent {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      display: none; }
      .re19-weeks div.info span.accent span {
        background: -moz- oldlinear-gradient(bottom left, #1f1f21, rgba(40, 40, 41, 0.2));
        background: -o-linear-gradient(bottom left, #1f1f21, rgba(40, 40, 41, 0.2));
        background: linear-gradient(to top right, #1f1f21, rgba(40, 40, 41, 0.2));
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1; }
  .re19-weeks .actions a {
    display: block;
    width: 50%;
    float: left;
    font-family: 'Circular Std';
    text-align: center;
    color: #000;
    background: #ba9780;
    text-align: center;
    text-decoration: none;
    padding: 15px 20px;
    font-size: 16px;
    -o-transition: background 0.15s ease-out;
    -moz-transition: background 0.15s ease-out;
    transition: background 0.15s ease-out; }
  .re19-weeks .actions a.buy {
    border-right: 1px solid #000; }
  .re19-weeks .view-lineup {
    text-align: center;
    border-top: 1px solid #000;
    font-family: 'Circular Std';
    color: #fff;
    clear: both;
    display: block;
    padding: 15px 20px;
    text-decoration: none;
    font-size: 15px;
    cursor: pointer;
    -o-transition: background 0.15s ease-out, color 0.15s ease-out;
    -moz-transition: background 0.15s ease-out, color 0.15s ease-out;
    transition: background 0.15s ease-out, color 0.15s ease-out;
    color: #000;
    background: #ba9780;
    color: #fff;
    background: -moz- oldlinear-gradient(bottom left, #1f1f21, #282829);
    background: -o-linear-gradient(bottom left, #1f1f21, #282829);
    background: linear-gradient(to top right, #1f1f21, #282829); }
    .re19-weeks .view-lineup.active {
      color: #000; }
    .re19-weeks .view-lineup:hover {
      color: #000000;
      background: #a9aeb1; }
  .re19-weeks .rlineup {
    background: -moz- oldlinear-gradient(bottom left, #1f1f21, #282829);
    background: -o-linear-gradient(bottom left, #1f1f21, #282829);
    background: linear-gradient(to top right, #1f1f21, #282829);
    padding: 20px 20px 0;
    overflow: hidden;
    position: relative; }
    .re19-weeks .rlineup h2 {
      text-transform: uppercase;
      font-style: normal;
      font-family: 'Monument Extended';
      font-size: 14px;
      display: block;
      clear: both;
      margin: 0;
      padding: 3px 10px;
      float: left;
      color: #000000;
      background: #a9aeb1; }
    .re19-weeks .rlineup hr {
      background: #a9aeb1; }
    .re19-weeks .rlineup ul {
      clear: both;
      display: block;
      margin: 0;
      padding-bottom: 20px;
      clear: both; }
    .re19-weeks .rlineup li {
      clear: both;
      margin: 0;
      overflow: hidden;
      padding-bottom: 12px;
      margin-bottom: 0 !important;
      font-size: 15px; }
      .re19-weeks .rlineup li strong {
        color: #fff;
        font-weight: normal;
        font-family: 'Circular Std Book';
        float: left;
        width: 70%; }
        @media only screen and (min-width: 1080px) {
          .re19-weeks .rlineup li strong {
            width: 68%; } }
      .re19-weeks .rlineup li span {
        font-family: 'Circular Std Book';
        color: #a4c1e0;
        float: right;
        width: 28%;
        text-align: right; }
        @media only screen and (min-width: 1080px) {
          .re19-weeks .rlineup li span {
            width: 32%; } }
    .re19-weeks .rlineup a.fb-event {
      display: inline-block;
      padding: 12px 10px 12px 0;
      position: relative;
      top: -15px;
      text-transform: uppercase;
      text-decoration: none;
      font-weight: bold;
      font-size: 13px;
      background: none;
      -o-transition: color 0.15s ease-out;
      -moz-transition: color 0.15s ease-out;
      transition: color 0.15s ease-out; }
      .re19-weeks .rlineup a.fb-event:hover {
        background: none !important;
        color: #fff !important; }

.ibgal li {
  display: block;
  float: left;
  width: 50%;
  position: relative; }
  @media only screen and (min-width: 1080px) {
    .ibgal li {
      width: 25%; }
      .ibgal li:nth-child(5n + 1) {
        width: 50%; }
      .ibgal li:nth-child(10n + 6) {
        float: right; } }
  .ibgal li img {
    max-width: 100%;
    height: auto;
    display: block;
    opacity: 0;
    width: 0;
    height: 0; }
  .ibgal li a {
    display: block;
    width: 100%;
    padding-bottom: 65%;
    height: 0;
    background-position: center center;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
    background-repeat: no-repeat; }
    .ibgal 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);
      text-align: center; }
      .ibgal 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; }
    @media only screen and (min-width: 1080px) {
      .ibgal li a:hover span {
        opacity: 0; }
      .ibgal li a span {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -o-transition: box-shadow 0.15s ease-out, opacity 0.15s ease-out;
        -moz-transition: box-shadow 0.15s ease-out, opacity 0.15s ease-out, -moz-box-shadow 0.15s ease-out;
        transition: box-shadow 0.15s ease-out, opacity 0.15s ease-out;
        transition: box-shadow 0.15s ease-out, opacity 0.15s ease-out, -moz-box-shadow 0.15s ease-out;
        background: -moz- oldlinear-gradient(bottom left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
        background: -o-linear-gradient(bottom left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
        background: linear-gradient(to top right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
        -moz-box-shadow: 0 0 0 #000;
             box-shadow: 0 0 0 #000; } }

.ib-gal-nav {
  padding-bottom: 20px;
  position: relative;
  z-index: 100; }
  .ib-gal-nav::after {
    clear: both;
    content: "";
    display: table; }
  .ib-gal-nav li {
    display: block;
    float: left;
    position: relative; }
    .ib-gal-nav li a {
      display: block;
      padding: 10px 15px;
      color: #ba9780;
      text-decoration: none;
      -o-transition: color 0.15s ease-out;
      -moz-transition: color 0.15s ease-out;
      transition: color 0.15s ease-out; }
      .ib-gal-nav li a:hover {
        color: #fff; }
    .ib-gal-nav li.current-menu-item a {
      color: #fff; }
    .ib-gal-nav li li {
      float: none; }
    .ib-gal-nav li ul.sub-menu {
      position: absolute;
      top: -10000px;
      opacity: 0;
      left: 0;
      background: #0e0d0e; }
    .ib-gal-nav li:hover ul.sub-menu {
      display: block;
      top: 34px;
      left: 0;
      opacity: 1; }
      .ib-gal-nav li:hover ul.sub-menu a {
        padding: 15px 10px; }

.videos .swiper-nav span {
  color: #ba9780; }
  .videos .swiper-nav span:hover {
    color: #fff; }

#livestream-2019 {
  width: 1150px;
  max-width: 100%;
  margin: auto; }
  #livestream-2019 .chs {
    position: relative; }
  #livestream-2019 .chh.ch2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: none; }
  #livestream-2019 img {
    max-width: 100%;
    height: auto; }
  #livestream-2019 .umftv {
    display: inline-block;
    width: 120px;
    padding-right: 10px; }
    @media only screen and (min-width: 480px) {
      #livestream-2019 .umftv {
        width: 140px;
        padding-right: 20px;
        padding-top: 10px; } }
  #livestream-2019 a.resistance-live {
    display: inline-block;
    width: 170px;
    margin-bottom: 12px;
    position: relative;
    top: -5px; }
    @media only screen and (min-width: 600px) {
      #livestream-2019 a.resistance-live {
        width: 200px;
        top: -10px; } }
    @media only screen and (min-width: 1081px) {
      #livestream-2019 a.resistance-live {
        width: 260px;
        top: 0; } }
  #livestream-2019 .pow-croatia {
    width: 70px;
    float: right;
    text-align: center;
    position: relative;
    top: -10px; }
    #livestream-2019 .pow-croatia .pow {
      text-align: center;
      position: relative;
      left: -7px;
      font-size: 8px; }
    @media only screen and (min-width: 1081px) {
      #livestream-2019 .pow-croatia {
        width: 90px; }
        #livestream-2019 .pow-croatia .pow {
          font-size: 11px;
          left: -13px; } }
  #livestream-2019 .pow-resistance {
    position: relative;
    width: 100px;
    top: -10px;
    float: right;
    text-align: right;
    opacity: .5;
    -o-transition: opacity .15s ease-out;
    -moz-transition: opacity .15s ease-out;
    transition: opacity .15s ease-out; }
    #livestream-2019 .pow-resistance:hover {
      opacity: 1; }
    @media only screen and (min-width: 1081px) {
      #livestream-2019 .pow-resistance {
        width: 122px;
        top: -30px; } }
    #livestream-2019 .pow-resistance em.pow {
      text-align: right;
      margin-bottom: 0;
      margin-bottom: 5px; }
      @media only screen and (min-width: 1081px) {
        #livestream-2019 .pow-resistance em.pow {
          margin-bottom: 5px; } }
    #livestream-2019 .pow-resistance .beattv {
      display: block;
      width: 100px; }
      @media only screen and (min-width: 1081px) {
        #livestream-2019 .pow-resistance .beattv {
          width: 120px;
          padding-bottom: 10px; } }
    #livestream-2019 .pow-resistance .rebiza {
      display: inline-block;
      width: 120px; }
      @media only screen and (max-width: 479px) {
        #livestream-2019 .pow-resistance .rebiza {
          display: none; } }
      @media only screen and (max-width: 1080px) {
        #livestream-2019 .pow-resistance .rebiza {
          position: absolute;
          bottom: 0;
          right: 120px; } }
      @media only screen and (min-width: 1081px) {
        #livestream-2019 .pow-resistance .rebiza {
          display: block;
          padding-bottom: 10px; } }
  #livestream-2019 a.u-live {
    display: inline-block;
    width: 120px;
    margin-bottom: 12px; }
    @media only screen and (min-width: 1081px) {
      #livestream-2019 a.u-live {
        width: 200px; } }
  #livestream-2019 .pow-wmc {
    display: inline-block;
    margin-bottom: 12px;
    text-align: right;
    width: 120px; }
    @media only screen and (min-width: 1081px) {
      #livestream-2019 .pow-wmc {
        width: 200px; } }
    @media only screen and (min-width: 1081px) {
      #livestream-2019 .pow-wmc em.pow {
        padding-right: 135px; } }
  #livestream-2019 em.pow {
    display: block;
    font-style: normal;
    text-transform: uppercase;
    font-family: 'aux';
    margin-bottom: 5px;
    font-size: 11px;
    text-align: left; }
  #livestream-2019 .switcher {
    position: absolute;
    left: 50%;
    margin-left: -40px;
    background: #3d4047;
    overflow: hidden; }
    #livestream-2019 .switcher.desk {
      top: 10px;
      -moz-border-radius: 20px;
           border-radius: 20px; }
      @media only screen and (min-width: 1081px) {
        #livestream-2019 .switcher.desk {
          top: 20px; } }
    #livestream-2019 .switcher.mobile {
      top: 20px;
      -moz-border-radius: 10px 10px 0 0;
           border-radius: 10px 10px 0 0; }
    @media only screen and (min-width: 1081px) {
      #livestream-2019 .switcher {
        display: block;
        top: 15px; } }
    #livestream-2019 .switcher ul {
      display: block;
      width: 80px;
      margin: 0;
      padding: 0; }
      #livestream-2019 .switcher ul li {
        display: block;
        float: left;
        width: 40px; }
        #livestream-2019 .switcher ul li a {
          font-size: 14px;
          text-decoration: none;
          text-align: center;
          display: block;
          padding: 5px 10px;
          cursor: pointer; }
          @media only screen and (min-width: 600px) {
            #livestream-2019 .switcher ul li a {
              font-size: 16px; } }
          #livestream-2019 .switcher ul li a.active {
            color: #3d4047;
            background: #4ce5fd; }
  #livestream-2019 .lsplayer {
    background: -moz- oldlinear-gradient(bottom left, rgba(0, 0, 0, 0.9), rgba(20, 20, 20, 0.8));
    background: -o-linear-gradient(bottom left, rgba(0, 0, 0, 0.9), rgba(20, 20, 20, 0.8));
    background: linear-gradient(to top right, rgba(0, 0, 0, 0.9), rgba(20, 20, 20, 0.8));
    position: relative;
    -moz-border-radius: 4px;
         border-radius: 4px;
    overflow: hidden; }
    #livestream-2019 .lsplayer img {
      max-width: 100%; }
    #livestream-2019 .lsplayer div.vidcover {
      display: block;
      -o-transition: width 0.5s cubic-bezier(1, 0, 0, 1);
      -moz-transition: width 0.5s cubic-bezier(1, 0, 0, 1);
      transition: width 0.5s cubic-bezier(1, 0, 0, 1);
      width: 0%;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      background: -moz- oldlinear-gradient(bottom left, #03c2e0, #016b7c);
      background: -o-linear-gradient(bottom left, #03c2e0, #016b7c);
      background: linear-gradient(to top right, #03c2e0, #016b7c); }
      #livestream-2019 .lsplayer div.vidcover.start1 {
        width: 100%; }
      #livestream-2019 .lsplayer div.vidcover.finish1 {
        right: 0;
        left: auto;
        width: 0%; }
      #livestream-2019 .lsplayer div.vidcover.start2 {
        right: 0;
        left: auto;
        width: 100%;
        background: -moz- oldlinear-gradient(bottom left, #03c2e0, #016b7c);
        background: -o-linear-gradient(bottom left, #03c2e0, #016b7c);
        background: linear-gradient(to top right, #03c2e0, #016b7c); }
      #livestream-2019 .lsplayer div.vidcover.finish2 {
        right: auto;
        left: 0;
        width: 0%;
        background: -moz- oldlinear-gradient(bottom left, #03c2e0, #016b7c);
        background: -o-linear-gradient(bottom left, #03c2e0, #016b7c);
        background: linear-gradient(to top right, #03c2e0, #016b7c); }
  #livestream-2019 .channels {
    position: relative; }
    @media only screen and (max-width: 479px) {
      #livestream-2019 .channels {
        padding-top: 20px; }
        #livestream-2019 .channels .hidden-channel {
          display: none !important;
          visibility: hidden !important; } }
    #livestream-2019 .channels .chnav {
      position: absolute;
      top: 44px;
      padding: 26px 7px;
      z-index: 100;
      left: 0;
      color: #3d4047;
      text-align: center; }
      #livestream-2019 .channels .chnav.disabled {
        opacity: .3; }
      #livestream-2019 .channels .chnav.chnext {
        right: 0;
        left: auto; }
  #livestream-2019 .channel {
    width: 100%; }
    @media only screen and (min-width: 480px) {
      #livestream-2019 .channel {
        width: 48%; }
        #livestream-2019 .channel.single {
          width: 100%; }
          #livestream-2019 .channel.single li {
            margin-bottom: 30px; } }
    @media only screen and (min-width: 480px) and (min-width: 771px) {
      #livestream-2019 .channel.single strong {
        padding-top: 30px;
        display: block;
        float: left; } }
    #livestream-2019 .channel.active a.vidlink {
      background: rgba(76, 229, 253, 0.95);
      color: #3d4047; }
      #livestream-2019 .channel.active a.vidlink .dark {
        opacity: 1; }
      #livestream-2019 .channel.active a.vidlink .light {
        opacity: 0; }
    #livestream-2019 .channel.active span.chnum {
      color: #fff; }
    #livestream-2019 .channel.active span.chstatus span {
      color: #3d4047; }
    #livestream-2019 .channel.active span.chstatus em {
      background: red !important; }
    #livestream-2019 .channel.active ul {
      opacity: 1; }
      #livestream-2019 .channel.active ul li a {
        background: rgba(0, 0, 0, 0.5); }
        @media only screen and (min-width: 771px) {
          #livestream-2019 .channel.active ul li a:hover {
            background: rgba(0, 0, 0, 0.3); } }
    #livestream-2019 .channel a.vidlink {
      vertical-align: middle;
      background: rgba(0, 0, 0, 0.4);
      padding: 15px;
      text-align: center;
      display: block;
      font-family: 'auxblk';
      text-transform: uppercase;
      font-size: 14px;
      -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;
      position: relative;
      margin: 24px 0;
      -moz-border-radius: 4px;
           border-radius: 4px; }
      @media only screen and (min-width: 480px) {
        #livestream-2019 .channel a.vidlink {
          margin: 32px 0; } }
      #livestream-2019 .channel a.vidlink img, #livestream-2019 .channel a.vidlink span {
        display: inline-block;
        vertical-align: middle;
        -o-transition: opacity .15s ease-out;
        -moz-transition: opacity .15s ease-out;
        transition: opacity .15s ease-out; }
      #livestream-2019 .channel a.vidlink span.chnum {
        display: block;
        padding: 5px 10px;
        font-size: 12px;
        background: #3d4047;
        text-align: center;
        position: absolute;
        top: 0;
        right: 0;
        display: none; }
        @media only screen and (min-width: 480px) {
          #livestream-2019 .channel a.vidlink span.chnum {
            -moz-border-radius: 0 0 0 7px;
                 border-radius: 0 0 0 7px;
            display: block; } }
      #livestream-2019 .channel a.vidlink span.chstatus {
        display: block;
        padding: 5px 10px;
        font-size: 10px;
        color: #fff;
        text-align: center;
        position: absolute;
        top: 2px;
        left: 0;
        display: none; }
        #livestream-2019 .channel a.vidlink span.chstatus em {
          position: relative;
          top: 2px;
          width: 6px;
          height: 6px;
          -moz-border-radius: 10px;
               border-radius: 10px;
          background: #3d4047;
          display: inline-block;
          margin-right: 5px; }
        #livestream-2019 .channel a.vidlink span.chstatus span {
          color: #3d4047; }
        @media only screen and (min-width: 480px) {
          #livestream-2019 .channel a.vidlink span.chstatus {
            display: block; } }
      #livestream-2019 .channel a.vidlink span.icon {
        display: none;
        font-size: 24px; }
      #livestream-2019 .channel a.vidlink figure {
        position: relative;
        display: inline-block;
        margin: 0;
        padding: 0; }
        #livestream-2019 .channel a.vidlink figure .dark {
          position: absolute;
          z-index: 10;
          top: 0;
          left: 0;
          opacity: 0; }
    #livestream-2019 .channel ul {
      opacity: .3;
      -o-transition: opacity .15s ease-out;
      -moz-transition: opacity .15s ease-out;
      transition: opacity .15s ease-out; }
      #livestream-2019 .channel ul li {
        background-position: center center;
        -moz-background-size: cover;
          -o-background-size: cover;
             background-size: cover;
        margin-bottom: 15px;
        display: block;
        -moz-border-radius: 4px;
             border-radius: 4px; }
        #livestream-2019 .channel ul li a {
          display: block;
          padding: 20px;
          background: black;
          overflow: hidden;
          -o-transition: background .2s ease-out;
          -moz-transition: background .2s ease-out;
          transition: background .2s ease-out;
          text-decoration: none;
          border: 0; }
        #livestream-2019 .channel ul li span.start-time {
          display: block;
          font-family: 'auxblk';
          font-size: 16px;
          color: #fff; }
          @media only screen and (min-width: 771px) {
            #livestream-2019 .channel ul li span.start-time {
              font-size: 18px;
              float: left; } }
          #livestream-2019 .channel ul li span.start-time em {
            font-family: 'aux';
            font-style: normal;
            display: block;
            color: #BBB;
            opacity: 1;
            font-size: 15px;
            margin-bottom: 20px;
            margin-top: 5px; }
        #livestream-2019 .channel ul li strong {
          font-size: 16px;
          font-family: 'auxblk';
          display: block;
          color: #ddd; }
          @media only screen and (min-width: 771px) {
            #livestream-2019 .channel ul li strong {
              font-size: 21px;
              color: #ddd;
              clear: left;
              float: right; } }
  #livestream-2019 .sponsors {
    text-align: center;
    padding-top: 30px; }
    @media only screen and (min-width: 600px) {
      #livestream-2019 .sponsors {
        padding-top: 0;
        float: right; } }

.share-ls {
  text-align: center;
  padding-top: 20px;
  font-family: 'aux'; }
  @media only screen and (min-width: 600px) {
    .share-ls {
      padding-top: 0px;
      text-align: left;
      float: left; } }
  .share-ls strong {
    font-weight: normal;
    font-family: 'auxblk';
    border-bottom: 1px solid #4ce5fd;
    display: block;
    margin-bottom: 12px;
    padding-bottom: 12px;
    text-transform: uppercase;
    font-size: 17px; }
  .share-ls span {
    color: #4ce5fd;
    text-transform: uppercase;
    font-size: 21px; }
    .share-ls span i {
      font-size: 18px; }

body.page-template-page-livestream-2019-php #background .bg-img {
  display: none; }

body.page-template-page-livestream-2019-php #background div.bg {
  background-position: center center;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  z-index: 10 !important; }

@media only screen and (min-width: 1081px) {
  body.page-template-page-livestream-2019-php #background div.overlay-right {
    background-image: url("https://ultramusicfestival.com/wp-content/uploads/2019/03/overlay-right.png");
    z-index: 11 !important; }
  body.page-template-page-livestream-2019-php #background div.overlay-left {
    background-image: url("https://ultramusicfestival.com/wp-content/uploads/2019/03/overlay-left.png");
    z-index: 12 !important; }
  body.page-template-page-livestream-2019-php #background div.main-bg {
    background-image: url("https://ultrataiwan.com/wp-content/uploads/2020/11/2020_RTU_Live_Taiwan_Livestream_BG.jpg"); } }

@media only screen and (max-width: 1080px) {
  body.page-template-page-livestream-2019-php #background div.ulive-mobile {
    background-image: url("https://ultrataiwan.com/wp-content/uploads/2020/11/2020_RTU_Live_Taiwan_BG_Mobile.jpg");
    background-position: top center;
    z-index: 11 !important; }
  body.page-template-page-livestream-2019-php #background div.resistance-mobile {
    background-image: url("https://ultrataiwan.com/wp-content/uploads/2020/11/2020_RTU_Live_Taiwan_BG_Mobile.jpg");
    background-position: top center;
    z-index: 12 !important; } }

a.skip-main {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999; }

a.skip-main:focus, a.skip-main:active {
  color: #fff;
  background-color: #333;
  left: 50%;
  top: 10px;
  width: 30%;
  height: auto;
  overflow: auto;
  margin: 10px auto;
  margin-left: -160px;
  width: 320px;
  padding: 15px;
  -moz-border-radius: 2px;
       border-radius: 2px;
  border: 2px solid #999;
  text-align: center;
  font-size: 1.2em;
  z-index: 1000; }

a:focus {
  outline: 1px dotted; }
  a:focus[disabled] {
    cursor: not-allowed; }

.visuallyhidden, .vhide, .vh {
  display: block;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(1px);
          clip-path: inset(1px);
  white-space: nowrap;
  position: absolute; }

#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;
      text-decoration: none; }
      #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; }

.ppgs-wrap {
  display: inline-block;
  margin: 0 !important;
  padding: 0; }
  .ppgs-wrap li {
    margin: 0;
    padding: 0;
    position: relative; }
    .ppgs-wrap li:hover ul {
      opacity: 1;
      top: 38px; }
  .ppgs-wrap li ul {
    -o-transition: opacity 0.15s ease-out;
    -moz-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
    opacity: 0;
    margin: 0;
    padding: 0;
    display: block;
    background: -moz- oldlinear-gradient(top, #242424 0%, #0c0c0c 100%);
    background: -o-linear-gradient(top, #242424 0%, #0c0c0c 100%);
    background: linear-gradient(to bottom, #242424 0%, #0c0c0c 100%);
    position: absolute;
    top: -10000px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 110;
    padding: 15px; }
  .ppgs-wrap p.info {
    margin-bottom: 15px; }
  .ppgs-wrap .quick-subscribe {
    display: block;
    width: 100%; }

div.about {
  margin: auto;
  max-width: 100%;
  width: 2560px; }
  div.about .about-nav {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 100;
    display: none;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media only screen and (min-width: 771px) {
      div.about .about-nav {
        display: block; } }
    div.about .about-nav li.active a {
      color: #fff; }
      div.about .about-nav li.active a:after {
        border: 4px solid #959595; }
      div.about .about-nav li.active a span {
        opacity: 1; }
    div.about .about-nav li a {
      display: block;
      padding: 8px 35px 8px 10px;
      margin: 2px 0;
      position: relative;
      text-decoration: none;
      color: #777;
      text-transform: uppercase;
      font-size: 12px;
      -o-transition: color 0.15s ease-out;
      -moz-transition: color 0.15s ease-out;
      transition: color 0.15s ease-out;
      text-align: right; }
      div.about .about-nav li a span {
        -o-transition: opacity 0.15s ease-out;
        -moz-transition: opacity 0.15s ease-out;
        transition: opacity 0.15s ease-out;
        opacity: 0; }
      div.about .about-nav li a:after {
        display: block;
        content: '';
        position: absolute;
        top: 7px;
        right: 15px;
        width: 12px;
        height: 12px;
        -moz-border-radius: 20px;
             border-radius: 20px;
        border: 2px solid #777;
        -o-transition: border 0.15s ease-out;
        -moz-transition: border 0.15s ease-out;
        transition: border 0.15s ease-out; }
      div.about .about-nav li a:hover {
        color: #fff; }
        div.about .about-nav li a:hover:after {
          border: 4px solid #959595; }
        div.about .about-nav li a:hover span {
          opacity: 1; }
  div.about .anchor a {
    position: absolute;
    top: -40px; }
  div.about section {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    overflow: hidden;
    clear: both; }
    div.about section > h2, div.about section > .inner > h2, div.about section.vcenter > h2,
    div.about section > h1, div.about section > .inner > h1, div.about section.vcenter > h1 {
      text-transform: none !important;
      font-weight: bold;
      font-size: 32px; }
      @media only screen and (min-width: 771px) {
        div.about section > h2, div.about section > .inner > h2, div.about section.vcenter > h2,
        div.about section > h1, div.about section > .inner > h1, div.about section.vcenter > h1 {
          font-size: 42px !important; } }
    div.about section .inner {
      padding: 50px 30px; }
      div.about section .inner h2 {
        margin-top: 0; }
      @media only screen and (min-width: 771px) {
        div.about section .inner {
          padding: 90px 30px; } }
    div.about section .vcenter {
      z-index: 90;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
           -o-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  div.about .actions a {
    min-width: 200px;
    font-size: 13px !important; }
  div.about section.intro {
    background-color: #000;
    height: 400px;
    background-position: center 55%;
    -moz-background-size: 300px auto;
      -o-background-size: 300px auto;
         background-size: 300px auto; }
    @media only screen and (min-width: 771px) {
      div.about section.intro {
        height: 50vh;
        min-height: 500px;
        margin-top: -120px;
        background-position: center 55%;
        -moz-background-size: 400px auto;
          -o-background-size: 400px auto;
             background-size: 400px auto; } }
    div.about section.intro h1 {
      font-family: 'helvetica-bold', serif; }
      @media only screen and (min-width: 771px) {
        div.about section.intro h1 {
          margin-top: 80px; } }
    div.about section.intro .cover {
      background: rgba(0, 0, 0, 0.7);
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    div.about section.intro .vcenter {
      width: 980px;
      max-width: 100%;
      padding: 30px; }
      @media only screen and (max-width: 770px) {
        div.about section.intro .vcenter {
          padding: 15px 30px; } }
    @media only screen and (max-width: 770px) {
      div.about section.intro hr {
        display: none; }
      div.about section.intro h1 {
        font-size: 21px; }
      div.about section.intro h2 {
        font-size: 18px; } }
    div.about section.intro video {
      width: auto !important;
      height: 400px; }
      @media only screen and (min-width: 771px) {
        div.about section.intro video {
          height: 700px; } }
      @media only screen and (min-width: 1451px) {
        div.about section.intro video {
          width: 100% !important;
          height: auto; } }
  div.about section.videos {
    min-height: 50vh; }
    div.about section.videos .cover {
      background: rgba(0, 0, 0, 0.7);
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  div.about section.overview, div.about section.stats {
    background: rgba(0, 0, 0, 0.8);
    background: -moz- oldlinear-gradient(bottom left, rgba(21, 27, 39, 0.92), rgba(54, 71, 103, 0.92));
    background: -o-linear-gradient(bottom left, rgba(21, 27, 39, 0.92), rgba(54, 71, 103, 0.92));
    background: linear-gradient(to top right, rgba(21, 27, 39, 0.92), rgba(54, 71, 103, 0.92)); }
    div.about section.overview li, div.about section.stats li {
      display: block;
      float: left;
      text-align: center;
      width: 50%; }
      @media only screen and (min-width: 771px) {
        div.about section.overview li, div.about section.stats li {
          width: 25%; } }
      div.about section.overview li h3, div.about section.stats li h3 {
        color: #95a3b0; }
        @media only screen and (min-width: 771px) {
          div.about section.overview li h3, div.about section.stats li h3 {
            margin-bottom: 1rem;
            font-size: 27px !important; } }
      div.about section.overview li p, div.about section.stats li p {
        color: #fff;
        font-size: 15px; }
        @media only screen and (min-width: 771px) {
          div.about section.overview li p, div.about section.stats li p {
            font-size: 18px; } }
  div.about section.overview li {
    width: 50%; }
    div.about section.overview li:nth-child(3) {
      clear: both; }
    div.about section.overview li:nth-child(3) h3, div.about section.overview li:nth-child(4) h3 {
      margin-bottom: 7px; }
    div.about section.overview li:nth-child(3) p, div.about section.overview li:nth-child(4) p {
      font-size: 27px;
      margin-bottom: 1rem; }
    @media only screen and (min-width: 771px) {
      div.about section.overview li {
        width: 23.3%; }
        div.about section.overview li:nth-child(1) {
          width: 30%; }
        div.about section.overview li:nth-child(3) {
          clear: none; } }
    @media only screen and (max-width: 770px) {
      div.about section.overview li .actions a {
        display: block;
        width: 100%; } }
  div.about section.stats {
    background: #131924;
    background: -moz- oldlinear-gradient(bottom left, rgba(0, 0, 0, 0.92), rgba(17, 17, 17, 0.92));
    background: -o-linear-gradient(bottom left, rgba(0, 0, 0, 0.92), rgba(17, 17, 17, 0.92));
    background: linear-gradient(to top right, rgba(0, 0, 0, 0.92), rgba(17, 17, 17, 0.92));
    background: -moz- oldlinear-gradient(bottom left, rgba(21, 27, 39, 0.92), rgba(54, 71, 103, 0.92));
    background: -o-linear-gradient(bottom left, rgba(21, 27, 39, 0.92), rgba(54, 71, 103, 0.92));
    background: linear-gradient(to top right, rgba(21, 27, 39, 0.92), rgba(54, 71, 103, 0.92)); }
    div.about section.stats:hover p.note {
      opacity: 1; }
    div.about section.stats p.note {
      display: block;
      text-align: center;
      text-transform: uppercase;
      margin-top: 70px;
      margin: auto;
      font-size: 12px;
      opacity: .5;
      -o-transition: opacity 0.15s ease-out;
      -moz-transition: opacity 0.15s ease-out;
      transition: opacity 0.15s ease-out; }
    div.about section.stats li h3 {
      font-size: 15px !important; }
      @media only screen and (min-width: 771px) {
        div.about section.stats li h3 {
          font-size: 18px !important; } }
    div.about section.stats li p {
      position: relative;
      display: inline-block;
      line-height: 120%;
      font-size: 48px !important; }
      @media only screen and (min-width: 771px) {
        div.about section.stats li p {
          font-size: 72px !important; } }
      div.about section.stats li p span {
        position: absolute;
        font-size: 27px;
        top: 8px;
        right: -13px; }
        @media only screen and (min-width: 771px) {
          div.about section.stats li p span {
            font-size: 32px;
            top: 15px;
            right: -18px; } }
    div.about section.stats li:nth-child(3) {
      clear: both; }
    @media only screen and (min-width: 771px) {
      div.about section.stats li:nth-child(3) {
        clear: none; } }
  div.about .attend-title {
    margin: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.9);
    background: -moz- oldlinear-gradient(bottom left, rgba(2, 2, 2, 0.9), rgba(34, 34, 34, 0.9));
    background: -o-linear-gradient(bottom left, rgba(2, 2, 2, 0.9), rgba(34, 34, 34, 0.9));
    background: linear-gradient(to top right, rgba(2, 2, 2, 0.9), rgba(34, 34, 34, 0.9));
    background: -moz- oldlinear-gradient(bottom left, rgba(0, 0, 0, 0.9), rgba(17, 17, 17, 0.9));
    background: -o-linear-gradient(bottom left, rgba(0, 0, 0, 0.9), rgba(17, 17, 17, 0.9));
    background: linear-gradient(to top right, rgba(0, 0, 0, 0.9), rgba(17, 17, 17, 0.9));
    padding: 50px 20px; }
    @media only screen and (min-width: 771px) {
      div.about .attend-title {
        padding: 80px; } }
  div.about section.stages {
    background: -moz- oldlinear-gradient(bottom left, rgba(32, 21, 39, 0.92), rgba(83, 54, 103, 0.92));
    background: -o-linear-gradient(bottom left, rgba(32, 21, 39, 0.92), rgba(83, 54, 103, 0.92));
    background: linear-gradient(to top right, rgba(32, 21, 39, 0.92), rgba(83, 54, 103, 0.92));
    background: -moz- oldlinear-gradient(bottom left, rgba(21, 27, 39, 0.92), rgba(54, 71, 103, 0.92));
    background: -o-linear-gradient(bottom left, rgba(21, 27, 39, 0.92), rgba(54, 71, 103, 0.92));
    background: linear-gradient(to top right, rgba(21, 27, 39, 0.92), rgba(54, 71, 103, 0.92)); }
    div.about section.stages .inner {
      width: 1200px; }
    div.about section.stages h2 {
      text-align: center; }
    div.about section.stages ul {
      font-size: 0;
      text-align: center; }
      @media only screen and (min-width: 771px) {
        div.about section.stages ul li {
          width: 20%;
          display: inline-block; } }
      div.about section.stages ul li a {
        display: block;
        font-size: 1rem;
        display: inline-block;
        text-align: center;
        padding: 20px 30px 20px;
        margin: 0;
        width: 100%; }
      div.about section.stages ul li:nth-child(6) img {
        width: 150px; }
      div.about section.stages ul li img {
        width: 200px;
        margin: auto;
        max-width: 100%;
        height: auto; }
  div.about section.testimonials {
    background: rgba(0, 0, 0, 0.92);
    padding: 50px 30px; }
    @media only screen and (min-width: 771px) {
      div.about section.testimonials {
        padding: 110px 0px 50px; } }
    div.about section.testimonials .header {
      text-align: center;
      vertical-align: middle;
      width: 580px;
      max-width: 100%;
      margin: auto;
      padding-top: 20px; }
      div.about section.testimonials .header::after {
        clear: both;
        content: "";
        display: table; }
      div.about section.testimonials .header strong {
        font-family: "Times New Roman", "Times", serif;
        line-height: 60px;
        width: 20%;
        float: left;
        display: block;
        color: #fff;
        color: #485f88;
        font-size: 120px; }
        @media only screen and (min-width: 771px) {
          div.about section.testimonials .header strong {
            font-size: 170px; } }
      div.about section.testimonials .header .accent {
        background: #fff;
        background: -moz- oldlinear-gradient(left, #5b76a8, rgba(19, 25, 36, 0));
        background: -o-linear-gradient(left, #5b76a8, rgba(19, 25, 36, 0));
        background: linear-gradient(to right, #5b76a8, rgba(19, 25, 36, 0));
        width: 40%;
        float: left;
        display: block;
        height: 1px;
        margin: 0;
        position: relative;
        opacity: 1; }
        @media only screen and (min-width: 771px) {
          div.about section.testimonials .header .accent {
            top: -5px; } }
        div.about section.testimonials .header .accent.left {
          background: -moz- oldlinear-gradient(right, #5b76a8, rgba(19, 25, 36, 0));
          background: -o-linear-gradient(right, #5b76a8, rgba(19, 25, 36, 0));
          background: linear-gradient(to left, #5b76a8, rgba(19, 25, 36, 0)); }
    div.about section.testimonials blockquote {
      background: none;
      padding: 0;
      margin: 0;
      text-align: center; }
      div.about section.testimonials blockquote p {
        text-align: center;
        color: #d0fdff;
        font-style: italic;
        line-height: 150%;
        display: block;
        margin: auto;
        margin-bottom: 32px;
        max-width: 100%;
        font-size: 24px; }
        @media only screen and (min-width: 771px) {
          div.about section.testimonials blockquote p {
            width: 700px;
            font-size: 32px; } }
    div.about section.testimonials h3 {
      display: block;
      margin: auto;
      text-align: center;
      position: relative;
      width: 150px; }
      div.about section.testimonials h3 span {
        text-transform: uppercase;
        font-family: 'helvetica-bold', serif;
        font-size: 15px;
        text-align: left;
        width: 300px; }
        @media only screen and (min-width: 771px) {
          div.about section.testimonials h3 span {
            position: absolute;
            top: 10px;
            left: 160px; } }
    div.about section.testimonials .swiper-wrap {
      position: relative;
      top: -20px; }
  div.about section.moments {
    background: -moz- oldlinear-gradient(bottom left, rgba(21, 27, 39, 0.92), rgba(54, 71, 103, 0.92));
    background: -o-linear-gradient(bottom left, rgba(21, 27, 39, 0.92), rgba(54, 71, 103, 0.92));
    background: linear-gradient(to top right, rgba(21, 27, 39, 0.92), rgba(54, 71, 103, 0.92));
    padding: 20px 30px; }
    @media only screen and (min-width: 771px) {
      div.about section.moments {
        padding: 50px 0; } }
    div.about section.moments h2 {
      margin-bottom: 30px; }
    div.about section.moments hr {
      width: 1200px;
      margin: auto;
      max-width: 100%; }
    div.about section.moments .swiper-nav {
      width: 170px;
      top: 22px;
      position: relative;
      z-index: 100; }
      div.about section.moments .swiper-nav span {
        color: #fff;
        font-size: 27px;
        display: inline-block;
        padding: 10px; }
      div.about section.moments .swiper-nav .swiper-button-disabled {
        opacity: .5; }
    div.about section.moments .swiper-container {
      height: auto;
      padding: 50px 0 30px; }
      div.about section.moments .swiper-container .swiper-slide-active .vid-cover {
        opacity: 0 !important; }
      div.about section.moments .swiper-container .swiper-slide {
        width: 650px; }
        div.about section.moments .swiper-container .swiper-slide a {
          width: 100%;
          height: auto; }
          div.about section.moments .swiper-container .swiper-slide a img {
            max-width: 100%;
            height: auto; }
          div.about section.moments .swiper-container .swiper-slide a:hover .vid-cover {
            opacity: 0; }
        div.about section.moments .swiper-container .swiper-slide strong {
          display: block;
          padding: 30px 30px 20px;
          color: #fff;
          position: relative;
          font-size: 16px;
          line-height: 150%;
          font-family: 'helvetica-bold', serif; }
        div.about section.moments .swiper-container .swiper-slide span.year {
          color: #bae3ff;
          display: block;
          padding-bottom: 25px; }
        div.about section.moments .swiper-container .swiper-slide .img {
          position: relative;
          display: block; }
          div.about section.moments .swiper-container .swiper-slide .img .vid-cover {
            opacity: 1;
            -o-transition: opacity 0.15s ease-out;
            -moz-transition: opacity 0.15s ease-out;
            transition: opacity 0.15s 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));
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0; }
  div.about .about-sections {
    display: block;
    margin: 0;
    padding: 0;
    max-width: 100%;
    margin: auto; }
    div.about .about-sections li {
      display: block;
      overflow: hidden;
      width: 100%;
      color: #000; }
      @media only screen and (min-width: 771px) {
        div.about .about-sections li {
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex; } }
      div.about .about-sections li p {
        font-size: 17px; }
      div.about .about-sections li hr {
        opacity: .5;
        margin: 30px 0; }
      div.about .about-sections li h2 {
        text-transform: none !important;
        font-family: 'helvetica-bold', serif;
        font-size: 27px !important; }
        @media only screen and (min-width: 771px) {
          div.about .about-sections li h2 {
            font-size: 32px !important; } }
    div.about .about-sections li.light {
      background: -moz- oldlinear-gradient(bottom left, rgba(32, 21, 39, 0.92), rgba(83, 54, 103, 0.92));
      background: -o-linear-gradient(bottom left, rgba(32, 21, 39, 0.92), rgba(83, 54, 103, 0.92));
      background: linear-gradient(to top right, rgba(32, 21, 39, 0.92), rgba(83, 54, 103, 0.92));
      background: -moz- oldlinear-gradient(bottom left, rgba(21, 27, 39, 0.92), rgba(54, 71, 103, 0.92));
      background: -o-linear-gradient(bottom left, rgba(21, 27, 39, 0.92), rgba(54, 71, 103, 0.92));
      background: linear-gradient(to top right, rgba(21, 27, 39, 0.92), rgba(54, 71, 103, 0.92)); }
      div.about .about-sections li.light h2 {
        font-family: 'helvetica-bold', serif; }
    div.about .about-sections li.dark {
      background: -moz- oldlinear-gradient(bottom left, rgba(2, 2, 2, 0.92), rgba(34, 34, 34, 0.92));
      background: -o-linear-gradient(bottom left, rgba(2, 2, 2, 0.92), rgba(34, 34, 34, 0.92));
      background: linear-gradient(to top right, rgba(2, 2, 2, 0.92), rgba(34, 34, 34, 0.92));
      background: -moz- oldlinear-gradient(bottom left, rgba(0, 0, 0, 0.92), rgba(17, 17, 17, 0.92));
      background: -o-linear-gradient(bottom left, rgba(0, 0, 0, 0.92), rgba(17, 17, 17, 0.92));
      background: linear-gradient(to top right, rgba(0, 0, 0, 0.92), rgba(17, 17, 17, 0.92));
      color: #fff; }
      div.about .about-sections li.dark h1, div.about .about-sections li.dark h2, div.about .about-sections li.dark h3, div.about .about-sections li.dark p {
        color: #fff; }
      div.about .about-sections li.dark h3 {
        font-size: 16px; }
    div.about .about-sections .image {
      -moz-background-size: cover;
        -o-background-size: cover;
           background-size: cover;
      background-position: center center;
      background-repeat: no-drop;
      display: block;
      position: relative;
      /*
            @media (min-height: 1000px) and (min-width: $bp-large + 100) {
                height: 0;
                padding-bottom: 30%;
            }
            */ }
      @media only screen and (max-width: 770px) {
        div.about .about-sections .image {
          padding-bottom: 50%; } }
      @media only screen and (min-width: 771px) {
        div.about .about-sections .image {
          width: 50%; } }
      div.about .about-sections .image img {
        opacity: 0;
        display: none; }
    div.about .about-sections .content {
      position: relative; }
      div.about .about-sections .content h2 {
        margin-top: 0; }
      div.about .about-sections .content h2 {
        text-transform: uppercase;
        font-size: 1.5rem; }
      @media only screen and (min-width: 771px) {
        div.about .about-sections .content {
          width: 50%; } }
      div.about .about-sections .content > div {
        width: 100%;
        margin: auto;
        padding: 36px 36px;
        /*
                @media (min-height: 1000px) and (min-width: $bp-xlarge + 100) {
                    font-size: rem(16);
                    max-width: 700px;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                }
                */ }
        @media only screen and (min-width: 771px) {
          div.about .about-sections .content > div {
            padding: 50px; } }
        @media only screen and (min-width: 1081px) {
          div.about .about-sections .content > div {
            padding: 80px; } }
  div.about .swiper-wrap:hover .swiper-pagination-bullets {
    opacity: 1; }
  div.about .swiper-pagination-bullets {
    opacity: 0; }
  div.about .swiper-pagination-bullet {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    text-align: center;
    font-family: 'helvetica-bold', serif;
    line-height: 30px;
    font-size: 0.875rem;
    margin: 0 1px 0 0  !important;
    opacity: 1;
    background: rgba(255, 255, 255, 0.1);
    -o-transition: background 0.15s ease-out, color 0.15s ease-out;
    -moz-transition: background 0.15s ease-out, color 0.15s ease-out;
    transition: background 0.15s ease-out, color 0.15s ease-out;
    color: #fff; }
    div.about .swiper-pagination-bullet:hover {
      color: #000;
      background: white; }
  div.about .swiper-pagination-bullet-active {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.4) !important; }

div.aboutv2 {
  margin: auto;
  max-width: 100%;
  width: 2560px; }
  div.aboutv2 .about-nav {
    position: fixed;
    top: 50%;
    left: 0;
    z-index: 100;
    display: none;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media only screen and (min-width: 771px) {
      div.aboutv2 .about-nav {
        display: block; } }
    div.aboutv2 .about-nav li.active a {
      color: #fff; }
      div.aboutv2 .about-nav li.active a:after {
        border: 4px solid #959595; }
      div.aboutv2 .about-nav li.active a span {
        opacity: 1; }
    div.aboutv2 .about-nav li a {
      display: block;
      padding: 8px 10px 8px 35px;
      margin: 2px 0;
      position: relative;
      text-decoration: none;
      color: #777;
      text-transform: uppercase;
      font-size: 12px;
      -o-transition: color 0.15s ease-out;
      -moz-transition: color 0.15s ease-out;
      transition: color 0.15s ease-out;
      text-align: left; }
      div.aboutv2 .about-nav li a span {
        -o-transition: opacity 0.15s ease-out;
        -moz-transition: opacity 0.15s ease-out;
        transition: opacity 0.15s ease-out;
        opacity: 0; }
      div.aboutv2 .about-nav li a:after {
        display: block;
        content: '';
        position: absolute;
        top: 7px;
        left: 15px;
        width: 12px;
        height: 12px;
        -moz-border-radius: 20px;
             border-radius: 20px;
        border: 2px solid #777;
        -o-transition: border 0.15s ease-out;
        -moz-transition: border 0.15s ease-out;
        transition: border 0.15s ease-out; }
      div.aboutv2 .about-nav li a:hover {
        color: #fff; }
        div.aboutv2 .about-nav li a:hover:after {
          border: 4px solid #959595; }
        div.aboutv2 .about-nav li a:hover span {
          opacity: 1; }
  div.aboutv2 .anchor a {
    position: absolute;
    top: -40px; }
  div.aboutv2 .arrow-accent {
    margin-right: 7px;
    display: inline-block; }
    div.aboutv2 .arrow-accent.lg {
      width: 12px; }
  @media only screen and (min-width: 771px) {
    div.aboutv2 .scroll-notice {
      display: block; } }
  div.aboutv2 .scroll-notice a {
    cursor: pointer;
    display: block;
    position: absolute;
    left: 50%;
    width: 30px;
    z-index: 100;
    margin-left: -15px;
    -o-transition: margin 0.2s cubic-bezier(1, 0, 0, 1), width 0.2s cubic-bezier(1, 0, 0, 1), bottom 0.2s cubic-bezier(1, 0, 0, 1);
    -moz-transition: margin 0.2s cubic-bezier(1, 0, 0, 1), width 0.2s cubic-bezier(1, 0, 0, 1), bottom 0.2s cubic-bezier(1, 0, 0, 1);
    transition: margin 0.2s cubic-bezier(1, 0, 0, 1), width 0.2s cubic-bezier(1, 0, 0, 1), bottom 0.2s cubic-bezier(1, 0, 0, 1);
    bottom: -10px; }
    @media only screen and (min-width: 600px) {
      div.aboutv2 .scroll-notice a {
        bottom: -30px; } }
    @media only screen and (min-width: 1081px) {
      div.aboutv2 .scroll-notice a:hover {
        width: 44px;
        margin-left: -22px;
        bottom: -40px; } }
  div.aboutv2 .scroll-notice img {
    max-width: 100%;
    height: auto; }
  div.aboutv2 section {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    overflow: hidden;
    clear: both;
    z-index: 11; }
    div.aboutv2 section > h2, div.aboutv2 section > .inner > h2, div.aboutv2 section.vcenter > h2,
    div.aboutv2 section > h1, div.aboutv2 section > .inner > h1, div.aboutv2 section.vcenter > h1 {
      text-transform: none !important;
      font-weight: bold;
      font-size: 32px; }
      @media only screen and (min-width: 771px) {
        div.aboutv2 section > h2, div.aboutv2 section > .inner > h2, div.aboutv2 section.vcenter > h2,
        div.aboutv2 section > h1, div.aboutv2 section > .inner > h1, div.aboutv2 section.vcenter > h1 {
          font-size: 42px !important; } }
    div.aboutv2 section .inner {
      padding: 50px 30px; }
      div.aboutv2 section .inner h2 {
        margin-top: 0; }
      @media only screen and (min-width: 771px) {
        div.aboutv2 section .inner {
          padding: 90px 30px; } }
    div.aboutv2 section .vcenter {
      z-index: 90;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
           -o-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  div.aboutv2 section.intro {
    background-color: #000;
    position: relative;
    overflow: visible;
    z-index: 15;
    background-position: center -10px;
    -moz-background-size: 500px auto;
      -o-background-size: 500px auto;
         background-size: 500px auto;
    padding: 70px 30px; }
    @media only screen and (min-width: 771px) {
      div.aboutv2 section.intro {
        margin-top: -120px;
        padding-top: 220px;
        padding-bottom: 100px;
        background-position: center -10px;
        -moz-background-size: 900px auto;
          -o-background-size: 900px auto;
             background-size: 900px auto; } }
    div.aboutv2 section.intro .award {
      margin: auto;
      display: block; }
    div.aboutv2 section.intro h1 {
      font-family: 'helvetica', serif;
      font-weight: normal;
      margin-top: 30px;
      margin-bottom: 50px;
      position: relative;
      font-size: 36px; }
      @media only screen and (min-width: 771px) {
        div.aboutv2 section.intro h1 {
          font-size: 46px; } }
      div.aboutv2 section.intro h1 .accent {
        text-transform: uppercase;
        color: #95a3b0;
        font-size: 14px;
        display: block; }
        @media only screen and (min-width: 771px) {
          div.aboutv2 section.intro h1 .accent {
            position: absolute;
            top: -15px;
            left: 50%;
            margin-left: -295px; } }
    div.aboutv2 section.intro h2 {
      width: 500px;
      max-width: 100%;
      display: block;
      margin: auto;
      font-size: 18px; }
      @media only screen and (min-width: 480px) {
        div.aboutv2 section.intro h2 {
          font-size: 21px; } }
      @media only screen and (min-width: 771px) {
        div.aboutv2 section.intro h2 {
          font-size: 24px; } }
  div.aboutv2 section.videos {
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
    background-attachment: initial; }
    @media only screen and (min-width: 771px) {
      div.aboutv2 section.videos {
        background-attachment: fixed; } }
    div.aboutv2 section.videos:hover .cover {
      background-color: rgba(0, 0, 0, 0.65); }
    div.aboutv2 section.videos:hover a.startvid > img {
      -webkit-transform: rotate(360deg);
         -moz-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
           -o-transform: rotate(360deg);
              transform: rotate(360deg); }
    div.aboutv2 section.videos a.startvid {
      display: block;
      position: relative;
      z-index: 50;
      text-align: center;
      padding: 80px 30px; }
      @media only screen and (min-width: 771px) {
        div.aboutv2 section.videos a.startvid {
          padding: 200px 30px; } }
      div.aboutv2 section.videos a.startvid img {
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
        transition: -webkit-transform 0.5s cubic-bezier(1, 0, 0, 1);
        -o-transition: -o-transform 0.5s cubic-bezier(1, 0, 0, 1);
        -moz-transition: transform 0.5s cubic-bezier(1, 0, 0, 1), -moz-transform 0.5s cubic-bezier(1, 0, 0, 1);
        transition: transform 0.5s cubic-bezier(1, 0, 0, 1);
        transition: transform 0.5s cubic-bezier(1, 0, 0, 1), -webkit-transform 0.5s cubic-bezier(1, 0, 0, 1), -moz-transform 0.5s cubic-bezier(1, 0, 0, 1), -o-transform 0.5s cubic-bezier(1, 0, 0, 1); }
    div.aboutv2 section.videos .cover {
      z-index: 10;
      -o-transition: background-color .2s ease-out;
      -moz-transition: background-color .2s ease-out;
      transition: background-color .2s ease-out;
      background-color: rgba(0, 0, 0, 0.7);
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  div.aboutv2 section.overview {
    background: #000; }
    div.aboutv2 section.overview .inner h2 {
      position: relative;
      z-index: 50; }
    div.aboutv2 section.overview ul {
      position: relative;
      z-index: 50; }
      div.aboutv2 section.overview ul::after {
        clear: both;
        content: "";
        display: table; }
      @media only screen and (min-width: 771px) {
        div.aboutv2 section.overview ul {
          padding-left: 80px; }
          div.aboutv2 section.overview ul:before {
            content: '';
            width: 30px;
            height: 4px;
            display: block;
            background: #4b4b4b;
            position: absolute;
            top: 36px;
            left: 0px; } }
    div.aboutv2 section.overview .accent {
      z-index: 10;
      background: #1d1324;
      position: absolute;
      left: 0;
      width: 100%;
      height: 100%;
      bottom: 0; }
      @media only screen and (min-width: 771px) {
        div.aboutv2 section.overview .accent {
          bottom: 0;
          height: 250px; } }
    div.aboutv2 section.overview .images {
      width: auto;
      margin: auto;
      position: relative;
      z-index: 40;
      clear: both;
      padding-top: 40px; }
      @media only screen and (min-width: 771px) {
        div.aboutv2 section.overview .images {
          margin-top: -200px;
          padding-left: 80px; } }
      div.aboutv2 section.overview .images .planet {
        position: absolute;
        top: -80px;
        z-index: 101;
        width: 250px;
        left: auto;
        right: -110px; }
        @media only screen and (min-width: 600px) {
          div.aboutv2 section.overview .images .planet {
            right: auto;
            left: -150px;
            width: 300px; } }
        @media only screen and (min-width: 771px) {
          div.aboutv2 section.overview .images .planet {
            width: 350px;
            top: 100px; } }
      div.aboutv2 section.overview .images .glance {
        display: block;
        margin: auto;
        max-width: 100%;
        height: auto; }
      div.aboutv2 section.overview .images .glance-accent {
        position: absolute;
        top: 0;
        width: 250px;
        right: -80px;
        display: none; }
        @media only screen and (min-width: 600px) {
          div.aboutv2 section.overview .images .glance-accent {
            display: block; } }
        @media only screen and (min-width: 771px) {
          div.aboutv2 section.overview .images .glance-accent {
            right: -180px;
            width: 350px; } }
      div.aboutv2 section.overview .images p {
        display: inline-block;
        float: right;
        margin-top: 10px;
        text-align: right;
        text-transform: uppercase;
        color: #b7b7b7;
        font-size: 12px; }
    div.aboutv2 section.overview li {
      display: block;
      float: left;
      width: 50%;
      position: relative; }
      @media only screen and (max-width: 770px) {
        div.aboutv2 section.overview li:nth-child(odd) {
          padding-right: 20px; }
          div.aboutv2 section.overview li:nth-child(odd):before {
            content: '';
            width: 1px;
            height: 100px;
            display: block;
            background: #4b4b4b;
            position: absolute;
            top: 38px;
            right: 0px; }
        div.aboutv2 section.overview li:nth-child(even) {
          padding-left: 30px; } }
      @media only screen and (min-width: 771px) {
        div.aboutv2 section.overview li {
          padding-left: 25px; }
          div.aboutv2 section.overview li:before {
            content: '';
            width: 1px;
            height: 200px;
            display: block;
            background: #4b4b4b;
            position: absolute;
            top: 38px;
            left: 0; } }
      @media only screen and (min-width: 771px) {
        div.aboutv2 section.overview li {
          width: 25%; } }
      div.aboutv2 section.overview li:nth-child(3) {
        clear: both; }
      div.aboutv2 section.overview li:nth-child(3) h3, div.aboutv2 section.overview li:nth-child(4) h3 {
        margin-bottom: 7px; }
      div.aboutv2 section.overview li:nth-child(3) p, div.aboutv2 section.overview li:nth-child(4) p {
        font-size: 27px;
        margin-bottom: 1rem; }
      @media only screen and (min-width: 771px) {
        div.aboutv2 section.overview li {
          width: 23.3%; }
          div.aboutv2 section.overview li:nth-child(1) {
            width: 30%; }
          div.aboutv2 section.overview li:nth-child(3) {
            clear: none; } }
      @media only screen and (max-width: 770px) {
        div.aboutv2 section.overview li .actions a {
          display: block;
          width: 100%; } }
      div.aboutv2 section.overview li h2 {
        font-size: 45px;
        margin: 0; }
      div.aboutv2 section.overview li h3 {
        color: #95a3b0; }
        @media only screen and (min-width: 771px) {
          div.aboutv2 section.overview li h3 {
            margin-bottom: 1rem;
            font-size: 27px !important; } }
      div.aboutv2 section.overview li p {
        color: #fff;
        font-size: 15px;
        line-height: 150%; }
        @media only screen and (min-width: 771px) {
          div.aboutv2 section.overview li p {
            font-size: 18px; } }
  div.aboutv2 section.attend {
    background-color: #000;
    position: relative; }
    div.aboutv2 section.attend .attend-title {
      margin: 0;
      font-size: 55px; }
      @media only screen and (min-width: 771px) {
        div.aboutv2 section.attend .attend-title {
          padding: 80px 0 0; } }
    div.aboutv2 section.attend h2.accent {
      text-transform: uppercase;
      color: #95a3b0;
      font-size: 16px;
      display: block;
      margin-bottom: 10px; }
      div.aboutv2 section.attend h2.accent .arrow-accent {
        width: 12px; }
    div.aboutv2 section.attend .inner.atmosphere {
      padding-bottom: 0;
      padding-top: 50px; }
      @media only screen and (min-width: 771px) {
        div.aboutv2 section.attend .inner.atmosphere .left {
          padding-left: 80px; }
        div.aboutv2 section.attend .inner.atmosphere .right {
          padding-left: 50px; } }
    div.aboutv2 section.attend .inner.ms {
      padding-bottom: 70px; }
      @media only screen and (min-width: 771px) {
        div.aboutv2 section.attend .inner.ms {
          padding-bottom: 80px; }
          div.aboutv2 section.attend .inner.ms .left {
            padding-right: 50px; } }
    div.aboutv2 section.attend div.production .inner, div.aboutv2 section.attend div.art .inner {
      width: 1200px;
      margin: auto;
      max-width: 100%;
      padding-bottom: 50px; }
      @media only screen and (min-width: 771px) {
        div.aboutv2 section.attend div.production .inner, div.aboutv2 section.attend div.art .inner {
          padding-bottom: 80px; } }
    div.aboutv2 section.attend div.production h2, div.aboutv2 section.attend div.art h2 {
      margin-top: 0;
      text-transform: uppercase;
      color: #95a3b0;
      font-size: 18px;
      padding-top: 30px; }
      @media only screen and (min-width: 771px) {
        div.aboutv2 section.attend div.production h2, div.aboutv2 section.attend div.art h2 {
          padding-top: 50px; } }
    div.aboutv2 section.attend div.production .content, div.aboutv2 section.attend div.art .content {
      width: 880px;
      max-width: 100%;
      margin: auto;
      padding-bottom: 30px; }
      @media only screen and (min-width: 771px) {
        div.aboutv2 section.attend div.production .content, div.aboutv2 section.attend div.art .content {
          text-align: center; } }
    div.aboutv2 section.attend div.production .image, div.aboutv2 section.attend div.art .image {
      background-repeat: no-repeat;
      background-position: center 70%;
      -moz-background-size: cover;
        -o-background-size: cover;
           background-size: cover;
      width: 100%;
      height: 210px; }
      @media only screen and (min-width: 771px) {
        div.aboutv2 section.attend div.production .image, div.aboutv2 section.attend div.art .image {
          height: 350px; } }
    div.aboutv2 section.attend .inner.header {
      padding-bottom: 0;
      padding-top: 50px; }
      @media only screen and (max-width: 770px) {
        div.aboutv2 section.attend .inner.header h2 {
          font-size: 36px; } }
      @media only screen and (min-width: 771px) {
        div.aboutv2 section.attend .inner.header {
          padding-top: 0; } }
    div.aboutv2 section.attend div.production {
      background: url(https://ultramusicfestival.com/wp-content/uploads/2019/11/production.png) center center no-repeat fixed; }
      @media only screen and (max-width: 770px) {
        div.aboutv2 section.attend div.production {
          -moz-background-size: auto 80px;
            -o-background-size: auto 80px;
               background-size: auto 80px;
          background-attachment: initial; } }
    div.aboutv2 section.attend div.music {
      background: url(https://ultramusicfestival.com/wp-content/uploads/2019/11/music.png) center center no-repeat fixed; }
      @media only screen and (max-width: 770px) {
        div.aboutv2 section.attend div.music {
          -moz-background-size: auto 80px;
            -o-background-size: auto 80px;
               background-size: auto 80px;
          background-attachment: initial; } }
    div.aboutv2 section.attend div.art {
      background: url(https://ultramusicfestival.com/wp-content/uploads/2019/11/art.png) center center no-repeat fixed;
      width: 980px;
      margin: auto;
      max-width: 100%;
      padding-top: 30px;
      padding-bottom: 40px; }
      @media only screen and (max-width: 770px) {
        div.aboutv2 section.attend div.art {
          padding-top: 0;
          padding-bottom: 0px;
          -moz-background-size: auto 80px;
            -o-background-size: auto 80px;
               background-size: auto 80px;
          background-attachment: initial; } }
    div.aboutv2 section.attend div.accent {
      z-index: -1;
      background: #131924;
      position: absolute;
      left: 0;
      width: 100%;
      height: 250px;
      bottom: 0; }
      @media only screen and (min-width: 771px) {
        div.aboutv2 section.attend div.accent {
          bottom: 100px;
          height: 250px; } }
  div.aboutv2 .image {
    position: relative; }
    div.aboutv2 .image a {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  div.aboutv2 section.testimonials {
    background: black;
    padding: 50px 30px; }
    @media only screen and (min-width: 771px) {
      div.aboutv2 section.testimonials {
        padding: 110px 0px 50px; } }
    div.aboutv2 section.testimonials .swiper-container {
      height: auto; }
    div.aboutv2 section.testimonials .header {
      text-align: center;
      vertical-align: middle;
      width: 580px;
      max-width: 100%;
      margin: auto;
      padding-top: 20px; }
      div.aboutv2 section.testimonials .header::after {
        clear: both;
        content: "";
        display: table; }
      div.aboutv2 section.testimonials .header strong {
        font-family: "Times New Roman", "Times", serif;
        line-height: 60px;
        width: 20%;
        float: left;
        display: block;
        color: #fff;
        color: #9f9f9f;
        font-size: 120px; }
        @media only screen and (min-width: 771px) {
          div.aboutv2 section.testimonials .header strong {
            font-size: 170px; } }
      div.aboutv2 section.testimonials .header .accent {
        background: #fff;
        background: -moz- oldlinear-gradient(left, #b8b8b8, rgba(82, 82, 82, 0));
        background: -o-linear-gradient(left, #b8b8b8, rgba(82, 82, 82, 0));
        background: linear-gradient(to right, #b8b8b8, rgba(82, 82, 82, 0));
        width: 40%;
        float: left;
        display: block;
        height: 1px;
        margin: 0;
        position: relative;
        opacity: 1; }
        @media only screen and (min-width: 771px) {
          div.aboutv2 section.testimonials .header .accent {
            top: -5px; } }
        div.aboutv2 section.testimonials .header .accent.left {
          background: -moz- oldlinear-gradient(right, #b8b8b8, rgba(82, 82, 82, 0));
          background: -o-linear-gradient(right, #b8b8b8, rgba(82, 82, 82, 0));
          background: linear-gradient(to left, #b8b8b8, rgba(82, 82, 82, 0)); }
    div.aboutv2 section.testimonials blockquote {
      background: none;
      padding: 0;
      margin: 0;
      text-align: center; }
      div.aboutv2 section.testimonials blockquote p {
        text-align: center;
        color: #84faff;
        font-style: italic;
        line-height: 110%;
        display: block;
        margin: auto;
        margin-bottom: 32px;
        max-width: 100%;
        font-size: 24px;
        font-weight: light;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-family: 'Raleway';
        font-family: 'helvetica-bold';
        font-family: 'helvetica';
        font-family: 'helvetica';
        font-family: 'weather';
        font-family: 'helvetica-bold';
        font-family: 'primelight';
        font-family: 'primeregular';
        font-family: 'armlo';
        font-family: 'aux'; }
        @media only screen and (min-width: 771px) {
          div.aboutv2 section.testimonials blockquote p {
            width: 700px;
            max-width: 100%;
            font-size: 32px; } }
    div.aboutv2 section.testimonials h3 {
      display: block;
      margin: auto;
      text-align: center;
      position: relative;
      width: 150px; }
      div.aboutv2 section.testimonials h3 span {
        text-transform: uppercase;
        font-family: 'helvetica-bold', serif;
        font-size: 15px;
        text-align: left;
        width: 300px; }
        @media only screen and (min-width: 771px) {
          div.aboutv2 section.testimonials h3 span {
            position: absolute;
            top: 10px;
            left: 160px; } }
    div.aboutv2 section.testimonials .swiper-wrap {
      position: relative;
      top: 0px; }
  div.aboutv2 section.stats {
    background: #000 url(https://ultramusicfestival.com/wp-content/uploads/2019/11/numbers-bg.png) center 58% no-repeat;
    -moz-background-size: 450px auto;
      -o-background-size: 450px auto;
         background-size: 450px auto; }
    div.aboutv2 section.stats .inner {
      background: url(https://ultramusicfestival.com/wp-content/uploads/2019/11/plus-signs.png) center 58% no-repeat;
      -moz-background-size: auto 140px;
        -o-background-size: auto 140px;
           background-size: auto 140px; }
    div.aboutv2 section.stats:hover p.note {
      opacity: 1; }
    div.aboutv2 section.stats h2 {
      font-family: 'helvetica', serif;
      font-weight: normal;
      margin-top: 0;
      margin-bottom: 80px;
      font-size: 44px !important;
      text-align: center; }
      @media only screen and (min-width: 771px) {
        div.aboutv2 section.stats h2 {
          text-align: left;
          font-size: 52px !important;
          margin-left: 60px; } }
    div.aboutv2 section.stats p.note {
      clear: both;
      display: block;
      text-transform: uppercase;
      margin-top: 90px;
      margin: auto;
      font-size: 12px;
      opacity: .5;
      -o-transition: opacity 0.15s ease-out;
      -moz-transition: opacity 0.15s ease-out;
      transition: opacity 0.15s ease-out;
      text-align: center; }
      @media only screen and (min-width: 771px) {
        div.aboutv2 section.stats p.note {
          text-align: right; } }
    div.aboutv2 section.stats li {
      display: block;
      float: left;
      text-align: center;
      width: 50%; }
      @media only screen and (min-width: 771px) {
        div.aboutv2 section.stats li {
          width: 25%; } }
      div.aboutv2 section.stats li h3 {
        text-align: left;
        font-size: 15px !important;
        width: 110px;
        margin: auto;
        display: block;
        margin-bottom: 20px; }
        @media only screen and (min-width: 771px) {
          div.aboutv2 section.stats li h3 {
            margin-bottom: 40px;
            font-size: 18px !important; } }
      div.aboutv2 section.stats li p {
        position: relative;
        display: inline-block;
        line-height: 120%;
        font-size: 48px !important;
        margin-bottom: 3.6rem; }
        @media only screen and (min-width: 771px) {
          div.aboutv2 section.stats li p {
            font-size: 72px !important;
            margin-bottom: 2rem; } }
        div.aboutv2 section.stats li p span {
          position: absolute;
          font-size: 27px;
          top: 8px;
          right: -13px; }
          @media only screen and (min-width: 771px) {
            div.aboutv2 section.stats li p span {
              font-size: 32px;
              top: 15px;
              right: -18px; } }
      div.aboutv2 section.stats li:nth-child(3) {
        clear: both; }
      @media only screen and (min-width: 771px) {
        div.aboutv2 section.stats li:nth-child(3) {
          clear: none; } }
  div.aboutv2 section.moments {
    background: #000;
    padding: 20px 30px;
    /*
        .accent {
            width: 100%;
            position: absolute;
            height: 1px;
            background: #fff;
            opacity: .8;
            top: 335px;
            z-index: 99;
        }
        */ }
    @media only screen and (min-width: 771px) {
      div.aboutv2 section.moments {
        padding: 50px 0; } }
    div.aboutv2 section.moments h2 {
      margin-bottom: 30px; }
    div.aboutv2 section.moments .sg-header {
      position: relative;
      z-index: 110; }
    div.aboutv2 section.moments .swiper-nav {
      max-width: 100%;
      margin: auto;
      width: 320px;
      z-index: 100; }
      @media only screen and (min-width: 771px) {
        div.aboutv2 section.moments .swiper-nav {
          width: 880px; } }
      div.aboutv2 section.moments .swiper-nav span {
        color: #fff;
        font-size: 27px;
        display: inline-block;
        padding: 10px; }
      div.aboutv2 section.moments .swiper-nav .swiper-button-disabled {
        opacity: .5; }
      div.aboutv2 section.moments .swiper-nav .prev, div.aboutv2 section.moments .swiper-nav .next {
        position: relative;
        top: 10px;
        padding: 20px;
        outline: none;
        border-bottom: 1px solid transparent; }
        div.aboutv2 section.moments .swiper-nav .prev:focus, div.aboutv2 section.moments .swiper-nav .next:focus {
          outline: none;
          border-bottom: 1px solid rgba(175, 228, 255, 0.5); }
        div.aboutv2 section.moments .swiper-nav .prev:active, div.aboutv2 section.moments .swiper-nav .next:active {
          border-bottom: 1px solid rgba(175, 228, 255, 0.8); }
        div.aboutv2 section.moments .swiper-nav .prev img, div.aboutv2 section.moments .swiper-nav .next img {
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none;
          width: 50%; }
          @media only screen and (min-width: 771px) {
            div.aboutv2 section.moments .swiper-nav .prev img, div.aboutv2 section.moments .swiper-nav .next img {
              width: 100%; } }
      div.aboutv2 section.moments .swiper-nav .prev {
        float: left; }
      div.aboutv2 section.moments .swiper-nav .next {
        float: right; }
    div.aboutv2 section.moments .swiper-wrap {
      position: relative;
      z-index: 90; }
    div.aboutv2 section.moments .swiper-container {
      height: auto; }
      div.aboutv2 section.moments .swiper-container .swiper-slide-active .vid-cover {
        opacity: 0 !important; }
      div.aboutv2 section.moments .swiper-container .swiper-slide {
        width: 880px; }
        div.aboutv2 section.moments .swiper-container .swiper-slide a {
          width: 100%;
          height: auto; }
          div.aboutv2 section.moments .swiper-container .swiper-slide a img {
            max-width: 100%;
            height: auto; }
          div.aboutv2 section.moments .swiper-container .swiper-slide a:hover .vid-cover {
            opacity: 0; }
        div.aboutv2 section.moments .swiper-container .swiper-slide strong {
          display: block;
          padding: 30px 30px 20px;
          color: #fff;
          position: relative;
          font-size: 16px;
          line-height: 150%;
          font-family: 'helvetica-bold', serif; }
          @media only screen and (min-width: 1081px) {
            div.aboutv2 section.moments .swiper-container .swiper-slide strong {
              float: left;
              padding: 25px 0; } }
        div.aboutv2 section.moments .swiper-container .swiper-slide span.year {
          color: #bae3ff;
          display: block;
          padding-bottom: 25px; }
          @media only screen and (min-width: 1081px) {
            div.aboutv2 section.moments .swiper-container .swiper-slide span.year {
              padding: 25px 0;
              float: right; } }
        div.aboutv2 section.moments .swiper-container .swiper-slide .img {
          position: relative;
          display: block; }
          div.aboutv2 section.moments .swiper-container .swiper-slide .img .vid-cover {
            opacity: 1;
            -o-transition: opacity 0.15s ease-out;
            -moz-transition: opacity 0.15s ease-out;
            transition: opacity 0.15s 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));
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0; }

.resistance-home .section {
  text-align: center;
  position: relative;
  height: auto;
  padding: 80px 30px; }
  @media only screen and (min-width: 1081px) {
    .resistance-home .section {
      padding: 150px 30px; } }

.resistance-home .recap {
  background: #000;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  height: 100vh;
  margin-top: -70px; }
  @media only screen and (max-width: 599px) {
    .resistance-home .recap .content {
      position: absolute;
      z-index: 80;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
           -o-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      left: 50%;
      width: 90%;
      padding-top: 60px; }
      .resistance-home .recap .content br {
        display: none; }
      .resistance-home .recap .content h3 {
        font-size: 15px; } }
  @media only screen and (min-width: 600px) {
    .resistance-home .recap {
      height: auto;
      padding-top: 200px; } }
  @media only screen and (min-width: 1081px) {
    .resistance-home .recap {
      margin-top: -120px;
      padding-top: 270px; } }
  .resistance-home .recap .rel.content {
    position: relative;
    z-index: 80; }
  .resistance-home .recap .bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10; }
    .resistance-home .recap .bg video {
      height: 100%;
      position: relative;
      width: auto !important; }
      @media only screen and (min-width: 1081px) {
        .resistance-home .recap .bg video {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: auto; } }
  .resistance-home .recap h1 {
    font-family: 'helvetica-bold';
    text-transform: uppercase;
    font-size: 22px; }

.resistance-home .gallery {
  background: rgba(0, 0, 0, 0.8);
  padding-right: 8px;
  padding-left: 8px; }
  @media only screen and (min-width: 600px) {
    .resistance-home .gallery {
      padding-right: 15px;
      padding-left: 15px; } }

.resistance-home .gallery-nav::after {
  clear: both;
  content: "";
  display: table; }

.resistance-home .gallery-nav li {
  display: inline-block; }

.resistance-home .gallery-images {
  width: 1200px;
  max-width: 100%;
  margin: auto; }
  .resistance-home .gallery-images::after {
    clear: both;
    content: "";
    display: table; }
  .resistance-home .gallery-images ul {
    display: block; }
  .resistance-home .gallery-images li {
    display: inline-block;
    width: 50%;
    padding: 8px; }
    @media only screen and (min-width: 600px) {
      .resistance-home .gallery-images li {
        padding: 15px; } }
    @media only screen and (min-width: 1081px) {
      .resistance-home .gallery-images li {
        width: 33.3333%; } }
    .resistance-home .gallery-images li a {
      display: block;
      height: 0;
      padding-bottom: 60%;
      background-repeat: no-repeat;
      -moz-background-size: cover;
        -o-background-size: cover;
           background-size: cover;
      background-position: center center;
      position: relative; }
      .resistance-home .gallery-images li a strong {
        position: absolute;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 15px;
        background: rgba(0, 0, 0, 0.5);
        text-transform: uppercase;
        font-size: 11px; }
        @media only screen and (min-width: 600px) {
          .resistance-home .gallery-images li a strong {
            font-size: 16px; } }
    .resistance-home .gallery-images li img {
      display: none;
      height: auto; }

.resistance-home .vcenter {
  padding: 30px 30px 90px;
  width: 100%; }
  @media only screen and (min-width: 1081px) {
    .resistance-home .vcenter {
      padding: 0;
      z-index: 90;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
           -o-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); } }

.resistance-home img.accent {
  position: relative;
  top: 10px;
  right: -10px;
  -webkit-transform: scaleY(-1);
     -moz-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
       -o-transform: scaleY(-1);
          transform: scaleY(-1); }

.resistance-home h2 {
  text-transform: uppercase;
  font-family: 'helvetica-bold';
  font-size: 22px; }

.resistance-home .locations {
  text-align: center;
  background: rgba(0, 0, 0, 0.95);
  background: -moz- oldlinear-gradient(bottom right, #000 0%, #0f0f0f 100%);
  background: -o-linear-gradient(bottom right, #000 0%, #0f0f0f 100%);
  background: linear-gradient(to top left, #000 0%, #0f0f0f 100%); }
  .resistance-home .locations h2 {
    margin-bottom: 50px; }

.resistance-home .section.graphic {
  height: 100vh;
  overflow: hidden;
  width: 100%;
  background: #000;
  position: relative; }
  .resistance-home .section.graphic div.seeker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    .resistance-home .section.graphic div.seeker img {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 500px; }

.fancybox-caption__body {
  font-size: 17px;
  font-family: 'helvetica-bold';
  text-transform: uppercase;
  overflow: visible; }

html body .resistance-home-locations a {
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  padding: 5px 0;
  margin: 4px 0; }
  html body .resistance-home-locations a em, html body .resistance-home-locations a i {
    font-style: normal;
    font-family: 'helvetica';
    font-size: 12px;
    -o-transition: color 0.15s ease-out;
    -moz-transition: color 0.15s ease-out;
    transition: color 0.15s ease-out; }
    @media only screen and (min-width: 600px) {
      html body .resistance-home-locations a em, html body .resistance-home-locations a i {
        font-size: 14px; } }
  html body .resistance-home-locations a i {
    color: #999; }
  html body .resistance-home-locations a img.flag {
    display: inline-block;
    margin: 0 7px 0 12px;
    max-width: 13px; }
  @media only screen and (min-width: 600px) {
    html body .resistance-home-locations a:hover em {
      color: aqua; }
    html body .resistance-home-locations a:hover i {
      color: #fff; } }

.listen-card {
  width: 320px;
  margin: auto;
  max-width: 100%; }
  .listen-card .header img {
    display: block; }
  .listen-card .content {
    padding: 30px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5); }
    .listen-card .content h1 {
      font-size: 18px;
      font-family: 'helvetica-bold'; }
    .listen-card .content p {
      margin-bottom: 0;
      color: #fff; }
    .listen-card .content.after {
      content: "";
      display: inline-block;
      left: 50%;
      margin-left: -12px;
      margin-bottom: -12px;
      width: 0;
      height: 0;
      bottom: 0;
      border-left: 12px solid transparent;
      border-right: 12px solid transparent;
      border-top: 12px solid #181818;
      position: absolute; }
  .listen-card ul.links-list {
    display: block;
    padding: 0;
    margin: 0; }
    .listen-card ul.links-list li {
      display: block; }
      .listen-card ul.links-list li a {
        display: block;
        padding: 15px 25px;
        background: #fff;
        -moz-box-shadow: inset 0 -2px 9px 0 rgba(0, 0, 0, 0.06);
             box-shadow: inset 0 -2px 9px 0 rgba(0, 0, 0, 0.06);
        vertical-align: middle;
        border-bottom: 1px solid #ccc;
        -o-transition: background 0.15s ease-out;
        -moz-transition: background 0.15s ease-out;
        transition: background 0.15s ease-out; }
        .listen-card ul.links-list li a::after {
          clear: both;
          content: "";
          display: table; }
        .listen-card ul.links-list li a:hover {
          background: #f5f5f5; }
          .listen-card ul.links-list li a:hover strong {
            background: #181818;
            color: #fff;
            border: 1px solid #181818; }
      .listen-card ul.links-list li img {
        width: 110px;
        height: auto;
        display: block;
        float: left; }
      .listen-card ul.links-list li strong {
        float: right;
        color: #000;
        padding: 10px 15px;
        display: inline-block;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: normal;
        background: -moz- oldlinear-gradient(top, #fff, #f5f5f5);
        background: -o-linear-gradient(top, #fff, #f5f5f5);
        background: linear-gradient(180deg, #fff, #f5f5f5);
        font-weight: normal;
        border: 1px solid #ccc;
        font-family: 'helvetica-bold';
        -moz-border-radius: 4px;
             border-radius: 4px;
        -o-transition: color 0.15s ease-out, background 0.15s ease-out, border 0.15s ease-out;
        -moz-transition: color 0.15s ease-out, background 0.15s ease-out, border 0.15s ease-out;
        transition: color 0.15s ease-out, background 0.15s ease-out, border 0.15s ease-out; }

.home-news .item, .home-artists .item, .home-videos .item {
  display: block;
  text-align: left;
  margin: 2px auto; }
  .home-news .item a, .home-artists .item a, .home-videos .item a {
    display: block; }
    .home-news .item a:hover i:after, .home-artists .item a:hover i:after, .home-videos .item a:hover i:after {
      opacity: 0; }
  .home-news .item i.img, .home-artists .item i.img, .home-videos .item i.img {
    display: block;
    height: 0;
    padding-bottom: 57.5%;
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
    position: relative; }
    .home-news .item i.img:after, .home-artists .item i.img:after, .home-videos .item i.img:after {
      opacity: 1;
      -o-transition: opacity 0.15s ease-out;
      -moz-transition: opacity 0.15s ease-out;
      transition: opacity 0.15s ease-out;
      display: block;
      content: ' ';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: -moz- oldlinear-gradient(bottom left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
      background: -o-linear-gradient(bottom left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
      background: linear-gradient(to top right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); }
  .home-news .item span.content, .home-artists .item span.content, .home-videos .item span.content {
    display: block;
    padding: 24px;
    background: rgba(0, 0, 0, 0.8);
    background: -moz- oldlinear-gradient(bottom right, rgba(12, 12, 12, 0.8) 0%, rgba(36, 36, 36, 0.99) 100%);
    background: -o-linear-gradient(bottom right, rgba(12, 12, 12, 0.8) 0%, rgba(36, 36, 36, 0.99) 100%);
    background: linear-gradient(to top left, rgba(12, 12, 12, 0.8) 0%, rgba(36, 36, 36, 0.99) 100%);
    line-height: 140%; }
    .home-news .item span.content strong, .home-artists .item span.content strong, .home-videos .item span.content strong {
      display: block;
      margin-bottom: 24px;
      font-size: 16px;
      line-height: 20px; }
      @media only screen and (min-width: 600px) {
        .home-news .item span.content strong, .home-artists .item span.content strong, .home-videos .item span.content strong {
          line-height: 30px;
          font-size: 20px; } }
    .home-news .item span.content span, .home-artists .item span.content span, .home-videos .item span.content span {
      font-size: 14px;
      opacity: .7; }

.home-artists .item i.img {
  padding-bottom: 150%; }
  @media only screen and (min-width: 600px) {
    .home-artists .item i.img {
      padding-bottom: 100%; } }
  .home-artists .item i.img:after {
    background: -moz- oldlinear-gradient(bottom left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); }

.home-artists .item span.content {
  background: -moz- oldlinear-gradient(bottom left, rgba(12, 12, 12, 0.8) 0%, rgba(36, 36, 36, 0) 100%);
  background: -o-linear-gradient(bottom left, rgba(12, 12, 12, 0.8) 0%, rgba(36, 36, 36, 0) 100%);
  background: linear-gradient(to top right, rgba(12, 12, 12, 0.8) 0%, rgba(36, 36, 36, 0) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px 24px; }
  .home-artists .item span.content strong {
    margin: 0;
    display: block;
    font-size: 16px;
    line-height: 20px; }
    @media only screen and (min-width: 600px) {
      .home-artists .item span.content strong {
        line-height: 30px;
        font-size: 20px; } }

.home-videos .item span.content {
  padding: 16px 24px; }
  .home-videos .item span.content strong {
    margin-bottom: 0;
    font-size: 18px; }

section.event-info {
  margin-bottom: 70px;
  background: -moz- oldlinear-gradient(bottom left, rgba(0, 0, 0, 0.9), rgba(17, 17, 17, 0.9));
  background: -o-linear-gradient(bottom left, rgba(0, 0, 0, 0.9), rgba(17, 17, 17, 0.9));
  background: linear-gradient(to top right, rgba(0, 0, 0, 0.9), rgba(17, 17, 17, 0.9)); }

div.event-info h3 {
  text-transform: uppercase;
  font-size: 14px; }

section.section {
  clear: both; }
  section.section::after {
    clear: both;
    content: "";
    display: table; }
  section.section .inner {
    width: 1200px; }
  section.section .padded {
    padding: 50px; }
  section.section .padb80 {
    padding-bottom: 80px; }
  section.section h2 {
    text-transform: uppercase;
    font-family: 'helvetica-bold';
    font-size: 19px; }
  section.section .owl-stage {
    margin: auto; }

.owl-nav {
  opacity: 0;
  -o-transition: opacity 0.15s ease-out;
  -moz-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out; }
  .owl-nav button {
    position: absolute;
    display: block;
    height: 100%;
    width: 40px;
    background: rgba(0, 0, 0, 0.7) !important;
    top: 0;
    left: 0; }
    .owl-nav button:hover {
      background: black !important; }
    .owl-nav button span {
      font-size: 40px; }
    .owl-nav button.owl-next {
      left: auto;
      right: 0; }

.owl-dots {
  display: none; }

.owl-carousel:hover .owl-nav {
  opacity: 1; }

#wrapper-all.rb {
  background: #58575e;
  min-height: 0;
  z-index: inherit !important; }
  #wrapper-all.rb #header {
    position: relative; }
    #wrapper-all.rb #header.scrolled {
      height: inherit; }
    #wrapper-all.rb #header .inner {
      width: 100%;
      padding: 0; }
  #wrapper-all.rb #main {
    padding-top: 0; }
    @media only screen and (min-width: 600px) {
      #wrapper-all.rb #main {
        padding-top: 50px; } }

.re-oc-open {
  width: 100%;
  position: fixed;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%; }
  .re-oc-open #header, .re-oc-open #header.inner, .re-oc-open #re-oc, .re-oc-open #wrapper-all.rb, .re-oc-open .re-header {
    z-index: 5000 !important; }
  .re-oc-open .logo-alt {
    opacity: 1 !important; }
  .re-oc-open #re-nav {
    z-index: 4000 !important; }

#re-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  overflox-x: hidden;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.6);
  background: -moz- oldlinear-gradient(top left, #58575e, rgba(88, 87, 94, 0.92));
  background: -o-linear-gradient(top left, #58575e, rgba(88, 87, 94, 0.92));
  background: linear-gradient(to bottom right, #58575e, rgba(88, 87, 94, 0.92)); }
  #re-nav .nav {
    float: left;
    min-height: 100%;
    text-align: left;
    padding-top: 100px;
    background: #000;
    width: 100%; }
    @media only screen and (min-width: 600px) {
      #re-nav .nav {
        padding-top: 120px;
        width: 100%; } }
    @media only screen and (min-width: 771px) {
      #re-nav .nav {
        padding-top: 120px;
        width: 100%; } }
    @media only screen and (min-width: 1081px) {
      #re-nav .nav {
        padding-top: 150px;
        width: 50%; } }
    #re-nav .nav nav {
      display: block;
      margin-bottom: 50px;
      padding-left: 50px; }
      @media only screen and (min-width: 600px) {
        #re-nav .nav nav {
          margin-left: 46px; } }
      @media only screen and (min-width: 1081px) {
        #re-nav .nav nav {
          width: 320px;
          float: right;
          margin-right: 250px; } }
      #re-nav .nav nav .icon-down-dir {
        display: none !important; }
      #re-nav .nav nav li {
        display: block;
        margin-bottom: 5px;
        position: relative; }
        #re-nav .nav nav li a {
          display: block;
          padding: 10px 5px;
          font-size: 24px;
          -o-transition: color 0.15s ease-out;
          -moz-transition: color 0.15s ease-out;
          transition: color 0.15s ease-out; }
          @media only screen and (min-width: 600px) {
            #re-nav .nav nav li a {
              font-size: 36px; } }
          #re-nav .nav nav li a:before {
            position: absolute;
            left: -34px;
            content: '';
            display: block;
            width: 24px;
            height: 24px;
            background: url("https://resistanceibiza.com/wp-content/uploads/2020/02/arrow-active.svg");
            -moz-background-size: cover;
              -o-background-size: cover;
                 background-size: cover;
            opacity: 0;
            -o-transition: opacity 0.15s ease-out;
            -moz-transition: opacity 0.15s ease-out;
            transition: opacity 0.15s ease-out;
            top: 10px; }
            @media only screen and (min-width: 600px) {
              #re-nav .nav nav li a:before {
                top: 14px; } }
          #re-nav .nav nav li a:hover {
            color: #2cf5de; }
            #re-nav .nav nav li a:hover:before {
              opacity: 1; }
        #re-nav .nav nav li.current-menu-item > a {
          color: #2cf5de; }
          #re-nav .nav nav li.current-menu-item > a:before {
            opacity: 1; }
        #re-nav .nav nav li ul {
          padding-top: 2px;
          margin: 5px 15px 20px 2px; }
        #re-nav .nav nav li li {
          margin-left: 20px; }
          #re-nav .nav nav li li a {
            font-size: 22px;
            -o-transition: color 0.15s ease-out;
            -moz-transition: color 0.15s ease-out;
            transition: color 0.15s ease-out; }
            #re-nav .nav nav li li a:before {
              position: absolute;
              top: 11px;
              left: -15px;
              content: '';
              display: block;
              width: 8px;
              height: 15px;
              background: url("https://resistanceibiza.com/wp-content/uploads/2020/02/arrow-active-sm.svg");
              -moz-background-size: cover;
                -o-background-size: cover;
                   background-size: cover;
              opacity: 0;
              -o-transition: opacity 0.15s ease-out;
              -moz-transition: opacity 0.15s ease-out;
              transition: opacity 0.15s ease-out; }
            #re-nav .nav nav li li a:hover {
              color: #b9bfdd; }
              #re-nav .nav nav li li a:hover:before {
                opacity: 1; }
    #re-nav .nav .socials {
      clear: both;
      margin: auto;
      padding-top: 50px;
      position: relative;
      left: -5px; }
      #re-nav .nav .socials a {
        display: inline-block;
        margin: 10px;
        font-size: 18px; }
  #re-nav .accent {
    float: left;
    width: 50%;
    height: 100%;
    background-image: url("https://resistanceibiza.com/wp-content/uploads/2020/02/seeker-menu.png");
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: none; }
    @media only screen and (min-width: 1081px) {
      #re-nav .accent {
        display: block; } }

.re-header {
  position: relative;
  z-index: 1000;
  padding: 0px;
  height: 80px; }
  @media only screen and (min-width: 600px) {
    .re-header {
      height: 100px; } }
  .re-header .wrap {
    width: 1264px;
    margin: auto;
    max-width: 100%;
    padding: 20px 10px 10px 40px;
    height: 80px; }
    @media only screen and (min-width: 600px) {
      .re-header .wrap {
        padding: 20px 50px 30px 50px; } }
  .re-header .logo-wrap {
    display: inline-block;
    position: relative;
    left: 9px; }
  .re-header .logo-alt {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
    z-index: 11;
    -o-transition: opacity 0.15s ease-out;
    -moz-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out; }
  .re-header .logo {
    position: relative;
    z-index: 10;
    width: 310px;
    margin-top: 0;
    -o-transition: width 0.15s ease-out, margin 0.15s ease-out;
    -moz-transition: width 0.15s ease-out, margin 0.15s ease-out;
    transition: width 0.15s ease-out, margin 0.15s ease-out; }
    @media only screen and (min-width: 600px) {
      .re-header .logo {
        padding-left: 0;
        margin-left: 0;
        width: 360px; } }
    @media only screen and (min-width: 1081px) {
      .re-header .logo {
        width: 450px; } }
  .re-header #re-oc {
    display: block;
    background: #000;
    border: 0;
    float: left;
    outline: none;
    -o-transition: background 0.15s ease-out;
    -moz-transition: background 0.15s ease-out;
    transition: background 0.15s ease-out;
    cursor: pointer; }
    .re-header #re-oc:focus {
      outline: 1px solid rgba(255, 255, 255, 0.5); }
    @media only screen and (max-width: 599px) {
      .re-header #re-oc {
        position: absolute;
        top: 19px;
        left: 0;
        padding: 10px 6px; } }
    @media only screen and (min-width: 600px) {
      .re-header #re-oc {
        top: 0;
        padding: 13px 9px; } }
    @media only screen and (min-width: 1081px) {
      .re-header #re-oc {
        margin-right: 15px;
        padding: 17px 11px; } }
    .re-header #re-oc i {
      display: block;
      width: 23px; }
      .re-header #re-oc i span.bar {
        background: #fff;
        height: 2px;
        width: 100%;
        display: block;
        margin-bottom: 5px;
        position: relative;
        transition: top 0.3s cubic-bezier(1, 0, 0, 1), opacity 0.2s ease-out, background 0.15s ease-out, -webkit-transform 0.3s cubic-bezier(1, 0, 0, 1);
        -o-transition: top 0.3s cubic-bezier(1, 0, 0, 1), opacity 0.2s ease-out, background 0.15s ease-out, -o-transform 0.3s cubic-bezier(1, 0, 0, 1);
        -moz-transition: transform 0.3s cubic-bezier(1, 0, 0, 1), top 0.3s cubic-bezier(1, 0, 0, 1), opacity 0.2s ease-out, background 0.15s ease-out, -moz-transform 0.3s cubic-bezier(1, 0, 0, 1);
        transition: transform 0.3s cubic-bezier(1, 0, 0, 1), top 0.3s cubic-bezier(1, 0, 0, 1), opacity 0.2s ease-out, background 0.15s ease-out;
        transition: transform 0.3s cubic-bezier(1, 0, 0, 1), top 0.3s cubic-bezier(1, 0, 0, 1), opacity 0.2s ease-out, background 0.15s ease-out, -webkit-transform 0.3s cubic-bezier(1, 0, 0, 1), -moz-transform 0.3s cubic-bezier(1, 0, 0, 1), -o-transform 0.3s cubic-bezier(1, 0, 0, 1);
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
        top: 0; }
        .re-header #re-oc i span.bar.mid {
          opacity: 1; }
        .re-header #re-oc i span.bar.last {
          margin-bottom: 0; }
    .re-header #re-oc.active {
      outline: 1px solid rgba(255, 255, 255, 0.5); }
      .re-header #re-oc.active .mid {
        -webkit-transform: rotate(225deg);
           -moz-transform: rotate(225deg);
            -ms-transform: rotate(225deg);
             -o-transform: rotate(225deg);
                transform: rotate(225deg);
        top: 0px; }
      .re-header #re-oc.active .first {
        -webkit-transform: rotate(-45deg);
           -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
             -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
        top: 7px; }
      .re-header #re-oc.active .last {
        opacity: 0 !important; }
    .re-header #re-oc:hover {
      background: #B9BFDD; }
      .re-header #re-oc:hover span.bar {
        background: #000; }
    .re-header #re-oc:active {
      background: #eceef6; }

body.page-template-2020-home-v1 ::-moz-selection {
  background-color: #fdf73d;
  color: #000; }

body.page-template-2020-home-v1 ::selection {
  background-color: #fdf73d;
  color: #000; }

body.page-template-2020-home-v1 .re20-home {
  width: 1264px;
  margin: auto;
  max-width: 100%;
  padding: 0px 10px 50px 40px;
  clear: both; }
  @media only screen and (min-width: 600px) {
    body.page-template-2020-home-v1 .re20-home {
      padding: 0px 10px 30px 50px; } }
  @media only screen and (min-width: 1081px) {
    body.page-template-2020-home-v1 .re20-home {
      padding-right: 50px; } }

body.page-template-2020-home-v1 .accent-details {
  padding-top: 10px;
  margin-left: -40px;
  display: block;
  padding-bottom: 20px;
  top: 0px; }
  @media only screen and (min-width: 600px) {
    body.page-template-2020-home-v1 .accent-details {
      margin: 0;
      padding: 0;
      position: fixed;
      top: 20px;
      left: 0; } }
  @media only screen and (min-width: 1081px) {
    body.page-template-2020-home-v1 .accent-details {
      top: 20px; } }

body.page-template-2020-home-v1 .djaward {
  margin-bottom: 20px; }

body.page-template-2020-home-v1 .tuesdays-privilege {
  width: 90px;
  padding-top: 10px;
  padding-bottom: 60px; }
  @media only screen and (min-width: 600px) {
    body.page-template-2020-home-v1 .tuesdays-privilege {
      padding-top: 40px;
      width: 110px;
      padding-bottom: 30px; } }
  @media only screen and (min-width: 1081px) {
    body.page-template-2020-home-v1 .tuesdays-privilege {
      padding-top: 20px; } }

body.page-template-2020-home-v1 img.dates {
  padding-top: 10px;
  width: 310px;
  padding-bottom: 30px; }
  @media only screen and (min-width: 600px) {
    body.page-template-2020-home-v1 img.dates {
      padding-top: 0px;
      width: 400px; } }

@media only screen and (max-width: 600px) {
  body.page-template-2020-home-v1 .headliners {
    margin-left: -40px;
    padding-left: 40px;
    background: -moz- oldlinear-gradient(top left, rgba(185, 191, 221, 0.5), rgba(185, 191, 221, 0));
    background: -o-linear-gradient(top left, rgba(185, 191, 221, 0.5), rgba(185, 191, 221, 0));
    background: linear-gradient(to bottom right, rgba(185, 191, 221, 0.5), rgba(185, 191, 221, 0));
    padding-top: 30px;
    margin-right: -10px; } }

@media only screen and (min-width: 870px) {
  body.page-template-2020-home-v1 .headliners {
    float: left; } }

body.page-template-2020-home-v1 .headliners h2 {
  font-size: 13px;
  text-transform: uppercase;
  background: #2CF5DE;
  display: inline-block;
  padding: 2px 6px;
  color: #000;
  font-weight: bold;
  font-family: 'helvetica';
  position: relative; }

body.page-template-2020-home-v1 .headliners h3 {
  font-weight: bold;
  background: #fff;
  display: inline-block;
  padding: 2px 6px;
  color: #000;
  font-family: 'helvetica';
  position: relative;
  margin-bottom: 14px;
  font-size: 12px; }
  @media only screen and (min-width: 600px) {
    body.page-template-2020-home-v1 .headliners h3 {
      font-size: 13px; } }

body.page-template-2020-home-v1 .headliners .glitch {
  width: 150px;
  height: 270px; }
  @media only screen and (min-width: 1081px) {
    body.page-template-2020-home-v1 .headliners .glitch {
      width: 210px;
      height: 357px; } }
  body.page-template-2020-home-v1 .headliners .glitch .glitch__img {
    background-position: center center;
    cursor: default;
    -moz-background-size: 150px auto;
      -o-background-size: 150px auto;
         background-size: 150px auto; }
    @media only screen and (min-width: 1081px) {
      body.page-template-2020-home-v1 .headliners .glitch .glitch__img {
        -moz-background-size: 210px auto;
          -o-background-size: 210px auto;
             background-size: 210px auto; } }

body.page-template-2020-home-v1 .headliners ul::after {
  clear: both;
  content: "";
  display: table; }

body.page-template-2020-home-v1 .headliners ul li {
  display: block;
  float: left; }
  @media only screen and (max-width: 599px) {
    body.page-template-2020-home-v1 .headliners ul li {
      padding-bottom: 0px;
      width: 42%;
      max-width: 150px; } }
  body.page-template-2020-home-v1 .headliners ul li:first-child {
    margin-right: 8%; }
  @media only screen and (min-width: 600px) {
    body.page-template-2020-home-v1 .headliners ul li {
      width: auto; }
      body.page-template-2020-home-v1 .headliners ul li:first-child {
        padding-right: 0px;
        margin-right: 40px; } }
  body.page-template-2020-home-v1 .headliners ul li span.image {
    display: block;
    position: relative; }
    body.page-template-2020-home-v1 .headliners ul li span.image img {
      display: block;
      width: 150px; }
      @media only screen and (min-width: 1081px) {
        body.page-template-2020-home-v1 .headliners ul li span.image img {
          width: 210px; } }
    body.page-template-2020-home-v1 .headliners ul li span.image span {
      position: absolute;
      bottom: 24px;
      left: 24px;
      font-size: 33px;
      font-family: 'namu';
      text-transform: uppercase; }
      @media only screen and (min-width: 1081px) {
        body.page-template-2020-home-v1 .headliners ul li span.image span {
          font-size: 46px; } }
  body.page-template-2020-home-v1 .headliners ul li .accent {
    display: block;
    height: 2px;
    background: #fdf73d;
    margin: 7px 0 10px;
    width: 100%; }
  body.page-template-2020-home-v1 .headliners ul li .dates {
    background: #B9BFDD;
    padding: 10px 14px;
    color: #000;
    display: block;
    font-family: 'helvetica-bold';
    line-height: 110%;
    font-size: 13px;
    min-height: 64px; }
    @media only screen and (min-width: 600px) {
      body.page-template-2020-home-v1 .headliners ul li .dates {
        min-height: 1px; } }
    @media only screen and (min-width: 1081px) {
      body.page-template-2020-home-v1 .headliners ul li .dates {
        font-size: 16px; } }

body.page-template-2020-home-v1 .headliners .more {
  color: #fdf73d;
  display: inline-block;
  margin-top: 30px;
  position: relative;
  font-size: 15px;
  letter-spacing: 1px;
  opacity: .8; }

body.page-template-2020-home-v1 .subscribe {
  max-width: 100%;
  width: 100%; }
  @media only screen and (min-width: 600px) {
    body.page-template-2020-home-v1 .subscribe {
      width: 450px; } }
  @media only screen and (min-width: 870px) {
    body.page-template-2020-home-v1 .subscribe {
      padding-top: 0px;
      float: right; }
      body.page-template-2020-home-v1 .subscribe:hover .form h2 a {
        background: #fff; } }
  @media only screen and (min-width: 1081px) {
    body.page-template-2020-home-v1 .subscribe {
      padding-top: 80px; } }
  body.page-template-2020-home-v1 .subscribe .accents {
    text-align: right; }
    @media only screen and (max-width: 869px) {
      body.page-template-2020-home-v1 .subscribe .accents {
        display: none; } }
    body.page-template-2020-home-v1 .subscribe .accents h3 {
      text-align: left;
      font-size: 14px;
      position: relative;
      padding-left: 268px;
      top: 15px; }
      body.page-template-2020-home-v1 .subscribe .accents h3 span {
        display: block;
        font-family: 'helvetica';
        font-weight: normal; }
      body.page-template-2020-home-v1 .subscribe .accents h3 strong {
        font-size: 13px;
        font-family: 'helvetica';
        color: #2CF5DE; }
    body.page-template-2020-home-v1 .subscribe .accents img {
      margin-bottom: 20px;
      width: 130px; }
  body.page-template-2020-home-v1 .subscribe .form {
    background: rgba(0, 0, 0, 0.8);
    padding: 10px 15px 40px;
    margin-left: -26px;
    margin-right: -10px;
    position: relative; }
    @media only screen and (min-width: 600px) {
      body.page-template-2020-home-v1 .subscribe .form {
        margin: auto;
        padding: 20px 40px 50px; } }
    body.page-template-2020-home-v1 .subscribe .form h2 {
      position: relative; }
      @media only screen and (max-width: 599px) {
        body.page-template-2020-home-v1 .subscribe .form h2 {
          margin-left: 12px; } }
      body.page-template-2020-home-v1 .subscribe .form h2 .text {
        font-size: 13px;
        text-transform: uppercase;
        font-weight: bold;
        background: #B9BFDD;
        display: inline-block;
        padding: 2px 6px;
        color: #000;
        font-family: 'helvetica';
        position: relative;
        -o-transition: background 0.15s ease-out;
        -moz-transition: background 0.15s ease-out;
        transition: background 0.15s ease-out;
        margin-bottom: 12px; }
      body.page-template-2020-home-v1 .subscribe .form h2 .accent {
        position: relative;
        top: 2px; }
    body.page-template-2020-home-v1 .subscribe .form p {
      opacity: .8;
      width: 320px;
      max-width: 100%;
      display: block;
      font-size: 15px;
      line-height: 120%; }
      @media only screen and (max-width: 599px) {
        body.page-template-2020-home-v1 .subscribe .form p {
          padding-left: 12px; } }
    body.page-template-2020-home-v1 .subscribe .form input {
      padding: 8px 8px 8px 4px;
      background: none;
      margin-right: 10px;
      border: 0px;
      border-bottom: 1px solid #36cfbf;
      color: #fff;
      font-family: 'helvetica';
      font-size: 14px;
      margin-left: 12px;
      width: 220px; }
      @media only screen and (max-width: 599px) {
        body.page-template-2020-home-v1 .subscribe .form input {
          width: 250px; } }
      body.page-template-2020-home-v1 .subscribe .form input::-webkit-input-placeholder {
        color: #bdbaba; }
      body.page-template-2020-home-v1 .subscribe .form input:-ms-input-placeholder {
        color: #bdbaba; }
      body.page-template-2020-home-v1 .subscribe .form input::-moz-placeholder {
        color: #bdbaba; }
      body.page-template-2020-home-v1 .subscribe .form input::placeholder {
        color: #bdbaba; }
    body.page-template-2020-home-v1 .subscribe .form .submit {
      padding: 0;
      position: relative; }
    body.page-template-2020-home-v1 .subscribe .form button, body.page-template-2020-home-v1 .subscribe .form a.subscribe {
      padding: 8px 15px;
      font-family: 'helvetica-bold';
      font-size: 13px;
      border: 0px !important;
      background: #fdf73d !important;
      color: #000 !important;
      cursor: pointer; }
      @media only screen and (max-width: 599px) {
        body.page-template-2020-home-v1 .subscribe .form button, body.page-template-2020-home-v1 .subscribe .form a.subscribe {
          margin-top: 10px;
          margin-left: 12px;
          width: 250px; } }
      body.page-template-2020-home-v1 .subscribe .form button.subscribed, body.page-template-2020-home-v1 .subscribe .form a.subscribe.subscribed {
        background: #fdf73d !important; }
      body.page-template-2020-home-v1 .subscribe .form button:hover, body.page-template-2020-home-v1 .subscribe .form a.subscribe:hover {
        background: #fff; }
      body.page-template-2020-home-v1 .subscribe .form button .accent, body.page-template-2020-home-v1 .subscribe .form a.subscribe .accent {
        position: absolute;
        top: 8px;
        left: -265px; }
        @media only screen and (max-width: 599px) {
          body.page-template-2020-home-v1 .subscribe .form button .accent, body.page-template-2020-home-v1 .subscribe .form a.subscribe .accent {
            top: -25px;
            left: 0px; } }

body.page-template-2020-home-v1 .top {
  position: relative;
  z-index: 90; }

body.page-template-2020-home-v1 div.overlays {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 81;
  bottom: 0px;
  left: 0;
  background: -moz- oldlinear-gradient(bottom left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background: -o-linear-gradient(bottom left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background: linear-gradient(to top right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); }
  @media only screen and (min-width: 1081px) {
    body.page-template-2020-home-v1 div.overlays {
      display: none; } }

body.page-template-2020-home-v1 div.seeker {
  background-image: url("https://resistanceibiza.com/wp-content/uploads/2020/02/seeker-mobile.png");
  -moz-background-size: 900px auto;
    -o-background-size: 900px auto;
       background-size: 900px auto;
  background-repeat: no-repeat;
  height: 100%;
  width: 1100px;
  position: fixed;
  z-index: 80;
  top: 0px;
  left: 50%;
  margin-left: -350px;
  /*
        @include min($bp-small + 1 ) {
            background-position: right -50px;
            background-size: 1100px auto;
            top: 0px;
            margin-left: -500px;
        }
        @include min($bp-large + 1 ) {
            background-size: 1300px auto;
        }
        */ }
  @media only screen and (min-width: 771px) {
    body.page-template-2020-home-v1 div.seeker {
      margin-left: -400px;
      background-image: url("https://resistanceibiza.com/wp-content/uploads/2020/02/seeker-2.png"); } }
  @media only screen and (min-width: 1081px) {
    body.page-template-2020-home-v1 div.seeker {
      margin-left: -450px;
      -moz-background-size: 1000px auto;
        -o-background-size: 1000px auto;
           background-size: 1000px auto;
      background-image: url("https://resistanceibiza.com/wp-content/uploads/2020/02/seeker-2.png"); } }

body.page-template-2020-home-v1 .accent-addition {
  position: fixed;
  z-index: 120;
  right: 0;
  bottom: 0; }
  @media only screen and (min-width: 771px) {
    body.page-template-2020-home-v1 .accent-addition {
      top: 100px;
      z-index: 80; } }
  @media only screen and (min-width: 1081px) {
    body.page-template-2020-home-v1 .accent-addition {
      right: 0;
      top: 25px; } }

body.page-template-2020-home-v1 .circle-accent {
  background: url("https://resistanceibiza.com/wp-content/uploads/2020/02/bg-accent.png");
  background-repeat: no-repeat;
  background-position: right top;
  margin-left: -350px;
  width: 1100px;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  height: 100%;
  z-index: 70;
  bottom: -250px;
  left: 50%;
  position: fixed; }

.glitch--style-1 {
  --gap-horizontal: 20px;
  --gap-vertical: 2px;
  --time-anim: 2.25s;
  --blend-mode-1: none;
  --blend-mode-2: none;
  --blend-mode-3: none;
  --blend-mode-4: none;
  --blend-mode-5: none;
  --blend-color-1: transparent;
  --blend-color-2: transparent;
  --blend-color-3: transparent;
  --blend-color-4: transparent;
  --blend-color-5: transparent; }

.glitch--style-2 {
  --gap-horizontal: 5px;
  --gap-vertical: 10px;
  --time-anim: 2s;
  --blend-mode-1: none;
  --blend-mode-2: none;
  --blend-mode-3: luminosity;
  --blend-mode-4: none;
  --blend-mode-5: none;
  --blend-color-1: transparent;
  --blend-color-2: transparent;
  --blend-color-3: #4d8c60;
  --blend-color-4: transparent;
  --blend-color-5: #c9b09a; }

.glitch--style-3 {
  --gap-horizontal: 20px;
  --gap-vertical: 2px;
  --time-anim: 2.25s;
  --blend-mode-1: none;
  --blend-mode-2: none;
  --blend-mode-3: multiply;
  --blend-mode-4: none;
  --blend-mode-5: none;
  --blend-color-1: transparent;
  --blend-color-2: transparent;
  --blend-color-3: #af4563;
  --blend-color-4: transparent;
  --blend-color-5: transparent; }

.glitch--style-4 {
  --gap-horizontal: 5px;
  --gap-vertical: 20px;
  --time-anim: 5s;
  --blend-mode-1: none;
  --blend-mode-2: exclusion;
  --blend-mode-3: hard-light;
  --blend-mode-4: overlay;
  --blend-mode-5: none;
  --blend-color-1: transparent;
  --blend-color-2: #52f1cd;
  --blend-color-3: #525df1;
  --blend-color-4: #f19b52;
  --blend-color-5: transparent; }

.glitch--style-5 {
  --gap-horizontal: 50px;
  --gap-vertical: 100px;
  --time-anim: 2.25s;
  --blend-mode-1: none;
  --blend-mode-2: none;
  --blend-mode-3: none;
  --blend-mode-4: overlay;
  --blend-mode-5: overlay;
  --blend-color-1: transparent;
  --blend-color-2: transparent;
  --blend-color-3: transparent;
  --blend-color-4: #000;
  --blend-color-5: #8d16f2; }

.glitch--style-6 {
  --gap-horizontal: 3px;
  --gap-vertical: 70px;
  --time-anim: 2.25s;
  --blend-mode-1: none;
  --blend-mode-2: none;
  --blend-mode-3: overlay;
  --blend-mode-4: none;
  --blend-mode-5: none;
  --blend-color-1: transparent;
  --blend-color-2: transparent;
  --blend-color-3: rgba(255,255,255,0.2);
  --blend-color-4: transparent;
  --blend-color-5: transparent; }