.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	direction:ltr;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}

/*--elgegance--*/
html, body{
	height: 100% !important;
	overflow:hidden;
}
.inner-page{
	height:calc(100% - 53px) !important;
}
.list-box{
	height:45px; /*background:red;*/
	height:100% !important;
	overflow:hidden;
}

@media (max-width: 767px){
	html, body{
		height: auto !important;
	}

	.list-box{
		height:100vh;
	}

    .list-box .swiper-slide{
		height: 100%;
		overflow: auto;
	}
	
	.list-box .swiper-slide{
		padding-bottom: 70px;
	}
}

@media only screen and (max-width: 640px){
	.swiper-slide figcaption {
		padding: 11px 2px !important;
	}
}

.sticky-left{
	z-index:2 !important
}

.footer-display{
	position:absolute; 
	left:90px;
	top:15px;
}
.sticky-left ul li{
	margin-bottom:0;
}

/*--gallery--*/
.swiper-container {
        width: 100%;
    }

    .swiper-slide{
		position:relative;
	}
	

	.swiper-slide img{
		height:100%; width:auto;
		display:block; max-width:none;
	}
	.swiper-slide a{
		position:absolute;
		top:0; bottom:0; left:0; right:0;
		background:rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
		 -webkit-transition:background-color linear 0.2s;
		-moz-transition:all linear 0.2s;
	}
	.ipad .swiper-slide a, .appleDevice .swiper-slide a{background: transparent}
	.swiper-slide:hover a{background: transparent}
	.swiper-slide a:hover{background: transparent}
	/*
	.swiper-slide a:after{
		content:'';
		background-color:rgba(87, 167,182, 0.3);
		display:block;;

		-webkit-transition:background-color linear 0.4s;
		position:absolute; left:0; right:0; bottom:0; top:0;
		opacity:0;
	}
	*/
	
	
	
	.swiper-slide figcaption{
		position:absolute; left:0; right:0;
		text-align:center;
		 padding:10px 4px;
		 
		 -webkit-transition:background-color linear 0.2s;
		-moz-transition:all linear 0.2s;
		 background-color:/*rgba(207, 32, 80, 0.8)*/ #468692 ;
		  color: #cdcdcd;
		  font: 18px/20px 'latoregular';
	}
	
	.swiper-slide:hover figcaption{
		 background-color:/*rgba(208, 10, 64, 0.6)*/#469bab;
		 color: #fff
	}
	
	.swiper-slide figcaption span{
	  display: block;
	  font-size: 20px;
	  padding-top: 8px;
	  text-transform: uppercase;
	}
	
	
	
	

	
	.swiper-button{
		  background-color: #57a7b6;
		  z-index:1;
	  display: block;
	  height: 57px;
	  margin-top:-28.5px;
	  position: fixed;
	  top: 50%;
	  width: 57px;
	  background: url(../../images/slider-arrow.jpg) no-repeat 0 0;
	  transition: all 500ms ease-in-out;
	  -moz-transition: all 500ms ease-in-out;
	  -webkit-transition: all 500ms ease-in-out;
	  -ms-transition: all 500ms ease-in-out;
	  -o-transition: all 500ms ease-in-out;
	  cursor:pointer;
	}
	
	
	.inner-page .swiper-button-prev{left:-60px;	}
	.inner-page .swiper-button-next{right:-60px;	}
	
	.nontouch-screen .inner-page:hover .swiper-button-prev{left:60px;}
	.nontouch-screen .inner-page:hover .swiper-button-next{right:60px;}
	
	.swiper-button-next{
		background-position:right top;
	}
	.swiper-button-prev:hover{
		background-position:left bottom;
	}
	.swiper-button-next:hover{
		background-position:right bottom;
	}
	
	@media only screen and (max-width: 1250px) {
	.swiper-slide figcaption {
	    font-size: 16px;
	}
	}
	
	@media only screen and (max-width:640px) {
		.swiper-slide figcaption{
			font:12px/20px 'latoregular';
			 padding:6px 2px;
		}
		.swiper-slide figcaption span{
		  font-size:14px;
		}
	}
	@media only screen and (max-height:460px) {
		.swiper-slide figcaption{
			font:12px/20px 'latoregular';
			 padding:6px 2px;
		}
		.swiper-slide figcaption span{
		  font-size:14px;
		}
	}
	
	
	@media only screen and (max-width:480px) {
		.swiper-button{display:none;}
	}