body {
	margin: 0
}
.no-transition, .no-transition *, .no-transition:before, .no-transition:after, .no-transition *:before, .no-transition *:after {
	-webkit-transition: none !important;
	transition: none !important
}
.no-animation, .no-animation *, .no-animation:before, .no-animation:after, .no-animation *:before, .no-animation *:after {
	-webkit-animation: none !important;
	animation: none !important
}

@media (max-width: 1199px) {
.silde-content {
	overflow-x: hidden;
}
}
.stage__page {
	position: relative
}
.stage__page--pos {
	max-width: 1080px
}

@media (min-width: 592px) {
.stage__page {
	overflow: hidden
}
}

@media (min-width: 992px) {
.stage__page {
	height: 100%
}
}

@media (min-width: 992px) {
.boxbar ~ .stage__page--large {
	height: 490px
}
.boxbar ~ .stage__page--pos {
	height: 310px
}
.boxbar ~ .stage__page--medium {
	height: 410px
}
.boxbar ~ .stage__page--small {
	height: 210px
}
}

@media (min-width: 1200px) {
.boxbar ~ .stage__page--large {
	height: 490px
}
.boxbar ~ .stage__page--pos {
	height: 310px
}
.boxbar ~ .stage__page--medium {
	height: 410px
}
.boxbar ~ .stage__page--small {
	height: 210px
}
}
.stage__page .stage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	-webkit-transition: -webkit-transform .6s ease;
	transition: -webkit-transform .6s ease;
	transition: transform .6s ease;
	transition: transform .6s ease, -webkit-transform .6s ease;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%)
}
.stage__page .stage--left {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}
.stage__page .stage--active {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	position: relative
}
.stage__slides {
	position: relative
}
.stage__slides .stage, .stage__slides .stage__background {
	height: 100%
}
.stage__next, .stage__prev {
	display: none;
	position: absolute;
	z-index: 50;
	cursor: pointer;
	top: -moz-calc(50% - 35px);
	top: -webkit-calc(50% - 35px);
	top: calc(50% - 35px);
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #fff;
	opacity: .8;
}
.stage__next:focus, .stage__prev:focus {
	opacity: 1
}
.pointer-hover .stage__next:hover, .pointer-hover .stage__prev:hover {
	opacity: 1
}

@media (hover: hover) {
.stage__next:hover, .stage__prev:hover {
	opacity: 1
}
}
.no-js .stage__next, .no-js .stage__prev {
	display: none
}

@media (max-width: 591px) {
.stage__next, .stage__prev {
	display: none;
}
.stage__prev {
	left: 0px;
	top: -moz-calc(24vw - 20px);
	top: -webkit-calc(24vw - 20px);
	top: calc(24vw - 20px);
}
.stage__next {
    top: -moz-calc(24vw - 20px);
	top: -webkit-calc(24vw - 20px);
	top: calc(24vw - 20px);
}
}
.stage__pagination {
	position: absolute;
	bottom: 2rem;
	z-index: 20;
	left: 0px;
	right: 0px;
	width: 100%; 
	margin: 0 auto;
	padding: 0px;
}

@media (max-width: 591px) {
.stage__pagination {
	width: 100%;
	text-align: center;
	/*bottom: 10px;*/
	
	top: -moz-calc(144vw - 80px);
	top: -webkit-calc(144vw - 80px);
	top: calc(144vw - 80px);
}
}
.stage__pagination-link {
	position: relative;
	width: 32px;
	height: 32px;
	/*background: #FFFFFF;*/
	display: inline-block;
	margin-left: 10px;
	opacity: 0.5;
}
.stage__pagination-link:after{
	position: absolute;
	width: 100%;
	height: 4px;
	content: "";
	background: #FFFFFF;
	top: -webkit-calc(50% - 3px);
	top: calc(50% -3px);
	left: 0px;
}

.stage__pagination-link:first-child {
	margin-left: 0;
}

@media (min-width: 592px) {
.stage__pagination-link {
	margin-left: 2px;
	width: 32px;
	height: 40px;
}
}

@media (min-width: 992px) {
.stage__pagination-link {
	/*background: #FFFFFF;*/
	opacity: 0.5;
}
}
.stage__pagination-link--active, .stage__pagination-link:hover {
	opacity: 1;
}

