/* mixins */
/* inspired by bootstrap */
#currencies-block-top {
  order: 3;
  float: right;
  position: relative; }
  #currencies-block-top span.firstWord {
    display: none; }
  #currencies-block-top div.current {
    padding: 13px 0px 13px 13px;
    color: #f5f5f5;
    cursor: pointer;
    font-family: 'MontserratSemiBold';
    font-size: 13px;
    text-transform: uppercase;
    white-space: nowrap; }
    @media screen and (max-width: 479px) {
      #currencies-block-top div.current {
        color: #f5f5f5;
        font-family: 'MontserratSemiBold';
        font-size: 10px;
        line-height: 12.35px;
        text-transform: uppercase;
        padding: 8px 0px 6px 0px; } }
    #currencies-block-top div.current .nav-currency-sign {
      color: #c10a25;
      text-transform: none;
      text-decoration: none;
      font-family: 'MontserratMedium'; }
    #currencies-block-top div.current strong {
      color: #777777; }
    #currencies-block-top div.current:after {
      content: " ";
      font-family: "FontAwesome";
      font-size: 18px;
      line-height: 18px;
      color: #686666;
      vertical-align: -2px;
      padding-left: 12px;
      background: url(../../../img/dropdown-arrow-nav.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: auto; }
    @media (max-width: 767px) {
      #currencies-block-top div.current .cur-label {
        display: none; } }
  #currencies-block-top ul {
    display: none;
    position: absolute;
    left: 0;
    width: 121%;
    background: #fff;
    box-shadow: -2px 4px 10px rgba(0, 0, 0, 0.35);
    z-index: 2;
    margin: 0;
    padding: 18px 20px;
    top: 100%; }
    #currencies-block-top ul:before {
      content: '';
      display: inline-block;
      vertical-align: 10px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 9px 10px 9px;
      border-color: transparent transparent white;
      position: absolute;
      top: -10px;
      transform: translate(-50%);
      left: 50%; }
    #currencies-block-top ul li {
      color: #f5f5f5;
      line-height: 13px;
      font-size: 13px; }
      #currencies-block-top ul li:not(:last-of-type) {
        margin-bottom: 11px; }
      #currencies-block-top ul li a > span {
        display: inline;
        color: #000;
        font-family: 'MontserratSemiBold';
        font-size: 11px;
        line-height: 12px;
        text-transform: uppercase; }
        #currencies-block-top ul li a > span.nav-currency-sign {
          font-family: 'MontserratMedium'; }
      #currencies-block-top ul li:hover a .nav-currency-name, #currencies-block-top ul li:hover a .nav-currency-sign {
        color: #c10a25; }
      #currencies-block-top ul li.selected a .nav-currency-name {
        font-family: 'MontserratBold';
        color: #c10a25; }
      #currencies-block-top ul li.selected a .nav-currency-sign {
        font-family: 'MontserratMedium';
        color: #c10a25; }
    @media screen and (max-width: 479px) {
      #currencies-block-top ul {
        right: 0;
        width: 184%;
        left: auto; }
        #currencies-block-top ul:before {
          content: '';
          display: inline-block;
          vertical-align: 10px;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 5px 11px 5px 11px;
          border-color: transparent transparent white;
          position: absolute;
          top: -10px;
          transform: translate(-50%);
          left: 65%; } }