@font-face {
	font-family: ralewaybold;
	src: url('../fonts/raleway-bold.eot');
	src: url('../fonts/raleway-bold.eot?#iefix') format("embedded-opentype"), url('../fonts/raleway-bold.woff') format("woff"), url('../fonts/raleway-bold.ttf') format("truetype"), url('../fonts/raleway-bold.svg#ralewaybold') format("svg");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: ralewayextrabold;
	src: url('../fonts/raleway-extrabold.eot');
	src: url('../fonts/raleway-extrabold.eot?#iefix') format("embedded-opentype"), url('../fonts/raleway-extrabold.woff') format("woff"), url('../fonts/raleway-extrabold.ttf') format("truetype"), url('../fonts/raleway-extrabold.svg#ralewayextrabold') format("svg");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: ralewayextralight;
	src: url('../fonts/raleway-extralight.eot');
	src: url('../fonts/raleway-extralight.eot?#iefix') format("embedded-opentype"), url('../fonts/raleway-extralight.woff') format("woff"), url('../fonts/raleway-extralight.ttf') format("truetype"), url('../fonts/raleway-extralight.svg#ralewayextralight') format("svg");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: ralewayheavy;
	src: url('../fonts/raleway-heavy.eot');
	src: url('../fonts/raleway-heavy.eot?#iefix') format("embedded-opentype"), url('../fonts/raleway-heavy.woff') format("woff"), url('../fonts/raleway-heavy.ttf') format("truetype"), url('../fonts/raleway-heavy.svg#ralewayheavy') format("svg");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: ralewaylight;
	src: url('../fonts/raleway-light.eot');
	src: url('../fonts/raleway-light.eot?#iefix') format("embedded-opentype"), url('../fonts/raleway-light.woff') format("woff"), url('../fonts/raleway-light.ttf') format("truetype"), url('../fonts/raleway-light.svg#ralewaylight') format("svg");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: ralewaymedium;
	src: url('../fonts/raleway-medium.eot');
	src: url('../fonts/raleway-medium.eot?#iefix') format("embedded-opentype"), url('../fonts/raleway-medium.woff') format("woff"), url('../fonts/raleway-medium.ttf') format("truetype"), url('../fonts/raleway-medium.svg#ralewaymedium') format("svg");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: ralewayregular;
	src: url('../fonts/raleway-regular.eot');
	src: url('../fonts/raleway-regular.eot?#iefix') format("embedded-opentype"), url('../fonts/raleway-regular.woff') format("woff"), url('../fonts/raleway-regular.ttf') format("truetype"), url('../fonts/raleway-regular.svg#ralewayregular') format("svg");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: ralewaysemibold;
	src: url('../fonts/raleway-semibold.eot');
	src: url('../fonts/raleway-semibold.eot?#iefix') format("embedded-opentype"), url('../fonts/raleway-semibold.woff') format("woff"), url('../fonts/raleway-semibold.ttf') format("truetype"), url('../fonts/raleway-semibold.svg#ralewaysemibold') format("svg");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: ralewaythin;
	src: url('../fonts/raleway-thin.eot');
	src: url('../fonts/raleway-thin.eot?#iefix') format("embedded-opentype"), url('../fonts/raleway-thin.woff') format("woff"), url('../fonts/raleway-thin.ttf') format("truetype"), url('../fonts/raleway-thin.svg#ralewaythin') format("svg");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: pacificoregular;
	src: url('../fonts/pacifico.eot');
	src: url('../fonts/pacifico.eot?#iefix') format("embedded-opentype"), url('../fonts/pacifico.woff') format("woff"), url('../fonts/pacifico.ttf') format("truetype"), url('../fonts/pacifico.svg#pacificoregular') format("svg");
	font-weight: 400;
	font-style: normal
}


.hljs {
	display: block;
	overflow-x: auto;
	padding: .5em;
	background: #23241f;
	-webkit-text-size-adjust: none
}
.hljs, .hljs-tag, .css .hljs-rule, .css .hljs-value, .aspectj .hljs-function, .css .hljs-function .hljs-preprocessor, .hljs-pragma {
	color: #f8f8f2
}
.hljs-strongemphasis, .hljs-strong, .hljs-emphasis {
	color: #a8a8a2
}
.hljs-bullet, .hljs-blockquote, .hljs-horizontal_rule, .hljs-number, .hljs-regexp, .alias .hljs-keyword, .hljs-literal, .hljs-hexcolor {
	color: #ae81ff
}
.hljs-tag .hljs-value, .hljs-code, .hljs-title, .css .hljs-class, .hljs-class .hljs-title:last-child {
	color: #a6e22e
}
.hljs-link_url {
	font-size: 80%
}
.hljs-strong, .hljs-strongemphasis {
	font-weight: 700
}
.hljs-emphasis, .hljs-strongemphasis, .hljs-class .hljs-title:last-child, .hljs-typename {
	font-style: italic
}
.hljs-keyword, .ruby .hljs-class .hljs-keyword:first-child, .ruby .hljs-function .hljs-keyword, .hljs-function, .hljs-change, .hljs-winutils, .hljs-flow, .nginx .hljs-title, .tex .hljs-special, .hljs-header, .hljs-attribute, .hljs-symbol, .hljs-symbol .hljs-string, .hljs-tag .hljs-title, .hljs-value, .alias .hljs-keyword:first-child, .css .hljs-tag, .css .unit, .css .hljs-important {
	color: #f92672
}
.hljs-function .hljs-keyword, .hljs-class .hljs-keyword:first-child, .hljs-aspect .hljs-keyword:first-child, .hljs-constant, .hljs-typename, .hljs-name, .css .hljs-attribute {
	color: #66d9ef
}
.hljs-variable, .hljs-params, .hljs-class .hljs-title, .hljs-aspect .hljs-title {
	color: #f8f8f2
}
.hljs-string, .css .hljs-id, .hljs-subst, .hljs-type, .ruby .hljs-class .hljs-parent, .hljs-built_in, .django .hljs-template_tag, .django .hljs-variable, .smalltalk .hljs-class, .django .hljs-filter .hljs-argument, .smalltalk .hljs-localvars, .smalltalk .hljs-array, .hljs-attr_selector, .hljs-pseudo, .hljs-addition, .hljs-stream, .hljs-envvar, .apache .hljs-tag, .apache .hljs-cbracket, .tex .hljs-command, .hljs-prompt, .hljs-link_label, .hljs-link_url {
	color: #e6db74
}
.hljs-comment, .hljs-annotation, .hljs-decorator, .hljs-pi, .hljs-doctype, .hljs-deletion, .hljs-shebang, .apache .hljs-sqbracket, .tex .hljs-formula {
	color: #75715e
}
.coffeescript .javascript, .javascript .xml, .tex .hljs-formula, .xml .javascript, .xml .vbscript, .xml .css, .xml .hljs-cdata, .xml .php, .php .xml {
	opacity: .5
}



blockquote, q {
	quotes: none
}
blockquote::before, q::before, blockquote::after, q::after {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
a {
	background-color: transparent
}
a:active, a:hover {
	outline: 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: 700
}
dfn {
	font-style: italic
}
mark {
	background: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
img {
	border: 0
}
svg:not(:root) {
	overflow: hidden
}
hr {
	box-sizing: content-box;
	height: 0
}
pre {
	overflow: auto
}
button {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input {
	line-height: normal
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height:auto
}
input[type=search] {
	-webkit-appearance: textfield
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
textarea {
	overflow: auto
}
optgroup {
	font-weight: 700
}


 .nav-main__list-link{
	font-family: ralewaymedium;
	font-weight:bold;
}
pre, code, var, samp {
	font-family: SourceCodePro, Source Code Pro, monospace
}

.text-highlight {
	color: #f48f26
}
.text-gray {
	color: #ccc
}
.text-quoted {
	color: #00b86e;
	margin-bottom: 20px
}
.ratio-content, .embed-media iframe, .post__content .post__iframe-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden
}
.clearfix::before, .section::before, .container-fluid::before, .home-slide__inner::before, .letter::before, .clearfix::after, .section::after, .container-fluid::after, .home-slide__inner::after, .letter::after {
	content: " ";
	display: table
}
.clearfix::after, .section::after, .container-fluid::after, .home-slide__inner::after, .letter::after {
	clear: both
}
.height-full, .home-slide.is-fullscreen {
	height: 100vh
}
.debug {
	background-color: pink!important
}
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.hyphens {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}
.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden
}
.ir::before {
	content: "";
	display: block;
	width: 0;
	height: 150%
}
.ir2 {
	color: transparent
}
.h100 {
	height: 100%
}
.hidden {
	display: none!important;
	visibility: hidden
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}
.invisible {
	visibility: hidden
}
.invisible--collapse {
	visibility: hidden;
	height: 0!important;
	padding: 0!important;
	margin: 0!important
}
.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	
}
.vam-container {
	height: 100%;
	position: relative
}
.vam-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	width: 0
}
.vam-container__inner {
	display: inline-block;
	vertical-align: middle
}
.center-text {
	width: 100%;
	text-align: center;
	display: block
}
.center-text::before, .center-text::after {
	content: " ";
	display: table
}
.center-text::after {
	clear: both
}
.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.middle-absolute, .teaser__image, .height-full .teaser__image {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.vam-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	width: 0
}
.vam-container__inner {
	display: inline-block;
	vertical-align: middle
}
.vam-absolute {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}
.bottom-align {
	display: inline-block;
	height: 100%;
	vertical-align: bottom;
	width: 0
}
.layer--1 {
	position: relative;
	z-index: 1
}

