/*

 *  Owl Carousel - Animate Plugin

 */

 .owl-carousel .animated {

  -webkit-animation-duration: 1000ms;

  animation-duration: 1000ms;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}

.owl-carousel .owl-animated-in {

  z-index: 0;

}

.owl-carousel .owl-animated-out {

  z-index: 1;

}

.owl-carousel .fadeOut {

  -webkit-animation-name: fadeOut;

  animation-name: fadeOut;

}

@-webkit-keyframes fadeOut {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}

@keyframes fadeOut {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}

/*

 *  Owl Carousel - Auto Height Plugin

 */

.owl-height {

  -webkit-transition: height 500ms ease-in-out;

  -moz-transition: height 500ms ease-in-out;

  -ms-transition: height 500ms ease-in-out;

  -o-transition: height 500ms ease-in-out;

  transition: height 500ms ease-in-out;

}

/*

 *  Core Owl Carousel CSS File

 */

.owl-carousel {

  display: none;

  width: 100%;

  -webkit-tap-highlight-color: transparent;

  /* position relative and z-index fix webkit rendering fonts issue */

  position: relative;

  /*z-index: 1;*/

  overflow: hidden;

}

.owl-carousel .owl-stage {

  position: relative;

  -ms-touch-action: pan-Y;
      display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    justify-content: left;

}

.owl-carousel .owl-stage:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}

.owl-carousel .owl-stage-outer {

  position: relative;

  overflow: hidden;

  /* fix for flashing background */

  -webkit-transform: translate3d(0px, 0px, 0px);

}

.owl-carousel .owl-controls .owl-nav .owl-prev,

.owl-carousel .owl-controls .owl-nav .owl-next,

