:root {
	--white: #fefefe;
	--light: #f5f3f0;
	--gray: #999999;
	--black: #000000;
	--navy: #004278;
	--blue: #BE2323;
	--red: #BE2323;
	--darkred: #910000;
	--green: #00823e;
	--aqua: #0097be;
	--darkaqua: #005b72;

	--transnavy: rgba(0, 70, 120, 0.75);
	--transred: rgba(190, 35, 35, 0.5);
	--shadow: rgba(0, 0, 0, 0.4);
	--rad: 5px;
}






/* animations + special transitions */

@keyframes slidein {
	from {
		margin-left: -40%;
		opacity: 0;
	}

	to {
		margin-left: 0%;
		opacity: 1;
	}
}


.faded {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-transition: opacity 0.2s, filter 0.2s;
	-webkit-transition: opacity 0.2s, filter 0.2s;
	-o-transition: opacity 0.2s, filter 0.2s;
	transition: opacity 0.2s, filter 0.2s;
}

.fadeout {
	opacity: 1;
	filter: alpha(opacity=100);
}

/*************************/


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	vertical-align: baseline;
	font-family: 'Nunito', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: var(--black);
	font-weight: 300;
	outline: none;
	border: 0;
}

*:before,
*:after {
	box-sizing: inherit;
}

html {
	height: 100%;
	font-size: 16px;
	line-height: 1.6;
}

body {
	background-color: var(--white);
}

body.menu-mobile {
	/* activate with menu-icon button, disables body scrolling!!!*/
	overflow: hidden;
	height: 100%;
}

/*	COLORS */

.white {
	background-color: var(--white);
}

.light {
	background-color: var(--light);
}

.gray {
	background-color: var(--gray);
}

.navy {
	background-color: var(--navy);
}

.blue {
	background-color: var(--blue);
}

/*	GRID LAYOUT */

.section {
	position: relative;
	z-index: 5;
	width: 100%;
	padding: 2.5rem 1rem 1.5rem 1rem;
}

.wrapper {
	margin: 0 auto;
	width: 100%;
}

.row {}

.row::after {
	content: "";
	clear: both;
	display: table;
}

[class*="col-"] {
	float: left;
	width: 100%;
	padding: 0 0 1rem 0;
}

.mobile-hide {
	display: none;
}

/**********************************************/
/************   TEXT & FORMAT   **************												TXT */
/**********************************************/
input,
textarea {
	font-size: 1rem;
	color: var(--black);
	background: transparent;
	padding: .5rem;
	border-bottom: 1px solid var(--navy);
	margin-bottom: 1rem;
	width: 100%;
}

textarea {
	resize: vertical;
}

form em {
	font-size: .7rem;
	line-height: 1rem;
	display: inline-block;
}

p {
	margin-bottom: 1rem;
	text-align: justify;
	hyphens: auto;
	word-break: break-word;
}

h1,
h2,
h3,
h4 {
	hyphens: auto;
	word-break: break-word;
}

h1,
.h1 {
	font-size: 2.6rem;
	line-height: 1.3;
	margin-bottom: 2.6rem;
	font-weight: 600;
	text-transform: uppercase;
}

h1 *,
.h1 * {
	color: inherit;
}

.light h1,
.light .h1,
.light h1 *,
.light .h1 * {
	color: var(--navy);
}

h1 span {
	display: block;
	font-size: 1rem;
}

h2 {
	font-size: 2rem;
	line-height: 1.2;
	margin-bottom: 1.5rem;
	font-weight: 600;
	color: var(--navy);
}

h3,
.h3 {
	font-size: 1.3rem;
	line-height: 1.2;
	margin-bottom: .5rem;
	font-weight: 400;
	text-transform: uppercase;
	display: inline-block;
	color: var(--red);
}

#hero-container h3,
#movie-container h3,
#hero-container .h3,
#movie-container .h3 {
	font-weight: 600;
	background-color: var(--red);
	color: var(--white);
	padding: .3rem .5rem;
}

.features h3 {
	padding: 0;
	background-color: transparent;
	color: var(--navy);
}

h4 {
	font-size: 1.1rem;
	line-height: 1.2;
	margin-bottom: .5rem;
	font-weight: 600;
}

.features h3 {
	padding: 0;
	background-color: transparent;
	color: var(--navy);
}


a {
	text-decoration: none;
}

#content p a,
#content ul a,
#content em a {
	font-weight: 400;
	color: var(--navy);
	background-image: linear-gradient(var(--navy), var(--navy));
	background-size: 100% 1px;
	background-position: bottom;
	padding: 0 1px 2px 1px;
	background-repeat: no-repeat;
	transition: background-size .1s, padding .2s;
}

#content p a:hover,
#content ul a:hover,
#content em a:hover {
	background-size: 100% 2px;
	padding: 0 1px 2px 1px;
}


ul {
	list-style: none;
}

/*default list*/

.section ul {
	margin-bottom: 1rem;
}

div:not(#footer) .section ul:not(.slider-modules, .slick-dots) li {
	margin-left: 1.5rem;
	margin-bottom: .5rem;
	text-indent: -.75rem;
}

div:not(#footer) .section ul:not(.slider-modules, .slick-dots) li::before {
	font-weight: 600;
	padding-right: .75rem;
	font-size: inherit;
	display: inline-block;
	content: "\2022";
	position: relative;
	color: var(--red);
}

.slick-dots li:first-child {
	margin-left: 0 !important;
}

hr {
	height: 1px;
	background: var(--navy);
}

strong,
button {
	font-weight: 600;
}

em {
	font-style: normal;
}

h1 em,
.h1 em {
	font-weight: 300;
}

.center,
.center * {
	text-align: center;
}

.p-top {
	padding-top: 1.5rem;
}

.rad {
	border-radius: var(--rad);
}


.button {
	text-transform: uppercase;
	text-align: center;
	position: relative;
	font-weight: 400;
	letter-spacing: 1px;
	margin: 1rem auto 2rem auto;
	padding: 1rem 2rem;
	background: var(--navy);
	color: var(--white);
	cursor: pointer;
	border-radius: var(--rad);
	border: none;
	transition: background-color .1s, color .1s;
}

a.button {
	display: block;
}

input.button,
#result .button,
#f404 .button {
	display: inline-block;
	width: initial;
}

.button:hover {
	background-color: var(--red);
	color: var(--white);
}

/* IMAGES */

img {
	display: block;
	max-width: 100%;
	height: auto;
}

#site-bikebox #intro .full-img img {
	margin-bottom: -2rem;
}

#site-bikebox #intro .full-img span {
	transform: translate(2rem, -1rem);
	margin: 0;
	line-height: 1;
	display: inline-block;
	font-weight: 600;
	color: white;
	padding: .3rem .75rem;
	background: var(--transnavy);
	border-radius: var(--rad);
}

