@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: local('Source Sans Pro Light'), local('SourceSansPro-ExtraLight'), 
	url('../fonts/SourceSansPro-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SourceSansPro-ExtraLight.woff2') format('woff2'),
    url('../fonts/SourceSansPro-ExtraLight.woff') format('woff'),
    url('../fonts/SourceSansPro-ExtraLight.ttf') format('truetype'),
    url('../fonts/SourceSansPro-ExtraLight.svg#SourceSansPro-ExtraLight') format('svg');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), 
	url('../fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SourceSansPro-Light.woff2') format('woff2'),
    url('../fonts/SourceSansPro-Light.woff') format('woff'),
    url('../fonts/SourceSansPro-Light.ttf') format('truetype'),
    url('../fonts/SourceSansPro-Light.svg#SourceSansPro-Light') format('svg');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), 
	url('../fonts/SourceSansPro-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SourceSansPro-SemiBold.woff2') format('woff2'),
    url('../fonts/SourceSansPro-SemiBold.woff') format('woff'),
    url('../fonts/SourceSansPro-SemiBold.ttf') format('truetype'),
    url('../fonts/SourceSansPro-SemiBold.svg#SourceSansPro-SemiBold') format('svg');
}

body {width: 100%; height: 100%; margin:0; padding:0; font-family: 'Source Sans Pro', sans-serif; font-size:18px; font-weight:300; background-color:#fff; color:#575656;}

body.touching * {background-attachment: scroll !important;}

html {width: 100%; height: 100%; margin:0; padding:0;}

.floatstop {height:0; width:0; margin:0; padding:0; clear:both; position:relative;}

h1, .typed-headings {font-size:2.8em; margin-bottom:0.6em; font-weight:300; line-height:120%;}
h1 span, .typed-headings span {color: #00a9ba; font-weight:600; white-space:normal;}
h2 {font-size: 1.7em; font-weight:300;}
p {margin-bottom:0.8em; line-height:1.4em;}

.header_slide_headline .typed-headings,
.header_slide_headline .typed-headings h2 {
	color:rgba(255,255,255,0.1);
	letter-spacing:0.03em;
	text-transform:uppercase;
	font-size: 14vw;
    font-weight: 900;
    position: relative;
}

b, strong {font-weight:600;}
p a, p a:hover, p a:focus, .button a, .button a:focus {color:inherit; font-weight:600; text-decoration:none;}
p.button {margin-top:40px; }

p.button a,
a.cc-allow {
	padding:10px 20px;
	margin-right:20px;
	color: #00a9ba;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	border-radius: 0;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	cursor: pointer;
	display: inline-block;
	position: relative;
	border: 2px solid #00a9ba;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
}

p.button a:after,
a.cc-allow:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}

p.button a:hover,
a.cc-allow:hover {
	color: #FFF !important;
	background-color: transparent;
}

p.button a:hover:before,
a.cc-allow:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}

p.button a:before,
a.cc-allow:before {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #fff !important;
	background: #00a9ba;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
} 

p.button a:hover:after,
a.cc-allow:hover:after {
	height: 450%;
}



/*p.button a {background-color:#00a9ba; padding:10px 20px; color:#fff; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin-right:20px;}
p.button a:hover {background-color:#d25e00;}
p.button a:focus {background-color:#be4300;}*/


.text-right p.button a {margin-left:20px; margin-right:0;}

.text-center.text-narrow {max-width:700px; margin-right: auto; margin-left: auto;}

.lightbox-content {display:none;}
.typed-cursor {font-family: 'Source Sans Pro', sans-serif; font-size:3em; font-weight:300; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; -ms-animation: blink 0.7s infinite; -o-animation: blink 0.7s infinite; animation: blink 0.7s infinite;}
.type-wrap {margin-bottom:1em;}

.header_slide_headline .typed-cursor {font-family: 'Source Sans Pro', sans-serif; font-size:inherit; font-weight:inherit; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; -ms-animation: blink 0.7s infinite; -o-animation: blink 0.7s infinite; animation: blink 0.7s infinite;}

@-keyframes blink {
  0% { opacity:1; }
  50% { opacity:0; }
  100% { opacity:1; }
}
        
@-webkit-keyframes blink {
  0% { opacity:1; }          
  50% { opacity:0; }
  100% { opacity:1; }
}
        
@-moz-keyframes blink {
  0% { opacity:1; }
  50% { opacity:0; }
  100% { opacity:1; }
}

@-ms-keyframes blink {
  0% { opacity:1; }
  50% { opacity:0; }
  100% { opacity:1; }
}

@-o-keyframes blink {
  0% { opacity:1; }
  50% { opacity:0; }
  100% { opacity:1; }
}

