/**

* 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 */

.owl-carousel .owl-wrapper:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}



/* display none until init */

.owl-carousel {

  display: block;

  position: relative;

  width: 100%;

  -ms-touch-action: pan-y;

}



.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);

}



.owl-carousel .owl-wrapper-outer {

  overflow: hidden;

  position: relative;

  width: 100%;

}



.owl-carousel .owl-wrapper-outer.autoHeight {

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

  transition: height 500ms ease-in-out;

}



.owl-carousel .owl-item {

  float: left;

}



.owl-controls .owl-page,

.owl-controls .owl-buttons div {

  cursor: pointer;

}



.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 */

.grabbing {

  cursor: url(../img/grabbing.png) 8 8, move;

}



/* fix */

.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);

}



.rtl .owl-carousel .owl-item {

  float: right;

}



/* css for owl loading*/

.owl-carousel.owl-loading .item {

  display: none;

}

.owl-carousel.owl-loading .item.first {

  display: block;

  opacity: 0;

  filter: alpha(opacity=0);

}

.owl-carousel.owl-loading::before {

  position: absolute;

  left: 0;

  right: 0;

  top: 50%;

  content: "";

  display: inline-block;

  width: 40px;

  height: 40px;

  background-color: #008cdc;

  -webkit-animation: animate 1s infinite ease-in-out;

  animation: animate 1s infinite ease-in-out;

  margin: -20px auto 0;

}



@-webkit-keyframes animate {

  0% {

    -webkit-transform: perspective(160px);

  }



  50% {

    -webkit-transform: perspective(160px) rotateY(-180deg);

  }



  100% {

    -webkit-transform: perspective(160px) rotateY(-180deg) rotateX(-180deg);

  }

}



@keyframes animate {

  0% {

    transform: perspective(160px) rotateX(0deg) rotateY(0deg);

    -webkit-transform: perspective(160px) rotateX(0deg) rotateY(0deg);

  }



  50% {

    transform: perspective(160px) rotateX(-180deg) rotateY(0deg);

    -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(0deg);

  }



  100% {

    transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);

    -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);

  }

}