.img-80 {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

[class*="col-"] img {
	border-radius: var(--rad);
}


.separator {
	background-color: var(--navy);
	height: 6rem;
	padding: 1.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.separator * {
	color: var(--white);
}

.separator img {
	background-color: var(--navy);
	height: 100%;
}

.section-image {
	background-position: center center;
	min-height: 13rem;
	background-size: cover;
}

#funkcje .section-image {
	/* appears on S-size*/
}

.section-image {
	background-position: center center;
	padding: 9rem 0;
}

#arten .section-image {
	background-image: url('../images/regional-digital-zukunft-parken.jpg');
}

#site-dp #vorteile .section-image,
#site-dp #impressum .section-image {
	background-image: url('../images/vorteile-hintergrund.jpg');
}

#site-bikebox #impressum .section-image {
	background-image: url('../images/radbox-hintergrund.jpg');
}

#arten .section-image h2 {
	margin: 0;
	color: var(--white);
	text-shadow: 2px 2px 10px var(--black);
}

#arten .bluebox h2 {
	margin-left: 4rem;
	text-indent: -4rem;
}

#arten .bluebox h2:before {
	display: inline-block;
	margin-bottom: -.2rem;
	width: 4rem;
	height: 3rem;
	content: ' ';
	background-image: url('../images/chmura.svg');
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: left;
}

#arten .bluebox img {
	width: 4.5rem;
	margin: .5rem 0 1rem 0;
}

/**********************************************/
/***************   MODAL    *******************/
/**********************************************/

body.modal-on {
	overflow-y: hidden;
}

.modal {
	width: 100%;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.9);
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	justify-content: center;
	align-items: center;
}

body.modal-on .modal {
	display: flex;
}

#site-bikebox .modal-content {
	width: calc(100% - 4rem);
	height: auto;
	background: var(--white);
	border-radius: var(--rad);
	position: relative;
	text-align: center;
	padding-top: 2rem;
}

#site-bikebox .modal-content * {
	text-align: center;
	hyphens: none;
}

.modal-content h3 {
	font-weight: 600;
}

.modal-content h4 {
	color: var(--navy);
}

.close-button {
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 2rem;
	height: 2rem;
	padding: 0.5rem;
	background-color: var(--light);
	border: none;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0px 0px 2px 0px var(--shadow);
	-webkit-box-shadow: 0px 0px 2px 0px var(--shadow);
	-moz-box-shadow: 0px 0px 2px 0px var(--shadow);
}

.close-icon {
	font-size: 1.6rem;
	line-height: 1;
	color: var(--navy);
	font-weight: bold;
}

.close-button:hover {
	background: var(--navy);
}

.close-button:hover .close-icon {
	color: var(--white);
}

.modal-content div {
	width: 100%;
	padding: 1rem;
}

.modal-content>span {
	background-image: url('../images/radbox-foerdermittel.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: block;
	width: 180px;
	height: 180px;
	max-width: 100%;
	margin: 0 auto 1rem auto;
	padding: 0;
	border-radius: 50%;
}

.modal-content .button {
	margin-bottom: 0;
}

@media (min-width: 768px) {
	#site-bikebox .modal-content {
		width: 720px;
		height: auto;
		padding: 0;
		text-align: left;
	}

	#site-bikebox .modal-content * {
		text-align: left;
	}

	.modal-content>span {
		float: left;
		width: 50%;
		height: 325px;
		padding: 0;
		margin: 0;
		border-radius: var(--rad) 0 0 var(--rad);
	}

	.modal-content div {
		float: right;
		width: 50%;
		padding: 3rem 1rem 1rem 1rem;
	}

	.modal::after {
		content: "";
		clear: both;
		display: table;
	}

}

/**********************************************/
/***************   HEADER    ******************/
/**********************************************/

#header {
	transition: all 0.1s ease-in-out;
	background-color: var(--white);
	border-bottom: solid 1px var(--navy);
	position: fixed;
	width: 100%;
	height: auto;
	top: 0;
	z-index: 100;
}

#header>span {
	display: block;
	content: '';
	background-color: transparent;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

#header>div {
	/* container */
	padding: 1rem;
}

#header>div:after {
	content: "";
	clear: both;
	display: table;
}

#logo {
	/*home link*/
	float: left;
	display: flex;
	align-items: center;
	height: 26px;
}

#logo img {
	height: 1.5rem;
	width: auto;
}

#logo:hover img {
	filter: brightness(0%);
}

#navi::after {
	content: "";
	clear: both;
	display: table;
}

#main-menu-container {
	display: none;
}

/* menu button - hamburger - click assign class "menu-mobile to body and transforms icon to X*/

#menu-icon {
	float: right;
	display: block;
	height: 26px;
	width: 26px;
	cursor: pointer;
	position: relative;
}

#menu-icon span {
	/*bars*/
	width: 26px;
	height: 2px;
	display: block;
	position: absolute;
	transition: all .2s ease-in-out;
	background-color: var(--navy);
}

#menu-icon span:nth-child(1) {
	top: 3px;
	right: 0;
}

#menu-icon span:nth-child(2) {
	top: 12px;
	right: 0;
}

#menu-icon span:nth-child(3) {
	bottom: 3px;
}

.menu-mobile #menu-icon span:nth-child(1) {
	transform-origin: center center;
	transform: translateY(9px) rotate(-45deg);
	width: 26px;
}

.menu-mobile #menu-icon span:nth-child(2) {
	width: 0;
	opacity: 0;
}

.menu-mobile #menu-icon span:nth-child(3) {
	transform-origin: center;
	transform: translateY(-9px) rotate(45deg);
}


/* go-to-top button */
/* CTA - kontakt button */

#top,
#cta a {
	/*button properties*/
	transition: box-shadow .2s, background-color .2s, opacity .7s, visibility .7s, bottom .2s;
	display: block;
	text-align: center;
	height: 3rem;
	width: 3rem;
	padding: .75rem;
	position: fixed;
	right: 1rem;
	bottom: -5rem;
	/* by default hidden below... */
	opacity: 0;
	/* and invisible */
	visibility: hidden;
	z-index: 200;
	border-radius: var(--rad);
	color: var(--white);
	background-color: var(--red);
	box-shadow: 0px 0px 5px 0px var(--shadow);
	-webkit-box-shadow: 0px 0px 5px 0px var(--shadow);
	-moz-box-shadow: 0px 0px 5px 0px var(--shadow);
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#top img,
#cta a,
#cta img {
	display: block;
}

/* hide text in mobile view */
#cta p,
#cta span,
#cta strong {
	display: none;
	color: var(--white)
}


/* show scroll-top-button after scroll down the window */
/* never show scroll-top-button in mobile view */
/* always show CTA */

body:not(.menu-mobile) #cta a {
	bottom: 1rem;
	opacity: 1;
	visibility: visible;
}

.showtop:not(.menu-mobile) #top {
	opacity: 1;
	visibility: visible;
	bottom: 1rem;
}

.showtop:not(.menu-mobile) #cta a {
	bottom: 5rem;
}

/**********************************************/
/***************   CONTENT    *****************/
/**********************************************/

#content {
	margin-top: 3.5rem;
}

#header>span {
	height: 3.5rem
}

/*hero-banner & video*/

