/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 30, 2019 */



@font-face {
  font-family: 'emulogicregular';
  src: url('../fonts/emulogic-webfont.eot');
  src: url('../fonts/emulogic-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/emulogic-webfont.woff') format('woff'),
       url('../fonts/emulogic-webfont.ttf') format('truetype'),
       url('../fonts/emulogic-webfont.svg#emulogicregular') format('svg');
  font-weight: normal;
  font-style: normal;

}

    @font-face {
        font-family: 'icomoon';
        src:  url('../fonts/icomoon.eot?usswdu6');
        src:  url('../fonts/icomoon.eot?usswdu6#iefix') format('embedded-opentype'),
          url('../fonts/icomoon.ttf?ussdwu6') format('truetype'),
          url('../fonts/icomoon.woff?usdswu6') format('woff'),
          url('../fonts/icomoon.svg?ussdwu6#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
      }
      
      [class^="icon-"], [class*=" icon-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
      
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }
      
      .icon-tidal:before {
        content: "\e902";
      }
      .icon-deezer:before {
        content: "\e900";

      }
      .icon-soundcloud:before {
        content: "\e901";
      }
      .icon-facebook:before {
        content: "\ea90";
      }
      .icon-instagram:before {
        content: "\ea92";
      }
      .icon-spotify:before {
        content: "\ea94";
      }
      .icon-twitter:before {
        content: "\ea96";
      }
      .icon-youtube:before {
        content: "\ea9d";
      }
      .icon-appleinc:before {
        content: "\eabe";
      }

      @font-face {
        font-family: 'twt-x';
        src:  url('../fonts/twt-x.eot?jjyo3s');
        src:  url('../fonts/twt-x.eot?jjyo3s#iefix') format('embedded-opentype'),
          url('../fonts/twt-x.ttf?jjyo3s') format('truetype'),
          url('../fonts/twt-x.woff?jjyo3s') format('woff'),
          url('../fonts/twt-x.svg?jjyo3s#twt-x') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
        }
        
        [class^="twt-"], [class*=" twt-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'twt-x' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        }
        
        .twt-x:before {
        content: "\e901";
        } 
fieldset .mlist-field span.input-error {
    position: absolute;
}
img {
    max-width: 100%;
    height: auto;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "emulogicregular";
  min-height: 100vh;
  /* overflow-y: hidden; */
  color: #30ff00;
  font-size:0;
  position: relative;
  background: url(../images/Desktop_BG.jpg) repeat center center;
  background-size:100% auto;
  overflow-x:hidden;
  -webkit-text-size-adjust: none;
}
a {
    text-decoration: none;
   
}

.playIcon:hover,div.mfp-close-btn-in .mfp-close:hover, body a:hover,#wsk-widget .event_links a:hover, a.terms:hover, input.submit:hover, .copyRight a:hover {
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  display: inline-block;
}
.touch-device .playIcon:hover, .touch-device div.mfp-close-btn-in .mfp-close:hover, .touch-device body a:hover, .touch-device #wsk-widget .event_links a:hover, .touch-device a.terms:hover, .touch-device input.submit:hover, .touch-device .copyRight a:hover {
  transform: none;
}
ul, li {
    padding: 0;
    margin: 0;
    list-style: none;
}

 div#pp-footer {

    line-height: 1.2;

}
.mobile{
    display:none;
}

.splash-inner{
  position: relative;
}
div#music-section .mfp-close:after {
  content: "MUSIC";
}
div#video-section .mfp-close:after {
  content: "VIDEOS";
}
div#connect-section .mfp-close:after {
  content: "CONNECT";
}
div#tour-section .mfp-close:after {
  content: "TOUR";
}
/*Magnific popup overwrite Css*/
div.mfp-close-btn-in .mfp-close {
  color: red;
  font-size: 12px;
  font-family: "emulogicregular";
  /* letter-spacing: 1px; */
  text-transform: uppercase;
  width: auto;
    height: auto;
    line-height: 1;
    top: 16px;
    left: 15px;
    right:auto;

    opacity: 1;
    position: fixed;
}
div.mfp-close-btn-in #video-section .mfp-close {
  position: fixed;
  left: auto;
  right: 25px;
}
div.mfp-close-btn-in #connect-section .mfp-close {
  top: auto;
  bottom: 15px;
  right: 15px;
  left:auto;
}
div.mfp-close-btn-in #tour-section .mfp-close {
  top:auto;
  bottom:16px;
}
.mfp-content {
  min-height:100vh;
}
.mfp-bg{
  min-height:100% !important;
}
@media only screen and (max-width:1024px){
  div.mfp-wrap{
    position:fixed !important;
    overflow: scroll !important;
    height: 100% !important;
    }
}
@media only screen and (max-width:767px){
  div.mfp-wrap{
    position:fixed !important;
    overflow: hidden auto !important;
    height: 100% !important;
    }
  div.mfp-close-btn-in #connect-section .mfp-close {
    top: 0px;
    bottom: auto;
    right: 0px;
    left: auto;
    font-size: 9px;
}
div.mfp-close-btn-in .mfp-close{
    font-size: 9px;
    width: 100%;
    top: 0;
    height: 40px;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    text-align: center;
}
div.mfp-close-btn-in #video-section .mfp-close{
  right: auto;
    transform: translateX(-50%);
    left: 50%;
}
div.mfp-close-btn-in #tour-section .mfp-close {
  right: auto;
  transform: translateX(-50%);
  left: 50%;
  bottom: auto;
  top: 0;
}
}
@media only screen and (max-width:480px){
    .mobile{
        display:block;
    }
    .desktop{
        display:none;
    }
}