/* 
 *  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 { 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); }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; }
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .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-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-grab { 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.beefayre.com/skin/frontend/rwd/beefayre/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; height: 100%; width: 100%; }

.owl-carousel .owl-nav div{ font-size:0; line-height:0;  width:77px; text-align:center; height:100%; position:absolute; top:0; color:#fff; background:url(../images/owl-strap.png) repeat-y 0 0; text-align:left}
.owl-carousel .owl-nav div:before{font-family: 'FontAwesome';  font-size:24px; line-height:40px; position:relative; top:40%}
.owl-carousel .owl-nav .owl-prev{ left:0;  }
.owl-carousel .owl-nav .owl-next{ right:0;background-position:100% 0; text-align:right}
.owl-carousel .owl-nav .owl-prev:before {  content: "\f053";}
.owl-carousel .owl-nav .owl-next:before {  content: "\f054";}
.owl-carousel .owl-nav div.disabled{ display:none!Important}

/*******featured-grid********/
.carousel { background: url(../images/loader.png) no-repeat center center; }
.carousel-grid {position:relative; width:100%; clear:both; padding:25px 0 }
.carousel.active { background: none; }
.carousel > div { opacity: 0; visibility: hidden; }

.carousel.active > div {opacity:1; visibility:visible; transition:all 0.3s ease 0s; }
.carousel-grid .carousel{margin:0; position:relative}
.carousel-grid .page-title {padding-bottom:20px; border:none; border:none}
.carousel-grid .page-title h2 {margin-bottom:0; border:none; color:#231f20; font-size:16px; font-weight:bold; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif}

.carousel-grid .item {text-align: left; padding:0; display: block; }
.carousel-grid .product-image { margin: 0 0 10px }
.carousel-grid .product-info { position: relative; padding-bottom:50px; text-align:center; }
.carousel-grid .actions { position:absolute; left: 0; bottom: 0; min-height: 40px; text-align: left; }
.carousel-grid .ratings{ display:none}
.carousel-grid .product-name { text-transform: none; font-size:13px; text-align:center; }
.carousel-grid .product-name a { color: #231f20; }
 
.carousel-grid .actions{ width: auto; min-height:40px; right: 12px; bottom: 0px; padding: 0; position: absolute; text-align:center }
.carousel-grid .price-box { color: #4a4a4a; font-weight: bold; font-size: 14px; display: block; right:0px; top:0; margin:0; }
.carousel-grid .price-box p { padding: 0 }
.carousel-grid .price-box .minimal-price-link, .carousel-grid .price-box .old-price { display: none; }
.carousel-grid .price-label { display: none; }
.carousel-grid button.button{}



 @media screen and (max-width:767px) {
 .carousel-grid .page-title h2{ font-size:16px;}
 .owl-carousel .owl-nav div{ width:30px; background:none; color:#000}
 .carousel-grid .product-name{ height:auto!important; text-align:center;}
.carousel-grid .product-info {padding:0 15px;text-align:center; height:auto!important; text-align:center;}
.carousel-grid .price-box { margin: 0; width: 100%; position: static; }
.carousel-grid .actions { position: static; width:100%; clear:both; text-align:center }