#hero,
#hero-container {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

#hero.dp {
	background-image: url('../images/digital-parkausweis-header.jpg');
}

#hero-container {
	background-image: url('../images/digital-parkausweis-header-blur.jpg');
}


#hero .section {
	padding: 10rem 1rem 4rem 1rem;
}

#hero [class*="col-"] {
	padding-bottom: 0;
	animation-duration: .5s;
	animation-name: slidein;
}

#hero [class*="col-"] div {
	background-color: var(--trans);
	padding: 1rem 1.5rem 1.5rem 1.5rem;
	border: 1px solid var(--white);
}

#hero * {
	color: var(--white);
}

#hero h1 {
	margin: 0 0 1rem 0;
	line-height: 1.1;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
}

#hero .button {
	width: auto;
	max-width: 200px;
	margin: 0;
	border-color: var(--white);
}


#movie-container {
	position: relative;
	width: 100%;
	height: 400px;
	overflow: hidden;
	background-color: var(--black);
}

#movie-container video {
	position: absolute;
	z-index: 1;
	top: 0;
	width: 100%;
	object-fit: cover;
	height: 100%;
	left: 0;
	opacity: 0.8;
}

#movie-container #hero {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: auto;
	background-color: var(--trans);
}

#movie-container #hero .section {
	padding-top: 0;
	padding-bottom: 1.5rem;
	margin-top: 0;
	margin-bottom: 0;
}


/*features - functions - boxes*/

.features {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	clear: both;
	text-align: center;
}

.features p {
	text-align: center;
}

.features img {
	margin: 0 auto;
	border: 0;
}

.features.pros {
	padding-top: 1.5rem;
}

.features.pros a {
	display: block;
}

.features.pros img {
	width: 5rem;
	margin-bottom: 1.2rem;
	transition: width 0.3s, margin-bottom 0.3s;
}

.features.pros a:hover img {
	width: 5.5rem;
	margin-bottom: 0.7rem;
}

.features.pros h3 {
	color: var(--navy);
	margin-bottom: 0.5;
	transition: color .1s;
}

.features.pros a:hover h3 {
	color: var(--blue);
}


.features.functions [class*="col-"] div,
.bluebox {
	background-color: var(--light);
	background-image: none;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding: 1.5rem 1.5rem 1rem 1.5rem;
	height: 100%;
	border-radius: var(--rad);
}

.features.functions [class*="col-"] div,
.features.functions [class*="col-"] div * {
	color: var(--white);
}

.features.functions img {
	width: 4rem;
	margin-bottom: 1.2rem;
}

#parkomat h3 {
	color: var(--navy);
	position: relative;
}

#funkcje h2 {
	color: var(--navy);
}

.bluebox,
.bluebox * {
	text-align: left;
}

.slideshow {
	padding-top: 1.5rem;
}




/* page not found - 4040 */
.page-404 #content [class*="col-"] {
	float: none;
	margin: 0 auto;
}

.page-404 #content,
.page-404 #content * {
	text-align: center;
}

.page-404 #content span {
	display: block;
	line-height: 1;
	font-weight: 600;
	font-size: 10rem;
	color: var(--navy);
}





/**********************************************/
/****  BOXES & CLICKABLE CARDS & FEATURES ****/
/*********************************************/

.card {
	padding: 1.3rem;
	border-radius: var(--rad);
	height: 100%;
}

.card.trans {
	padding-left: 0;
	padding-right: 0;
}

.light .card:not(.trans) {
	background-color: var(--white);
	box-shadow: 0px 0px 10px 0px var(--trans);
	-webkit-box-shadow: 0px 0px 10px 0px var(--trans);
	-moz-box-shadow: 0px 0px 10px 0px var(--trans);
}

.card.card-link {
	transition: transform .4s;
}

.card.card-link:hover {
	cursor: pointer;
	box-shadow: 0px 0px 10px 0px var(--shadow);
	-webkit-box-shadow: 0px 0px 10px 0px var(--shadow);
	-moz-box-shadow: 0px 0px 10px 0px var(--shadow);
	transform: scale(1.02);
}

.card img {
	margin: -1.3rem -1.3rem 1.3rem -1.3rem;
	width: calc(2.6rem + 100%);
	max-width: initial;
	border-radius: var(--rad) var(--rad) 0 0;
}

.card h3,
h3.card-title a {
	text-transform: none;
	padding: 0;
	background-color: transparent;
	color: var(--navy);
}


.card p {
	text-align: left;
}

.card p a {
	text-align: left;
}

.card .button {
	margin: 0 auto 1rem auto;
}




input[disabled="disabled"],
input[disabled="disabled"]:hover {
	background: var(--white);
	color: var(--gray);
	cursor: default;
}


/*********************/
/****  bikebox-animation ****/
/********************/

#animation-wrapper {
	height: 60vh;
	width: 100%;
	margin: 0 auto;
	text-align: center
}

#animation-wrapper video#animation {
	height: 100%;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
	text-align: center
}

/*********************/
/****  ACCORDION ****/
/********************/


.accordion {
	overflow: hidden;
}

.accordion-item {
	border-bottom: 1px solid var(--navy);
}

.accordion-item:last-child {
	border-bottom: none;
}

.accordion-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 0;
	cursor: pointer;
}

.accordion-header h4 {
	margin: 0;
	padding-right: 2rem;
	color: var(--navy);
}

.arrow {
	display: block;
	width: 1rem;
	height: 1rem;
	background: transparent;
	border-left: 2px solid var(--navy);
	border-bottom: 2px solid var(--navy);
	transition: transform 0.3s ease, translate 0.3s ease;
	transform: rotate(-45deg);
	translate: -0.5rem -0.2rem;
}

.accordion-header.active .arrow {
	transform: rotate(135deg);
	translate: -0.5rem 0.2rem;
}

.accordion-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
}

.accordion-content p {
	margin: 0 0 1rem 0;
}

.accordion-item.open .accordion-content {
	max-height: 300px;
}


/***********************/
/**  2-columns SLIDER  */
/***********************/

.section.mobilet {
	padding: 0 !important;
	background-color: var(--red);
	background-repeat: no-repeat;
	background-image: url('../images/mobilet-pattern-trans.svg');
	background-size: cover;
	margin-bottom: 4rem;
}

.section.mobilet:hover {
	cursor: grab;
}

.section.mobilet ul.slick-dots {
	padding-top: 1.5rem;
}

.mobilet-slide {
	padding: 0 1.5rem;
}

.mobilet-slide .wrapper {
	display: flex;
	align-items: stretch;
	flex-direction: column;
}

img.mob {
	width: 100%;
}

.mobilet-slide * {
	color: var(--white);
}

#content .mobilet-slide p a {
	font-weight: 600;
	color: var(--white);
	background-image: linear-gradient(var(--white), var(--white));
}

.mobilet-slide-left,
.mobilet-slide-right {
	width: 100%;
	/* W trybie mobilnym zajmuje 100% */
}

.mobilet-slide-left ul li::before,
.mobilet-slide-right ul li::before {
	color: var(--white) !important;
}

