hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}
pre {
	font-family: monospace, monospace;
	font-size: 1em
}
a {
	background-color: transparent
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}
b, strong {
	font-weight: bolder
}
code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sub {
	bottom: -.25em
}
sup {
	top: -.5em
}
img {
	border-style: none
}
.aboutback
{
	background:#f5f5f5;
}
button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}
button, input {
	overflow: visible
}
button, select {
	text-transform: none
}
button, [type=button], [type=reset], [type=submit] {
-webkit-appearance:button
}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
border-style:none;
padding:0
}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
outline:1px dotted ButtonText
}
fieldset {
	padding: .35em .75em .625em
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}
progress {
	vertical-align: baseline
}
textarea {
	overflow: auto
}
[type=checkbox], [type=radio] {
box-sizing:border-box;
padding:0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
-webkit-appearance:textfield;
outline-offset:-2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
details {
	display: block
}
summary {
	display: list-item
}
template {
	display: none
}
[hidden] {
display:none
}
.clearfix:before, .clearfix:after {
	content: '';
	display: table
}
.clearfix:after, .clear {
	clear: both
}
@font-face {
	font-family: din2014;
	font-weight: 700;
	src: url(../fonts/380842_0_0.eot);
	src: url(../fonts/380842_0_0d41d.eot?#iefix) format("embedded-opentype"), url(../fonts/380842_0_0.html) format("woff2"), url(../fonts/380842_0_0.woff) format("woff"), url(../fonts/380842_0_0.ttf) format("truetype")
}
@font-face {
	font-family: din2014;
	font-weight: 200;
	src: url(../fonts/380842_1_0.eot);
	src: url(../fonts/380842_1_0d41d.eot?#iefix) format("embedded-opentype"), url(../fonts/380842_1_0.html) format("woff2"), url(../fonts/380842_1_0.woff) format("woff"), url(../fonts/380842_1_0.ttf) format("truetype")
}
@font-face {
	font-family: din2014;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/380842_2_0.eot);
	src: url(../fonts/380842_2_0d41d.eot?#iefix) format("embedded-opentype"), url(../fonts/380842_2_0.html) format("woff2"), url(../fonts/380842_2_0.woff) format("woff"), url(../fonts/380842_2_0.ttf) format("truetype")
}
@font-face {
	font-family: din2014;
	font-style: italic;
	src: url(../fonts/380842_3_0.eot);
	src: url(../fonts/380842_3_0d41d.eot?#iefix) format("embedded-opentype"), url(../fonts/380842_3_0.html) format("woff2"), url(../fonts/380842_3_0.woff) format("woff"), url(../fonts/380842_3_0.ttf) format("truetype")
}
* {
	outline: none
}
html {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%
}
body {
	background: #fff;
	color: #000;
	font-family: din2014;
	font-size: 16px;
	margin: 0;
	padding: 0;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0
}
h2 {
	font-size: 2.5em
}
h3 {
	font-size: 1.5625em;
	margin-bottom: 20px
}
ul {
	list-style: none;
	margin: 0;
	padding: 0
}
p {
	font-size: 1em;
	line-height: 2;
	margin: 0
}
a {
	text-decoration: none
}
.c-select {
	background: url(../img/icons/c_drop.svg) right 0 top 50% no-repeat transparent;
	border-radius: 0;
	border-bottom: 1px solid #878787;
	cursor: pointer;
	height: 40px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%
}
.c-select select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	background-image: none;
	border: none;
	box-shadow: none;
	color: #000;
	cursor: pointer;
	font-size: 14px;
	height: 40px;
	width: 100%
}
.c-select select:focus {
	outline: none
}
.c-checkbox label {
	font-size: 12px
}
.c-checkbox label a {
	color: #fff;
	font-weight: 700
}
.c-checkbox input[type=checkbox]+label span {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: 0 0;
	border: 1px solid #fff;
	cursor: pointer;
	display: inline-block;
	height: 20px;
	margin: -4px 10px 0 0;
	vertical-align: middle;
	width: 20px;
	transition: .2s
}
.c-checkbox input[type=checkbox]:checked+label span {
	background: #fff
}
.container {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
	width: 75.333333%
}
.pull-left {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: calc(18.432602% + 30px)
}
.section-number {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	letter-spacing: 1.5pt;
	text-transform: uppercase
}
.section-number:before {
	background: #e31e25;
	content: '';
	display: inline-block;
	height: 1px;
	margin-right: 50px;
	margin-top: -3px;
	vertical-align: middle;
	width: 65px
}
.section-head {
	margin-bottom: 60px;
	position: relative
}
.section-head .subtitle {
	font-size: 1em;
	letter-spacing: 1.5pt;
	margin-bottom: 45px;
	text-transform: uppercase
}
.section-button .container {
	margin: 0 auto
}
.section-button h2 {
	float: left;
	font-size: 40px;
	font-weight: 700;
	line-height: 48px;
	width: 71.60804%
}
.section-button .button {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #f00;
	color: #f00;
	float: right;
	font-weight: 700;
	line-height: 70px;
	letter-spacing: 1.5pt;
	text-align: center;
	text-transform: uppercase;
	width: 250px
}

@-webkit-keyframes text-link-hover {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
50% {
-webkit-transform:translateX(100%);
transform:translateX(100%)
}
50.01% {
-webkit-transform:translateX(-100%);
transform:translateX(-100%)
}
to {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}
}
@keyframes text-link-hover {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
50% {
-webkit-transform:translateX(100%);
transform:translateX(100%)
}
50.01% {
-webkit-transform:translateX(-100%);
transform:translateX(-100%)
}
to {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}
}
.link {
	color: #f00;
	display: inline-block;
	font-size: 1em;
	letter-spacing: 1.5pt;
	margin-top: 50px;
	overflow: hidden;
	padding-bottom: 5px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	transition: .4s
}
.link:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	border-bottom: 1px solid;
	transition: all .8s cubic-bezier(.58, .3, .005, 1)
}
.link:hover:after {
	-webkit-animation: text-link-hover .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
	animation: text-link-hover .8s cubic-bezier(.58, .3, .005, 1) 0s 1
}
.button {
	transition: color .4s cubic-bezier(.694, 0, .335, 1), background-color .4s cubic-bezier(.694, 0, .335, 1), border .4s cubic-bezier(.694, 0, .335, 1)
}
.button:hover {
	color: #000!important;
	
	
}
.desktop-view {
	display: block
}
.mobile-view {
	display: none
}
#preloader {
	background: url(../img/logo.png) center no-repeat #fff;
	background-size: 210px auto;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99999
}
.navigation-overlay {
	background: rgba(0,0,0,.9);
	height: 100vh;
	position: fixed;
	opacity: 0;
	visibility: hidden;
	top: 0;
	left: 0;
	right: auto;
	width: 100%;
	z-index: 99;
	transition: .4s ease
}
.navigation-overlay.visible {
	opacity: 1;
	visibility: visible
}
.navigation-overlay ul {
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}
.navigation-overlay li {
	display: block;
	margin-right: 0;
	text-align: center
}
.navigation-overlay a {
	color: #fff;
	font-size: 2.25em;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 1.5pt;
	padding-bottom: 4px;
	position: relative;
	text-transform: uppercase;
	transition: .4s
}
.navigation-overlay a:before {
	display: none
}
.navigation-overlay a:hover {
	opacity: .5
}
.navigation-overlay .bottom-nav {
	position: absolute;
	bottom: 50px;
	left: 0;
	text-align: center;
	width: 100%
}
.navigation-overlay .bottom-nav .line {
	background: #fff;
	display: inline-block;
	height: 14px;
	margin: 0 6px 0 10px;
	vertical-align: top;
	width: 1px
}
.navigation-overlay .bottom-nav a {
	color: #fff;
	display: inline-block;
	font-size: .8125em;
	line-height: 14px;
	letter-spacing: 1.5pt;
	margin-right: -4px;
	text-transform: uppercase;
	vertical-align: top
}
.case-actions {
	position: fixed;
	top: 50%;
	left: 40px;
	z-index: 20;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}
.case-actions .go-back {
	background: url(../img/icons/go_back.svg) center no-repeat;
	background-size: 16px auto;
	cursor: pointer;
	height: 30px;
	display: block;
	margin-bottom: 30px;
	width: 30px;
	transition: .4s
}
.case-actions .go-back:hover {
	opacity: .5
}
.case-actions .go-up {
	background: url(../img/icons/go_up.svg) center no-repeat;
	background-size: 16px auto;
	cursor: pointer;
	height: 30px;
	width: 30px;
	transition: .4s
}
.case-actions .go-up:hover {
	opacity: .5
}
.main-video-modal {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background: rgba(0,0,0,.95);
	display: none;
	height: 100%;
	padding: 20px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999
}
.main-video-modal .close-vmodal {
	color: #fff;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 54px;
	letter-spacing: 1pt;
	position: absolute;
	top: 30px;
	right: 60px;
	text-align: center;
	text-transform: uppercase;
	width: 155px;
	z-index: 99
}
.main-video-modal .modal-video {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0)
}
.main-video-modal .modal-video iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0)
}
header {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(255,255,255,.1);
	height: 125px;
	padding: 35px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	transition: .4s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
header.scrolled {
	background:rgba(255,255,255,0.8);
}
header.scrolled .navigation {
	opacity: 0;
	visibility: hidden
}
header.scrolled .menu-trigger {
	opacity: 1;
	visibility: visible;
	margin-top:10px;
}

header .container {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	width: 100%
}
header .logo {
	background: url(../img/logo.png) no-repeat;
	background-size: 100% auto;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	transition: .4s
}
header .logo:hover {
	opacity: .8
}
header .navigation {
	position: absolute;
	top: 0;
	right: 0;
	margin-top:5px;
	transition: .2s
}
header .navigation li {
	display: inline-block;
	line-height: 30px;
	margin-right: 40px;
	overflow: hidden;
	vertical-align: top
}
header .navigation li a {
	color: #000;
	font-weight: 700;
	line-height: 52px;
	letter-spacing: 1.5pt;
	padding-bottom: 4px;
	position: relative;
	text-transform: uppercase
}
header .navigation li a:before {
	background: #f00;
	content: '';
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	transition: .3s cubic-bezier(.694, 0, .335, 1);
	-webkit-transform: translate3d(-105%, 0, 0);
	transform: translate3d(-105%, 0, 0)
}
header .navigation li a:hover:before {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
header .navigation .contact-button {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*border: 1px solid #fff;*/
	color: #fff;
	display: inline-block;
	font-weight: 700;
	line-height: 52px;
	letter-spacing: 1.5pt;
	padding-bottom: 0;
	text-align: center;
	text-transform: uppercase;
	width: 155px
}
header .navigation .contact-button:before {
	display: none
}
header .menu-trigger {
	color: #fff;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 54px;
	letter-spacing: 1pt;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	right: 40px;
	text-align: center;
	text-transform: uppercase;
	z-index: 99
}
footer {
	background-color: #fff;
	position: relative;
	border-top: 1px solid #ebebeb;
	z-index: 1
}
footer .top {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*border-bottom: 1px solid #ebebeb;*/
	padding: 120px 0
}
footer .block {
	display: inline-block;
	margin-right: -4px;
	vertical-align: top;
	width: 50%
}
footer .bottom .container
{
	border-top:1px solid #ebebeb;
}
footer .block h4 {
	font-size: 1em;
	color:#f00;
	letter-spacing: 1.5pt;
	margin-bottom: 20px;
	text-transform: uppercase
}
footer .block .info {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 20px;
	max-width: 620px
}
footer .block .info p {
	font-size: 1em;
	line-height: 2
}
footer .block .info .button {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #f00;
	color: #f00;
	display: inline-block;
	font-weight: 700;
	line-height: 70px;
	letter-spacing: 1.5pt;
	margin-top: 50px;
	text-align: center;
	text-transform: uppercase;
	width: 250px
}
footer .col {
	display: inline-block;
	margin-right: -4px;
	vertical-align: top;
	width: 33.3333%
}
footer .col li {
	line-height: 3
}
footer .col li a {
	color: #000;
	text-decoration: none;
	transition: .4s
}
footer .col li a:hover {
	color: #f00;
	opacity: .7
}
footer .bottom {
	line-height: 80px
}
footer .bottom .copy {
	float: left;
	font-weight: 500;
	
}
footer .bottom .f-nav {
	float: right
}
footer .bottom .f-nav li {
	display: inline-block;
	margin-left: 20px;
	margin-right: -4px
}
footer .bottom .f-nav li a {
	color: #000
}
footer .bottom .f-nav li a:hover {
	color:#f00;
	opacity: .7
}
footer.white {
	background: #000;
	border-top: 1px solid #dadada;
	color: #151515
}
footer.white .button {
	border-color: #151515!important;
	background: #fff!important;
	color: #151515!important
}
footer.white li a {
	color: #151515!important
}
footer.white .top {
	border-color: #dadada
}
.tab-content {
	display: none
}
.tab-content.current {
	display: inherit
}
#intro-gallery {
	visibility: hidden
}
.splash-puller {
	height: 100vh;
	width: 100%
}
.splash-screen {
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%
}
.splash-screen .first-slide .foto {
	transform: scale(1)!important
}
.splash-screen .slick-dots {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}
.splash-screen .slick-dots li {
	margin-bottom: 20px
}
.splash-screen .slick-dots li button {
	background: 0 0;
	border: 0;
	border-bottom: 1px solid rgba(255,255,255,.3);
	color: #fff;
	content: '0';
	cursor: pointer;
	font-size: 1em;
	font-weight: 200;
	text-align: left;
	padding: 0;
	padding-bottom: 10px;
	width: 50px
}
.splash-screen .slide {
	display: block;
	height: 100vh;
	position: relative;
	width: 100%
}
.splash-screen .slide .foto {
	background-size: cover;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transform: scale(1);
	transition: 8s cubic-bezier(.694, 0, .335, 1)
}
.splash-screen .slide .v-align {
	position: absolute;
	overflow: hidden;
	top: 50%;
	left: 0;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}
.splash-screen .slide .tesis {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.splash-screen .slide .tesis .container {
	opacity: 0;
	-webkit-transform: translate3d(0, 50%, 0);
	transform: translate3d(0, 50%, 0)
}
.splash-screen .slide .tesis .subtitle {
	font-size: 1em;
	font-weight: 200;
	line-height: 1;
	letter-spacing: 1.5pt;
	margin-bottom: 10px
}
.tesis
{
	padding-left:5%;
	margin-top:100px;
}
.splash-screen .slide .tesis h1 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 4.5em;
	line-height: 1.1;
	color:#fff;
	/*padding-left: 40px;*/
	text-transform: uppercase;
	width: 80%
}
.progressBarContainer p
{
	color:#fff;
}
.splash-screen .slide .tesis a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	display: block;
	font-size: 1em;
	font-weight: 700;
	letter-spacing: 1.5pt;
	margin-top: 30px;
	padding-left: 50px;
	position: relative;
	text-transform: uppercase
}
.splash-screen .slide .tesis a:before {
	background: #fff;
	content: '';
	height: 1px;
	position: absolute;
	top: 45%;
	left: 0;
	width: 40px
}
.splash-screen .slide.slick-active .foto {
	transform: scale(1.1)
}
.splash-screen .slide.slick-active .container {
	opacity: 1;
	transition-delay: .8s;
	transition: .8s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.splash-screen .bottom {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 60px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}
.splash-screen .bottom .copy {
	float: left;
	color: #fff;
	font-weight: 200;
	font-size: .75em;
	letter-spacing: 1pt;
	line-height: 40px;
	text-decoration: none;
	text-transform: uppercase
}
.splash-screen .bottom .scroll-down {
	cursor: pointer;
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	color: #fff;
	display: block;
	font-weight: 200;
	font-size: .75em;
	letter-spacing: 1pt;
	text-decoration: none;
	text-transform: uppercase
}
.splash-screen .bottom .scroll-down p {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 40px;
	padding-bottom: 20px
}
.splash-screen .bottom .scroll-down .line {
	background: #f00;
	height: 26px;
	position: absolute;
	overflow: hidden;
	bottom: 0;
	left: 50%;
	width: 1px
}
.splash-screen .bottom .scroll-down .line .scrolling {
	background: red;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px
}
.splash-screen .bottom .nav {
	float: right
}
.splash-screen .bottom .nav li {
	display: inline-block;
	margin-right: -4px;
	margin-left: 20px
}
.splash-screen .bottom .nav li a {
	color: #fff;
	font-weight: 200;
	font-size: .75em;
	letter-spacing: 1pt;
	line-height: 40px;
	text-decoration: none;
	text-transform: uppercase
}
.splash-screen .progressBarContainer {
	position: absolute;
	right: 0;
	top: 50%;
	width: 50px;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}
.splash-screen .progressBarContainer div {
	cursor: pointer;
	display: block;
	margin-bottom: 20px;
	padding: 0
}
.splash-screen .progressBarContainer div:last-child {
	margin-right: 0
}
.splash-screen .progressBarContainer div span.progressBar {
	width: 100%;
	height: 2px;
	background-color: rgba(255,255,255,.3);
	display: block
}
.splash-screen .progressBarContainer div span.progressBar .inProgress {
	background-color: #e3010f;
	width: 0%;
	height: 2px
}
.intro-screen {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-position: center top;
	background-size: cover;
	background-color: #151515;
	height: 100vh;
	position: relative;
	color:#fff;
	z-index: 1
}
.intro-screen .v-align {
	position: absolute;
	top: 40%;
	left: 0
}
.intro-screen .tesis {
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}
.intro-screen .tesis .subtitle {
	font-size: 1em;
	line-height: 1;
	letter-spacing: 1.5pt;
	margin-bottom: 10px;
	text-transform: uppercase
}
.intro-screen .tesis h1 {
	font-size: 4.5em;
	line-height: 1.1;
	text-transform: uppercase;
	width: 95%
}
.intro-screen .features {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 80px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}
.intro-screen .features .container {
	position: relative
}
.intro-screen .features .block {
	display: inline-block;
	margin-right: 26px;
	vertical-align: top;
	width: 18.432602%
}
.intro-screen .features .block .head {
	border-bottom: 1px solid #f00;
	display: inline-block;
	letter-spacing: 1pt;
	margin-bottom: 15px;
	padding-bottom: 15px;
	text-transform: uppercase
}
.intro-screen .features .block p {
	font-size: 1em;
	line-height: 2
}
.intro-screen .features .scroll-down {
	cursor: pointer;
	float: right;
	transition: .4s
}
.intro-screen .features .scroll-down:hover {
	opacity: .5
}
.about-us {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	border-top: 1px solid #323232;
	padding-top: 140px;
	position: relative;
	z-index: 1
}
.about-us .pull-left {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: calc(18.432602% + 30px);
	width: 85%
}
.about-us .head .subtitle {
	font-size: 1em;
	letter-spacing: 1.5pt;
	margin-bottom: 30px;
	text-transform: uppercase
}
.about-us .head h2 {
	font-size: 2.5em;
	line-height: 1.1;
	margin-bottom: 50px
}
.about-us .description .block {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin-right: -4px;
	padding-right: 30px;
	vertical-align: top;
	width: 50%
}
.about-us .description .block p {
	line-height: 2
}
.about-us .showreel {
	background-position: center;
	background-size: cover;
	height: 100vh;
	margin-top: 140px;
	overflow: hidden;
	max-height: 800px;
	position: relative
}
.about-us .showreel .video {
	object-fit: cover
}
.about-us .showreel .video:before {
	/*background: rgba(0,0,0,.2);*/
	content: '';
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1
}
.about-us .showreel video {
	object-fit: cover;
	display: block;
	margin: auto;
	min-height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	min-width: 100%
}
.about-us .showreel .info {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background:rgb(255,255,255,0.8);
	line-height: 130px;
	padding-left: 160px;
	padding-right: 80px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2
}
.about-us .showreel .info p {
	display: inline-block;
	font-size: 1.25em;
	letter-spacing: 1pt;
	line-height: 130px;
	text-transform: uppercase;
	vertical-align: top
}
.about-us .showreel .info .play-showreel {
	cursor: pointer;
	display: inline-block;
	font-size: 1.25em;
	font-weight: 700;
	letter-spacing: 1pt;
	margin-left: 280px;
	text-transform: uppercase;
	transition: .4s;
	vertical-align: top
}
.about-us .showreel .info .play-showreel:hover {
	opacity: .5
}
.our-cases {
	background-color: #fff;
	padding: 140px 0 180px;
	position: relative;
	z-index: 1
}
.our-cases .section-button {
	margin: 140px 0 210px
}
.our-cases .cases-demo {
	position: relative
}
.our-cases .cases-demo h4 {
	font-weight: 400;
	letter-spacing: 1.5pt;
	position: absolute;
	top: 0;
	left: 0;
	text-transform: uppercase
}
.our-cases .cases-demo .info-wrap {
	float: left;
	width: 38.871473%
}
.our-cases .cases-demo .info {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 90px;
	max-width: 460px
}
.our-cases .cases-demo .info h3 {
	font-size: 1.5626em;
	margin-bottom: 30px
}
.our-cases .cases-demo .info p {
	line-height: 2
}
.our-cases .cases-demo .cases-gallery {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 90px;
	position: absolute;
	top: 0;
	right: 0%;
	text-align: center;
	width: 55%
}
.our-cases .cases-demo .cases-gallery h4 {
	position: absolute;
	top: 0;
	left: 0
}
.our-cases .cases-demo .cases-gallery .cases-gallery-wrap {
	padding-bottom: 40px
}
.our-cases .cases-demo .cases-gallery .cases-gallery-wrap::-webkit-scrollbar {
border-radius:5px;
height:1px;
width:1px
}
.our-cases .cases-demo .cases-gallery .cases-gallery-wrap::-webkit-scrollbar-track {
background:#555
}
.our-cases .cases-demo .cases-gallery .cases-gallery-wrap::-webkit-scrollbar-thumb {
background:#fff
}
.our-cases .cases-demo .cases-gallery .cases-gallery-wrap::-webkit-scrollbar-thumb:hover {
background:#fff
}
.our-cases .cases-demo .cases-gallery .slick-dots {
	display: inline-block;
	margin-top: 70px;
	text-align: center
}
.our-cases .cases-demo .cases-gallery .slick-dots li {
	display: inline-block;
	margin-right: 10px;
	vertical-align: top
}
.our-cases .cases-demo .cases-gallery .slick-dots li.slick-active button {
	opacity: 1
}
.our-cases .cases-demo .cases-gallery .slick-dots li button {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background: #f00;
	border: 0;
	cursor: pointer;
	display: block;
	height: 2px;
	padding: 0;
	opacity: .5;
	text-indent: -9999px;
	width: 40px;
	transition: .4s
}
.our-cases .cases-demo .cases-gallery .case {
	display: inline-block;
	margin-right: 26px;
	opacity: .5;
	position: relative;
	vertical-align: top;
	transition: .4s
}
.our-cases .cases-demo .cases-gallery .case.slick-current {
	opacity: 1
}
.our-cases .cases-demo .cases-gallery .case .cover {
	overflow: hidden
}
.our-cases .cases-demo .cases-gallery .case .cover .image {
	opacity: 1;
	transition: .4s ease-in-out
}
.our-cases .cases-demo .cases-gallery .case .cover img {
	display: block;
	width: 100%
}
.our-cases .cases-demo .cases-gallery .case .cover:hover .image {
	opacity: .5;
	transform: scale(1.1)
}
.our-cases .cases-demo .cases-gallery .case .case-description {
	box-sizing: border-box;
	color: #fff;
	padding: 25px;
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: left;
	z-index: 2
}
.our-cases .cases-demo .cases-gallery .case .case-description .name {
	font-size: 1em;
	font-weight: 700
}
.our-cases .cases-demo .cases-gallery .case .case-description p {
	font-size: 1em;
	line-height: 1;
	font-weight: 200
}
.blog {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #f5f5f5;
	padding: 80px 0;
	position: relative;
	z-index: 1
}
.blog .info-wrap {
	float: left;
	padding-top: 90px;
	width: 38.871473%
}
.blog .info-wrap .info {
	max-width: 460px
}
.blog .info-wrap .info h2 {
	font-size: 2.5em
}
.blog .journal {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding-top: 90px;
	position: relative;
	width: 61.128527%
}
.blog .journal h4 {
	font-weight: 400;
	letter-spacing: 1.5pt;
	position: absolute;
	top: 0;
	left: 0;
	text-transform: uppercase
}
.blog .journal li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #8f8f8f;
	font-size: 1.5625em;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 30px;
	padding-bottom: 20px
}
.blog .journal li .date {
	font-size: 16px;
	font-weight: 200;
	margin-bottom: 10px
}
.blog .journal li span {
	font-size: 16px;
	letter-spacing: 1.5pt;
	line-height: 30px;
	float: right;
	text-transform: uppercase
}
.partners {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #151515;
	border-bottom: 1px solid rgba(255,255,255,.1);
	padding: 175px 0;
	position: relative;
	z-index: 1
}
.partners .logos img {
	display: block;
	width: 100%
}
.projekte-page {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(255,255,255,.1);
	padding: 150px 0 0px
}
.projekte-page .tabs {
	margin-bottom: 80px;
	position: relative
}
.projekte-page .tabs ul {
	float: right
}
.projekte-page .tabs li {
	color: #8b8b8b;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	margin-right: -4px;
	margin-left: 60px;
	letter-spacing: 1.5pt;
	text-transform: uppercase;
	transition: .4s
}
.projekte-page .tabs li.current {
	color: #fff
}
.projekte-page .tabs li:hover {
	color: #fff
}
.projekte-page .main-project {
	margin-bottom: 30px
}
.projekte-page .main-project .container {
	position: relative
}
.projekte-page .main-project img {
	display: block;
	width: 100%;
	transition: .4s
}
.projekte-page .main-project img:hover {
	opacity: .5
}
.projekte-page .main-project .project-description {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../img/icons/a_right.svg) right 80px top 50% no-repeat #333;
	background-size: 40px auto;
	color: #fff;
	display: block;
	padding: 30px 40px;
	position: absolute;
	overflow: hidden;
	bottom: 0;
	left: 0;
	max-width: 640px;
	width: 100%
}
.projekte-page .main-project .project-description .head {
	margin-bottom: 10px
}
.projekte-page .main-project .project-description h3 {
	color: #fff;
	margin-bottom: 0
}
.projekte-page .main-project .project-description .type {
	letter-spacing: 1.5pt;
	position: relative;
	text-transform: uppercase
}
.projekte-page .main-project .project-description .type:before {
	background: #fff;
	content: '';
	height: 1px;
	position: absolute;
	left: -40px;
	top: 40%;
	width: 20px
}
.projekte-page .cover {
	cursor: pointer;
	overflow: hidden;
	position: relative
}
.projekte-page .cover.aos-animate:before {
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
.projekte-page .cover.aos-animate img {
	transition: transform 1.6s cubic-bezier(.694, 0, .335, 1);
	-webkit-transform: translate3d(0, 0%, 0);
	transform: translate3d(0, 0%, 0)
}
.projekte-page .cover:before {
	background: #fff;
	content: '';
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5;
	transition: 1.6s cubic-bezier(.694, 0, .335, 1);
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
.projekte-page .cover img {
	display: block;
	width: 100%;
	-webkit-transform: translate3d(0, 125%, 0);
	transform: translate3d(0, 125%, 0)
}
.projekte-page .cover .image {
	opacity: 1;
	transition: .4s ease-in-out
}
.projekte-page .cover:hover .image {
	opacity: .5;
	transform: scale(1.1)
}
.projekte-page .projects {
	margin-bottom: 100px
}
.projekte-page .projects .row {
	margin: 0 -15px
}
.projekte-page .projects .block {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 0 15px;
	overflow: hidden;
	width: 50%
}
.projekte-page .projects .block .cover {
	cursor: pointer;
	overflow: hidden;
	position: relative
}
.projekte-page .projects .block .cover img {
	display: block;
	width: 100%
}
.projekte-page .projects .block .project-description {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	overflow: hidden;
	padding: 30px 40px
}
.projekte-page .projects .block .project-description .type {
	display: block;
	letter-spacing: 1.5pt;
	margin-bottom: 10px;
	position: relative;
	text-transform: uppercase
}
.projekte-page .projects .block .project-description .type:before {
	background: #000;
	content: '';
	height: 1px;
	position: absolute;
	left: -40px;
	top: 40%;
	width: 20px
}
.projekte-page .projects .block .project-description h3 {
	min-height: 60px;
	margin-bottom: 30px;
	max-width: 90%;
	color:#e31e25;
}
.projekte-page .projects .block .project-info .time-to-read {
	display: inline-block;
	margin-right: -4px;
	width: 50%
}
.projekte-page .projects .block .project-info .date {
	display: inline-block;
	margin-right: -4px;
	text-align: right;
	width: 50%
}
.projekte-page .section-button {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid rgba(255,255,255,.1);
	border-bottom: 1px solid rgba(255,255,255,.1);
	padding: 70px 0
}
.projekte-page .pagination {
	text-align: center
}
.projekte-page .pagination li {
	border: 1px solid transparent;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: 200;
	line-height: 46px;
	letter-spacing: 1.5pt;
	margin-right: -4px;
	text-align: center;
	vertical-align: top;
	width: 46px
}
.projekte-page .pagination li.current {
	border-color: #fff;
	color: #fff;
	font-weight: 700
}
.projekte-page.current {
	background: #fff;
	color: #151515;
	padding-top: 0
}
.projekte-page.current .main-post .post-description {
	background: #fff;
	color: #151515
}
.projekte-page.current .posts .post-description {
	background: #fff;
	color: #151515
}
.projekte-page.current .article {
	margin: 0 auto;
	max-width: 945px;
	width: 100%
}
.projekte-page.current .article p {
	margin-bottom: 25px
}
.projekte-page.current .image {
	display: block;
	height: auto;
	width: 100%
}
.projekte-page.current .image img {
	display: block;
	height: auto;
	width: 100%
}
.projekte-page.current .image.wide img {
	display: block;
	height: auto;
	margin: 70px 0 110px;
	width: 100%
}
.projekte-page.current .gallery {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 110px 0;
	padding: 0 160px
}
.projekte-page.current .gallery .image {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin-right: -4px;
	padding: 0 15px;
	vertical-align: top;
	width: 50%
}
.projekte-page.current .hashtags {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #f3f3f3;
	font-weight: 700;
	padding: 15px 20px
}
.project-current {
	background: #fff;
	color: #151515;
	overflow: hidden
}
.project-current.dark {
	background: #151515;
	color: #fff
}
.project-current.dark h3.line:before {
	background: #fff
}
.project-current h3 {
	position: relative
}
.project-current h3.line:before {
	background: #151515;
	content: '';
	height: 1px;
	position: absolute;
	left: -160px;
	top: 50%;
	width: 65px
}
.project-current p {
	font-size: 1.25em;
	line-height: 2
}
.project-current .banner {
	background-position: center;
	background-size: cover;
	height: 100vh;
	max-height: 800px;
	margin-bottom: 167px;
	position: relative;
	z-index: 30
}
.project-current .banner .container {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%
}
.project-current .banner .container h1 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-size: 2.5em;
	font-weight: 700;
	padding: 0 30px;
	position: absolute;
	top: 50%;
	left: 0;
	max-width: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}
.project-current .banner img {
	display: block;
	height: auto;
	width: 100%
}
.project-current .porject-info {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 130px;
	padding-left: 140px
}
.project-current .porject-info .description {
	float: left;
	width: 44.0625%
}
.project-current .porject-info .process {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding-left: 160px
}
.project-current .porject-info strong {
	display: block;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px
}
.project-current .porject-info p {
	font-size: 20px;
	line-height: 2;
	margin-bottom: 30px
}
.project-current .porject-info ul {
	margin-bottom: 50px
}
.project-current .porject-info li {
	line-height: 2
}
.project-current .container.padding {
	padding: 0 130px
}
.project-current .half-block {
	float: left;
	width: 50%
}
.project-current .pull-left {
	box-sizing: border-box;
	padding-left: 160px
}
.project-current .image.wide {
	margin: 190px 0 170px
}
.project-current .image.bottom {
	margin-bottom: 0
}
.project-current .image img {
	display: block;
	height: auto;
	width: 100%
}
.project-current .inners .container {
	border-bottom: 1px solid #cfcfcf;
	margin-bottom: 140px
}
.project-current .inners .puller {
	padding-bottom: 50%
}
.project-current .inners .image {
	margin-bottom: 150px
}
.project-current .two-blocks {
	margin-bottom: 120px
}
.project-current .two-blocks.gray {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #202020;
	padding: 120px 0
}
.project-current .two-blocks .container {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 130px
}
.project-current .two-blocks .blocks {
	column-count: 2;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px
}
.project-current .video.full-width {
	background-position: center;
	background-size: cover;
	height: 100vh;
	margin: 160px 0;
	max-height: 800px;
	position: relative;
	width: 100%
}
.project-current .video.full-width:before {
	background: rgba(0,0,0,.2);
	content: '';
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1
}
.project-current .video.full-width video {
	object-fit: cover;
	display: block;
	margin: auto;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%
}
.project-current .video.full-width .play-trigger {
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	transition: .4s;
	z-index: 9;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0)
}
.project-current .video.full-width .play-trigger:hover {
	opacity: .5
}
.project-current .project-gallery {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid #2b2b2b;
	margin: 0 auto;
	padding: 160px 0
}
.project-current .project-gallery .slide {
	border-radius: 25px;
	overflow: hidden
}
.project-current .project-gallery img {
	display: block;
	width: 100%
}
.project-current .project-gallery #project-gallery-thumbs {
	margin-top: 45px
}
.project-current .project-gallery #project-gallery-thumbs .thumb {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 25px;
	display: inline-block;
	cursor: pointer;
	opacity: .5;
	overflow: hidden;
	padding: 0 10px;
	vertical-align: top
}
.project-current .project-gallery #project-gallery-thumbs .slick-current {
	opacity: 1
}
.project-current .grid-gallery {
	/*margin: 120px auto*/
}
.project-current .grid-gallery .container {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	/*border-bottom: 1px solid #cfcfcf;*/
	padding-bottom: 140px
}
.project-current .grid-gallery .container.dark-border {
	border-bottom: 1px solid #2c2c2c
}
.project-current .grid-gallery .row {
	margin: 0 -15px
}
.project-current .grid-gallery .image {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 15px;
	width: 70%
}
.project-current .grid-gallery .image img {
	display: block;
	height: auto;
	width: 100%
}
.project-current .grid-gallery .image.smaller {
	display: inline-block;
	vertical-align: top;
	margin-right: -4px;
	width: 30%
}
.project-current .grid-gallery .video-wrap {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 15px
}
.project-current .grid-gallery .video-wrap .play-trigger {
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	transition: .4s;
	z-index: 5;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0)
}
.project-current .grid-gallery .video-wrap .play-trigger:hover {
	opacity: .5
}
.project-current .grid-gallery .video-wrap .video {
	position: relative
}
.project-current .grid-gallery .video-wrap .video:before {
	background: rgba(0,0,0,.2);
	content: '';
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1
}
.project-current .grid-gallery .video-wrap .video video {
	object-fit: cover;
	display: block;
	height: auto;
	width: 100%
}
.project-current .video-motion {
	border-radius: 10px;
	position: relative
}
.project-current .video-motion .video {
	border-radius: 10px;
	overflow: hidden;
	position: relative
}
.project-current .video-motion:after {
	box-shadow: 0 0 60px rgba(0,0,0,.4);
	content: '';
	height: 40px;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 90%;
	z-index: -1;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0)
}
.project-current .video-motion video {
	object-fit: cover;
	display: block;
	height: auto;
	width: 100%
}
.project-current .final-description {
	border-bottom: 1px solid #2c2c2c;
	padding-bottom: 120px
}
.project-current .final-description .description {
	margin: 0 auto;
	max-width: 940px
}
.project-current .final-description .description p {
	font-size: 1.5em;
	line-height: 1.5;
	font-weight: 700
}
.project-current .final-description .description .light {
	display: block;
	font-weight: 200;
	margin-top: 20px
}
.project-current .challenge {
	background: url(../img/cases/study/ipad.png) left -25% top 50% no-repeat #7fccc5;
	background-size: 50% auto;
	margin-bottom: 167px
}
.project-current .challenge .block {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	float: left;
	padding: 200px 0;
	width: 50%
}
.project-current .study-banner-image {
	margin: 0 auto 110px
}
.project-current .macbook-section {
	box-sizing: border-box;
	background: #f4f4f4;
	margin: 210px 0 370px;
	padding: 80px 0;
	position: relative
}
.project-current .macbook-section .macbook {
	position: absolute;
	top: -25%;
	left: 55%;
	width: 60%
}
.project-current .macbook-section .macbook img {
	display: block;
	width: 100%
}
.project-current .typography {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid #cfcfcf;
	padding-top: 120px
}
.project-current .typography .container {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.project-current .typography .description {
	margin-bottom: 50px;
	max-width: 50%
}
.project-current .typography .block {
	float: left;
	width: 50%
}
.project-current .typography .block .project-fonts {
	box-sizing: border-box;
	padding-top: 50px
}
.project-current .typography .block .type {
	margin-bottom: 70px
}
.project-current .typography .block .type.last {
	margin-bottom: 0
}
.project-current .typography .block .type img {
	display: block;
	height: auto;
	max-width: 380px;
	width: 100%
}
.project-current .colors {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}
.project-current .colors .row {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 -15px
}
.project-current .colors .color {
	display: inline-block;
	float: right;
	margin-right: -4px;
	padding: 0 15px;
	overflow: hidden;
	vertical-align: top;
	max-width: 120px;
	width: 33.3333%
}
.project-current .colors .color .color-name {
	margin-bottom: 20px;
	text-align: center
}
.project-current .colors .color .column {
	height: 360px;
	margin: 0;
	position: relative;
	width: 100%;
	transition: 1.4s;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
.project-current .colors .color .column .hex {
	color: #fff;
	font-size: 14px;
	position: absolute;
	bottom: 20px;
	left: 0;
	text-align: center;
	width: 100%
}
.project-current .colors .color.aos-animate .column {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.project-current .mobile-app {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #7fccc5;
	margin: 190px 0 0;
	padding: 120px 0
}
.project-current .mobile-app .phones {
	display: block;
	height: 100%;
	float: left;
	margin-top: -240px;
	margin-bottom: -240px;
	width: 50%
}
.project-current .mobile-app .phones img {
	width: 100%
}
.project-current .mobile-app .block {
	color: #fff;
	float: right;
	overflow: hidden;
	width: 50%
}
.project-current .mobile-app .block p {
	margin-bottom: 20px
}
.project-current .mobile-app .block strong {
	display: block;
	font-size: 20;
	line-height: 40px
}
.project-current .ipad {
	margin-top: 60px;
	margin-bottom: -25%;
	position: relative;
	z-index: 2
}
.project-current .awards {
	margin: 200px auto
}
.journal-page {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(255,255,255,.1);
	padding: 150px 0 50px
}
.journal-page .tabs {
	margin-bottom: 80px;
	position: relative
}
.journal-page .tabs ul {
	float: right
}
.journal-page .tabs li {
	color: #8b8b8b;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	margin-right: -4px;
	margin-left: 60px;
	letter-spacing: 1.5pt;
	text-transform: uppercase;
	transition: .4s
}
.journal-page .tabs li.current {
	color: #fff
}
.journal-page .tabs li:hover {
	color: #fff
}
.journal-page .cover {
	overflow: hidden
}
.journal-page .cover .image {
	transition: .4s ease-in-out
}
.journal-page .cover:hover .image {
	opacity: .5;
	transform: scale(1.1)
}
.journal-page .main-post {
	margin-bottom: 200px;
	position: relative
}
.journal-page .main-post img {
	display: block;
	width: 100%
}
.journal-page .main-post .post-description {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #151515;
	padding: 40px 0;
	padding-left: 160px;
	padding-right: 70px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 74.479167%
}
.journal-page .main-post .post-description .head {
	margin-bottom: 40px
}
.journal-page .main-post .post-description .type {
	float: left;
	letter-spacing: 1.5pt;
	text-transform: uppercase;
	width: 50%
}
.journal-page .main-post .post-description h2 {
	max-width: 80%;
	margin-bottom: 0
}
.journal-page .main-post .post-description h2 a {
	color: #fff
}
.journal-page .main-post .post-description .post-info {
	float: right
}
.journal-page .main-post .post-description .post-info .time-to-read {
	display: inline-block;
	font-weight: 200;
	margin-right: -4px
}
.journal-page .main-post .post-description .post-info .date {
	display: inline-block;
	font-weight: 200;
	margin-right: 26px;
	text-align: right
}
.journal-page .posts {
	margin-bottom: 50px
}
.journal-page .posts .row {
	margin: 0 -15px
}
.journal-page .posts .block {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 0 15px;
	width: 50%
}
.journal-page .posts .block.wide {
	float: none;
	padding: 0;
	position: relative;
	width: 100%
}
.journal-page .posts .block.wide .post-description {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #151515;
	padding: 25px 40px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50%
}
.journal-page .posts .block .cover img {
	display: block;
	width: 100%
}
.journal-page .posts .block .post-description {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #f5f5f5;
	overflow: hidden;
	padding: 25px 40px
}
.journal-page .posts .block .post-description .type {
	display: block;
	letter-spacing: 1.5pt;
	margin-bottom: 20px;
	text-transform: uppercase
}
.journal-page .posts .block .post-description h3 {
	min-height: 60px;
	margin-bottom: 30px;
	max-width: 90%
}
.journal-page .posts .block .post-description h3 a {
	color: #000
}
.journal-page .posts .block .post-info .time-to-read {
	display: inline-block;
	margin-right: -4px;
	width: 50%
}
.journal-page .posts .block .post-info .date {
	display: inline-block;
	margin-right: -4px;
	text-align: right;
	width: 50%
}
.journal-page .section-button {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid rgba(255,255,255,.1);
	border-bottom: 1px solid rgba(255,255,255,.1);
	margin-bottom: 150px;
	padding: 70px 0
}
.journal-page .pagination {
	text-align: center
}
.journal-page .pagination li {
	border: 1px solid transparent;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: 200;
	line-height: 46px;
	letter-spacing: 1.5pt;
	margin-right: -4px;
	text-align: center;
	vertical-align: top;
	width: 46px
}
.journal-page .pagination li.current {
	border-color: #fff;
	color: #fff;
	font-weight: 700
}
.journal-page.current {
	background: #fff;
	color: #151515;
	padding-top: 0
}
.journal-page.current .main-post .post-description {
	background: #fff;
	color: #151515
}
.journal-page.current .posts .post-description {
	background: #fff;
	color: #151515
}
.journal-page.current .article {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 30px;
	max-width: 945px;
	width: 100%
}
.journal-page.current .article p {
	margin-bottom: 25px
}
.journal-page.current .image {
	display: block;
	height: auto;
	width: 100%
}
.journal-page.current .image img {
	display: block;
	height: auto;
	width: 100%
}
.journal-page.current .image.wide img {
	display: block;
	height: auto;
	margin: 70px 0 110px;
	width: 100%
}
.journal-page.current .gallery {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 110px 0;
	padding: 0 160px
}
.journal-page.current .gallery .image {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin-right: -4px;
	padding: 0 15px;
	vertical-align: top;
	width: 50%
}
.journal-page.current .hashtags {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #f3f3f3;
	font-weight: 700;
	padding: 15px 20px
}
.kontakt-page .kontakt-banner {
	background-size: cover;
	background-position: center;
	height: 100vh;
	position: relative;
	max-height: 700px
}
.kontakt-page .kontakt-banner .info {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	color:#e31e25;
	line-height: 160px;
	padding: 0 160px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 74.479167%
}
.kontakt-page .section {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(255,255,255,.1);
	padding: 210px 0 100px
}
.kontakt-page .section .info-wrap {
	float: left;
	width: 28.871473%
}
.kontakt-page .section .info-wrap h4 {
	letter-spacing: 1.5pt;
	margin-bottom: 20px;
	text-transform: uppercase
}
.kontakt-page .section .info-wrap p {
	line-height: 2
}
.kontakt-page .section .info-wrap .description {
	margin-bottom: 70px
}
.kontakt-page .section .info-wrap .offices {
	margin-bottom: 100px
}
.kontakt-page .section .info-wrap .offices .block {
	float: left;
	width: 50%
}
.kontakt-page .section .info-wrap .offices a {
	color: #000;
	display: block;
	line-height: 3;
	transition: .2s
}
.kontakt-page .section .info-wrap .offices a:hover {
	opacity: .5
}
.kontakt-page .section .info-wrap .offices .buro {
	line-height: 3
}
.kontakt-page .section .info-wrap .socials {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid #878787;
	padding-top: 25px
}
.kontakt-page .section .info-wrap .socials li {
	display: inline-block;
	margin-right: 26px;
	vertical-align: top
}
.kontakt-page .section .info-wrap .socials li .icon {
	display: inline-block;
	height: 30px;
	position: relative;
	vertical-align: top;
	width: 30px
}
.kontakt-page .section .info-wrap .socials li img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0)
}
.kontakt-page .section .form-wrap {
	float: right;
	width: 59.128527%
}
.kontakt-page .section .form-wrap .f-row {
	margin-bottom: 40px
}
.kontakt-page .section .form-wrap .cell-wrap {
	float: left;
	position: relative;
	width: calc(50% - 15px)
}
.kontakt-page .section .form-wrap .cell-wrap label {
	display: block;
	font-size: .875em;
	line-height: 40px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	transition: .4s
}
.kontakt-page .section .form-wrap .cell-wrap label.active {
	bottom: 20px
}
.kontakt-page .section .form-wrap .textarea-wrap {
	position: relative
}
.kontakt-page .section .form-wrap .textarea-wrap label {
	display: block;
	font-size: .875em;
	line-height: 40px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transition: .4s
}
.kontakt-page .section .form-wrap .textarea-wrap label.active {
	top: -20px
}
.kontakt-page .section .form-wrap .textarea-wrap textarea:focus+label {
	top: -20px
}
.kontakt-page .section .form-wrap input:focus+label {
	bottom: 20px
}
.kontakt-page .section .form-wrap .cell-wrap+.cell-wrap {
	margin-left: 30px
}
.kontakt-page .section .form-wrap .cell {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: 0 0;
	border: 0;
	border-bottom: 1px solid #878787;
	color: #000;
	font-size: 14px;
	height: 40px;
	transition: .4s;
	width: 100%
}
.kontakt-page .section .form-wrap .cell:focus {
	border-color: #000
}
.kontakt-page .section .form-wrap textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: 0 0;
	border: 0;
	border-bottom: 1px solid #878787;
	color: #000;
	font-size: 14px;
	height: 175px;
	padding: 15px 0;
	resize: none;
	width: 100%;
	transition: .4s
}
.kontakt-page .section .form-wrap textarea:focus {
	border-color: #000
}
.kontakt-page .section .form-wrap .c-checkbox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	line-height: 50px;
	padding-top: 12px;
	width: calc(100% - 170px)
}
.kontakt-page .section .form-wrap .c-checkbox span {
	float: left;
	margin-top: 0
}
.kontakt-page .section .form-wrap .c-checkbox p {
	line-height: 20px;
	margin-left: 40px
}
.kontakt-page .section .form-wrap .button {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #e3010f;
	border: 1px solid #d20000;
	color: #fff;
	cursor: pointer;
	float: right;
	font-weight: 700;
	line-height: 50px;
	letter-spacing: 1.5pt;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 150px
}
.kontakt-page .section .form-wrap .button:hover {
	background-color: #a10000;
	color: #fff
}
.wir-page .wir-section {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(255,255,255,.1);
	padding: 230px 0 170px
}
.wir-page .wir-section .head {
	margin-bottom: 110px;
	position: relative
}
.wir-page .wir-section .wir-slider {
	margin-bottom: 100px
}
.wir-page .wir-section .wir-slider img {
	display: block;
	width: 100%
}
.wir-page .wir-section .row {
	margin: 0 -15px
}
.wir-page .wir-section .block {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 0 15px;
	width: 50%
}
.wir-page .features {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 140px 0
}
.wir-page .features .section-head h2 {
	padding-top: 115px;
	width: 59.0625%
}
.wir-page .features .section-head .subtitle {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	right: 0;
	top: 0
}
.wir-page .features .features-blocks {
	float: left;
	width: 59.0625%
}
.wir-page .features .features-blocks .tabs {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin: -15px
}
.wir-page .features .features-blocks .tabs .tab-link {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.wir-page .features .features-blocks .tabs .tab-link.current .block {
	background: #e31e25
}
.wir-page .features .features-blocks .tabs .block {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #000;
	cursor: pointer;
	float: left;
	margin: 15px;
	padding-bottom: calc(50% + 30px);
	position: relative;
	vertical-align: top;
	width: calc(50% - 30px);
	transition: background .4s
}
.wir-page .features .features-blocks .tabs .block.halfed {
	padding-bottom: 25%
}
.wir-page .features .features-blocks .tabs .block .info {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	position: absolute;
	color:#fff;
	bottom: 0;
	left: 0;
	width: 100%
}
.wir-page .features .features-blocks .tabs .block .info p {
	font-size: 1em;
	float: left;
	letter-spacing: 1pt;
	line-height: 40px;
	text-transform: uppercase
}
.wir-page .features .features-blocks .tabs .block .info p strong {
	font-weight: 700
}
.wir-page .features .features-blocks .tabs .block .info .icon {
	float: right;
	height: 39px;
	width: 39px
}
.wir-page .features .features-blocks .tabs .block .info .icon.str {
	background: url(../img/icons/wir1.svg) center no-repeat;
	background-size: 33px auto
}
.wir-page .features .features-blocks .tabs .block .info .icon.dsg {
	background: url(../img/icons/wir2.svg) center no-repeat;
	background-size: 37px auto
}
.wir-page .features .features-blocks .tabs .block .info .icon.bwg {
	background: url(../img/icons/wir3.svg) center no-repeat;
	background-size: 33px auto
}
.wir-page .features .features-description {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding-left: 160px;
	width: 40.9375%
}
.wir-page .features .features-description h3 {
	letter-spacing: 1.5pt;
	text-transform: uppercase
}
.wir-page .features .features-description ul {
	margin: 30px 0
}
.wir-page .features .features-description ul li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 16px;
	letter-spacing: 1.5pt;
	padding-left: 50px;
	position: relative;
	text-transform: uppercase
}
.wir-page .features .features-description ul li:before {
	background: #e31e25;
	content: '';
	height: 1px;
	position: absolute;
	top: 50%;
	left: 0;
	width: 30px
}
.wir-page .partners {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0
}
.wir-page .partners .line {
	background: rgba(255,255,255,.1);
	display: block;
	height: 1px;
	width: 100%
}
.wir-page .partners .logos {
	margin: 90px 0
}
.wir-page .process-section {
	margin-bottom: 30px;
	position: relative
}
.wir-page .process-section .steps {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*background: #202020;*/
	padding: 90px 0
}
.wir-page .process-section .steps .wrapper {
	margin: 0 auto;
	max-width: 1270px
}
.wir-page .process-section .steps .wrapper .step {
	margin-bottom: 90px
}
.wir-page .process-section .steps .wrapper .step.aos-animate .icon-wrap .icon:after {
	height: 72%
}
.wir-page .process-section .steps .wrapper .number {
	color: #474747;
	display: inline-block;
	font-size: 3.125em;
	font-weight: 700;
	margin-right: -4px;
	vertical-align: top;
	width: 22.590551%
}
.wir-page .process-section .steps .wrapper .description {
	display: inline-block;
	margin-right: -4px;
	vertical-align: top;
	width: 72.818898%;
	
	
}
.wir-page .process-section .steps .wrapper .description h3 {
		color:#e31e25;
	
	
}
.wir-page .process-section .steps .wrapper .icon-wrap {
	display: inline-block;
	margin-right: -4px;
	position: relative;
	vertical-align: top;
	width: 25.590551%
}
.wir-page .process-section .steps .wrapper .icon-wrap .icon {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 40px auto;
	background-color: #f5f5f5;
	border: 1px solid #f1f1f1;
	border-radius: 50%;
	height: 128px;
	float: right;
	position: relative;
	width: 128px;
	z-index: 20
}
.wir-page .process-section .steps .wrapper .icon-wrap .icon:after {
	background: #f1f1f1;
	content: '';
	height: 0%;
	position: absolute;
	left: 50%;
	top: -73%;
	width: 1px;
	z-index: -10;
	transition: height 2s cubic-bezier(.694, 0, .335, 1);
	transform-origin: bottom
}
.wir-page .process-section .steps .wrapper .icon-wrap .icon.first:after {
	display: none
}
.wir-page .latest-cases {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*margin-bottom: 200px;*/
	position: relative
}
.wir-page .latest-cases .subtitle {
	position: absolute;
	right: 0;
	top: 0;
	letter-spacing: 1.5pt;
	text-transform: uppercase
}
.wir-page .latest-cases .row {
	padding-top: 70px;
	margin: 0 -15px
}
.wir-page .latest-cases .block {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 0 15px;
	position: relative;
	width: 50%
}
.wir-page .latest-cases .block .case-cover {
	background: #000;
	cursor: pointer
}
.wir-page .latest-cases .block .case-cover img {
	display: block;
	height: auto;
	width: 100%;
	transition: .4s
}
.wir-page .latest-cases .block .case-cover:hover img {
	opacity: .5
}
.wir-page .latest-cases .block .case-info {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 25px 40px;
	position: absolute;
	color:#fff;
	left: 0;
	bottom: 0
}
.wir-page .latest-cases .all-cases {
	margin-top: 80px;
	text-align: center
}
.wir-page .latest-cases .all-cases .link {
	margin: 0 auto;
	text-align: center
}
.wir-page .section-button {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid rgba(0,0,0,.5);
	border-top: 1px solid rgba(0,0,0,.5);
	padding: 65px 0
}
@media screen and (max-width:1440px) {
body {
	font-size: 13px
}
header {
	height: 90px;
	padding: 15px 60px;
	background:rgba(255,255,255,0.9);
	box-shadow: 0px 5px 14.25px 0.75px rgba(36, 11, 12, 0.05);
    z-index: 99;

}


}
.intro-screen .features {
	padding-bottom: 20px
}
.projekte-page .tabs li {
	margin-left: 30px
}
.project-current .colors .color {
	max-width: 80px
}
.journal-page .tabs li {
	margin-left: 30px
}
}
@media screen and (max-width:1080px) {
.project-current .typography .block {
	width: 100%
}
.project-current .colors {
	margin-top: 60px
}
.project-current .colors .color {
	float: left
}
}
@media screen and (max-width:900px) {
.case-actions {
	display: none
}
.navigation {
	display: none
}
.desktop-view {
	display: none
}
.mobile-view {
	display: block
}
.pull-left {
	padding-left: 0
}
.section-number {
	left: 30px;
	padding-left: 0
}
.section-number:before {
	margin-right: 20px;
	width: 20px
}
.section-button h2 {
	float: none;
	font-size: 1.875em;
	width: 100%;
	line-height: 1.5
}
.section-button .button {
	display: block;
	float: none;
	line-height: 50px;
	margin-top: 40px;
	width: 100%
}
.container {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 30px;
	width: 100%
}
header {
	border-bottom: 0;
	height: 85px;
	padding: 20px;
	z-index: 9999
}
header.scrolled {
	background: rgba(255,255,255,0.8);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
header.scrolled .navigation {
	display: block;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
header .logo {
	height: 45px;
	width: 160px;
	z-index: 999
}
header.scrolled .menu-trigger {
    opacity: 1;
    visibility: visible;
    margin-top: 0px;
}
header .menu-trigger {
	color: #fff;
	font-size: .8125em;
	font-weight: 700;
	line-height: 35px;
	letter-spacing: 1pt;
	position: absolute;
	opacity: 1;
	visibility: visible;
	top: 0;
	right: 0;
	text-transform: uppercase;
	width: auto;
	z-index: 99
}
.splash-screen .slide .tesis h1 {
	font-size: 2.25em;
	padding-left: 30px;
	width: 100%
}
.splash-screen .progressBarContainer {
	top: auto;
	right: auto;
	left: 30px;
	width: 80px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.splash-screen .progressBarContainer div {
	display: inline-block;
	margin-bottom: 0;
	margin-right: 6px;
	vertical-align: top
}
.splash-screen .progressBarContainer div p {
	line-height: 20px
}
.splash-screen .progressBarContainer div span.progressBar {
	display: none
}
.splash-screen .bottom {
	padding: 0
}
.splash-screen .bottom .copy {
	display: none
}
.splash-screen .bottom .scroll-down {
	position: absolute;
	left: auto;
	right: 30px;
	bottom: 30px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.splash-screen .bottom .scroll-down p {
	line-height: 20px;
	padding-bottom: 0
}
.splash-screen .bottom .scroll-down .line {
	display: none
}
.splash-screen .bottom .nav {
	display: none
}
.intro-screen {
	height: auto
}
.intro-screen .v-align {
	position: relative;
	top: auto
}
.intro-screen .tesis {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 100px;
	padding-bottom: 40px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.intro-screen .tesis .subtitle {
	font-size: .75em
}
.intro-screen .tesis h1 {
	font-size: 2.25em;
	width: 100%
}
.intro-screen .features {
	position: relative;
	bottom: auto
}
.intro-screen .features .scroll-down {
	display: none
}
.intro-screen .features .block {
	margin-bottom: 40px;
	width: 80%
}
.about-us {
	padding-top: 60px
}
.about-us .pull-left {
	padding-left: 0;
	width: 100%
}
.about-us .subtitle {
	text-align: right
}
.about-us .head h2 {
	margin-bottom: 20px
}
.about-us .description .block {
	padding-right: 0;
	width: 100%
}
.about-us .showreel {
	margin-top: 100px;
	max-height: 300px
}
.about-us .showreel video {
	min-width: auto;
	width: 100%
}
.about-us .showreel .info {
	line-height: 60px;
	padding: 0 30px
}
.about-us .showreel .info p {
	line-height: 60px
}
.about-us .showreel .info .play-showreel {
	float: right;
	margin-left: 40px
}
.our-cases .section-button {
	margin-top: 80px
}
.our-cases {
	margin-bottom: 0;
	padding-bottom: 80px;
	padding-top: 40px
}
.our-cases .section-number {
	left: 40px
}
.our-cases .section-button {
	margin-bottom: 100px
}
.our-cases .mobile-cases {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 -30px;
	padding-top: 60px
}
.our-cases .mobile-cases .item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px
}
.our-cases .mobile-cases .item .project-cover {
	margin-bottom: 60px
}
.our-cases .mobile-cases .item .project-cover img {
	display: block;
	width: 100%
}
.our-cases .mobile-cases .item .case-info {
	opacity: 0;
	transition: .4s
}
.our-cases .mobile-cases .item.slick-active .case-info {
	opacity: 1
}
.partners {
	display: none
}
.blog {
	padding: 60px 0
}
.blog .info-wrap {
	float: none;
	width: 100%
}
.blog .journal {
	width: 100%
}
.blog .journal h4 {
	display: none
}
.blog .journal span {
	display: none
}
footer .top {
	padding: 40px 0 0
}
footer .block {
	float: none;
	margin-bottom: 0;
	width: 100%
}
footer .block .info {
	display: none
}
footer .block .info .button {
	line-height: 50px;
	width: 100%
}
footer .block .col {
	display: none;
	margin-bottom: 40px;
	width: 50%
}
footer .block .col+.col {
	display: inline-block
}
footer .copy span {
	display: none
}
h2 {
	font-size: 1.875em
}
h3 {
	margin-bottom: 15px
}
.section-head {
	margin-bottom: 90px
}
.section-head .subtitle {
	text-align: right
}
.wir-page {
	overflow: hidden
}
.wir-page .wir-section {
	padding-top: 140px;
	padding-bottom: 100px
}
.wir-page .wir-section .wir-slider {
	margin-bottom: 80px
}
.wir-page .wir-section .block {
	width: 100%
}
.wir-page .wir-section .block p {
	margin-bottom: 20px
}
.wir-page .features {
	padding: 40px 0
}
.wir-page .features .section-head h2 {
	width: 100%
}
.wir-page .features .features-blocks {
	float: none;
	width: 100%
}
.wir-page .features .features-blocks .tabs {
	margin: 0 -30px 40px
}
.wir-page .features .features-blocks .tabs .tab-link {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin-right: -4px;
	padding: 0 5px;
	width: 33.3333%
}
.wir-page .features .features-blocks .tabs .block {
	float: none;
	margin: 0;
	margin-right: -4px;
	padding-bottom: 0;
	vertical-align: top;
	width: 100%
}
.wir-page .features .features-blocks .tabs .block.halfed {
	padding-bottom: 0
}
.wir-page .features .features-blocks .tabs .block .info {
	position: relative;
	left: auto;
	top: auto;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.wir-page .features .features-blocks .tabs .block .info p {
	display: none
}
.wir-page .features .features-blocks .tabs .block .info .icon {
	display: block;
	margin: 0 auto;
	float: none
}
.wir-page .features .features-description {
	float: none;
	padding-left: 0;
	width: 100%
}
.wir-page .process-section {
	margin-bottom: 10px;
	padding-bottom: 0
}
footer .bottom .copy {
    float: none;
    font-weight: 500;
    text-align: center;
}
footer .bottom .f-nav {
    float: left;
}
footer .bottom .f-nav li {
    display: inline-block;
    margin-left: 27px;
    margin-right: -4px;
}
footer .bottom {
    line-height: 50px;
}
.wir-page .process-section .steps {
	padding: 60px 0 1px
}
.wir-page .process-section .steps .step {
	padding-top: 145px;
	position: relative
}
.wir-page .process-section .steps .wrapper .number {
	display: none
}
.wir-page .process-section .steps .wrapper .description {
	text-align: center;
	width: 100%
}
.wir-page .process-section .steps .wrapper .icon-wrap {
	position: absolute;
	left: 50%;
	top: 0;
	width: 120px;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0)
}
.wir-page .process-section .steps .wrapper .icon-wrap .icon {
	height: 120px;
	width: 120px
}
.wir-page .process-section .steps .wrapper .icon-wrap .icon:after {
	display: none
}
.wir-page .latest-cases {
	margin-bottom: 100px
}
.wir-page .latest-cases .block {
	margin-bottom: 20px;
	width: 100%
}
.wir-page .latest-cases .all-cases {
	margin-top: 50px
}
.projekte-page {
	padding-top: 140px
}
.projekte-page .tabs {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
	margin-bottom: 40px;
	padding-top: 60px
}
.projekte-page .tabs ul {
	float: none
}
.projekte-page .tabs li {
	letter-spacing: 0;
	line-height: 2.5;
	margin-left: 0;
	margin-right: 6px
}
.projekte-page .main-project .cover {
	margin: 0 -30px
}
.projekte-page .main-project .project-description {
	background-position: right 15px top 30px;
	background-size: 20px auto;
	padding: 20px;
	position: relative
}
.projekte-page .projects {
	margin-bottom: 0
}
.projekte-page .projects .block {
	width: 100%
}
.projekte-page .projects .block .project-description {
	padding: 30px 0 0
}
.journal-page {
	padding-top: 140px
}
.journal-page .tabs {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
	margin-bottom: 40px;
	padding-top: 60px
}
.journal-page .tabs .seciton-number {
	left: 0!important
}
.journal-page .tabs ul {
	float: none
}
.journal-page .tabs li {
	letter-spacing: 0;
	line-height: 2.5;
	margin-left: 0;
	margin-right: 6px
}
.journal-page .main-post {
	margin-bottom: 60px
}
.journal-page .main-post .cover {
	margin: 0
}
.journal-page .main-post .post-description {
	background-position: right 15px top 30px;
	background-size: 20px auto;
	padding: 30px;
	position: relative;
	width: 100%
}
.journal-page .main-post .post-description .type {
	width: 100%
}
.journal-page .main-post .post-description .post-info {
	float: none
}
.journal-page .main-post .post-description h2 {
	max-width: 100%
}
.journal-page .posts {
	margin-bottom: 0
}
.journal-page .posts .block {
	margin-bottom: 40px;
	width: 100%
}
.journal-page .posts .block .post-description {
	padding: 15px
}
.journal-page .posts .block.wide .cover {
	margin: 0 -30px 20px
}
.journal-page .posts .block.wide .post-description {
	position: relative;
	padding: 15px;
	width: 100%
}
.journal-page .section-button {
	margin-bottom: 60px
}
.journal-page.current .gallery {
	margin: 20px 0;
	padding: 0 30px
}
.journal-page.current .gallery .image {
	margin: 20px 0;
	padding: 0;
	width: 100%
}
.kontakt-page .kontakt-banner {
	height: 60vh
}
.kontakt-page .kontakt-banner .info {
	line-height: 30px;
	padding: 30px;
	width: 100%
}
.kontakt-page .section {
	padding: 40px 0
}
.kontakt-page .section .info-wrap {
	float: none;
	width: 100%
}
.kontakt-page .section .info-wrap .offices {
	margin-bottom: 40px
}
.kontakt-page .section .info-wrap .block {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
	width: 100%
}
.kontakt-page .section .form-wrap {
	float: none;
	margin-top: 100px;
	width: 100%
}
.kontakt-page .section .form-wrap .f-row {
	margin-bottom: 20px
}
.kontakt-page .section .form-wrap .cell-wrap+.cell-wrap {
	margin-left: 0
}
.kontakt-page .section .form-wrap .cell-wrap {
	margin-bottom: 20px;
	width: 100%
}
.kontakt-page .section .form-wrap .c-checkbox {
	line-height: 1.6
}
.kontakt-page .section .form-wrap textarea {
	height: 120px
}
.kontakt-page .section .form-wrap .button {
	float: none;
	margin-top: 40px;
	width: 100%
}
.project-current .container {
	padding: 0 30px
}
.project-current .container.padding {
	padding: 0 30px
}
.project-current .banner {
	height: 380px;
	margin-bottom: 60px
}
.project-current .banner .container h1 {
	max-width: 100%
}
.project-current .porject-info {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 40px;
	padding: 0
}
.project-current .porject-info .description {
	float: none;
	width: 100%
}
.project-current .porject-info .process {
	float: none;
	padding-left: 0;
	width: 100%
}
.project-current .half-block {
	width: 100%
}
.project-current .two-blocks {
	margin-bottom: 60px
}
.project-current .two-blocks.gray {
	padding-top: 60px
}
.project-current .two-blocks .bnr-image {
	margin: 40px auto
}
.project-current .two-blocks .container {
	padding: 0 30px
}
.project-current .two-blocks .container .blocks {
	column-count: 1;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0
}
.project-current .image.wide {
	margin: 60px auto
}
.project-current .inners .container {
	margin-bottom: 60px;
	padding-bottom: 60px!important
}
.project-current .inners .puller {
	padding-bottom: 0
}
.project-current .inners .image {
	margin: 60px 0 0
}
.project-current .project-gallery {
	margin-bottom: 40px;
	padding: 60px 0 0
}
.project-current .project-gallery #project-gallery-thumbs {
	margin-top: 20px
}
.project-current .grid-gallery {
	margin: 0 0 60px
}
.project-current .grid-gallery .container {
	padding-bottom: 60px!important
}
.project-current .grid-gallery .image {
	padding: 5px 15px;
	width: 100%
}
.project-current .grid-gallery .image.smaller {
	width: 100%
}
.project-current .grid-gallery .video {
	object-fit: cover;
	margin: 0 auto;
	max-height: 300px
}
.project-current .grid-gallery .video video {
	object-fit: cover;
	min-height: auto;
	min-width: auto;
	width: 100%
}
.project-current .video {
	margin: 80px auto;
	max-height: 300px
}
.project-current .video.full-width {
	margin: 80px auto;
	max-height: 300px
}
.project-current video {
	min-height: auto;
	min-width: auto;
	width: 100%
}
.project-current .pull-left {
	padding-left: 0
}
.project-current .study-banner-image {
	margin-bottom: 0
}
.project-current .macbook-section {
	margin: 120px 0 60px;
	padding-top: 140px
}
.project-current .macbook-section .macbook {
	left: 25%;
	width: 90%
}
.project-current .ipad {
	margin-top: 40px
}
.project-current .challenge {
	background-position: left 50% top 60px;
	background-size: 85% auto;
	margin: 0 0 60px;
	padding-top: 150px
}
.project-current .challenge .block {
	float: none;
	padding: 0 0 40px;
	width: 100%
}
.project-current .sidebar__inner {
	margin-top: 60px
}
.project-current .typography {
	margin-top: 60px;
	padding-top: 60px
}
.project-current .typography .container {
	padding: 0 30px
}
.project-current .typography .description {
	max-width: 100%;
	margin-bottom: 0;
	width: 100%
}
.project-current .typography .block {
	margin: 60px 0;
	width: 100%
}
.project-current .typography .block .project-fonts {
	padding-top: 0
}
.project-current .colors {
	float: none;
	margin: 0
}
.project-current .colors .row {
	text-align: left
}
.project-current .colors .color {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 5px;
	width: 33.3333%
}
.project-current .colors .color .column {
	height: 240px
}
.project-current .mobile-app {
	margin: 0 0 60px;
	padding: 60px 0
}
.project-current .mobile-app .phones {
	margin: 0 auto 40px;
	position: relative;
	top: auto;
	width: 80%
}
.project-current .mobile-app .block {
	width: 100%
}
.project-current .final-description {
	padding: 60px 0
}
.project-current .final-description .container {
	padding-top: 60px
}
.project-current .awards {
	margin: 60px 0
}
}
@media screen and (max-width:480px) {
.splash-screen .progressBarContainer {
	bottom: 140px
}
.splash-screen .bottom {
	bottom: 110px
}
}
@media screen and (max-width:375px) {
.splash-screen .progressBarContainer {
	bottom: 90px
}
.splash-screen .bottom {
	bottom: 60px
}
}
.posts .block {
	margin-bottom: 32px
}
.styledlinkbright {
	color: #000;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s
}
.styledlink {
	color: #e31e25;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s
}

.journal .styledlinkbright:hover, .journal .styledlinkbright:focus, li .styledlinkbright:hover, li .styledlinkbright:focus {
	color: #f00
}
.styledlinkdark {
	color: #000
}
.projects-category {
	margin-bottom: 56px
}
.post-description {
	min-height: 220px
}
.basic-page-replace {
	height: 122px;
	background: #000
}
.journaleintragauszugkurz {
	width: 100%;
	max-width: 75%;
	display: inline-block
}
.journaleintragauszugkurz a {
	color: #fff
}
footer .block .info p {
	font-size: 1em;
	line-height: 2;
	width: 100%;
	max-width: 90%
}
.container.websitepreviewimage {
	margin-top: -50px
}
.container.websitepreviewimage video {
	margin-bottom: 120px
}
.projectscreenshots.two-blocks img {
	width: 100%;
	height: auto;
	margin-bottom: 60px
}
.bottom-margin-reduced {
	margin-top: -85px
}
.pull-footer-up .top {
	padding-top: 100px
}
.underlinedblock {
	border-bottom: 1px solid #2c2c2c;
	padding-bottom: 120px
}
.video .centervideo video {
	width: 100%!important;
	max-width: 100%;
	height: auto
}
.centervideo video {
	width: 100%;
	max-width: 100%;
	margin-top: -60px
}
.webdesignscreenshot .container .row img {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	height: auto;
	display: block
}
.lightbackgroundblock {
	background: #f4f4f4;
	padding-top: 120px;
	padding-bottom: 250px
}
.lightgray {
	background: #f4f4f4;
	box-sizing: border-box;
	padding: 120px 0;
	margin-bottom: 200px
}
.two-blocks.lightgray {
	margin-bottom: 300px
}
.cc-message, .cc-btn {
	font-family: din2014
}
.cases-gallery .case .cover img {
	max-width: 750px
}
.project-no-line {
	border: none!important
}
.devicecentered {
	margin: -310px auto 0;
	text-align: center
}
.devicecentered img {
	width: 100%;
	max-width: 800px
}
.styledlinkbright.current {
	color: #f00;
}

.checkboxoutline label input#form-input-datenschutz {
	display: inline;
	text-align: left;
	width: 100%;
	max-width: 10%;
	margin: 0!important;
	vertical-align: top
}
.checkboxoutline p {
	display: inline-block;
	width: 80%;
	margin-left: 10px!important;
	margin-top: -4px
}
@media screen and (max-width:885px) {
.c-checkbox.checkboxoutline {
	width: 100%!important
}
}
.wir-page .process-section .steps .wrapper .step {
	margin-bottom: 69px
}
@media screen and (max-width:1425px) {
.wir-page .process-section .steps .wrapper .step.aos-animate .icon-wrap .icon::after {
	height: 56%;
	top: -56%
}
}
@media screen and (max-width:1440px) {
.wir-page .process-section .steps .wrapper .step.aos-animate .icon-wrap .icon::after {
	height: 56%;
	top: -57%
}
}
@media screen and (max-width:1196px) {
.wir-page .process-section .steps .wrapper .step.aos-animate .icon-wrap .icon::after {
	height: 75%;
	top: -75%
}
}
.main-video-modal-2 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background: rgba(0,0,0,.95);
	display: none;
	height: 100%;
	padding: 20px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999
}
.main-video-modal-2 .close-vmodal-2 {
	color: #fff;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 54px;
	letter-spacing: 1pt;
	position: absolute;
	top: 30px;
	right: 60px;
	text-align: center;
	text-transform: uppercase;
	width: 155px;
	z-index: 99
}
.main-video-modal-2 .modal-video {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0)
}
.main-video-modal-2 .modal-video iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0)
}
.journal-page .article a {
	color: #ad2626
}
::-moz-selection {
background:#000;
color:#fff
}
::selection {
	background: #000;
	color: #fff
}
.danke-nachricht {
	position: fixed;
	top: 162px;
	left: 0;
	right: 0;
	background: #000;
	display: inline-block;
	color: #fff;
	z-index: 10000;
	text-align: center;
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	padding: 17px 8px 10px
}
.journal-page .article img {
	width: 100%;
	margin: 0 auto 32px
}
.journal-page .article figure {
	padding: 0;
	margin: 0
}
.foto.splash-foto-1 {
	background-image: url(../img/splash1_mobile.jpg);
	background-position: center center
}
.foto.splash-foto-3 {
	background-image: url(../img/splash3_mobile.jpg);
	background-position: center center
}
.foto.splash-foto-5 {
	background-image: url(../img/splash5_mobile.jpg);
	background-position: center center
}
#intro {
	background-image: url(../img/splash2_mobile.jpg);
	background-position: center center
}
@media screen and (min-width:1026px) {
.foto.splash-foto-1 {
	background-image: url(../img/splash1.jpg);
	background-position: center center
}
.foto.splash-foto-3 {
	background-image: url(../img/splash3.jpg);
	background-position: center center
}
.foto.splash-foto-5 {
	background-image: url(../img/splash5.jpg);
	background-position: center center
}
#intro {
	background-image: url(../img/splash2.jpg);
	background-position: center center
}
}
.journaleintragstyling h1 {
	font-size: 36px;
	line-height: 2.2;
	margin-bottom: 10px
}
.journaleintragstyling h2 {
	font-size: 32px;
	line-height: 1.8;
	margin-bottom: 10px
}
.journaleintragstyling h3 {
	font-size: 28px;
	line-height: 1.8;
	margin-bottom: 10px
}
.journaleintragstyling h4 {
	font-size: 24px;
	line-height: 1.8;
	margin-bottom: 10px
}
.journaleintragstyling h5 {
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 10px
}
.journaleintragstyling h6 {
	font-family: din2014;
	font-style: italic;
	font-size: 28px;
	line-height: 1.8;
	margin-bottom: 31px;
	display: inline-block;
	padding: 5px 21px 5px 20px;
	text-align: left;
	border-left: 13px solid #f3f3f3;
	margin-top: 25px;
	color: #b7b7b7;
	margin-left: 27px
}
.journaleintragstyling p {
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 2px
}
.journaleintragstyling strong {
	font-weight: 700
}
.journaleintragstyling a:hover, .journaleintragstyling a:focus {
	text-decoration: underline
}
.journaleintragstyling ul {
	font-size: 16px;
	margin-left: 36px;
	margin-bottom: 24px;
	list-style: disc!important
}
.journaleintragstyling ol {
	font-size: 16px;
	margin-left: 1px!important;
	margin-bottom: 22px
}
.journaleintragstyling li {
	line-height: 1.5
}
.journal-page .posts .block .post-description .type {
	font-family: din2014;
	font-weight: 600;
	
}
.navigation-overlay li a {
	transition: all .6s;
	opacity: 0;
	visibility: hidden
}
.navigation-overlay li:nth-child(1) a {
	transition-delay: .1s
}
.navigation-overlay li:nth-child(2) a {
	transition-delay: .2s
}
.navigation-overlay li:nth-child(3) a {
	transition-delay: .3s
}
.navigation-overlay li:nth-child(4) a {
	transition-delay: .4s
}
.navigation-overlay li:nth-child(5) a {
	transition-delay: .5s
}
.navigation-overlay a:hover {
	opacity: .3!important
}
.navigation-overlay a.visible {
	opacity: 1;
	visibility: visible
}
.preloaderline {
	content: " ";
	display: block;
	width: 0%;
	background: #f00;
	height: 1px;
	margin-top: 55vh;
	transition: all 1s;
	opacity: 1
}
.hvr-sweep-to-right:before {
	background: #fff!important;

	
	
}
header .button:hover {
	background: #fff!important;
	
	
}
footer .hvr-sweep-to-right:before{
	background: #f5f5f5!important;
	
	
}
.splash-screen .progressBarContainer div {
	margin-bottom: 30px
}
.kontakt-page .section .info-wrap .socials .icon {
	margin-bottom: 16px
}
.case-actions .next-project-link {
	background: url(../img/icons/go_back.svg) center no-repeat;
	background-size: auto;
	background-size: 16px auto;
	cursor: pointer;
	height: 30px;
	display: block;
	margin-bottom: 30px;
	width: 30px;
	transition: .4s;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
@media screen and (max-width:900px) {
.case-actions {
	display: block!important
}
}
.bar1, .bar2, .bar3 {
  width: 35px;
  height: 4px;
  background-color: #f00;
  margin: 6px 0;
  transition: 0.4s;
  border-radius: 0.25rem;
}
/*.post-info
{
	color:#e31e25;
}*/
.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-6px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}