@media (min-width: 992px) {
.stage--boxbar {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}
.stage--boxbar>.stage__background {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}
}
.stage--medium .split--slope .split__svg {
	width: -webkit-calc(100% + 75px);
	width: calc(100% + 75px)
}
.stage--small .split--slope .split__svg {
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px)
}
.stage--pos .split--slope .split__svg {
	width: -webkit-calc(100% + 62.5px);
	width: calc(100% + 62.5px)
}
.split--slope.split--third2 {
	width: -webkit-calc(33.33334% - 85px);
	width: calc(33.33334% - 85px)
}
.stage--medium .split--slope.split--third2 {
	width: -webkit-calc(33.33334% - 75px);
	width: calc(33.33334% - 75px)
}
.stage--small .split--slope.split--third2 {
	width: -webkit-calc(33.33334% - 50px);
	width: calc(33.33334% - 50px)
}
.stage--pos .split--slope.split--third2 {
	width: -webkit-calc(33.33334% - 62.5px);
	width: calc(33.33334% - 62.5px)
}
.stage {
	position: relative;
	overflow: hidden;
	/*color: #fff*/
}
.stage--pos {
	max-width: 1080px
}
.stage--burgundy {
	background-color: #772d4b
}
.stage--red {
	background-color: #995853
}
.stage--beige {
	background-color: #b0a496
}
.stage--dark-gray {
	background-color: #64696d
}
.stage--light-gray {
	background-color: #d6dae0
}
.stage--dark-blue {
	background-color: #414b75
}
.stage--basic-blue {
	background-color: #0098d7
}
.stage--petrol {
	background-color: #3d8899
}
.stage--green {
	background-color: #80b552
}
.stage--cobi-gray-dark {
	background-color: #2d2d37
}
.stage--cobi-gray {
	background-color: #444353
}
.stage--cobi-gray-light {
	background-color: #f3f3f3;
	color: #535353
}
.stage--cobi-gray-light .button {
	color: #fff
}
.stage--cobi-blue {
	background-color: #00c8e6
}
.stage__wrapper {
	position: relative;/*background: #ededed*/
}
.main-content>.stage__wrapper:first-child, .main-content>a[id]:first-child+.stage__wrapper {
	position: relative;
	z-index: 1
}
.stage--large, .stage__slides--large, .stage__wrapper--large {
	height: 80vh;
}

@media (max-width: 992px) {
	.stage--large, .stage__slides--large, .stage__wrapper--large {
		height: 60vh;
	}
}

@media (max-width: 592px) {
	.stage--large, .stage__slides--large, .stage__wrapper--large {
		height: 80vh;
	}
}

.stage__background {
	display: block;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	max-height: 100%;
	position: relative;
	overflow: hidden
}
.stage__background--contain {
	background-size: contain
}
.js .stage__background .video-button {
	display: none
}
.interactive .stage__background .video-button {
	display: block
}
.stage__background--top-left {
	background-position: 20% 20%
}
.stage__background--top {
	background-position: 50% 20%
}
.stage__background--top-right {
	background-position: 80% 20%
}
.stage__background--left {
	background-position: 20% 50%
}
.stage__background--right {
	background-position: 80% 50%
}
.stage__background--bottom-left {
	background-position: 20% 80%
}
.stage__background--bottom {
	background-position: 50% 80%
}
.stage__background--bottom-right {
	background-position: 80% 80%
}

@media (max-width: 591px) {
.stage__container {
	position: relative
}
.stage__container--video {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}
.stage--large, .stage__slides--large, .stage__wrapper--large {
	height: 144vw;
}
}