.mobilet-slide-left {
	padding: 2rem 0;
}

.mobilet-slide-right {
	overflow: hidden;
	position: relative;
	height: 230px;
}

.mobilet-slide-right img {
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

img.mobilet-logo {
	width: 160px;
	max-width: 70%;
	margin-bottom: 3rem;
}

.mobilet-slide img.ico {
	display: none;
}

@media (min-width: 768px) {
	/* Desktop view */

	.mobilet-slide img.ico {
		display: block;
		height: 120px;
		width: auto;
		padding-top: 2rem;
	}

	.mobilet-slide .wrapper {
		padding: 0 2.5rem;
		flex-direction: row;
	}

	img.mobilet-logo {
		width: 250px;
		max-width: 80%;
		margin-bottom: 4rem;
	}

	img.mob {
		display: none !important;
	}

	.mobilet-slide-left,
	.mobilet-slide-right {
		width: 50%;
	}

	.mobilet-slide-left {
		padding: 4rem 0 2rem 0;
	}

	.mobilet-slide-left,
	.mobilet-slide-right {
		height: 700px;
	}

	.mobilet-slide-right img {
		height: auto;
		padding: 4rem 1rem 0 1rem;
	}

	.mobilet-slide.mobilet-user {
		background-repeat: no-repeat;
		background-image: url('../images/mobilet-user-narrow.jpg');
		background-size: 390px;
		background-position-x: right calc(2vw - 50px);
		background-position-y: center;
	}

	.mobilet-slide li,
	.mobilet-slide p {
		font-size: 1.1rem;
		font-weight: 400;
	}

}

@media (min-width: 992px) {
	.mobilet-slide.mobilet-user {
		background-size: 450px;
		background-position-x: right;
	}
}

@media (min-width: 1200px) {
	.mobilet-slide-right img {
		height: 90%;
	}

	.mobilet-slide.mobilet-user {
		background-size: 550px;
	}
}

@media (min-width: 1400px) {
	.mobilet-slide.mobilet-user {
		background-image: url('../images/mobilet-user.jpg');
		background-size: 650px;
	}
}

@media (min-width: 1600px) {
	.mobilet-slide.mobilet-user {
		background-size: calc(300px + 26vw);
	}
}


/***********************/
/****  PRESENTATION ****/
/* bikebox configurator /
/***********************/

.presentation {
	display: flex;
	flex-direction: column;
	align-items: center;
}



.pres-image {
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-bottom: .5rem;
	order: 1;
}

[class*="swapimage"] {
	display: none;
	height: auto;
	width: 100%;
}

/**bikebox configurator temp buttons switch off **/
.presentation .button {
	pointer-events: none;
	cursor: default;
}

.presentation .button:hover {
	background: initial;
	color: initial;
}

.pres-image img {
	display: block;
	height: auto;
	width: 100%;
}

.pres-buttons-left,
.pres-buttons-right {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
}

.pres-buttons-left {
	order: 2;
}

.pres-buttons-right {
	order: 3;
}

.pres-buttons-left .button,
.pres-buttons-right .button {
	width: calc(50% - .25rem);
	margin: 0 0 0.5rem 0;
	text-transform: none;
}

.presentation .button:nth-child(odd) {
	margin-right: .25rem;
}

.presentation .button:nth-child(even) {
	margin-left: .25rem;
}



@media (min-width: 768px) {
	.presentation {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: stretch;
	}

	.pres-buttons-left,
	.pres-buttons-right {
		width: 29%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 0;
		order: initial;
	}

	.pres-image {
		order: initial;
		width: 40%;
		height: auto;
		margin: 0;
	}

	.presentation .button:nth-child(n) {
		margin: 0;
		width: 100%;
	}


	.pres-buttons-left .button:after,
	.pres-buttons-right .button:after {
		content: "";
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 0;
		height: 0;
		border-top: 1.8rem solid transparent;
		/* Górne ramię trójkąta */
		border-bottom: 1.8rem solid transparent;
		/* Dolne ramię trójkąta */
		transition: border-color 0.1s;
		border-radius: var(--rad);
	}

	.pres-buttons-left .button:after {
		right: -1rem;
		/* Odstęp między przyciskiem a trójkątem */
		border-left: calc(0.577 * 2rem) solid var(--navy);
		/* Podstawa trójkąta */
	}

	.pres-buttons-left .button:hover:after {
		border-left: calc(0.577 * 2rem) solid var(--red);
		/* Podstawa trójkąta */
	}


	.pres-buttons-right .button:after {
		left: -1rem;
		/* Odstęp między przyciskiem a trójkątem */
		border-right: calc(0.577 * 2rem) solid var(--navy);
		/* Podstawa trójkąta */
	}

	.pres-buttons-right .button:hover:after {
		border-right: calc(0.577 * 2rem) solid var(--red);
		/* Podstawa trójkąta */
	}
}

@media (min-width: 992px) {
	.pres-image {
		width: 50%
	}

	.pres-buttons-left,
	.pres-buttons-right {
		width: 20%
	}
}

@media (min-width: 1200px) {
	.pres-image {
		width: 50%
	}

	.pres-buttons-left,
	.pres-buttons-right {
		width: 20%
	}
}

@media (min-width: 1400px) {
	.pres-image {
		width: 45%
	}

	.pres-buttons-left,
	.pres-buttons-right {
		width: 25%
	}
}

@media (min-width: 1600px) {
	.pres-image {
		width: 40%
	}

	.pres-buttons-left,
	.pres-buttons-right {
		width: 25%
	}
}

@media (max-width: 767px) {
	.presentation .button {
		padding: 1rem;
		font-size: .8rem;
	}
}

/* CUSTOM CHECKBOX */

/* Customize the label (the container) */
.checkcont {
	margin-top: 20px;
	line-height: 1.6;
	display: inline-block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.checkcont input {

	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: var(--white);
	border: 1px solid var(--navy);
}

/* On mouse-over checkbox */
.checkcont:hover input~.checkmark {
	border-width: 11px;
	border-color: var(--trans);
	transition: border-width .3s ease-in;
}

/* checkbox checked */
.checkcont input:checked~.checkmark {
	border-width: 0px;
	border-color: var(--navy);
	background-color: var(--navy);
	box-shadow: 0 1px 4px var(--transblack);
	-webkit-box-shadow: 0 1px 4px var(--transblack);
	-moz-box-shadow: 0 1px 4px var(--transblack);
	transition: none;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkcont input:checked~.checkmark::after {
	display: block;
}

/* Style the checkmark/indicator */
.checkcont .checkmark::after {
	left: 9px;
	top: 7px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* END OF CUSTOM CHECKBOX */


/**********************************************/
/*************   IMPRESSUM    ****************/
/**********************************************/


#impressum+#weitere h3,
hr+#weitere h3 {
	display: none;
}

#impressum p em {
	font-size: .75rem;
}

#impressum .section:first-child {
	background-image: url("../images/impressum.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}


/**********************************************/
/************  FORM - RESULT ******************/
/**********************************************/

#result img {
	margin: 0 auto 2rem auto;
	width: 6rem;
	height: 6rem;
}

#result .button,
#f404 .button {
	display: inline-block;
	margin-bottom: 0;
}




/**********************************************/
/***************   FOOTER    ******************/
/**********************************************/

#footer {
	background-color: var(--navy);
	color: var(--white);
}

