#currencies-block-top {
  border-right: 1px solid #3f3f43;
  float: left;
  position: relative; }
  #currencies-block-top span.firstWord {
    display: none; }
  #currencies-block-top div.current {
    color: #888;
    cursor: pointer;
    display: block;
    font: 300 12px/18px "Ubuntu", sans-serif;
    padding: 11px 14px 10px;
    text-transform: uppercase;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
    #currencies-block-top div.current strong {
      font-weight: normal; }
    #currencies-block-top div.current:hover, #currencies-block-top div.current.active {
      color: #8ac249; }
    #currencies-block-top div.current:after {
      content: "\f107";
      font-family: "FontAwesome";
      font-size: 12px;
      line-height: 18px;
      padding-left: 12px; }
    #currencies-block-top div.current.active:after {
      content: "\f106"; }
    @media (max-width: 479px) {
      #currencies-block-top div.current .cur-label {
        display: none; } }
    @media (max-width: 479px) {
      #currencies-block-top div.current {
        padding: 11px 2px 10px; } }
  #currencies-block-top ul {
    background: #070707;
    display: none;
    left: 0;
    position: absolute;
    text-align: left;
    top: 40px;
    width: 157px;
    z-index: 4; }
    @media (min-width: 480px) and (max-width: 767px) {
      #currencies-block-top ul {
        width: 100%; } }
    #currencies-block-top ul li {
      color: white;
      line-height: 35px;
      font-size: 13px; }
      #currencies-block-top ul li a,
      #currencies-block-top ul li > span {
        padding: 0 10px 0 12px;
        display: block;
        color: white; }
      #currencies-block-top ul li.selected, #currencies-block-top ul li:hover a {
        background: #8ac249; }
  @media (max-width: 767px) {
    #currencies-block-top {
      border-left: 1px solid #3f3f43;
      clear: left;
      text-align: center;
      width: 50%; } }