.swipe {
 	overflow: hidden;
 	visibility: hidden;
 	position: relative;
 }

 .swipe-wrap {
 	overflow: hidden;
 	position: relative;
 }

 .swipe-wrap>div {
 	float: left;
 	width: 100%;
 	position: relative;
 }

 .slider-item {
 	width: 100%;
 	position: relative;
 	height: 450px;
 }

 .slider-item-content {
 	color: #fff;
 	width: 80%;
 	position: relative;
 	z-index: 50;
 	text-align: center;
 	opacity: 0;
 	text-align: center;
 	color: #fff !important;
 	animation-delay: 500ms;
 	animation: fadeDown 250ms ease-in-out;
 	animation-fill-mode: forwards;
 	font-family: 'Open Sans', sans-serif;
 	font-weight: 300;
 	list-style: 1.7;
 	text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
 }

 .slider-item-content p {
 	color: #fff;
 	font-size: 2rem;
 	font-weight: 300;
 	font-family: 'Source Sans Pro', sans-serif;
 }

 .slider-item-content h1,
 .slider-item-content h2,
 .slider-item-content h3,
 .slider-item-content h4,
 .slider-item-content h5,
 .slider-item-content h6 {
 	color: #fff;
 	font-size: 3.5rem;
 	font-weight: 400;
 	font-family: 'Source Sans Pro', sans-serif;
 	list-style: 1.7;

 }

 .slider-fog {
 	width: 100%;
 	height: 100%;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 }

 .slider-next {
 	position: absolute;
 	top: 0;
 	right: 20px;
 	width: 70px;
 	height: 100%;
 	z-index: 50;
 	background: transparent;
 	border: none;
 	color: #fff;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	cursor: pointer;
 }

 .slider-prev {
 	position: absolute;
 	top: 0;
 	left: 20px;
 	width: 70px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	height: 100%;
 	z-index: 50;
 	background: transparent;
 	border: none;
 	color: #fff;
 	cursor: pointer;
 }

 .slider-prev img,
 .slider-next img {
 	filter: invert(100%);
 	width: 100%;
 	height: auto;
 }

 .slider-container {
 	width: auto;
 	height: auto;
 	position: relative;
 }

 .slider-item-btn {
 	padding: 15px;
 	margin-top: 10px;
 	display: inline-block;
 	text-transform: uppercase;
 	text-decoration: none !important;
 	font-size: 0.9rem;
 	line-height: 17px;
 	color: #fff !important;
 	background: var(--primary-hover);
 	transition: all 250ms ease-in-out;
 	opacity: 0;
 	animation: fadeUp 500ms ease-in-out;
 	animation-fill-mode: forwards;
	border-radius: var(--border-radius) !important;
 }

 .slider-item-btn:hover {
 	transform: translate(0, -5px);
 	box-shadow: 2px 2px 10px rgba($color: #000000, $alpha: 0.3);
 	background: var(--primary);
 	filter: brightness(90%);
 }

 @keyframes fadeUp {

 	from {
 		opacity: 0;
 		transform: translate(0, 50px);
 	}

 	to {
 		opacity: 1;
 		transform: translate(0, 0);

 	}

 }

 @keyframes fadeDown {

 	from {
 		opacity: 0;
 	}

 	to {
 		opacity: 1;
 	}

 }