#footer ul {
	margin-bottom: 0;
}

#footer ul.social li {
	display: inline-block;
}

#footer ul.social {
	padding-top: 1.75rem
}

#footer li a {
	display: inline-block;
}

#footer ul.social li a img {
	border-radius: 0;
	height: 1.25rem;
	width: auto;
}

#footer .row div:last-child a {
	display: inline-block;
	margin-bottom: .75rem;
}

#footer .row div:last-child {
	margin-top: 1rem;
}

#footer .row div:last-child a img {
	width: 150px;
	height: auto;
	margin: 0 auto;
	filter: grayscale(100%) brightness(1000%);
}

#footer * {
	text-align: center;
}

#footer * {
	color: inherit;
}


#footer p {
	font-size: 0.8rem;
}

#footer p strong {
	text-transform: uppercase;
}

#footer li a {
	display: inline-block;
	padding: .5rem;
}


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

/* callback for background-attachment on touch devices !!!! */
@media (hover: none) and (pointer: coarse) {

	.fixed {
		background-attachment: scroll;
	}

}



/* S - small devices (landscape phones, 576px and up to 768px) 						S */
@media (min-width: 576px) {


	html {
		font-size: 18px;
	}

	h1 span {
		font-size: 1.3rem;
	}

	h1,
	h2,
	h3,
	h4 {
		hyphens: none;
	}

	.col-s-1 {
		width: 8.33%;
	}

	.col-s-2 {
		width: 16.66%;
	}

	.col-s-3 {
		width: 25%;
	}

	.col-s-4 {
		width: 33.33%;
	}

	.col-s-5 {
		width: 41.66%;
	}

	.col-s-6 {
		width: 50%;
	}

	.col-s-7 {
		width: 58.33%;
	}

	.col-s-8 {
		width: 66.66%;
	}

	.col-s-9 {
		width: 75%;
	}

	.col-s-10 {
		width: 83.33%;
	}

	.col-s-11 {
		width: 91.66%;
	}

	.col-s-12 {
		width: 100%;
	}

	[class*="col-"],
	.row.slider-mobilet {
		padding: 0 1rem 1rem 1rem;
	}

	.mobile-hide {
		display: block;
	}

	#top:hover {
		background-color: var(--navy);
		box-shadow: 0px 0px 7px 0px var(--shadow);
		-webkit-box-shadow: 0px 0px 7px 0px var(--shadow);
		-moz-box-shadow: 0px 0px 7px 0px var(--shadow);
	}

	/* CTA animation code */
	@keyframes pulse {
		0% {
			box-shadow: 0px 0px 5px 0px var(--transred);
			-webkit-box-shadow: 0px 0px 5px 0px var(--transred);
			-moz-box-shadow: 0px 0px 5px 0px var(--transred);
		}

		15% {
			box-shadow: 0px 0px 20px 15px var(--transred);
			-webkit-box-shadow: 0px 0px 20px 15px var(--transred);
			-moz-box-shadow: 0px 0px 20px 15px var(--transred);
		}

		100% {
			box-shadow: 0px 0px 5px 0px var(--transred);
			-webkit-box-shadow: 0px 0px 5px 0px var(--transred);
			-moz-box-shadow: 0px 0px 5px 0px var(--transred);
		}
	}


	#cta {
		position: fixed;
		padding: 1rem 1rem 1.5rem 1rem;
		top: 10rem;
		right: 0;
		background: var(--red);
		z-index: 999;
		border-radius: var(--rad);
		opacity: 1;
		transition: background 2s, opacity .3s;
	}

	#cta.hidecta {
		opacity: 0;
	}

	#cta:hover {
		/*	animation-duration: .5s; */
		background: var(--darkred);
	}

	#cta strong,
	#cta a {
		display: initial;
	}

	#cta span,
	#cta p {
		display: block;
	}

	#cta a {
		position: initial;
		padding: 0;
		width: auto;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		background-color: transparent;
		background-image: linear-gradient(var(--white), var(--white));
		background-size: 100% 1px;
		background-position: bottom;
		padding: 0 1px 2px 1px;
		background-repeat: no-repeat;
		transition: background-size .1s, padding .2s;
	}

	#cta a:hover {
		background-size: 100% 2px;
		padding: 0 1px 2px 1px;
	}

	#cta a img {
		display: none;
	}

	.separator {
		height: 7rem;
		padding: 1.7rem;
	}

	.section-image {
		min-height: 20rem;
		background-attachment: fixed;
	}


	#parkomat .section:nth-child(3),
	body.page-404 {
		background-image: url('../images/parkcube-signet-light.svg');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 120%;
		background-attachment: fixed;
	}

	.features.functions [class*="col-"] div {
		background-image: url('../images/parking-tlo-blue.jpg');
	}

	#funkcje .section-image {
		background-image: url('../images/parking-tlo.jpg');
	}


}




/* M - medium devices (tablets, 768px and up to 992px)  									M */
@media (min-width: 768px) {


	.col-m-1 {
		width: 8.33%;
	}

	.col-m-2 {
		width: 16.66%;
	}

	.col-m-3 {
		width: 25%;
	}

	.col-m-4 {
		width: 33.33%;
	}

	.col-m-5 {
		width: 41.66%;
	}

	.col-m-6 {
		width: 50%;
	}

	.col-m-7 {
		width: 58.33%;
	}

	.col-m-8 {
		width: 66.66%;
	}

	.col-m-9 {
		width: 75%;
	}

	.col-m-10 {
		width: 83.33%;
	}

	.col-m-11 {
		width: 91.66%;
	}

	.col-m-12 {
		width: 100%;
	}

	.wrapper {
		max-width: 750px;
		padding: 0 1rem;
	}

	.row {}

	[class*="col-"],
	.row.slider-mobilet {
		padding: 0 1rem 1rem 1rem;
	}

	#hero,
	#herocontainer {
		filter: contrast(100%);
		background-size: 100%;
		background-position: center 47%;
		transition: background-size 5s, background-position 3s;
	}

	#hero:hover {
		background-size: 130%;
		background-position: 90% 30%;
	}

	#hero .section {
		padding: 16rem 0 3rem 0;
	}

	#movie-container {
		height: 550px;
	}

	.argos #movie-container {
		height: 100vh;
	}


	#movie-container #hero .section {
		padding-bottom: 4rem;
	}

	.slideshow {
		padding-top: 1.5rem;
	}

}


/* L - large devices (desktops, 992px and up to 1200px) 									L */
/*************** full main menu, no menu icon ***********/

