/* 

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

}

.product-price.vmscroll  {

  clear: both;

}

.owl-carousel .owl-stage-outer {

  position: relative;

  overflow: hidden;

  /* fix for flashing background */

  -webkit-transform: translate3d(0px, 0px, 0px);

}

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

  width: auto;

  margin: 0 auto;

  -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 {

  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("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;

}



/* 

 * 	Default theme - Owl Carousel CSS File

 */

.owl-theme .owl-nav {

  margin-top: 10px;

  text-align: center;

  -webkit-tap-highlight-color: transparent;

}

.owl-theme .owl-nav [class*='owl-'] {

  color: white;

  font-size: 14px;

  margin: 5px;

  padding: 4px 7px;

  background: #d6d6d6;

  display: inline-block;

  cursor: pointer;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

}

.owl-theme .owl-nav [class*='owl-']:hover {

  background: #869791;

  color: white;

  text-decoration: none;

}

.owl-theme .owl-nav .disabled {

  opacity: 0.5;

  cursor: default;

}

.owl-theme .owl-nav.disabled + .owl-dots {

  margin-top: 10px;

}

.owl-theme .owl-dots {

  text-align: center;

  -webkit-tap-highlight-color: transparent;

}

.owl-theme .owl-dots .owl-dot {

  display: inline-block;

  zoom: 1;

  *display: inline;

}

.owl-theme .owl-dots .owl-dot span {

  width: 0px;

  height: 0px;

  margin: 0px 0px;

  background: none;

  display: none;

  -webkit-backface-visibility: visible;

  -webkit-transition: opacity 200ms ease;

  -moz-transition: opacity 200ms ease;

  -ms-transition: opacity 200ms ease;

  -o-transition: opacity 200ms ease;

  transition: opacity 200ms ease;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  border-radius: 30px;

}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

  background: #869791;

}

.vmcartarea .labsocial-icons {

    display: block;

    float: none !important;

    margin-top: 0px;

}



.owl-item .image {

    position: relative;

    height:160px;

}

.owl-item:hover > .image {

    background: none repeat scroll 0 0 #fff;

    transition: all 0.3s ease-in-out 0s;

}

.vmshort_desc  {

    color: #fff;

    padding:10px;

    text-align: center;

}

.owl-item:hover > .vmcartarea {

    background: rgba(0, 0, 0, 0.5);

    transition: all 0.5s ease 0s;

}

.owl-item.schover {

    overflow: hidden;

}

.owl-item.schover .vmcartarea {

    background: rgba(0, 0, 0, 0.65);

    bottom: -100%;

    height: 50%;

    width:100%;

    position: absolute;

    top: auto;

    transition: all 0.5s ease 0s;

}

.owl-item.schover:hover .vmcartarea {

    bottom: 0;

    transition: all 0.5s ease 0s;

}

.owl-item.schover > img {

    opacity: 1;

    transition: all 0.5s ease 0s;

}

.owl-item.schover:hover > img {

    opacity: 0.5;

    transition: all 0.5s ease 0s;

}

.vmscroll {

    text-align: center;

}

.vmscroll .pname{

font-size: 1.12em;

font-weight: normal;

min-height: 50px;

padding: 5px;

}





