﻿/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: February 7, 2016
 */

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

/* Common Styles */
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

swiper-container { margin: 1em auto 0em; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.swiper-container-android .swiper-slide,
.swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); }
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

.reviewslide { min-height: 6em; width: 15em; color: #fff; }

.reviewslideinner { padding: 1em; }

.productreviews .rating { color: #FBDC43; font-size: 1.4em; /*#64c5ff;*/ }
.productreviews .rating i { margin-left: 0.2em; }
.headrating { color: #f3ca00; }
.reviewdate { color: #666; }
.reviewslideinner .reviewname { }
.reviewslide .reviewslideinner p { padding-bottom: 0em; margin: 0; }


/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide { height: auto; }
.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height; }

.swiper-button-next, .swiper-button-prev { font-size: 300%; color: #666; padding: 0em; z-index: 999; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; }
.swiper-button-prev { left: 0em; }
.swiper-button-next { right: 0em; }
.swiper-button-disabled { opacity: 0.2; }

.productreviews .swiper-button-next, .productreviews .swiper-button-prev { color: #999; }
.productreviewsouter { padding-left: 4em; padding-right: 4em; top: 0; height: auto; position: relative; }


.bannertext { background: rgba(255,255,255,0.6); text-align: center; font-size: 2.5em; display: block; width: auto; padding: 1em 2em; position: absolute; top: 50%; transform: translateY(-50%); line-height: 150%; width: 100%; box-sizing: border-box; }

.swiper-slide:hover .bannertext { background: rgba(255,255,255,0.8); }
.swiper-slide a { color: #000 !important; height: 320px; width: 100%; display: block; background: #fff no-repeat center; }