.highlight {
	background: none;
	color: #f48f26;
	text-decoration: none
}
.highlight--b {
	color: #fff;
	display: inline-block;
	border-bottom: 2px solid transparent
}
.highlight--b.is-active, .highlight--b:hover {
	border-bottom-color: #fff
}
.highlight--c {
	color: #00b86e;
	text-decoration: none
}
*:hover {
	-webkit-tap-highlight-color: transparent
}
.footer__logo {
	background: #232121 url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMwIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMjMwIDMyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGlkPSJQaGFzZS0xIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGlkPSJIb21lLTAxIiBmaWxsPSIjRkZGIj48ZyBpZD0iRm9vdGVyIj48ZyBpZD0iYnl0ZXBhcmtfbG9nb3R5cGVfUHJpbWFyeSI+PHBhdGggZD0iTTgzLjQ4NSA2LjM2M0g3NS4wOVYxLjI0OGMwLS42OS0uNTUtMS4yNDYtMS4yMjgtMS4yNDZoLTIuNjNjLS42NzcgMC0xLjIyNy41NTYtMS4yMjcgMS4yNDZ2NS4xMTVoLTIuMzYyYy0uNjcgMC0xLjIxNS41NjQtMS4yMTUgMS4yNnYxLjgxYzAgLjY5Ni41NDQgMS4yNiAxLjIxNSAxLjI2aDIuMzYydjEzLjY4MmMwIC42OS41NSAxLjI0OCAxLjIyNyAxLjI0OGgyLjYzYy42NzcgMCAxLjIyNy0uNTU4IDEuMjI3LTEuMjQ4VjEwLjY5Mmg4LjM5Yy42NyAwIDEuMjEyLS41NjMgMS4yMTItMS4yNThWNy42MjJjMC0uNjk1LS41NDQtMS4yNi0xLjIxNi0xLjI2em0xMTcuODE3IDIuNGMwIDEuMjQ0LS42MTUgMS44NjQtMS44NDUgMS44NjRoLS45MjJjLS40NzUgMC0uODY3LS4wMDgtMS4xNzggMC0yLjc1LjA3LTUuNDk1IDIuMjgtNS42NzUgNC44MjJ2OC4yOGMwIC45NC0uMzMzIDEuNTItMSAxLjc0LS4yNjQuMDk1LS45ODQuMTQzLTIuMTYuMTQzLTEuMjEgMC0xLjgxNC0uNjM4LTEuODE0LTEuOTE2bC4wODMtOC4yOWMwLTQuNzQ0IDMuMjktOS4yOSAxMi42OC05LjA0NCAxLjIyNi4wMzQgMS44NC44IDEuODQgMi4zOXptLTUwLjgxMiA0Ljg0YzAtNC44My0zLjg4NC03LjI0My0xMS42NS03LjI0M2gtNy41NjVjLTIuNzIzIDAtNS43Mi4wMjItOC4wMzggMS4wNDYtMi45OSAxLjMxLTQuMDA3IDMuNjYzLTQuMDA3IDYuMDc3djE2LjM5M2MwIC45NDMuMzMgMS41MzYuOTk3IDEuNzc2LjI2Mi4wOC45NTguMTIgMi4wODYuMTIgMS4yMDUgMCAxLjgwOC0uNjM0IDEuODA4LTEuODk2di00LjI1M2gxNC43MWM3Ljc4IDAgMTEuNjctMi40IDExLjY3LTcuMTQ4di00Ljg3M3ptLTQuODkzLjE3M3Y0LjU5OGMwIDEuOTc4LTIuMjIzIDIuOTY4LTYuNjY4IDIuOTY4aC0xMy4xNnMtLjc3LjA3LTEuMi0uNDEzYy0uNDQtLjUtLjQ1OC0uOTgtLjQ1OC0uOTh2LTYuNDRjMC0xLjAyLjA2LTIuMDYgMi4yLTIuNTkgMS40OTUtLjM4NSA0LjAxLS4zMTYgNS41Mi0uMzE2aDcuMDRjMi4yIDAgMy42Mi4wOCA0LjI2LjI0IDEuNjM4LjQxNCAyLjQ1NiAxLjM4NyAyLjQ1NiAyLjkyem0tMTE0LjIgNC42MDRjMCA0LjgyOC0zLjg4MyA3LjI0My0xMS42NSA3LjI0M2gtNy41NjNjLTIuNzIzIDAtNS43Mi0uMDIzLTguMDQtMS4wNDhDMS4xNTggMjMuMjY1LjE0IDIwLjkxNS4xNCAxOC41VjEuODk4Qy4xNC45NTUuNDcuMzYzIDEuMTM4LjEyMmMuMjYtLjA4Ljk1Ny0uMTIgMi4wODUtLjEyIDEuMjA3IDAgMS44MS42MzQgMS44MSAxLjg5NnY0LjQ4N2gxNC43MDRjNy43NzYgMCAxMS42NjQgMi4zNzYgMTEuNjY0IDcuMTIzdjQuODcyem0tNC44OS0uMTc0VjEzLjYxYy0uMDAzLTIuMy0yLjIyNS0yLjk3LTYuNjctMi45N0g2LjY4cy0uNzI1LjAyNS0xLjE2Ny40OTZjLS41MjcuNTYtLjQ4My44OTctLjQ4My44OTd2Ni40MzdjLjEwMy41OS4wNiAyLjA1NyAyLjE5OCAyLjU4MyAxLjQ5Ni4zODMgNC4wMS4zMTUgNS41MjIuMzE1aDcuMDQzYzIuMTk4IDAgMy42MTYtLjA4IDQuMjU2LS4yNCAxLjYzLS40MTQgMi40NS0xLjM5IDIuNDUtMi45MjJ6bTIwMi4zMTUgNC4xMDJsLTE2LjA3Ni02LjI5MyAxNS43NzctOC4wNzNjLjYwNi0uMzEuODUzLTEuMDY3LjU1LTEuNjlsLS43My0xLjQ5OGMtLjMtLjYyMi0xLjAzNi0uODc1LTEuNjQ0LS41NjVsLTE4LjQ3IDkuNDVWMS4yNmMwLS42OTYtLjU1LTEuMjU4LTEuMjMtMS4yNThoLTIuNWMtLjY4IDAtMS4yMjguNTYyLTEuMjI4IDEuMjU4djIzLjEwNGMwIC42OTUuNTUgMS4yNiAxLjIyNiAxLjI2aDIuNWMuNjc3IDAgMS4yMjctLjU2NSAxLjIyNy0xLjI2di01LjYyNmwxOS4xMzQgNy40ODhjLjYzMi4yNDggMS4zNC0uMDc4IDEuNTg0LS43MjdsLjU4LTEuNTdjLjI0Mi0uNjUtLjA3Ni0xLjM4LS43MS0xLjYzem0tMTIzLjM0LTIuNjg1YzguNjEyLS4xNCAxMC44OTQtMS45NjUgMTEuMTkyLTYuMzQzLS4yOTgtNC40NTQtMy43Mi02LjkxNy0xMS4xNzgtNi45MTdoLTcuNTY0Yy0yLjcyMyAwLTUuMzI1LS4xMDQtNy42NDUuOTItMi45ODggMS4zMS00LjM2IDMuMzc1LTQuNCA2LjIwM3Y1LjY3M2wuMDEuMzJjMCAzLjE1NiAxLjg0IDUuMTkgNS41MTMgNi4wOTYuMDkzLjAyNC4xOC4wMy4yNjQuMDI3di4wMWgxOS44ODhjLjY3NyAwIDEuMjI3LS41NjMgMS4yMjctMS4yNTZ2LTEuMzdjMC0uNjkzLS41NS0xLjI1Ny0xLjIzLTEuMjU3SDkxLjc1Yy0uNzE2LS4xOTUtLjkyNC0uNTAzLS45NzctLjkzdi0xLjE4aDE0LjcwM3ptLTE0LjctNi43MWMwLTEuMDIuNTY4LTEuNjAyIDEuMzUtMi4wOSAxLjEtLjY5IDMuMzg3LS42MTggMy4zODctLjYxOGgxMS43M3MyLjExLjAyIDMuMzkuNTE3YzEuMjguNSAxLjUyLjk3IDEuNTIgMi43NDMgMCAxLjc3LTIuNjMgMi4zNDctNi41OCAyLjM0N0g5Mi40MnMtLjkxLS4wMDMtMS4xOTctLjM1OGMtLjQ1Mi0uNTU4LS40NTItMS4wMzUtLjQ1Mi0xLjAzNWwuMDEtMS41MXptLTI2LjUwNi00LjY2YzAtLjkyMy0uMzMtMS41MDctLjk4Ny0xLjc0Ni0uMjktLjA5Ni0xLS4xNDQtMi4xNC0uMTQ0LTEuMjQgMC0xLjg2LjYyOC0xLjg2IDEuODgzdjguOWMwIDMuMzE2LS40MDYgNC4yNjItNi4xNjcgNC4yNzctNC45NjMuMDE0LTguNTQgMC04LjU0IDAtNC4xMjYgMC02LjIyNC0uNDctNi4xOS0zLjUzVjguMjQ3YzAtMS4yNTUtLjYtMS44ODMtMS44MDctMS44ODMtMS4xMjggMC0xLjgzLjA0OC0yLjExLjE0NC0uNjUuMjIzLS45NzQuODA1LS45NzQgMS43NDR2MTAuNTk2Yy4wODQgNS4wOTYgMy4xMjQgNi44NTQgMTEuMSA2LjgzMmgxNC44bC0uMDI0LjI4N3YuOTljLS4wNTQuNDI3LS4yNi43MzUtLjk4LjkzSDM4LjZjLS42NzcgMC0xLjIyNy41NjQtMS4yMjcgMS4yNnYxLjM2N2MwIC42OTUuNTUgMS4yNiAxLjIyNSAxLjI2aDE5Ljg5di0uMDEzYy4wOC4wMS4xNyAwIC4yNjMtLjAyIDMuNjc0LS45MSA1LjUxLTIuOTQgNS41MS02LjFsLjAxLTE3LjM4ek0xODMuNzM0IDEyLjVjMC0zLjE1OC0xLjgzOC01LjE5LTUuNTEyLTYuMS0uMDkzLS4wMjUtLjE4LS4wMy0uMjY0LS4wMjV2LS4wMTJIMTU4LjA3Yy0uNjc4IDAtMS4yMjcuNTY0LTEuMjI3IDEuMjU3djEuMzdjMCAuNjk0LjU1IDEuMjU3IDEuMjI3IDEuMjU3aDE5LjgwNWMuNzIuMTk1LjkyNS41MDUuOTc4LjkzdjEuMTg2SDE2NC4xNWMtNy40NjcgMC0xMS4yNDUgMS42NS0xMS42MzUgNi41NzUuMzkgNS40ODUgNC4xNjQgNi42ODUgMTEuNjIgNi42ODVoNy41NjRjMi43MiAwIDYuMS0uMDA2IDguNDItMS4wMyAyLjk5LTEuMzEgMy42Mi0zLjY3OCAzLjYyLTYuMDl2LTUuNjc2bC0uMDE1LS4zMjh6bS00Ljg4NCA2LjU3M2MwIDEuMDItLjMwNyAxLjc0LTEuMjI1IDIuMTktMS4xNi41Ny0zLjUxMy41Mi0zLjUxMy41MmwtMTEuNzMtLjAwM2MtLjAwMiAwLTIuMTEtLjAxOC0zLjM5NC0uNTE2LTEuMjg1LS41LTEuNzctLjk2Ny0xLjc3LTIuNzQgMC0xLjc3MyAyLjg3Ny0yLjM1IDYuODI3LTIuMzVoMTMuMTZzLjgyNC0uMDUyIDEuMjkuMzkzYy4zNzUuMzU1LjM1OCAxIC4zNTggMWwtLjAwMyAxLjUwNnoiIGlkPSJGaWxsLTEiLz48L2c+PC9nPjwvZz48L2c+PC9zdmc+) no-repeat center center
}
.icon {
	font-family: bp-icons;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.icon-pacman::before {
	content: "\e916"
}
.icon-spades::before {
	content: "\e917"
}
.icon-clubs::before {
	content: "\e918"
}
.svg-icon {
	height: 40px;
	width: 40px;
	display: inline-block
}
.svg-icon.full-width {
	width: 100%
}
.svg-icon--location {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzNiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iUGhhc2UtMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iSm9icyIgZmlsbD0iIzAwQjg2RSI+PGcgaWQ9IkFyYmVpdGVuIj48ZyBpZD0iQmVybGluLWljb24iPjxwYXRoIGQ9Ik0zNiAxOHYtMkgwdjE2aDRWMjBoMnYxMmg0VjIwaDJ2MTJoNFYyMGg0djEyaDRWMjBoMnYxMmg0VjIwaDJ2MTJoNFYxOHpNMTAgNGg0djRoLTRWNHptMTIgMGg0djRoLTRWNHptLTYtNGg0djhoLTRWMHpNMCAxMGgzNnY0SDB2LTR6IiBpZD0iUmVjdGFuZ2xlLTE2MyIvPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=) no-repeat center center;
	background-size: 36px 32px
}
.svg-icon--development {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAyMCAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iUGhhc2UtMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iSm9icyIgZmlsbD0iIzAwQjg2RSI+PGcgaWQ9IkFyYmVpdGVuIj48ZyBpZD0iQnVsYi1pY29uIj48cGF0aCBkPSJNMTYgMTh2Nkg0di02Yy0yLjQzLTEuODI0LTQtNC43MjgtNC04QzAgNC40NzcgNC40NzcgMCAxMCAwczEwIDQuNDc3IDEwIDEwYzAgMy4yNzItMS41NyA2LjE3Ni00IDh6bS00IDEuOHYuMkg4di0uMmMuNjQ2LjEzIDEuMzE1LjIgMiAuMnMxLjM1NC0uMDcgMi0uMnptLTQtNC4xNGMtMi4zMy0uODI2LTQtMy4wNS00LTUuNjYgMC0zLjMxNCAyLjY4Ni02IDYtNnM2IDIuNjg2IDYgNmMwIDIuNjEyLTEuNjcgNC44MzUtNCA1LjY2VjIwSDh2LTQuMzR6TTQgMjZoMTJ2NEg0di00em0yIDZoOHY0SDZ2LTR6IiBpZD0iUmVjdGFuZ2xlLTI3MiIvPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=) no-repeat center center;
	background-size: 20px 36px
}
.svg-icon--coffee {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAzNiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iUGhhc2UtMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iSm9icyIgZmlsbD0iIzAwQjg2RSI+PGcgaWQ9IkFyYmVpdGVuIj48ZyBpZD0iQ29mZmVlLWljb24iPjxwYXRoIGQ9Ik03IDBDMy4xNCAwIDAgMy4xNCAwIDdzMy4xNCA3IDcgN3YyYzAgMy4zMSAyLjY5IDYgNiA2aDE0YzMuMzA4IDAgNi0yLjY5IDYtNlYwSDd6bTAgMTBjLTEuNjU0IDAtMy0xLjM0Ni0zLTNzMS4zNDYtMyAzLTN2NnptMjIgNmMwIDEuMTAyLS44OTcgMi0yIDJIMTNjLTEuMTAzIDAtMi0uODk4LTItMlY0aDE4djEyeiIgaWQ9IkZpbGwtMSIvPjxwYXRoIGQ9Ik00IDI0aDMybC00IDRIOGwtNC00IiBpZD0iRmlsbC0yIi8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==) no-repeat center center;
	background-size: 37px 28px
}
.svg-icon--pin {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzkiIHZpZXdCb3g9IjAgMCAzMiAzOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iUGhhc2UtMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iSm9icyIgZmlsbD0iIzIzMjEyMSI+PGcgaWQ9IlBpbi1pY29uIj48cGF0aCBkPSJNMTYgLjIwMmMtOC44MjIgMC0xNiA3LjE3Ni0xNiAxNiAwIDQuMjcyIDEuNjY0IDguMjkgNC42ODggMTEuMzE0TDE2IDM4LjgyOGwxMS4zMTQtMTEuMzEyQzMwLjMzNiAyNC40OTIgMzIgMjAuNDc0IDMyIDE2LjIwMmMwLTguODI0LTcuMTc4LTE2LTE2LTE2em04LjQ4NCAyNC40ODZMMTYgMzMuMTcybC04LjQ4NC04LjQ4NEM1LjI0OCAyMi40MiA0IDE5LjQwNiA0IDE2LjIwMmMwLTYuNjE4IDUuMzg0LTEyIDEyLTEyIDYuNjE4IDAgMTIgNS4zODIgMTIgMTIgMCAzLjIwNC0xLjI0OCA2LjIxOC0zLjUxNiA4LjQ4NnoiIGlkPSJGaWxsLTEiLz48cGF0aCBkPSJNMTYgOC4yMDJjLTQuNDEyIDAtOCAzLjU4OC04IDhzMy41ODggOCA4IDggOC0zLjU4OCA4LTgtMy41ODgtOC04LTh6bTAgMTJjLTIuMjA0IDAtNC0xLjc5Ni00LTQgMC0yLjIwNiAxLjc5Ni00IDQtNCAyLjIwNiAwIDQgMS43OTQgNCA0IDAgMi4yMDQtMS43OTQgNC00IDR6IiBpZD0iRmlsbC0yIi8+PC9nPjwvZz48L2c+PC9zdmc+) no-repeat center center;
	background-size: 32px 39px
}
.svg-icon--shoe {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA0MiAzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iUGhhc2UtMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iSm9icyIgZmlsbD0iIzFBMTkxOCI+PGcgaWQ9IlNob2UtaWNvbiI+PHBhdGggZD0iTTYgMTFjMCAyLjc2MiAyLjI0IDUgNSA1czUtMi4yMzggNS01YzAtMi43Ni0yLjI0LTUtNS01cy01IDIuMjQtNSA1em04IDBjMCAxLjY1Ny0xLjM0MyAzLTMgM3MtMy0xLjM0My0zLTMgMS4zNDMtMyAzLTMgMyAxLjM0MyAzIDN6IiBpZD0iRmlsbC0xIi8+PHBhdGggZD0iTTM2IDE4aC0zYy0yLjM1IDAtNC41MjUtLjc0NC02LjMxMy0ySDIxLjAyYzEuNTQzIDIuMDUgMy42MDYgMy42NzIgNS45OCA0LjcxOFYyNkgxNWMwLTIuMjEtMS43OS00LTQtNEg0VjRoMTRsLjAzNSAySDIyVjBIMHYzMGg0MnYtNmMwLTMuMzE0LTIuNjg2LTYtNi02ek00IDI2di0yaDdjMS4xMDUgMCAyIC44OTUgMiAySDR6bTI1LTQuNTYzYzEuMjc1LjM1NSAyLjYxLjU2MyA0IC41NjNoM2MxLjEwNCAwIDIgLjg5NSAyIDJ2MmgtOXYtNC41NjN6IiBpZD0iRmlsbC0yIi8+PHBhdGggZD0iTTE4LjMgMTBoNC4xMjVjLS4xODMtLjY0NS0uMzEzLTEuMzEyLS4zNzUtMmgtNGMuMDQ1LjY4LjEyIDEuMzUuMjUgMiIgaWQ9IkZpbGwtMyIvPjxwYXRoIGQ9Ik0xOS43MzggMTRoNC43NzdjLS41MDctLjYxMy0uOTQtMS4yODYtMS4zMDQtMmgtNC4zMzdjLjI0NC42OS41MjggMS4zNi44NjYgMiIgaWQ9IkZpbGwtNCIvPjwvZz48L2c+PC9nPjwvc3ZnPg==) no-repeat center center;
	background-size: 42px 30px
}
.svg-icon--comms {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzNiAzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iUGhhc2UtMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iSm9icyIgZmlsbD0iIzE2MTgxOCI+PGcgaWQ9IkNvbW1zLWljb24iPjxwYXRoIGQ9Ik0zNiAwSDh2OEgwdjIwaDR2Nmw4LTZoMTZ2LThoOFYwek0yNCAyNEgxMmwtNCAydi0ySDRWMTJoMjB2MTJ6bTgtOGgtNFY4SDEyVjRoMjB2MTJ6IiBpZD0iRmlsbC0xIi8+PHBhdGggZD0iTTYgMTZoNHY0SDZ2LTR6IiBpZD0iRmlsbC0yIi8+PHBhdGggZD0iTTEyIDE2aDR2NGgtNHYtNHoiIGlkPSJGaWxsLTMiLz48cGF0aCBkPSJNMTggMTZoNHY0aC00di00eiIgaWQ9IkZpbGwtNCIvPjwvZz48L2c+PC9nPjwvc3ZnPg==) no-repeat center center;
	background-size: 36px 34px
}
.svg-icon--link {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iUGhhc2UtMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iSm9icyIgZmlsbD0iIzIzMjEyMSI+PGcgaWQ9IkxpbmstaWNvbiIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDMxLjExMiAxNy43MykiPjxwYXRoIGQ9Ik00LjY1IDYuNjQ2YzAtMS4xMDMuODkzLTEuOTk2IDEuOTk2LTEuOTk2aDguMDA4YzEuMSAwIDEuOTk2Ljg5OCAxLjk5NiAxLjk5NnY0LjAwOGMwIDEuMTAyLS44OTQgMS45OTYtMS45OTYgMS45OTZINi42NDZjLTEuMSAwLTEuOTk2LS44OTgtMS45OTYtMS45OTZWNi42NDZ6bS00IDB2NC4wMDhjMCAzLjMwNiAyLjY4NiA1Ljk5NiA1Ljk5NiA1Ljk5Nmg4LjAwOGMzLjMxIDAgNS45OTYtMi42ODUgNS45OTYtNS45OTZWNi42NDZDMjAuNjUgMy4zNCAxNy45NjMuNjUgMTQuNjU0LjY1SDYuNjQ2QzMuMzM0LjY1LjY1IDMuMzM0LjY1IDYuNjQ2eiIgaWQ9IlNoYXBlIi8+PHBhdGggZD0iTTI2LjY1IDYuNjQ2YzAtMS4xMDMuODkzLTEuOTk2IDEuOTk2LTEuOTk2aDguMDA4YzEuMSAwIDEuOTk2Ljg5OCAxLjk5NiAxLjk5NnY0LjAwOGMwIDEuMTAyLS44OTQgMS45OTYtMS45OTYgMS45OTZoLTguMDA4Yy0xLjEgMC0xLjk5Ni0uODk4LTEuOTk2LTEuOTk2VjYuNjQ2em0tNCAwdjQuMDA4YzAgMy4zMDYgMi42ODYgNS45OTYgNS45OTYgNS45OTZoOC4wMDhjMy4zMSAwIDUuOTk2LTIuNjg1IDUuOTk2LTUuOTk2VjYuNjQ2QzQyLjY1IDMuMzQgMzkuOTYzLjY1IDM2LjY1NC42NWgtOC4wMDhjLTMuMzEyIDAtNS45OTYgMi42ODQtNS45OTYgNS45OTZ6IiBpZD0iU2hhcGUiLz48cmVjdCBpZD0iUmVjdGFuZ2xlLTI0NCIgeD0iMTEuNjUiIHk9IjYuNjUiIHdpZHRoPSIyMCIgaGVpZ2h0PSI0IiByeD0iNCIvPjwvZz48L2c+PC9nPjwvc3ZnPg==) no-repeat center center;
	background-size: 36px 36px
}
.svg-icon--eye {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAzNCAyMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iUGhhc2UtMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iSm9icyIgZmlsbD0iIzFBMTkxOCI+PGcgaWQ9IkV5ZS1pY29uIj48cGF0aCBkPSJNMzAuMzU2IDYuNDM1QzI3LjA1MiAyLjUwNSAyMi4xMDYgMCAxNi41ODMgMFM2LjExMyAyLjUwNiAyLjgxIDYuNDM1QzEuNjYgNy44LjcwNiA5LjMzNSAwIDExYy43MDYgMS42NjYgMS42NiAzLjIgMi44MSA0LjU2NUM2LjExNCAxOS40OTUgMTEuMDYgMjIgMTYuNTgzIDIyczEwLjQ3LTIuNTA2IDEzLjc3My02LjQzNWMxLjE1LTEuMzY2IDIuMTA0LTIuOSAyLjgxLTQuNTY1LS43MDYtMS42NjYtMS42Ni0zLjItMi44MS00LjU2NXpNMjEuNTgzIDljMCAyLjc1Ny0yLjI0MyA1LTUgNXMtNS0yLjI0My01LTUgMi4yNDMtNSA1LTUgNSAyLjI0MyA1IDV6bS01IDljLTUuMTY4IDAtOS42OC0yLjgyMy0xMi4xMDYtNyAuODYtMS40OCAxLjk4My0yLjc4MyAzLjMtMy44NTctLjEyNS42LS4xOTQgMS4yMi0uMTk0IDEuODU3IDAgNC45NjMgNC4wMzcgOSA5IDlzOS00LjAzNyA5LTljMC0uNjM3LS4wNjgtMS4yNTctLjE5NS0xLjg1NyAxLjMxOCAxLjA3NCAyLjQ0MyAyLjM3OCAzLjMgMy44NTctMi40MjQgNC4xNzctNi45MzYgNy0xMi4xMDUgN3oiIGlkPSJJbXBvcnRlZC1MYXllcnMiLz48L2c+PC9nPjwvZz48L3N2Zz4=) no-repeat center center;
	background-size: 34px 22px
}
.svg-icon--hourglass {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAyMiAzNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iUGhhc2UtMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iSm9icyIgZmlsbD0iIzIzMjEyMSI+PGcgaWQ9ImhvdXJnbGFzcy1pY29uIj48cGF0aCBkPSJNMjEuNzUgMzVIMFYyNC4xNzJsNi02di0xLjM0NGwtNi02VjBoMjJ2MTAuODI4bC02IDZ2MS4zOTJsNS43NSA2LjI1VjM1ek00IDMxaDEzLjc1di00Ljk3TDEyIDE5Ljc4di00LjYwOGw2LTZWNEg0djUuMTcybDYgNnY0LjY1NmwtNiA2VjMxeiIgaWQ9IkZpbGwtMSIvPjxwYXRoIGQ9Ik0xMSAxM0w2IDhWNmgxMHYybC01IDUiIGlkPSJGaWxsLTIiLz48cGF0aCBkPSJNMTEgMjZsLTMgM2g2bC0zLTMiIGlkPSJGaWxsLTMiLz48L2c+PC9nPjwvZz48L3N2Zz4=) no-repeat center center;
	background-size: 24px 38px
}
.svg-icon--clock {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAzNiA0MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iUGhhc2UtMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iSm9icyIgZmlsbD0iI0ZGRiI+PGcgaWQ9IkVyc3Rlci1UYWciPjxnIGlkPSJDbG9jay1pY29uIj48cGF0aCBkPSJNMTggNDJjOS45NCAwIDE4LTguMDYgMTgtMThTMjcuOTQgNiAxOCA2IDAgMTQuMDYgMCAyNHM4LjA2IDE4IDE4IDE4em0wLTRjLTcuNzMyIDAtMTQtNi4yNjgtMTQtMTRzNi4yNjgtMTQgMTQtMTQgMTQgNi4yNjggMTQgMTQtNi4yNjggMTQtMTQgMTR6IiBpZD0iU2hhcGUiLz48cGF0aCBkPSJNMTEuNzY2Ljg0Yy00LjAyIDEuMDgyLTcuNyAzLjE5NC0xMC43MDggNi4ybDIuODMgMi44M2MyLjUwNy0yLjUxIDUuNTctNC4yNjYgOC45Mi01LjE2OEwxMS43NjUuODR6IiBpZD0iU2hhcGUiLz48cGF0aCBkPSJNMjMuMTM3IDQuNzAyYzMuMzQ4LjkwMiA2LjQxIDIuNjYgOC45MiA1LjE2OGwyLjgzLTIuODNjLTMuMDEtMy4wMDYtNi42OS01LjExOC0xMC43MS02LjJsLTEuMDQgMy44NjJ6IiBpZD0iU2hhcGUiLz48ZWxsaXBzZSBpZD0iT3ZhbC03MS1Db3B5IiBjeD0iMTgiIGN5PSIyNCIgcng9IjIiIHJ5PSIyIi8+PHBhdGggaWQ9IlJlY3RhbmdsZS0xOTkiIGQ9Ik0xMC4wMTggMjEuN2wyLTMuNDYzTDE5IDIyLjI2N2wtMiAzLjQ2NXoiLz48cGF0aCBpZD0iUmVjdGFuZ2xlLTIwMCIgZD0iTTE2IDE0aDR2MTBoLTR6Ii8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==) no-repeat center center;
	background-size: contain
}
.svg-icon--team {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCA2MCAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iUGhhc2UtMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iSm9icyIgZmlsbD0iI0ZGRiI+PGcgaWQ9IkVyc3Rlci1UYWciPjxnIGlkPSJUZWFtLWljb24iPjxwYXRoIGQ9Ik0zNS4xNTQgMTQuMTFDMzYuODkyIDEyLjY0IDM4IDEwLjQ0NyAzOCA4YzAtNC40MS0zLjU5LTgtOC04cy04IDMuNTktOCA4YzAgMi40NDggMS4xMDggNC42NCAyLjg0NiA2LjExQzIxLjM3MiAxNy4xMzcgMTkgMjMuMTIgMTkgMzB2MmgyMnYtMmMwLTYuODc4LTIuMzcyLTEyLjg2Mi01Ljg0Ni0xNS44OXpNMjYgOGMwLTIuMjA2IDEuNzk0LTQgNC00czQgMS43OTQgNCA0LTEuNzk0IDQtNCA0LTQtMS43OTQtNC00em0tMi45MjIgMjBjLjU1LTYuOTg4IDMuOS0xMiA2LjkyMi0xMiAzLjAyMyAwIDYuMzczIDUuMDEyIDYuOTIyIDEySDIzLjA3OHoiIGlkPSJGaWxsLTEiLz48cGF0aCBkPSJNMTMuNjUgMTUuMDM0YzEuMTQyLTEuMTcyIDEuODUtMi43NyAxLjg1LTQuNTM0QzE1LjUgNi45MTYgMTIuNTg0IDQgOSA0cy02LjUgMi45MTYtNi41IDYuNWMwIDEuNzYzLjcwOCAzLjM2MiAxLjg1MiA0LjUzNEMxLjc1IDE3LjQ5IDAgMjEuOTI4IDAgMjd2MmgxOHYtMmMwLTUuMDcyLTEuNzQ4LTkuNTEtNC4zNS0xMS45NjZ6TTYuNSAxMC41QzYuNSA5LjEyIDcuNjIgOCA5IDhzMi41IDEuMTIgMi41IDIuNVMxMC4zOCAxMyA5IDEzcy0yLjUtMS4xMi0yLjUtMi41ek00LjExNCAyNUM0LjY1IDIwLjM2NyA2Ljk3IDE3IDkgMTdjMi4wMyAwIDQuMzUgMy4zNjcgNC44ODYgOEg0LjExNHoiIGlkPSJGaWxsLTIiLz48cGF0aCBkPSJNNTUuNjUgMTUuMDM0YzEuMTQyLTEuMTcyIDEuODUtMi43NyAxLjg1LTQuNTM0QzU3LjUgNi45MTYgNTQuNTg0IDQgNTEgNHMtNi41IDIuOTE2LTYuNSA2LjVjMCAxLjc2My43MDggMy4zNjIgMS44NTIgNC41MzRDNDMuNzUgMTcuNDkgNDIgMjEuOTI4IDQyIDI3djJoMTh2LTJjMC01LjA3Mi0xLjc0OC05LjUxLTQuMzUtMTEuOTY2ek00OC41IDEwLjVDNDguNSA5LjEyIDQ5LjYyIDggNTEgOHMyLjUgMS4xMiAyLjUgMi41UzUyLjM4IDEzIDUxIDEzcy0yLjUtMS4xMi0yLjUtMi41ek00Ni4xMTQgMjVjLjUzNi00LjYzMyAyLjg1Ni04IDQuODg2LTggMi4wMyAwIDQuMzUgMy4zNjcgNC44ODYgOGgtOS43NzJ6IiBpZD0iRmlsbC0zIi8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==) no-repeat center center;
	background-size: contain
}
.svg-icon--questions {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTgiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCA1OCAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iUGhhc2UtMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iSm9icyIgZmlsbD0iI0ZGRiI+PGcgaWQ9IkVyc3Rlci1UYWciPjxnIGlkPSJRdWVzdGlvbnMtaWNvbiI+PHBhdGggZD0iTTI4LjQ0IDIwLjg4cy0uMDgtMS4zNi0uMDgtMi4zMmMwLTMuNzIgNy4yLTUuOTYgNy4yLTEyLjEyIDAtNC43Mi00LTYuMi04LTYuMi0yLjY0IDAtNS45Ni45Ni01Ljk2Ljk2bC43NiA0LjE2czEuODQtLjQ0IDMuNTYtLjQ0YzIuMzYgMCAzLjYuODQgMy42IDIuNjQgMCAzLjY4LTYuNzYgNS43Ni02Ljc2IDkuNjQgMCAxLjMyLjM2IDMuOTIuMzYgMy45Mmw1LjMyLS4yNHptLTUuNjggN2MwIDIuMzIgMS4xMiAzLjY0IDMuMzIgMy42NCAxLjggMCAzLjQ4LTEuMzIgMy40OC0zLjY0IDAtMi4yOC0xLjE2LTMuNi0zLjM2LTMuNi0xLjggMC0zLjQ0IDEuMzItMy40NCAzLjZ6IiBpZD0iPyIvPjxwYXRoIGQ9Ik0zLjcyIDE1Ljk0cy0uMDQtLjY4LS4wNC0xLjE2YzAtMS44NiAzLjYtMi45OCAzLjYtNi4wNiAwLTIuMzYtMi0zLjEtNC0zLjFDMS45NiA1LjYyLjMgNi4xLjMgNi4xbC4zOCAyLjA4cy45Mi0uMjIgMS43OC0uMjJjMS4xOCAwIDEuOC40MiAxLjggMS4zMiAwIDEuODQtMy4zOCAyLjg4LTMuMzggNC44MiAwIC42Ni4xOCAxLjk2LjE4IDEuOTZsMi42Ni0uMTJ6bS0yLjg0IDMuNWMwIDEuMTYuNTYgMS44MiAxLjY2IDEuODIuOSAwIDEuNzQtLjY2IDEuNzQtMS44MiAwLTEuMTQtLjU4LTEuOC0xLjY4LTEuOC0uOSAwLTEuNzIuNjYtMS43MiAxLjh6IiBpZD0iPy1jb3B5Ii8+PHBhdGggZD0iTTUzLjcyIDE1Ljk0cy0uMDQtLjY4LS4wNC0xLjE2YzAtMS44NiAzLjYtMi45OCAzLjYtNi4wNiAwLTIuMzYtMi0zLjEtNC0zLjEtMS4zMiAwLTIuOTguNDgtMi45OC40OGwuMzggMi4wOHMuOTItLjIyIDEuNzgtLjIyYzEuMTggMCAxLjguNDIgMS44IDEuMzIgMCAxLjg0LTMuMzggMi44OC0zLjM4IDQuODIgMCAuNjYuMTggMS45Ni4xOCAxLjk2bDIuNjYtLjEyem0tMi44NCAzLjVjMCAxLjE2LjU2IDEuODIgMS42NiAxLjgyLjkgMCAxLjc0LS42NiAxLjc0LTEuODIgMC0xLjE0LS41OC0xLjgtMS42OC0xLjgtLjkgMC0xLjcyLjY2LTEuNzIgMS44eiIgaWQ9Ij8tY29weS0yIi8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==) no-repeat center center;
	background-size: contain
}
.svg-icon--subway {
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSItMzg4IDI5MCAyMiAyMiI+PGcgaWQ9IlBoYXNlLTEiPjxnIGlkPSJDb250YWN0Ij48ZyBpZD0iVWJhaG4iPjxwYXRoIGlkPSJSZWN0YW5nbGUtODAiIGZpbGw9IiMwMzkiIGQ9Ik0tMzgzIDI5MGgxMmMyLjggMCA1IDIuMiA1IDV2MTJjMCAyLjgtMi4yIDUtNSA1aC0xMmMtMi44IDAtNS0yLjItNS01di0xMmMwLTIuOCAyLjItNSA1LTV6Ii8+PGc+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTS0zNzcuMSAzMDYuNWMuNiAwIDEuMS0uMSAxLjUtLjNzLjgtLjUgMS4xLS44Yy4zLS4zLjUtLjguNy0xLjIuMi0uNS4yLTEgLjItMS42di04LjNoMS44djguM2MwIC44LS4xIDEuNS0uNCAyLjItLjIuNy0uNiAxLjMtMS4xIDEuNy0uNS41LTEgLjktMS43IDEuMi0uNy4zLTEuNC40LTIuMy40cy0xLjYtLjEtMi4zLS40Yy0uNy0uMy0xLjItLjctMS43LTEuMnMtLjgtMS4xLTEuMS0xLjdjLS4yLS43LS40LTEuNC0uNC0yLjJ2LTguM2gxLjh2OC4zYzAgLjYuMSAxLjEuMiAxLjYuMi41LjQuOS43IDEuMnMuNy42IDEuMS44Yy45LjIgMS40LjMgMS45LjN6Ii8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==) no-repeat center center;
	background-size: contain;
	width: 16px;
	height: 16px
}
.error-icon {
	width: 48px;
	height: 48px;
	overflow: hidden;
	margin: 30px auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}