.owl-carousel .owl-controls .owl-dot {

  cursor: pointer;

  cursor: hand;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.owl-carousel.owl-loaded {

  display: block;

}

.owl-carousel.owl-loading {

  opacity: 0;

  display: block;

}

.owl-carousel.owl-hidden {

  opacity: 0;

}

.owl-carousel .owl-refresh .owl-item {

  display: none;

}

.owl-carousel .owl-item {

  position: relative;

  min-height: 1px;

  float: left;

  -webkit-backface-visibility: hidden;

  -webkit-tap-highlight-color: transparent;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  /* margin-bottom: 10px; */

}

.owl-carousel .owl-item img {

  display: block;

  max-width: 100%;

  -webkit-transform-style: preserve-3d;

}

.owl-carousel.owl-text-select-on .owl-item {

  -webkit-user-select: auto;

  -moz-user-select: auto;

  -ms-user-select: auto;

  user-select: auto;

}

.owl-carousel .owl-grab {

  cursor: move;

  cursor: -webkit-grab;

  cursor: -o-grab;

  cursor: -ms-grab;

  cursor: grab;

}

.owl-carousel.owl-rtl {

  direction: rtl;

}

.owl-carousel.owl-rtl .owl-item {

  float: right;

}

/* No Js */

.no-js .owl-carousel {

  display: block;

}

/*

 *  Owl Carousel - Lazy Load Plugin

 */

.owl-carousel .owl-item .owl-lazy {

  opacity: 0;

  -webkit-transition: opacity 400ms ease;

  -moz-transition: opacity 400ms ease;

  -ms-transition: opacity 400ms ease;

  -o-transition: opacity 400ms ease;

  transition: opacity 400ms ease;

}

.owl-carousel .owl-item img {

  transform-style: preserve-3d;

}

/*

 *  Owl Carousel - Video Plugin

 */

.owl-carousel .owl-video-wrapper {

  position: relative;

  height: 100%;

  background: #000;

}

.owl-carousel .owl-video-play-icon {

  position: absolute;

  height: 80px;

  width: 80px;

  left: 50%;

  top: 50%;

  margin-left: -40px;

  margin-top: -40px;

  background: url("owl.video.play.png") no-repeat;

  cursor: pointer;

  z-index: 1;

  -webkit-backface-visibility: hidden;

  -webkit-transition: scale 100ms ease;

  -moz-transition: scale 100ms ease;

  -ms-transition: scale 100ms ease;

  -o-transition: scale 100ms ease;

  transition: scale 100ms ease;

}

.owl-carousel .owl-video-play-icon:hover {

  -webkit-transition: scale(1.3, 1.3);

  -moz-transition: scale(1.3, 1.3);

  -ms-transition: scale(1.3, 1.3);

  -o-transition: scale(1.3, 1.3);

  transition: scale(1.3, 1.3);

}

.owl-carousel .owl-video-playing .owl-video-tn,

.owl-carousel .owl-video-playing .owl-video-play-icon {

  display: none;

}

.owl-carousel .owl-video-tn {

  opacity: 0;

  height: 100%;

  background-position: center center;

  background-repeat: no-repeat;

  -webkit-background-size: contain;

  -moz-background-size: contain;

  -o-background-size: contain;

  background-size: contain;

  -webkit-transition: opacity 400ms ease;

  -moz-transition: opacity 400ms ease;

  -ms-transition: opacity 400ms ease;

  -o-transition: opacity 400ms ease;

  transition: opacity 400ms ease;

}

.owl-carousel .owl-video-frame {

  position: relative;

  z-index: 1;

}

.owl-prev, .owl-next {

    position: absolute;

    top: 40%;

    font-size: 30px;

    color: #ffbf00;

    font-weight: 500;

    background: rgba(187, 187, 187, 0.7);

    padding: 10px 10px;

    border: 0;

    transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    border-radius: 3px;

    display: block !important;

}

.owl-prev{

  left: -32px;

  border-bottom-left-radius: 0;

  border-top-left-radius: 0;

}

.owl-next{

  right: -32px;

  border-bottom-right-radius: 0;

  border-top-right-radius: 0;

}

.owl-prev:hover, .owl-next:hover{

  background: rgba(255, 64, 0, 0.12);

}

.owl-carousel:hover .owl-next {

    right: -1px;

}

.owl-carousel:hover .owl-prev {

    left: 0px;

}

.owl-dots .owl-dot span {

    width: 15px;

    height: 15px;

    margin: 3px 3px;

    background: #f4e5bf;

    display: block;

    -webkit-backface-visibility: visible;

    -webkit-transition: opacity 200ms ease;

    -moz-transition: opacity 200ms ease;

    -ms-transition: opacity 200ms ease;

    -o-transition: opacity 200ms ease;

    transition: opacity 200ms ease;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 30px;

}

.owl-theme .owl-controls {

    text-align: center;

    -webkit-tap-highlight-color: transparent;

}

.owl-theme .owl-dots .owl-dot {

    display: inline-block;

    zoom: 1;

}

.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {

    background: #b97e00;

}

.none-controls .owl-controls {
  display: none !important
}

.button-top {
  position: absolute;
  right: 10px;
  top: 6px;
  display: flex;
}


.button-slide-pre {
  left: 0;
  position: relative;
  top: 0;
  width: 26px;
  height: 26px;
  border-radius: initial;
  cursor: pointer;
   line-height: 26px; 
  margin-right: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  padding: 0;
  color: #333;
  border: none;
  text-align: center;
  z-index: 2;
  box-shadow: 0 1px 12px 0 rgb(0 0 0 / 12%);
  background: #fff;
}

.button-slide-next {
  right: 0;
  top: 0;
  width: 26px;
  height: 26px;
  border-radius: initial;
  cursor: pointer;
  line-height: 26px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  padding: 0;
  color: #333;
  border: none;
  text-align: center;
  z-index: 2;
  box-shadow: 0 1px 12px 0 rgb(0 0 0 / 12%);
  background: #fff;
}

.button-slide-pre i, .button-slide-next i {
  height: 26px;
  width: 26px;
  line-height: 26px;
  color: #333;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.button-slide-next:hover, .button-slide-pre:hover {
  background: #fcd501;
}