/*******************************
 * OBSlider styles
 ******************************/
.OBSlider {
  -webkit-transition: all ease-in 0.1s;
  -moz-transition: all ease-in 0.1s;
  -ms-transition: all ease-in 0.1s;
  -o-transition: all ease-in 0.1s;
  -khtml-transition: all ease-in 0.1s;
  transition: all ease-in 0.1s;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .OBSlider .control {
    position: absolute;
    z-index: 15;
    /*
     * Hide controls for printing
     */ }
    @media print {
      .OBSlider .control {
        display: none; } }
    .OBSlider .control.control-next {
      background-color: #efefef;
      padding: 20px;
      right: 0px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -khtml-transform: translateY(-50%);
      transform: translateY(-50%);
      /* Disabled control on mobile devices */ }
      @media (max-width: 992px) {
        .OBSlider .control.control-next {
          display: none; } }
    .OBSlider .control.control-prev {
      background-color: #efefef;
      padding: 20px;
      left: 0px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -khtml-transform: translateY(-50%);
      transform: translateY(-50%);
      /* Disabled control on mobile devices */ }
      @media (max-width: 992px) {
        .OBSlider .control.control-prev {
          display: none; } }
    .OBSlider .control.control-indicator {
      text-align: center;
      color: #efefef;
      bottom: 0;
      width: 100%;
      padding: 5px 0; }
      .OBSlider .control.control-indicator .indicator {
        margin: 0 4px; }
    .OBSlider .control .fa {
      font-size: 20px; }
  .OBSlider .inner {
    position: relative;
    -webkit-transition: all ease-in 0.1s;
    -moz-transition: all ease-in 0.1s;
    -ms-transition: all ease-in 0.1s;
    -o-transition: all ease-in 0.1s;
    -khtml-transition: all ease-in 0.1s;
    transition: all ease-in 0.1s; }
    .OBSlider .inner .slide {
      width: 100%;
      /*
       * Take care that you dont set transition
       * for "all" properties. Otherwise IE
       * will probably calculate a too small
       * slide with (problem cropped slider).
       */
      -webkit-transition: opacity ease-in 0.3s;
      -moz-transition: opacity ease-in 0.3s;
      -ms-transition: opacity ease-in 0.3s;
      -o-transition: opacity ease-in 0.3s;
      -khtml-transition: opacity ease-in 0.3s;
      transition: opacity ease-in 0.3s;
      z-index: 0;
      position: absolute;
      opacity: 0.0;
      /* TMP */ }
      @media print {
        .OBSlider .inner .slide {
          position: static;
          display: block;
          opacity: 1.0;
          visibility: visible; } }
      .OBSlider .inner .slide h1 {
        opacity: 0.0;
        color: #fff;
        -webkit-transition: all ease-in 0.3s; }
      .OBSlider .inner .slide h2 {
        opacity: 0.0;
        color: #fff;
        -webkit-transition: all ease-in 0.3s; }
      .OBSlider .inner .slide.current-slide {
        z-index: 2;
        opacity: 1.0;
        /* TMP */ }
        .OBSlider .inner .slide.current-slide h1 {
          opacity: 1.0;
          -webkit-transform: translateX(0px);
          -webkit-transition: none; }
        .OBSlider .inner .slide.current-slide h2 {
          opacity: 1.0;
          -webkit-transform: translateX(0px);
          -webkit-transition: none; }

/*# sourceMappingURL=main.css.map */