.container {width:100%; max-width:1500px; margin:0 auto; height:100%; padding:0; position:relative;}
.container.narrow-container {max-width:1000px;}
.twocolumn-container {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:50%; margin:0 auto; float:left; padding:0 20px; min-height:1px; position:relative;}
.onecolumn-container {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:25%; margin:0 auto; float:left; padding:0 20px; min-height:1px; position:relative;}
.twocolumn-container.left {padding-right:0;}
.twocolumn-container.right {padding-left:0; float:right;}
.column-content {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color:#fff; padding:30px; position:relative; z-index:999;}
.square-wrapper {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:50%; margin:0 auto; float:left; padding:0; min-height:1px; position:relative;}
/*.square-wrapper:not(.empty) {cursor:pointer;}*/
.square {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative; height:0; padding-bottom:100%; width:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  background-repeat: no-repeat;}
.square-content {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; padding:20px; bottom:0;}
.square-content-hover {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; padding:20px; background-color:rgba(73,73,72,0.9); top:0; bottom:0; left:0; right:0; color:#fff; opacity:0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out;}
.square-wrapper.open .square-content-hover {opacity: 1;}
.square-wrapper.hover:hover .square-content-hover {opacity: 1;}
.square-content-hover h2 {margin-top:0;}
.square h1 {margin-top:0; padding-top:0; margin-bottom:0; padding-bottom:0; font-size:2.5em; font-weight:200; position:relative;}
.square-content p {
	margin-top:15px;
}
.square-content p img {
	max-width:40px;
	margin: -5px 0 0 10px;
}


.click-expand .click-expand-icon {width:1.5em; height:1.5em; position:absolute; top:20px; right:20px; opacity:0.5; -webkit-transition:0.5s all ease; -o-transition:0.5s all ease; transition:0.5s all ease;}
.click-expand:hover .click-expand-icon, .click-expand.open .click-expand-icon {opacity:1;}
.click-expand .click-expand-icon:before {content:'';height:100%; width:2px; background:#fff; display:block; top:0; bottom:0; margin:0 auto; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:0.5s all ease; -o-transition:0.5s all ease; transition:0.5s all ease;}
.click-expand.open .click-expand-icon:before {-webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg);}
.click-expand .click-expand-icon:after {content:'';height:2px; width:100%; background:#fff; display:block; position:absolute; top:50%; top:calc(50% - 1px); bottom:auto; margin:0 auto;}
/*.click-expand.open .click-expand-icon { -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); }*/

.click-expand .square-content-hover p:before {content:''; position:relative; width:3em; height:3em; float:right;}

.square-wrapper.big-square {width:100%;}

.navbar #navbar-logo {width:auto; height:100px; padding-top:0; display:block; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.top-nav-collapse #navbar-logo {height:50px; }

/* Scroll to Top */
.scroll-top-button {position:fixed; bottom:20px; right:20px; height:40px; width:40px; background:#00a9ba;   -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:0; 
-webkit-transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
transition: opacity 0.3s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}
.scroll-top-button:after {content:''; display:block; width:14px; height:14px; left:0; right:0; top:39%; margin:0 auto; border-width: 2px 0 0 2px; border-color:#fff; border-style:solid; position:absolute; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.scroll-top-button:hover {-webkit-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9);}
.top-nav-collapse .scroll-top-button {opacity:1; 
-webkit-transition: opacity 0.3s ease 1s, -webkit-transform 0.3s ease 0s;
transition: opacity 0.3s ease 1s, -webkit-transform 0.3s ease 0s;
-o-transition: opacity 0.3s ease 1s, transform 0.3s ease 0s;
transition: opacity 0.3s ease 1s, transform 0.3s ease 0s;
transition: opacity 0.3s ease 1s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;}



section {height:auto; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color:#fff; position:relative; z-index:5;}
section.full-height {height:auto; min-height:100vh; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: scroll; background-attachment: fixed; background-repeat: no-repeat; background-position: center;}
section.full-height-black {height:auto; min-height:100vh; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: scroll; background-attachment: fixed; background-repeat: no-repeat; background-position: center; background-color: #3b3b3a;}
section.half-height {height:50vh; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: scroll; background-attachment: fixed; background-repeat: no-repeat; background-position: center;}

.twocolumn-container.left .vertical-center .section-textblock {padding-left:0;}
.twocolumn-container.right .vertical-center .section-textblock.text-right {padding-right:0;}

.vertical-center-wrap {/*position:absolute; top:0; bottom:0; left:0; right:0; */height:100%; /*display:table;*/ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.vertical-center-wrap .vertical-center {}
.vertical-center-wrap .vertical-center .section-textblock {width:50%; padding-left:20px; padding-right:20px; float:left; position:relative; z-index:999;}
.vertical-center-wrap .vertical-center .section-textblock.text-right {float:right;}

.split-bg-wrap {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:absolute; top:0; bottom:0; z-index:2;}
.split-bg-wrap.right {right:0; left:50%;}
.split-bg-wrap.left {right:50%; left:0;}
.split-bg {position:absolute; top:0; bottom:0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: scroll; background-attachment: fixed; background-repeat: no-repeat; background-position: center;}

.split-bg-wrap.right .split-bg {left:0px; right:0;}
.split-bg-wrap.left .split-bg {left:0; right:0px;}
.split-bg-img {position:absolute; z-index:50; bottom:100px; width:75vw; overflow:hidden;}
.split-bg-img.right {right:0;}
.split-bg-img.left {left:0;}
.split-bg-img img {width:100%; height: auto;}

.text-right {text-align:right;}
.text-left {text-align:left;}

.section-textblock {padding:10px;}

.white-text {color:#fff !important;}

.orange {background-color:#00a9ba;}
.black-90 {background-color:#3b3b3a; background-color:#514f4e;}
.black-85 {background-color:#494948; background-color:#514f4e;}
.black-80 {background-color:#575656; background-color:#514f4e;}
.black-70 {background-color:#6f6f6e; background-color:#969594;}
.black-60 {background-color:#878786; background-color:#969594;}
.black-55 {background-color:#919292; background-color:#969594;}
.black-50 {background-color:#9c9d9d; background-color:#969594;}
.black-45 {background-color:#a7a7a8; background-color:#969594;}
.black-40 {background-color:#b1b2b3; background-color:#e0e0e0;}
.black-30 {background-color:#c5c6c6; background-color:#e0e0e0;}
.black-20 {background-color:#d9dada; background-color:#e0e0e0;}
.black-10 {background-color:#ececed; background-color:#e0e0e0;}
.adhoc-grey-dark {background-color:#514f4e;}
.adhoc-grey-mid {background-color:#969594;}
.adhoc-grey-light {background-color:#e0e0e0;}

.animation-delay-0-5 {-webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s;}
.animation-delay-0-75 {-webkit-animation-delay: 0.75s; -moz-animation-delay: 0.75s; animation-delay: 0.75s;}
.animation-delay-1-0 {-webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s;}
.animation-delay-1-25 {-webkit-animation-delay: 1.25s; -moz-animation-delay: 1.25s; animation-delay: 1.25s;}
.animationdelay-5 {-webkit-animation-delay: 5s; -moz-animation-delay: 5s; animation-delay: 5s;}

.navbar {border: none; background-color: rgba(23,23,23,0.70); font-size: 20px;}
.navbar .container {padding-left:20px; padding-right:20px; display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
        flex-flow:row nowrap; 
-webkit-box-pack:justify; 
    -ms-flex-pack:justify; 
        justify-content:space-between;
-webkit-box-align:end;
    -ms-flex-align:end;
        align-items:flex-end;}
.navbar-header {float:right;}
.navbar .container:before, .navbar .container:after {display:none;}
.navbar-brand {float:right; padding:0; height:100%;}
.navbar-collapse {float:left; border:none;}
.navbar-toggle {float:left; margin-left:15px;}
.navbar-nav {margin-top:20px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.navbar-default .navbar-nav>li>a {color:#fff; -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; transition: color .2s ease-in-out; line-height:140%; letter-spacing:0.02em;}
.navbar-default .navbar-nav>li>a:hover {color:#00a9ba;}

.nav-item {position:relative; overflow:hidden; width:auto; padding-left:0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin-right:20px;}
.navbar-default .navbar-nav>.active>a.page-scroll, .navbar-default .navbar-nav>.active>a.page-scroll:focus, .navbar-default .navbar-nav>.active>a.page-scroll:hover, .navbar-default .navbar-nav>li>a:focus {background-color: transparent; color:#00a9ba;}
.nav-item a.page-scroll {padding:0;}
.nav-img {position: absolute; width:30px; height:auto; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2 ease-in-out; transition: all .2s ease-in-out;}
.nav-img-hover {position: absolute; width:30px; height:auto; opacity:0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.nav-item:hover {max-width:200px;}
.nav-item:hover .nav-img-hover, .navbar-default .navbar-nav>.active>a.page-scroll>.nav-img-hover {opacity:1;}
.nav-item:hover .nav-img, .navbar-default .navbar-nav>.active>a.page-scroll>.nav-img {opacity:0;}

#nav-icon {width: 40px; height: 28px; position: relative; margin: auto auto auto 15px; -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; cursor: pointer; background-color:transparent; border:none; outline:0; top:12px; visibility:hidden;}
#nav-icon:hover, #nav-icon:focus {border:none; background-color:transparent; outline:0;}
#nav-icon span { display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
#nav-icon span:nth-child(1) {top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
#nav-icon span:nth-child(2) { top: 12px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
#nav-icon span:nth-child(3) { top: 24px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
#nav-icon.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -3px; left: 0px;}
#nav-icon.open span:nth-child(2) { width: 0%; opacity: 0;}
#nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 25px; left: 0px;}

.navbar {padding: 20px 0; -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out; -moz-transition: background .5s ease-in-out,padding .5s ease-in-out; transition: background .5s ease-in-out,padding .5s ease-in-out;}
.top-nav-collapse { padding: 5px 0px;}

footer {background-color:#3b3b3a; color:#fff; position:relative; z-index:5; padding-left:20px; padding-right:20px;}
footer .text-right a, footer .text-right a:hover, footer .text-right a:focus {color:#fff; text-decoration:none; line-height:100px; margin-left:30px;}
footer .flex-container {
	display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
        flex-flow:row wrap;
-webkit-box-pack:justify;
    -ms-flex-pack:justify;
        justify-content:space-between;
-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
}

footer .flex-container .flex-clm {
	width:50%;
	width:calc(50% - 30px);
}

footer .flex-container .flex-clm img {
	max-width:30px;
	fill:#ffffff;
	-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
footer .smicons{fill:#ffffff; max-width: 30px;margin-right: 15px;
				-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; 	
				transition: all .5s ease-in-out;}

footer a:hover .smicons{fill:#00a9ba}
/* FEATHERLIGHT ADD. STYLES */

.featherlight.featherlight-projects, .featherlight.featherlight-notice {white-space: normal;}
.featherlight.featherlight-projects *, .featherlight.featherlight-notice * {white-space: normal;}
/*.featherlight .featherlight-content {position:absolute; top:0; right:0; bottom:0; left:0; margin:0; padding:0; border:none; max-height:none; background-color:#fff;}*/
.featherlight.featherlight-projects .featherlight-content, .featherlight.featherlight-notice .featherlight-content {position:absolute; overflow:hidden; bottom:20px; left:80px; right:80px; top:70px; margin:0; padding:0; border:none; max-height:none; background-color:#fff;}
.featherlight.featherlight-projects .featherlight-content .featherlight-inner, .featherlight.featherlight-notice .featherlight-content .featherlight-inner {width:auto; margin:0 auto; height:100%; padding:0; overflow:auto; z-index:9998; background:none; position:relative;}
.featherlight.featherlight-projects .featherlight-content .featherlight-content-wrap, .featherlight.featherlight-notice .featherlight-content .featherlight-content-wrap {position:absolute; top:0; width:auto; right:0; left:0; padding-top:0; padding-bottom:0; cursor: auto;}
.featherlight.featherlight-projects .featherlight-close-icon, .featherlight.featherlight-notice .featherlight-close-icon  {width:40px; height:40px; color:transparent; top:20px; right:20px; background-color:transparent; background-image: url(../img/icon-expand.png); background-size:100%; background-repeat:no-repeat; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); outline:none!important; position:absolute;}
.featherlight.featherlight-projects .scroll-icon {position:fixed; bottom:40px; right:40px; width:30px; padding:20px; height:auto; -webkit-animation-duration: 3s; -moz-animation-duration: 3s; animation-duration: 3s; -webkit-box-sizing:content-box; box-sizing:content-box;}
.featherlight.featherlight-projects .featherlight-content-wrap .featherlight-row {width:100%; margin:0 auto; height:auto; min-height:50px; position:relative; }
.featherlight.featherlight-projects .featherlight-content-wrap .featherlight-row.borderless-img img {height:auto; width:60%; max-width:1400px; line-height:0;}
.featherlight.featherlight-projects .featherlight-content-wrap .featherlight-row .container {width:auto; padding:10px 20px; padding-top:0; padding-bottom:0;}
.featherlight.featherlight-projects .featherlight-content-wrap .featherlight-row img, .featherlight.featherlight-projects .featherlight-content-wrap .featherlight-row video {width:65%; height:auto; position:relative;}
.featherlight.featherlight-projects .featherlight-content-wrap .featherlight-row img.left, .featherlight.featherlight-projects .featherlight-content-wrap .featherlight-row video.left {float:left;}
.featherlight.featherlight-projects .featherlight-content-wrap .featherlight-row img.right, .featherlight.featherlight-projects .featherlight-content-wrap .featherlight-row video.right {float:right;}
.featherlight.featherlight-projects .featherlight-content-wrap .featherlight-row .project-info {position:absolute; width:34%; top:15%; padding:0 10px;}
.featherlight.featherlight-projects .featherlight-content-wrap .featherlight-row .project-info.text-right {left:0;}
.featherlight.featherlight-projects .featherlight-content-wrap .featherlight-row .project-info.text-left {right:0;}
.featherlight.featherlight-projects .featherlight-content-wrap .featherlight-row .project-info .button {margin-bottom:2em;}
.featherlight.featherlight-projects .featherlight-content-wrap .featherlight-row.borderless-img .project-info {margin-top:4em;}
.featherlight.featherlight-projects .featherlight-content-wrap .featherlight-row .project-info .project-info-arrow {width:30px; height:auto;}
.featherlight.featherlight-projects .featherlight-content-wrap .featherlight-row .project-info .project-info-arrow.left {-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); margin-left:7px;}
.featherlight.featherlight-projects .featherlight-content-wrap .featherlight-row .project-info .project-info-arrow.right {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); margin-right:7px;}
.featherlight.featherlight-projects .featherlight-content-wrap .project-logo {height:200px; margin:0 auto; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.featherlight.featherlight-projects .featherlight-content-wrap .project-logo img {width:auto; height:auto; max-width:200px; max-height:200px; margin:20px 0;}
.featherlight.featherlight-projects .featherlight-content-wrap .project-logo.wide img {max-width:300px;}
/*.featherlight.featherlight-projects .featherlight-content-wrap.borderless-img {padding-bottom:0;}*/
.featherlight.featherlight-projects .project-feature-footer {padding-top:100px; padding-bottom:100px;}
.featherlight.featherlight-projects .project-feature-footer .button a {margin:0;}

/* Logos Korr. */
#projekte-kzv .project-logo img, #feature-a4 .project-logo img {max-width:220px;}
#projekte-prinzen .project-logo img, #feature-sf .project-logo img {max-width:170px;}
#projekte-gdb .project-logo img, #feature-zeitung .project-logo img {max-width:250px;}
#projekte-adac .project-logo img {max-width:120px;}
#projekte-kalzip .project-logo img {max-width:170px;}
#projekte-bzk .project-logo img {max-width:120px;}
#projekte-thk .project-logo img, #feature-tablet .project-logo img {max-height:180px;}
#projekte-mgc .project-logo img {max-height:150px;}
#projekte-debeukelaer .project-logo img {max-width:150px;}
#projekte-tvm .project-logo img {max-width:170px;}
#projekte-sander .project-logo img {max-width:150px;}
#projekte-theater-lahnstein .project-logo img {max-width:140px;}
#projekte-mercedes .project-logo img {max-width:130px;}
#projekte-orth .project-logo img {max-width:280px;}
#projekte-patienteninfostelle .project-logo img {max-width:280px;}
#projekte-lions .project-logo img {max-width:150px;}
#projekte-lagz .project-logo img {max-width:250px;}
#projekte-hollmann .project-logo img {max-width:250px;}
#projekte-hlamp .project-logo img {max-width:300px;}
#projekte-shaun .project-logo img {max-width:170px;}
#projekte-hartenstein .project-logo img {max-width:250px;}
#projekte-kerbreh .project-logo img {max-width:250px;}
#projekte-swk .project-logo img {max-width:150px;}
#projekte-dortmann .project-logo img {max-width:250px;}
#projekte-awo .project-logo img {max-width:150px;}
#projekte-lachmann .project-logo img {max-width:250px;}
#projekte-mebedo .project-logo img {max-width:280px;}
#projekte-bzkko .project-logo img {max-width:120px;}
#projekte-fbzahr .project-logo img {max-width:260px;}
#projekte-fbzneuw .project-logo img {max-height:150px;}
#projekte-vulkatec .project-logo img {max-width:270px;}
#projekte-aluform .project-logo img {max-width: 250px;}
#projekte-mdi .project-logo img {max-width: 270px; }
#projekte-bwk .project-logo img {max-width: 500px;}
#projekte-koblenz .project-logo img {max-width: 280px;}
#projekte-goerg .project-logo img {max-width: 330px;}
#projekte-hild .project-logo img {max-width:300px;}
#projekte-netzwerkfassade .project-logo img {max-width: 280px;}
#projekte-eikkk .project-logo img {max-height: 140px;}

.multiply {mix-blend-mode: multiply;}

#slider-header.sl-slider-wrapper {
	min-height:70vh;
}

#surprise {position:fixed; z-index:9999; bottom:-250px;; left:0; right:0; margin:0 auto; text-align:center; display:none; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
#surprise img {width:100%; max-width:250px;}
#surprise.running {display:block;}
#surprise.visible {bottom:0;}

section#start {/*min-height:100vh;*/ overflow:hidden;}
section#start .interactive-shapes-wrapper {position:relative; height:auto; width:auto;  min-width:100%; line-height:0;}
section#start .interactive-header-shape {background-color:transparent; fill:transparent; cursor: pointer;}
/*section#start .interactive-header-bubble {fill:#00a9ba; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; cursor: pointer;}
section#start .interactive-header-bubble-plus {fill:#fff; stroke:#fff; stroke-width:0.01em;}
section#start .interactive-header-bubble:hover {fill:#d25e00;}*/


section#start .interactive-header-bubble {background:#00a9ba; position:absolute; -webkit-transform-origin:center; -ms-transform-origin:center; transform-origin:center; width:50px; height:50px; border-radius:100px; display:block; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; cursor: pointer; }
section#start .interactive-header-bubble:before {content:''; border:1px solid #fff; position:absolute; width:0; height:70%; left:0; right:0; top:15%; margin:0 auto; display:block;}
section#start .interactive-header-bubble:after {content:''; border:1px solid #fff; position:absolute; width:70%; height:0; left:0; right:0; top:50%; top:calc(50% - 1px); margin:0 auto; display:block;}
section#start .interactive-header-bubble:hover {-webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3);}

section#start .interactive-header-bubble.bubble-ipad {top:57%; left:69%; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; animation-delay: 1.5s;}
section#start .interactive-header-bubble.bubble-zeitung {top:88%; left:64%; -webkit-animation-delay: 1.25s; -moz-animation-delay: 1.25s; animation-delay: 1.25s;}
section#start .interactive-header-bubble.bubble-imac {top:30%; left:49%; -webkit-animation-delay: 1.25s; -moz-animation-delay: 1.25s; animation-delay: 1.25s;}
section#start .interactive-header-bubble.bubble-a5 {top:63%; left:50%; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s;}
section#start .interactive-header-bubble.bubble-a4 {top:51%; left:30%; -webkit-animation-delay: 0.75s; -moz-animation-delay: 0.75s; animation-delay: 0.75s;}
section#start .interactive-header-bubble.bubble-salesfolder {top:47%; left:11%; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s;}

section#start {/*background-image: url(../img/fotos/adhoc-media-schloss-koblenz.jpg); */background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  background-attachment: fixed; background-position: center;}
section#start video {position:absolute; width: 100%; height: 100%; z-index:1; -o-object-fit:cover; object-fit:cover;}

#Ebene_1 {height:auto; width:auto;  min-width:100%; position:absolute;}
polygon.int-laptop {fill:#000; height:auto; width:auto; min-height:100%; min-width:100%;}

#header-content {position:absolute; z-index:4; top:15vh; right:0;}
#header-content .scroll-icon {width:30px; height:auto; margin-right:150px; margin-top:30px; -webkit-animation-duration: 3s; -moz-animation-duration: 3s; animation-duration: 3s; }

section#agentur {overflow:hidden;}
section#agentur .section-textblock .textblock-indent {width:80%; margin-right:0; margin-left:auto;}
section#agentur .split-bg {background: radial-gradient(#ececed, #c5c6c6); background-size:cover; background-position:center;}
section#agentur .split-bg-img {width:auto; ; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:absolute; top:0; bottom:0px; z-index:50; right:40%; left:0;}
section#agentur .split-bg-img img {height:auto; width:120%; position:absolute; right:0; top:10%;}

section#leistungen .section-textblock {padding-right:70px;}

section#kunden .section-textblock {padding-right:70px;}

section#adhocler .section-textblock {padding-left:70px;}

section#jobs .section-textblock {padding-right:70px; padding-right:20px;}
section#jobs .jobs-dropdown-wrap {padding-left:0px; padding-right:0;}
section#jobs .jobs-dropdown {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  background-color:#fff; height:auto; overflow:hidden; margin-bottom:10px;}
section#jobs .jobs-dropdown .dropdown-head {padding:15px 20px;}
section#jobs .jobs-dropdown .dropdown-head h1 {margin:0;}
section#jobs .jobs-dropdown .dropdown-body {height:auto; max-height:0; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out; padding:0 20px; color:transparent;}
section#jobs .jobs-dropdown .dropdown-body p {margin:0;}
section#jobs .jobs-dropdown .dropdown-body p:after {content:''; height:0.8em; display:block;}
section#jobs .jobs-dropdown.open .dropdown-body {max-height:3000px; color:inherit;}
section#jobs .jobs-dropdown img {float:right; height:1.2em; margin-bottom:10px; width:auto; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
section#jobs .jobs-dropdown.open img {-moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg);}

section#kontakt {-webkit-box-align:end; -ms-flex-align:end; align-items:flex-end;background-image: url(../img/fotos/IMGP9607.jpg); background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  background-attachment: fixed; background-position: center; position:relative; margin-top:150px;}
section#kontakt .container {position:relative; }
section#kontakt .center-container {max-width:800px; margin:0 auto;}
section#kontakt .twocolumn-container {position:absolute; bottom:0; right:0; left:0;}
section#kontakt .twocolumn-container a {font-weight:300;}
.kontakt-map > div {height:40vh; width:auto; left:0; right:0; margin: 30px -30px -30px -30px;}
.kontakt-map iframe {height:100%; width:100%; }



section#cta {overflow:hidden;}
section#cta .vertical-center {width:50%;}
section#cta .section-textblock {width:100%;}
section#cta .section-textblock .textblock-indent {max-width:550px;}
section#cta .split-bg {background: radial-gradient(#ececed, #c5c6c6);}
section#cta .split-bg-img {width:auto; ; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:absolute; top:0; bottom:0px; z-index:50; right:0; left:40%;}
section#cta .split-bg-img img {height:auto; width:120%; position:absolute; left:0; top:5%;}
section#cta .scroll-icon {width:40px; height:auto; -webkit-animation-duration: 3s; -moz-animation-duration: 3s; animation-duration: 3s; position:absolute; bottom:20px; left:50%; left:calc(50% - 20px); left:30%; z-index:99;}


section#projekte { padding-bottom: 100px; }
section#projekte .square-wrapper {overflow:hidden; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
section#projekte .square-wrapper .square img {width:100%; height:100%; position:absolute; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
section#projekte .square-wrapper .square {overflow:hidden;}
section#projekte .square-wrapper:hover {-webkit-filter: grayscale(0%); filter: grayscale(0%);}
section#projekte .square-wrapper:hover .square img {-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
section#projekte .square-wrapper.no-popup:hover {}
section#projekte .square-wrapper.no-popup:hover .square img {-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
section#projekte .projects-row-wrapper {position:relative;}

section#projekte .projekte-wrap {
	height:auto;
	display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
        flex-flow:row wrap;}
section#projekte .projekte-single-wrap {min-height:30px; padding-bottom:25%; width:25%; background:#999; position:relative; background-position:center; background-size:108% 108%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;}
section#projekte .projekte-single-wrap.spacer {background:#fff !important; }
section#projekte .projekte-single-inner {position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.5); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;}
section#projekte .projekte-single-inner div {position:absolute; text-align:center; top:50%; right:0; left:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); color:#fff; text-decoration:none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; color:#fff; text-decoration:none; font-size:23px; max-width:95%; margin:0 auto;}
section#projekte .projekte-single-inner div > span > span > span {-webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;}
section#projekte .projekte-single-inner div > span {
  background-color: inherit;
  border-radius: 0;
  color: #fff;
  display: inline-block;
  padding: 8px 20px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
section#projekte .projekte-single-inner div > span:before,
section#projekte .projekte-single-inner div > span:after {
  background-color: #00a9ba;
  content: "";
  position: absolute;
  transform: translate3D(0, 100%, 0);
  transition: transform 0.2s linear;
  transition-delay: 0.2s;
  width: 2px;
  height: 100%;
  bottom: 0;
}
section#projekte .projekte-single-inner div > span:before {
  right: 0;
  left: auto;
}
section#projekte .projekte-single-inner div > span:after {
  left: 0;
}
section#projekte .projekte-single-inner div > span > span > span:after {
  content: "";
  height: 2px;
  border-bottom: 2px solid #00a9ba;
  bottom: 0;
  position: absolute;
  right: 20px;
  left: 20px;
  transition: left 0.2s linear, right 0.2s linear;
  /* double delayed time for transition */
  transition-delay: 0.4s;
}
section#projekte .projekte-single-inner div > span > span:before,
section#projekte .projekte-single-inner div > span > span:after {
  border-top: 2px solid #00a9ba;
  content: "";
  position: absolute;
  top: 0;
  transition: transform 0.2s linear;
  width: 50%;
}
section#projekte .projekte-single-inner div > span > span:before {
  left: 0;
  transform: translate3D(-101%, 0, 0);
}
section#projekte .projekte-single-inner div > span > span:after {
  right: 0;
  transform: translate3D(101%, 0, 0);
}
section#projekte .projekte-single-wrap:not(.nofeatherlight):hover div > span:before,
section#projekte .projekte-single-wrap:not(.nofeatherlight):hover div > span:after {
  transform: translate3D(0, 0, 0);
  transition: transform 0.2s linear;
  transition-delay: 0.2s;
}
section#projekte .projekte-single-wrap:not(.nofeatherlight):hover  .projekte-single-inner div > span > span > span:after {
  right: 1%;
  left: 1%;
  transition: left 0.2s linear, right 0.2s linear;
}
section#projekte .projekte-single-wrap:not(.nofeatherlight):hover  .projekte-single-inner div > span > span:before,
section#projekte .projekte-single-wrap:not(.nofeatherlight):hover  .projekte-single-inner div > span > span:after {
  transform: translate3D(0, 0, 0);
  transition: transform 0.2s linear;
  /* double delayed time for transition */
  transition-delay: 0.4s;
}


section#projekte .projekte-single-wrap:not(.nofeatherlight):hover {background-size:100% 100%;}
section#projekte .projekte-single-wrap:not(.nofeatherlight):hover .projekte-single-inner {background:rgba(0,0,0,0.2);}
section#projekte .projekte-single-wrap:not(.nofeatherlight):hover .projekte-single-inner div span {font-size:25px;}

.engagement-logos {
	display: flex; flex-flow: row nowrap; justify-content: space-between; align-items:center;
}
.engagement-logos img {
	width:100%;
	display:block;
	padding-right:30px;
}


.socials a {margin-right:12px; }
.socials a img {width:40px; height: auto; overflow:hidden; border-radius:11px; opacity:0.3;  -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.socials a img:hover {opacity:0.5;}

.vertical-center-kacheln {position:absolute; height:100%;}
.vertical-center-kacheln.right {right:0;}
.vertical-center-kacheln .vertical-center-wrap .vertical-center .section-textblock {width:auto;}
.vertical-center-kacheln.right .vertical-center-wrap {left:auto;}

.news-spacer {width:100%; height:20px; background-color:#fff;}

.imprint-2col {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap;}
.imprint-2col div {padding-right:30px;}


section.legal .container {padding:50px 20px;}
section.reviews .container {padding:80px 20px;}

section.error-404 .container {
	padding:130px 20px 0 20px;
	display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
        flex-flow:row nowrap;
-webkit-box-align:start;
    -ms-flex-align:start;
        align-items:flex-start;
-webkit-box-pack:justify;
    -ms-flex-pack:justify;
        justify-content:space-between;}
section.error-404 h1 {font-size: 10em; font-weight: 900; margin-bottom: 0.5em; margin-right: 40px;}
section.error-404 p {margin-top:70px; width:100%;}
section.error-404 img {max-width:200px; height:auto; display:-webkit-box;
    display:-ms-flexbox;
    display:flex; -ms-flex-item-align:end;
    align-self:flex-end;}




@media(max-width:1501px) {
	
	.split-bg-wrap.right {right:20px; left:50%;}
	.split-bg-wrap.left {right:50%; left:20px;}
	
	.split-bg-img {right:20px;}
	
	section#kunden .split-bg-img {width:90vw;}
	
	section#agentur .split-bg-img {left:20px;}
	
	section#cta .split-bg-img {right:20px;}
	/*section#cta .section-textblock {width:40%;}*/
	
	.projekte-wrap {padding:0 20px;}
	
	.featherlight.featherlight-projects .featherlight-content .featherlight-content-wrap {padding-top:50px;}
	
}

@media(max-width:1300px) {
	
	.square p {font-size:0.75em;}
	.click-expand .click-expand-icon {width:1.5em; height:1.5em;}
	
}


@media(max-width:1030px) {
	
	.text-right {text-align:left;}
	.text-right p.button a {margin-right:20px; margin-left:0;}
	.square p {font-size:1em;}
	.section-textblock {float:none !important; display:block; width:auto!important; max-width:none !important; padding-bottom:40px; padding-top:0!important; padding-left:20px !important; padding-right:20px !important;}
	section.full-height {height:auto; min-height:0;display:block;}
	
	.click-expand .click-expand-icon {width:2em; height:2em; opacity:1;}
	
	.column-content {padding-left:20px; padding-right:20px;}
	
	.container.vertical-center-wrap .vertical-center .section-textblock {padding-left:20px; padding-right:20px; float:none;}
	
	.textblock-indent {width:auto !important;}
	
	.square-wrapper.empty {display:none;}
	
	.square-content {position:relative;}
	.square-content h1:before {content:''; position:relative; width:1.5em; height:0.5em; float:right;}
	
	.twocolumn-container.right {float:none;}
	.twocolumn-container.right {float:none;}
	
	section .twocolumn-container {width:100%; float:none; padding:0;}
	section .onecolumn-container {width:100%; float:none; padding:0;}
	
	.container.vertical-center-wrap {position:relative; display:block;}

	.split-bg-wrap { position:relative; min-height:50vh;}
	.split-bg-wrap.right {right:0; left:0;}
	.split-bg-wrap.left {right:0; left:0;}
	.split-bg-wrap.right .split-bg {left:0; right:0;}
	.split-bg-wrap.left .split-bg {left:0; right:0;}
	
	.split-bg-img {width:100%; right:0; bottom:50px;}
	.split-bg-img img {min-width:600px;}
	
	
	section#start .interactive-header-bubble {width:40px; height:40px;}
	
	section#start .interactive-header-bubble.bubble-ipad {top:53%; left:69%;}
	section#start .interactive-header-bubble.bubble-zeitung {top:87%; left:68%;}
	section#start .interactive-header-bubble.bubble-imac {top:26%; left:48%;}
	section#start .interactive-header-bubble.bubble-a5 {top:60%; left:50%;}
	section#start .interactive-header-bubble.bubble-a4 {top:48%; left:30%;}
	section#start .interactive-header-bubble.bubble-salesfolder {top:43%; left:10%;}
	
	section#start.full-height {height:100vh;}
	section#start .text-right {text-align:right;}
	#header-content {padding-right:10px;}
	
	section#agentur .split-bg-wrap {display:none;}
	section#agentur .split-bg-img {position:relative; height:auto; left:0;  background: radial-gradient(#ececed, #c5c6c6);}
	section#agentur .split-bg-img img {position:relative; top:0;}
	
	section#kunden .split-bg-wrap {min-height:500px;}
	
	section#agentur, section#cta {padding-top:50px;}
	section#adhocler, section#kunden, section#adhocler, section#jobs {padding-top:75px;}
	
	
	section#cta {padding-top:150px;}
	section#cta .vertical-center {width:auto;}
	section#cta .vertical-center .textblock-indent {max-width:none;}
	section#cta .split-bg-wrap {display:none;}
	section#cta .split-bg-img {position:relative; height:auto; left:0;  background: radial-gradient(#ececed, #c5c6c6);}
	section#cta .split-bg-img img {position:relative; top:0;}
	section#cta .scroll-icon {display:none;}
	
	section#projekte .projekte-single-wrap {width:50%; padding-bottom:50%;}
	section#projekte .projekte-single-wrap.spacer {display:none;}
	
	.projekte-wrap {padding:0;}
	
	
	section#leistungen .section-textblock {padding-top:0;}
	section#leistungen .twocolumn-container {width:100%; float:none; padding:0;}
	
	section#jobs .jobs-dropdown-wrap {margin-top:50px; padding-left:20px;}
	section#jobs .jobs-dropdown {background-color:#d9dada;}
	
	section#kontakt {margin-top:0;}
	section#kontakt .container {padding:0;}
	section#kontakt .empty {display:none;}
	section#kontakt .twocolumn-container {position:relative;}
	section#kontakt .center-container {max-width:none;}
	
	
	.engagement-logos {
	display: flex; flex-flow: row nowrap; justify-content: center;
		align-items:center;
}
	.engagement-logos a img {
	padding-left:15px; padding-right:15px;
}
	
	.kontakt-map {margin:30px -20px -30px -20px;}
	
	.vertical-center-kacheln {position:relative;}
	.vertical-center-kacheln .vertical-center-wrap {display:block; position:relative;}
	
	footer .flex-container .flex-clm {
	width:100%;width: 100%;}
	footer .flex-container.flex-clm .text-right{
	width:100%;width: 100%;height: auto;}
	footer .text-right a {margin-left: 0; margin-right: 30px;}
	footer {padding-top:40px;}
	
}


@media(min-width:768px) and (max-width:870px) {
	.nav-item {margin-right:12px; font-size:18px;}
}

@media(max-width:767px) {
	
	body {font-size:15px;}
	
	h1, .typed-headings {font-size:2em;  line-height:120%;}
	h2 {font-size: 2em; }
	
	.square h1 {font-size:2em;}
	
	.typed-cursor { font-size:1.8em;}
    
	#nav-icon {visibility: visible;}
	.navbar .container {display:block;}
	.navbar-default .navbar-collapse {border:none;}
	.navbar-collapse {float:none; border:none;}
	.navbar-header {float:none;}
	.navbar-brand {padding-right:15px;}
	
	.navbar #navbar-logo {height:50px; }
	.top-nav-collapse #navbar-logo {padding-bottom:5px;}
	
	.nav-item {max-width:300px; padding-left:15px;}
	
	.square p {font-size:0.85em;}
	.click-expand .square-content-hover p:before {width:5em; height:3em;}
	
	.featherlight.featherlight-projects .featherlight-content-wrap .featherlight-row .container {padding-top:20px;}
	.featherlight.featherlight-projects .featherlight-content-wrap .featherlight-row.borderless-img img {width:100%;}
	.featherlight.featherlight-projects .featherlight-content-wrap .featherlight-row img, .featherlight.featherlight-projects .featherlight-content-wrap .featherlight-row video {width:100%; display:block;}
	.featherlight.featherlight-projects .featherlight-content-wrap .featherlight-row .project-info {position:relative; width:100%;}
	.featherlight.featherlight-projects .featherlight-content-wrap .featherlight-row .project-info .project-info-arrow {display:none;}
	.featherlight.featherlight-projects .featherlight-content-wrap .featherlight-row.borderless-img .project-info {margin-top:0;}
	.featherlight.featherlight-projects .project-feature-footer {padding-top:50px; padding-bottom:50px;}
	.featherlight.featherlight-projects .project-feature-footer .button {margin:0;}
	
	
	section#start video {margin-top:90px;}
	section#start {background-color:#9c9d9d; line-height:0;}
	section#cta {padding-top:150px;}
	
	section.error-404 .container {
		padding:80px 20px 0 20px;
		-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
        flex-flow:row wrap;
	-webkit-box-pack:start;
    -ms-flex-pack:start;
        justify-content:flex-start;}
	section.error-404 h1 {
		margin-bottom:20px;
	}
	section.error-404 p {
		margin-top: 0px;}
	section.error-404 img {
		margin-top: 50px;}
}



@media(min-width:501px) and (max-width:1030px) {
	.black-45-tablet {background-color:#a7a7a8;}
	.black-85-tablet {background-color:#494948;}
}


@media(max-width:500px) {
	.black-85-mobile {background-color:#494948;}
	
	.navbar #navbar-logo {height:35px;}
	.top-nav-collapse #navbar-logo {padding-bottom:0;}
	#nav-icon {top:5px;}
	
	
	.split-bg-img img {min-width:0;}
	
	section#start {}
	
	section#start video {margin-top:75px;}
	section#start .interactive-header-bubble {width:25px; height:25px;}
	
	section#start .interactive-header-bubble.bubble-ipad {top:53%; left:69%;}
	section#start .interactive-header-bubble.bubble-zeitung {top:80%; left:68%;}
	section#start .interactive-header-bubble.bubble-imac {top:26%; left:48%;}
	section#start .interactive-header-bubble.bubble-a5 {top:60%; left:50%;}
	section#start .interactive-header-bubble.bubble-a4 {top:48%; left:30%;}
	section#start .interactive-header-bubble.bubble-salesfolder {top:40%; left:8%;}
	
	
	section#jobs .split-bg {background-position:right;}
	
	.square-wrapper {width:100%; float:none;}
	.click-expand .square-content-hover p:before {display:none;}
	
	section#leistungen .square-wrapper {}
	section#leistungen .square {padding:0; height:auto; -webkit-transition:0.5s all ease; -o-transition:0.5s all ease; transition:0.5s all ease;}
	section#leistungen .square.orange {background-color:#514f4e;}
	section#leistungen .square-content-hover {position:relative; height:auto; max-height:0; padding:0 20px; -webkit-transition:0.1s all ease; -o-transition:0.1s all ease; transition:0.1s all ease; overflow:hidden;  background:transparent;}
	section#leistungen .square-wrapper.open .square-content-hover {max-height:999px; padding:20px 20px; -webkit-transition:0.6s all ease; -o-transition:0.6s all ease; transition:0.6s all ease;}
	section#leistungen .square-wrapper.open .square {background-color:#00a9ba;}
	
	.square p {font-size:1em; margin-bottom:0;}
	
	
	section#projekte .projekte-single-wrap {width:100%; padding-bottom:30%; background-size: 108% auto; background-position: 50% 30%;}
	section#projekte .projekte-single-wrap:hover {background-size:100% auto;}
	
	


}

@media(max-width:290px) {
	h2 {font-size:1.5em}
	.square p {font-size:0.8em;}
}


@media (max-aspect-ratio: 1/1) {
	section#start {
    min-height: 0;
}
	section#start video {
    position:relative; 
}
}