#languages-block-top {
  position: relative; }
  @media (max-width: 767px) {
    #languages-block-top {
      font-size: 18px;
      line-height: 1.3;
      letter-spacing: 0.02em;
      margin-top: 33px; } }
  @media (min-width: 768px) {
    #languages-block-top {
      float: right;
      margin-left: 30px; } }
  @media (min-width: 992px) {
    #languages-block-top {
      margin-left: 42px; } }
  #languages-block-top span.firstWord {
    display: none; }
  #languages-block-top .lang-label {
    display: inline-block; }
  #languages-block-top div.current {
    display: inline-block;
    color: #263238;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease; }
    #languages-block-top div.current strong {
      font-weight: 400;
      margin-left: 3px;
      -moz-transition: 0.3s all ease;
      -o-transition: 0.3s all ease;
      -webkit-transition: 0.3s all ease;
      transition: 0.3s all ease; }
    #languages-block-top div.current:hover {
      cursor: pointer; }
    #languages-block-top div.current:hover, #languages-block-top div.current:hover:after, #languages-block-top div.current.active, #languages-block-top div.current.active:after {
      color: #00bcd4; }
    #languages-block-top div.current:after {
      content: "\f107";
      font-family: "FontAwesome";
      font-size: 14px;
      line-height: 20px;
      padding-left: 4px;
      font-weight: normal;
      color: #263238;
      -moz-transition: 0.3s all ease;
      -o-transition: 0.3s all ease;
      -webkit-transition: 0.3s all ease;
      transition: 0.3s all ease; }
    #languages-block-top div.current.active:after {
      content: "\f106"; }
  #languages-block-top ul {
    display: none;
    width: 185px;
    padding: 15px 25px;
    position: absolute;
    right: 0;
    top: 115%;
    z-index: 2;
    overflow: hidden;
    background: white;
    border-radius: 3px;
    -moz-box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.06); }
    #languages-block-top ul li {
      padding: 5px; }
      #languages-block-top ul li + li {
        margin-top: 2px; }
    #languages-block-top ul li.selected, #languages-block-top ul li.selected a, #languages-block-top ul li a:hover, #languages-block-top ul li a:focus {
      color: #00bcd4; }
    @media (max-width: 767px) {
      #languages-block-top ul {
        position: static;
        width: auto;
        box-shadow: none;
        padding: 10px 20px 10px 7px; }
        #languages-block-top ul li {
          font-size: 16px; } }