.error-icon.is-wide {
	width: 64px
}
.error-icon--design {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCA2OCAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iUGhhc2UtMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iNDA0IiBmaWxsPSIjQkZCRkJGIj48ZyBpZD0iNDA0ZGVzaWduIj48cGF0aCBkPSJNMCAwaDIwdjEySDBWMHptNCA4aDEyVjRINHY0eiIgaWQ9IkZpbGwtMSIvPjxwYXRoIGQ9Ik0yNCAxMC4wMzJjMC01LjUxNCA0LjQ4Ni0xMCAxMC0xMHMxMCA0LjQ4NiAxMCAxMC00LjQ4NiAyLTEwIDItMTAgMy41MTQtMTAtMnptNC0yYzAgMi4wMzIgMi42OTIgMCA2IDBzNiAyLjAzMiA2IDAtMi42OTItNC02LTQtNiAxLjk2OC02IDR6IiBpZD0iRmlsbC0yIi8+PHBhdGggZD0iTTQ0LjU1MiAxMmwxMS41LTEyIDExLjUgMTJoLTIzem0xNC4wNzUtMy45OTRMNTYuMDUyIDUuMDUgNTMuNDggOC4wMDVoNS4xNDd6IiBpZD0iRmlsbC0zIi8+PC9nPjwvZz48L2c+PC9zdmc+)
}
.error-icon--launch {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAzOCAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iUGhhc2UtMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iNDA0IiBmaWxsPSIjQkZCRkJGIj48ZyBpZD0iNDA0bGF1bmNoIj48ZyBpZD0iYWdlbnR1ci1sYXVuY2gtaWNvbiI+PHBhdGggZD0iTTI4Ljk5NC4wNDJsLS4xOCAxMi45MjMgOC43OCA5LjQ4My0xMi44NjUgNC45NC01LjE3LTIuMzAyLTIuOTYgMS4xMzdDMTMuOTE0IDI3LjI1MyAyLjY0IDI4LjkyNS42NiAyMy43N2MtMS45NzgtNS4xNTIgNy41MjItMTEuNDU1IDEwLjIwNC0xMi40ODRsMi45Ni0xLjEzNyAyLjMwMi01LjE3TDI4Ljk5NC4wNHpNMjQuNzkyIDE0LjUxbC4xMi04LjYxNi01LjgwNSAyLjIyOC0yLjMgNS4xNjgtNC41MDggMS43M2MtMy4xIDEuMTg4LTguMTk1IDUuOTE0LTcuOSA3LjMyNy43MiAxLjIyNyA3LjY3IDEuMzMgMTAuNzYzLjE0Mmw0LjUwNy0xLjczNSA1LjE3IDIuMyA1LjgwNS0yLjIyNy01Ljg1NC02LjMyeiIgaWQ9InJvY2tldCIvPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=)
}
.error-icon--build {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSItMzU1IDI4NyA4OSAyOCI+PGcgZmlsbD0iI0JGQkZCRiI+PHBhdGggZD0iTS0yODkgMzAwdi0xMGgtMjR2MTBoLTE3LjFsMi41LTIuNS05LjktOS45LTE3IDE3IDIuOCAyLjggNC4yIDQuMiAyLjggMi44IDIuOC0yLjggNS43LTUuN3Y4LjFoMzR2LTEwaDR2MTBoMTR2LTE0aC00Ljh6bS01OS44IDQuNWwxMS4zLTExLjMgNC4yIDQuMi0yLjUgMi41aC0uMnYuMmwtOC41IDguNS00LjMtNC4xem0xNi44IDUuNXYtNmg2djZoLTZ6bTI2IDBoLTE2di02aDE2djZ6bTgtMTBoLTExdi02aDE2djZoLTV6bTEwIDEwaC02di02aDZ2NnoiLz48cGF0aCBkPSJNLTI4MCAzMDB2MTRoMTR2LTE0aC0xNHptMTAgMTBoLTZ2LTZoNnY2eiIvPjwvZz48L3N2Zz4=)
}
.error-icon--maintain {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDQyIDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgaWQ9IlBoYXNlLTEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgaWQ9IjQwNCIgZmlsbD0iI0JGQkZCRiI+PGcgaWQ9IjQwNG1haW50YWluIj48ZyBpZD0iYWdlbnR1ci1tYWludGFpbi1pY29uIj48cGF0aCBkPSJNMCA2VjJoMzh2NEgweiIgaWQ9Im1haW50YWluIi8+PGNpcmNsZSBpZD0iT3ZhbC0zOSIgY3g9IjM4IiBjeT0iNCIgcj0iNCIvPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=)
}
.fade-in {
	display: block;
	-webkit-animation: fade-in .35s linear;
	animation: fade-in .35s linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
.fade-out {
	-webkit-animation: fade-out .35s linear;
	animation: fade-out .35s linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
.edge-animation {
	text-align: center
}
.edge-animation__svg {
	width: 110px;
	height: 80px;
	overflow: hidden;
	margin: 30px auto
}
.edge-animation__headline {
	text-transform: uppercase;
	margin: 0 auto;
	font-weight: 700;
	font-family: LatoWeb, Lato, sans-serif;
	letter-spacing: 2px;
	color: #232121;
	margin-bottom: 40px
}
.edge-animation__text {
	width: 80%;
	font-size: 16px;
	line-height: 1.6;
	font-weight: 300;
	color: gray;
	margin: 0 auto
}
@-webkit-keyframes fade-in {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fade-in {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes fade-out {
0% {
opacity:1
}
100% {
opacity:0;
visibility:hidden
}
}
@keyframes fade-out {
0% {
opacity:1
}
100% {
opacity:0;
visibility:hidden
}
}
.row {
*zoom:1
}
.row:before {
	content: '';
	display: table
}
.row:after {
	content: '';
	display: table;
	clear: both
}
.col-1of2 {
width:calc(99.99%*1/2 - (20px - 20px*1/2))
}
.col-1of2:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-1of2:last-child {
	margin-right: 0
}
.col-1of2:nth-child(2n) {
	margin-right: 0
}
.col-1of2:nth-child(2n+1) {
	clear: left
}
.col-1of3 {
width:calc(99.99%*1/3 - (20px - 20px*1/3))
}
.col-1of3:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-1of3:last-child {
	margin-right: 0
}
.col-1of3:nth-child(3n) {
	margin-right: 0
}
.col-1of3:nth-child(3n+1) {
	clear: left
}
.col-1of4 {
width:calc(99.99%*1/4 - (20px - 20px*1/4))
}
.col-1of4:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-1of4:last-child {
	margin-right: 0
}
.col-1of4:nth-child(4n) {
	margin-right: 0
}
.col-1of4:nth-child(4n+1) {
	clear: left
}
.col-1of5 {
width:calc(99.99%*1/5 - (20px - 20px*1/5))
}
.col-1of5:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-1of5:last-child {
	margin-right: 0
}
.col-1of5:nth-child(5n) {
	margin-right: 0
}
.col-1of5:nth-child(5n+1) {
	clear: left
}
.col-1of7 {
width:calc(99.99%*1/7 - (20px - 20px*1/7))
}
.col-1of7:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-1of7:last-child {
	margin-right: 0
}
.col-1of7:nth-child(7n) {
	margin-right: 0
}
.col-1of7:nth-child(7n+1) {
	clear: left
}
.col-2of3 {
width:calc(99.99%*2/3 - (20px - 20px*2/3))
}
.col-2of3:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-2of3:last-child {
	margin-right: 0
}
.col-2of3:nth-child(3n) {
	margin-right: 0
}
.col-2of3:nth-child(3n+1) {
	clear: left
}
.col-2of5 {
width:calc(99.99%*2/5 - (20px - 20px*2/5))
}
.col-2of5:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-2of5:last-child {
	margin-right: 0
}
.col-2of5:nth-child(5n) {
	margin-right: 0
}
.col-2of5:nth-child(5n+1) {
	clear: left
}
.col-2of7 {
width:calc(99.99%*2/7 - (20px - 20px*2/7))
}
.col-2of7:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-2of7:last-child {
	margin-right: 0
}
.col-2of7:nth-child(7n) {
	margin-right: 0
}
.col-2of7:nth-child(7n+1) {
	clear: left
}
.col-3of4 {
width:calc(99.99%*3/4 - (20px - 20px*3/4))
}
.col-3of4:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-3of4:last-child {
	margin-right: 0
}
.col-3of4:nth-child(4n) {
	margin-right: 0
}
.col-3of4:nth-child(4n+1) {
	clear: left
}
.col-3of5 {
width:calc(99.99%*3/5 - (20px - 20px*3/5))
}
.col-3of5:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-3of5:last-child {
	margin-right: 0
}
.col-3of5:nth-child(5n) {
	margin-right: 0
}
.col-3of5:nth-child(5n+1) {
	clear: left
}
.col-4of5 {
width:calc(99.99%*4/5 - (20px - 20px*4/5))
}
.col-4of5:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-4of5:last-child {
	margin-right: 0
}
.col-4of5:nth-child(5n) {
	margin-right: 0
}
.col-4of5:nth-child(5n+1) {
	clear: left
}
.span-1of2 {
width:calc(99.999999%*1/2)
}
.span-1of2:nth-child(n) {
	float: left;
	margin-right: 0;
	clear: none
}
.span-1of2:last-child {
	margin-right: 0
}
.span-1of2:nth-child(2n) {
	margin-right: 0
}
.span-1of2:nth-child(2n+1) {
	clear: left
}
.span-1of3 {
width:calc(99.999999%*1/3)
}
.span-1of3:nth-child(n) {
	float: left;
	margin-right: 0;
	clear: none
}
.span-1of3:last-child {
	margin-right: 0
}
.span-1of3:nth-child(3n) {
	margin-right: 0
}
.span-1of3:nth-child(3n+1) {
	clear: left
}
.span-2of3 {
width:calc(99.999999%*2/3)
}
.span-2of3:nth-child(n) {
	float: left;
	margin-right: 0;
	clear: none
}
.span-2of3:last-child {
	margin-right: 0
}
.span-2of3:nth-child(3n) {
	margin-right: 0
}
.span-2of3:nth-child(3n+1) {
	clear: left
}
.span-1of4 {
width:calc(99.999999%*1/4)
}
.span-1of4:nth-child(n) {
	float: left;
	margin-right: 0;
	clear: none
}
.span-1of4:last-child {
	margin-right: 0
}
.span-1of4:nth-child(4n) {
	margin-right: 0
}
.span-1of4:nth-child(4n+1) {
	clear: left
}
.span-3of4 {
width:calc(99.999999%*3/4)
}
.span-3of4:nth-child(n) {
	float: left;
	margin-right: 0;
	clear: none
}
.span-3of4:last-child {
	margin-right: 0
}
.span-3of4:nth-child(4n) {
	margin-right: 0
}
.span-3of4:nth-child(4n+1) {
	clear: left
}
.span-1of5 {
width:calc(99.999999%*1/5)
}
.span-1of5:nth-child(n) {
	float: left;
	margin-right: 0;
	clear: none
}
.span-1of5:last-child {
	margin-right: 0
}
.span-1of5:nth-child(5n) {
	margin-right: 0
}
.span-1of5:nth-child(5n+1) {
	clear: left
}
.push-1of2 {
margin-left:calc(99.99% * (-1/2 * -1) - (20px - 20px * (-1/2 * -1)) + 20px) !important
}
.push-1of3 {
margin-left:calc(99.99% * (-1/3 * -1) - (20px - 20px * (-1/3 * -1)) + 20px) !important
}
.push-2of3 {
margin-left:calc(99.99% * (-2/3 * -1) - (20px - 20px * (-2/3 * -1)) + 20px) !important
}
.push-1of4 {
margin-left:calc(99.99% * (-1/4 * -1) - (20px - 20px * (-1/4 * -1)) + 20px) !important
}
.flex-grid {
	display: -webkit-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex
}
.flex-grid.is-reverse {
	-webkit-box-direction: reverse;
	-webkit-box-orient: horizontal;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}
.flex-1of2 {
	-webkit-box-flex: 0;
	-moz-flex: 0 1 50%;
	-ms-flex: 0 1 50%;
	flex: 0 1 50%
}
.flex-1of3 {
	-webkit-box-flex: 0;
	-moz-flex: 0 1 33.333%;
	-ms-flex: 0 1 33.333%;
	flex: 0 1 33.333%
}
.flex-2of3 {
	-webkit-box-flex: 0;
	-moz-flex: 0 1 66.666%;
	-ms-flex: 0 1 66.666%;
	flex: 0 1 66.666%
}
.flex-2of3--lg-gutter100:last-child {
	padding-right: 0;
	width: 100%
}
.flex-center {
	-ms-flex-item-align: center;
	align-self: center
}
.btn {
	display: inline-block;
	margin: 0;
	padding-left: 2em;
	padding-right: 2em;
	border-width: 2px;
	border-style: solid;
	line-height: 1.2;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	font-weight: 900;
	cursor: pointer;
	letter-spacing: .1em;
	white-space: nowrap;
	-webkit-transition: .1s all linear;
	-o-transition: .1s all linear;
	transition: .1s all linear;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	-webkit-appearance: none
}
.btn:focus, .btn:hover {
	text-decoration: none;
	opacity: 1
}
.btn--small {
	font-size: 12px;
	padding-top: 10.8px;
	padding-bottom: 10.8px
}
.btn, .btn--medium {
	font-size: 16px;
	padding-top: 18.4px;
	padding-bottom: 18.4px
}
.btn--large {
	font-size: 20px;
	padding-top: 26px;
	padding-bottom: 26px
}
.btn--full-width {
	width: 100%
}
.btn.has-max-width {
	width: 100%;
	max-width: 350px
}
.btn, .btn--white {
	color: #fff;
	border-color: #fff;
	background-color: transparent
}
.btn:focus, .btn--white:focus, .btn:hover, .btn--white:hover {
	color: #f48f26;
	background-color: #fff
}
.btn--white-complimentary {
	color: #fff;
	border-color: #fff;
	background-color: transparent
}
.btn--white-complimentary:focus, .btn--white-complimentary:hover {
	color: #00b86e;
	background-color: #fff
}
.btn--black {
	color: #232121;
	border-color: #232121
}
.btn--black:focus, .btn--black:hover {
	color: #f48f26;
	background-color: #232121
}
.btn--highlight {
	color: #f48f26;
	border-color: #f48f26
}
.btn--highlight:focus, .btn--highlight:hover {
	color: #fff;
	background-color: #f48f26
}
.btn--complimentary {
	color: #00b86e;
	border-color: #00b86e
}
.btn--complimentary:focus, .btn--complimentary:hover {
	color: #fff;
	background: #00b86e
}
.btn--highlight-hover:hover {
	color: #f48f26;
	border-color: #f48f26
}
.btn--scrolldown {
	width: 30px;
	height: 30px;
	position: absolute;
	left: calc(50% - 15px);
	bottom: 10%;
	border: 1px solid gray;
	opacity: .5
}
.btn--scrolldown::before, .btn--scrolldown::after {
	position: absolute;
	content: '';
	width: 30%;
	top: 13px;
	height: 2px;
	background-color: gray
}
.btn--scrolldown::before {
	left: 8px;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg)
}
.btn--scrolldown::after {
	left: 13px;
	-webkit-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg)
}
.section {
	position: relative
}
.section, .section--black {
	color: #fff;
	background: #232121
}
.section--dark {
	color: #bfbfbf;
	background: #232121
}
.section--white {
	color: #ccc;
	background: #fff
}
.section--gray {
	background: #f2f2f2;
	color: gray
}
.section--complimentary {
	background: #00b86e;
	color: #fff
}
.section__headline {
	line-height: 1.2;
	margin-bottom: 40px;
	margin-top: 20px
}
.section--white .section__headline, .section--gray .section__headline {
	color: #232121
}
.section__headline, .section__headline--large {
	font-weight: 400;
	line-height: 1.21428;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	color: #fff
}
.section__headline--xlarge {
	font-weight: 400;
	font-size: 40pt;
	margin-bottom: 40px;
	color: #232121;
	line-height: 1.2
}
.section__pre-headline {
	display: inline-block;
	border-bottom: 2px solid #fff;
	line-height: 2;
	font-weight: 700;
	font-family: LatoWeb, Lato, sans-serif
}
.section--white .section__pre-headline, .section--gray .section__pre-headline {
	color: #232121;
	border-color: #232121
}
.list-container {
	margin-top: 40px;
	max-width: 1200px;
	padding-left: 20px
}
.list {
	list-style: square
}
.list-no-style {
	list-style: none;
	text-align: center
}
.list__element {
	margin-top: 20px
}
.list__icon {
	margin-bottom: 20px
}
.list--complimentary .list__icon {
	color: #fff
}
.list__text {
	line-height: 1.78571;
	color: gray;
	text-align: left
}
.list--dark .list__text {
	color: #bfbfbf
}
.list--complimentary .list__text {
	color: #fff
}
.list--compact {
	padding-left: 20px;
	line-height: 1.42857
}
.list--compact .list__element {
	margin-top: 15px
}
.list.is-sublist {
	list-style: circle
}
.form__input-field, .form__textarea {
	border: 1px solid #e9e9e9;
	background: #fff;
	display: block;
	width: 100%
}
.form__input-field, .form__textarea, .form__input-field:focus, .form__textarea:focus {
	outline: none
}
.form__input-field.is-invalid, .form__textarea.is-invalid {
	box-shadow: 0 0 5px 1px #f48f26
}
.form__input-field {
	height: 50px;
	line-height: 50px;
	padding: 0 14px;
	border-radius: 0;
	-webkit-appearance: none
}
.form__error {
	color: #f48f26;
	padding-top: 8px
}
.form__error:empty {
	padding-top: 0
}
.form__input-hp {
	position: absolute;
	top: 0;
	left: -99999em
}
.form__textarea {
	padding: 14px;
	line-height: 1.21428;
	resize: vertical;
	border-radius: 0;
	-webkit-appearance: none
}
.form__label {
	display: block;
	padding-bottom: 8px
}
.form__submit-btn {
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0
}
.form__submit-btn:focus {
	outline: none
}
.form--loading .form__submit-btn {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBjbGFzcz0idWlsLXJpbmciPjxwYXRoIGZpbGw9Im5vbmUiIGNsYXNzPSJiayIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iNDAiIHN0cm9rZS1kYXNoYXJyYXk9IjE2My4zNjI4MTc5ODY2NjkyNiA4Ny45NjQ1OTQzMDA1MTQyIiBzdHJva2U9IiNENDM1MTYiIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMjAiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiB2YWx1ZXM9IjAgNTAgNTA7MTgwIDUwIDUwOzM2MCA1MCA1MDsiIGtleVRpbWVzPSIwOzAuNTsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49IjBzIi8+PC9jaXJjbGU+PC9zdmc+);
	background-position: 10px center;
	background-repeat: no-repeat
}
.form--loading .form__submit-btn:focus, .form--loading .form__submit-btn:hover {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBjbGFzcz0idWlsLXJpbmciPjxwYXRoIGZpbGw9Im5vbmUiIGNsYXNzPSJiayIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iNDAiIHN0cm9rZS1kYXNoYXJyYXk9IjE2My4zNjI4MTc5ODY2NjkyNiA4Ny45NjQ1OTQzMDA1MTQyIiBzdHJva2U9IiNmZmYiIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMjAiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiB2YWx1ZXM9IjAgNTAgNTA7MTgwIDUwIDUwOzM2MCA1MCA1MDsiIGtleVRpbWVzPSIwOzAuNTsxIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49IjBzIi8+PC9jaXJjbGU+PC9zdmc+)
}
.form__required {
	color: #f48f26
}
.ratio-4to3 {
	position: relative;
	overflow: hidden
}
.ratio-4to3:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 75%
}
.ratio-4to5 {
	position: relative;
	overflow: hidden
}
.ratio-4to5:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 125%
}
.ratio-16to9, .embed-media, .post__content .post__iframe-wrapper, .audi-moments .reference-result {
	position: relative;
	overflow: hidden
}
.ratio-16to9:before, .embed-media:before, .post__content .post__iframe-wrapper:before, .audi-moments .reference-result:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%
}
.ratio-16to10 {
	position: relative;
	overflow: hidden
}
.ratio-16to10:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 62.5%
}
.ratio-3to1, .customer {
	position: relative;
	overflow: hidden
}
.ratio-3to1:before, .customer:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 33.33333333333333%
}
.ratio-switch-ls, .home-slide.has-ratio {
	position: relative;
	overflow: hidden
}
.ratio-switch-ls:before, .home-slide.has-ratio:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 75%
}
.ratio-image-16to9 {
	height: 100%;
	width: auto;
	opacity: 0
}
.social-bar{
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;	
}
.nav-main__bottom-content .social-bar a{
	/*width: 40px;*/
	height: 40px;
	line-height: 40px;
	margin: 0 6px;
	text-align: center;
	display:inlin-block;
	color: #FFF;
	/*background-color:#444;*/
	
	
}
.nav-main__bottom-content .social-bar a:hover{ color:#cacaca;}
.social-bar__btn {
	border: none;
	display: inline-block;
	margin-right: 20px;
	text-decoration: none;
	width: 40px;
	height: 40px;
	color:red;
	
}



.social-bar__btn.is-twitter {
	background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMyAxOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iUGhhc2UtMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iSG9tZS0wMSIgZmlsbD0iI0ZGRiI+PGcgaWQ9IkZvb3RlciI+PGcgaWQ9IkZvbGxvdyI+PGcgaWQ9IlR3aXR0ZXIiPjxwYXRoIGQ9Ik0yMi43NjYgMi42MzRjLS42NDguOTQ4LTEuNDMgMS43NTYtMi4zNSAyLjQyMy4wMS4xMzUuMDE0LjMzOC4wMTQuNjEgMCAxLjI1Ny0uMTgzIDIuNTEyLS41NSAzLjc2NC0uMzY4IDEuMjU4LS45MjcgMi40Ni0xLjY3NyAzLjYxcy0xLjY0MiAyLjE3LTIuNjc3IDMuMDU1Yy0xLjAzNS44ODYtMi4yODIgMS41OTItMy43NDMgMi4xMi0xLjQ2LjUyNi0zLjAyMy43OS00LjY4Ni43OS0yLjYyMiAwLTUuMDItLjctNy4xOTctMi4xMDQuMzQuMDQuNzE2LjA1OCAxLjEzMi4wNTggMi4xNzYgMCA0LjExNi0uNjY3IDUuODE4LTIuMDAyLTEuMDE2LS4wMi0xLjkyNS0uMzMtMi43MjgtLjkzNi0uODAyLS42MDYtMS4zNTQtMS4zNzgtMS42NTQtMi4zMTYuMzIuMDQ4LjYxNS4wNzMuODg1LjA3My40MTYgMCAuODI3LS4wNTQgMS4yMzQtLjE2LTEuMDg0LS4yMjMtMS45OC0uNzYyLTIuNjkyLTEuNjE4QzEuMTg1IDkuMTQuODMgOC4xNDQuODMgNy4wMTR2LS4wNmMuNjU3LjM2OCAxLjM2My41NjYgMi4xMTcuNTk1LS42MzgtLjQyMy0xLjE0Ni0uOTgtMS41MjMtMS42NjYtLjM3Ny0uNjg2LS41NjYtMS40My0uNTY2LTIuMjMzIDAtLjg1LjIxMy0xLjY0LjYzOC0yLjM2MyAxLjE3IDEuNDQgMi41OTUgMi41OTQgNC4yNzMgMy40NiAxLjY3My44NjYgMy40NyAxLjM0NyA1LjM5IDEuNDQ0LS4wOC0uMzctLjEyLS43My0uMTItMS4wNzYgMC0xLjI5Ni40NTYtMi40IDEuMzctMy4zMTUuOTItLjkxNSAyLjAyNC0xLjM3IDMuMzItMS4zNyAxLjM1NCAwIDIuNDk1LjQ5MiAzLjQyNCAxLjQ3OCAxLjA1NC0uMjAzIDIuMDQ1LS41OCAyLjk3NC0xLjEzLS4zNTggMS4xMS0xLjA0NSAxLjk3Mi0yLjA2IDIuNTguOS0uMDk1IDEuOC0uMzM3IDIuNjk4LS43MjR6IiBpZD0idHdpdHRlci1pY29uIi8+PC9nPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=) no-repeat center center;
	background-color:#444;

}
.social-bar__btn.is-twitter:hover {background-color:#000;}

.social-bar__btn.is-fb {
	background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxMyAyNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iUGhhc2UtMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iSG9tZS0wMSIgZmlsbD0iI0ZGRiI+PGcgaWQ9IkZvb3RlciI+PGcgaWQ9IkZvbGxvdyI+PGcgaWQ9IkZhY2Vib29rIj48cGF0aCBkPSJNMTIuODIuNTU1djMuODNoLTIuMjhjLS44MyAwLTEuMzkyLjE3NS0xLjY4Mi41MjMtLjI5LjM0OC0uNDM1Ljg3LS40MzUgMS41Njd2Mi43NDJoNC4yNWwtLjU2NSA0LjI5NUg4LjQyM3YxMS4wMTJoLTQuNDRWMTMuNTEyaC0zLjdWOS4yMTdoMy43VjYuMDU0YzAtMS44LjUwMy0zLjE5NCAxLjUxLTQuMTg2QzYuNDk3Ljg3OCA3LjgzNi4zOCA5LjUxLjM4YzEuNDIzIDAgMi41MjUuMDYgMy4zMS4xNzV6IiBpZD0iZmFjZWJvb2staWNvbiIvPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+) no-repeat center center;
	background-color:#444;
}
.social-bar__btn.is-fb:hover {background-color:#000;}

.social-bar__btn.is-ig {
	background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy4zMzQgMTFjMC0yLjAyNSAxLjY0LTMuNjY3IDMuNjY2LTMuNjY3IDIuMDI1IDAgMy42NjggMS42NDIgMy42NjggMy42NjdTMTMuMDI1IDE0LjY2NyAxMSAxNC42NjdjLTIuMDI1IDAtMy42NjYtMS42NDItMy42NjYtMy42NjdtLTEuOTgyIDBjMCAzLjEyIDIuNTMgNS42NDggNS42NDggNS42NDggMy4xMiAwIDUuNjUtMi41MjggNS42NS01LjY0OCAwLTMuMTItMi41My01LjY0OC01LjY1LTUuNjQ4LTMuMTIgMC01LjY0OCAyLjUyOC01LjY0OCA1LjY0OG0xMC4yLTUuODcyYzAgLjcyOC41OSAxLjMyIDEuMzIgMS4zMi43MyAwIDEuMzItLjU5MiAxLjMyLTEuMzIgMC0uNzMtLjU5LTEuMzItMS4zMi0xLjMyLS43MyAwLTEuMzIuNTktMS4zMiAxLjMyTTYuNTU3IDE5Ljk1NGMtMS4wNzMtLjA1LTEuNjU2LS4yMjgtMi4wNDMtLjM4LS41MTQtLjItLjg4LS40MzctMS4yNjUtLjgyMi0uMzktLjM4NC0uNjMtLjc1LS44My0xLjI2NC0uMTUtLjM4Ny0uMzMtLjk3LS4zOC0yLjA0My0uMDUtMS4xNi0uMDY1LTEuNTA4LS4wNjUtNC40NDUgMC0yLjkzNy4wMTItMy4yODUuMDY0LTQuNDQ1LjA1LTEuMDczLjIzLTEuNjU1LjM4LTIuMDQzLjItLjUxNC40MzctLjg4LjgyMi0xLjI2NS4zODMtLjM4NS43NS0uNjI0IDEuMjY0LS44MjMuMzktLjE1Ljk3LS4zMyAyLjA0NS0uMzhDNy43MTggMS45OTIgOC4wNjYgMS45OCAxMSAxLjk4YzIuOTQgMCAzLjI4Ni4wMTQgNC40NDcuMDY2IDEuMDcyLjA1IDEuNjU0LjIzIDIuMDQzLjM4LjUxMi4xOTguODc4LjQzNyAxLjI2NC44MjIuMzg1LjM4NC42MjMuNzUuODIzIDEuMjY1LjE1LjM4Ny4zMy45Ny4zNzggMi4wNDMuMDU0IDEuMTYuMDY0IDEuNTA4LjA2NCA0LjQ0NSAwIDIuOTQtLjAxIDMuMjktLjA3IDQuNDUtLjA1IDEuMDc3LS4yMyAxLjY2LS4zOCAyLjA0Ny0uMi41MTQtLjQ0Ljg4LS44MjUgMS4yNjQtLjM4NS4zODUtLjc1LjYyMy0xLjI2NS44MjMtLjM5LjE1LS45Ny4zMy0yLjA0My4zOC0xLjE2LjA1LTEuNTA4LjA2My00LjQ0Ni4wNjMtMi45MzQgMC0zLjI4My0uMDEtNC40NDItLjA2Nk02LjQ2OC4wNjVjLTEuMTczLjA1My0xLjk3My4yNC0yLjY3LjUxLS43MjUuMjgtMS4zMzguNjYtMS45NSAxLjI3LS42MS42MS0uOTkgMS4yMjQtMS4yNyAxLjk1LS4yNy43LS40NiAxLjUtLjUxIDIuNjdDLjAxIDcuNjM1IDAgOC4wMSAwIDExcy4wMTIgMy4zNjIuMDY3IDQuNTM1Yy4wNTMgMS4xNy4yNCAxLjk3LjUxIDIuNjcuMjguNzIzLjY1NyAxLjMzNyAxLjI3IDEuOTUuNjEuNjEgMS4yMjQuOTg2IDEuOTQ4IDEuMjY3LjcuMjcyIDEuNS40NTggMi42Ny41MUM3LjY0IDIxLjk4OCA4LjAxMyAyMiAxMSAyMmMyLjk5IDAgMy4zNjMtLjAxMiA0LjUzNi0uMDY3IDEuMTctLjA1MyAxLjk3LS4yNCAyLjY3LS41MS43MjMtLjI4MiAxLjMzNi0uNjU4IDEuOTQ4LTEuMjcuNjEyLS42MS45ODgtMS4yMjUgMS4yNy0xLjk0OC4yNy0uNy40NTgtMS41LjUxLTIuNjdDMjEuOTg4IDE0LjM2IDIyIDEzLjk4NyAyMiAxMXMtLjAxMi0zLjM2Mi0uMDY2LTQuNTM1Yy0uMDUzLTEuMTctLjI0LTEuOTctLjUxLTIuNjctLjI4Mi0uNzIzLS42NTgtMS4zMzYtMS4yNy0xLjk1LS42MS0uNjEtMS4yMjUtLjk4Ny0xLjk0Ny0xLjI2Ny0uNy0uMjcyLTEuNS0uNDYtMi42Ny0uNTFDMTQuMzY0LjAxMiAxMy45OSAwIDExIDAgOC4wMTQgMCA3LjY0LjAxMiA2LjQ2Ni4wNjciIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) no-repeat center center;
	background-color:#444;
}
.social-bar__btn.is-ig:hover {background-color:#000;}
.social-bar__btn.is-rss {
	background: #f60 url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSIxMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0wIDg2NnEwLTU1IDM5LTk0dDk0LTM5IDk0IDM5IDM5IDk0cTAgNTYtMzkgOTQuNVQxMzMgOTk5dC05NC0zOS0zOS05NHptMC0zMzVWMzQwcTE3OSAwIDMzMSA4OC41VDU3MS41IDY2OXQ4OC41IDMzMUg0NjhxMC0xOTQtMTM3LTMzMVExOTMgNTMxIDAgNTMxem0wLTMzOVYwcTIwMyAwIDM4OCA3OS41VDcwNyAyOTN0MjEzLjUgMzE5IDc5LjUgMzg4SDgwOHEwLTE2NC02NC0zMTRUNTcxLjUgNDI4dC0yNTgtMTcyVDAgMTkyeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) no-repeat center center;
	background-size: 57%
}
.social-bar__btn:last-child {
	margin-right: 0
}
.bg-video {
	position: absolute;
	overflow: hidden
}
.bg-video .overlay {
	z-index: 1;
	background-color: transparent
}
.bg-video.has-video-element {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	opacity: 0;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s
}
.bg-video.has-video-element.is-ready {
	opacity: .3
}
.bg-video.has-iframe {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 100%;
	width: auto
}
.bg-video .ratio-image-16to9 {
	position: relative;
	z-index: 1
}
.bg-video .bg-video__embed {
	position: absolute;
	z-index: 0
}
.bg-video.has-iframe .bg-video__embed {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.bg-video.has-video-element .bg-video__embed {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto
}
.bg-video.is-mobile video {
	display: none
}
@-webkit-keyframes animatedBackground {
0% {
background-position:0 0
}
50% {
background-position:100% 0
}
100% {
background-position:0 0
}
}
@keyframes animatedBackground {
0% {
background-position:0 0
}
50% {
background-position:100% 0
}
100% {
background-position:0 0
}
}
.embed-media iframe {
	width: 100%;
	height: 100%
}
.flickity-enabled {
	position: relative
}
.flickity-enabled:focus {
	outline: 0
}
.flickity-viewport {
	overflow: hidden;
	position: relative;
	height: 100%
}
.flickity-slider {
	position: absolute;
	width: 100%;
	height: 100%
}
.flickity-enabled.is-draggable {
	tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.flickity-enabled.is-draggable .flickity-viewport {
	cursor: move;
	cursor: grab
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
	cursor: grabbing
}
.flickity-prev-next-button {
	position: absolute;
	top: 50%;
	width: 44px;
	height: 44px;
	border: none;
	border-radius: 50%;
	background: #fff;
	background: rgba(255,255,255,.75);
	cursor: pointer;
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}
.flickity-prev-next-button:hover {
	background: #fff
}
.flickity-prev-next-button:focus {
	outline: 0;
	box-shadow: 0 0 0 5px #09f
}
.flickity-prev-next-button:active {
	opacity: .6
}
.flickity-prev-next-button.previous left: 10px, .flickity-prev-next-button.next right: 10px, .flickity-prev-next-button:disabled {
opacity:.3;
cursor:auto
}
.flickity-prev-next-button svg {
	position: absolute;
	left: 20%;
	top: 20%;
	width: 60%;
	height: 60%
}
.flickity-prev-next-button .arrow {
	fill: #333
}
.flickity-prev-next-button.no-svg {
	color: #333;
	font-size: 26px
}
.flickity-page-dots {
	position: absolute;
	width: 100%;
	bottom: -25px;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	line-height: 1
}
.flickity-rtl .flickity-page-dots {
	direction: rtl
}
.flickity-page-dots .dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	background: rgba(255,255,255,.85);
	border-radius: 50%;
	opacity: .25;
	cursor: pointer
}
.flickity-page-dots .dot.is-selected {
	opacity: 1
}

.v-center {
	display: table;
	width: 100%;
	height: 100%
}
.v-center__inner {
	display: table-cell;
	vertical-align: middle
}
.container-fluid {
	max-width: 1920px;
	margin: 0 auto;
	padding: 0 8.333333333333332%
}
.height-full .container-fluid, .home-slide .container-fluid {
	margin: 0
}
.overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .7
}
.overlay.black {
	background: #000
}
.overlay.white {
	background: #fff
}
.overlay.blue {
	background: #465f6e
}
.overlay.highlight {
	background: #f48f26
}
.overlay.laufenRed {
	background: #e32313
}
.overlay.complimentary {
	background: #00b86e
}
.overlay.quattro {
	background: #314650
}
.overlay.here-maps {
	background: #1f458e
}
.customer {
	margin-top: 12%
}
.customer__logo {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center
}
.member-container {
	margin-top: 40px
}
.member {
	cursor: pointer
}
.member:hover .member__img[src]~.member__text, .member.active .member__img[src]~.member__text {
	opacity: 1
}
.member__img {
	width: 90%;
	display: block;
	margin: 0 auto;
	color: #fff
}
.member__img+.overlay {
	background: #fff;
	opacity: 1;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s
}
.member__img[src]+.overlay {
	opacity: 0
}
.member__text {
	display: block;
	opacity: 0;
	background: rgba(255,255,255,.9);
	-webkit-transition: opacity .35s;
	-o-transition: opacity .35s;
	transition: opacity .35s;
	cursor: default
}
.member__name {
	padding-bottom: 5px;
	color: #f48f26;
	font-size: 20px
}
.member__job {
	font-size: 14px;
	color: #232121
}
.instagram .pgthumb {
	margin: 0;
	max-width: none;
width:calc(99.999999%*1/6)
}
.instagram .pgthumb:nth-child(n) {
	float: left;
	margin-right: 0;
	clear: none
}
.instagram .pgthumb:last-child {
	margin-right: 0
}
.instagram .pgthumb:nth-child(6n) {
	margin-right: 0
}
.instagram .pgthumb:nth-child(6n+1) {
	clear: left
}
.instagram .pgthumb a {
	padding: 0;
	box-shadow: none!important;
	height: auto
}
.pgzoomspacer {
	visibility: hidden
}
.divider-short {
	width: 5%;
	background-color: #fff;
	height: 3px;
	margin: 0 auto
}
.current-jobs__link {
	display: block;
	color: #00b86e;
	margin-top: 20px;
	font-size: 20px
}
.jobs-icon-container {
	max-width: 500px
}
.job-mail {
	font-size: 40px;
	margin-bottom: 20px;
	font-weight: 700;
	display: inline-block
}
.contact-mail {
	font-weight: 700;
	display: block;
	margin: 12px 0 40px
}
.contact-map {
	width: 100%;
	background: #ddd;
	height: 350px
}
.single-page__image {
	display: block;
	margin: 0 auto 60px;
	max-width: 150px
}
.error-icon-container {
	max-width: 1024px;
	margin: 0 auto 40px
}
.bp-marker {
	background: url(/assets/img/pin.svg) no-repeat center center;
	background-size: contain;
	width: 48px;
	height: 48px;
	margin: -24px 0 0 24px
}
.contact-us {
	padding: 0 20px
}
.site.home {
	background: #add8e6
}
.nav-main {
	position: fixed;
	width: 100%;
	height: 0;
	top: 0;
	z-index: 15
}
.nav-main__checkbox {
	display: none
}
.bp-placeholder {
	top: 10px;
	left: 10px;
	max-width: 100%;
	z-index: 5;
	width: auto;
	height: 48px;
	position: absolute;
	display: none;
	opacity: .5
}
.nav-main__language {
	position: absolute;
	right: 46px;
	top: 0;
	z-index: 4;
	text-transform: uppercase;
	margin: 10px 12px 0 0;
	padding-top: 5px;
	height: 48px;
	opacity: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition: opacity .35s;
	-o-transition: opacity .35s;
	transition: opacity .35s
}
.nav-main__language .highlight {
	padding-bottom: 3px;
	margin: 8px;
	font-weight: 900;
	font-size: 14px
}
.nav-main__logo {
	position: absolute;
	z-index: 3;
	width: 48px;
	height: 48px;

	background-color: rgba(35,33,33,.7);
	
	border: 10px solid rgba(35,33,33,.0);
	border-bottom: none;
	margin: 10px 0 0 10px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition: width .35s;
	-o-transition: width .35s;
	transition: width .35s;
	overflow: hidden
}
.nav-main__logo-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 175px;
	height: 38px;
	-webkit-transform: translate(0, 2px) scale(.76);
	-o-transform: translate(0, 2px) scale(.76);
	transform: translate(0, 2px) scale(.76);
	-webkit-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	-webkit-transition: -webkit-transform .35s;
	-o-transition: -o-transform .35s;
	transition: transform .35s
}
.nav-main__btn {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	position: relative;
	z-index: 3;
	float: right;
	margin: 10px 10px 0 0;
	text-align: center;
	background-color: rgba(35,33,33,.7);
	padding: 22.5px 12px;
	cursor: pointer
}
.nav-main__btn-icon {
	position: relative;
	display: block;
	width: 24px;
	height: 3px;
	background-color: #fff;
	-webkit-transition: background-color .35s;
	-o-transition: background-color .35s;
	transition: background-color .35s
}
.nav-main__btn-icon:before, .nav-main__btn-icon:after {
	-webkit-transition: -webkit-transform .35s;
	-o-transition: -o-transform .35s;
	transition: transform .35s;
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background-color: #fff
}
.nav-main__btn-icon:before {
	top: -8px
}
.nav-main__btn-icon:after {
	top: 8px
}
.nav-main__inner {
	position: absolute;
	left: 10px;
	right: 10px;
	overflow: hidden;
	visibility: hidden;
	height: 100vh;
	padding: 10px 0;
	-webkit-transition: visibility .35s linear;
	-o-transition: visibility .35s linear;
	transition: visibility .35s linear
}
.nav-main__overlay {
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(35,33,33,.7);
	opacity: 0;
	-webkit-transition: opacity .35s;
	-o-transition: opacity .35s;
	transition: opacity .35s
}
.nav-main__off-canvas {
	top: 10px;
	bottom: 10px;
	right: 0;
	position: absolute;
	margin-top: 48px;
	background-color: rgba(35,33,33,.9);
	max-width: 750px;
	padding: 6% 8% 0;
	-webkit-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	width: 70%;
	-webkit-transition: -webkit-transform .35s;
	-o-transition: -o-transform .35s;
	transition: transform .35s
}
.nav-main__list-element {
	margin-bottom: 20px
}
.nav-main__list-link {
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	/*text-transform:uppercase;*/
}
.nav-main__list-link:hover { color:#cacaca;}

.nav-main__checkbox:checked~.nav-main__logo {
	width: calc(100% - 92px)!important;
    border-right: none;
}

 @media only screen and (max-width:1024px) {.nav-main__checkbox:checked~.nav-main__logo {
	width: calc(100% - 92px)!important;
    border-right: none;
}}
@media only screen and (max-width:768px) {
	.nav-main__checkbox:checked~.nav-main__logo {
	width: calc(100% - 76px)!important;
    border-right: none;
}}
@media (min-width: 320px) and (max-width: 667px) {.nav-main__checkbox:checked~.nav-main__logo {
	width: calc(100% - 68px)!important;
    border-right: none;
}}
.nav-main__checkbox:checked~.nav-main__logo .nav-main__logo-img {
	-webkit-transform: translate(9px, 5px) scale(.65);
	-o-transform: translate(9px, 5px) scale(.65);
	transform: translate(9px, 5px) scale(.65)
}
.nav-main__checkbox:checked~.nav-main__btn .nav-main__btn-icon {
	background-color: transparent
}
.nav-main__checkbox:checked~.nav-main__btn .nav-main__btn-icon:before {
	-webkit-transform: rotate(45deg) scaleX(1.25) translate(5px, 5px);
	-o-transform: rotate(45deg) scaleX(1.25) translate(5px, 5px);
	transform: rotate(45deg) scaleX(1.25) translate(5px, 5px)
}
.nav-main__checkbox:checked~.nav-main__btn .nav-main__btn-icon:after {
	-webkit-transform: rotate(-45deg) scaleX(1.25) translate(5px, -5px);
	-o-transform: rotate(-45deg) scaleX(1.25) translate(5px, -5px);
	transform: rotate(-45deg) scaleX(1.25) translate(5px, -5px)
}
.nav-main__checkbox:checked~.nav-main__inner {
	visibility: visible;
	
}
.nav-main__checkbox:checked~.nav-main__inner .nav-main__overlay, .nav-main__checkbox:checked~.nav-main__inner .nav-main__language {
	opacity: 1
}
.nav-main__checkbox:checked~.nav-main__inner .nav-main__off-canvas {
	-webkit-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.nav-main__list {
	/*padding-bottom: 24px*/
}
.nav-main__tweet {
	display: block;
	margin: 32px 0
}
.nav-main__tweet-link {
	line-height: 1.75;
	font-size: 15px;
	margin-bottom: 24px;
	font-weight: 700
}
.nav-main__tweet-content {
	font-weight: 300;
	line-height: 1.75;
	font-size: 15px;
	color: #fff
}
.section--projects {
	padding-top: 70px
}
.teaser {
	cursor: pointer;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	position: relative;
	overflow: hidden
}
.teaser:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 75%
}
.teaser__bg {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden
}
.teaser__btn[style]:not(:hover) {
	color: #fff!important
}
.teaser__image {
	width: auto;
	height: calc(100% + 2px)
}
.height-full .teaser__image {
	width: auto;
	height: calc(100% + 2px)
}
.teaser__details {
	cursor: default;
	background-clip: content-box
}
.teaser .teaser__details {
	opacity: 0
}
.teaser .teaser__details {
	padding: 10px;
	-webkit-transition: opacity .35s;
	-o-transition: opacity .35s;
	transition: opacity .35s
}
.teaser__details-inner {
	width: 100%
}
.teaser .teaser__details-inner {
	padding: 0 10px
}
.teaser__customer {
	line-height: 2;
	font-weight: 700
}
.teaser__btn {
	width: 100%;
	max-width: 500px
}
.teaser .teaser__btn {
	visibility: hidden
}
.teaser__title {
	color: #fff;
	font-weight: 400;
	line-height: 1.21428;
font-size:calc(1.5rem + 2.5 * ((100vw - 62rem) / 98));
	margin: 10px 0 20px
}
.home-slide {
	overflow: hidden
}
.home-slide .teaser__title {
	font-size: 7vw
}
.home-slide .teaser__image {
	opacity: .5
}
.home-slide__inner {
	width: 100%
}
.home-slide__headline {
	color: #fff;
	line-height: 1.2;
	font-size: 10vw
}
.letter {
	position: relative;
	background: #fff;
	border: 2px solid #232121;
	height: auto;
	color: #232121;
	padding: 20px;
	max-width: 600px
}
.letter__content {
	margin-bottom: 60px;
	line-height: 1.42857
}
.letter__signature {
	border-bottom: 2px solid #232121;
	padding-bottom: 5px;
	width: 30%;
	min-width: 130px;
	font-weight: 700;
	font-size: 20px;
	height: 40px
}
.letter__signature.left {
	float: left;
	background: url(/assets/img/jobs/bytepark-written.svg) no-repeat left top;
	background-size: auto 100%
}
.letter__signature.right {
	float: right;
	background: url(/assets/img/jobs/dein-name.svg) no-repeat left top;
	background-size: auto 80%
}
.lang-en .letter__signature.right {
	background-image: url(/assets/img/jobs/your-name.svg)
}
.letter__edge {
	position: absolute;
	top: -2px;
	right: -2px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 0 0 50px;
	border-color: #f2f2f2 transparent transparent #000
}
.letter__edge::after {
	content: "";
	position: absolute;
	top: -46px;
	right: 4px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 44px 0 0 44px;
	border-color: transparent transparent transparent #ccc
}
.blog .pagination {
	text-align: center
}
.blog .pagination-btn {
	padding: 0;
	display: inline-block;
	margin: 10px 10px 0 0;
	font-size: 16px;
	width: 40px;
	height: 40px;
	line-height: 36px;
	white-space: nowrap;
	overflow: hidden;
	position: relative
}
.blog .pagination-btn.is-active {
	color: #fff;
	background: #f48f26;
	cursor: default
}
.blog .pagination-btn.mobile-hidden {
	display: none
}
.blog .pagination-btn:last-child {
	margin-right: 0
}
.blog .pagination-btn.first, .blog .pagination-btn.last {
	text-indent: 100%
}
.blog .pagination-btn.first:before, .blog .pagination-btn.last:before {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 24px;
	width: 100%;
	height: 100%;
	text-indent: 0;
	line-height: 36px
}
.blog .pagination-btn.first:before {
	content: '«'
}
.blog .pagination-btn.last:before {
	content: '»'
}
.blog .selected-categories {
	margin-bottom: 30px
}
.blog .selected-categories .selected-category {
	background: #f48f26;
	display: inline-block;
	padding: 4px 4px 4px 8px;
	margin-right: 10px;
	margin-bottom: 4px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px
}
.blog .selected-categories .selected-category .category-name {
	color: #fff;
	display: inline-block;
	font-weight: 700;
	margin-right: 5px
}
.blog .selected-categories .selected-category .remove-category {
	position: relative;
	width: 17px;
	height: 17px;
	float: right;
	margin: 0
}
.blog .selected-categories .selected-category .remove-category:hover {
	cursor: pointer
}
.blog .selected-categories .selected-category .remove-category:before {
	position: absolute;
	width: 11px;
	height: 2px;
	background-color: #fff;
	content: "";
	top: 8px;
	left: 3px;
	border-radius: 2px;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg)
}
.blog .selected-categories .selected-category .remove-category:after {
	position: absolute;
	width: 11px;
	height: 2px;
	background-color: #fff;
	content: "";
	top: 8px;
	left: 3px;
	border-radius: 2px;
	-webkit-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg)
}
.posts-wrapper {
	min-height: 400px
}
.post-preview {
	margin-bottom: 32px
}
.post-content {
	color: gray
}
.post__date, .post__categories {
	margin-top: 8px;
	display: inline-block
}
.post__title {
	color: #232121;
	font-weight: 400;
	line-height: 1.21428;
	font-size: 20px;
	margin: 0
}
.post__image {
	background-size: cover;
	margin: 20px 0
}
.post__aside {
	margin-top: 40px
}
.post__content .post__iframe-wrapper {
	margin-top: 40px
}
.post__content .post__iframe-wrapper iframe {
	width: 100%;
	height: 100%;
	background: #000
}
.post__content .bold {
	font-size: 16px;
	color: #232121
}
.post__content a:not(.btn) {
	font-weight: 700;
	color: #f48f26
}
.post__content a:not(.btn).phonenumber {
	font-weight: 300
}
.post__content p, .post__content h2, .post__content h3, .post__content h4, .post__content h5, .post__content h6 {
	margin-top: 25px
}
.post__content i {
	font-style: italic
}
.post__content ul {
	list-style: square;
	padding-left: 20px;
	color: gray
}
.post__content ul li {
	line-height: 1.78571
}
.post__content ul li .li-text {
	color: gray
}
.post__content img {
	max-width: 100%;
	height: auto;
	margin: 40px 0 0
}
.post__content p img {
	margin-top: 0
}
.post__content blockquote {
	padding-left: 15px;
	border-left: 3px solid #ccc;
	font-style: italic
}
.post__content .post__code-block {
	display: inline-block;
	white-space: pre-wrap;
	margin: 40px 0 0;
	padding: 20px;
	min-width: 60%
}
.post__content .post__code-block:not(.hljs), .post__content .post__code-inline {
	display: inline-block;
	background-color: #23241f;
	padding: 0 5px;
	color: #f8f8f2
}
#search-blog {
	margin-bottom: 16px
}
.search-results, .page-results {
	font-size: 16px;
	line-height: 1.42857;
	color: #232121;
	margin-bottom: 16px
}
#search-btn {
	font-size: 16px
}

