/******************************************************************************
                                    Home Page Slider
*******************************************************************************/

#homepage-slider {
  position: relative;
  z-index: 1;
  flex-basis: 1070px;
  margin: 0 auto;

  float: left;
  max-width: 100%;
  max-height: 100%;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

#homepage-slider img {
  max-width: 100%;
  height: auto;
}

/*****************************************************************************
                                      BXSlider Styles
********************************************************************************/

@media (max-width: 767px) {
  #homepage-slider {
    width: 100%;
    max-width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

#homepage-slider #homeslider {
  margin: 0 auto;
  padding: 0;
}

#homepage-slider .homeslider-container {
  position: relative;
}

#homepage-slider .homeslider-image {
  position: absolute;
  left: 0;
  top: 0;
}

#homepage-slider .homeslider-description {
  position: absolute;
  left: 39px;
  bottom: 12px;
  padding: 0;
  /* cursor: pointer; */
}

#homepage-slider .homeslider-description h2 {
  font-size: 2.7em;
  color: white;
  margin: 0;
  padding: 0;
}

#homepage-slider .homeslider-description p {
  padding: 0;
  margin: 0;
  font-family: "Montserrat", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 30px;
  color: #000;
}

#homepage-slider .homeslider-description button {
  font-size: 1.2em;
  text-transform: uppercase;
}

@media (max-width: 1200px) {
  #homepage-slider .homeslider-description {
    padding: 20px;
    font-size: 0.8em;
  }
}

@media (max-width: 768px) {
  #homepage-slider .homeslider-description {
    padding: 30px;
    font-size: 0.7em;
  }

  #homepage-slider .homeslider-description p {
    font-size: 1.5em;
  }
}

@media (max-width: 480px) {
  #homepage-slider .homeslider-description {
    padding: 30px;
    font-size: 0.5em;
  }

  #homepage-slider .homeslider-description p {
    font-size: 1.7em;
  }
}

#homepage-slider .bx-wrapper a {
  display: block;
}

#homepage-slider .bx-wrapper img {
  height: auto;
}

#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;
  border: 2px solid #c7c7c7;
  line-height: 18px;
}

@media (max-width: 1200px) {
  #homepage-slider .bx-wrapper .bx-controls-direction a{
    border: 1px solid #c7c7c7;
    width: 35px;
    height: 35px;
    line-height: 4px;
    bottom: 5px;
  }
  .bx-wrapper .bx-controls-direction a::before,
  .bx-wrapper .bx-controls-direction a::after{
    color: #fff!important;
    width: 35px!important;
    height: 35px!important;
  }
  #homepage-slider .bx-wrapper .bx-prev {
    right: 50px!important;
  }
}

#homepage-slider .bx-wrapper .bx-controls-direction a:before {
  height: 48px;
  width: 48px;
  display: block;
  background: transparent;
  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;
  color: #c7c7c7;
  text-indent: 0;
  text-align: center;
  font-size: 21px;
  font-family: "FontAwesome";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 16px 0 0 0;
}

#homepage-slider .bx-wrapper .bx-controls-direction a:hover:before {
  /* background: #333; */
  /* opacity: 1; */
  /* transform: scale(2); */
  background:  #c7c7c7;
}

#homepage-slider .bx-wrapper .bx-prev {
  right: 60px;
  left: auto;
}

#homepage-slider .bx-wrapper .bx-prev:after {
  content: "\f053";
}

#homepage-slider .bx-wrapper .bx-next:after {
  content: "\f054";
}

.ie8 #homepage-slider .bx-wrapper .bx-controls-direction a:before {
  background: #333;
}

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