@import url(https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Playfair+Display:400,400i,700,700i,900,900i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap);
body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	-moz-osx-font-smoothing: grayscale
}

.slide h1 {
	transition: all .3s ease;
	transform: translateY(-20px);
	opacity: 0
}

.slide button,
.slide p {
	transform: translateY(20px);
	opacity: 0
}

.slide button,
.slide p,
.slide section * {
	transition: all .3s ease
}

.slide section img {
	transform: translateX(-10px);
	opacity: 0
}

.slide section span {
	transform: translateY(-10px);
	opacity: 0
}

.slide section span strong {
	transform: translateY(10px);
	opacity: 0
}

.slide.animateIn.next button,
.slide.animateIn.next h1,
.slide.animateIn.next p,
.slide.animateIn.next section *,
.slide.animateIn.previous button,
.slide.animateIn.previous h1,
.slide.animateIn.previous p,
.slide.animateIn.previous section *,
.slide.current button,
.slide.current h1,
.slide.current p,
.slide.current section * {
	transform: translateX(0);
	transition-delay: .9s;
	opacity: 1
}

.slide.animateIn.next p,
.slide.animateIn.previous p {
	transition-delay: 1.1s
}

.slide.animateIn.next button,
.slide.animateIn.next section img,
.slide.animateIn.previous button,
.slide.animateIn.previous section img {
	transition-delay: 1.3s
}

.slide.animateIn.next section span,
.slide.animateIn.previous section span {
	transition-delay: 1.4s
}

.slide.animateIn.next section span strong,
.slide.animateIn.previous section span strong {
	transition-delay: 1.5s
}

.slide.animateOut h1 {
	transition-delay: .3s
}

.slide.animateOut p {
	transition-delay: .2s
}

.slide.animateOut section span {
	transition-delay: .1s
}

.slide.animateOut section span strong {
	transition-delay: 0s
}

.slider-wrapper {
	position: relative;
	height: 70vh;
	overflow: hidden
}

.slide {
	height: 70vh;
	background-size: cover!important
}

.slide:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .9)));
	background: rgba(0, 0, 0, .4);
	bottom: 0;
	left: 0
}

.nextButton,
.previousButton {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAMAAABrrFhUAAAABGdBTUEAALGPC/xhBQAAAGlQTFRFAAAAk5OTwsLCycnJ/v7+wcHBnJyc0dHR7Ozsm5ub6+vrmpqa0NDQoKCgn5+fxcXFlpaWlZWVw8PDnp6el5eX+vr6xMTEnZ2doaGhxsbGx8fHmJiYlJSU+/v77e3t/Pz87u7u/f39////NeTqqAAAAAF0Uk5TAEDm2GYAAAKFSURBVHja7dzbWhNBFAXh8QTGI4mEACHMZN7/IZUbPzV96Y3Wv96g96pMehcTpklERERE5K/kw0P7/Mu6pifwvP7IXbr/lzyk+w8zsKw/85ju/yW7+PmDDPxx/hwDy3qRFgPvLwewvm5dgVcMXGaHgTwDd3kGWnvBc56BZwwMJvDVBHwKPAkxgIH8BB7zE9hhAAMYwAAG3AfcCVMTWDCAAX4gP4HFdowBDOS/DRe34vxmhAEM2I4xgAEMYIAhYUgwgAGWjCFhSBgSDGCAIbEZYWDBAAYwgAGWDAMMCUPCkGAAAyyZTwFDggEMuBXbjjGAAQxgAAPuA+6EGMAAP2ACPgUYwIBvQ7dimxEGMIABDGAAAxhwJ7QXYAAD/IAJ+BR4EmIAA35tl9+M5sEE3oXO/+3t5fnnY+f89wMATk+h/s/t/j+f9X/R/23n/F8G599v2+c/1/u/aT//zqHzj55/+9t2//O23f8p1P/9qP/Q/ecw6v+of/13+z/pX//h/mf9t/1H3H/t4/d//qt9/rz/4L/a/df9R+j5d+C/+A/7r/71z3/wH/wH/6H/+N+/vf/TPn/Jf/Bf/Jf3f/gv/sv+y3/on//QP/+l/7T/4L/a/Xv/p+0/+K/088/7P+3+/f6N/7D/6l//9l/967/WP/8V9x9+/5be//mv9vm9/9N+/vFf8f3X79/4D/uv/vX//3//xf//8ce5vf8e9K//cP+buP+4mtv+YxN//2czt/3HVdx/1Ps/xP3H6P5T8l+j+0+9//r+Oz/pP5OR/3kVOv/0qd3/YAKl/Xc0gfk4TeUJ9Pr/fQLF/n+dwGk7RXOd818jBvbbKZzrlP8a5c3NJCIiIiLyD+Q75rxurtZWm98AAAAASUVORK5CYII=) no-repeat 50%/32px;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	cursor: pointer;
	background-color: hsla(0, 0%, 100%, .15)
}

