/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
/*
=======================================
  Media Queries -START-
=======================================
 */
/*
=======================================
  Media Queries -END-
=======================================
 */
/*
=======================================
  FLEX -START-
=======================================
 */
/*
=======================================
  FLEX -END-
=======================================
 */
/*
=======================================
  BOX SIZING -START-
=======================================
 */
/*
=======================================
  BOX SIZING -END-
=======================================
 */
/*
=======================================
  CUSTOM MERGERS -START-
=======================================
 */
/*
=======================================
  CUSTOM MERGERS -END-
=======================================
 */
/*
=======================================
  TRANSITION -START-
=======================================
 */
/*
=======================================
  TRANSITION -END-
=======================================
 */
/*
=======================================
  PREPARE A TAG -START-
=======================================
 */
/*
=======================================
  PREPARE A TAG -END-
=======================================
 */
/*
=======================================
  FONT PROPERTY -START-
=======================================
 */
/*
=======================================
  FONT PROPERTY -END-
=======================================
 */
/*
=======================================
  CONTAIN IMAGE BACKGROUND -START-
=======================================
 */
/*
=======================================
  CONTAIN IMAGE BACKGROUND -END-
=======================================
 */
/*
=======================================
  BACKGROUND GRADIENT -START-
=======================================
 */
/*
=======================================
  BACKGROUND GRADIENT -END-
=======================================
 */
/*
=======================================
  BACKGROUND SIZE -START-
=======================================
 */
/*
=======================================
  BACKGROUND SIZE -END-
=======================================
 */
/*
=======================================
  BORDER RADIUS -START-
=======================================
 */
/*
=======================================
  BORDER RADIUS -END-
=======================================
 */
.bibersa-referans-container {
  position: relative;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden; }
  .bibersa-referans-container > .referans-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 300px; }
    .bibersa-referans-container > .referans-container > .referans-infinite {
      position: relative;
      width: 100%;
      height: 300px;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
      .bibersa-referans-container > .referans-container > .referans-infinite > .page {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 300px;
        display: grid;
        grid-template-rows: 100px 100px 100px; }
        .bibersa-referans-container > .referans-container > .referans-infinite > .page > .logo-container {
          position: relative;
          width: 100%;
          height: 100px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 10px;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          align-items: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center; }
          .bibersa-referans-container > .referans-container > .referans-infinite > .page > .logo-container > .logo {
            max-width: 85%; }
      .bibersa-referans-container > .referans-container > .referans-infinite.desktop > .page {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }
      @media (max-width: 991px) {
        .bibersa-referans-container > .referans-container > .referans-infinite.desktop {
          display: none; } }
      .bibersa-referans-container > .referans-container > .referans-infinite.tablet > .page {
        grid-template-columns: 1fr 1fr 1fr 1fr; }
      @media (min-width: 992px) {
        .bibersa-referans-container > .referans-container > .referans-infinite.tablet {
          display: none; } }
      @media (max-width: 767px) {
        .bibersa-referans-container > .referans-container > .referans-infinite.tablet {
          display: none; } }
      .bibersa-referans-container > .referans-container > .referans-infinite.mobile > .page {
        grid-template-columns: 1fr 1fr; }
      @media (min-width: 768px) {
        .bibersa-referans-container > .referans-container > .referans-infinite.mobile {
          display: none; } }

/*# sourceMappingURL=bibersa-referanslar-public.css.map */