lo/* Custom styles
   ========================================================================== */

.section--compact {
    padding-top: 0;
}

.color--quarternary {
    color: #ccffff;
}

.color--fifth {
    color: #666;
}

.background-color--quarternary {
    background-color: #ccffff;
}


.site-header__wrap {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: rgba(255, 255, 255, 0.3);
}

.headroom--unpinned .site-header__wrap {
    background-color: rgba(255, 255, 255, 1.0);
}

.site-header__mobile button {
    color: #494949;
}

.site-branding {
    padding-top: 12px;
}

.site-sidenav__tickets {
    position: absolute;
    right: 0;
}

.upper-section {
    center 0; 
    background-size: cover; 
    background-repeat: no-repeat;
}

.single .content-area,
.site .content-area {
   
    background-size: cover; 
    background-repeat: repeat;
}

.page--home .bottom-section {
   
    background-size: cover; 
    background-repeat: repeat;
}

.page--home .single .content-area,
.page--home .site .content-area {
    background: none;
}

/** ------------------------------------
 * [.banner] ::start
 * ------------------------------------- */
.banner {
    margin-top: 200px;
    margin-left: 0;
    max-width: 740px;
    text-align: right;
    
    position: relative;
    z-index: 2;
}

@media (min-width: 576px) {
    .banner {
        margin-top: 80px;
        margin-bottom: 180px;
    }
}

.banner {
}

.banner__wrapper {

}

.banner__logo {
}

.banner__date_location {
    margin-right: 20px;
   
    display: inline-block;
    padding: 0 10px 14px 14px;
}
.banner__date_location--date {
    margin: 10px 0 0 0;
}
.banner__date_location--time {
    font-size: 22px;
    margin: -8px 0 0 0;
}
.banner__date_location--location {
    margin: 20px 0 0 0;
    color: white;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
.banner__date_location--location span {
    display: block;
}

.banner__intro_text {
    margin: 80px 20px 0 0;
    font-family: "Poppins", sans-serif;
    clear: both;
    font-weight: 700;
    color: white;
    line-height: 72px;
    font-size: 60px;
}

.banner__intro_text span {
    display: block;
}

/** ------------------------------------
 * [.banner] ::end
 * ------------------------------------- */



/** ------------------------------------
 * [Speakers] ::start
 * ------------------------------------- */
.speaker-neat a {
    transition: all 1s;
    display: block;
    outline: 15px solid rgba(255, 255, 250, 0);
}

.speaker-neat a:hover {
    outline-color: rgba(255, 255, 250, 0.5);
}

.speaker-neat a:hover .in-view__child--s2 {
    background-color: #c2c2c2;
}
.speaker-neat a .speaker-neat__image {
}

.speaker-neat a .speaker-neat__image {
    transition: all 1s;
    background-color: #d2d2d2;
}

.speaker-neat a .speaker-neat__image figure {
    transition: all 1s;
    opacity: 1;
}
.speaker-neat a:hover .speaker-neat__image figure {
    opacity: 0.5;
}

/** ------------------------------------
 * [Speakers] ::end
 * ------------------------------------- */

.in-view__child--s1 {
    color: blue;
    background-color: #212121;
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 20px;
}

.in-view__child--s2 {
    
    color: black;
    background-color: white;
    margin-bottom: 0;
    padding: 10px 20px;
}

.in-view__child--s2 i {
    display: inline-block;
    height: 24px;
    background: url("assets/images/icons/map-marker.png") -6px 0 no-repeat;
    padding: 0 0 0 18px;
}

#widecard .reveal {
    padding: 30px 30px 30px 30px;
}

#widecard .reveal--primary::before {
    background-color: black;
}
 
#widecard .reveal__copy {
    margin: 0;
}

@media (min-width: 576px) {
  #widecard .reveal__copy {
      margin-left: 48px;
  }
}

#widecard .reveal__copy p {
    width: 100%;
    margin: 0;
}
    
#widecard .reveal--image {
    max-width: 320px;
    margin: 0 auto;
}
 
@media (min-width: 768px) {
    #widecard .reveal--image {
        position: absolute;
        top: -70px;
        left: -400px;
        max-width: 420px;
    }
}
 
#widecard .reveal h3 {
    margin-top: 10px;
}


/** ------------------------------------
 * [Homepage .video-bg] ::start
 * ------------------------------------- */