.nextButton:hover,
.previousButton:hover {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAMAAABrrFhUAAAABGdBTUEAALGPC/xhBQAAAGlQTFRFAAAAk5OTwsLCycnJ/v7+wcHBnJyc0dHR7Ozsm5ub6+vrmpqa0NDQoKCgn5+fxcXFlpaWlZWVw8PDnp6el5eX+vr6xMTEnZ2doaGhxsbGx8fHmJiYlJSU+/v77e3t/Pz87u7u/f39////NeTqqAAAAAF0Uk5TAEDm2GYAAAKFSURBVHja7dzbWhNBFAXh8QTGI4mEACHMZN7/IZUbPzV96Y3Wv96g96pMehcTpklERERE5K/kw0P7/Mu6pifwvP7IXbr/lzyk+w8zsKw/85ju/yW7+PmDDPxx/hwDy3qRFgPvLwewvm5dgVcMXGaHgTwDd3kGWnvBc56BZwwMJvDVBHwKPAkxgIH8BB7zE9hhAAMYwAAG3AfcCVMTWDCAAX4gP4HFdowBDOS/DRe34vxmhAEM2I4xgAEMYIAhYUgwgAGWjCFhSBgSDGCAIbEZYWDBAAYwgAGWDAMMCUPCkGAAAyyZTwFDggEMuBXbjjGAAQxgAAPuA+6EGMAAP2ACPgUYwIBvQ7dimxEGMIABDGAAAxhwJ7QXYAAD/IAJ+BR4EmIAA35tl9+M5sEE3oXO/+3t5fnnY+f89wMATk+h/s/t/j+f9X/R/23n/F8G599v2+c/1/u/aT//zqHzj55/+9t2//O23f8p1P/9qP/Q/ecw6v+of/13+z/pX//h/mf9t/1H3H/t4/d//qt9/rz/4L/a/df9R+j5d+C/+A/7r/71z3/wH/wH/6H/+N+/vf/TPn/Jf/Bf/Jf3f/gv/sv+y3/on//QP/+l/7T/4L/a/Xv/p+0/+K/088/7P+3+/f6N/7D/6l//9l/967/WP/8V9x9+/5be//mv9vm9/9N+/vFf8f3X79/4D/uv/vX//3//xf//8ce5vf8e9K//cP+buP+4mtv+YxN//2czt/3HVdx/1Ps/xP3H6P5T8l+j+0+9//r+Oz/pP5OR/3kVOv/0qd3/YAKl/Xc0gfk4TeUJ9Pr/fQLF/n+dwGk7RXOd818jBvbbKZzrlP8a5c3NJCIiIiLyD+Q75rxurtZWm98AAAAASUVORK5CYII=) no-repeat 50%/32px;
	background-color: hsla(0, 0%, 100%, .25)
}

.previousButton {
	left: 0;
	transform: rotate(180deg) translateY(50%)
}

.previousButton:hover {
	left: -10px
}

.nextButton {
	right: 0
}

.nextButton:hover {
	right: -10px
}

.slider-content {
	text-align: center
}

.slider-content .inner {
	padding: 0 70px 70px;
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0
}

.slider-content .sliderStyle2 button {
	transition-delay: 0s
}

.slider-content .inner h1 {
	font-weight: 900;
	margin: 0 auto;
	max-width: 840px;
	color: #fff;
	font-size: 64px;
	line-height: 1
}

.slider-content section {
	position: absolute;
	bottom: 20px;
	left: 20px
}

.slider-content section span {
	color: #fff;
	color: hsla(0, 0%, 100%, .5);
	font-size: 12px;
	display: inline-block;
	text-align: left;
	line-height: 1.4;
	vertical-align: middle;
	margin-left: 10px
}

.slider-content section img {
	width: 40px;
	height: 40px;
	border: 2px solid hsla(0, 0%, 100%, .5);
	border-radius: 100%;
	vertical-align: middle
}

.slider-content section span strong {
	color: #fff;
	font-size: 14px;
	display: block
}

@media (max-height:500px) {
	.slide,
	.slider-wrapper {
		height: calc(100vh - 75px)
	}
}

@media (max-width:640px) {
	.slide,
	.slider-wrapper {
		height: calc(80vh - 75px)
	}
}

@media (max-height:600px) {
	.slider-content .inner h1 {
		font-size: 32px
	}
}

@media (max-width:640px) {
	.slider-content .inner h1 {
		font-size: 32px
	}
}