/* Animations */

@keyframes BfadeInLeft {
    from {
      opacity: 0;
      transform: translate3d(-30px, 0, 0);
    }
  
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  
.BfadeInLeft {
    animation-name: BfadeInLeft;
}



@keyframes BfadeInRight {
    from {
      opacity: 0;
      transform: translate3d(30px, 0, 0);
    }
  
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  
.BfadeInRight {
    animation-name: BfadeInRight;
}



@keyframes BfadeInUp {
    from {
      opacity: 0;
      transform: translate3d(0, 30px, 0);
    }
  
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  
.BfadeInUp {
    animation-name: BfadeInUp;
}



@keyframes BfadeInDown {
    from {
      opacity: 0;
      transform: translate3d(0, -30px, 0);
    }
  
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  
.BfadeInDown {
    animation-name: BfadeInDown;
}


/* Language Switcher */
.bb-language-switcher {
    display: block;
    text-align: right;
    font-family: "Uniform", Sans-serif;
    font-size: 18px;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.bb-language-switcher a,
.bb-language-switcher span {
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.bb-lang-link {
    cursor: pointer;
    color: #999999;
}

.bb-lang-link:hover {
    opacity: 0.7;
}

.bb-lang-separator {
    margin: 0;
    color: #999999;
}

.bb-lang-current {
    font-weight: inherit;
    color: #000000;
}


/* Mobile Menu Language Switcher */
/* Desktop: Hide completely and remove spacing */
@media (min-width: 769px) {
    .bb-lang-mobile-only {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        position: absolute !important;
        visibility: hidden !important;
    }
}

/* Mobile: Show and style */
@media (max-width: 768px) {
    .bb-lang-mobile-only {
        display: block !important;
        text-align: left;
        padding: 25px 20px !important;
        margin: 0;
        white-space: nowrap;
    }

    .bb-lang-mobile-only .bb-lang-link,
    .bb-lang-mobile-only .bb-lang-current,
    .bb-lang-mobile-only .bb-lang-separator {
        font-family: "Uniform", Sans-serif !important;
        font-size: 18px !important;
        font-weight: 100 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.4px !important;
        text-decoration: none !important;
        display: inline !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .bb-lang-mobile-only .bb-lang-link {
        color: #999999 !important;
        transition: opacity 0.2s ease;
    }

    .bb-lang-mobile-only .bb-lang-link:hover {
        opacity: 0.7;
    }

    .bb-lang-mobile-only .bb-lang-current {
        color: #000000 !important;
    }

    .bb-lang-mobile-only .bb-lang-separator {
        color: #999999 !important;
    }
}