.video-bg {
    /* position: relative; */
    overflow: hidden;
    background-color:black;
}

.video-bg video {
    position: absolute;
    z-index: 1;
    top: 0;
    width:100%;
    height:100%;
    /*  object-fit is not supported on IE  */
    object-fit: cover;
    opacity: 1;
}

/** ------------------------------------
 * [Homepage .video-bg] ::end
 * ------------------------------------- */

/** ------------------------------------
 * [Homepage .head-body-separator] ::start
 * ------------------------------------- */

#head-body-separator {
    background-color: #000000;
    /* height: 120px; */
    padding: 0;
    /* margin-top: 120px; */
    margin-top: 0;
    position: relative;

    height: 240px;
}

#head-body-separator .t-shirt {
    height: 280px;
    overflow: hidden;
    top: -40px;
    text-align: center;

    position: absolute;
    z-index: 1;
    opacity: 0.4;
}

#head-body-separator .t-shirt img {
    max-width: 100%;
    width: 400px;
}


#head-body-separator .ticket-label-wrapper {
    position: absolute;
    z-index: 2;
    padding-left: 40px;
}

#head-body-separator .ticket-label {
    position: relative;
    padding: 0 40px 0 40px;
    margin: 40px 0 0 0;
    color: #FFFFFF;
    font-size: 24px;
    height: 120px;

    text-align: center;
    font-size: 18px;
    line-height: 30px;
}

#head-body-separator .ticket-button {
    position: relative;
    height: 120px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;

    text-align: center;
}

#head-body-separator .ticket-button .btn {
    padding: 18px 22px;
}

@media (min-width: 768px) {
    #head-body-separator {
        height: 120px;
        /* margin-top: 120px; */
    }
    #head-body-separator .t-shirt {
        height: 240px;
        top: -120px;
        text-align: right;
        z-index: 1;
        opacity: 1;
        position: relative;
    }
    #head-body-separator .t-shirt img {
        width: 350px;
        max-width: 350px;
    }
    #head-body-separator .ticket-label-wrapper {
        padding: 0;
        position: relative;
    }
    #head-body-separator .ticket-label {
        font-size: 20px;
        line-height: 32px;
        padding: 0 10px;
        margin: 10px 0 0 0;
    }
    #head-body-separator .ticket-button {
        margin-top: 28px;
    }
}

@media (min-width: 992px) {
    #head-body-separator {
        /* height: 120px; */
        /* margin-top: 120px; */
    }
    #head-body-separator .t-shirt {
        height: 280px;
        top: -160px;
        /* text-align: right; */
        /* z-index: 1; */
        /* opacity: 1; */
        /* position: relative; */
    }
    #head-body-separator .t-shirt img {
        width: 450px;
        max-width: 450px;
    }
    #head-body-separator .ticket-label-wrapper {
        /* position: relative; */
    }
    #head-body-separator .ticket-label {
        font-size: 22px;
        line-height: 34px;
        /* padding: 0; */
        margin: 10px 0 0 0;
    }
    #head-body-separator .ticket-button {
        margin-top: 38px;
    }
}

@media (min-width: 1200px) {
    #head-body-separator {
        /* height: 120px; */
        /* margin-top: 120px; */
    }
    #head-body-separator .t-shirt {
        height: 360px;
        top: -240px;
        /* text-align: right; */
        /* z-index: 1; */
        /* opacity: 1; */
        /* position: relative; */
    }
    #head-body-separator .t-shirt img {
        width: 600px;
        max-width: 600px;
    }
    #head-body-separator .ticket-label-wrapper {
        /* position: relative; */
    }
    #head-body-separator .ticket-label {
        font-size: 22px;
        line-height: 38px;
        /* padding: 0; */
        margin: 20px 0 0 0;
    }
    #head-body-separator .ticket-button {
        margin-top: 38px;
    }
}

/** ------------------------------------
 * [Homepage .head-body-separator] ::end
 * ------------------------------------- */


/** ------------------------------------
 * [Portfolio] ::start
 * ------------------------------------- */

.single-portfolio__photo {
    margin: 15px 0 0 0;
}

.single.single-portfolio .page-header {
    margin-bottom: 0;
}
.single.single-portfolio h1.page-title {
    margin: 0;
}
.single.single-portfolio h3.page-title {
    margin: 0 0 15px 0;
}

.single-portfolio__meta__category {
    margin: 60px 0 0 0;
}

