/*
Compile SASS: b_style.css
*/
#topbar-container {
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999999; }

.b_slider {
  width: 100%; }
  .b_slider .fslider {
    width: 100%;
    height: auto;
    position: relative; }
    .b_slider .fslider .swiper-button-prev, .b_slider .fslider .swiper-button-next {
      background-image: none;
      color: White;
      display: none; }
    .b_slider .fslider img {
      width: 100%; }
    .b_slider .fslider .fslider-sliders {
      display: none; }
    .b_slider .fslider .image {
      position: relative;
      color: White; }
      .b_slider .fslider .image i {
        position: absolute;
        top: 50%;
        margin-top: -22.5px;
        left: 2%;
        z-index: 999;
        cursor: pointer;
        display: none; }
        .b_slider .fslider .image i.fa-angle-right {
          left: auto;
          right: 2%; }
    .b_slider .fslider .image_list {
      display: none; }
    .b_slider .fslider .text {
      position: absolute;
      top: 40%;
      z-index: 99;
      text-align: center;
      width: 100%;
      text-transform: uppercase; }
      .b_slider .fslider .text .line {
        display: inline-block;
        margin: 0 auto;
        font-size: 3rem;
        font-family: Muli;
        font-weight: normal;
        background-color: rgba(0, 0, 0, 0.75);
        color: White;
        padding: 0.5rem 1rem;
        width: auto;
        letter-spacing: 0.2em; }
        .b_slider .fslider .text .line.first {
          margin-bottom: 1rem; }
  @media screen and (max-width: 920px) {
    .b_slider .line {
      font-size: 2.5rem !important; }
    .b_slider .text {
      top: 30% !important; } }
  @media screen and (max-width: 490px) {
    .b_slider .line {
      font-size: 1.7rem !important; } }
  @media screen and (max-width: 400px) {
    .b_slider .line {
      font-size: 1.5rem !important; } }