/*@font-face {
    font-family: 'GothamLight';
    src: url('../fonts/gotham-light.eot');
    src: url('../fonts/gotham-light.eot') format('embedded-opentype'),
         url('../fonts/gotham-light.woff') format('woff'),
         url('../fonts/gotham-light.ttf') format('truetype'),
         url('../fonts/gotham-light.svg#GothamLightRegular') format('svg');
        
}*/
/*@font-face {
   font-family: 'RobotoLight';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UKF_Font';
    src: url('../fonts/gotham-medium.eot');
    src: url('../fonts/gotham-medium.eot') format('embedded-opentype'),
         url('../fonts/gotham-medium.woff') format('woff'),
         url('../fonts/gotham-medium.ttf') format('truetype'),
         url('../fonts/gotham-medium.svg#GothamMediumRegular') format('svg');
}
*/

@font-face { 
  font-family: "LeagueGothic-Bold"; 
  src: url("../fonts/662445069-LeagueGothic-Bold.eot"); 
  src: url("../fonts/662445069-LeagueGothic-Bold.eot?#iefix") format("embedded-opentype"), 
       url("../fonts/662445069-LeagueGothic-Bold.svg#TradeGothic-Bold") format("svg"), 
       url("../fonts/662445069-LeagueGothic-Bold.woff") format("woff"), 
       url("../fonts/662445069-LeagueGothic-Bold.ttf") format("truetype"); 
  font-weight: normal; 
  font-style: normal; 
}
@font-face {
  font-family: "icons";
  src:url("../fonts/icons-font-1.eot");
  src:url("../fonts/icons-font-1.eot?#iefix") format("embedded-opentype"),
    url("../fonts/icons-font-1.woff") format("woff"),
    url("../fonts/icons-font-1.ttf") format("truetype"),
    url("../fonts/icons-font-1.svg#icons-font-1") format("svg");
  font-weight: normal;
  font-style: normal;

}
strong{
  font-weight: bold;
}
[data-icon]:before {
  font-family: "icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-eye:before { position: relative; top: 2px; }
.icon-list:before { content: "b"; }
.icon-heart:before { content: "y"; }
.icon-at-sign:before { content: "c"; }
.icon-calendar:before { content: "e"; }
.icon-eye:before { content: "f"; }
.icon-share:before { content: "g"; }
.icon-right:before { content: "p"; }
.icon-left:before { content: "o"; }
.icon-lupa:before { content: "h"; }
.icon-x-circle:before { content: "i"; }
.icon-x:before { content: "j"; }
.icon-link1:before { content: "k"; }
.icon-play:before { content: "l"; }
.icon-go_back:before { content: "m"; }
.icon-place:before { content: "a"; }
.icon-house:before { content: "x"; }
.icon-clock:before { content: "z"; }
.icon-person:before { content: "w"; }
.icon-id:before { content: "v"; }
.icon-id_opt:before { content: "u"; }
.icon-music:before { content: "s"; }
.icon-music_opt:before { content: "t"; }
.icon-label:before { content: "r"; }
.icon-label_opt:before { content: "r"; }
.icon-ticket:before { content: "q"; }
.icon-tag:before { content: "n"; }
.icon-soundcloud:before { content: "A"; }
.icon-twitter:before { content: "B"; }
.icon-google:before { content: "C"; }
.icon-youtube-play:before { content: "D"; }
.icon-youtube:before { content: "E"; }
.icon-facebook:before { content: "F"; }
.icon-facebook-square:before { content: "G"; }
.icon-mixcloud:before { content: "H"; }

.explore .icon-label:before,
.explore .icon-music_opt:before,
.explore .icon-person:before{
  font-size: 22px;
  margin-right: 10px;
  margin-left: 5px;
}
.explore .icon-label span,
.explore .icon-music_opt span,
.explore .icon-person span{
  margin-left: 5px;
}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body {
    font-family: 'UKF_Font', Calibri, Arial, sans-serif;
    color: #fff;
    background-color: #202020;
}

/*! ResponsiveSlides.com v1.54 */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.rslides img.artist {
  display: block;
  height: auto;
  float: left;
  width: 289px;
  border: 0;
  }
.rslides img.events {
  opacity: 0;
  z-index: -1;
  height: 289px;
  }

.callbacks .caption_events{
    display: block;
    position: absolute;
    right: 0;
    left:0;
    top: 20px;
    font-size: 20px;
    text-shadow: none;
    color: #fff;
    background: rgba(255,255,255, 0.1);
    padding: 15px 25px 15px;
    height: 289px;
    margin: 0;
    max-width: none;
    text-align: left;
 }
.callbacks .caption_events img{
   height: 100%;
   margin: 0;
   width: auto;
   margin-right: 20px;
 }
.callbacks .caption_events .title{
      font-size: 18px;
      color: #03cfeb;
      margin-bottom: 2px;
    }
.callbacks .caption_events .text{
      font-size: 13px;
      line-height: 130%;
      font-family: 'RobotoLight';
}
.callbacks .caption_events .text a{
        color: #03cfeb;
        font-size: 12px;
}
/*! END - ResponsiveSlides.com v1.54 */
a {
  color: #f0f0f0;
  text-decoration: none;
}

a:hover {
  color: #03cfeb;
}

.container .main{
  position: relative;
}

.main section > div.width,
.content section > div {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 30px 0;
}
body{
  background: url(../img/bg_smoke_new.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body{
  background: #e5e5e5;
}

.main section > div{
  text-align: center;
}
.main section > div.width{
  padding-bottom: 20px;
}

.bp-icon-next:after {
  content: "\e000";
}
.bp-icon-drop:after {
  content: "\e001";
}
.bp-icon-archive:after {
  content: "\e002";
}
.bp-icon-about:after {
  content: "\e003";
}
.bp-icon-prev:after {
  content: "\e004";
}


.main section:first-child > div {
  padding-top: 0em;
}

.main section p {
  margin: 0;
  padding: 1em 0;
  font-size: 1.8em;
  line-height: 1.5;
}



/**
 * Grid container
 */


