/* Navigation
============================*/
.open-all{
  overflow-y:scroll
}
.open-all body {
  overflow: hidden;
}
.open-all #nav-main {
  top:0;
  /*overflow-y:visible;*/
  padding-top: 100px;
}
#nav-main {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 11111;
  background: #000;
  left: 0;
  padding: 0 60px 50px;
  top:-100%;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.75, -0.5, 0.33, 1.5) 0s;
  -moz-transition: all 0.5s cubic-bezier(0.75, -0.5, 0.33, 1.5) 0s;
  -webkit-transition: all 0.5s cubic-bezier(0.75, -0.5, 0.33, 1.5) 0s;
  -o-transition: all 0.5s cubic-bezier(0.75, -0.5, 0.33, 1.5) 0s;
  -ms-transition: all 0.5s cubic-bezier(0.75, -0.5, 0.33, 1.5) 0s;
}
#nav-main ul {
  position: relative;
  width: 100%
}
#nav-main li a {
  color: #fff;
  font-weight: 700;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  max-width: 300px;
  margin: 3px 0;
}
#nav-main li a paper-item{
  font-size: 50px;
  font-size: 40px;
  padding: 0;
  white-space: inherit;
  height: auto;
  line-height: 1
}
#nav-main li:hover a {
  color: #ccda2b
}
#nav-main li .diffe-img {
  position: absolute;
  right: 0;
  top:0;
  max-width: 580px;
  display: none;
  width: 60%
}
#nav-main li:hover .diffe-img {
  display: block;
}
#nav-main li .diffe-img figure {
  position: relative;
  width: 100%;
}
#nav-main li .diffe-img img {
  max-width: 100%;
}
#nav-main li .diffe-img figcaption {
  position: absolute;
  width: 100%;
  bottom: 10%;
  text-align: center;
  font-family: 'Six Caps';
  font-size: 74px;
  font-weight: normal;
  text-transform: uppercase;
  text-shadow: 2px 2px 3px rgba(2,3,5,.75);
}
/*social*/
.social{
  margin-top: 30px;
  overflow: hidden;
}
.social span{
  float: left;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  color: #bebaba;
  font-family: 'Lato';
  line-height: 37px;
}
#nav-main li .social a{
  float: left;
  margin: 0 10px;
  display: inline-block;
}
@media (max-width: 992px) {
  .social{
    margin-bottom: 30px;
  }
}
@media (max-width: 768px){
  #nav-main li .social a {
    margin: 0 5px;
  }
  #nav-main li .social a img{
    width: 80%;
  }
}
@media (max-width: 640px){
  #nav-main li .social span{
    display: block;
    width: 100%;
  }
  #nav-main li .social a{
    margin: 0 3px;
  }
  #nav-main li .social a:first-child{
    margin-left: 0;
  }
}