.btn-draw {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: auto;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	text-decoration: none !important;
	text-align: center;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.btn-draw {
	color: #00ffc8;
	margin-left: 2.3em;
}
.btn-draw:after {
	content: '';
	top: 0;
	right: 0;
	height: 1px;
	width: 100%;
	background-color: #00ffc8;
}
.btn-draw:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -2.4em;
	height: 1px;
	width: 3em;
	background-color: #00ffc8;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.btn-draw .btn-draw__text {
	position: relative;
	display: block;
	padding: 0.7555em 2.29em;
	line-height: 1.5;
	-webkit-transition: -webkit-transform 0.5s ease;
	transition: -webkit-transform 0.5s ease;
	transition: transform 0.5s ease;
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.btn-draw .btn-draw__text:before, .btn-draw .btn-draw__text:after {
	content: '';
	position: absolute;
	height: 1px;
	width: 0;
	background-color: #00ffc8;
}
.btn-draw .btn-draw__text:before {
	top: 0;
	left: 0;
	-webkit-transition: width 0.15s 0.45s cubic-bezier(0.77, 0, 0.175, 1);
	transition: width 0.15s 0.45s cubic-bezier(0.77, 0, 0.175, 1);
}
.btn-draw .btn-draw__text:after {
	bottom: 0;
	right: 0;
	-webkit-transition: width 0.15s 0.15s cubic-bezier(0.77, 0, 0.175, 1);
	transition: width 0.15s 0.15s cubic-bezier(0.77, 0, 0.175, 1);
}
.btn-draw .btn-draw__text > span:before, .btn-draw .btn-draw__text > span:after {
	content: '';
	position: absolute;
	height: 0;
	width: 1px;
	background-color: #00ffc8;
	-webkit-transition: all 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
	transition: all 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
}
.btn-draw .btn-draw__text > span:before {
	left: 0;
	bottom: 0;
	-webkit-transition: height 0.15s 0 cubic-bezier(0.77, 0, 0.175, 1);
	transition: height 0.15s 0 cubic-bezier(0.77, 0, 0.175, 1);
}
.btn-draw .btn-draw__text > span:after {
	right: 0;
	top: 0;
	-webkit-transition: height 0.15s 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	transition: height 0.15s 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}

@media (hover) {
	.btn-draw:hover, a:hover .btn-draw {
		cursor: pointer;
		color: #00ffc8;
	}
	.btn-draw:hover:before, a:hover .btn-draw:before {
		width: 0;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	.btn-draw:hover .btn-draw__text, a:hover .btn-draw .btn-draw__text {
		-webkit-transform: translateX(-2.2em);
		transform: translateX(-2.2em);
		-webkit-transition: width 1s ease, -webkit-transform 0.5s ease;
		transition: width 1s ease, -webkit-transform 0.5s ease;
		transition: transform 0.5s ease, width 1s ease;
		transition: transform 0.5s ease, width 1s ease, -webkit-transform 0.5s ease;
	}
	.btn-draw:hover .btn-draw__text:before, a:hover .btn-draw .btn-draw__text:before {
		width: 100%;
		max-width: 100%;
		-webkit-transition: width 0.15s cubic-bezier(0.77, 0, 0.175, 1);
		transition: width 0.15s cubic-bezier(0.77, 0, 0.175, 1);
	}
	.btn-draw:hover .btn-draw__text:after, a:hover .btn-draw .btn-draw__text:after {
		width: 100%;
		-webkit-transition: width 0.15s 0.3s cubic-bezier(0.77, 0, 0.175, 1);
		transition: width 0.15s 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	}
	.btn-draw:hover .btn-draw__text > span:before, a:hover .btn-draw .btn-draw__text > span:before {
		left: 0;
		height: 100%;
		-webkit-transition: height 0.15s 0.45s cubic-bezier(0.77, 0, 0.175, 1);
		transition: height 0.15s 0.45s cubic-bezier(0.77, 0, 0.175, 1);
	}
	.btn-draw:hover .btn-draw__text > span:after, a:hover .btn-draw .btn-draw__text > span:after {
		right: 0;
		height: 100%;
		-webkit-transition: height 0.15s 0.15s cubic-bezier(0.77, 0, 0.175, 1);
		transition: height 0.15s 0.15s cubic-bezier(0.77, 0, 0.175, 1);
	}
}
.btn-draw.btn--white {
	color: #fff;
}
.btn-draw.btn--white:before, .btn-draw.btn--white:after, .btn-draw.btn--white .btn-draw__text:before, .btn-draw.btn--white .btn-draw__text:after, .btn-draw.btn--white .btn-draw__text > span:before, .btn-draw.btn--white .btn-draw__text > span:after {
	background-color: #fff;
}
.btn-draw.btn--white:hover, a:hover .btn-draw.btn--white {
	color: #fff;
}
.velo-slides {
	z-index: 8;
	position: relative;
	height: 100vh;/*background-color: #111;*/
}
.velo-slides[data-velo-slider="on"] {
	overflow: hidden;
}
.velo-slide {
	height: 100vh;
	z-index: 4;
}
h3.velo-slide__title {
	font-size: 6vh !important;
	font-weight: 700 !important;
	line-height:1.2em !important;
}
.velo-slide__footer_info {
	display: none;
}
@media (min-width: 768px) {
	h3.velo-slide__title {
		font-size: 12vh !important;
	}	
	.velo-slide__footer_info {
		display: block;
		position: absolute;
		height: 7vw;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 0 7vw;	
		z-index: 99;
	}
	.velo-slide__footer_info>div {
		width: 50%;
		float: left;
		text-align: left;
		top: 70%;
    	transform: translateY(70%) !important;		
	}
	.velo-slide__footer_info>div>br {
	    margin: 0 !important;
	}
	.velo-slide__footer_info>div:last-child {
		text-align: right;
	}
}
[data-velo-slider="on"] .velo-slide {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.velo-slide.is-active {
	z-index: 8;
}
.velo-slide__bg {
	z-index: 7;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	color: #111;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: #111;
	overflow: hidden;
}
.velo-slide__bg:after {
	z-index: 0;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0.4;
}
.velo-slide__figure {
	z-index: 0;
	position: relative;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.5s ease;
	transition: -webkit-transform 0.5s ease;
	transition: transform 0.5s ease;
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.is-hovering .velo-slide__figure {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: -webkit-transform 0.5s ease;
	transition: -webkit-transform 0.5s ease;
	transition: transform 0.5s ease;
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.velo-slide__vid-wrap {
	z-index: 5;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.5s ease;
	transition: -webkit-transform 0.5s ease;
	transition: transform 0.5s ease;
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.velo-slide__vid-wrap:after {
	z-index: 0;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0.4;
}
.is-hovering .velo-slide__vid-wrap {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: -webkit-transform 0.5s ease;
	transition: -webkit-transform 0.5s ease;
	transition: transform 0.5s ease;
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.velo-slide__vid {
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	min-width: 100%;
	max-width: none;
	height: auto;
	min-height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.velo-slide__header {
	z-index: 9;
	position: relative;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow-y: hidden;
	padding: 12%;
}
.velo-slide__pretitle {
	color: #fff;
	max-width: 22em;
}

@media (min-width: 54em) {
	.velo-slide__pretitle {
		margin-left: 7%;
	}
}
.velo-slide__title {
	margin-bottom: 0.1em;
	line-height: 1.1;
	color: #fff;
	letter-spacing: -0.025em;
	font-weight: 700;
	font-size: 2.25em;
}

@media (min-width: 54em) {
	.velo-slide__title {
		font-size: 5em;
	}
}

@media (min-width: 65em) {
	.velo-slide__title {
		font-size: 5em;
	}
}

@media (min-width: 91em) {
	.velo-slide__title {
		font-size: 5em;
	}
}
.velo-slide__text {
	color: #fff;
	max-width: 30em;
	display: block;
	margin: 1em 0 1.5em 1%;
	font-size: 1.1em;
	line-height: 1.8;
	font-weight: 300;
}
.velo-slide__btn {
	opacity: 0;
}
.is-active .velo-slide__btn {
	opacity: 1;
}
.velo-slide__btn > a > span {
	opacity: 0;
	overflow-y: hidden;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.is-active .velo-slide__btn > a > span {
	opacity: 1;
	z-index: 9999;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: opacity 0.8s ease, -webkit-transform 0.4s ease;
	transition: opacity 0.8s ease, -webkit-transform 0.4s ease;
	transition: transform 0.4s ease, opacity 0.8s ease;
	transition: transform 0.4s ease, opacity 0.8s ease, -webkit-transform 0.4s ease;
}
.velo-slides[data-velo-theme="light"] .velo-slide__bg {
	color: #fff;
}
.oh {
	display: block;
	overflow-y: hidden;
	padding: 0.02em 0;
}
.oh span {
	display: inline-block;
	-webkit-transform: translate3d(0, 140%, 0);
	transform: translate3d(0, 140%, 0);
	opacity: 0;
	-webkit-transition: opacity 0.8s ease, -webkit-transform 0.4s ease;
	transition: opacity 0.8s ease, -webkit-transform 0.4s ease;
	transition: transform 0.4s ease, opacity 0.8s ease;
	transition: transform 0.4s ease, opacity 0.8s ease, -webkit-transform 0.4s ease;
}
.is-active .oh span {
	-webkit-transform: translate3d(0, 0%, 0);
	transform: translate3d(0, 0%, 0);
	opacity: 1;
	-webkit-transition: opacity 0.1s ease, -webkit-transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
	transition: opacity 0.1s ease, -webkit-transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
	transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease;
	transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease, -webkit-transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.is-active .oh:nth-of-type(2n) span {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.border, .border:before, .border:after, .border span {
	z-index: 91;
	position: fixed;
	background-color: currentColor;
	-webkit-transition: 0.35s ease-in-out;
	transition: 0.35s ease-in-out;
}
.is-hovering .border, .is-hovering .border:before, .is-hovering .border:after, .is-hovering .border span {
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
.velocity-animating .border, .velocity-animating .border:before, .velocity-animating .border:after, .velocity-animating .border span {
	-webkit-transition: 0.5s cubic-bezier(0.77, 0, 0.175, 1);
	transition: 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
.border {
	top: 0;
	left: 0;
	width: 100%;
	height: 0vw;
}

@media (min-width: 54em) {
	.border {
		height: 10vw;
	}
}

@media (min-width: 91em) {
	.border {
		height: 7vw;
	}
}

@media (min-width: 115em) {
	.border {
		height: 7vw;
	}
}
.is-hovering .border {
	height: 0vw;
}
.velocity-animating .border {
	height: 8vw;
}

@media (min-width: 54em) {
	.velocity-animating .border {
		height: 12vw;
	}
}
.border:before {
	content: '';
	bottom: 0;
	left: 0;
	width: 0vw;
	height: 100%;
	width: 0vw;
}

@media (min-width: 54em) {
	.border:before {
		width: 10vw;
	}
}

@media (min-width: 91em) {
	.border:before {
		width: 7vw;
	}
}

@media (min-width: 115em) {
	.border:before {
		width: 7vw;
	}
}
.is-hovering .border:before {
	width: 0vw;
}
.velocity-animating .border:before {
	width: 8vw;
}

@media (min-width: 54em) {
	.velocity-animating .border:before {
		width: 12vw;
	}
}
.border:after {
	content: '';
	bottom: 0;
	right: 0;
	height: 100%;
	width: 0vw;
	width: 0vw;
}

@media (min-width: 54em) {
	.border:after {
		width: 10vw;
	}
}

@media (min-width: 91em) {
	.border:after {
		width: 7vw;
	}
}

@media (min-width: 115em) {
	.border:after {
		width: 7vw;
	}
}
.is-hovering .border:after {
	width: 0vw;
}
.velocity-animating .border:after {
	width: 8vw;
}

@media (min-width: 54em) {
	.velocity-animating .border:after {
		width: 12vw;
	}
}
.border span {
	bottom: 0;
	left: 0;
	height: 0vw;
	width: 100%;
	height: 0vw;
}

@media (min-width: 54em) {
	.border span {
		height: 10vw;
	}
}

@media (min-width: 91em) {
	.border span {
		height: 7vw;
	}
}

@media (min-width: 115em) {
	.border span {
		height: 7vw;
	}
}
.is-hovering .border span {
	height: 0vw;
}
.velocity-animating .border span {
	height: 8vw;
}

@media (min-width: 54em) {
	.velocity-animating .border span {
		height: 12vw;
	}
}
.velo-slider__hint {
	z-index: 99;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	height: 100vh;
	width: 4em;
	font-size: 0.9em;
	color: #fff;
}

@media (min-width: 54em) {
	.velo-slider__hint {
		display: block;
	}
}
.velo-slider__hint > span {
	position: absolute;
	top: 50%;
	left: 50%;
	white-space: nowrap;
	-webkit-transform: translate(-50%, -50%) rotate(-90deg);
	transform: translate(-50%, -50%) rotate(-90deg);
	overflow: hidden;
}
.velo-slider__hint > span > span {
	display: inline-block;
	-webkit-transform: translateY(-110%);
	transform: translateY(-110%);
}
.is-active .velo-slider__hint > span > span {
	opacity: 1;
	top: 50%;
	-webkit-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
	transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: 0.4 ease;
	transition: 0.4 ease;
}
.velo-slides-nav {
	position: absolute;
	z-index: 91;
	right: 2.5%;
	bottom: 1em;
}

@media (min-width: 54em) {
	.velo-slides-nav {
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}
.velo-slides-nav__list {
	list-style: none;
}
.velo-slides-nav li:first-child {
	margin-bottom: 0.25em;
}
.velo-slides-nav a {
	display: block;
	color: rgba(255, 255, 255, 0.9);
	-webkit-transition: color 0.5s ease, text-shadow 0.5s ease;
	transition: color 0.5s ease, text-shadow 0.5s ease;
	text-decoration: none;
}
.velo-slides-nav a:hover {
	color: white;
	text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.6);
	-webkit-transition: color 0.5s ease, text-shadow 0.5s ease;
	transition: color 0.5s ease, text-shadow 0.5s ease;
}
.velo-slides-nav a.inactive {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;
	transition: opacity 0.2s 0s, visibility 0s 0.2s;
}
.velo-slides-nav i {
	font-size: 2.2em;
}

@media (min-width: 54em) {
	.velo-slides-nav i {
		font-size: 2em;
	}
}