.single-portfolio__meta__detail .widget_socials__list {
    margin: -20px 0 0 0;
}

/** ------------------------------------
 * [Portfolio] ::end
 * ------------------------------------- */


/** ------------------------------------
 * [Tickets] ::start
 * ------------------------------------- */

.page--tickets .page-header {
    margin-bottom: 0;
}

.page--tickets #widecard .reveal--image {
    top: 40px;
    left: -380px;
}

.page--tickets #widecard.section {
    padding-top: 40px;
    padding-bottom: 40px;
}

.page--tickets .section--singular {
    padding-top: 120px;
    padding-bottom: 20px;
}

.page--tickets .section--compact {
    padding-top: 0;
}

.page--tickets .button-groups--get-tickets {
}
    
.page--tickets .button-groups--get-tickets a {
    max-width: auto;
    display: block;
    margin-bottom: 10px;
}

@media (min-width: 576px) {
    .page--tickets .button-groups--get-tickets a {
    }
}

@media (min-width: 768px) {
    .page--tickets .button-groups--get-tickets a {
        max-width: 33.2%;
        display: inline-block;
    }
}

/* .page--tickets .button-groups--get-tickets a { */
/*     margin-bottom: 10px; */
/*     /* max-width: 33.2%; */ */
/* } */

/** ------------------------------------
 * [Tickets] ::end
 * ------------------------------------- */


/** ------------------------------------
 * [Glitch Effect] ::start
 * ------------------------------------- */

.c-glitch,
.c-glitch__img {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.c-glitch {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  height: 372px;
}

.c-glitch__img {
  background-blend-mode: none;
  background-color: transparent;
  height: calc(100% + 5px * 2);
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  width: calc(100% + 10px * 2);
}
.c-glitch:hover .c-glitch__img:nth-child(n+2) {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.c-glitch:hover .c-glitch__img:nth-child(2) {
  -webkit-animation-name: glitch-anim-1;
          animation-name: glitch-anim-1;
}
.c-glitch:hover .c-glitch__img:nth-child(3) {
  -webkit-animation-name: glitch-anim-2;
          animation-name: glitch-anim-2;
}
.c-glitch:hover .c-glitch__img:nth-child(4) {
  -webkit-animation-name: glitch-anim-3;
          animation-name: glitch-anim-3;
}
.c-glitch:hover .c-glitch__img:nth-child(5) {
  -webkit-animation-name: glitch-anim-4;
          animation-name: glitch-anim-4;
  background-blend-mode: overlay;
  background-color: #494949;
}

.c-glitch__img:nth-child(n+2) {
  opacity: 0;
}

@-webkit-keyframes glitch-anim-1 {
  0%, 100% {
    opacity: 1;
    -webkit-transform: translate3d(40px, 0, 0) scale3d(-1, -1, 1);
            transform: translate3d(40px, 0, 0) scale3d(-1, -1, 1);
    -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
            clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
  }
  20% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
            clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
  }
  30% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
            clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
  }
  40% {
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
            clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
  }
  50% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
            clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
  }
  55% {
    -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%);
  }
  65% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
            clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
  }
  70% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
            clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
  }
  80% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
            clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
  }
  85% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 65%, 0 65%);
            clip-path: polygon(0 60%, 100% 60%, 100% 65%, 0 65%);
  }
  95% {
    -webkit-clip-path: polygon(0 72%, 100% 72%, 100% 78%, 0 78%);
            clip-path: polygon(0 72%, 100% 72%, 100% 78%, 0 78%);
  }
}

