@keyframes zoomIn {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  50% {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1); } }

.zoomIn {

  -webkit-animation-name: zoomIn;

  animation-name: zoomIn;

  -webkit-animation-duration: 0.5s;

  /* Safari 4.0 - 8.0 */

  animation-duration: 0.5s; }


#languages-block-top li {
    float: left;
    width: auto;
    margin: 0 5px;
    opacity: .5;
}
#languages-block-top li.selected {
    opacity: 1;
}
#languages-block-top {

  float: right;

  /*border-right: 1px solid #515151;*/

  margin: 9px 0px;

  position: relative; }

  @media (max-width: 479px) {

    #languages-block-top {

      width: 25%; } }

  #languages-block-top span.firstWord {

    display: none; }

  #languages-block-top div.current {

    padding: 0px 20px;

    line-height: 19px;

    color: #fff;

    font-size: 12px;

    cursor: pointer; }

    @media (max-width: 479px) {

      #languages-block-top div.current {

        text-align: center;

        font-size: 11px; } }

    #languages-block-top div.current strong {

      color: #777777; }

    #languages-block-top div.current:after {

      content: "\f0d7";

      font-family: "FontAwesome";

      font-size: 18px;

      line-height: 18px;

      color: #ffffff;

      vertical-align: -2px;

      padding-left: 12px; }

      @media (max-width: 479px) {

        #languages-block-top div.current:after {

          padding-left: 2px;

          font-size: 13px;

          line-height: 13px;

          vertical-align: 0; } }

    @media (max-width: 479px) {

      #languages-block-top div.current .cur-label {

        display: none; } }

  #languages-block-top ul {

    display: none;

    position: absolute;

    top: 29px;

    left: 0;

    width: 157px;

    background: #333333;

    z-index: 2; }

    #languages-block-top ul li {

      color: #fff;

      line-height: 35px;

      font-size: 13px; }

      #languages-block-top ul li a,

      #languages-block-top ul li > span {

        padding: 0 10px 0 12px;

        display: block;

        color: #fff; }

      #languages-block-top ul li.selected, #languages-block-top ul li:hover a {

        background: #484848; }

@media (max-width:479px) {
  #languages-block-top {
    float: left;
    display: flex;
    margin-left: 20px;
  }
}
@media (max-width:767px) {
#languages-block-top {
  margin: 10px 0px;
  float: left;
}

}

/*# sourceMappingURL=blocklanguages.css.map */