/***************************************************

  Mixins Themes 

/***************************************************/

/* Mixin Normal*/

/* Mixin Clear */

/* Mixin Border */

/*background RGBA

============================================*/

/***************************************************

  Mixins RTL Themes 

/***************************************************/

/************************************ 

	Override Bootstrap 

*************************************/

/**

 * Web Application Prefix Apply For Making Owner Styles

 */

/**

 *   Blocks Layout Selectors 

 */

/***********************************************************************/

/* 

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

  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;

  -o-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: transparent; }



/* mouse grab icon */

.grabbing {

  cursor: url(../../../../assets/img/modules/appagebuilder/img/grabbing.png) 8 8, move; }



/* fix */

.owl-carousel .owl-wrapper,

.owl-carousel .owl-item {

  -webkit-backface-visibility: hidden;

  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; }



/************DONGND:: new loading for owl product carousel**************/

.owl-carousel.owl-loading .item {

  display: none; }



.owl-row.hide-loading .timeline-wrapper, .timeline-wrapper.prepare {

  display: none; }



.owl-manu .animated-background {

  height: 110px; }



.owl-manu .timeline-item {

  min-height: 110px; }



.timeline-item {

  background: #fff;

  border: 1px solid;

  border-color: #e5e6e9 #dfe0e4 #d0d1d5;

  border-radius: 3px;

  padding: 12px;

  margin: 0 auto;

  max-width: 472px;

  min-height: 200px; }



@-webkit-keyframes placeHolderShimmer {

  0% {

    background-position: -468px 0; }

  100% {

    background-position: 468px 0; } }

@keyframes placeHolderShimmer {

  0% {

    background-position: -468px 0; }

  100% {

    background-position: 468px 0; } }

.animated-background {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-name: placeHolderShimmer;

  animation-name: placeHolderShimmer;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  background: #f6f7f8;

  background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));

  background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);

  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);

  -webkit-background-size: 800px 104px;

  background-size: 800px 104px;

  	/*

      height: 96px;

  	*/

  height: 250px;

  position: relative; }



.background-masker {

  background: #fff;

  position: absolute; }



/* Every thing below this is just positioning */

.background-masker.header-top,

.background-masker.header-bottom,

.background-masker.subheader-bottom {

  top: 0;

  left: 40px;

  right: 0;

  height: 10px; }



.background-masker.header-left,

.background-masker.subheader-left,

.background-masker.header-right,

.background-masker.subheader-right {

  top: 10px;

  left: 40px;

  height: 8px;

  width: 10px; }



.background-masker.header-bottom {

  top: 18px;

  height: 6px; }



.background-masker.subheader-left,

.background-masker.subheader-right {

  top: 24px;

  height: 6px; }



.background-masker.header-right,

.background-masker.subheader-right {

  width: auto;

  left: 300px;

  right: 0; }



.background-masker.subheader-right {

  left: 230px; }



.background-masker.subheader-bottom {

  top: 30px;

  height: 10px; }



.background-masker.content-top,

.background-masker.content-second-line,

.background-masker.content-third-line,

.background-masker.content-fourth-line,

.background-masker.content-second-end,

.background-masker.content-third-end,

.background-masker.content-first-end {

  top: 150px;

  left: 0;

  right: 0;

  height: 6px; }



.background-masker.content-top {

  height: 20px; }



.background-masker.content-first-end,

.background-masker.content-second-end,

.background-masker.content-third-end {

  width: auto;

  left: 380px;

  right: 0;

  top: 60px;

  height: 8px; }



.background-masker.content-second-line {

  top: 180px; }



.background-masker.content-second-end {

  left: 420px;

  top: 74px; }



.background-masker.content-third-line {

  top: 200px; }



.background-masker.content-fourth-line {

  top: 225px; }



.background-masker.content-third-end {

  left: 300px;

  top: 88px; }



/*# sourceMappingURL=owl.carousel.css */