@keyframes glitch-anim-1 {
  0%, 100% {
    opacity: 1;
    -webkit-transform: translate3d(40px, 0, 0) scale3d(-1, -1, 1);
            transform: translate3d(40px, 0, 0) scale3d(-1, -1, 1);
    -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
            clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
  }
  20% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
            clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
  }
  30% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
            clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
  }
  40% {
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
            clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
  }
  50% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
            clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
  }
  55% {
    -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%);
  }
  65% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
            clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
  }
  70% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
            clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
  }
  80% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
            clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
  }
  85% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 65%, 0 65%);
            clip-path: polygon(0 60%, 100% 60%, 100% 65%, 0 65%);
  }
  95% {
    -webkit-clip-path: polygon(0 72%, 100% 72%, 100% 78%, 0 78%);
            clip-path: polygon(0 72%, 100% 72%, 100% 78%, 0 78%);
  }
}
@-webkit-keyframes glitch-anim-2 {
  0%, 100% {
    opacity: 1;
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
    -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
            clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
  }
  10% {
    -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
            clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
  }
  15% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
            clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
  }
  17% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
            clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }
  19% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
            clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
  }
  33% {
    -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
            clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
  }
  35% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
            clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }
  40% {
    -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
            clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
  }
  45% {
    -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
            clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
  }
  49% {
    -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
            clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
  }
  50% {
    -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
            clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
  }
  55% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 35%, 0 35%);
            clip-path: polygon(0 15%, 100% 15%, 100% 35%, 0 35%);
  }
  60% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
            clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
  }
  70% {
    -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 60%, 0 60%);
            clip-path: polygon(0 65%, 100% 65%, 100% 60%, 0 60%);
  }
  80% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 85%, 0 85%);
            clip-path: polygon(0 80%, 100% 80%, 100% 85%, 0 85%);
  }
  90% {
    -webkit-clip-path: polygon(0 55%, 100% 55%, 100% 65%, 0 65%);
            clip-path: polygon(0 55%, 100% 55%, 100% 65%, 0 65%);
  }
}
@keyframes glitch-anim-2 {
  0%, 100% {
    opacity: 1;
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
    -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
            clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
  }
  10% {
    -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
            clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
  }
  15% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
            clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
  }
  17% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
            clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }
  19% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
            clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
  }
  33% {
    -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
            clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
  }
  35% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
            clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }
  40% {
    -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
            clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
  }
  45% {
    -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
            clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
  }
  49% {
    -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
            clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
  }
  50% {
    -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
            clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
  }
  55% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 35%, 0 35%);
            clip-path: polygon(0 15%, 100% 15%, 100% 35%, 0 35%);
  }
  60% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
            clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
  }
  70% {
    -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 60%, 0 60%);
            clip-path: polygon(0 65%, 100% 65%, 100% 60%, 0 60%);
  }
  80% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 85%, 0 85%);
            clip-path: polygon(0 80%, 100% 80%, 100% 85%, 0 85%);
  }
  90% {
    -webkit-clip-path: polygon(0 55%, 100% 55%, 100% 65%, 0 65%);
            clip-path: polygon(0 55%, 100% 55%, 100% 65%, 0 65%);
  }
}
@-webkit-keyframes glitch-anim-3 {
  0%, 100% {
    opacity: 1;
    -webkit-transform: translate3d(0, -5px, 0) scale3d(-1, -1, 1);
            transform: translate3d(0, -5px, 0) scale3d(-1, -1, 1);
    -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%);
  }
  11% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
            clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
  }
  20% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
            clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }
  25% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
            clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
  }
  35% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
            clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
  }
  42% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
            clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
  }
  48% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
            clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
  }
  50% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
            clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
  }
  56% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
            clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
  }
  61% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
            clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
  }
  68% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
            clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
  }
  72% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
            clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
  }
  77% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
            clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
  }
  81% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
            clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
  }
  86% {
    -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
            clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
  }
  90% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
            clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }
  92% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
            clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
  }
  94% {
    -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 {
  0%, 100% {
    opacity: 1;
    -webkit-transform: translate3d(0, -5px, 0) scale3d(-1, -1, 1);
            transform: translate3d(0, -5px, 0) scale3d(-1, -1, 1);
    -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%);
  }
  11% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
            clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
  }
  20% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
            clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }
  25% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
            clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
  }
  35% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
            clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
  }
  42% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
            clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
  }
  48% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
            clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
  }
  50% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
            clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
  }
  56% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
            clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
  }
  61% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
            clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
  }
  68% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
            clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
  }
  72% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
            clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
  }
  77% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
            clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
  }
  81% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
            clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
  }
  86% {
    -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
            clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
  }
  90% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
            clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }
  92% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
            clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
  }
  94% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
            clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
  }
}
@-webkit-keyframes glitch-anim-4 {
  0%, 5% {
    opacity: 0.2;
    -webkit-transform: translate3d(10px, 5px, 0);
            transform: translate3d(10px, 5px, 0);
  }
  5.5%, 100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes glitch-anim-4 {
  0%, 5% {
    opacity: 0.2;
    -webkit-transform: translate3d(10px, 5px, 0);
            transform: translate3d(10px, 5px, 0);
  }
  5.5%, 100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.c-glitch--stefan-sagmeister,
.c-glitch--stefan-sagmeister .c-glitch__img {
  background-image: url(assets/images/speakers/stefan-sagmeister/stefan-sagmeister-work.jpg);
}
.c-glitch--stefan-sagmeister .c-glitch__img {
  background-size: cover;
}

.c-glitch--kim-jung-gi,
.c-glitch--kim-jung-gi .c-glitch__img {
  background-image: url(assets/images/speakers/kim-jung-gi/kim-jung-gi-work.jpg);
}
.c-glitch--kim-jung-gi .c-glitch__img {
  background-size: cover;
}

.c-glitch--stefan-kunz,
.c-glitch--stefan-kunz .c-glitch__img {
  background-image: url(assets/images/speakers/stefan-kunz/stefan-kunz-work.jpg);
}
.c-glitch--stefan-kunz .c-glitch__img {
  background-size: cover;
}

.c-glitch--quiccs,
.c-glitch--quiccs .c-glitch__img {
  background-image: url(assets/images/speakers/quiccs/quiccs-work.jpg);
}
.c-glitch--quiccs .c-glitch__img {
  background-size: cover;
}

.c-glitch--robert-alejandro,
.c-glitch--robert-alejandro .c-glitch__img {
  background-image: url(assets/images/speakers/robert-alejandro/robert-alejandro-work.jpg);
}
.c-glitch--robert-alejandro .c-glitch__img {
  background-size: cover;
}

.c-glitch--future-deluxe,
.c-glitch--future-deluxe .c-glitch__img {
  background-image: url(assets/images/speakers/future-deluxe/future-deluxe-work.jpg);
}
.c-glitch--future-deluxe .c-glitch__img {
  background-size: cover;
}

.c-glitch--artgerm,
.c-glitch--artgerm .c-glitch__img {
  background-image: url(assets/images/speakers/artgerm/artgerm-work.jpg);
}
.c-glitch--artgerm .c-glitch__img {
  background-size: cover;
}

.c-glitch--vincent-aseo,
.c-glitch--vincent-aseo .c-glitch__img {
  background-image: url(assets/images/speakers/vincent-aseo/vincent-aseo-work.jpg);
}
.c-glitch--vincent-aseo .c-glitch__img {
  background-size: cover;
}

.c-glitch--raxenne-maniquiz,
.c-glitch--raxenne-maniquiz .c-glitch__img {
  background-image: url(assets/images/speakers/raxenne-maniquiz/raxenne-maniquiz-work.jpg);
}
.c-glitch--raxenne-maniquiz .c-glitch__img {
  background-size: cover;
}

.c-glitch--wendell-dalit,
.c-glitch--wendell-dalit .c-glitch__img {
  background-image: url(assets/images/speakers/wendell-dalit/wendell-dalit-work.jpg);
}
.c-glitch--wendell-dalit .c-glitch__img {
  background-size: cover;
}

.c-glitch--jappy-agoncillo,
.c-glitch--jappy-agoncillo .c-glitch__img {
  background-image: url(assets/images/speakers/jappy-agoncillo/jappy-agoncillo-work.jpg);
}
.c-glitch--jappy-agoncillo .c-glitch__img {
  background-size: cover;
}

.c-glitch--method-studios,
.c-glitch--method-studios .c-glitch__img {
  background-image: url(assets/images/speakers/method-studios/method-studios-work.jpg);
}
.c-glitch--method-studios .c-glitch__img {
  background-size: cover;
}

/** ------------------------------------
 * [Glitch Effect] ::end
 * ------------------------------------- */





/** ------------------------------------
 * [Footer] ::start
 * ------------------------------------- */

.site-info {
}

.site-info .site-branding {
}

.site-header__branding {
    padding-right: 0;
}

.site-info .site-branding__logo img {
    margin: 0;
}

.site-info .site-branding .widget_socials__list {
    margin-bottom: 0;
    position: relative;
    top: -4px;
}
.site-info .site-branding .widget_socials__item {
    float: left;
}

.site-info .site-branding__copyright {
    margin: 0 0 0 0;
}

/** ------------------------------------
 * [Footer] ::end
 * ------------------------------------- */