/** responsive styles **/
.slider {
    overflow: hidden;
    position:relative;
	top:0;
	left:0;
    width: 100%;
}

.slides {
  overflow: hidden;
  list-style:none;
  margin:0;
  padding:0;
  /**	
   * Prevent blinking issue
   * Not tested. Experimental.
   */
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;

   -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
	
.slide {
  height: 100%;
  float: left;
  clear: none;
  list-style:none;
  margin:0;
  padding:0;
  position: relative;
  text-align: center;
  background:#fff;
}

.slider__nav {
  /*position: absolute;*/
  bottom: 10px;
  margin:10px auto 0 auto;
}
.slider__nav-item {
  width: 12px;
  height: 12px;
 /*float: left;*/
  clear: none;
  display: inline-block;
  margin: 0 3px 3px 3px;
  background: #F3F3F3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #BCC1C8;
  
}
.slider__nav-item:hover { background: #BCC1C8; }
.slider__nav-item--current, .slider__nav-item--current:hover { background: #BCC1C8; }

.slider__arrows-item {
  position: absolute;
  display: block;
  margin-bottom: -20px;
  padding: 20px;
  font-family: 'Alegreya Sans', 'Trebuchet MS', sans-serif;
  text-decoration: none;
  font-weight: 900;
  font-size: 2.0em;
  color: #BCC1C8;
  border: 1px solid #BCC1C8;
  border-radius: 8px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.slider__arrows-item:hover {
  background: #ddd;
  color: #aaa;
}
.slider__arrows-item--right { bottom: 50%; right: 30px; }
.slider__arrows-item--left { bottom: 50%; left: 30px; }

#zoom-box{
	background-color:#fff;
	position:fixed;
	text-align:center;
	bottom:0;
	top:0;
	padding:0;
	height:100%;
	width: 100%;
	z-index:1000;
}

#zoom{
	padding-top: 50px;
	border:2px solid;
	width:100%;
	height:100%;
	text-align:left;
}
.zoom-close{
	z-index: 1000;
	position: absolute;
	right: 13px;
	margin-top: 10px;
	width: auto;
	border: 1px solid #000;
	background: rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 2px;
	  -moz-border-radius: 2px;
	  border-radius: 2px;
}
.zoom-close a{
	display:block;
	padding:10px 20px 10px 20px;
	font-size:15px;
	color:#000;
	font-weight:bold;
}