@media (min-width: 992px) {

	.col-l-1 {
		width: 8.33%;
	}

	.col-l-2 {
		width: 16.66%;
	}

	.col-l-3 {
		width: 25%;
	}

	.col-l-4 {
		width: 33.33%;
	}

	.col-l-5 {
		width: 41.66%;
	}

	.col-l-6 {
		width: 50%;
	}

	.col-l-7 {
		width: 58.33%;
	}

	.col-l-8 {
		width: 66.66%;
	}

	.col-l-9 {
		width: 75%;
	}

	.col-l-10 {
		width: 83.33%;
	}

	.col-l-11 {
		width: 91.66%;
	}

	.col-l-12 {
		width: 100%;
	}

	.section {
		padding: 4rem 0 3rem 0;
	}

	.wrapper {
		max-width: 980px;
	}

	[class*="col-"],
	.row.slider-mobilet {
		padding: 0 1.5rem 1.5rem 1.5rem;
	}


	#content {
		margin-top: 6rem;
	}

	#header>span {
		height: 6rem;
	}

	#hero {}

	.section-image {
		min-height: 26rem;
	}

	#arten .section-image,
	#vorteile .section-image,
	#impressum .section-image,
	.intersection {
		height: 20rem;
		padding: 0;
		display: flex;
		align-items: center;
	}

	.intersection * {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
	}


	/*header*/
	#header>div {
		padding: 2rem;
	}

	#logo {
		height: auto;
	}

	#logo img {
		height: 2rem;
	}

	#navi {
		display: flex;
		align-items: center;
		float: right;
		height: 2rem;
	}

	#menu-icon {
		display: none;
		/*hide menu button*/
	}

	#main-menu-container {
		display: flex;
		align-items: center;
		float: right;
	}

	/* all menu lists <ul> */
	#main-menu {
		float: left;
	}

	#main-menu:after {
		content: "";
		clear: both;
		display: table;
	}

	#main-menu li {
		float: left;
		margin-left: 1.2rem;
	}

	#main-menu li:first-child {
		margin-left: 0;
	}

	#main-menu li:last-child {
		margin-right: 1.2rem;
	}

	#main-menu a {
		font-weight: 400;
		position: relative;
		display: inline-block;
		color: var(--navy);
		text-transform: uppercase;
		letter-spacing: -0.03rem;
		transition: 0.3s color 0.3s background-color;
	}

	#main-menu a:hover,
	#main-menu a.active {
		color: var(--blue);
	}

	#main-menu a.download {
		padding: 0 .5rem;
		background-color: var(--blue);
		color: var(--white);
		border-radius: var(--rad);
	}

	#main-menu a.download:hover {
		background-color: var(--navy);
	}






	#footer li {
		display: inline-block;
		padding-left: 1rem;
	}

	#footer ul.social {
		display: inline-block;
		padding-top: 0.75rem
	}

	#footer li a {
		font-size: 0.8rem;
		display: inline;
		padding: 0;
	}

	#footer [class*="col-"]:nth-child(2) {
		float: right;
	}

	#footer [class*="col-"]:nth-child(2),
	#footer [class*="col-"]:nth-child(2) * {
		text-align: right;
	}

	#footer [class*="col-"]:nth-child(1),
	#footer [class*="col-"]:nth-child(1) * {
		text-align: left;
	}

	#footer .row div:last-child {
		margin-top: 0;
	}

}


/* XL- extra large devices (large desktops, 1200px and up)								XL */
@media (min-width: 1200px) {

	.col-xl-1 {
		width: 8.33%;
	}

	.col-xl-2 {
		width: 16.66%;
	}

	.col-xl-3 {
		width: 25%;
	}

	.col-xl-4 {
		width: 33.33%;
	}

	.col-xl-5 {
		width: 41.66%;
	}

	.col-xl-6 {
		width: 50%;
	}

	.col-xl-7 {
		width: 58.33%;
	}

	.col-xl-8 {
		width: 66.66%;
	}

	.col-xl-9 {
		width: 75%;
	}

	.col-xl-10 {
		width: 83.33%;
	}

	.col-xl-11 {
		width: 91.66%;
	}

	.col-xl-12 {
		width: 100%;
	}

	.wrapper {
		max-width: 1170px;
	}
}


/* XXL - extra extra large devices (hd screens desktops, 1400px and up) 			XXL */
@media (min-width: 1400px) {

	.wrapper {
		max-width: 1370px;
	}
}


/* xxxl-  1400px and up)																			XXL */
@media (min-width: 1600px) {

	.wrapper {
		max-width: 1560px;
	}
}



/**********************************************/
/*****   EXCEPTIONS FOR MOBILE    *************												MOBILE ONLY!*/
/**********************************************/

/* smartphones */
@media (max-width: 575px) {


	.pattern-white {
		background-image: none;
	}

	/* slide padding */

	.slider [class*="col-"] {}

	.slider-modules .slick-slide {
		margin-right: 1rem;
	}

	.slider-modules .slick-slidelast-child {
		margin-right: 0;
	}

	/* fulscreen images */

	.full-img {
		/*column containing image*/
		padding: 0;
		margin-left: -1rem;
		width: calc(100% + 2rem);
	}

	.full-img:nth-child(1) {
		/*left column containing image*/
		margin-top: -2.5rem;
		margin-bottom: 2.5rem;
	}

	.full-img:nth-child(2) {
		/*right column containing image*/
		margin-bottom: -1.5rem;
	}

	.full-img img {
		border-radius: 0;
	}

}


/* smartphones and tablets 																		MOBILE MENU OPEN*/
@media (max-width: 991px) {

	/**** header as mobile menu - expanded ******/
	/**** placing it here solves the problem of changing window-width on desktop ***/


	/* Image inside columns as fullscreen in mobile view */
	.img-first-col {
		/* no padding on top of section where first column contains image */
		padding-top: 0;
	}

	.img-last-col {
		padding-bottom: 0;
		/* no padding on bottom of section where last column contains image */
	}

	.img-first-col [class*="col-"]:first-child {
		/* padding reset for first column in row containing image */
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
	}

	.img-last-col [class*="col-"]:last-child {
		/* padding reset for last column in row containing image */
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
	}

	.img-last-col .row {
		/* padding reset for last column in row containing image */
		margin-bottom: 0;
	}


	.menu-mobile #header {
		height: 100vh;
		/* trick for real 100% height - vh set by JS*/
		height: calc(var(--vh, 1vh) * 100);
		background-color: var(--navy);
		overflow: scroll;
		border: none;
	}

	.menu-mobile #menu-icon span {
		background-color: var(--white);
	}

	.menu-mobile #logo img {
		filter: brightness(0) invert(1);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.menu-mobile #main-menu-container {
		display: block;
		width: 100%;
		clear: both;
		float: left;
	}

	.menu-mobile li {
		border-radius: calc(.5*var(--radius));
	}

	.menu-mobile #main-menu {
		width: 100%;
		margin-top: 1rem;
		padding-top: .5rem;
		border-top: 1px solid var(--white);
	}

	.menu-mobile #main-menu li {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		padding: .5rem 0;
	}

	.menu-mobile #main-menu li:hover,
	.menu-mobile #main-menu li:focus {
		/*	background-color: var(--white); */
	}

	.menu-mobile #main-menu a {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		display: table-cell;
		font-weight: 400;
		font-size: 1.2rem;
		color: var(--white);
		text-transform: uppercase;
		letter-spacing: -0.03rem;
	}



	/*align center only on mobile */
	.resp-center {
		text-align: center;
	}

	.resp-center .button,
	.button.resp-center {
		margin-left: auto;
		margin-right: auto;
	}

}

