/******************************************************************************
						Home Page Slider
*******************************************************************************/
#homepage-slider {
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  float: left;
  background-color: #f3f3f3;
  /*****************************************************************************
  						BXSlider Styles
  ********************************************************************************/ }
  @media (max-width: 480px) {
    #homepage-slider {
      height: 200px !important; } }
  #homepage-slider #homeslider {
    margin: 0 auto;
    padding: 0; }
  #homepage-slider .homeslider-container {
    position: relative; }
    @media (max-width: 480px) {
      #homepage-slider .homeslider-container {
        height: 200px !important; } }
    #homepage-slider .homeslider-container h1, #homepage-slider .homeslider-container h2 {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
      margin-top: 0px;
      font-family: "Josefin Slab", serif;
      font-size: 70px;
      font-weight: normal; }
      @media (max-width: 480px) {
        #homepage-slider .homeslider-container h1, #homepage-slider .homeslider-container h2 {
          margin-bottom: 10px; } }
  #homepage-slider .homeslider-image {
    position: absolute;
    left: 0;
    top: 0; }
  #homepage-slider div.homeslider-description {
    position: absolute;
    left: 50%;
    top: calc(50% - 80px);
    width: 50%;
    cursor: pointer;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    color: #FFF;
    font-size: 22px;
    font-family: "Rokkitt"; }
    @media (max-width: 768px) {
      #homepage-slider div.homeslider-description {
        width: 100%;
        right: 0px;
        top: 50%; } }
    @media (max-width: 480px) {
      #homepage-slider div.homeslider-description {
        top: calc(50%);
        height: 200px; } }
    #homepage-slider div.homeslider-description h1, #homepage-slider div.homeslider-description h2, #homepage-slider div.homeslider-description strong.title {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
      margin-top: 0px;
      font-family: "Josefin Slab", serif;
      font-size: 70px;
      font-weight: normal; }
      @media (max-width: 480px) {
        #homepage-slider div.homeslider-description h1, #homepage-slider div.homeslider-description h2, #homepage-slider div.homeslider-description strong.title {
          margin-bottom: 10px; } }
    #homepage-slider div.homeslider-description div.homeslider-description-content {
      position: relative;
      padding: 40px;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
      @media (max-width: 480px) {
        #homepage-slider div.homeslider-description div.homeslider-description-content {
          padding: 12vw 20px; } }
      #homepage-slider div.homeslider-description div.homeslider-description-content h1, #homepage-slider div.homeslider-description div.homeslider-description-content h2 {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 20px;
        margin-top: 0px;
        font-family: "Josefin Slab", serif;
        font-size: 70px !important;
        font-weight: normal; }
        @media (max-width: 480px) {
          #homepage-slider div.homeslider-description div.homeslider-description-content h1, #homepage-slider div.homeslider-description div.homeslider-description-content h2 {
            margin-bottom: 10px; } }
      #homepage-slider div.homeslider-description div.homeslider-description-content p {
        font-family: "Rokkitt"; }
        @media (max-width: 480px) {
          #homepage-slider div.homeslider-description div.homeslider-description-content p {
            font-size: 14px; } }
      #homepage-slider div.homeslider-description div.homeslider-description-content button.btn-default {
        color: #FFF;
        display: inline-block;
        padding: 8px 20px;
        text-decoration: none;
        border: solid 1px #FFF;
        background-color: transparent;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        font-size: 18px;
        margin-top: 30px !important;
        font-weight: bold; }
        #homepage-slider div.homeslider-description div.homeslider-description-content button.btn-default:hover {
          background-color: #fff;
          color: #7F7F7F; }
        @media (max-width: 480px) {
          #homepage-slider div.homeslider-description div.homeslider-description-content button.btn-default {
            font-size: 12px;
            margin-top: 10px !important; } }
      #homepage-slider div.homeslider-description div.homeslider-description-content div.homeslider-dashed {
        display: none; }
      #homepage-slider div.homeslider-description div.homeslider-description-content:hover .btn {
        background: #fff;
        color: #000; }
    #homepage-slider div.homeslider-description:hover div.homeslider-description-content a.btn-default {
      background-color: #FFF;
      color: #000; }
  #homepage-slider .bx-wrapper {
    width: 100%;
    background-color: #f3f3f3;
    max-width: 100% !important; }
    @media (max-width: 480px) {
      #homepage-slider .bx-wrapper {
        height: 200px !important; } }
    #homepage-slider .bx-wrapper a {
      display: block;
      height: 100%; }
    #homepage-slider .bx-wrapper img {
      width: 100%;
      height: auto; }
      @media (max-width: 480px) {
        #homepage-slider .bx-wrapper img {
          height: 200px !important;
          width: auto; } }
    #homepage-slider .bx-wrapper h1, #homepage-slider .bx-wrapper h2 {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
      margin-top: 0px;
      font-family: "Josefin Slab", serif;
      font-size: 70px !important;
      font-weight: normal; }
      @media (max-width: 480px) {
        #homepage-slider .bx-wrapper h1, #homepage-slider .bx-wrapper h2 {
          margin-bottom: 10px; } }
    #homepage-slider .bx-wrapper .bx-viewport {
      width: 100%;
      direction: ltr !important; }
    #homepage-slider .bx-wrapper .bx-pager.bx-default-pager a {
      background: #666; }
    #homepage-slider .bx-wrapper .bx-controls-direction a {
      top: auto;
      margin-top: 0px;
      font-size: 1em;
      bottom: 10px;
      outline: 0;
      width: 52px;
      height: 52px;
      text-indent: -9999px;
      z-index: 9999;
      line-height: 18px; }
      #homepage-slider .bx-wrapper .bx-controls-direction a:before {
        height: 48px;
        width: 48px;
        display: block;
        content: ".";
        opacity: 0.14;
        text-indent: -9999px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1; }
      #homepage-slider .bx-wrapper .bx-controls-direction a:after {
        display: block;
        width: 48px;
        height: 48px;
        text-indent: 0;
        text-align: center;
        font-size: 21px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        padding: 16px 0 0 0; }
      #homepage-slider .bx-wrapper .bx-controls-direction a:hover:before {
        opacity: 0.83; }
    #homepage-slider .bx-wrapper .bx-prev {
      right: 97%;
      left: auto;
      background-image: url(../../../img/picto-back-slider.png);
      background-size: 30px auto;
      background-repeat: no-repeat; }
      @media (max-width: 480px) {
        #homepage-slider .bx-wrapper .bx-prev {
          display: none; } }
    #homepage-slider .bx-wrapper .bx-next {
      background-image: url(../../../img/picto-next-slider.png);
      background-size: 30px auto;
      background-repeat: no-repeat;
      right: 3%; }
      @media (max-width: 480px) {
        #homepage-slider .bx-wrapper .bx-next {
          display: none; } }