/*----------- social --------------*/
.social {
  top: 250px;
  position: fixed;
  left: 0;
  z-index: 99;
}
.social ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.social li {
  margin-bottom: 1px;
}
.social a {
  background-color: #262626;
  display: block;
  height: 36px;
  margin: 0;
  outline: medium none;
  padding: 4px 0 0;
  transition: all 0.3s ease 0s;
  width: 40px;
  text-align: center;
}
.social .facebook:hover {
  background-color: #3b5998;
}
.social .mail:hover {
  background-color: #e92d00;
}
.social .instagram:hover {
  background-color: #d303fc;
}

.social .twitter:hover {
  background-color: #2daae1;
}
.social .google:hover {
  background-color: #f63e28;
}
.social .linkedin:hover {
  background-color: #0073b2;
}
.social .pinterest:hover {
  background-color: #cb2027;
}
.social .youtube:hover {
  background-color: #ff3132;
}
.social .vimeo:hover {
  background-color: #44b0de;
}
.social .flickr:hover {
  background-color: #ff0084;
}
.social .youtube i {
  font-size: 24px;
}
.social .twitter i {
  font-size: 23px;
}
.social i {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
}

@media screen and (max-width: 490px){
  .social{
    visibility: hidden;
  }
 
}


@media screen and (max-width: 680px) and (orientation: landscape){
  .social{
    visibility: hidden;
  }
 
}