/* 
 *  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 .owl-item img {
  -webkit-backface-visibility: hidden;
} 
.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;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.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);
  height: inherit;
}
.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;
}
.owl-carousel .owl-item img {
  display: block;
  -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, .owl-grab .image_gallery_slider a {
  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("https://www.agnesallnaturalgrill.com/wp-content/plugins/kaya-cooks-page-widgets/css/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;
}
/* Team Widget */
.team_content_wrapper .owl-prev {
    color: #000;
    position: absolute;
    top: 50%;
    left: 0;
}
.team_content_wrapper .owl-next {
    color: #000;
    position: absolute;
    right: 0px;
    top: 50%;
}

.team_content_wrapper .owl-prev:after {
    border: 2px solid #333;
    border-radius: 100%;
    content: "";
    cursor: pointer;
    display: block;
    font-family: fontawesome;
    font-size: 22px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}

.team_content_wrapper .owl-next:after {
    border: 2px solid #333;
    border-radius: 100%;
    content: "";
    cursor: pointer;
    display: block;
    font-family: fontawesome;
    font-size: 22px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}
/* Testimonial */

.testimonial_wrapper .owl-pagination .owl-page > span {
    border: 3px solid #333;
    border-radius: 100%;
    display: inline-block;
    height: 10px;
    margin: 0 auto;
    text-align: center;
    width: 10px;
}

.testimonial_wrapper .owl-controls.clickable {
    text-align: center;
    margin-top: 15px;
}
.testimonial_wrapper .owl-page {
    display: inline-block;
    margin: 0px 2px 0 8px;
    cursor: pointer;
}

.testimonial_wrapper .owl-page.active span {
    border-color: #84bf4b;
}
.testimonial_wrapper .owl-controls{
  display: none!important;
}
.owl-loaded{
  display: block;
}
/* Buttons */
#gallery_widget_slider .owl-nav, #slider_wrapper .owl-nav{
    margin-top: -15px;
    position: absolute;
    top: 50%;
    width: 100%;
}
#gallery_widget_slider .owl-prev, #slider_wrapper .owl-prev {
    left: 0px;
    position: absolute;
    border-radius: 0px 3px 3px 0px;
}
#slider_wrapper .owl-prev, #slider_wrapper .owl-next {
  background-color: #333;
  color:#fff;
  }
#gallery_widget_slider .owl-next, #slider_wrapper .owl-next {
    position: absolute;
    right: 0px;
    border-radius: 3px 0 0 3px;
}
.gallery_no_space .owl-next, #slider_wrapper .owl-next{
  right: 0!important;
}
.gallery_no_space .owl-prev, #slider_wrapper .owl-prev{
  left: 0!important;
}
#gallery_widget_slider .owl-prev::after, #slider_wrapper .owl-prev::after{
    content: "";
    font-family: fontawesome;
    font-size: 30px;
}
#gallery_widget_slider .owl-next::after, #slider_wrapper .owl-next::after{
    content: "";
    font-family: fontawesome;
    font-size: 30px;
}
#gallery_widget_slider .owl-next, .owl-prev, #slider_wrapper .owl-next, .owl-prev{
    height: 20px;
    line-height: 20px;
    padding: 10px 5px;
    text-align: center;
    width: 20px;
}
#gallery_widget_slider .owl-dot {
    border: 2px solid #fff;
     border-radius: 100%;
    display: inline-flex;
    height: 10px;
    margin: 4px;
    right: 0;
    text-align: center;
    top: 0;
    width: 10px;
}
#gallery_widget_slider .owl-dots {
    background: none repeat scroll 0 0 #333;
    border-radius: 0 0 0 3px;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    top: -8px;
}
.gallery_no_space .owl-dots {
  margin: 0px!important;
}
#gallery_widget_slider .owl-dot.active{
  background: #fff;
}
#gallery_widget_slider .owl-dots::after {
    border-color: transparent #333 #333 transparent;
    border-style: solid;
    border-width: 4px;
    content: "";
    left: -8px;
    position: absolute;
    top: 0;
}
/*
 *  Core Owl Carousel CSS File
 *  v1.24
 */

