/* Generated by less 2.5.1 */
/************************************************
*   Customized animations for slider slides     *
************************************************/
/* slider transitions */
#slider .owl-item .content > .container > div,
#slider .carousel-item .content > .container > div,
#slider .owl-item h1,
#slider .carousel-item h1,
#slider .owl-item h2,
#slider .carousel-item h2,
#slider .owl-item h3,
#slider .carousel-item h3,
#slider .owl-item p,
#slider .carousel-item p {
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
#slider .owl-item .content > .container > *,
#slider .carousel-item .content > .container > * {
  -webkit-animation-name: blabla;
  animation-name: blabla;
}
#slider .owl-item.active .content > .container > *,
#slider .carousel-item.active .content > .container > * {
  /* slide in out effects*/
  /* slide in only effects*/
}
#slider .owl-item.active .content > .container > * .slideLeftInOut,
#slider .carousel-item.active .content > .container > * .slideLeftInOut {
  -webkit-animation-name: slideLeftIn;
  animation-name: slideLeftInOut;
  animation-iteration-count: 1;
  /*infinite;*/
}
#slider .owl-item.active .content > .container > * .slideRightInOut,
#slider .carousel-item.active .content > .container > * .slideRightInOut {
  -webkit-animation-name: slideRightInOut;
  animation-name: slideRightInOut;
  animation-iteration-count: 1;
  /*infinite;*/
}
#slider .owl-item.active .content > .container > * .slideBottomInOut1,
#slider .carousel-item.active .content > .container > * .slideBottomInOut1 {
  -webkit-animation-name: slideBottomInOut1;
  animation-name: slideBottomInOut1;
  animation-iteration-count: 1;
  /*infinite;*/
}
#slider .owl-item.active .content > .container > * .slideBottomInOut2,
#slider .carousel-item.active .content > .container > * .slideBottomInOut2 {
  -webkit-animation-name: slideBottomInOut2;
  animation-name: slideBottomInOut2;
  animation-iteration-count: 1;
  /*infinite;*/
}
#slider .owl-item.active .content > .container > * .slideBottomInOut3,
#slider .carousel-item.active .content > .container > * .slideBottomInOut3 {
  -webkit-animation-name: slideBottomInOut3;
  animation-name: slideBottomInOut3;
  animation-iteration-count: 1;
  /*infinite;*/
}
#slider .owl-item.active .content > .container > * .slideLeftIn,
#slider .carousel-item.active .content > .container > * .slideLeftIn {
  -webkit-animation-name: slideLeftIn;
  animation-name: slideLeftIn;
  animation-iteration-count: 1;
  /*infinite;*/
}
#slider .owl-item.active .content > .container > * .slideRightIn,
#slider .carousel-item.active .content > .container > * .slideRightIn {
  -webkit-animation-name: slideRightIn;
  animation-name: slideRightIn;
  animation-iteration-count: 1;
  /*infinite;*/
}
#slider .owl-item.active .content > .container > * .slideBottomIn,
#slider .carousel-item.active .content > .container > * .slideBottomIn {
  -webkit-animation-name: slideBottomIn1;
  animation-name: slideBottomIn1;
  animation-iteration-count: 1;
  /*infinite;*/
}
#slider .owl-item.active .content > .container > * .slideBottomIn2,
#slider .carousel-item.active .content > .container > * .slideBottomIn2 {
  -webkit-animation-name: slideBottomIn2;
  animation-name: slideBottomIn2;
  animation-iteration-count: 1;
  /*infinite;*/
}
#slider .owl-item.active .content > .container > * .slideBottomIn3,
#slider .carousel-item.active .content > .container > * .slideBottomIn3 {
  -webkit-animation-name: slideBottomIn3;
  animation-name: slideBottomIn3;
  animation-iteration-count: 1;
  /*infinite;*/
}
#slider .owl-item.active .owl-item.active h1,
#slider .owl-item.active h2,
#slider .owl-item.active h3,
#slider .owl-item.active p {
  opacity: 0;
}
#slider .carousel-item.carousel-item-next,
#slider .carousel-item.carousel-item-prev {
  opacity: 0;
}
/**********************************************
*            SoftFadeIn animations
**********************************************/
/*softFadeInUp*/
@-moz-keyframes softFadeInUp {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes softFadeInUp {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes softFadeInUp {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.softFadeIn {
  -webkit-animation-name: softFadeIn;
  animation-name: softFadeIn;
}
@-moz-keyframes softFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes softFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes softFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
.softFadeInUp {
  -webkit-animation-name: softFadeInUp;
  animation-name: softFadeInUp;
}
/*softFadeInLeft*/
@-moz-keyframes softFadeInLeft {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes softFadeInLeft {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes softFadeInLeft {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes softFadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(40px, 0, 0);
    -ms-transform: translate3d(40px, 0, 0);
    -o-transform: translate3d(40px, 0, 0);
    transform: translate3d(40px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@-webkit-keyframes softFadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(40px, 0, 0);
    -ms-transform: translate3d(40px, 0, 0);
    -o-transform: translate3d(40px, 0, 0);
    transform: translate3d(40px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@keyframes softFadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(40px, 0, 0);
    -ms-transform: translate3d(40px, 0, 0);
    -o-transform: translate3d(40px, 0, 0);
    transform: translate3d(40px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
.softFadeInLeft {
  -webkit-animation-name: softFadeInLeft;
  animation-name: softFadeInLeft;
}
/* softFadeInRight*/
@-moz-keyframes softFadeInRight {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes softFadeInRight {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes softFadeInRight {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes softFadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-40px, 0, 0);
    -ms-transform: translate3d(-40px, 0, 0);
    -o-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@-webkit-keyframes softFadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-40px, 0, 0);
    -ms-transform: translate3d(-40px, 0, 0);
    -o-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@keyframes softFadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-40px, 0, 0);
    -ms-transform: translate3d(-40px, 0, 0);
    -o-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
.softFadeInRight {
  -webkit-animation-name: softFadeInRight;
  animation-name: softFadeInRight;
}
/**********************************************
*            Slide in only
**********************************************/
/*slide in left*/
@keyframes slideLeftIn {
  from,
  10% {
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
    opacity: 0;
  }
  30% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
/*slide in & out right*/
@keyframes slideRightIn {
  from,
  10% {
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
    opacity: 0;
  }
  30% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
/*slide from bottom*/
@keyframes slideBottomIn1 {
  from,
  15% {
    -webkit-transform: translate3d(0, 33px, 0);
    transform: translate3d(0, 33px, 0);
    opacity: 0;
  }
  25% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideBottomIn2 {
  from,
  25% {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    opacity: 0;
  }
  35% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideBottomIn3 {
  from,
  35% {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    opacity: 0;
  }
  45% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
/**********************************************
*            Slide in and out
**********************************************/
/*slide in left*/
@keyframes slideLeftInOut {
  from {
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
    opacity: 0;
  }
  10% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
    opacity: 0;
  }
}
/*slide in & out right*/
@keyframes slideRightInOut {
  from {
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
    opacity: 0;
  }
  10% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
    opacity: 0;
  }
}
/*slide from bottom*/
@keyframes slideBottomInOut1 {
  from,
  18% {
    -webkit-transform: translate3d(0, 33px, 0);
    transform: translate3d(0, 33px, 0);
    opacity: 0;
  }
  23% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  80%,
  to {
    -webkit-transform: translate3d(0, 33px, 0);
    transform: translate3d(0, 33px, 0);
    opacity: 0;
  }
}
@keyframes slideBottomInOut2 {
  from,
  26% {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    opacity: 0;
  }
  31% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  65% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  70%,
  to {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    opacity: 0;
  }
}
@keyframes slideBottomInOut3 {
  from,
  34% {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    opacity: 0;
  }
  39% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  55% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  60%,
  to {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    opacity: 0;
  }
}
/****************************************
*    Review star animations
****************************************/
.owl-item .stars i,
.carousel-item .stars i {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 0;
}
@keyframes star1 {
  from {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  27% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@keyframes star2 {
  from {
    opacity: 0;
  }
  27% {
    opacity: 0;
  }
  34% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@keyframes star2 {
  from {
    opacity: 0;
  }
  34% {
    opacity: 0;
  }
  41% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@keyframes star3 {
  from {
    opacity: 0;
  }
  41% {
    opacity: 0;
  }
  48% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@keyframes star4 {
  from {
    opacity: 0;
  }
  48% {
    opacity: 0;
  }
  55% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@keyframes star5 {
  from {
    opacity: 0;
  }
  55% {
    opacity: 0;
  }
  63% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
.owl-item.active .stars i:nth-child(1),
.carousel-item.active .stars i:nth-child(1) {
  -webkit-animation-name: star1;
  -moz-animation-name: star1;
  -o-animation-name: star1;
  animation-name: star1;
}
.owl-item.active .stars i:nth-child(2),
.carousel-item.active .stars i:nth-child(2) {
  -webkit-animation-name: star2;
  -moz-animation-name: star2;
  -o-animation-name: star2;
  animation-name: star2;
}
.owl-item.active .stars i:nth-child(3),
.carousel-item.active .stars i:nth-child(3) {
  -webkit-animation-name: star3;
  -moz-animation-name: star3;
  -o-animation-name: star3;
  animation-name: star3;
}
.owl-item.active .stars i:nth-child(4),
.carousel-item.active .stars i:nth-child(4) {
  -webkit-animation-name: star4;
  -moz-animation-name: star4;
  -o-animation-name: star4;
  animation-name: star4;
}
.owl-item.active .stars i:nth-child(5),
.carousel-item.active .stars i:nth-child(5) {
  -webkit-animation-name: star5;
  -moz-animation-name: star5;
  -o-animation-name: star5;
  animation-name: star5;
}