/*-----------------------*/
/**
* Transition-timing-function property@mixin 
*/
/*background RGBA
============================================*/
/****/
/* RIGHT TO LEFT */
/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors 
 */
/***********************************************************************/
/** CHECKOUT BY STEP */
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
/* line 11, ../../../../../sass/modules/appagebuilder/vie/css/owl.carousel.scss */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
/* line 20, ../../../../../sass/modules/appagebuilder/vie/css/owl.carousel.scss */
.owl-carousel {
  display: block;
  position: relative;
  -ms-touch-action: pan-y;
}

/* line 27, ../../../../../sass/modules/appagebuilder/vie/css/owl.carousel.scss */
.owl-carousel .owl-wrapper {
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
}

/* line 32, ../../../../../sass/modules/appagebuilder/vie/css/owl.carousel.scss */
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding: 5px 0;
}

/* line 38, ../../../../../sass/modules/appagebuilder/vie/css/owl.carousel.scss */
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* line 42, ../../../../../sass/modules/appagebuilder/vie/css/owl.carousel.scss */
.owl-carousel .owl-item {
  float: left;
}

/* line 46, ../../../../../sass/modules/appagebuilder/vie/css/owl.carousel.scss */
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

/* line 49, ../../../../../sass/modules/appagebuilder/vie/css/owl.carousel.scss */
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
/* line 59, ../../../../../sass/modules/appagebuilder/vie/css/owl.carousel.scss */
.grabbing {
  cursor: url(/images/grabbing.png) 8 8, move;
}

/* fix */
/* line 65, ../../../../../sass/modules/appagebuilder/vie/css/owl.carousel.scss */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

/* line 74, ../../../../../sass/modules/appagebuilder/vie/css/owl.carousel.scss */
.rtl .owl-carousel .owl-item {
  float: right;
}

/* css for owl loading*/
/* line 81, ../../../../../sass/modules/appagebuilder/vie/css/owl.carousel.scss */
.owl-carousel.owl-loading .item {
  display: none;
}
/* line 83, ../../../../../sass/modules/appagebuilder/vie/css/owl.carousel.scss */
.owl-carousel.owl-loading .item.first {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* line 88, ../../../../../sass/modules/appagebuilder/vie/css/owl.carousel.scss */
.owl-carousel.owl-loading::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #ffd32c;
  -webkit-animation: animate 1s infinite ease-in-out;
  -moz-animation: animate 1s infinite ease-in-out;
  -o-animation: animate 1s infinite ease-in-out;
  animation: animate 1s infinite ease-in-out;
  margin: -20px auto 0;
}

@-webkit-keyframes animate {
  /* line 104, ../../../../../sass/modules/appagebuilder/vie/css/owl.carousel.scss */
  0% {
    -webkit-transform: perspective(160px);
  }

  /* line 105, ../../../../../sass/modules/appagebuilder/vie/css/owl.carousel.scss */
  50% {
    -webkit-transform: perspective(160px) rotateY(-180deg);
  }

  /* line 106, ../../../../../sass/modules/appagebuilder/vie/css/owl.carousel.scss */
  100% {
    -webkit-transform: perspective(160px) rotateY(-180deg) rotateX(-180deg);
  }
}

@keyframes animate {
  /* line 110, ../../../../../sass/modules/appagebuilder/vie/css/owl.carousel.scss */
  0% {
    transform: perspective(160px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(160px) rotateX(0deg) rotateY(0deg);
  }

  /* line 113, ../../../../../sass/modules/appagebuilder/vie/css/owl.carousel.scss */
  50% {
    transform: perspective(160px) rotateX(-180deg) rotateY(0deg);
    -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(0deg);
  }

  /* line 116, ../../../../../sass/modules/appagebuilder/vie/css/owl.carousel.scss */
  100% {
    transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);
    -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);
  }
}