/* clearfix */

.draggable_slider {
    margin: 7px;
}
.owl_slider_img {
    position: relative;
}
    #owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
    }


.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  z-index: 999!important;
  clear: both;
}

/* display none until init */
.owl-carousel{
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;

}
.owl-carousel img{
    display:block;
  }

.draggble_slider_item {
    margin: 1px;
}
.owl-carousel .owl-wrapper{
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -webkit-backface-visibility: hidden;

}
.owl-carousel .owl-wrapper-outer{
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer{
 overflow: hidden!important;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
  -webkit-backface-visibility: hidden;
  -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;
}

 .owl-wrapper .owl-item:hover{
   z-index: 995!important;
   position: relative;
 }
.owl-carousel .owl-item{
    display: inline-block !important;
  float: left;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor:url(../images/grabbing.png) 8 8, move;
}
.owl-carousel .owl-item a, .owl-carousel .owl-item a:hover{

}
.owl-wrapper-outer .show-details a img, .owl-wrapper-outer .show-details , .slider_items, .slider_items a{
      cursor: -moz-grabbing;
      cursor: -webkit-grabbing;
      cursor:url(../images/grabbing.png) 8 8, move;
}

/* Styling Next and Prev buttons */   
.owl-theme .owl-controlls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; opacity: 0.5; } 
/* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ 
.owl-theme .owl-controlls.clickable .owl-buttons div:hover{ opacity: 1; text-decoration: none; }

/* mouse grab icon */
/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -webkit-backface-visibility: hidden;
  overflow: hidden;
}
.slider_post_content {
    background-color: #F8F8F8;
    padding: 20px;
    text-align: center;
}
.owl-item.loading {
    background: url("https://www.agnesallnaturalgrill.com/wp-content/plugins/kaya-cooks-page-widgets/css/AjaxLoader.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
    min-height: 150px;
}
.owl-wrapper-outer .portfolio-container a img, .owl-wrapper-outer .portfolio-container a, .slider_items, .slider_items a {
    cursor: url("../images/grabbing.png") 8 8, move;
}
/* CSS3 Transitions */

.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x : 50%;
  -webkit-perspective-origin-y : 50%;
  -moz-perspective : 1200px;
  -moz-perspective-origin-x : 50%;
  -moz-perspective-origin-y : 50%;
  perspective : 1200px;
  -webkit-backface-visibility: hidden;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
  -webkit-backface-visibility: hidden;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
  -webkit-backface-visibility: hidden;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
-webkit-backface-visibility: hidden;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
  -webkit-backface-visibility: hidden;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
  -webkit-backface-visibility: hidden;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
  -webkit-backface-visibility: hidden;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
-webkit-backface-visibility: hidden;
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  -webkit-backface-visibility: hidden;
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  -webkit-backface-visibility: hidden;
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  -webkit-backface-visibility: hidden;
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
  -webkit-backface-visibility: hidden;
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
  -webkit-backface-visibility: hidden;
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  -webkit-backface-visibility: hidden;
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
  -webkit-backface-visibility: hidden;
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8);
  -webkit-backface-visibility: hidden; }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); -webkit-backface-visibility: hidden;}
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); -webkit-backface-visibility: hidden;}
}
@keyframes goDown {
  from { transform: translateY(-100%); -webkit-backface-visibility: hidden;}
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); -webkit-backface-visibility: hidden; }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); -webkit-backface-visibility: hidden;}
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); -webkit-backface-visibility: hidden;}
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5);-webkit-backface-visibility: hidden; }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5);-webkit-backface-visibility: hidden; }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); -webkit-backface-visibility: hidden;}
}
 scale(1.5); -webkit-backface-visibility: hidden;}
}