@media (min-width: 592px) {
.stage__container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.stage__video {
	width: 100%;
	height: 100%;
	z-index: 2;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.stage__video iframe {
	width: 100%;
	height: 100%
}
.stage__video-canvas {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	display: block
}
.stage__video-wrapper {
	position: relative;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-item-align: center;
	align-self: center;
	min-height: 100%
}
.stage__header-image {
	display: block;
	max-width: 500px;
	height: auto;
	margin: 0 auto 20px
}

@media (max-width: 591px) {
.stage__header-image {
	max-width: 70%
}
}
.stage-login-form {
	text-align: left
}
.stage-login-form__input--password {
	padding-right: 50px
}
.stage-login-form__button {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 3px;
	padding-right: 50px;
	z-index: 11
}
.stage-login-form__button .button__icon {
	width: 50px
}
.stage-login-form__button .svg {
	width: 20px;
	height: 20px
}
.stage__buttons .button {
	display: block
}
.stage--ie-fix {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}
.stage--ie-fix>.stage {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

@media (max-width: 1199px) and (max-width: 591px) {
.stage--dynamic .split__content {
	padding: 15px
}
}

@media (max-width: 1199px) {
.stage--dynamic .stage__background {
	width: 100%
}
.stage--dynamic .stage__background:before {
	content: '';
	display: block;
	padding-top: 50% !important
}
}
.stage--lock, .stage--lock .stage__background, .stage__wrapper-background {
	height: 340px
}
.stage--lock.stage--medium, .stage--lock .stage__background--medium, .stage__wrapper-background--medium, .stage__wrapper--lock.stage__wrapper--medium {
	height: 300px
}
.stage--lock.stage--small, .stage--lock .stage__background--small, .stage__wrapper-background--small, .stage__wrapper--lock.stage__wrapper--small {
	height: 280px
}

@media (min-width: 592px) {
.stage--lock, .stage--lock .stage__background, .stage__wrapper-background {
	height: 470px
}
.stage--lock.stage--medium, .stage--lock .stage__background--medium, .stage__wrapper-background--medium, .stage__wrapper--lock.stage__wrapper--medium {
	height: 400px
}
.stage--lock.stage--small, .stage--lock .stage__background--small, .stage__wrapper-background--small, .stage__wrapper--lock.stage__wrapper--small {
	height: 380px
}
}

@media (min-width: 992px) {
.stage--lock, .stage--lock .stage__background, .stage__wrapper-background {
	height: 570px
}
.stage--lock.stage--medium, .stage--lock .stage__background--medium, .stage__wrapper-background--medium, .stage__wrapper--lock.stage__wrapper--medium {
	height: 480px
}
.stage--lock.stage--small, .stage--lock .stage__background--small, .stage__wrapper-background--small, .stage__wrapper--lock.stage__wrapper--small {
	height: 420px
}
}

@media (min-width: 1200px) {
.stage--lock, .stage--lock .stage__background, .stage__wrapper-background {
	height: 640px
}
.stage--lock.stage--medium, .stage--lock .stage__background--medium, .stage__wrapper-background--medium, .stage__wrapper--lock.stage__wrapper--medium {
	height: 540px
}
.stage--lock.stage--small, .stage--lock .stage__background--small, .stage__wrapper-background--small, .stage__wrapper--lock.stage__wrapper--small {
	height: 480px
}
}
.stage--lock {
	overflow: visible
}
.stage--lock .stage__background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}
.stage--lock .stage__background--top-left {
	background-position: 0% 0%
}
.stage--lock .stage__background--top {
	background-position: 50% 0%
}
.stage--lock .stage__background--top-right {
	background-position: 80% 0%
}
.stage--lock .stage__background--left {
	background-position: 0% 50%
}
.stage--lock .stage__background--right {
	background-position: 80% 50%
}
.stage--lock .stage__background--bottom-left {
	background-position: 0% 80%
}
.stage--lock .stage__background--bottom {
	background-position: 50% 80%
}
.stage--lock .stage__background--bottom-right {
	background-position: 80% 80%
}
.stage__wrapper-background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #ededed
}
.stage__pattern {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 1680px;
	background: url('img/uphill-flow/keyvisual-blue.svg?514b0719') 50% 100% no-repeat;
	background-size: 100% auto
}

@media (max-width: 591px) {
.stage__pattern {
	display: none
}
}
.stage__lock-content {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	min-height: 100%;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.stage__lock-additional-content {
	margin-top: 50px;
	margin-bottom: 50px;
	position: relative;
	z-index: -1
}

@media (min-width: 992px) {
.stage__wrapper--lock+.block, .stage__wrapper--lock+a[id]+.block {
	margin-bottom: 140px
}
.stage__wrapper--is-locked .stage__wrapper-background, .stage__wrapper--is-locked .stage__background {
	position: fixed;
	left: 0;
	right: 0;
	top: 114px;
	max-height: none
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.stage__wrapper--is-locked .stage__wrapper-background, .stage__wrapper--is-locked .stage__background {
	top: 95px
}
}
.stage__wrapper .stage__lock-additional-content {
	overflow: hidden;
	height: 0;
	zoom: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 1
}
.stage__wrapper .stage__lock-additional-content a {
	color: inherit
}
.stage__wrapper--light .stage__lock-content, .stage__wrapper--light .stage__lock-additional-content {
	color: #fff
}

@media (max-width: 991px) {
.stage--lock .stage__background, .stage--lock .stage__pattern {
	-webkit-transform: none !important;
	-ms-transform: none !important;
	transform: none !important
}
}