html,body {
 width: 100%;
 height: 100%;


}



body{
padding-top:70px; 
background: #000;
/*background-image: url("../2.jpg");*/
background-size: cover; /* fallback for old browsers
    
background: -webkit-linear-gradient(to left, #0B486B , #F56217); /* Chrome 10-25, Safari 5.1-6 
background: linear-gradient(to left, #0B486B , #FFFFFF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        
}
.about-us{
  position: relative;
  top: 40px;
  text-align: center;
  font-size: 18px;
  font-family: 'Lato',sans-serif;
  color: #fff;
}
/* brandico */
[class*="brandico-"]:before {
  font-family: 'brandico', sans-serif;
}

/*Demo 1*/
#demo1{
    position: absolute;
    bottom:20%;
    left:5%;
}
ul#demo1 li a {
  transition: transform 0.5s linear;

}

ul#demo1 li img{
  transition: transform 0.5s ease-in-out;
}

ul#demo1 li img:hover{
  transform: scale(1.1);
} 

ul.social-buttons {
  text-align: center;
  margin-top: 50px;
}

ul.social-buttons li {
  display: inline-block;
  margin: 0 10px;  
}

ul.social-buttons li a {
  background-size: 230px,230px;
  width: 230px;
  height: 230px;
  box-shadow: 10px -10px rgba(0,0,0,0.6); -moz-box-shadow: 10px -10px rgba(0,0,0,0.6); -webkit-box-shadow: 10px -10px rgba(0,0,0,0.6); -o-box-shadow: 10px -10px rgba(0,0,0,0.6);
  display: block;
  border-radius: 50%;
  border:2px solid;
  text-decoration: none;
  font-size: 30px;
  line-height: 60px;
  color: white;
   transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;

}

ul.social-buttons li a.brandico-twitter-bird {
  background-image: url('../img/zones/z1.jpg');
  background-position: -5px;
  max-width:100%;
  max-height:100%; 
}

ul.social-buttons li a.brandico-facebook {
 background-image: url('../img/zones/z2.png');
 background-position: -5px; 
}

ul.social-buttons li a.brandico-instagram {
  background-image: url('../img/zones/z3.jpg');
  background-position: -10px;
  max-width:100%;
  max-height:100%; 
}

ul.social-buttons li a.brandico-vimeo {
  background-image: url('../img/zones/z4.jpg');
  background-position: -5px;
  max-width:100%;
  max-height:100%; 
}

ul.social-buttons li a.brandico-linkedin {
  background-image: url('../img/zones/z5.jpg');
  background-position: -5px;
  max-width:100%;
  max-height:100%; 
}
ul.social-buttons li a.brandico-link {
  background-image: url('../img/zones/z6.jpg');
  background-position: -5px;
  max-width:100%;
  max-height:100%; 

}

ul.social-buttons li a:hover{
  background-size: 250px,250px;
  background-position: -10px;
}

.navbar-default{
  background: rgba(0,0,0,0.5);
  border: 0;
}
.navbar-brand>img {
    display: inline-block!important;
    width: 100px;
    height: auto;
    margin: 0 auto;
}

.navbar-default .navbar-nav>li>a {
  color: #fff;
  font-size: 18px;
  margin: 5px;
}
.navbar-default .navbar-nav>li>a:hover{
  color: #fff;
  cursor: pointer;
}



.main-title {
  margin: 0;
  padding: 0;
  color: #f9f1e9;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.demo-1 .main-title {
  text-transform: uppercase;
  font-size: 4.2em;
  letter-spacing: 0.1em;
}
.main-title .thin {
  font-weight: 200;
}
.modal-content{
  padding-bottom: 70px;
  margin-bottom: -1000px;
  height: auto;
  overflow-y: hidden;
  position: relative;
  border: none;
  box-shadow: none;
  background:rgba(0,0,0,0.6);
}

.rythm{
  top: 5%;
}

.events{
  border-color: rgba(0,0,0,0);  
}

.modal-content h3{
  color: #fff;
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
}


  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
      
  }

@media (min-width:1281px) { 
  .nopadding {
   padding: 0 !important;
   margin: 0 !important;
  }


}


@media only screen and (max-width: 768px) {

      .demo-1 .main-title {
        font-size: 3em;
      }
      #demo1{
        position: absolute;
        bottom:20%;
        left:20%;
      }

      ul.social-buttons {
        overflow-y: auto;
        position: absolute;
        top:50px;
        height: 90%;
        margin: 0 auto;
        
      }

      ul.social-buttons li {
        display: block;
        margin-left: 20px;
        clear: both;
        text-align: center;
      }

      ul.social-buttons li a {
        width: 120px;
        height: 120px;
        display: inline-block;
        border-radius: 50%;
        border:2px solid;
        text-decoration: none;
        box-shadow: 5px -5px rgba(0,0,0,0.6); -moz-box-shadow: 5px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 5px -5px rgba(0,0,0,0.6); -o-box-shadow: 5px -5px rgba(0,0,0,0.6);
        font-size: 30px;
        line-height: 60px;
        color: white;
      }

      ul#demo1 li:hover a {
       transform: translateY(0px);
       border: 2px dotted;
    }

    .modal-content{
      height: 200px;
      position: relative;
      top:-0%;
      border: none;
      background: #000;
      box-shadow: none;
    }

    .modal-content h3{
      color: #fff;
      font-family: 'Lato', sans-serif;
    }

    .events{
      border: none;
    }

    .event-poster{
      display: block;
      transform: scale(1.1);
    }

    .rythm{
      top:0px;
    }

  .navbar-default .navbar-collapse, .navbar-default .navbar-form{
    background: rgba(0,0,0,0.8);
  }
  .navbar-default .navbar-nav>li>a {
  color: #fff;
  font-size: 12px;
  text-align: center;
  margin: 5px;
  }
  .navbar-brand>img {
    display: inline-block!important;
    width: 100px;
    height: auto;
  }
  ul.social-buttons li a.brandico-twitter-bird {
  background-image: url('../img/zones/z1_mob.jpg');
  background-position:center,center; 
}

ul.social-buttons li a.brandico-facebook {
 background-image: url('../img/zones/z2_mob.png');
  background-position:center,center;
}

ul.social-buttons li a.brandico-instagram {
  background-image: url('../img/zones/z3_mob.jpg');
  background-position:center center;
}

ul.social-buttons li a.brandico-vimeo {
  background-image: url('../img/zones/z4_mob.jpg');
   background-position:center center;
}

ul.social-buttons li a.brandico-linkedin {
  background-image: url('../img/zones/z5_mob.jpg');
 background-position:center center; 
}
ul.social-buttons li a.brandico-link {
  background-image: url('../img/zones/z6_mob.jpg');
 background-position:center center; 
}



}