/**
 * Swiper 4.0.6
 * 
 * Custom Styling
 * 
 */
 
.swiper-container {
	overflow: hidden;
	border: none;
	border-radius: 0.4rem;
}

	.swiper-container.grid_full {
		border-radius: 0;
	}

.swiper-wrapper {
	width: 100%;
	height: 100%;
	padding: 0 !important;
}

.swiper-overlay {
	z-index: 100;
	position: absolute;
	bottom: 1.5em;
	left: 0;
	padding: 0.8em 3.0em 0.0em;
}



/* Swiper Slides */

.swiper-slide {
	display: flex;
	align-items: center;
	position: relative;
/* 	max-height: 82.9vh; */
	margin-bottom: 0;
	text-align: center !important;
}

	.swiper-slide > img {
		flex: 1 1 auto;
		width: 100%;
/* 		max-width: 130%; */
/* 		height: 100%; */
		height: auto;
/* 		min-height: 100% !important; */
/* 		max-height: 130%; */
		margin-bottom: 0;
		border-radius: 0;
	}



/* Pagination Styles */

.swiper-pagination {
	position: absolute;
	text-align: left;
/*   bottom: -20px !important; */
}



/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 0px;
	left: 0px;
	padding: 0px 10px 2px;
	width: 100%;
/* 			background: hsla(200, 50%, 50%, 0.1); */
}



/* Bullets */

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: hsla(211, 54%, 19%, 1.0);
	opacity: 0.2;
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: hsla(36, 9%, 67%, 1.0);
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px; }



/* Scrollbar */

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%;
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	left: 0;
	top: 0;
}

.swiper-scrollbar-cursor-drag { cursor: move; }



/* Caption */

.swiper-caption {
/* 	display: none; */
}

.swiper-container {
	position: relative;
	overflow: hidden;
		-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/* Fix of Webkit flickering */
	z-index: 1;
}

.swiper-wrapper {
	position: relative;
	width: 100%;

	transition-property: transform, left, top;
	transition-duration: 0s;
	transform: translate3d(0px,0,0);
	transition-timing-function: ease-out;

	box-sizing: content-box;
}

.swiper-free-mode > .swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto;
}

/* .swiper-slide { float: left; } */

/* 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: */
/* 	margin-top: 1.6666666666667%; */
/* 			background: hsla(60, 50%, 50%, 0.1); */
}

	.swiper-wrapper {
	/* 			background: hsla(220, 50%, 50%, 0.1); */
	}
	
		.swiper-slide {					/* Specify Slides's Size: */
		/*
			width: 100%;
			height: 100%;
		*/
		}
		
			.swiper-slide img {
/* 				width: 100%; */
/* 				height: auto; */
/* 				margin: 0px !important; */
			}
		
			.swiper-slide-active {			/* Specific active slide styling: */
			}
			
			.swiper-slide-visible {			/* Specific visible slide styling: */
			}


/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination {
	z-index: 20;
	position: absolute;
	bottom: 0.0em;
	right: 1.6666666666667%;
}

	.swiper-pagination-switch {			/* Stylize pagination button: */	
		display: inline-block;
		width: 6px;
		height: 6px;
		background: hsla(30, 10%, 100%, 0.2);
/* 		border: 0px solid hsla(30, 10%, 30%, 0.4); */
		border-radius: 50%;
		margin: 2px;
		opacity: 0.8;
		cursor: pointer;
	}
	
		.swiper-active-switch {			/* Specific active button style: */	
			background: hsla(30, 10%, 100%, 1.0) !important;
		}
		
		.swiper-visible-switch {		/* Specific visible button style: */	
			background: hsla(30, 10%, 100%, 0.7) !important;
/* 			border: 1px solid hsla(170, 15%, 50%, 0.2) !important; */
		}



/* ===============================================================
Caption Styles
================================================================*/

/*
.swiper-caption {
	position: absolute;
	display: block;
	overflow: hidden;
	left: 0;
	bottom: -1px;
	width: 100%;
	margin: 0 auto;
	padding: 0.5em 1.6666666666667% 0.8em;
	background: linear-gradient( 0deg, hsla(210, 50%, 0%, 0.6), hsla(210, 50%, 0%, 0.2) 60%, hsla(210, 50%, 0%, 0.0) );
	color: white;
	font-size: 0.4rem;
	font-style: italic;
	line-height: 1.2em;
	text-align: center;
	text-shadow: 1px 1px 3px hsla(210, 50%, 0%, 0.9);
			background: hsla(100, 50%, 50%, 0.2);
}
*/



/* ===============================================================
Home Header Slideshow
================================================================*/

.swiper-container-header {
	overflow: hidden;
	border: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

	.swiper-container-header .swiper-slide > img {
		object-fit: cover;
		height: 100%;
	}



/* ===============================================================
MEDIA QUERIES
================================================================*/

@media only screen and (max-width: 40em) {

.swiper-container {
	width: 100% !important;
	margin-left: 0 !important;
}


/*
	.swiper-caption {
		font-size: 0.7rem;
	}
*/
		
}