@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-x"], [class*=" twt-x"] {
  /* 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";
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?n7szu7');
    src: url('../fonts/icomoon.eot?n7szu7#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?n7szu7') format('truetype'), url('../fonts/icomoon.woff?n7szu7') format('woff'), url('../fonts/icomoon.svg?n7szu7#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !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;
}

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

.icon-soundcloud:before {
    content: "\eac3";
}

body {
    background-color: #000000;
    font-family: pragmatica-extended, sans-serif;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    margin: 0;
    padding:0;
    color: #fff;
    font-size:0;
    overflow-x: hidden;
}

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

ul{
    margin:0;
    padding:0;
    list-style-type: none;
}
#slider-drag-left, 
#slider-drag-right{
    width:12px;
    position: absolute;
    transform:translate3d(-50%,-50%,0);
    transition:transform 0.2s cubic-bezier(.02,1.23,.79,1.08);
    z-index: 9999;
}
a:hover, .owl-nav button:hover{
    opacity:0.5;
}
@media only screen and (max-width: 1024px) and (orientation: portrait), 
only screen and (max-width: 1023px) and (orientation: landscape) {
    #slider-drag-left, #slider-drag-right{
        display: none;;
    }
}