body {
    background:#000;
        -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

#logo {
    padding:7px
;
    padding-top: 9px;
    padding-bottom: 6px;
    display:block;
    background:#000;
    width:126px;
    position:absolute;
    top:30px;
    left:50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family:Helvetica,Arial,"Lucida Grande",sans-serif
}

#logo a {
    text-decoration:none;
    color:#fff;
    display:block
}

#logo a:hover {
    color:#fff;
    background:#000
}

#logo:hover {
    font-color:#fff
}

#menu_mob {
    display:none
}

header {
    width:100%;
    height:30px;
    position:fixed;
/*background: #000;*/
    left:0;
    top:0;
    font-family:Helvetica,Arial,"Lucida Grande",sans-serif;
    color:#fff;
    z-index:999
}

header h1 {
    position:relative;
    font-size:14px;
    font-weight:100;
    text-spacing:12px;
    text-transform:uppercase;
    text-align:center
}

footer{
    position: fixed;
    bottom: 30px;
    left: 30px;
    font-size: 12px;
    color: #fff;
    font-family: Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 100;
    line-height: 17px;
    letter-spacing: 1px;
}


footer a {
  color:white;

  }

#wrapper {
  cursor:move;
/*margin-top: 60px;*/
    background:#000;
    width:4000px;
    height:100%;
    display:block;
    clear:both
}

#wrapper_wig {
/*margin-top: 60px;*/
    background:#000;
    width:100%;
    height:100%;
    display:block;
    clear:both
}

#wrapper article {
    opacity:0
}

#wrapper_wig article {
    width:960px;
    margin:auto
}

.item {
    float:left;
    width:11%;
    margin:0;
    margin-bottom:-3px;
    padding:0;
    display:block;
    overflow:hidden
/*background: #000;*/
}

.dbls {
    width:22%
}

.item img {
    width:100%
/*max-height:100%;*/
}

nav#menu {
    position:fixed;
    top:30px;
    left:15px;
    font-size:12px;
    color:#fff;
/* background: #000; */
    padding:8px;
    padding-top:0;
/* width: 155px; */
    font-family:Helvetica,Arial,"Lucida Grande",sans-serif
}

nav#menu a {
    margin-bottom:15px;
    text-decoration:none;
    color:#fff;
    font-weight:100;
/* background: #000; */
    padding: 5px 4px 3px 4px;
/* padding-left: 7px; */
    text-transform:uppercase;
    display:block
}

nav#menu a:hover {
    color:#000;
    background:#fff
}

/**VANESSA = MOBILE **/
#wrapper_vanessa {
    width:1240px;
/*height: 1000px;*/
    overflow:auto;
    white-space:nowrap;
    margin:auto
}

#wrapper_vanessa .item {
    width:100%;
    margin:auto;
    display:inline-block;
    float:left;
    margin-top:84px
}
#wrapper_vanessa .item img{

  width: 80%;
  display: block;
  margin: auto;
}
#wrapper_vanessa .single img{

  width: 60%;
  display: block;
  margin: auto;
}

#wrapper_vanessa .item:first-child {
    margin-top:200px
}

#wrapper_vanessa .item:last-child {
    margin-bottom:84px
}

#wrapper_vanessa .item img {
    margin:auto;
}

#vanessa #logo {
    background: #fff;
    padding:0
}

#vanessa #logo a {
    text-decoration:none;
    color:#000;
    display:block;
    padding:7px
;
    padding-top: 9px;
    padding-bottom: 6px;
}

#vanessa #logo a:hover {
    color:#fff;
    background:#000;
}

#vanessa #logo:hover {
    font-color:#000
}

#vanessa #menu a {
    color:#000
}

/*PRELOADER*/


    #preloader  {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #000;
     z-index: 99;
    height: 100%;
 }

#status  {
     width: 200px;
     height: 200px;
     position: absolute;
     left: 50%;
     top: 50%;
     background-image: url(ajax-loader.gif);
     background-repeat: no-repeat;
     background-position: center;
     margin: -100px 0 0 -100px;
 }

 #load_msg{
  position: fixed;
   left: 50%;
     top: 50%;
  color: #a8a8a8;
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 100;
  z-index: 100;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  -webkit-transform: translatex(-50%) translatey(35px);
  -ms-transform: translatex(-50%) translatey(35px);
  -o-transform: translatex(-50%) translatey(35px);
  transform: translatex(-50%) translatey(35px);
 }

#contact{
/*  width: 33.3333%;
  height:33.3333%;*/
  padding: 12px;
  background-color: #000;
  position: fixed;
  top:180px;
  left: 15px;
}
#contact h1{
  color: #fff;
  font-size: 12px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
 /*
  CSS perpetual motion machine!
  An experiment by @mieky.

  - drop the item at top right
  - flip the whole thing 90 degrees counter-clockwise
  - repeat

  Feel free to use in any way you see fit.
  (https://gist.github.com/mieky/3c9b6c9215750371c41f)
*/



.anim {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
  
  animation: rotate 4s steps(4) infinite;
  -webkit-animation: rotate 4s steps(4) infinite;
}

.box {
  position: absolute;
  background-color: #a8a8a8;
  width: 10px;
  height: 10px;
  color: white;
  
  animation-duration: 1s;  
  animation-timing-function: cubic-bezier;
  animation-iteration-count: infinite;

  -webkit-animation-duration: 1s;  
  -webkit-animation-timing-function: cubic-bezier;
  -webkit-animation-iteration-count: infinite; 
}

.box1 {  
  top: 0;
  left: 0;
}

.box2 {
  top: 0;
  left: 50%;
  animation-name: drop;
  -webkit-animation-name: drop;
  -moz-animation-name: drop;
}

.box3 {
  top: 50%;
  left: 0;
}

@keyframes drop {
  0%   { top: 0%;  left: 0%; }
  50%  { top: 50%; left: 50%; }
  100% { top: 50%; left: 50%; }
}

@-webkit-keyframes drop {
  0%   { top: 0%;  left: 50%; }
  50%  { top: 50%; left: 50%; }
  100% { top: 50%; left: 50%; }
}

@keyframes rotate {
  from { transform: rotate(0deg);    }
  to   { transform: rotate(-360deg); }
}

@-webkit-keyframes rotate {
  from { -webkit-transform: rotate(0deg);    }
  to   { -webkit-transform: rotate(-360deg); }
}