/***********************************************************************/
/*                                AOS                                  */
/***********************************************************************/
[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
	transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
	transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
	transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
	transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
	transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
	transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
	transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
	transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
	transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
	transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
	transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
	transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
	transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
	transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
	transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
	transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
	transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
	transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
	transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
	transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
	transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
	transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
	transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
	transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
	transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
	transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
	transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
	transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
	transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
	transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
	transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
	transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
	transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
	transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
	transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
	transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
	transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
	transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
	transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
	transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
	transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
	transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
	transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
	transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
	transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
	transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
	transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
	transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
	transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
	transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
	transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
	transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
	transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
	transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
	transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
	transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
	transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
	transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
	transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
	transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
	transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
	transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
	transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
	transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
	transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
	transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
	transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
	transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
	transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
	transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
	transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
	transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
	transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
	transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
	transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
	transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
	transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
	transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
	transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
	transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
	transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
	transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
	transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
	transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
	transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
	transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
	transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
	transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
	transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
	transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
	transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
	transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
	transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
	transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
	transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
	transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
	transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
	transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
	transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
	transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
	transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
	transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
	transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
	transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
	transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
	transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
	transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
	transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
	transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
	transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
	transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
	transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
	transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
	transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
	transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
	transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
	transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
	transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
	transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
	transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
	transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
	transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
	transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
	transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
	transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
	transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
	transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
	transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
	transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
	transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
	transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
	transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
	transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
	transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
	transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
	transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
	transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
	transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
	transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
	transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
	opacity: 0;
	transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
	opacity: 1;
	transform: translateZ(0)
}

[data-aos=fade-up] {
	transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
	transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
	transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
	transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
	transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
	transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
	transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
	transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
	opacity: 0;
	transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
	opacity: 1;
	transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
	transform: scale(.6)
}

[data-aos=zoom-in-up] {
	transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
	transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
	transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
	transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
	transform: scale(1.2)
}

[data-aos=zoom-out-up] {
	transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
	transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
	transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
	transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
	transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
	transform: translateZ(0)
}

[data-aos=slide-up] {
	transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
	transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
	transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
	transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
	backface-visibility: hidden;
	transition-property: transform
}

[data-aos=flip-left] {
	transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
	transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
	transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
	transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
	transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
	transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
	transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
	transform: perspective(2500px) rotateX(0)
}


/***********************************************************************/
/*                           FLEXSLIDER                                */
/***********************************************************************/
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
	outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Icon Fonts
*********************************/
/* Font-face Icons 
@font-face {
	font-family: 'flexslider-icon';
	src:url('fonts/flexslider-icon.eot');
	src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('fonts/flexslider-icon.woff') format('woff'),
		url('fonts/flexslider-icon.ttf') format('truetype'),
		url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
	margin: 0;
	padding: 0;
}

.flexslider .slides>li {
	display: none;
	-webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
/*.flexslider .slides img {width: 100%; display: block;} */
.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides>li:first-child {
	display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
	margin: 0;
	position: relative;
	zoom: 1;
}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.loading .flex-viewport {
	max-height: 300px;
}

.flexslider .slides {
	zoom: 1;
}

.carousel li {
	margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
	*height: 0;
}

.flex-direction-nav a {
	display: block;
	width: 40px;
	height: 40px;
	margin: -20px 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	cursor: pointer;
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

.flex-direction-nav .flex-prev {
	left: -50px;
}

.flex-direction-nav .flex-next {
	right: -50px;
	text-align: right;
}

.flexslider:hover .flex-prev {
	opacity: 0.7;
	left: 10px;
}

.flexslider:hover .flex-next {
	opacity: 0.7;
	right: 10px;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
}

.flex-direction-nav .flex-disabled {
	opacity: 0 !important;
	filter: alpha(opacity=0);
	cursor: default;
}

.flex-direction-nav a:before {
	font-family: "flexslider-icon";
	font-size: 40px;
	display: inline-block;
	content: '\f001';
}

.flex-direction-nav a.flex-next:before {
	content: '\f002';
}

/* Pause/Play */
.flex-pauseplay a {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	opacity: 0.8;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	color: #000;
}

.flex-pauseplay a:before {
	font-family: "flexslider-icon";
	font-size: 20px;
	display: inline-block;
	content: '\f004';
}

.flex-pauseplay a:hover {
	opacity: 1;
}

.flex-pauseplay a.flex-play:before {
	content: '\f003';
}

/* default Control Nav 
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
*/

/* Custom Control Nav */

.flex-control-wrapper {
	margin: auto;
	max-width: 57em;
	padding: 0 2em;
	position: relative;
}

.flex-control-nav {
	background: none repeat scroll 0 0 padding-box transparent;
	border-radius: 0px 0px 0px 0px;
	bottom: 0;
	float: left;
	line-height: 1;
	list-style: none outside none;
	margin: 0;
	overflow: hidden;
	padding: 0 10px;
	position: absolute;
	display: none;
}

.flex-control-nav li {
	display: inline;
}

.flex-control-nav a {
	background: none repeat scroll 0 0 padding-box #D1D1D1;
	border: 10px solid #EAEAEA;
	border-radius: 15px 15px 15px 15px;
	cursor: pointer;
	float: left;
	height: 10px;
	margin: 2px;
	text-align: left;
	text-indent: -999px;
	width: 10px;
}

.flex-control-nav a:hover {
	background: none repeat scroll 0 0 #999999;
}

.flex-control-nav a.flex-active {
	background-color: #0080AF;
}

.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}

.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}

.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer;
}

.flex-control-thumbs img:hover {
	opacity: 1;
}

.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}


/*slideshow*/


.slideshow .flex-control-nav {
	float: none;
	width: 100%;
	position: absolute;
	bottom: -2rem;
	text-align: center;
}

.slideshow .flex-control-nav li {
	display: inline-block;
}

.flex-control-nav a:hover {
	background: none repeat scroll 0 0 #999999;
}

.flex-control-nav a.flex-active {
	background-color: #777;
}

@media screen and (max-width: 860px) {
	.flex-direction-nav .flex-prev {
		opacity: 1;
		left: 10px;
	}

	.flex-direction-nav .flex-next {
		opacity: 1;
		right: 10px;
	}
}