.reference .pre-headline {
	border-bottom: 2px solid;
	line-height: 2;
	font-weight: 700;
	display: inline-block;
	margin-bottom: 24px;
	border-bottom-color: inherit
}
.reference .section--projects {
	padding-top: 0
}
.reference .section--projects .teaser__bg {
	position: absolute
}
.reference .header-description {
	margin-bottom: 5%
}
.reference .site-header {
	font-family: BitterWeb, Bitter, serif;
font-size:calc(1.5rem + 3.5 * ((100vw - 40rem) / 80));
	line-height: 1.25
}
.reference .header-description {
font-size:calc(1rem + .125 * ((100vw - 30rem) / 90));
	line-height: 1.5
}
.reference .reference__inner p {
	line-height: 1.5
}
.reference-header {
	color: #fff
}
.reference__service-list li {
	line-height: 2
}
.reference-result {
	position: relative
}
.reference-concept__image, .reference-result__image {
	position: relative;
	z-index: 10
}
.reference-concept__image img, .reference-result__image img {
	width: 100%
}
.reference-header__container {
	height: 100%
}
.reference-concept, .reference-result, .reference-header__container {
	position: relative
}
.reference__inner {
	overflow: hidden;
	margin-left: 8.333333333333332%;
	margin-right: 8.333333333333332%
}
.reference-concept__text, .reference-result__content {
	position: relative;
	z-index: 10
}
.yt-video {
	width: 100%;
height:calc((100vw - 17px)*.5625)
}
.reference-testimony {
	color: #fff;
	line-height: 1.4;
	position: relative;
	text-align: center
}
.reference-testimony .reference__inner {
	padding: 5% 0
}
.reference-testimony p {
	font-weight: 700
}
.reference-testimony blockquote {
	font-family: BitterWeb, Bitter, serif;
	font-style: italic;
font-size:calc(20px + 10 * ((100vw - 480px) / 511));
	line-height: 1.5
}
.reference-testimony blockquote::before {
	content: "\201c"
}
.reference-testimony blockquote::after {
	content: "\201d"
}
.reference-testimony .testimony-content {
	max-width: 1024px;
	display: inline-block
}
.reference-testimony .testimony__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .3;
	z-index: 0;
	background-position: center center;
	background-size: cover
}
.reference__overlap-screens {
	overflow: hidden;
	position: relative;
	width: 100%;
	text-align: right
}
.reference__overlap-screens .ratio-content {
	white-space: nowrap;
	padding-top: 15px;
	text-align: right;
	z-index: 1
}
.reference__overlap-screens .overlap-screen {
	display: inline-block;
	height: calc(100% + 17px);
	width: auto;
	box-shadow: 5px 5px 15px 5px rgba(0,0,0,.5)
}
.reference-header__container.reference__inner {
	margin: 0;
	max-width: 1920px;
	padding: 0 8.333333333333332%
}
.reference__overlap-devices {
	overflow: hidden;
	position: relative;
	z-index: 1
}
.reference__overlap-devices.overlap-vertical {
	margin-top: 10%
}
.reference__overlap-devices.overlap-vertical .ipad-w-skew:nth-child(2) {
	margin-top: -30%;
	z-index: 0
}
.reference__overlap-devices.horizontal {
	text-align: center
}
.overlap-device--1of3 {
	margin-bottom: 6%
}
.device-container {
	position: relative
}
.overlap-horizontal .device-container {
	display: inline-block
}
.device-template {
	width: 100%;
	height: auto;
	position: relative
}
.device-project {
	position: absolute;
	background-position: center center;
	background-size: cover;
	z-index: -1
}
.device-container.macbook .device-project {
	top: 5.2%;
	left: 12.9%;
	right: 12.2%;
	bottom: 17.7%
}
.device-container.ipad-b-landscape .device-project {
	top: 7.4%;
	left: 12.4%;
	right: 12.2%;
	bottom: 15.6%
}
.device-container.ipad-w-portrait .device-project {
	top: 8%;
	left: 11%;
	right: 11%;
	bottom: 15.5%
}
.device-container.iphone-w-portrait .device-project {
	top: 11%;
	left: 14%;
	right: 17.5%;
	bottom: 20%
}
.device-container.ipad-w-skew .device-project {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
.db {
	display: block
}
.di {
	display: inline
}
.dib {
	display: inline-block
}
.dn {
	display: none
}
.maxs {
	margin: 8px
}
.mas {
	margin: 12px
}
.mam {
	margin: 16px
}
.mal {
	margin: 24px
}
.maxl {
	margin: 32px
}
.mbf {
	margin-bottom: 0
}
.mbxs {
	margin-bottom: 8px
}
.mbs {
	margin-bottom: 12px
}
.mbm {
	margin-bottom: 16px
}
.mbl {
	margin-bottom: 24px
}
.mbxl {
	margin-bottom: 32px
}
.mhc {
	margin-left: auto;
	margin-right: auto
}
.mlf {
	margin-left: 0
}
.mlxs {
	margin-left: 8px
}
.mls {
	margin-left: 12px
}
.mlm {
	margin-left: 16px
}
.mll {
	margin-left: 24px
}
.mrf {
	margin-right: 0
}
.mrxs {
	margin-right: 8px
}
.mrs {
	margin-right: 12px
}
.mrm {
	margin-right: 16px
}
.mrl {
	margin-right: 24px
}
.mtf {
	margin-top: 0
}
.mtxs {
	margin-top: 8px
}
.mts {
	margin-top: 12px
}
.mtm {
	margin-top: 16px
}
.mtl {
	margin-top: 24px
}
.mtxl {
	margin-top: 32px
}
.mtxxl {
	margin-top: 48px
}
.paxs {
	padding: 8px
}
.pas {
	padding: 12px
}
.pam {
	padding: 16px
}
.pal {
	padding: 24px
}
.paxl {
	padding: 32px
}
.pbf {
	padding-bottom: 0!important
}
.pbxs {
	padding-bottom: 8px
}
.pbs {
	padding-bottom: 12px
}
.pbm {
	padding-bottom: 16px
}
.pbl {
	padding-bottom: 24px
}
.pbxl {
	padding-bottom: 32px
}
.plf {
	padding-left: 0!important
}
.plxs {
	padding-left: 8px
}
.pls {
	padding-left: 12px
}
.plm {
	padding-left: 16px
}
.pll {
	padding-left: 24px
}
.plxl {
	padding-left: 32px
}
.prf {
	padding-right: 0!important
}
.prxs {
	padding-right: 8px
}
.prs {
	padding-right: 12px
}
.prm {
	padding-right: 16px
}
.prl {
	padding-right: 24px
}
.prxl {
	padding-right: 32px
}
.ptf {
	padding-top: 0!important
}
.ptxs {
	padding-top: 8px
}
.pts {
	padding-top: 12px
}
.ptm {
	padding-top: 16px
}
.ptl {
	padding-top: 24px
}
.ptxl {
	padding-top: 32px
}
.fl {
	float: left
}
.fr {
	float: right
}
.poa {
	position: absolute
}
.pof {
	position: fixed
}
.por {
	position: relative
}
.pos {
	position: static
}
.tac {
	text-align: center
}
.tar {
	text-align: right
}
.tal {
	text-align: left
}
.tcb {
	color: #232121
}
.tcc {
	color: #00b86e
}
.tce {
	color: #f00
}
.tct {
	color: #753d29
}
.tch {
	color: #f48f26
}
.tcg {
	color: #ccc
}
.tcd {
	color: gray
}
.bcb {
	background-color: #232121
}
.bcc {
	background-color: #00b86e
}
.bce {
	background-color: #f00
}
.bct {
	background-color: #753d29
}
.bch {
	background-color: #f48f26
}
.tfb {
	font-family: LatoWeb, Lato, sans-serif
}
.tfs {
	font-family: BitterWeb, Bitter, serif
}
.tft {
	font-family: OpenSansWeb, Open Sans, sans-serif
}
.tfm {
	font-family: SourceCodePro, Source Code Pro, monospace
}
.tss {
	font-size: 12px
}
.tsm {
	font-size: 16px
}
.tsl {
	font-size: 24px
}
.lhs {
	line-height: 1.21428
}
.lhn {
	line-height: 1.21428
}
.lhl {
	line-height: 1.78571
}
.ttu {
	text-transform: uppercase
}
.twn {
	font-weight: 400
}
.twb {
	font-weight: 700
}
.ovv {
	overflow: visible
}
.ovh {
	overflow: hidden
}
.ovs {
	overflow: scroll
}
.vat {
	vertical-align: top
}
.vam {
	vertical-align: middle
}
.vab {
	vertical-align: bottom
}
.cup {
	cursor: pointer
}
.cud {
	cursor: default
}
.audi-moments {
	background: #000;
	color: #fff
}
.audi-moments .client-logo {
	height: 95px;
	background: url(/assets/img/projects/audi-moments/audi_logo.png) left top no-repeat;
	background-size: 160px 90px
}
.audi-moments .reference-result .ratio-content {
	position: relative
}
.audi-moments .reference-result:before {
	padding-top: 8%
}
.audi-moments .reference-concept__image--selfie {
	padding: 0
}
.lpmob {
	width: 100%
}
.audi-quattro {
	background: #e6e6e6
}
.audi-quattro .reference-header {
	background: #314650
}
.audi-quattro .client-logo {
	height: 95px;
	background: url(/assets/img/projects/audi-moments/audi_logo.png) left top no-repeat;
	background-size: 160px 90px
}
.audi-quattro .overlay {
	background: #314650;
	opacity: .7
}
.audi-quattro .reference-concept {
	color: #7f7f7f
}
.audi-quattro .reference-result {
	margin-left: 0;
	margin-right: 0;
	background: -webkit-linear-gradient(top, #e6e6e6 70%, #314650 80%);
	background: -o-linear-gradient(top, #e6e6e6 70%, #314650 80%);
	background: linear-gradient(to bottom, #e6e6e6 70%, #314650 80%)
}
.audi-quattro .reference-event {
	margin-bottom: -2px;
	background: #314650;
	color: #fff
}
.crobo {
	background: #fff
}
.crobo .reference-header {
	background: #423e55
}
.crobo .overlay {
	background: #423e55;
	opacity: .7
}
.crobo .client-logo {
	height: 55px;
	background: url(/assets/img/projects/crobo/crobo-logo.png) left top no-repeat;
	background-size: auto 50px
}
.crobo .reference-image {
	padding: 8% 0
}
.crobo .reference-details {
	background: #3c304a;
	color: #fff;
	padding-top: 4%
}
.crobo .reference-details .reference__inner {
	overflow: visible
}
.crobo .reference-result {
	margin-top: 8%;
	margin-bottom: 8%
}
.crobo .testimony {
	background: url(/assets/img/projects/crobo/crobo-testimonial-bg.jpg) center top no-repeat;
	background-size: cover
}
.dlv-em {
	background: #fff
}
.dlv-em .reference-header, .dlv-em .overlay, .dlv-em .prime-color {
	background: #459dcc
}
.dlv-em .overlay {
	opacity: .7
}
.dlv-em .client-logo {
	height: 55px;
	background-position: left 5px;
	background-size: auto 50px;
	background-repeat: no-repeat
}
.dlv-em .reference-concept .device-container {
	margin-bottom: -5%
}
.dlv-em .reference-details {
	background: #3c304a;
	color: #fff;
	padding-top: 4%
}
.dlv-em .reference-details .reference__inner {
	overflow: visible
}
.dlv-em .overlap-horizontal {
	padding: 9% 7% 0;
	text-align: center
}
.dlv-em .reference-result, .dlv-em .reference-concept {
	margin-top: 8%;
	margin-bottom: 8%
}
.dlv-em .reference-result .reference__inner, .dlv-em .reference-concept .reference__inner {
	overflow: visible
}
.dlv-em .reference-padding {
	padding-top: 8%;
	padding-bottom: 8%
}
.dlv-em .reference-testimony {
	position: relative;
	text-align: center
}
.dlv-em .reference-testimony .reference__inner {
	padding: 12% 0
}
.dlv-leichtathletik {
	background: #fff
}
.dlv-leichtathletik .reference-header, .dlv-leichtathletik .overlay, .dlv-leichtathletik .prime-color {
	background: #e32313
}
.dlv-leichtathletik .reference-concept__description {
	margin-bottom: 6%
}
.dlv-leichtathletik .reference-concept {
	background-image: url(/assets/img/projects/dlv-leichtathletik/triangle.svg), url(/assets/img/projects/dlv-leichtathletik/triangle_02.svg);
	background-position: left, right;
	background-repeat: no-repeat;
	background-size: auto
}
.dlv-leichtathletik .overlay {
	opacity: .7
}
.dlv-leichtathletik .client-logo {
	height: 55px;
	background-position: left 5px;
	background-size: auto 50px;
	background-repeat: no-repeat
}
.dlv-leichtathletik .overlap-horizontal {
	padding: 0 8%;
	margin-top: 30px;
	text-align: center
}
.dlv-leichtathletik .overlap-horizontal .macbook {
	width: 85%;
	margin: 0 auto 40px;
	display: block
}
.dlv-leichtathletik .overlap-horizontal .ipad-w-portrait {
	width: 40%;
	margin-left: 2%
}
.dlv-leichtathletik .overlap-horizontal .ipad-w-portrait .device-project {
	top: 10%;
	left: 11%;
	right: 11%;
	bottom: 18%
}
.dlv-leichtathletik .overlap-horizontal .iphone-w-portrait {
	width: 20%;
	-webkit-transform: translateY(-2.55%);
	-o-transform: translateY(-2.55%);
	transform: translateY(-2.55%)
}
.dlv-leichtathletik .reference-result {
	color: #232121;
	padding-top: 8%;
	padding-bottom: 6%;
	background: #cbcdca;
	background-image: url(/assets/img/projects/dlv-leichtathletik/oval.svg);
	background-image: url(/assets/img/projects/dlv-leichtathletik/oval.svg), -webkit-radial-gradient(circle, #fff, #cbcdca);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 50%, 100%
}
.dlv-leichtathletik .reference-highlight {
	background-image: url(/assets/img/projects/dlv-leichtathletik/triangle_02.svg);
	background-repeat: no-repeat;
	background-position: left
}
.dlv-leichtathletik .reference-highlight__description {
	margin-bottom: 8%
}
.dlv-leichtathletik .testimony__bg {
	opacity: .8
}
.easy-locker {
	background: #fff
}
.easy-locker .reference-header {
	background: #09314b
}
.easy-locker .reference-bikes {
	background: #fafbfd
}
.easy-locker .reference-bikes .row {
	margin-left: auto;
	margin-right: auto;
	max-width: 960px;
	padding-top: 4%;
	padding-bottom: 4%
}
.easy-locker .playstore-link {
	display: inline-block;
	max-width: 200px
}
.easy-locker .playstore-link img {
	width: 100%;
	height: auto
}
.easy-locker .android-app-headline {
	font-size: 32px
}
.easy-locker .reference-app {
	color: #fff;
	background: #122839
}
.easy-locker .reference-app .reference__inner {
	overflow: visible
}
.easy-locker .reference-app .device {
	display: none
}
.easy-locker .reference-app .reference-concept__text p {
	max-width: 960px
}
.easy-locker .bike {
	position: relative;
	overflow: hidden;
	padding: 10px
}
.easy-locker .bike:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%
}
.easy-locker .bike img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-height: 100%;
	max-width: 180px;
	width: 100%;
	height: auto
}
.easy-locker .reference-screens {
	background: #fafbfd;
	padding: 8% 0
}
.easy-locker .reference-screens .row {
	margin: 0 auto;
	max-width: 1600px
}
.easy-locker .screen img {
	display: block;
	margin: 20px auto;
	width: 80%;
	height: auto
}
.easy-locker .animation {
	display: block;
	margin: 0 auto;
	width: 550px;
	height: 400px
}
.easy-locker .img-devices {
	margin: 2em auto 0;
	width: 100%;
	height: auto
}
.easy-locker .reference-bg {
	position: relative;
	overflow: hidden
}
.easy-locker .reference-bg:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%
}
.easy-locker .reference-bg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto
}
.easy-locker .client-logo {
	position: relative;
	overflow: hidden;
	max-width: 145px;
	background-size: contain;
	background-repeat: no-repeat
}
.easy-locker .client-logo:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 62.5%
}
.easy-locker .video-ratio-container {
	position: relative;
	overflow: hidden;
	max-width: 960px;
	margin: 0 auto
}
.easy-locker .video-ratio-container:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%
}
.easy-locker .prime-color {
	background: #5cba46;
	color: #fff
}
.easy-locker .reference-concept, .easy-locker .reference-slider, .easy-locker .reference-white {
	padding-top: 8%;
	padding-bottom: 8%
}
.easy-locker .reference-concept .embed-media {
	margin: 3rem 0
}
.easy-locker .reference-concept.blue {
	background: #09314b
}
.easy-locker .reference-concept__text p {
	margin-left: auto;
	margin-right: auto;
	max-width: 640px
}
.easy-locker .reference-white {
	text-align: center
}
.easy-locker .reference-white .section__headline {
	margin: 1em auto 0;
	color: #5cba46;
	max-width: 840px;
	margin-bottom: 2rem
}
.easy-locker .reference-img img {
	width: 100%
}
.easy-locker .img-svg img {
	max-width: 25%;
	margin-left: auto;
	margin-right: auto
}
.here-maps {
	background: #fff
}
.here-maps .client-logo {
	height: 205px;
	background: url(/assets/img/projects/here-maps/here-client.png) left top no-repeat;
	background-size: auto 164px
}
.here-maps .reference-concept {
	background: #fff
}
.here-maps .reference-header {
	background: #1f458e
}
.here-maps .reference-details {
	padding-top: 4%;
	background: #124191;
	color: #fff
}
.here-maps .reference-details .reference__inner {
	overflow: visible
}
.here-maps .reference-zoom {
	background: url(/assets/img/projects/here-maps/zoom-bg.jpg) center bottom no-repeat;
	background-size: cover
}
.here-maps .reference-zoom .reference__inner, .here-maps .reference-mobile .reference__inner {
	padding-top: 4%
}
.here-maps .reference-mobile img {
	width: 75%
}
.here-maps .reference-print {
	background: url(/assets/img/projects/here-maps/here-icons-bg.jpg) center bottom no-repeat;
	background-size: cover;
	padding: 4% 0
}
.here-maps .reference-print__text {
	padding-right: 5%
}
.here-maps .reference-maps img {
	width: 100%
}
.hzm {
	background: #fff
}
.hzm .reference-header, .hzm .overlay, .hzm .prime-color {
	background: #232121;
	color: #fff
}
.hzm .overlay {
	opacity: .7
}
.hzm .client-logo {
	height: 55px;
	background: url(/assets/img/customers/hypzert.png) left top no-repeat;
	background-size: auto 50px
}
.hzm .reference-details {
	background: #3c304a;
	color: #fff;
	padding-top: 4%
}
.hzm .reference-details .reference__inner {
	overflow: visible
}
.hzm .reference-result, .hzm .reference-concept {
	padding-top: 8%;
	padding-bottom: 8%
}
.hzm .reference-result {
	padding-bottom: 0
}
.hzm .reference-result__text {
	padding-bottom: 8.333333333333332%
}
.hzm .overlap-screen {
	margin-left: -5%
}
.hzm .overlap-screen:first-child {
	margin-left: 0
}
.hzm .horizontal .device-container {
	max-width: 310px;
	width: 65%;
	margin: 0 2%;
	display: inline-block;
	-webkit-transform: translateY(4%);
	-o-transform: translateY(4%);
	transform: translateY(4%)
}
.hzm .overlap-horizontal {
	padding: 0 2%;
	margin-top: 30px;
	text-align: center
}
.hzm .overlap-horizontal .macbook {
	width: 85%;
	margin: 0 auto 40px;
	display: block
}
.hzm .overlap-horizontal .ipad-w-portrait {
	width: 40%;
	margin-right: 2%
}
.hzm .overlap-horizontal .iphone-w-portrait {
	width: 20%;
	-webkit-transform: translateY(-2.55%);
	-o-transform: translateY(-2.55%);
	transform: translateY(-2.55%)
}
.hzm .reference-padding {
	padding-top: 8%;
	padding-bottom: 8%
}
.hzm .testimony {
	background: #232121 center top no-repeat;
	background-size: cover
}
.hzm .testimony .reference__inner {
	padding: 8% 0
}
.kiaro {
	background: #fff
}
.kiaro .reference__inner {
	overflow: visible
}
.kiaro .reference__inner .slider-container {
	z-index: 2;
	margin-bottom: 30px
}
.kiaro .reference__inner .ipad-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%
}
.kiaro .reference__inner .ipad-overlay_ipad {
	position: relative;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 132.9317269%;
	margin-top: -5.4435484%;
	margin-left: -16.46586345%
}
.kiaro .reference__inner .ipad-overlay_ipad:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 71.39979859013091%
}
.kiaro .reference__inner .ipad-overlay_ipad-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.kiaro .client-logo {
	position: relative;
	overflow: hidden;
	max-width: 230px;
	background-repeat: no-repeat
}
.kiaro .client-logo:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 31.73913043478261%
}
.kiaro .prime-color {
	background: #85e0e0;
	color: #fff
}
.kiaro .reference-concept, .kiaro .reference-slider, .kiaro .reference-white {
	padding-top: 6%;
	padding-bottom: 6%
}
.kiaro .reference-concept .embed-media {
	margin: 3rem 0
}
.kiaro .reference-white {
	text-align: center
}
.kiaro .reference-white .section__headline {
	margin: 1em auto 0;
	color: #411564;
font-size:calc(20px + 10 * ((100vw - 480px) / 511));
	margin-bottom: 2rem
}
.kiaro .kiaro-img-60 {
	width: 60%
}
.kiaro .kiaro-img-80 {
	max-width: 80%
}
.kiaro .reference-concept__text p {
	margin-left: auto;
	margin-right: auto;
	max-width: 640px
}
.kiaro .img-devices {
	margin: 2em auto 0;
	width: 100%;
	height: auto
}
.kiaro .img-devices-small {
	margin: 2em auto 0;
	width: 80%;
	height: auto
}
.kiaro .width-icons {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.kiaro .jcontent {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.kiaro .img-devices-inner {
	max-width: 250px;
	width: auto
}
.kiaro .img-device-half {
	max-width: 50%
}
.kiaro .space {
	padding-top: 6%;
	padding-bottom: 6%
}
.kiaro .space-double {
	padding-top: 12%;
	padding-bottom: 12%
}
.kiaro .space-bot {
	padding-bottom: 6%
}
.kiaro .space-top {
	padding-top: 6%
}
.kiaro .kiaro-gradient {
	background: -webkit-linear-gradient(right, #b3dd9a, #44b5e2);
	background: -o-linear-gradient(right, #b3dd9a, #44b5e2);
	background: linear-gradient(to left, #b3dd9a, #44b5e2)
}
.kiaro .no-pad-bot {
	padding-bottom: 0
}
.kiaro .fade-in img {
	-webkit-animation: fadein 3s
}
.kiaro .fade-in1 img {
	-webkit-animation: fadein ease-in 3s
}
@-webkit-keyframes fadein {
from {
opacity:0
}
to {
	opacity: 1
}
}
.kiaro #bgvideo-kiaro {
	opacity: 1
}
@-webkit-keyframes fadein {
from {
opacity:0
}
to {
	opacity: 1
}
}
@keyframes fadein {
from {
opacity:0
}
to {
	opacity: 1
}
}
.laufende {
	background: #fff
}
.laufende .client-logo {
	height: 95px;
	background: url(/assets/img/projects/laufende/dlv-logo.png) left top no-repeat;
	background-size: auto 61px
}
.laufende .reference-concept {
	background: #fff
}
.laufende .reference-header {
	background: #e32313
}
.laufende .reference-concept__image, .laufende .reference-result__image {
	margin-bottom: -2px;
	width: 100%
}
.laufende .reference-backend {
	background: #1e1e1e;
	color: #fff
}
.laufende .reference-backend__image {
	vertical-align: bottom;
	width: 100%
}
.laufende .reference-result__text {
	margin-bottom: 8%
}
.lekker-app {
	background: #fff
}
.lekker-app .reference__inner {
	overflow: visible
}
.lekker-app .slider {
	position: relative;
	width: 70%;
	margin: 0 auto
}
.lekker-app .slider .slider-container {
	z-index: 2;
	margin-bottom: 30px
}
.lekker-app .slider .slider-container .previous, .lekker-app .slider .slider-container .next {
	cursor: pointer
}
.lekker-app .slider .slider-container .previous {
	left: -23%
}
.lekker-app .slider .slider-container .next {
	right: -23%
}
.lekker-app .slider .ipad-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%
}
.lekker-app .slider .ipad-overlay_ipad {
	position: relative;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 132.9317269%;
	margin-top: -5.4435484%;
	margin-left: -16.46586345%
}
.lekker-app .slider .ipad-overlay_ipad:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 71.39979859013091%
}
.lekker-app .slider .ipad-overlay_ipad-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.lekker-app .slide {
	position: relative;
	overflow: hidden;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}
.lekker-app .slide:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 75%
}
.lekker-app .client-logo {
	position: relative;
	overflow: hidden;
	max-width: 198px
}
.lekker-app .client-logo:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 36.868686868686865%
}
.lekker-app #bgvideo-lekker-app {
	background: #fff
}
.lekker-app #bgvideo-lekker-app2 {
	opacity: 1
}
.lekker-app #bgvideo-lekker-app2 .bg-video__embed {
	max-width: 100%;
	max-height: 100%
}
.lekker-app .video-ratio-container {
	position: relative;
	overflow: hidden;
	margin: 0 auto
}
.lekker-app .video-ratio-container:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%
}
.lekker-app .prime-color {
	background: #411564;
	color: #fff
}
.lekker-app .reference-concept, .lekker-app .reference-slider, .lekker-app .reference-white {
	padding-top: 8%;
	padding-bottom: 8%
}
.lekker-app .reference-concept .embed-media {
	margin: 3rem 0
}
.lekker-app .lekker-quote {
	margin: 2rem auto;
	max-width: 740px;
	font-style: italic;
	text-align: center;
font-size:calc(20px + 10 * ((100vw - 480px) / 511));
	line-height: 1.5;
	color: #411564
}
.lekker-app .reference-white {
	text-align: center
}
.lekker-app .reference-white .section__headline {
	margin: 1em auto 0;
	color: #411564;
font-size:calc(20px + 10 * ((100vw - 480px) / 511));
	margin-bottom: 2rem
}
.lekker-sme {
	background-color: #fff
}
.lekker-sme p {
	line-height: 1.5
}
.lekker-sme .reference-inner {
	overflow: visible
}
.lekker-sme .prime-color {
	background: #411564;
	color: #fff
}
.lekker-sme .flex-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.lekker-sme .flex-end {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}
.lekker-sme .client-logo {
	position: relative;
	overflow: hidden;
	max-width: 198px
}
.lekker-sme .client-logo:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 36.868686868686865%
}
.lekker-sme .reference-slider, .lekker-sme .reference-white {
	padding-top: 8%;
	padding-bottom: 8%
}
.lekker-sme .reference-branding, .lekker-sme .reference-concept {
	padding-top: 8%
}
.lekker-sme .top-image-container {
	width: 60%;
	margin-left: auto;
	margin-right: auto
}
.lekker-sme .reference-grey {
	background-color: #f0f0f0
}
.lekker-sme .reference-yellow {
	background-color: #ffc839;
	border-top: 15px solid #ffc839;
	border-bottom: 15px solid #ffc839
}
.lekker-sme .reference-yellow .image-container {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto
}
.lekker-sme .reference-yellow .image-container .reference-yellow__image {
	width: 100%;
	border-radius: 9px
}
.lekker-sme .col-1of2--md {
	width: 50%
}
.lekker-sme .contact-image {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 20px
}
.lekker-sme .yellow-background-image {
	background-image: url(../img/projects/lekker-sme/grafik_02.png);
	background-size: cover
}
.lekker-sme .reference-fullWidth__image {
	width: 100%
}
.lekker-sme .content-padding {
	padding: 8% 0
}
.lekker-sme .content-padding-half {
	padding: 4% 0
}
.lekker-sme .reference-header {
	border-bottom: 10px solid transparent;
	-o-border-image: -o-linear-gradient(left, #fc0, #fff, #472570);
	border-image: -webkit-linear-gradient(left, #fc0, #fff, #472570);
	border-image: linear-gradient(to right, #fc0, #fff, #472570);
	border-image-slice: 1
}
.lekker-sme .reference-concept .embed-media {
	margin: 3rem 0
}
.lekker-sme .reference-concept__text {
	margin-left: auto;
	margin-right: auto;
	max-width: 640px
}
.lekker-sme .reference-concept__text p {
	line-height: 1.5
}
.lekker-sme .reference-task {
	margin-bottom: 8%;
	margin-top: 8%
}
.lekker-sme .reference-branding__text {
	padding: 0 8%
}
.lekker-sme .inner-white {
	background-color: #fff;
	border-radius: 9px;
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 10px 20px rgba(0,0,0,.19), 0 6px 6px rgba(0,0,0,.23)
}
.lekker-sme .reference-yellow-image {
	width: 90%
}
.lekker-sme .reference-task__center {
	margin: 0 auto;
	width: 50%
}
.lekker-sme .reference-task__image {
	width: 70%
}
.lekker-sme #bgvideo-lekker-sme {
	opacity: 1;
	background-size: contain;
	background-repeat: no-repeat
}
.lekker-sme .no-margin {
	margin-top: 0;
	margin-bottom: 0
}
.lekker-sme .video-ratio-container {
	position: relative;
	overflow: hidden;
	margin: 0 auto
}
.lekker-sme .video-ratio-container:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%
}
.lekker-sme #sme-video {
	width: 100%
}
.lekker-sme .reference__yt {
	overflow: hidden;
	margin-left: 16%;
	margin-right: 16%
}
.mi-adilette {
	color: #232121;
	background: #fff
}
.mi-adilette .overlay {
	background: #1c3f82;
	opacity: .7
}
.mi-adilette .client-logo {
	height: 95px;
	background: url(/assets/img/projects/mi-adilette/adidas_logo.png) left top no-repeat;
	background-size: auto 90px
}
.mi-adilette .reference-header {
	background: #1c3f82
}
.mi-adilette .reference-concept {
	padding: 4% 0;
	color: #232121
}
.mi-adilette .reference-concept__image {
	text-align: right
}
.mi-adilette .reference-faces, .mi-adilette .reference-result {
	margin-bottom: -2px
}
.mi-adilette .reference-faces__image {
	width: 100%
}
.mi-adilette .reference-result__image img {
	vertical-align: bottom
}
.mi-adilette .reference-result {
	background: #252525;
	color: #fff;
	padding: 4% 0
}
.mi-adilette .testimony {
	background: url(/assets/img/projects/mi-adilette/adidas-quote-bg.jpg) center top no-repeat
}
.velo-easy {
	background: #fff
}
.velo-easy .reference-bikes {
	background: #fafbfd
}
.velo-easy .reference-bikes .row {
	margin-left: auto;
	margin-right: auto;
	max-width: 960px;
	padding-top: 4%;
	padding-bottom: 4%
}
.velo-easy .playstore-link {
	display: inline-block;
	max-width: 200px
}
.velo-easy .playstore-link img {
	width: 100%;
	height: auto
}
.velo-easy .android-app-headline {
	font-size: 32px
}
.velo-easy .reference-app {
	color: #fff;
	background: #122839
}
.velo-easy .reference-app .reference__inner {
	overflow: visible
}
.velo-easy .reference-app .device {
	display: none
}
.velo-easy .reference-app .reference-concept__text p {
	max-width: 960px
}
.velo-easy .bike {
	position: relative;
	overflow: hidden;
	padding: 10px
}
.velo-easy .bike:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%
}
.velo-easy .bike img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-height: 100%;
	max-width: 180px;
	width: 100%;
	height: auto
}
.velo-easy .reference-screens {
	background: #fafbfd;
	padding: 8% 0
}
.velo-easy .reference-screens .row {
	margin: 0 auto;
	max-width: 1600px
}
.velo-easy .screen img {
	display: block;
	margin: 20px auto;
	width: 80%;
	height: auto
}
.velo-easy .animation {
	display: block;
	margin: 0 auto;
	width: 550px;
	height: 400px
}
.velo-easy .img-devices {
	margin: 2em auto 0;
	width: 100%;
	height: auto
}
.velo-easy .reference-bg {
	position: relative;
	overflow: hidden
}
.velo-easy .reference-bg:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%
}
.velo-easy .reference-bg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto
}
.velo-easy .client-logo {
	position: relative;
	overflow: hidden;
	max-width: 200px;
	background-size: contain
}
.velo-easy .client-logo:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 62.5%
}
.velo-easy .video-ratio-container {
	position: relative;
	overflow: hidden;
	max-width: 960px;
	margin: 0 auto
}
.velo-easy .video-ratio-container:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%
}
.velo-easy .prime-color {
	background: #5cba46;
	color: #fff
}
.velo-easy .reference-concept, .velo-easy .reference-slider, .velo-easy .reference-white {
	padding-top: 8%;
	padding-bottom: 8%
}
.velo-easy .reference-concept .embed-media {
	margin: 3rem 0
}
.velo-easy .reference-concept__text p {
	margin-left: auto;
	margin-right: auto;
	max-width: 640px
}
.velo-easy .reference-white {
	text-align: center
}
.velo-easy .reference-white .section__headline {
	margin: 1em auto 0;
	color: #5cba46;
	max-width: 840px;
	margin-bottom: 2rem
}
.zeversolar {
	background: #fff
}
.zeversolar .reference-header, .zeversolar .overlay, .zeversolar .prime-color {
	background: #fcb72f;
	color: #fff
}
.zeversolar .overlay {
	opacity: .7
}
.zeversolar .client-logo {
	height: 55px;
	background: url(/assets/img/customers/hypzert.png) left top no-repeat;
	background-size: auto 50px
}
.zeversolar .reference-details {
	background: #3c304a;
	color: #fff;
	padding-top: 4%
}
.zeversolar .reference-details .reference__inner {
	overflow: visible
}
.zeversolar .reference-result, .zeversolar .reference-concept {
	padding-top: 8%;
	padding-bottom: 8%
}
.zeversolar .reference-result {
	padding-bottom: 0
}
.zeversolar .reference-result__text {
	color: #fff;
	padding-bottom: 8.333333333333332%
}
.zeversolar .overlap-screen {
	margin-left: -5%;
	z-index: 2;
	position: relative;
	box-shadow: none
}
.zeversolar .overlap-screen:first-child {
	margin-left: 0;
	z-index: 3;
	height: calc(100% + 50px);
	left: -15px
}
.zeversolar .overlap-screen:last-child {
	z-index: 1;
	left: 15px
}
.zeversolar .horizontal .device-container {
	max-width: 310px;
	width: 65%;
	margin: 0 2%;
	display: inline-block;
	-webkit-transform: translateY(4%);
	-o-transform: translateY(4%);
	transform: translateY(4%)
}
.zeversolar .overlap-horizontal {
	padding: 0 2%;
	margin-top: 30px;
	text-align: center
}
.zeversolar .overlap-horizontal .macbook {
	width: 85%;
	margin: 0 auto 40px;
	display: block
}
.zeversolar .overlap-horizontal .ipad-w-portrait {
	width: 40%;
	margin-right: 2%
}
.zeversolar .overlap-horizontal .ipad-w-portrait .device-project {
	top: 10%;
	left: 11%;
	right: 10%;
	bottom: 14.5%
}
.zeversolar .overlap-horizontal .iphone-w-portrait {
	width: 20%;
	-webkit-transform: translateY(-2.55%);
	-o-transform: translateY(-2.55%);
	transform: translateY(-2.55%)
}
.zeversolar .reference-padding {
	padding-top: 8%;
	padding-bottom: 8%
}
.zeversolar .testimony {
	background: #232121 center top no-repeat;
	background-size: cover
}
.zeversolar .testimony .reference__inner {
	padding: 8% 0
}
.zeversolar .reference-highlight__image {
	width: 60%;
	margin: 0 0 8%
}
@media(max-width:479px) {
.text-quoted {
	font-size: 20px;
	margin-bottom: 40px
}
.btn {
	font-size: 3vw;
	padding: 5% 0;
	line-height: 1.25;
	width: 100%
}
.section--padding, .section.has-padding {
	padding: 50px 0
}
.section__headline {
	font-size: 20px
}
.section__headline--large {
	font-size: 25px
}
.section__headline--xlarge {
	font-size: 25pt;
	margin-bottom: 25px
}
.section__pre-headline {
	font-size: 12px;
	border-width: 1px
}
.instagram .pgthumb {
width:calc(99.999999%*1/2)
}
.instagram .pgthumb:nth-child(n) {
	float: left;
	margin-right: 0;
	clear: none
}
.instagram .pgthumb:last-child {
	margin-right: 0
}
.instagram .pgthumb:nth-child(2n) {
	margin-right: 0
}
.instagram .pgthumb:nth-child(2n+1) {
	clear: left
}
.instagram .pgthumb:nth-child(1n+5) {
	display: none
}
.footer {
	padding: 50px 0
}
.lekker-app .slider .slider-container .previous, .lekker-app .slider .slider-container .next {
	display: none
}
}
@media(min-width:480px) {
.text-quoted {
	font-size: 24px
}
.col-1of2--xsl {
width:calc(99.99%*1/2 - (20px - 20px*1/2))
}
.col-1of2--xsl:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-1of2--xsl:last-child {
	margin-right: 0
}
.col-1of2--xsl:nth-child(2n) {
	margin-right: 0
}
.col-1of2--xsl:nth-child(2n+1) {
	clear: left
}
.col-1of3--xsl {
width:calc(99.99%*1/3 - (20px - 20px*1/3))
}
.col-1of3--xsl:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-1of3--xsl:last-child {
	margin-right: 0
}
.col-1of3--xsl:nth-child(3n) {
	margin-right: 0
}
.col-1of3--xsl:nth-child(3n+1) {
	clear: left
}
.span-1of2--xsl {
width:calc(99.999999%*1/2)
}
.span-1of2--xsl:nth-child(n) {
	float: left;
	margin-right: 0;
	clear: none
}
.span-1of2--xsl:last-child {
	margin-right: 0
}
.span-1of2--xsl:nth-child(2n) {
	margin-right: 0
}
.span-1of2--xsl:nth-child(2n+1) {
	clear: left
}
.ratio-switch-ls, .home-slide.has-ratio {
	position: relative;
	overflow: hidden
}
.ratio-switch-ls:before, .home-slide.has-ratio:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%
}
.customer {
	margin-top: 8%
}
.member__img {
	width: 100%
}
.current-jobs__link {
	font-size: 25px
}
.section--projects {
	padding-top: 0
}
.teaser {
	position: relative;
	overflow: hidden
}
.teaser:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%
}
.teaser__image {
	width: calc(100% + 2px);
	height: auto
}
.teaser .teaser__details-inner {
	padding: 0 12%
}
.letter {
	padding: 50px;
	margin-top: 60px
}
.blog .pagination-btn {
	width: 48px;
	height: 48px;
	line-height: 42px
}
.blog .pagination-btn.mobile-hidden {
	display: inline-block
}
.footer-box {
	position: relative;
	overflow: hidden
}
.footer-box:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%
}
}
@media(max-width:767px) {
.job-mail {
	font-size: 6vw
}
.post-preview {
	display: block
}
.crobo .reference-image__ipad {
	width: 50%;
	margin: 1rem auto 0;
	display: block
}
.dlv-em .reference-image__ipad {
	width: 50%;
	margin: 1rem auto 0;
	display: block
}
.hzm .reference-image__ipad {
	width: 50%;
	margin: 1rem auto 0;
	display: block
}
.lekker-sme .top-image-container, .lekker-sme .inner-white {
	width: 90%
}
.zeversolar .reference-image__ipad {
	width: 50%;
	margin: 1rem auto 0;
	display: block
}
}
@media(min-width:480px) and (max-width:767px) {
.section--padding, .section.has-padding {
	padding: 70px 0
}
.section__headline {
	font-size: 25px
}
.section__headline--large {
	font-size: 35px
}
.section__headline--xlarge {
	font-size: 30pt;
	margin-bottom: 30px
}
.section__pre-headline {
	font-size: 13px;
	border-width: 1px
}
.instagram .pgthumb {
width:calc(99.999999%*1/3)
}
.instagram .pgthumb:nth-child(n) {
	float: left;
	margin-right: 0;
	clear: none
}
.instagram .pgthumb:last-child {
	margin-right: 0
}
.instagram .pgthumb:nth-child(3n) {
	margin-right: 0
}
.instagram .pgthumb:nth-child(3n+1) {
	clear: left
}
.instagram .pgthumb:nth-child(1n+7) {
	display: none
}
.footer {
	padding: 70px 0
}
}
@media(min-width:768px) {
.text-quoted {
	font-size: 32px
}
.col-1of2--sm {
width:calc(99.99%*1/2 - (20px - 20px*1/2))
}
.col-1of2--sm:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-1of2--sm:last-child {
	margin-right: 0
}
.col-1of2--sm:nth-child(2n) {
	margin-right: 0
}
.col-1of2--sm:nth-child(2n+1) {
	clear: left
}
.col-1of2--sm-gutter50 {
width:calc(99.99%*1/2 - (50px - 50px*1/2))
}
.col-1of2--sm-gutter50:nth-child(n) {
	float: left;
	margin-right: 50px;
	clear: none
}
.col-1of2--sm-gutter50:last-child {
	margin-right: 0
}
.col-1of2--sm-gutter50:nth-child(2n) {
	margin-right: 0
}
.col-1of2--sm-gutter50:nth-child(2n+1) {
	clear: left
}
.col-1of2--lg-gutter50 {
width:calc(99.99%*1/2 - (50px - 50px*1/2))
}
.col-1of2--lg-gutter50:nth-child(n) {
	float: left;
	margin-right: 50px;
	clear: none
}
.col-1of2--lg-gutter50:last-child {
	margin-right: 0
}
.col-1of2--lg-gutter50:nth-child(2n) {
	margin-right: 0
}
.col-1of2--lg-gutter50:nth-child(2n+1) {
	clear: left
}
.col-1of3--sm {
width:calc(99.99%*1/3 - (20px - 20px*1/3))
}
.col-1of3--sm:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-1of3--sm:last-child {
	margin-right: 0
}
.col-1of3--sm:nth-child(3n) {
	margin-right: 0
}
.col-1of3--sm:nth-child(3n+1) {
	clear: left
}
.col-1of3--md-gutter100 {
width:calc(99.99%*1/3 - (100px - 100px*1/3))
}
.col-1of3--md-gutter100:nth-child(n) {
	float: left;
	margin-right: 100px;
	clear: none
}
.col-1of3--md-gutter100:last-child {
	margin-right: 0
}
.col-1of3--md-gutter100:nth-child(3n) {
	margin-right: 0
}
.col-1of3--md-gutter100:nth-child(3n+1) {
	clear: left
}
.col-2of3--xsl {
width:calc(99.99%*2/3 - (20px - 20px*2/3))
}
.col-2of3--xsl:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-2of3--xsl:last-child {
	margin-right: 0
}
.col-2of3--xsl:nth-child(3n) {
	margin-right: 0
}
.col-2of3--xsl:nth-child(3n+1) {
	clear: left
}
.col-2of3--sm {
width:calc(99.99%*2/3 - (20px - 20px*2/3))
}
.col-2of3--sm:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-2of3--sm:last-child {
	margin-right: 0
}
.col-2of3--sm:nth-child(3n) {
	margin-right: 0
}
.col-2of3--sm:nth-child(3n+1) {
	clear: left
}
.col-2of3--sm-gutter100 {
width:calc(99.99%*2/3 - (100px - 100px*2/3))
}
.col-2of3--sm-gutter100:nth-child(n) {
	float: left;
	margin-right: 100px;
	clear: none
}
.col-2of3--sm-gutter100:last-child {
	margin-right: 0
}
.col-2of3--sm-gutter100:nth-child(3n) {
	margin-right: 0
}
.col-2of3--sm-gutter100:nth-child(3n+1) {
	clear: left
}
.col-4of5--sm {
width:calc(99.99%*4/5 - (20px - 20px*4/5))
}
.col-4of5--sm:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-4of5--sm:last-child {
	margin-right: 0
}
.col-4of5--sm:nth-child(5n) {
	margin-right: 0
}
.col-4of5--sm:nth-child(5n+1) {
	clear: left
}
.span-1of3--sm {
width:calc(99.999999%*1/3)
}
.span-1of3--sm:nth-child(n) {
	float: left;
	margin-right: 0;
	clear: none
}
.span-1of3--sm:last-child {
	margin-right: 0
}
.span-1of3--sm:nth-child(3n) {
	margin-right: 0
}
.span-1of3--sm:nth-child(3n+1) {
	clear: left
}
.push-1of2--sm {
margin-left:calc(99.99% * (-1/2 * -1) - (20px - 20px * (-1/2 * -1)) + 20px) !important
}
.flex-1of2--sm {
	-webkit-box-flex: 0;
	-moz-flex: 0 1 50%;
	-ms-flex: 0 1 50%;
	flex: 0 1 50%
}
.flex-1of2--sm-gutter50 {
	-webkit-box-flex: 0;
	-moz-flex: 0 1 50%;
	-ms-flex: 0 1 50%;
	flex: 0 1 50%;
	padding-right: 50px
}
.list__element {
	margin-top: 40px
}
.list.col-1of2--sm:first-child {
	padding-right: 25px
}
.list.col-1of2--sm:last-child {
	padding-left: 25px
}
.member__name {
	font-size: 24px
}
.member__job {
	font-size: 16px
}
.current-jobs__link {
	font-size: 30px
}
.contact-map {
	height: 500px
}
.nav-main__language {
	height: 56px;
	right: 56px;
	margin-right: 24px
}
.nav-main__logo {
	width: 56px;
	height: 56px;
	border-width: 12px
}
.nav-main__logo-img {
	-webkit-transform: translate(0, 1px) scale(.9);
	-o-transform: translate(0, 1px) scale(.9);
	transform: translate(0, 1px) scale(.9)
}
.nav-main__btn {
	padding: 26.5px 16px
}
.nav-main__off-canvas {
	width: 50%;
    margin-top: 56px;
    padding: 6% 7% 0;
}
.nav-main__checkbox:checked~.nav-main__logo {
	width: 188px
}
.nav-main__checkbox:checked~.nav-main__logo .nav-main__logo-img {
	-webkit-transform: translate(9px, 3px) scale(.77);
	-o-transform: translate(9px, 3px) scale(.77);
	transform: translate(9px, 3px) scale(.77)
}
.teaser__title {
	margin: 20px 0 40px
}
.blog .pagination {
	text-align: left
}
.blog .pagination-btn.mobile-hidden {
	display: none
}
.post-preview {
	margin-bottom: 0
}
.post-content {
	padding: 24px 0
}
.post__title {
	font-size: 32px
}
.post__image {
	margin: 0
}
.crobo .reference-image__laptop {
	width: 60%;
	margin-right: 8%
}
.crobo .reference-image__ipad {
	width: 20%
}
.dlv-em .reference-image__laptop {
	width: 60%;
	margin-right: 8%
}
.dlv-em .reference-image__ipad {
	width: 20%
}
.hzm .reference-image__laptop {
	width: 60%;
	margin-right: 8%
}
.hzm .reference-image__ipad {
	width: 20%
}
.zeversolar .reference-image__laptop {
	width: 60%;
	margin-right: 8%
}
.zeversolar .reference-image__ipad {
	width: 20%
}
}
@media(max-width:991px) {
.teaser .teaser__title {
	font-size: 5vw
}
.post__aside-col {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding-right: 20px
}
.post__aside-col:nth-child(2n) {
	padding-right: 0
}
.post__aside-col .mtxl, .post__aside-col .published-date {
	margin-top: 0
}
.footer__social-buttons {
	margin-top: 19px
}
.footer__section-text {
	padding-top: 10px
}
.reference .teaser__bg {
	position: relative
}
.reference .reference-header.row {
	padding: 0 0 2rem
}
.reference .row {
	padding: 2rem 0
}
.reference img {
	width: 100%
}
.reference .section--projects img {
	width: auto;
	height: 100%
}
.reference-header {
	padding-bottom: 1em
}
.reference-header .overlay {
	opacity: 0
}
.reference-header .ratio-content {
	vertical-align: top;
	position: relative
}
.reference-header__image {
	display: block;
	width: 100%;
	height: auto
}
.reference-header__container {
	padding: 0 8.333333333333332%
}
.audi-quattro .text__paragraph {
	text-align: left
}
.audi-quattro .text__image {
	text-align: center;
	margin: 20% 0 10%
}
.audi-quattro .text__image img {
	width: 50%
}
.audi-quattro .reference-result__right {
	margin-bottom: -2px
}
.crobo .reference-details__text {
	margin-bottom: 1rem
}
.dlv-em .reference-details__text {
	margin-bottom: 1rem
}
.dlv-em .overlap-horizontal .device-container {
	width: 100%
}
.dlv-leichtathletik .reference-result .device-container {
	margin-top: 8%
}
.easy-locker.reference .row {
	padding: 0
}
.easy-locker .reference-header .reference__inner {
	padding-bottom: 2rem
}
.hzm .reference-details__text {
	margin-bottom: 1rem
}
.kiaro .reference__inner .ipad-overlay {
	display: none
}
.kiaro.reference .row {
	padding: 0
}
.kiaro .reference-header .reference__inner {
	padding-bottom: 2rem
}
.lekker-app .slider {
	width: 100%
}
.lekker-app .slider .slider-container .previous {
	left: 2%
}
.lekker-app .slider .slider-container .next {
	right: 2%
}
.lekker-app .slider .ipad-overlay {
	display: none
}
.lekker-app.reference .row {
	padding: 0
}
.lekker-app .reference-header .reference__inner {
	padding-bottom: 2rem
}
.lekker-sme.reference .no-row-pad {
	padding: 0
}
.lekker-sme .reference-task__image {
	width: 80%;
	margin-bottom: 6%
}
.lekker-sme .reference-task__center {
	width: 100%
}
.lekker-sme .reference-task__center {
	padding-left: 8%;
	padding-right: 8%
}
.lekker-sme .reference-branding__text {
	padding: 0
}
.velo-easy.reference .row {
	padding: 0
}
.velo-easy .reference-header .reference__inner {
	padding-bottom: 2rem
}
.zeversolar .reference-details__text {
	margin-bottom: 1rem
}
}
@media(min-width:768px) and (max-width:991px) {
.section--padding, .section.has-padding {
	padding: 90px 0
}
.section__headline {
	font-size: 30px
}
.section__headline--large {
	font-size: 50px
}
.section__headline--xlarge {
	font-size: 35pt;
	margin-bottom: 35px
}
.section__pre-headline {
	font-size: 14px
}
.instagram .pgthumb {
width:calc(99.999999%*1/4)
}
.instagram .pgthumb:nth-child(n) {
	float: left;
	margin-right: 0;
	clear: none
}
.instagram .pgthumb:last-child {
	margin-right: 0
}
.instagram .pgthumb:nth-child(4n) {
	margin-right: 0
}
.instagram .pgthumb:nth-child(4n+1) {
	clear: left
}
.instagram .pgthumb:nth-child(1n+9) {
	display: none
}
.footer-box .section__headline {
	font-size: 32px
}
.footer {
	padding: 90px 0
}
}
@media(min-width:992px) {
.text-quoted {
	font-size: 40px;
	width: 80%;
	margin: 0 auto
}
.col-1of2--md {
width:calc(99.99%*1/2 - (20px - 20px*1/2))
}
.col-1of2--md:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-1of2--md:last-child {
	margin-right: 0
}
.col-1of2--md:nth-child(2n) {
	margin-right: 0
}
.col-1of2--md:nth-child(2n+1) {
	clear: left
}
.col-1of2--md-reverse:first-child {
	position: relative;
left:calc(99.99%*1/2 - (20px - 20px*1/2) + 20px)
}
.col-1of2--md-reverse:last-child {
	position: relative;
left:calc(99.99%*-1/2 - (20px - 20px*-1/2) + 20px)
}
.col-1of2--md-gutter50 {
width:calc(99.99%*1/2 - (50px - 50px*1/2))
}
.col-1of2--md-gutter50:nth-child(n) {
	float: left;
	margin-right: 50px;
	clear: none
}
.col-1of2--md-gutter50:last-child {
	margin-right: 0
}
.col-1of2--md-gutter50:nth-child(2n) {
	margin-right: 0
}
.col-1of2--md-gutter50:nth-child(2n+1) {
	clear: left
}
.col-1of3--md {
width:calc(99.99%*1/3 - (20px - 20px*1/3))
}
.col-1of3--md:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-1of3--md:last-child {
	margin-right: 0
}
.col-1of3--md:nth-child(3n) {
	margin-right: 0
}
.col-1of3--md:nth-child(3n+1) {
	clear: left
}
.col-1of3--md.shift-right {
	float: right
}
.col-1of3--md-reverse:first-child {
	position: relative;
left:calc(99.99%*2/3 - (20px - 20px*2/3) + 20px);
	margin-right: 0
}
.col-1of3--md-reverse:last-child {
	position: relative;
left:calc(99.99%*-1/3 - (20px - 20px*-1/3) + 20px)
}
.col-1of3--md-gutter50 {
width:calc(99.99%*1/3 - (50px - 50px*1/3))
}
.col-1of3--md-gutter50:nth-child(n) {
	float: left;
	margin-right: 50px;
	clear: none
}
.col-1of3--md-gutter50:last-child {
	margin-right: 0
}
.col-1of3--md-gutter50:nth-child(3n) {
	margin-right: 0
}
.col-1of3--md-gutter50:nth-child(3n+1) {
	clear: left
}
.col-1of4--md {
width:calc(99.99%*1/4 - (20px - 20px*1/4))
}
.col-1of4--md:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-1of4--md:last-child {
	margin-right: 0
}
.col-1of4--md:nth-child(4n) {
	margin-right: 0
}
.col-1of4--md:nth-child(4n+1) {
	clear: left
}
.col-1of5--md {
width:calc(99.99%*1/5 - (20px - 20px*1/5))
}
.col-1of5--md:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-1of5--md:last-child {
	margin-right: 0
}
.col-1of5--md:nth-child(5n) {
	margin-right: 0
}
.col-1of5--md:nth-child(5n+1) {
	clear: left
}
.col-1of7--md {
width:calc(99.99%*1/7 - (20px - 20px*1/7))
}
.col-1of7--md:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-1of7--md:last-child {
	margin-right: 0
}
.col-1of7--md:nth-child(7n) {
	margin-right: 0
}
.col-1of7--md:nth-child(7n+1) {
	clear: left
}
.col-2of3--md {
width:calc(99.99%*2/3 - (20px - 20px*2/3))
}
.col-2of3--md:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-2of3--md:last-child {
	margin-right: 0
}
.col-2of3--md:nth-child(3n) {
	margin-right: 0
}
.col-2of3--md:nth-child(3n+1) {
	clear: left
}
.col-2of3--md-gutter100 {
width:calc(99.99%*2/3 - (100px - 100px*2/3))
}
.col-2of3--md-gutter100:nth-child(n) {
	float: left;
	margin-right: 100px;
	clear: none
}
.col-2of3--md-gutter100:last-child {
	margin-right: 0
}
.col-2of3--md-gutter100:nth-child(3n) {
	margin-right: 0
}
.col-2of3--md-gutter100:nth-child(3n+1) {
	clear: left
}
.col-2of7--md {
width:calc(99.99%*2/7 - (20px - 20px*2/7))
}
.col-2of7--md:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-2of7--md:last-child {
	margin-right: 0
}
.col-2of7--md:nth-child(7n) {
	margin-right: 0
}
.col-2of7--md:nth-child(7n+1) {
	clear: left
}
.col-4of5--md {
width:calc(99.99%*4/5 - (20px - 20px*4/5))
}
.col-4of5--md:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-4of5--md:last-child {
	margin-right: 0
}
.col-4of5--md:nth-child(5n) {
	margin-right: 0
}
.col-4of5--md:nth-child(5n+1) {
	clear: left
}
.span-1of2--md {
width:calc(99.999999%*1/2)
}
.span-1of2--md:nth-child(n) {
	float: left;
	margin-right: 0;
	clear: none
}
.span-1of2--md:last-child {
	margin-right: 0
}
.span-1of2--md:nth-child(2n) {
	margin-right: 0
}
.span-1of2--md:nth-child(2n+1) {
	clear: left
}
.span-1of2--md-reverse:first-child {
	position: relative;
left:calc(99.999999%*1/2)
}
.span-1of2--md-reverse:last-child {
	position: relative;
left:calc(99.999999%*-1/2)
}
.span-1of3--md {
width:calc(99.999999%*1/3)
}
.span-1of3--md:nth-child(n) {
	float: left;
	margin-right: 0;
	clear: none
}
.span-1of3--md:last-child {
	margin-right: 0
}
.span-1of3--md:nth-child(3n) {
	margin-right: 0
}
.span-1of3--md:nth-child(3n+1) {
	clear: left
}
.span-1of3--md.shift-right {
	float: right
}
.span-2of3--md {
width:calc(99.999999%*2/3)
}
.span-2of3--md:nth-child(n) {
	float: left;
	margin-right: 0;
	clear: none
}
.span-2of3--md:last-child {
	margin-right: 0
}
.span-2of3--md:nth-child(3n) {
	margin-right: 0
}
.span-2of3--md:nth-child(3n+1) {
	clear: left
}
.span-2of3--md.gutter100 {
	padding-right: 100px
}
.span-1of4--md {
width:calc(99.999999%*1/4)
}
.span-1of4--md:nth-child(n) {
	float: left;
	margin-right: 0;
	clear: none
}
.span-1of4--md:last-child {
	margin-right: 0
}
.span-1of4--md:nth-child(3n) {
	margin-right: 0
}
.span-1of4--md:nth-child(3n+1) {
	clear: left
}
.span-1of4--md.shift-right {
	float: right
}
.span-3of4--md {
width:calc(99.999999%*3/4)
}
.span-3of4--md:nth-child(n) {
	float: left;
	margin-right: 0;
	clear: none
}
.span-3of4--md:last-child {
	margin-right: 0
}
.span-3of4--md:nth-child(4n) {
	margin-right: 0
}
.span-3of4--md:nth-child(4n+1) {
	clear: left
}
.span-3of4--md.gutter100 {
	padding-right: 100px
}
.push-1of3--md {
margin-left:calc(99.99% * (-1/3 * -1) - (20px - 20px * (-1/3 * -1)) + 20px) !important
}
.push-2of3--md {
margin-left:calc(99.99% * (-2/3 * -1) - (20px - 20px * (-2/3 * -1)) + 20px) !important
}
.push-1of4--md {
margin-left:calc(99.99% * (-1/4 * -1) - (20px - 20px * (-1/4 * -1)) + 20px) !important
}
.flex-grid--md {
	display: -webkit-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex
}
.flex-grid--md.is-reverse {
	-webkit-box-direction: reverse;
	-webkit-box-orient: horizontal;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}
.flex-1of2--md {
	-webkit-box-flex: 0;
	-moz-flex: 0 1 50%;
	-ms-flex: 0 1 50%;
	flex: 0 1 50%
}
.flex-1of3--md {
	-webkit-box-flex: 0;
	-moz-flex: 0 1 33.333%;
	-ms-flex: 0 1 33.333%;
	flex: 0 1 33.333%
}
.flex-2of3--md {
	-webkit-box-flex: 0;
	-moz-flex: 0 1 66.666%;
	-ms-flex: 0 1 66.666%;
	flex: 0 1 66.666%
}
.flex-2of3--md.gutter100 {
	padding-right: 100px
}
.list-container {
	width: 80%
}
.current-jobs__link {
	font-size: 40px;
	margin-top: 40px
}
.jobs-icon-container {
	padding-top: 20px
}
.single-page__image {
	max-width: 250px;
	margin: 0 auto
}
.nav-main__language {
	height: 72px;
	right: 72px;
	margin-right: 32px
}
.nav-main__logo {
	width: 72px;
	height: 72px;
	border-width: 16px;
	
}
.nav-main__logo-img {
	-webkit-transform: translate(0, 2px) scale(1.13);
	-o-transform: translate(0, 2px) scale(1.13);
	transform: translate(0, 2px) scale(1.13)
}
.nav-main__btn {
	padding: 34.5px 24px
}
.nav-main__off-canvas {
	width: 50%;
	padding: 5% 8% 0;
    margin-top: 72px;
}
.nav-main__list-element {
	font-size: 26px;
	margin-bottom: 20px
}
.nav-main__list-link {
	font-size: 22px
}
.nav-main__checkbox:checked~.nav-main__logo {
	width: 220px
}
.nav-main__checkbox:checked~.nav-main__logo2 {
	width: 60px
}

.nav-main__checkbox:checked~.nav-main__logo .nav-main__logo-img {
	-webkit-transform: translate(11px, 6px) scale(.93);
	-o-transform: translate(11px, 6px) scale(.93);
	transform: translate(11px, 6px) scale(.93)
}

.nav-main__checkbox:checked~.nav-main__logo2 .nav-main__logo-img2 {
	-webkit-transform: translate(11px, 6px) scale(.93);
	-o-transform: translate(11px, 6px) scale(.93);
	transform: translate(11px, 6px) scale(.93)
}

.home-slide .teaser__title {
	font-size: 5vw
}
.home-slide__headline {
	font-size: 7vw
}
.blog .pagination-btn.mobile-hidden {
	display: inline-block
}
.post__title {
	font-size: 24px
}
.post__aside {
	margin-top: 0
}
.footer-box .container-fluid {
	padding: 0 16.666666666666664%
}
.footer__section-header {
	margin-top: 13px
}
.reference-header {
	position: relative;
	overflow: hidden
}
.reference-header:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%
}
.reference-header__image {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: calc(100% + 2px)
}
.reference__overlap-devices.overlap-horizontal {
	white-space: nowrap
}
.reference__overlap-devices.overlap-vertical {
	margin-top: 0
}
.overlap-device--1of3 {
	margin-bottom: 0;
	width: 44%;
	display: inline-block;
	-webkit-transition: -webkit-transform .5s;
	-o-transition: -o-transform .5s;
	transition: transform .5s
}
.overlap-device--1of3:nth-child(2) {
	-webkit-transform: translate(-45%, 10%);
	-o-transform: translate(-45%, 10%);
	transform: translate(-45%, 10%)
}
.overlap-device--1of3:nth-child(3) {
	-webkit-transform: translate(-90%, 20%);
	-o-transform: translate(-90%, 20%);
	transform: translate(-90%, 20%)
}
.audi-moments .reference-result .ratio-content {
	padding-top: 8%;
	position: absolute
}
.audi-moments .reference-result:before {
	padding-top: 56.25%
}
.lpmob {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	opacity: .3;
	height: 100%;
	width: auto
}
.audi-quattro .reference-concept__text {
	width: 70%;
	margin: 0 auto
}
.audi-quattro .text {
	text-align: left;
	padding: 5% 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.audi-quattro .text .text__paragraph {
	-webkit-box-flex: 0;
	-moz-flex: 0 1 70%;
	-ms-flex: 0 1 70%;
	flex: 0 1 70%
}
.audi-quattro .text .text__image {
	-webkit-box-flex: 0;
	-moz-flex: 0 1 20%;
	-ms-flex: 0 1 20%;
	flex: 0 1 20%;
	margin-right: 10%;
	text-align: center
}
.audi-quattro .text .text__image img {
	max-width: 100%
}
.audi-quattro .text--reverse {
	-webkit-box-direction: reverse;
	-webkit-box-orient: horizontal;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}
.audi-quattro .text--reverse .text__image {
	margin-left: 10%
}
.audi-quattro .text--center {
	text-align: center
}
.audi-quattro .reference-result__images {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: reverse;
	-webkit-box-orient: horizontal;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}
.audi-quattro .reference-result__right, .audi-quattro .reference-result__left {
	-webkit-box-flex: 0;
	-moz-flex: 0 1 50%;
	-ms-flex: 0 1 50%;
	flex: 0 1 50%;
	height: 100%;
	width: 100%
}
.crobo .reference-details__image {
	width: 100%;
	margin-top: -7%;
	margin-bottom: -8%
}
.dlv-em .reference-details__image {
	width: 100%;
	margin-top: -7%;
	margin-bottom: -8%
}
.dlv-em .reference-concept .device-container {
	right: -4%
}
.dlv-em .reference-result .overlap-vertical {
	padding-left: 12%
}
.dlv-em .overlap-horizontal {
	padding: 9% 0 12% 7%
}
.dlv-leichtathletik .reference-concept {
	padding-top: 4%
}
.dlv-leichtathletik .reference-concept .reference__inner {
	overflow: visible
}
.dlv-leichtathletik .television {
	margin-left: 30px
}
.dlv-leichtathletik .overlap-horizontal {
	text-align: left
}
.dlv-leichtathletik .overlap-horizontal .macbook {
	width: 58%;
	margin-bottom: 0;
	display: inline-block
}
.dlv-leichtathletik .overlap-horizontal .ipad-w-portrait {
	width: 24%
}
.dlv-leichtathletik .overlap-horizontal .iphone-w-portrait {
	width: 12%
}
.dlv-leichtathletik .reference-highlight {
	padding-top: 8%;
	padding-bottom: 6%
}
.dlv-leichtathletik .reference-highlight__image {
	width: 75%
}
.dlv-leichtathletik .reference-highlight__image-bottom {
	width: 70%
}
.easy-locker .reference-app .device {
	overflow: hidden;
	position: relative;
	float: left;
	margin-left: 7.5%;
	margin-top: -20%;
	width: 30%;
	display: block;
	background: transparent url(/assets/img/projects/velo-easy/device.png) center center no-repeat;
	background-size: contain
}
.easy-locker .reference-app .device:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 223.3153638814016%
}
.easy-locker .reference-app .reference-concept__text p {
	margin-left: 45%
}
.easy-locker .reference-concept__text {
	padding: 0 8%
}
.here-maps .reference-concept__image {
	width: 80%;
	margin-top: 4%;
	margin-bottom: 8%
}
.here-maps .reference-concept {
	padding-top: 4%
}
.here-maps .reference-concept .reference__inner {
	overflow: visible
}
.here-maps .reference-details__image {
	width: 80%;
	margin-top: -10%;
	margin-bottom: -5%
}
.hzm .reference-details__image {
	width: 100%;
	margin-top: -7%;
	margin-bottom: -8%
}
.hzm .overlap-horizontal {
	text-align: left
}
.hzm .overlap-horizontal .macbook {
	width: 58%;
	margin-bottom: 0;
	display: inline-block
}
.hzm .overlap-horizontal .ipad-w-portrait {
	width: 24%
}
.hzm .overlap-horizontal .iphone-w-portrait {
	width: 12%
}
.kiaro .reference-concept__text {
	padding: 0 8%
}
.laufende .reference-backend .reference__inner {
	margin-bottom: -240px
}
.laufende .reference-highlight, .laufende .reference-concept {
	padding-top: 8%
}
.laufende .reference-highlight__image {
	width: 75%
}
.laufende .reference-highlight__image-bottom {
	width: 50%
}
.laufende .reference-highlight__description {
width:calc(99.99%*1/3 - (20px - 20px*1/3));
	margin: 8% auto
}
.lekker-app .slider .flickity-page-dots {
	bottom: -13%
}
.lekker-app .reference-concept__text {
	padding: 0 8%
}
.lekker-sme .reference-concept__image {
	width: 80%;
	margin-top: 4%
}
.mi-adilette .reference-concept__image img, .mi-adilette .reference-result__image img {
	width: 80%
}
.velo-easy .reference-app .device {
	overflow: hidden;
	position: relative;
	float: left;
	margin-left: 7.5%;
	margin-top: -20%;
	width: 30%;
	display: block;
	background: transparent url(/assets/img/projects/velo-easy/device.png) center center no-repeat;
	background-size: contain
}
.velo-easy .reference-app .device:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 223.3153638814016%
}
.velo-easy .reference-app .reference-concept__text p {
	margin-left: 45%
}
.velo-easy .reference-concept__text {
	padding: 0 8%
}
.zeversolar .reference-details__image {
	width: 100%;
	margin-top: -7%;
	margin-bottom: -8%
}
.zeversolar .reference-result__text .description {
	margin-bottom: 50%
}
.zeversolar .overlap-horizontal {
	text-align: left
}
.zeversolar .overlap-horizontal .macbook {
	width: 58%;
	margin-bottom: 0;
	display: inline-block
}
.zeversolar .overlap-horizontal .ipad-w-portrait {
	width: 24%
}
.zeversolar .overlap-horizontal .iphone-w-portrait {
	width: 12%
}
}
@media(max-width:1199px) {
.btn--scrolldown {
	display: none
}
.teaser .teaser__details {
	opacity: 1
}
.teaser .teaser__btn {
	visibility: visible
}
}
@media(min-width:992px) and (max-width:1199px) {
.section--padding, .section.has-padding {
	padding: 110px 0
}
.section__headline {
	font-size: 40px
}
.section__headline--large {
	font-size: 70px
}
.section__headline--xlarge {
	font-size: 40pt;
	margin-bottom: 40px
}
.section__pre-headline {
	font-size: 15px
}
.instagram .pgthumb {
width:calc(99.999999%*1/5)
}
.instagram .pgthumb:nth-child(n) {
	float: left;
	margin-right: 0;
	clear: none
}
.instagram .pgthumb:last-child {
	margin-right: 0
}
.instagram .pgthumb:nth-child(5n) {
	margin-right: 0
}
.instagram .pgthumb:nth-child(5n+1) {
	clear: left
}
.instagram .pgthumb:nth-child(1n+11) {
	display: none
}
.footer-box .section__headline {
	font-size: 24px
}
.footer {
	padding: 90px 0 50px
}
}
@media(min-width:1200px) {
.text-quoted {
	font-size: 48px;
	margin: 0 0 0 20%
}
.col-1of2--lg {
width:calc(99.99%*1/2 - (20px - 20px*1/2))
}
.col-1of2--lg:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-1of2--lg:last-child {
	margin-right: 0
}
.col-1of2--lg:nth-child(2n) {
	margin-right: 0
}
.col-1of2--lg:nth-child(2n+1) {
	clear: left
}
.col-1of3--lg {
width:calc(99.99%*1/3 - (20px - 20px*1/3))
}
.col-1of3--lg:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-1of3--lg:last-child {
	margin-right: 0
}
.col-1of3--lg:nth-child(3n) {
	margin-right: 0
}
.col-1of3--lg:nth-child(3n+1) {
	clear: left
}
.col-1of3--lg-gutter100 {
width:calc(99.99%*1/3 - (100px - 100px*1/3))
}
.col-1of3--lg-gutter100:nth-child(n) {
	float: left;
	margin-right: 100px;
	clear: none
}
.col-1of3--lg-gutter100:last-child {
	margin-right: 0
}
.col-1of3--lg-gutter100:nth-child(3n) {
	margin-right: 0
}
.col-1of3--lg-gutter100:nth-child(3n+1) {
	clear: left
}
.col-1of5--lg {
width:calc(99.99%*1/5 - (20px - 20px*1/5))
}
.col-1of5--lg:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-1of5--lg:last-child {
	margin-right: 0
}
.col-1of5--lg:nth-child(5n) {
	margin-right: 0
}
.col-1of5--lg:nth-child(5n+1) {
	clear: left
}
.col-2of3--lg {
width:calc(99.99%*2/3 - (20px - 20px*2/3))
}
.col-2of3--lg:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-2of3--lg:last-child {
	margin-right: 0
}
.col-2of3--lg:nth-child(3n) {
	margin-right: 0
}
.col-2of3--lg:nth-child(3n+1) {
	clear: left
}
.col-2of3--lg-gutter100 {
width:calc(99.99%*2/3 - (100px - 100px*2/3))
}
.col-2of3--lg-gutter100:nth-child(n) {
	float: left;
	margin-right: 100px;
	clear: none
}
.col-2of3--lg-gutter100:last-child {
	margin-right: 0
}
.col-2of3--lg-gutter100:nth-child(3n) {
	margin-right: 0
}
.col-2of3--lg-gutter100:nth-child(3n+1) {
	clear: left
}
.col-2of5--lg {
width:calc(99.99%*2/5 - (20px - 20px*2/5))
}
.col-2of5--lg:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-2of5--lg:last-child {
	margin-right: 0
}
.col-2of5--lg:nth-child(5n) {
	margin-right: 0
}
.col-2of5--lg:nth-child(5n+1) {
	clear: left
}
.col-3of5--lg {
width:calc(99.99%*3/5 - (20px - 20px*3/5))
}
.col-3of5--lg:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-3of5--lg:last-child {
	margin-right: 0
}
.col-3of5--lg:nth-child(5n) {
	margin-right: 0
}
.col-3of5--lg:nth-child(5n+1) {
	clear: left
}
.col-4of5--lg {
width:calc(99.99%*4/5 - (20px - 20px*4/5))
}
.col-4of5--lg:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-4of5--lg:last-child {
	margin-right: 0
}
.col-4of5--lg:nth-child(5n) {
	margin-right: 0
}
.col-4of5--lg:nth-child(5n+1) {
	clear: left
}
.span-1of5--lg {
width:calc(99.999999%*1/5)
}
.span-1of5--lg:nth-child(n) {
	float: left;
	margin-right: 0;
	clear: none
}
.span-1of5--lg:last-child {
	margin-right: 0
}
.span-1of5--lg:nth-child(5n) {
	margin-right: 0
}
.span-1of5--lg:nth-child(5n+1) {
	clear: left
}
.push-1of3--lg {
margin-left:calc(99.99% * (-1/3 * -1) - (20px - 20px * (-1/3 * -1)) + 20px) !important
}
.push-1of3--lg-gutter100 {
margin-left:calc(99.99% * (-1/3 * -1) - (20px - 20px * (-1/3 * -1)) + 20px) !important
}
.flex-1of3--lg {
	-webkit-box-flex: 0;
	-moz-flex: 0 1 33.333%;
	-ms-flex: 0 1 33.333%;
	flex: 0 1 33.333%
}
.flex-1of3--lg-gutter100 {
	-webkit-box-flex: 0;
	-moz-flex: 0 1 calc(33.333% + 100px);
	-ms-flex: 0 1 calc(33.333% + 100px);
	flex: 0 1 calc(33.333% + 100px);
	padding-right: 100px
}
.flex-2of3--lg {
	-webkit-box-flex: 0;
	-moz-flex: 0 1 66.666%;
	-ms-flex: 0 1 66.666%;
	flex: 0 1 66.666%
}
.flex-2of3--lg.gutter100 {
	padding-right: 100px
}
.flex-2of3--lg-gutter100:last-child {
	-webkit-box-flex: 0;
	-moz-flex: 0 1 calc(66.666% - 100px);
	-ms-flex: 0 1 calc(66.666% - 100px);
	flex: 0 1 calc(66.666% - 100px)
}
.section--padding, .section.has-padding {
	padding: 140px 0
}
.section__headline {
	font-size: 50px
}
.section__headline--large {
	font-size: 80px
}
.customer {
	margin-top: 6%
}
.member-container {
	margin-top: 60px
}
.current-jobs__link {
	font-size: 50px
}
.teaser:hover .teaser__details {
	opacity: 1
}
.teaser:hover .teaser__btn {
	visibility: visible
}
.teaser .overlay {
	top: 10px;
	left: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	opacity: .9
}
.post__title {
	font-size: 32px
}
.post__content img {
	margin: 40px 40px 0;
	max-width: calc(100% - 80px)
}
.post__content .post__code-block {
	margin: 40px 40px 0;
	max-width: calc(100% - 80px)
}
.footer-box .section__headline {
	font-size: 32px
}
.footer {
	padding: 120px 0 70px
}
.reference__overlap-screens {
	width: 60%;
	max-height: 85%;
	position: absolute;
	bottom: 0;
	right: 0
}
.reference__overlap-screens .ratio-content {
	padding-left: 15px
}
.dlv-leichtathletik .reference-highlight__image-bottom {
	width: 50%
}
}
@media(min-width:1600px) {
.col-1of3--xl {
width:calc(99.99%*1/3 - (20px - 20px*1/3))
}
.col-1of3--xl:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-1of3--xl:last-child {
	margin-right: 0
}
.col-1of3--xl:nth-child(3n) {
	margin-right: 0
}
.col-1of3--xl:nth-child(3n+1) {
	clear: left
}
.col-1of3--xl-gutter100 {
width:calc(99.99%*1/3 - (100px - 100px*1/3))
}
.col-1of3--xl-gutter100:nth-child(n) {
	float: left;
	margin-right: 100px;
	clear: none
}
.col-1of3--xl-gutter100:last-child {
	margin-right: 0
}
.col-1of3--xl-gutter100:nth-child(3n) {
	margin-right: 0
}
.col-1of3--xl-gutter100:nth-child(3n+1) {
	clear: left
}
.col-2of3--xl {
width:calc(99.99%*2/3 - (20px - 20px*2/3))
}
.col-2of3--xl:nth-child(n) {
	float: left;
	margin-right: 20px;
	clear: none
}
.col-2of3--xl:last-child {
	margin-right: 0
}
.col-2of3--xl:nth-child(3n) {
	margin-right: 0
}
.col-2of3--xl:nth-child(3n+1) {
	clear: left
}
.col-2of3--xl-gutter100 {
width:calc(99.99%*2/3 - (100px - 100px*2/3))
}
.col-2of3--xl-gutter100:nth-child(n) {
	float: left;
	margin-right: 100px;
	clear: none
}
.col-2of3--xl-gutter100:last-child {
	margin-right: 0
}
.col-2of3--xl-gutter100:nth-child(3n) {
	margin-right: 0
}
.col-2of3--xl-gutter100:nth-child(3n+1) {
	clear: left
}
}
@media screen and (min-aspect-ratio:16/9) {
.ratio-image-16to9 {
	width: calc(100% + 2px);
	height: auto
}
.bg-video.has-iframe {
	width: 100%;
	height: auto
}
.height-full .teaser__image {
	width: calc(100% + 2px);
	height: auto
}
}
@media(min-width:1920px) {
.height-full .container-fluid, .home-slide .container-fluid {
	padding-right: 0
}
.nav-main__off-canvas {
	padding: 150px 150px 0
}
.reference-header__container.reference__inner {
	padding-right: 0
}
}
@media(max-height:360px) {
.nav-main__off-canvas {
	padding-top: 3%
}
.nav-main__list-element {
	margin-bottom: 16px
}
.nav-main__list-link {
	font-size: 16px
}
}
@media(max-height:480px) {
.nav-main__list {
	padding-bottom: 0
}
}
@media(max-height:720px) {
.nav-main__tweet {
	display: none
}
}
@media screen and (min-width:2560px) {
.teaser__title {
	font-size: 4rem
}
}
@media screen and (max-width:992px) {
.teaser__title {
	font-size: 1.5rem
}
}
@media(max-width:550px) {
.letter__signature.left {
	width: 60%
}
.letter__signature.right {
	float: left;
	margin-top: 20px;
	width: 60%
}
}
@media screen and (min-width:1920px) {
.reference .site-header {
	font-size: 5rem
}
.reference .header-description {
	font-size: 1.125rem
}
}
@media screen and (max-width:640px) {
.reference .site-header {
	font-size: 1.5rem
}
}
@media screen and (max-width:480px) {
.reference .header-description {
	font-size: 1rem
}
.reference-testimony blockquote {
	font-size: 20px
}
.kiaro .reference-white .section__headline {
	font-size: 20px
}
.lekker-app .lekker-quote {
	font-size: 20px
}
.lekker-app .reference-white .section__headline {
	font-size: 20px
}
}
@media screen and (min-width:991px) {
.reference-testimony blockquote {
	font-size: 30px
}
.kiaro .reference-white .section__headline {
	font-size: 30px
}
.lekker-app .lekker-quote {
	font-size: 30px
}
.lekker-app .reference-white .section__headline {
	font-size: 30px
}
}
@media screen and (min-width:1400px) {
.kiaro .small-bigscreen {
	width: 60%
}
}
@media screen and (max-width:1200px) {
.kiaro .kiaro-max_width img {
	max-width: 200px
}
}
@media screen and (min-width:992px) {
.kiaro .desktop-block {
	display: block
}
}
@media screen and (max-width:991px) {
.kiaro .flex-column {
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}
.kiaro .img-device-half {
	max-width: 100%
}
.kiaro .col-1of1--sm img {
	width: 50%
}
.kiaro .header-img {
	display: none
}
.kiaro #kiaro-header {
	padding-bottom: 8%;
	padding-top: 8%
}
.kiaro .kiaro-gradient-header {
	background: -webkit-linear-gradient(right, #b3dd9a, #44b5e2);
	background: -o-linear-gradient(right, #b3dd9a, #44b5e2);
	background: linear-gradient(to left, #b3dd9a, #44b5e2)
}
.kiaro .kiaro-max_width {
	width: 100%
}
.kiaro .space-double {
	padding-top: 0
}
.kiaro .kiaro-margin {
	margin: 2rem 0
}
}
@media screen and (max-width:767px) {
.kiaro .col-1of1--sm img {
	width: 100%
}
.kiaro .img-devices-inner {
	max-width: 150px
}
.kiaro .img-devices-small {
	width: 100%
}
}
@media(max-width:640px) {
.lekker-sme .contact-image {
	margin-left: 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 30px
}
.lekker-sme .flex-column {
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}
.lekker-sme .flex-column img {
	width: 60%
}
.lekker-sme .col-1of2--md {
	width: 100%
}
}
/*# sourceMappingURL=main.2-3-0.css.map */