.icon-link {
  width: 60px;
  height: 60px;
  background-color: #666;
  line-height: 60px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  outline: none;
  margin: 5px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }
  .icon-link.fill.facebook {
    background-color: #3b5998; }
    .icon-link.fill.facebook:hover {
      background-color: #fff; }
      .icon-link.fill.facebook:hover .fa-facebook {
        color: #3b5998;
        -webkit-transition: color 150ms ease-in-out;
        -moz-transition: color 150ms ease-in-out;
        transition: color 150ms ease-in-out; }
  .icon-link.fill.tumblr {
    background-color: #32506d; }
    .icon-link.fill.tumblr:hover {
      background-color: #fff; }
      .icon-link.fill.tumblr:hover .fa-tumblr {
        color: #32506d;
        -webkit-transition: color 150ms ease-in-out;
        -moz-transition: color 150ms ease-in-out;
        transition: color 150ms ease-in-out; }
  .icon-link.fill.linkedin {
    background-color: #007bb6; }
    .icon-link.fill.linkedin:hover {
      background-color: #fff; }
      .icon-link.fill.linkedin:hover .fa-linkedin {
        color: #007bb6;
        -webkit-transition: color 150ms ease-in-out;
        -moz-transition: color 150ms ease-in-out;
        transition: color 150ms ease-in-out; }
  .icon-link.fill.twitter {
    background-color: #00aced; }
    .icon-link.fill.twitter:hover {
      background-color: #fff; }
      .icon-link.fill.twitter:hover .fa-twitter {
        color: #00aced;
        -webkit-transition: color 150ms ease-in-out;
        -moz-transition: color 150ms ease-in-out;
        transition: color 150ms ease-in-out; }
  .icon-link.fill.google-plus {
    background-color: #dd4b39; }
    .icon-link.fill.google-plus:hover {
      background-color: #fff; }
      .icon-link.fill.google-plus:hover .fa-google-plus {
        color: #dd4b39;
        -webkit-transition: color 150ms ease-in-out;
        -moz-transition: color 150ms ease-in-out;
        transition: color 150ms ease-in-out; }
  .icon-link.fill.reddit {
    background-color: #8bbbe3; }
    .icon-link.fill.reddit:hover {
      background-color: #fff; }
      .icon-link.fill.reddit:hover .fa-reddit {
        color: #8bbbe3;
        -webkit-transition: color 150ms ease-in-out;
        -moz-transition: color 150ms ease-in-out;
        transition: color 150ms ease-in-out; }
  .icon-link.fill.youtube {
    background-color: #df1c31; }
    .icon-link.fill.youtube:hover {
      background-color: #fff; }
      .icon-link.fill.youtube:hover .fa-youtube {
        color: #df1c31;
        -webkit-transition: color 150ms ease-in-out;
        -moz-transition: color 150ms ease-in-out;
        transition: color 150ms ease-in-out; }
  .icon-link.fill.pinterest {
    background-color: #b81621; }
    .icon-link.fill.pinterest:hover {
      background-color: #fff; }
      .icon-link.fill.pinterest:hover .fa-pinterest {
        color: #b81621;
        -webkit-transition: color 150ms ease-in-out;
        -moz-transition: color 150ms ease-in-out;
        transition: color 150ms ease-in-out; }
  .icon-link.fill.rss {
    background-color: #f93204; }
    .icon-link.fill.rss:hover {
      background-color: #fff; }
      .icon-link.fill.rss:hover .fa-rss {
        color: #f93204;
        -webkit-transition: color 150ms ease-in-out;
        -moz-transition: color 150ms ease-in-out;
        transition: color 150ms ease-in-out; }
  .icon-link.fill.envelope {
    background-color: #333; }
    .icon-link.fill.envelope:hover {
      background-color: #fff; }
      .icon-link.fill.envelope:hover .fa-envelope {
        color: #333;
        -webkit-transition: color 150ms ease-in-out;
        -moz-transition: color 150ms ease-in-out;
        transition: color 150ms ease-in-out; }
  .icon-link.fill.soundcloud {
    background-color: #f50; }
    .icon-link.fill.soundcloud:hover {
      background-color: #fff; }
      .icon-link.fill.soundcloud:hover .fa-soundcloud {
        color: #f50;
        -webkit-transition: color 150ms ease-in-out;
        -moz-transition: color 150ms ease-in-out;
        transition: color 150ms ease-in-out; }
  .icon-link.brand {
    background-color: #fff; }
    .icon-link.brand .fa {
      color: #006FC2; }
  .icon-link.round {
    border-radius: 50%; }
  .icon-link.round-corner {
    border-radius: 5px; }
  .icon-link:hover {
    -webkit-transition: background-color 150ms ease-in-out;
    -moz-transition: background-color 150ms ease-in-out;
    transition: background-color 150ms ease-in-out;
    height: 56px;
    line-height: 56px;
    width: 56px;
    background-color: #fff; }
    .icon-link:hover.facebook {
      border: 2px solid #3b5998; }
    .icon-link:hover.tumblr {
      border: 2px solid #32506d; }
    .icon-link:hover.linkedin {
      border: 2px solid #007bb6; }
    .icon-link:hover.twitter {
      border: 2px solid #00aced; }
    .icon-link:hover.google-plus {
      border: 2px solid #dd4b39; }
    .icon-link:hover.reddit {
      border: 2px solid #8bbbe3; }
    .icon-link:hover.youtube {
      border: 2px solid #df1c31; }
    .icon-link:hover.pinterest {
      border: 2px solid #b81621; }
    .icon-link:hover.rss {
      border: 2px solid #f93204; }
    .icon-link:hover.envelope {
      border: 2px solid #333; }
    .icon-link:hover.soundcloud {
      border: 2px solid #f50; }
    .icon-link:hover .fa {
      line-height: 56px; }
    .icon-link:hover .fa-facebook {
      color: #3b5998;
      -webkit-transition: color 150ms ease-in-out;
      -moz-transition: color 150ms ease-in-out;
      transition: color 150ms ease-in-out; }
    .icon-link:hover .fa-tumblr {
      color: #32506d;
      -webkit-transition: color 150ms ease-in-out;
      -moz-transition: color 150ms ease-in-out;
      transition: color 150ms ease-in-out; }
    .icon-link:hover .fa-linkedin {
      color: #007bb6;
      -webkit-transition: color 150ms ease-in-out;
      -moz-transition: color 150ms ease-in-out;
      transition: color 150ms ease-in-out; }
    .icon-link:hover .fa-twitter {
      color: #00aced;
      -webkit-transition: color 150ms ease-in-out;
      -moz-transition: color 150ms ease-in-out;
      transition: color 150ms ease-in-out; }
    .icon-link:hover .fa-google-plus {
      color: #dd4b39;
      -webkit-transition: color 150ms ease-in-out;
      -moz-transition: color 150ms ease-in-out;
      transition: color 150ms ease-in-out; }
    .icon-link:hover .fa-reddit {
      color: #8bbbe3;
      -webkit-transition: color 150ms ease-in-out;
      -moz-transition: color 150ms ease-in-out;
      transition: color 150ms ease-in-out; }
    .icon-link:hover .fa-youtube {
      color: #df1c31;
      -webkit-transition: color 150ms ease-in-out;
      -moz-transition: color 150ms ease-in-out;
      transition: color 150ms ease-in-out; }
    .icon-link:hover .fa-pinterest {
      color: #b81621;
      -webkit-transition: color 150ms ease-in-out;
      -moz-transition: color 150ms ease-in-out;
      transition: color 150ms ease-in-out; }
    .icon-link:hover .fa-rss {
      color: #f93204;
      -webkit-transition: color 150ms ease-in-out;
      -moz-transition: color 150ms ease-in-out;
      transition: color 150ms ease-in-out; }
    .icon-link:hover .fa-envelope {
      color: #333;
      -webkit-transition: color 150ms ease-in-out;
      -moz-transition: color 150ms ease-in-out;
      transition: color 150ms ease-in-out; }
    .icon-link:hover .fa-soundcloud {
      color: #f50;
      -webkit-transition: color 150ms ease-in-out;
      -moz-transition: color 150ms ease-in-out;
      transition: color 150ms ease-in-out; }
  .icon-link .fa {
    color: #fff;
    line-height: 60px;
    font-size: 36px; }

.brand-icons {
  background-color: #ddd;
  padding: 10px 0; }

@keyframes float {
  0% {
    box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px); }
  50% {
    box-shadow: 0 10px 5px 0px rgba(0, 0, 0, 0.2);
    transform: translatey(-15px); }
  100% {
    box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px); } }
.langy .container {
  width: 100%;
  height: 100%;
  display: flex;
  align-content: right;
  align-items: right; }
.langy .avatar {
  width: 100px;
  height: 22px;
  box-sizing: border-box;
  border: 1px white solid;
  overflow: hidden;
  box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.6);
  transform: translatey(0px);
  animation: float 6s ease-in-out infinite; }
  .langy .avatar img {
    width: 100%;
    height: auto; }