/* slick slider */

.row.slider {
	padding-bottom: 2rem;
}

.row.slider:not(.slider-mobilet) h3,
.row.slider:not(.slider-mobilet) h4 {
	text-align: center;
	display: block;
}

/* slider-dots-container (ul) */
ul.slick-dots {
	position: absolute;
	/*  bottom: -2rem; */
	display: block;
	width: 100%;
	/*    padding: 0 0 .5rem 0; */
	/*    margin: 1rem 0 ; */
	list-style: none;
	text-align: center;
	background-color: transparent;
}

/* slider-dots-list-element */



ul.slick-dots li {
	text-indent: 0;
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 1rem;
	padding: 0;
	cursor: pointer;
}

ul.slick-dots li:before {
	font-weight: 600;
	font-size: 0;
	padding: 0;
	display: none;
	content: none;
	position: initial;
}

ul.slick-dots li button {
	font-size: 0;
	line-height: 0;

	display: block;

	width: 1rem;
	height: 1rem;
	padding: .333rem;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}

ul.slick-dots li button:hover,
ul.slick-dots li button:focus {
	outline: none;
}

ul.slick-dots li button:hover:before,
ul.slick-dots li button:focus:before {
	opacity: 1;
}

ul.slick-dots li button:before {
	font-size: 2.5rem;
	line-height: 1.5rem;

	position: absolute;
	top: 0;
	left: 0;

	width: 1rem;
	height: 1rem;

	content: '\2022';
	text-align: center;

	opacity: .25;
	color: var(--navy);

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

ul.slick-dots li.slick-active button:before {
	opacity: 1;
	color: var(--navy);
}








@media (max-width: 575px) {

	.row.slider {
		padding-bottom: 0;
	}

	ul.slick-dots {
		display: none !important;
	}

}





@media (min-width: 992px) {
	.argos #main-menu a {
		color: var(--black)
	}
}

.argos h1,
.argos h2.h1,
.argos .card h3,
.argos h3.card-title a {
	color: var(--aqua);
}

.argos h2,
.argos h4 {
	color: var(--black);
}

.argos .button {
	background: var(--darkaqua);
}

.argos h3,
.argos div:not(#footer) .section ul:not(.slider-modules, .slick-dots) li::before,
.argos .features.pros a:hover h3,
.argos #main-menu a:hover,
.argos #main-menu a.active,
.argos h1,
.argos h2.h1 {
	color: var(--aqua);
}


.argos h2.h1 {
	text-transform: uppercase;
}


.argos #hero h1 {
	text-transform: none;
	max-width: 300px;
}


.argos #hero-container h3,
.argos #movie-container h3,
.argos #hero-container .h3,
.argos #movie-container .h3,
.argos .button:not([disabled]):hover,
.argos #top,
.argos #cta a,
.argos #main-menu a.download,
.argos .blue {
	background-color: var(--aqua);
	color: var(--white);
}

.argos input[disabled="disabled"],
.argos input[disabled="disabled"]:hover {
	background: var(--white);
	color: var(--gray);
	cursor: default;
}


.argos #movie-container video {
	opacity: 0.7;
}

@media (min-width: 576px) {
	.argos #cta {
		background: var(--aqua);
	}

	.argos #cta:hover {
		background: var(--darkaqua);
	}
}

.argos .accordion-item {
	border-bottom: 1px solid var(--black);
}

.argos .arrow {
	border-left: 2px solid var(--aqua);
	border-bottom: 2px solid var(--aqua);
}

.argos #footer {
	background-color: var(--darkaqua);
}

.argos #content p a,
.argos #content ul a,
.argos #content em a {
	background-image: linear-gradient(var(--aqua), var(--aqua));
	color: var(--darkaqua)
}


.argos .checkcont input:checked~.checkmark {
	border-color: var(--aqua);
	background-color: var(--aqua);
}

#site-bikebox.argos #intro .full-img img {
	margin-bottom: 0;
}


span.counter.h1 {
	display: block;
	text-align: center;
	font-size: 3.5rem;
	margin: 0 auto;
	color: var(--aqua);
}

.argos .figures h3 {
	padding-bottom: 1rem;
	color: var(--black);
	text-transform: none;
}

.argos .figures p {
	hyphens: none;
}

.argos h1 em,
.argos h2.h1 em {
	font-weight: 300;
	font-style: normal;
	color: inherit
}

h2.h1.black {
	color: var(--black);
}

@media (min-width: 992px) {


	.argos h2.h1 {
		font-size: 3.5rem;
		line-height: 1.1;
	}

	.argos #hero h1 {
		font-size: 3.5rem;
		line-height: 1.1;
		max-width: 600px;
	}
}


.argos .section.mobilet {
	background: none;
	background-image: none;
}

.argos-slide {
	position: relative;
	min-height: 250px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (min-width: 992px) {

	.argos-slide {
		min-height: 640px;
	}
}

.argos-slide img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transform: translate(-50%, -50%);
	border-radius: 0;
}


.argos ul.slick-dots li button:before {
	color: var(--darkaqua);
}

.argos ul.slick-dots li.slick-active button:before {
	color: var(--darkaqua);
}

.argos .features p {
	text-align: left;
}

.argos .features h2 {
	text-align: center;
}


@keyframes rotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.argos .features img {
	height: 4rem;
	width: 4rem;
	margin: 0 auto 1rem auto;
	text-align: center;
}

.argos #vorteile .features img {
	animation: rotate 4s linear infinite;
}

.argos #vorteile .features div:nth-child(1) img {
	animation-delay: 0s;
}

.argos #vorteile .features div:nth-child(2) img {
	animation-delay: -0.8s;
	/* -4s * (72/360) = -0.8s */
}

.argos #vorteile .features div:nth-child(3) img {
	animation-delay: -1.6s;
	/* -4s * (144/360) = -1.6s */
}

.argos #vorteile .features div:nth-child(4) img {
	animation-delay: -2.4s;
	/* -4s * (216/360) = -2.4s */
}





@media (max-width: 991px) {
	.argos.menu-mobile #header {
		background-color: var(--darkaqua);
	}
}


@media screen and (min-width: 992px) {
	.argos #movie-container #hero .section {
		padding-bottom: 8rem;
	}

}

.argos #weitere {
	border-top: 5px solid var(--white)
}

.argos #content,
.transheader #content {
	margin-top: 0;
}

.transheader #header {
	background-color: rgba(0, 0, 0, 0.4);
	border: none;
	transition: background-color 0.3s ease-in-out;
}

.transheader #logo {
	filter: contrast(0) grayscale(1) brightness(2);
	transition: all 0.3s ease-in-out;
}

.transheader #logo:hover {
	opacity: 0.8;
}

.transheader #main-menu a,
.transheader .argos #main-menu a,
.transheader #main-menu a:hover,
.transheader .argos #main-menu a:hover {
	color: var(--white);
}

.transheader #menu-icon span {
	background-color: var(--white);
}