/* CSS by studio-frey.com */

/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}
img {border: 0px; vertical-align: bottom;} img title {visibility:hidden !important;}

/* start general styles */
html { overflow-y: scroll; }
.mobile {display:none !important;}
.onlyphone {display:none !important;}
.onlyphone-portrait {display:none !important;}
body { 
	-webkit-font-smoothing: antialiased; 
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust:none;
	height: auto;
	color:#372c28;
	font-family:'euclid_circular_blight',Arial,sans-serif; font-style:normal; 
	font-variant-ligatures: none;
	-webkit-font-variant-ligatures: no-common-ligatures;
	background: #edece7;
	}

/* start sitebuild styles */	
html,body {height:100%;}
.noscroll {height:100%; overflow:hidden;}

p {font-size:17px; line-height:27px; letter-spacing:0.3px; margin-top:17px; font-variant-ligatures: none;}

h1 {font-family:'sangbleu_empireregular', Times, serif; font-style:normal; font-size:36px; line-height:52px; letter-spacing:0px;}
h2 {font-family:'sangbleu_empireregular', Times, serif; font-style:normal; font-size:48px; line-height:58px; letter-spacing:0.5px; padding:0 0 20px;}
h3 {font-family:'sangbleu_empireregular', Times, serif; font-style:normal; font-size:40px; line-height:58px; letter-spacing:0.5px; padding:0 0 20px;}
h4 {font-family:'euclid_circular_blight',Arial,sans-serif; font-style:normal; color:#94523a; font-size:18px; line-height:18px; letter-spacing:0.1px; padding:0 0 16px;}

.trans {-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s;}
.trans:hover {-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s;}
/* end general styles */

/* start link styles */
a:link, a:visited {font-style:normal; text-decoration:none; color:#372c28; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
a:hover {text-decoration:underline; color:#372c28; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
/* end link styles */

/* COLORS*/
.color1 {background:#efeeee;}
.color2 {background:#e8dfd7;}
.color3 {background:#efeeee;}
.color4 {background:#f9f5f3;}
.color5 {background:#564b46;}
.color6 {background:#e4bba1;}
.color7 {background:#372c28;}
.color8 {background:#d9cbbe;}
.color9 {background:#eee9e4;}
.color10 {background:#7a6f6b;}
.color11 {background:#b1acaa;}
.color12 {background:#40412d;}

.color-1 {background:#F9F8F6;}

.color-4 {background:#ddd9ce;}
.color-5 {background: #cccbba;}
.color-15 {background:#40412d;}

.color-17 {background:#edece7;}
.color-19 {background:#666757;}


.loading-window {position:fixed; width:100%; background:#FFF; left:0; right:0; top:0; bottom:0; z-index:199;}
.loading-window img {position:absolute; top:38%; left:50%; width:200px; margin-left:-100px; opacity:0.9;}
.loading-window2 {position:fixed; width:100%; background:#FFF; left:0; right:0; top:0; bottom:0; z-index:98;}

@-moz-keyframes zoomIn { 100% { -moz-transform: scale(1.1); } }
@-webkit-keyframes zoomIn { 100% { -webkit-transform: scale(1.1); } }
@keyframes zoomIn { 100% { -webkit-transform: scale(1.1); transform:scale(1.1); } }

.block-logo-top {position:fixed; left:50%; top:48px; width:40px; margin-left:-20px; z-index:99;} .block-logo-top img {width:100%;}
.block-logo-bottom {position:fixed; left:50%; top:122px; width:194px; margin-left:-97px; z-index:97;} .block-logo-bottom img {width:100%;}

/* navigation mobile */
#navigationwrapper {position:fixed; width:100%; height:100%; top:0; bottom:0; left:0; right:0; z-index:98; box-sizing:border-box; padding:0vh 0px 0px 0px; display:none;}
#navigation {position:absolute; left:80px; top:20vh; box-sizing:border-box; z-index:6;}
#navigation ul li {margin:28px 0px 0px 0px; display:block; list-style:none; position:relative; float:none; text-align:left;}
#navigation ul li a {font-family:'sangbleu_empireregular', Times, serif; font-style:normal; font-size:44px; line-height:44px; letter-spacing:0.5px; padding:0px; text-decoration:none;}
#navigation ul li a:hover {color:#94523a; text-decoration:none; cursor:pointer; padding-left:10px;}
#navigation ul li a.active {color:#94523a; text-decoration:none;}

.navigation-address-top {position:absolute; left:80px; top:63vh;}
.navigation-address-left {position:absolute; left:80px; top:73vh;}
.navigation-address-right {position:absolute; left:280px; top:73vh;}
.navigation-slogan-image {position:absolute; right:80px; top:19vh; box-sizing:border-box; width:360px; padding:130px 90px;} .navigation-slogan-image img {width:100%;}
.navigation-slogan {position:absolute; right:290px; top:19vh; margin-top:40px;} .navigation-slogan p {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; color:#94523a; font-size:26px; line-height:26px;}
.navigation-sociallinks {position:absolute; right:286px; top:19vh; margin-top:532px;} 
.navigation-sociallinks img {width: 26px; margin: 0 5px; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s;}
.navigation-sociallinks img:hover {transform: scale(1.07); -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s;}

.navigation-show {display:none;}

#contentcontainer {position:relative; z-index:5; padding:0px 0 0; min-height:500px; overflow:hidden;}
.contentlimiter0 {margin:auto; position:relative; z-index:6; width:100%; padding:0 20px; box-sizing:border-box;}
.contentlimiter1 {margin:auto; position:relative; z-index:6; max-width:1280px; padding:0 80px;}
.contentlimiter2 {margin:auto; position:relative; z-index:6; max-width:1100px; padding:0 180px;}
.contentlimiter3 {margin:auto; position:relative; z-index:6; max-width:740px; padding:0 180px;}

.block404 {font-size:30px; line-height:40px; padding:100px 0;}

/* VIDEO AND IMAGE BACKGROUND CLASS */
.vid{position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden;}

.block-text1 {max-width:740px;}
.block-text1 a {display:inline-block; font-size:14px; line-height:14px; margin:40px 0 0; padding:0px 0 0 66px; background:url(../data/files/bg-links.jpg) no-repeat; background-size:50px 1px; background-position:center left;}

.block-text1-special p span {color:#94523a; display: block; padding: 0 0 20px;}

.block-text1 a:hover {text-decoration:none !important;}
.block-text1 a span {font-family:'caliwayregular',Arial,sans-serif; display: inherit; font-style:normal; color:#94523a; font-size:15px; line-height:15px; padding:0 0 0 7px; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
.block-text1 a:hover span {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; color:#94523a; font-size:15px; line-height:15px; padding:0 0 0 10px; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}

.block-text2 {max-width:90%;}
.block-text2-short p {max-width:800px;}

.block-text3 {max-width:740px;}
.block-text3 a {text-decoration:underline;}

.block1 {box-sizing:border-box; margin:0 auto 0; padding:140px 0; z-index:20; position:relative;} 

.block2 {box-sizing:border-box; margin:0 auto 0; padding:140px 0; z-index:20; position:relative; text-align:center;} 
.block2b {padding-bottom:280px;}
.block2d {padding-top:320px;}

.block2c {padding-top:220px; text-align:left;}
.block2c h2 {letter-spacing:0; display:inline;}
.block2c h2 a {display:inline-block; font-size:14px; line-height:14px; font-family:'euclid_circular_blight',Arial,sans-serif; font-style:normal; color:#94523a; }

.block2c h2 a span {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; color:#94523a; font-size:15px; line-height:15px; padding:0 0 0 7px; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
.block2c h2 a:hover {text-decoration:none; outline:none;}
.block2c h2 a:hover span {padding:0 0 0 10px; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
.block2c h2 a:visited {outline:none;}

.block3 {box-sizing:border-box; margin:0px auto 0; padding:0px 0 0px; z-index:20; position:relative; text-align:center;} .block3 img, .block3 video {width:100%;}
.block3b {margin-top:-140px;}

.block3c {padding:0 0 380px;}
.block3-bottom {position:absolute; left:0; bottom:-50px; text-align:center; width:100%;}
.block3-bottom p {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; color:#94523a; font-size:56px; line-height:56px;}

.block4 {box-sizing:border-box; margin:0 auto 0; padding:250px 0 140px; z-index:20; position:relative;} .block4 img, .block4 video {width:100%;}
.block4-left {float:left; width:60%; overflow:hidden;}
.block4-left img {-webkit-animation:zoomIn 14s linear 0s;
    -moz-animation:zoomIn 14s linear 0s;
    animation:zoomIn 14s linear 0s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-animation-fill-mode: forwards;}
.block4-right {position:absolute; right:80px; width:27%; margin:250px 0 0 0; box-sizing:border-box; padding:60px 60px;}
.block4-claim {position:absolute; right:20px; width:530px; margin:50px 0 0 0;}
.block4-byline {position:absolute; left:80px; bottom:-24px;}
.block4-byline p {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; color:#94523a; font-size:36px; line-height:36px; padding: 0 10px;}

.block5 {box-sizing:border-box; margin:130px auto 120px; padding:120px 550px 140px 140px; z-index:20; position:relative;} 
.block5-imagebox {position:absolute; top:-220px; right:-80px; width:500px;} .block5-imagebox img {width:100%;}
.block5 h2, .block5 p {color:#edece7;}

.block5 p a {color:#edece7; background:url(../data/files/bg-links7a6f6b.jpg) no-repeat; background-size:50px 1px; background-position:center left;}


.block6 {box-sizing:border-box; margin:0 auto 0; padding:0px 0; z-index:20; position:relative;} 
.block6-box {margin:0px 0 100px;}
.block6-box-text {float:left; width:60%; box-sizing:border-box; padding:90px 100px 160px; text-align:center;} .block6-box-text img {width:40px; padding-bottom:70px;}
.block6-box-text-left {padding-right:220px;} .block6-box-text-right {padding-left:220px; margin-left:-10%; z-index:25; position:relative;}
.block6-box-image {float:left; width:50%; margin:70px 0 0 0;} .block6-box-image img, .block6-box-image video {width:100%;}
.block6-box-image-right {margin-left:-10%;} .block6-box-image-left {margin-right:0; z-index:30 !important; position:relative;}

.block7 {box-sizing:border-box; margin:0 auto 0; padding:220px 0 40px; z-index:20; position:relative;} 
.block7-portrait {position:relative; box-sizing:border-box; width:750px; padding:100px; margin:30px 0 0;} .block7-portrait img {width:100%;}
.block7-signature {position:absolute; width:800px; left:160px; bottom:-30px; font-family:'caliwayregular',Arial,sans-serif; font-style:normal; color:#94523a; font-size:56px; line-height:56px;}

.block7-portrait-text {position:relative; width:550px; margin:120px 0 0 100px;}
.block7-portrait-text h2 {font-family:'euclid_circular_blight',Arial,sans-serif; font-style:normal; font-size:20px; line-height:20px; letter-spacing:0.3px; padding:0 0 0px 0; margin-bottom:0px;}
.block7-portrait-text p span {font-size:13px; line-height:13px; letter-spacing:0.3px; padding:0 0 30px 0; display:block;}
.block7-portrait-text p a {color:#94523a;}
.block7-right {position:absolute; top:290px; right:80px; width:370px;} .block7-right img {width:100%; padding:0 0 30px;}

.block8 {box-sizing:border-box; margin:180px auto 0px; padding:1px 0 10px; z-index:20; position:relative; text-align:center;} 
.block8-inner {box-sizing:border-box; padding:180px 0 0; margin:0px 0 -220px; text-align:center; color: #edece7;} .block8-inner img, .block8-inner video {width:100%;}
.block8-inner .block-text1 {margin:auto; padding:0px 0 120px;}
.block8-inner p {color: #edece7;}

.block8b {box-sizing:border-box; margin:0px auto 0px; padding:0px 0 10px;} 

.block9 {box-sizing:border-box; margin:200px auto 0; padding:200px 0; z-index:20; position:relative; text-align:center;} 
.block9 p {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:26px; line-height:26px; color:#94523a;}
.block9 h2 {font-size:66px; line-height:66px; color:#94523a;}

.block10 {box-sizing:border-box; margin:-300px -200px 0px 200px; padding:120px 270px 300px 140px; z-index:20; position:relative;} 
.block10 h2, .block10 p {color:#e8dfd7;} .block10 p {max-width:430px;}

.block11 {box-sizing:border-box; margin:300px auto 0; padding:1px 0; z-index:20; position:relative;}

.block12 {box-sizing:border-box; margin: 200px auto 0; padding:0px; z-index:20; position:relative; z-index: 80;}
.block12-inner {box-sizing:border-box; margin:0px auto 0; padding:70px 250px 0px; z-index:20; position:relative; text-align:center;}  .block12 img, .block12 video {width:100%; margin-top:-110px;} 
.block12-inner p {font-size:22px; color:#94523a; position: relative;}

.block12-signature {position:absolute; width:1100px; text-align:center; left:0px; top:-45px; font-family:'caliwayregular',Arial,sans-serif; font-style:normal; color:#94523a; font-size:56px; line-height:56px;}

.block13 {box-sizing:border-box; margin:0 auto 1px; padding:200px 0 100px; z-index:20; position:relative;} 
.block13-bottomtext p {color:#321e17; max-width:530px; text-align:center; display:block; margin:150px auto 0;}

.block14-wrapper {padding:80px 0 50px;}
.block14-image {float:left; box-sizing:border-box; width:55%; position:relative;} .block14-image img, .block14-image video {width:100%; margin-top: 0px;}
.block14-signature-left {position:absolute; left:70px; bottom:-45px; font-family:'caliwayregular',Arial,sans-serif; font-style:normal; color:#94523a; font-size:44px; line-height:44px; padding: 0 20px;}
.block14-signature-right {position:absolute; right:70px; top:-35px; font-family:'caliwayregular',Arial,sans-serif; font-style:normal; color:#94523a; font-size:44px; line-height:44px; padding: 0 20px;}

.block14-text {float:left; box-sizing:border-box; width:45%;} 
.block14-text p {font-size:20px; line-height:30px; margin:0 0 35px;}

.block14-maps p a {display:inline-block; font-size:14px; line-height:14px; margin:40px 0 0; padding:0px 0 0 66px; background:url(../data/files/bg-links.jpg) no-repeat; background-size:50px 1px; background-position:center left;}
.block14-maps p a:hover {text-decoration:none !important;}
.block14-maps p a span  {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; color:#94523a; font-size:15px; line-height:15px; padding:0 0 0 7px; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
.block14-maps p a:hover span  {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; color:#94523a; font-size:15px; line-height:15px; padding:0 0 0 10px; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}

.block14-text-right {padding:0px 0 0 70px; text-align:left;}
.block14-text-left {padding:90px 70px 0 0px; text-align:right;}
.block14-text-left .block14-maps p a:hover {margin-right:-3px;}

.block-spacer1 {box-sizing:border-box; margin:0px auto 0; padding:120px 0 0; z-index:20; position:relative;} .block-spacer1 img {width:100%;}
.block-spacer1b {padding-top:0px;}
.block-spacer1-text {position:absolute; width:100%; top:42%; text-align:center;} .block-spacer1b-text {top:32%;}
.block-spacer1-text p {font-size:30px; line-height:42px; color:#321e17;}

.block-spacer2 {box-sizing:border-box; margin:0px auto 0; padding:120px 0 100px; z-index:20; position:relative;} .block-spacer2 img {width:100%;}
.block-spacer2-text {position:absolute; width:100%; top:45%; text-align:center;}
.block-spacer2-text p {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:26px; line-height:26px; color:#f9f5f3;}
.block-spacer2-text h2 {font-size:60px; line-height:60px; color:#f9f5f3;}

.block-insta {box-sizing:border-box; margin:0px auto 0px; padding:220px 180px 260px; z-index:20; position:relative; text-align:center;}
.block-insta h3 span {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; color:#94523a; font-size:36px; line-height:36px;}
.block-insta img {width:100%; padding:0px 0 0;}
.block-insta p {padding: 0 0 50px;}

#instafeed {margin:70px 0 0 0; background:none; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
#instafeed:hover a{opacity:.5}
#instafeed a{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:calc(100%/5);-ms-flex-preferred-size:calc(100%/5);flex-basis:calc(100%/5);line-height:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;}
#instafeed a:hover{opacity:1}
#instafeed img{width:100%; padding:25px; display:block; box-sizing:border-box;}

.block-footer-spacer {box-sizing:border-box; margin:0px auto 0; padding:0px 0; z-index:20; position:relative;} .block-footer-spacer img {width:100%;}
.block-footer-spacer-text {position:absolute; width:100%; top:40%; text-align:center;}
.block-footer-spacer-text p {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; color:#DCD9D0; font-size:18px; line-height:18px;}
.block-footer-spacer-text h2 {color:#DCD9D0;}

.block-footer {box-sizing:border-box; margin:0px auto 0; padding:130px 0 150px; z-index:20; position:relative; color:#f9f5f3;}
.block-footer p, .block-footer p a {color:#321e17;}
.block-footer-left {float:left; width:50%; text-align:left;} .block-footer-left p {font-family:'sangbleu_empireregular', Times, serif; font-style:normal; font-size:28px; line-height:40px;}
.block-footer-right2 {float:right; width:180px; padding-top:0px; text-align:left;}
.block-footer-right {float:right; width:180px; padding-top:0px; text-align:left;}

.block-footer-copyright {position:relative; width:100%; text-align:center; color:#321e17; font-size:12px; line-height:12px; padding:20px 0;}
.block-footer-copyright a {color:#321e17;}

/* PROJECTS*/
/* Start Isotope*/
.button {display:inline; margin:0 22px 0 0 !important; padding:0; background:none; border: none; border-bottom:1px solid #edece7; color:#94523a; font-family:'euclid_circular_blight',Arial,sans-serif; font-style:normal;  font-size: 16px; cursor: pointer;}
.button:hover {border-bottom:1px solid #94523a;}
.button:active, .button.is-checked {border-bottom:1px solid #94523a; outline:none;}
.button-group {text-align:left; }
.button-group:after {content: ''; display: block; clear: both;}
/* End Isotope*/

/* project search*/ 
.search {border:none; display:inline-block; vertical-align:top; border-bottom:3px solid #372c28; background:none; width:280px; margin:10px 0 10px; padding:10px 10px 7px; 
box-sizing:border-box; color:#372c28; font-family:'sangbleu_empireregular', Times, serif; font-style:normal;  font-size: 19px; outline:none;}
.search:hover {background:none;}

.project-overview-list {text-align:center; margin:60px 0 0; padding:0 0 200px; display:inherit; position:relative; z-index:30; color:#94523a;}
.project-overview-list p {margin-top:0px;}
.project-overview-list p a:hover {color:#94523a; text-decoration:none; cursor:pointer;}
.project-overview-list-box {width: 25%; float: left; text-align: center;}

.project-overview-wrapper{margin:10px -0.6% 250px -0.6% !important;}
.project-overview-box {width:32.1%; margin:0.6% 0.6%; float:left;} .project-overview-box img, .project-overview-box video {width:100%; display:block;}

.project-overview-overlay {position:absolute; box-sizing:border-box; top:0%; width:100.1%; bottom:0; padding:0 0px; text-align:center; background:#40412D; opacity:0; z-index:11;}
.project-overview-overlay:hover {opacity:1; transition-delay:0.2s; -webkit-transition-delay:0.2s; height:100%;} 
.project-overview-overlay h1 {font-size:10px; opacity:1; padding:0% 0 0; top:48%; position:absolute; width:100%; text-align:center; color:#DDD9CE;}
.project-overview-overlay:hover h1 {opacity:1; -webkit-transition:all 0.1s ease 0s; transition:all 0.1s ease 0s; transition-delay:0.2s; -webkit-transition-delay:0.2s; font-size:22px; line-height:22px; letter-spacing:0.4px;}

.project-detail-header {box-sizing:border-box; margin:0 auto 0; padding:200px 0 90px; z-index:20; position:relative; text-align:center;} 
.project-detail-header h2 {font-size:20px; line-height:30px; padding:26px 0 0;}
.project-detail-topimg {margin:40px auto 0px; box-sizing:border-box; padding:50px 20px;} .project-detail-topimg img {border:7px solid rgba(255,255,255,1);} .project-detail-topimg video {width:100%;}
.project-detail-topimg-portrait {width:100%; max-width:620px;}
.project-detail-topimg-landscape {width:100%; max-width:1000px;}

.project-detail-textwrapper {padding:70px 0 0px;}

.project-detail-text {float:left; text-align:left; box-sizing:border-box; font-family:'sangbleu_empireregular', Times, serif; font-style:normal; font-size:18px; line-height:26px; padding:10px 0 40px;}
.project-detail-text p {font-size:18px; line-height:26px; margin:0 0 0;}
.project-detail-text span {display:block; color:#94523a !important; font-family:'euclid_circular_blight',Arial,sans-serif; font-style:normal; font-size:11px; line-height:11px; letter-spacing:0.3px; padding:0 0 12px 1px;}
.project-detail-text-service {width:65%; padding-right:40px;}
.project-detail-text-location {width:25%; padding-right:20px;}
.project-detail-text-year {width:10%; padding-right:0px;}

.project-detail-imgwrapper {margin:10px -0.6% 200px -0.6% !important;} 
.project-detail-imgbox {width:32.1%; margin:0.6% 0.6%; float:left; overflow:hidden;} .project-detail-imgbox img, .project-detail-imgbox video {width:100%;}
.project-detail-imgbox img:hover {transform: scale(1.06);}

.project-detail-navigation {padding:30px 0 230px; position:relative; font-size:14px; line-height:14px;} 
.project-detail-navigation a:hover {text-decoration:none; color:#94523a;}
.project-detail-navigation-left {position:absolute; left:20px; top:35px;} .project-detail-navigation-left:hover {left:14px;}
.project-detail-navigation-center {position:relative; width:200px; margin:auto; text-align:center; font-family:'sangbleu_empireregular', Times, serif; font-style:normal; font-size:18px; line-height:26px;}
.project-detail-navigation-right {position:absolute; right:20px; top:35px;}  .project-detail-navigation-right:hover {right:14px;}
/* END PROJECTS*/

.team-overview-wrapper{padding:10px 0% 0; margin:0px -2.5% 0 -2.5%;}
.team-overview-box {position:relative; float:left; width:28.30%; margin:0 2.5% 8%;} 
.team-overview-box-textwrapper {box-sizing:border-box; padding:0 15px 3px 0px; text-align:left; font-size:14px; line-height:4px;}
.team-overview-box h3 {font-family:'euclid_circular_blight',Arial,sans-serif; font-style:normal; font-size:20px; line-height:20px; letter-spacing:0.3px; padding:0 0 15px 0;}
.team-overview-box-textwrapper a {display:block; color:#94523a; padding-top:32px;}
.team-overview-box-imgwrapper {position:relative; padding-bottom:140%; margin:0 0 50px 0; overflow:hidden;} .team-overview-box-imgwrapper img {display:block; position:absolute; width:100%; top:0; left:0;}
 
/* SLIDER */
#slider {position: relative; overflow: hidden; margin: 20px auto 0 auto;}
#slider ul {position: relative; margin: 0; padding: 0; list-style: none;}
#slider ul li {position: relative; display: block; float: left; margin: 0; padding: 0; width: 500px; height:750px; background: #ccc; text-align: center; line-height: 300px;}
a.control_prev, a.control_next {position: absolute; top: 45%; z-index: 999; display: block; padding: 4% 3%; width: auto; height: auto; background: none; color: #fff; text-decoration: none; font-weight: 600; font-size: 38px; opacity: 0.8; cursor: pointer;}
a.control_prev:hover, a.control_next:hover {opacity: 1; -webkit-transition: all 0.2s ease;}
a.control_prev {border-radius: 0 2px 2px 0;}
a.control_next {right: 0; border-radius: 2px 0 0 2px;}
/* END SLIDER */
 
/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
.clear {clear:both;}

/* Media Queries
***********************/
@media screen and (max-width: 1300px) {	
	p {font-size:17px; line-height:27px; letter-spacing:0.3px; margin-top:17px;}
	
	h1 {font-size:32px; line-height:46px; letter-spacing:0px;}
	h2 {font-size:42px; line-height:51px; letter-spacing:0.5px; padding:0 0 16px;}
	h3 {font-size:34px; line-height:48px; letter-spacing:0.5px; padding:0 0 16px;}
	h4 {font-size:16px; line-height:16px; letter-spacing:0.1px; padding:0 0 13px;}
	
	.loading-window {position:fixed; width:100%; background:#FFF; left:0; right:0; top:0; bottom:0; z-index:199;}
	.loading-window img {position:absolute; top:38%; left:50%; width:150px; margin-left:-75px; opacity:0.9;}
	.loading-window2 {position:fixed; width:100%; background:#FFF; left:0; right:0; top:0; bottom:0; z-index:98;}
	
	.block-logo-top {position:fixed; left:50%; top:48px; width:40px; margin-left:-20px; z-index:99;} .block-logo-top img {width:100%;}
	.block-logo-bottom {position:fixed; left:50%; top:122px; width:194px; margin-left:-97px; z-index:97;} .block-logo-bottom img {width:100%;}
	
	/* navigation mobile */
	#navigationwrapper {position:fixed; width:100%; height:100%; top:0; bottom:0; left:0; right:0; z-index:98; box-sizing:border-box; padding:0vh 0px 0px 0px;}
	#navigation {position:absolute; left:80px; top:20vh; box-sizing:border-box; z-index:6;}
	#navigation ul li {margin:24px 0px 0px 0px; display:block; list-style:none; position:relative; float:none; text-align:left;}
	#navigation ul li a {font-family:'sangbleu_empireregular', Times, serif; font-style:normal; font-size:36px; line-height:36px; letter-spacing:0.3px; padding:0px; text-decoration:none;}
	#navigation ul li a:hover {text-decoration:none; cursor:pointer; padding-left:10px;}
	#navigation ul li a.active {text-decoration:none;}
	
	.navigation-address-top {position:absolute; left:80px; top:60vh;}
	.navigation-address-left {position:absolute; left:80px; top:70vh;}
	.navigation-address-right {position:absolute; left:280px; top:70vh;}
	.navigation-slogan-image {position:absolute; right:80px; top:19vh; box-sizing:border-box; width:360px; padding:110px 80px;} .navigation-slogan-image img {width:100%;}
	.navigation-slogan {position:absolute; right:290px; top:19vh; margin-top:40px;} .navigation-slogan p {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:22px; line-height:22px;}
	.navigation-sociallinks {position:absolute; right:286px; top:19vh; margin-top:532px;} 
	
	.navigation-show {display:none;}
	
	#contentcontainer {position:relative; z-index:5; padding:0px 0 0; min-height:500px; overflow:hidden;}
	.contentlimiter0 {margin:auto; position:relative; z-index:6; width:100%; padding:0 20px; box-sizing:border-box;}
	.contentlimiter1 {margin:auto; position:relative; z-index:6; max-width:1280px; padding:0 40px;}
	.contentlimiter2 {margin:auto; position:relative; z-index:6; max-width:1100px; padding:0 180px;}
	.contentlimiter3 {margin:auto; position:relative; z-index:6; max-width:740px; padding:0 180px;}
	
	.block404 {font-size:30px; line-height:40px; padding:100px 0;}
	
	/* VIDEO AND IMAGE BACKGROUND CLASS */
	.vid{position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden;}
	
	.block-text1 {max-width:740px;}
	.block-text1 a {display:inline-block; font-size:14px; line-height:14px; margin:40px 0 0; padding:0px 0 0 66px; background:url(../data/files/bg-links.jpg) no-repeat; background-size:50px 1px; background-position:center left;}
	
	.block-text1 a:hover {text-decoration:none !important;}
	.block-text1 a span {font-size:15px; line-height:15px; padding:0 0 0 7px; }
	.block-text1 a:hover span {font-size:15px; line-height:15px; padding:0 0 0 10px;}
	
	.block-text2 {max-width:90%;}
	.block-text2-short p {max-width:600px;}
	
	.block-text3 {max-width:740px;}
	
	.block1 {box-sizing:border-box; margin:0 auto 0; padding:140px 0; z-index:20; position:relative;} 
	
	.block2 {box-sizing:border-box; margin:0 auto 0; padding:140px 0; z-index:20; position:relative; text-align:center;} 
	.block2b {padding-bottom:280px;}
	.block2d {padding-top:320px;}
	
	.block2c {padding-top:220px; text-align:left;}
	.block2c h2 {letter-spacing:0; display:inline;}
	.block2c h2 a {display:inline-block; font-size:14px; line-height:14px; font-family:'euclid_circular_blight',Arial,sans-serif; font-style:normal;}
	
	.block2c h2 a span {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:15px; line-height:15px; padding:0 0 0 7px;}
	.block2c h2 a:hover {text-decoration:none; outline:none;}
	.block2c h2 a:hover span {padding:0 0 0 10px;}
	.block2c h2 a:visited {outline:none;}
	
	.block3 {box-sizing:border-box; margin:0px auto 0; padding:0px 0 0px; z-index:20; position:relative; text-align:center;} .block3 img, .block3 video {width:100%;}
	.block3b {margin-top:-140px;}
	
	.block3c {padding:0 0 220px;}
	.block3-bottom {position:absolute; left:0; bottom:-50px; text-align:center; width:100%;}
	.block3-bottom p {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:56px; line-height:56px;}
	
	.block4 {box-sizing:border-box; margin:0 auto 0; padding:250px 0 140px; z-index:20; position:relative;} .block4 img, .block4 video {width:100%;}
	.block4-left {float:left; width:60%; overflow:hidden;}
	.block4-left img {-webkit-animation:zoomIn 14s linear 0s;
		-moz-animation:zoomIn 14s linear 0s;
		animation:zoomIn 14s linear 0s;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		-animation-fill-mode: forwards;}
	.block4-right {position:absolute; right:80px; width:27%; margin:250px 0 0 0; box-sizing:border-box; padding:60px 60px;}
	.block4-claim {position:absolute; right:80px; width:350px; margin:50px 0 0 0;}
	.block4-byline {position:absolute; left:60px; bottom:-24px;}
	.block4-byline p {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:31px; line-height:31px;}
	
	.block5 {box-sizing:border-box; margin:70px auto 120px; padding:120px 410px 120px 100px; z-index:20; position:relative;} 
	.block5-imagebox {position:absolute; top:-100px; right:-80px; width:400px;} .block5-imagebox img {width:100%;}
	.block5 h2, .block5 p {}
	
	.block5 p a {background:url(../data/files/bg-links7a6f6b.jpg) no-repeat; background-size:50px 1px; background-position:center left;}
	
	.block6 {box-sizing:border-box; margin:0 auto 0; padding:0px 0; z-index:20; position:relative;} 
	.block6-box {margin:0px 0 100px;}
	.block6-box-text {float:left; width:60%; box-sizing:border-box; padding:90px 100px 160px; text-align:center;} .block6-box-text img {width:40px; padding-bottom:70px;}
	.block6-box-text-left {padding-right:220px;} .block6-box-text-right {padding-left:220px; margin-left:-10%; z-index:25; position:relative;}
	.block6-box-image {float:left; width:50%; margin:70px 0 0 0;} .block6-box-image img, .block6-box-image video {width:100%;}
	.block6-box-image-right {margin-left:-10%;} .block6-box-image-left {margin-right:0; z-index:30 !important; position:relative;}
	
	.block7 {box-sizing:border-box; margin:0 auto 0; padding:220px 0 40px; z-index:20; position:relative;} 
	.block7-portrait {position:relative; box-sizing:border-box; width:680px; padding:80px; margin:30px 0 0;} .block7-portrait img {width:100%;}
	.block7-signature {position:absolute; width:800px; left:100px; bottom:-30px; font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:48px; line-height:48px;}
	
	.block7-portrait-text {position:relative; width:550px; margin:120px 0 0 100px;}
	.block7-portrait-text h2 {font-family:'euclid_circular_blight',Arial,sans-serif; font-style:normal; font-size:20px; line-height:20px; letter-spacing:0.3px; padding:0 0 0px 0; margin-bottom:0px;}
	.block7-portrait-text p span {font-size:13px; line-height:13px; letter-spacing:0.3px; padding:0 0 30px 0; display:block;}
	.block7-portrait-text p a {}
	.block7-right {position:absolute; top:290px; right:40px; width:370px;} .block7-right img {width:100%; padding:0 0 30px;}
	
	.block8 {box-sizing:border-box; margin:10px auto 0px; padding:1px 0 10px; z-index:20; position:relative; text-align:center;} 
	.block8-inner {box-sizing:border-box; padding:180px 0 0; margin:0px 0 -200px; text-align:center;} .block8-inner img, .block8-inner video {width:100%;}
	.block8-inner .block-text1 {margin:auto; padding:0px 0 120px;}
	
	.block8b {box-sizing:border-box; margin:-280px auto 0px; padding:250px 0 10px;} 
	
	.block9 {box-sizing:border-box; margin:200px auto 0; padding:200px 0; z-index:20; position:relative; text-align:center;} 
	.block9 p {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:21px; line-height:21px;}
	.block9 h2 {font-size:56px; line-height:56px;}
	
	.block10 {box-sizing:border-box; margin:-300px -200px 0px 200px; padding:120px 270px 300px 140px; z-index:20; position:relative;} 
	.block10 h2, .block10 p {} .block10 p {max-width:430px;}
	
	.block11 {box-sizing:border-box; margin:300px auto 0; padding:1px 0; z-index:20; position:relative;}
	
	.block12 {box-sizing:border-box; margin:200px auto 0; padding:0px; position:relative;}
	.block12-inner {box-sizing:border-box; margin:0px auto 0; padding:70px 250px 0px; z-index:20; position:relative; text-align:center;}  .block12 img, .block12 video {width:100%; margin-top:-110px;} 
	.block12-inner p {font-size:22px;}
	
	.block12-signature {position:absolute; width:100%; text-align:center; left:0px; top:-45px; font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:56px; line-height:56px;}
	
	.block13 {box-sizing:border-box; margin:0 auto 1px; padding:200px 0 100px; z-index:20; position:relative;} 
	.block13-bottomtext p {max-width:530px; text-align:center; display:block; margin:150px auto 0;}
	
	.block14-wrapper {padding:80px 0 50px;}
	.block14-image {float:left; box-sizing:border-box; width:55%; position:relative;} .block14-image img, .block14-image video {width:100%;}
	.block14-signature-left {position:absolute; left:70px; bottom:-45px; font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:44px; line-height:44px;}
	.block14-signature-right {position:absolute; right:70px; top:-35px; font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:44px; line-height:44px;}
	
	.block14-text {float:left; box-sizing:border-box; width:45%;} 
	.block14-text p {font-size:20px; line-height:30px; margin:0 0 35px;}
	
	.block14-maps p a {display:inline-block; font-size:14px; line-height:14px; margin:40px 0 0; padding:0px 0 0 66px; background:url(../data/files/bg-links.jpg) no-repeat; background-size:50px 1px; background-position:center left;}
	.block14-maps p a:hover {text-decoration:none !important;}
	.block14-maps p a span  {font-family:'caliwayregular',Arial,sans-serif; font-style:normal;font-size:15px; line-height:15px; padding:0 0 0 7px; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
	.block14-maps p a:hover span  {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:15px; line-height:15px; padding:0 0 0 10px; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
	
	.block14-text-right {padding:0px 0 0 70px; text-align:left;}
	.block14-text-left {padding:90px 70px 0 0px; text-align:right;}
	
	.block-spacer1 {box-sizing:border-box; margin:0px auto 0; padding:120px 0 0; z-index:20; position:relative;} .block-spacer1 img {width:100%;}
	.block-spacer1b {padding-top:0px;}
	.block-spacer1-text {position:absolute; width:100%; top:42%; text-align:center;} .block-spacer1b-text {top:30%;}
	.block-spacer1-text p {font-size:30px; line-height:42px;}
	
	.block-spacer2 {box-sizing:border-box; margin:0px auto 0; padding:120px 0 100px; z-index:20; position:relative;} .block-spacer1 img {width:100%;}
	.block-spacer2-text {position:absolute; width:100%; top:45%; text-align:center;}
	.block-spacer2-text p {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:26px; line-height:26px;}
	.block-spacer2-text h2 {font-size:60px; line-height:60px;}
	
	.block-insta {box-sizing:border-box; margin:0px auto 0px; padding:120px 120px 160px; z-index:20; position:relative; text-align:center;}
	.block-insta h3 span {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:36px; line-height:36px;}
	.block-insta p {padding: 0 0 30px;}
	
	#instafeed {margin:70px 0 0 0; background:none; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
	#instafeed:hover a{opacity:.5}
	#instafeed a{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:calc(100%/5);-ms-flex-preferred-size:calc(100%/5);flex-basis:calc(100%/5);line-height:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;}
	#instafeed a:hover{opacity:1}
	#instafeed img{width:100%; padding:25px; display:block; box-sizing:border-box;}
	
	.block-footer-spacer {box-sizing:border-box; margin:0px auto 0; padding:0px 0; z-index:20; position:relative; overflow: hidden;} .block-footer-spacer img {width:120%; margin-left: -10%;}
	.block-footer-spacer-text {position:absolute; width:100%; top:38%; text-align:center;}
	.block-footer-spacer-text p {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:18px; line-height:18px;}
	
	.block-footer {box-sizing:border-box; margin:0px auto 0; padding:130px 0 150px; z-index:20; position:relative;}
	.block-footer p, .block-footer p a {}
	.block-footer-left {float:left; width:100%; text-align:left;} .block-footer-left p {font-family:'sangbleu_empireregular', Times, serif; font-style:normal; font-size:24px; line-height:34px;}
	.block-footer-right {float:left; width:100%; padding-top: 10px; text-align:left;}
	.block-footer-right2 {float:left; width:100%; padding-top: 30px; text-align:left;}
	
	.block-footer-copyright {position:relative; width:100%; text-align:center; font-size:12px; line-height:12px; padding:20px 0;}
	.block-footer-copyright a {}
	
	/* PROJECTS*/
	/* Start Isotope*/
	.button {display:inline; margin:0 22px 0 0 !important; padding:0; background:none; border: none; border-bottom:1px solid #edece7; font-family:'euclid_circular_blight',Arial,sans-serif; font-style:normal;  font-size: 16px; cursor: pointer;}
	.button:hover {border-bottom:1px solid #94523a;}
	.button:active, .button.is-checked {border-bottom:1px solid #94523a; outline:none;}
	.button-group {text-align:left; }
	.button-group:after {content: ''; display: block; clear: both;}
	/* End Isotope*/
	
	/* project search*/ 
	.search {border:none; display:inline-block; vertical-align:top; border-bottom:3px solid #372c28; background:none; width:280px; margin:10px 0 10px; padding:10px 10px 7px; 
	box-sizing:border-box; font-family:'sangbleu_empireregular', Times, serif; font-style:normal;  font-size: 19px; outline:none;}
	.search:hover {background:none;}
	
	.project-overview-list {text-align:center; margin:-60px 0 0; padding:0 0 200px; display:none; position:relative; z-index:30;}
	.project-overview-list p {margin-top:7px;}
	.project-overview-list p a:hover {text-decoration:none; cursor:pointer;}
	
	.project-overview-wrapper{margin:10px -0.6% 250px -0.6% !important;}
	.project-overview-box {width:32.1%; margin:0.6% 0.6%; float:left;} .project-overview-box img, .project-overview-box video {width:100%; display:block;}
	
	.project-overview-overlay {position:absolute; box-sizing:border-box; top:0%; width:100.1%; bottom:0; padding:0 0px; text-align:center; opacity:0; z-index:11;}
	.project-overview-overlay:hover {opacity:1; transition-delay:0.2s; -webkit-transition-delay:0.2s; height:100%;} 
	.project-overview-overlay h1 {font-size:10px; opacity:1; padding:0% 0 0; top:48%; position:absolute; width:100%; text-align:center;}
	.project-overview-overlay:hover h1 {opacity:1; -webkit-transition:all 0.1s ease 0s; transition:all 0.1s ease 0s; transition-delay:0.2s; -webkit-transition-delay:0.2s; font-size:22px; line-height:22px; letter-spacing:0.4px;}
	
	.project-detail-header {box-sizing:border-box; margin:0 auto 0; padding:200px 0 90px; z-index:20; position:relative; text-align:center;} 
	.project-detail-header h2 {font-size:20px; line-height:30px; padding:26px 0 0;}
	
	.project-detail-textwrapper {padding:70px 0 0px;}
	
	.project-detail-text {float:left; text-align:left; box-sizing:border-box; font-family:'sangbleu_empireregular', Times, serif; font-style:normal; font-size:18px; line-height:26px; padding:10px 0 40px;}
	.project-detail-text p {font-size:18px; line-height:26px; margin:0 0 0;}
	.project-detail-text span {display:block; !important; font-family:'euclid_circular_blight',Arial,sans-serif; font-style:normal; font-size:11px; line-height:11px; letter-spacing:0.3px; padding:0 0 12px 1px;}
	.project-detail-text-service {width:65%; padding-right:40px;}
	.project-detail-text-location {width:25%; padding-right:20px;}
	.project-detail-text-year {width:10%; padding-right:0px;}
	
	.project-detail-imgwrapper {margin:10px -0.6% 200px -0.6% !important;} 
	.project-detail-imgbox {width:32.1%; margin:0.6% 0.6%; float:left; overflow:hidden;} .project-detail-imgbox img, .project-detail-imgbox video {width:100%;}
	.project-detail-imgbox img:hover {transform: scale(1.06);}
	
	.project-detail-navigation {background:#FFF; padding:30px 0 230px; position:relative; font-size:14px; line-height:14px;} 
	.project-detail-navigation a:hover {text-decoration:none;}
	.project-detail-navigation-left {position:absolute; left:20px; top:35px;} .project-detail-navigation-left:hover {left:14px;}
	.project-detail-navigation-center {position:relative; width:200px; margin:auto; text-align:center; font-family:'sangbleu_empireregular', Times, serif; font-style:normal; font-size:18px; line-height:26px;}
	.project-detail-navigation-right {position:absolute; right:20px; top:35px;}  .project-detail-navigation-right:hover {right:14px;}
	/* END PROJECTS*/
	
	.team-overview-wrapper{padding:10px 0% 0; margin:0px -2.5% 0 -2.5%;}
	.team-overview-box {position:relative; float:left; width:28.30%; margin:0 2.5% 8%;} 
	.team-overview-box-textwrapper {box-sizing:border-box; padding:0 15px 3px 0px; text-align:left; font-size:14px; line-height:4px;}
	.team-overview-box h3 {font-family:'euclid_circular_blight',Arial,sans-serif; font-style:normal; font-size:20px; line-height:20px; letter-spacing:0.3px; padding:0 0 15px 0;}
	.team-overview-box-textwrapper a {display:block; padding-top:32px;}
	.team-overview-box-imgwrapper {position:relative; padding-bottom:140%; margin:0 0 50px 0; overflow:hidden;} .team-overview-box-imgwrapper img {display:block; position:absolute; width:100%; top:0; left:0;}
	 
	/* SLIDER */
	#slider {position: relative; overflow: hidden; margin: 20px auto 0 auto;}
	#slider ul {position: relative; margin: 0; padding: 0; list-style: none;}
	#slider ul li {position: relative; display: block; float: left; margin: 0; padding: 0; width: 400px; height:600px; background: #ccc; text-align: center; line-height: 300px;}
	a.control_prev, a.control_next {position: absolute; top: 45%; z-index: 999; display: block; padding: 4% 3%; width: auto; height: auto; background: none; text-decoration: none; font-weight: 600; font-size: 38px; opacity: 0.8; cursor: pointer;}
	a.control_prev:hover, a.control_next:hover {opacity: 1; -webkit-transition: all 0.2s ease;}
	a.control_prev {border-radius: 0 2px 2px 0;}
	a.control_next {right: 0; border-radius: 2px 0 0 2px;}
	/* END SLIDER */
	 
}

@media screen and (max-width: 900px) {
	.desktop {display:none !important;}
	.mobile {display:inherit !important;}

	p {font-size:17px; line-height:26px; letter-spacing:0.3px; margin-top:17px;}
	
	h1 {font-size:28px; line-height:41px; letter-spacing:0px;}
	h2 {font-size:34px; line-height:46px; letter-spacing:0.5px; padding:0 0 16px;}
	h3 {font-size:28px; line-height:41px; letter-spacing:0.2px; padding:0 0 16px;}
	h4 {font-size:14px; line-height:14px; letter-spacing:0.1px; padding:0 0 14px;}
	
	.loading-window {position:fixed; width:100%; background:#FFF; left:0; right:0; top:0; bottom:0; z-index:199;}
	.loading-window img {position:absolute; top:38%; left:50%; width:150px; margin-left:-75px; opacity:0.9;}
	.loading-window2 {position:fixed; width:100%; background:#FFF; left:0; right:0; top:0; bottom:0; z-index:98;}
	
	.block-logo-top {position:fixed; left:50%; top:48px; width:40px; margin-left:-20px; z-index:99;} .block-logo-top img {width:100%;}
	.block-logo-bottom {position:fixed; left:50%; top:122px; width:194px; margin-left:-97px; z-index:97;} .block-logo-bottom img {width:100%;}
	
	/* navigation mobile */
	#navigationwrapper {position:fixed; width:100%; height:100%; top:0; bottom:0; left:0; right:0; z-index:98; box-sizing:border-box; padding:0vh 0px 0px 0px;}
	#navigation {position:absolute; left:80px; top:20vh; box-sizing:border-box; z-index:6;}
	#navigation ul li {margin:24px 0px 0px 0px; display:block; list-style:none; position:relative; float:none; text-align:left;}
	#navigation ul li a {font-family:'sangbleu_empireregular', Times, serif; font-style:normal; font-size:36px; line-height:36px; letter-spacing:0.3px; padding:0px; text-decoration:none;}
	#navigation ul li a:hover {text-decoration:none; cursor:pointer; padding-left:10px;}
	#navigation ul li a.active {text-decoration:none;}
	
	.navigation-address-top {position:absolute; left:80px; top:57vh;}
	.navigation-address-left {position:absolute; left:80px; top:57vh; margin-top:168px;}
	.navigation-address-right {position:absolute; left:80px; top:57vh; margin-top:76px;}
	.navigation-slogan-image {position:absolute; right:80px; top:19vh; box-sizing:border-box; width:360px; padding:110px 80px;} .navigation-slogan-image img {width:100%;}
	.navigation-slogan {position:absolute; right:290px; top:19vh; margin-top:40px;} .navigation-slogan p {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:22px; line-height:22px;}
	.navigation-sociallinks {position:absolute; right:80px; top:90vh; margin-top:0px; text-align:right;} 
	
	.navigation-show {display:none;}
	
	#contentcontainer {position:relative; z-index:5; padding:0px 0 0; min-height:500px; overflow:hidden;}
	.contentlimiter0 {margin:auto; position:relative; z-index:6; width:100%; padding:0 20px; box-sizing:border-box;}
	.contentlimiter1 {margin:auto; position:relative; z-index:6; max-width:1280px; padding:0 40px;}
	.contentlimiter2 {margin:auto; position:relative; z-index:6; max-width:1100px; padding:0 60px;}
	.contentlimiter3 {margin:auto; position:relative; z-index:6; max-width:740px; padding:0 60px;}
	
	.block404 {font-size:30px; line-height:40px; padding:100px 0;}
	
	/* VIDEO AND IMAGE BACKGROUND CLASS */
	.vid{position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden;}
	
	.block-text1 {max-width:740px;}
	.block-text1 a {display:inline-block; font-size:14px; line-height:14px; margin:30px 0 0; padding:0px 0 0 66px; background:url(../data/files/bg-links.jpg) no-repeat; background-size:50px 1px; background-position:center left;}
	
	.block-text1 a:hover {text-decoration:none !important;}
	.block-text1 a span {font-size:15px; line-height:15px; padding:0 0 0 7px; }
	.block-text1 a:hover span {font-size:15px; line-height:15px; padding:0 0 0 10px;}
	
	.block-text2 {max-width:100%;}
	.block-text2-short p {max-width:600px;}
	
	.block-text3 {max-width:740px;}
	
	.block1 {box-sizing:border-box; margin:0 auto 0; padding:100px 0; z-index:20; position:relative;} 
	.block1b {padding-top:100px;}
	
	.block2 {box-sizing:border-box; margin:0 auto 0; padding:70px 0; z-index:20; position:relative; text-align:center;} 
	.block2b {padding-bottom:220px;}
	.block2d {padding-top:160px;}
	
	.block2c {padding-top:160px; text-align:left;}
	.block2c h2 {letter-spacing:0; display:inline;}
	.block2c h2 a {display:inline-block; font-size:14px; line-height:14px; font-family:'euclid_circular_blight',Arial,sans-serif; font-style:normal;}
	
	.block2c h2 a span {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:15px; line-height:15px; padding:0 0 0 7px;}
	.block2c h2 a:hover {text-decoration:none; outline:none;}
	.block2c h2 a:hover span {padding:0 0 0 10px;}
	.block2c h2 a:visited {outline:none;}
	
	.block3 {box-sizing:border-box; margin:0px auto 0; padding:0px 0 0px; z-index:20; position:relative; text-align:center;} .block3 img, .block3 video {width:100%;}
	.block3b {margin-top:-140px;}
	
	.block3c {padding:0 0 220px;}
	.block3-bottom {position:absolute; left:0; bottom:-40px; text-align:center; width:100%;}
	.block3-bottom p {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:40px; line-height:40px;}
	
	.block4 {box-sizing:border-box; margin:0 auto 0; padding:250px 0 80px; z-index:20; position:relative;} .block4 img, .block4 video {width:100%;}
	.block4-left {float:left; width:100%; margin-left:-40px; overflow:hidden;}
	.block4-left img {-webkit-animation:zoomIn 14s linear 0s;
		-moz-animation:zoomIn 14s linear 0s;
		animation:zoomIn 14s linear 0s;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		-animation-fill-mode: forwards;}
	.block4-right {position:absolute; right:80px; width:27%; margin:250px 0 0 0; box-sizing:border-box; padding:60px 60px;}
	.block4-claim {position:absolute; right:auto; left:60px; width:80%; margin:570px 0 0 0;}
	.block4-byline {position:absolute; left:60px; bottom:-24px;}
	.block4-byline p {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:28px; line-height:28px;}
	
	.block5 {box-sizing:border-box; margin:0px auto 120px; padding:80px 80px 80px 80px; z-index:20; position:relative;} 
	.block5-imagebox {position:absolute; top:-100px; right:-80px; width:400px;} .block5-imagebox img {width:100%;}
	.block5-imagebox2 {position:relative; margin:0 -20px 50px -20px;} .block5-imagebox2 img {width:50%; padding:0 10px; display:inline-block; box-sizing:border-box;}
	.block5 h2, .block5 p {}
	
	.block5 p a {background:url(../data/files/bg-links7a6f6b.jpg) no-repeat; background-size:50px 1px; background-position:center left;}
	
	.block6 {box-sizing:border-box; margin:0 auto 0; padding:0px 0; z-index:20; position:relative;} 
	.block6-box {margin:0px 0 50px;}
	.block6-box-text {float:left; width:65%; box-sizing:border-box; padding:60px 60px 60px; text-align:center;} .block6-box-text img {width:40px; padding-bottom:70px;}
	.block6-box-text-left {padding-right:120px;} .block6-box-text-right {padding-left:120px; margin-left:-10%; z-index:25; position:relative;}
	.block6-box-image {float:left; width:45%; margin:50px 0 0 0;} .block6-box-image img, .block6-box-image video {width:100%;}
	.block6-box-image-right {margin-left:-10%;} .block6-box-image-left {margin-right:0; z-index:30 !important; position:relative;}
	
	.block7 {box-sizing:border-box; margin:0 auto 0; padding:160px 0 40px; z-index:20; position:relative;} 
	.block7-portrait {position:relative; box-sizing:border-box; width:100%; padding:80px; margin:30px 0 0;} .block7-portrait img {width:100%;}
	.block7-signature {position:absolute; width:auto; left:80px; bottom:-20px; font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:38px; line-height:38px;}
	
	.block7-portrait-text {position:relative; width:550px; margin:80px 0 0 100px;}
	.block7-portrait-text h2 {font-family:'euclid_circular_blight',Arial,sans-serif; font-style:normal; font-size:20px; line-height:20px; letter-spacing:0.3px; padding:0 0 0px 0; margin-bottom:0px;}
	.block7-portrait-text p span {font-size:13px; line-height:13px; letter-spacing:0.3px; padding:0 0 30px 0; display:block;}
	.block7-portrait-text p a {}
	.block7-right {position:absolute; top:290px; right:40px; width:370px;} .block7-right img {width:100%; padding:0 0 30px;}
	
	.block8 {box-sizing:border-box; margin:130px auto 0px; padding:1px 0 10px; z-index:20; position:relative; text-align:center;} 
	.block8-inner {box-sizing:border-box; padding:80px; margin:-80px 0 -80px; text-align:center;} .block8-inner img, .block8-inner video {width:100%;}
	.block8-inner .block-text1 {margin:auto; padding:60px 0 0;}
	
	.block9 {box-sizing:border-box; margin:0 auto 0; padding:130px 0; z-index:20; position:relative; text-align:center;} 
	.block9 p {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:21px; line-height:21px;}
	.block9 h2 {font-size:46px; line-height:46px;}
	
	.block10 {box-sizing:border-box; margin:-300px -80px 0px 200px; padding:80px 80px 200px 80px; z-index:20; position:relative;} 
	.block10 h2, .block10 p {} .block10 p {max-width:430px;}
	
	.block11 {box-sizing:border-box; margin:300px auto 0; padding:1px 0; z-index:20; position:relative;}
	
	.block12 {box-sizing:border-box; margin:-380px auto 0; padding:0px; z-index:20; position:relative;}
	.block12-inner {box-sizing:border-box; margin:0px auto 0; padding:70px 100px 100px; z-index:20; position:relative; text-align:center;}  .block12 img, .block12 video {width:100%; padding-top:60px;} 
	.block12-inner p {font-size:20px;}
	
	.block12-signature {position:absolute; width:100%; text-align:center; left:0px; top:-35px; font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:46px; line-height:46px;}
	
	.block13 {box-sizing:border-box; margin:0 auto 1px; padding:160px 0 520px; z-index:20; position:relative;} 
	.block13-bottomtext p {max-width:530px; text-align:center; display:block; margin:100px auto 0;}
	
	.block14-wrapper {padding:60px 0 40px;}
	.block14-image {float:left; box-sizing:border-box; width:45%; position:relative;} .block14-image img, .block14-image video {width:100%;}
	.block14-signature-left {position:absolute; left:50px; bottom:-35px; font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:34px; line-height:34px;}
	.block14-signature-right {position:absolute; right:50px; top:-25px; font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:34px; line-height:34px;}
	
	.block14-text {float:left; box-sizing:border-box; width:55%;} 
	.block14-text p {font-size:17px; line-height:25px; margin:0 0 20px;}
	
	.block14-maps p a {display:inline-block; font-size:14px; line-height:14px; margin:20px 0 0; padding:0px 0 0 66px; background:url(../data/files/bg-links.jpg) no-repeat; background-size:50px 1px; background-position:center left;}
	.block14-maps p a:hover {text-decoration:none !important;}
	.block14-maps p a span  {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:15px; line-height:15px; padding:0 0 0 7px; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
	.block14-maps p a:hover span  {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:15px; line-height:15px; padding:0 0 0 10px; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
	
	.block14-text-right {padding:0px 0 0 30px; text-align:left;}
	.block14-text-left {padding:10px 30px 0 0px; text-align:right;}
	
	.block-spacer1 {box-sizing:border-box; margin:0px auto 0; padding:80px 0 0px; z-index:20; position:relative;} .block-spacer1 img {width:100%;}
	.block-spacer1b {padding-top:0px;}
	.block-spacer1-text {position:absolute; width:100%; top:38%; text-align:center;} .block-spacer1b-text {top:25%;}
	.block-spacer1-text p {font-size:20px; line-height:32px;}
	
	.block-spacer2 {box-sizing:border-box; margin:0px auto 0; padding:80px 0 30px; z-index:20; position:relative;} .block-spacer2 img {width:100%;}
	.block-spacer2-text {position:absolute; width:100%; top:40%; text-align:center;}
	.block-spacer2-text p {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:20px; line-height:20px;}
	.block-spacer2-text h2 {font-size:40px; line-height:40px;}
	
	.block-insta {box-sizing:border-box; margin:0px auto 0px; padding:100px 50px 80px; z-index:20; position:relative; text-align:center;}
	.block-insta h3 span {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:30px; line-height:30px;}
	.block-insta p {padding: 0 0 20px;}
	
	#instafeed {margin:50px 0 0 0; background:none; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
	#instafeed:hover a{opacity:.5}
	#instafeed a{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:calc(100%/5);-ms-flex-preferred-size:calc(100%/5);flex-basis:calc(100%/5);line-height:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;}
	#instafeed a:hover{opacity:1}
	#instafeed img{width:100%; padding:15px; display:block; box-sizing:border-box;}
	
	.block-footer-spacer {box-sizing:border-box; margin:0px auto 0; padding:0px 0; z-index:20; position:relative; overflow:hidden;} .block-footer-spacer img {width:150%; margin-left:-25%;}
	.block-footer-spacer-text {position:absolute; width:100%; top:38%; text-align:center;}
	.block-footer-spacer-text p {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:16px; line-height:16px;}
	
	.block-footer {box-sizing:border-box; margin:0px auto 0; padding:100px 0 120px; z-index:20; position:relative;}
	.block-footer p, .block-footer p a {}
	.block-footer-left {float:left; width:100%; text-align:left;} .block-footer-left p {font-family:'sangbleu_empireregular', Times, serif; font-style:normal; font-size:22px; line-height:32px;}
	.block-footer-right {float:left; width:100%; padding-top: 10px; text-align:left;}
	.block-footer-right2 {float:left; width:100%; padding-top: 30px; text-align:left;}
	
	.block-footer-copyright {position:relative; width:100%; text-align:center; font-size:12px; line-height:12px; padding:20px 0;}
	.block-footer-copyright a {}
	
	/* PROJECTS*/
	/* Start Isotope*/
	.button {display:inline; margin:0 22px 0 0 !important; padding:0; background:none; border: none; border-bottom:1px solid #edece7; font-size: 14px; cursor: pointer;}
	.button:hover {border-bottom:1px solid #94523a;}
	.button:active, .button.is-checked {border-bottom:1px solid #94523a; outline:none;}
	.button-group {text-align:left; }
	.button-group:after {content: ''; display: block; clear: both;}
	/* End Isotope*/
	
	/* project search*/ 
	.search {border:none; display:inline-block; vertical-align:top; border-bottom:2px solid #372c28; background:none; width:200px; margin:1px 0 10px; padding:10px 10px 7px; 
	box-sizing:border-box; font-family:'sangbleu_empireregular', Times, serif; font-style:normal;  font-size: 19px; outline:none;}
	.search:hover {background:none;}
	
	.project-overview-list {text-align:center; margin:-60px 0 0; padding:0 0 200px; display:none; position:relative; z-index:30;}
	.project-overview-list p {margin-top:7px;}
	.project-overview-list p a:hover {text-decoration:none; cursor:pointer;}
	
	.project-overview-wrapper{margin:10px -1% 250px -1% !important;}
	.project-overview-box {width:47.99%; margin:1% 1%; float:left;} .project-overview-box img, .project-overview-box video {width:100%; display:block;}
	
	.project-overview-overlay {position:absolute; box-sizing:border-box; top:0%; width:100.1%; bottom:0; padding:0 0px; text-align:center; opacity:0; z-index:11;}
	.project-overview-overlay:hover {opacity:1; transition-delay:0.2s; -webkit-transition-delay:0.2s; height:100%;} 
	.project-overview-overlay h1 {font-size:10px; opacity:1; padding:0% 0 0; top:48%; position:absolute; width:100%; text-align:center;}
	.project-overview-overlay:hover h1 {opacity:1; -webkit-transition:all 0.1s ease 0s; transition:all 0.1s ease 0s; transition-delay:0.2s; -webkit-transition-delay:0.2s; font-size:22px; line-height:22px; letter-spacing:0.4px;}
	
	.project-detail-header {box-sizing:border-box; margin:0 auto 0; padding:170px 0 90px; z-index:20; position:relative; text-align:center;} 
	.project-detail-header h2 {font-size:18px; line-height:24px; padding:20px 0 0;}
	.project-detail-topimg {margin:40px 0 0 0;}
	.project-detail-topimg-portrait {width:100%; max-width:480px;}
	.project-detail-topimg-landscape {width:100%; max-width:1000px;}
	
	.project-detail-textwrapper {padding:30px 0 0px;}
	
	.project-detail-text {float:left; text-align:left; box-sizing:border-box; font-family:'sangbleu_empireregular', Times, serif; font-style:normal; font-size:18px; line-height:26px; padding:10px 0 40px;}
	.project-detail-text p {font-size:18px; line-height:26px; margin:0 0 0;}
	.project-detail-text span {display:block; font-family:'euclid_circular_blight',Arial,sans-serif; font-style:normal; font-size:11px; line-height:11px; letter-spacing:0.3px; padding:0 0 12px 1px;}
	.project-detail-text-service {width:65%; padding-right:40px;}
	.project-detail-text-location {width:25%; padding-right:20px;}
	.project-detail-text-year {width:10%; padding-right:0px;}
	
	.project-detail-imgwrapper {margin:10px -1% 130px -1% !important;} 
	.project-detail-imgbox {width:47.99%; margin:1% 1%; float:left; overflow:hidden;} .project-detail-imgbox img, .project-detail-imgbox video {width:100%;}
	.project-detail-imgbox img:hover {transform: scale(1.06);}
	
	.project-detail-navigation {background:#FFF; padding:30px 0 160px; position:relative; font-size:14px; line-height:14px;} 
	.project-detail-navigation a:hover {text-decoration:none;}
	.project-detail-navigation-left {position:absolute; left:20px; top:35px;} .project-detail-navigation-left:hover {left:14px;}
	.project-detail-navigation-center {position:relative; width:200px; margin:auto; text-align:center; font-family:'sangbleu_empireregular', Times, serif; font-style:normal; font-size:18px; line-height:26px;}
	.project-detail-navigation-right {position:absolute; right:20px; top:35px;}  .project-detail-navigation-right:hover {right:14px;}
	/* END PROJECTS*/
	
	.team-overview-wrapper{padding:0px 0% 0; margin:0px -2.5% 0 -2.5%;}
	.team-overview-box {position:relative; float:left; width:44.9%; margin:0 2.5% 8%;} 
	.team-overview-box-textwrapper {box-sizing:border-box; padding:0 15px 3px 0px; text-align:left; font-size:14px; line-height:4px;}
	.team-overview-box h3 {font-family:'euclid_circular_blight',Arial,sans-serif; font-style:normal; font-size:20px; line-height:20px; letter-spacing:0.3px; padding:0 0 15px 0;}
	.team-overview-box-textwrapper a {display:block; padding-top:30px;}
	.team-overview-box-imgwrapper {position:relative; padding-bottom:140%; margin:0 0 30px 0; overflow:hidden;} .team-overview-box-imgwrapper img {display:block; position:absolute; width:100%; top:0; left:0;}
	 
	/* SLIDER */
	#slider {position: relative; overflow: hidden; margin: 20px auto 0 auto;}
	#slider ul {position: relative; margin: 0; padding: 0; list-style: none;}
	#slider ul li {position: relative; display: block; float: left; margin: 0; padding: 0; width: 400px; height:600px; background: #ccc; text-align: center; line-height: 300px;}
	a.control_prev, a.control_next {position: absolute; top: 45%; z-index: 999; display: block; padding: 4% 3%; width: auto; height: auto; background: none; text-decoration: none; font-weight: 600; font-size: 38px; opacity: 0.8; cursor: pointer;}
	a.control_prev:hover, a.control_next:hover {opacity: 1; -webkit-transition: all 0.2s ease;}
	a.control_prev {border-radius: 0 2px 2px 0;}
	a.control_next {right: 0; border-radius: 2px 0 0 2px;}
	/* END SLIDER */
	 
	
}

@media screen and (max-width: 680px) {
	.nophone {display:none !important;}
	.onlyphone {display:inherit !important;}

	p {font-size:15px; line-height:24px; letter-spacing:0.2px; margin-top:14px;}
	
	h1 {font-size:20px; line-height:26px; letter-spacing:0px;}
	h2 {font-size:24px; line-height:36px; letter-spacing:0.2px; padding:0 0 13px;}
	h3 {font-size:20px; line-height:28px; letter-spacing:0.1px; padding:0 0 13px;}
	h4 {font-size:12px; line-height:12px; letter-spacing:0.1px; padding:0 0 14px;}
	
	.loading-window {position:fixed; width:100%; background:#FFF; left:0; right:0; top:0; bottom:0; z-index:199;}
	.loading-window img {position:absolute; top:38%; left:50%; width:120px; margin-left:-60px; opacity:0.9;}
	.loading-window2 {position:fixed; width:100%; background:#FFF; left:0; right:0; top:0; bottom:0; z-index:98;}
	
	.block-logo-top {position:fixed; left:50%; top:38px; width:30px; margin-left:-15px; z-index:99;} .block-logo-top img {width:100%;}
	.block-logo-bottom {position:fixed; left:50%; top:97px; width:146px; margin-left:-73px; z-index:97;} .block-logo-bottom img {width:100%;}
	
	/* navigation mobile */
	#navigationwrapper {position:fixed; width:100%; height:100%; top:0; bottom:0; left:0; right:0; z-index:98; box-sizing:border-box; padding:0vh 0px 0px 0px;}
	#navigation {position:absolute; left:30px; top:15vh; box-sizing:border-box; z-index:6;}
	#navigation ul li {margin:18px 0px 0px 0px; display:block; list-style:none; position:relative; float:none; text-align:left;}
	#navigation ul li a {font-family:'sangbleu_empireregular', Times, serif; font-style:normal; font-size:22px; line-height:22px; letter-spacing:0.3px; padding:0px; text-decoration:none;}
	#navigation ul li a:hover {text-decoration:none; cursor:pointer; padding-left:10px;}
	#navigation ul li a.active {text-decoration:none;}
	
	.navigation-address-top {position:absolute; left:30px; top:43vh;}
	.navigation-address-left {position:absolute; left:30px; top:43vh; margin-top:160px;}
	.navigation-address-right {position:absolute; left:30px; top:43vh; margin-top:70px;}
	.navigation-slogan-image {position:absolute; right:30px; top:19vh; box-sizing:border-box; width:360px; padding:110px 80px;} .navigation-slogan-image img {width:100%;}
	.navigation-slogan {position:absolute; right:290px; top:19vh; margin-top:30px;} .navigation-slogan p {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:22px; line-height:22px;}
	.navigation-sociallinks {position:absolute; right:30px; top:43vh; margin-top:241px; text-align:left;} 
	
	.navigation-show {display:none;}
	
	#contentcontainer {position:relative; z-index:5; padding:0px 0 0; min-height:500px; overflow:hidden;}
	.contentlimiter0 {margin:auto; position:relative; z-index:6; width:100%; padding:0 20px; box-sizing:border-box;}
	.contentlimiter1 {margin:auto; position:relative; z-index:6; max-width:1280px; padding:0 30px;}
	.contentlimiter2 {margin:auto; position:relative; z-index:6; max-width:1100px; padding:0 30px;}
	.contentlimiter3 {margin:auto; position:relative; z-index:6; max-width:740px; padding:0 45px;}
	
	.block404 {font-size:30px; line-height:40px; padding:100px 0;}
	
	/* VIDEO AND IMAGE BACKGROUND CLASS */
	.vid{position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden;}
	
	.block-text1 {max-width:740px;}
	.block-text1 a {display:inline-block; font-size:12px; line-height:12px; margin:20px 0 0; padding:0px 0 0 53px; background:url(../data/files/bg-links.jpg) no-repeat; background-size:40px 1px; background-position:center left;}
	
	.block-text1 a:hover {text-decoration:none !important;}
	.block-text1 a span {font-size:14px; line-height:14px; padding:0 0 0 7px; }
	.block-text1 a:hover span {padding:0 0 0 10px;}
	
	.block-text2 {max-width:100%;}
	.block-text2-short p {max-width:600px;}
	
	.block-text3 {max-width:740px; padding:50px 0 30px;}
	
	.block1 {box-sizing:border-box; margin:0 auto 0; padding:70px 0; z-index:20; position:relative;} 
	.block1b {padding-top:70px;}
	
	.block2 {box-sizing:border-box; margin:0 auto 0; padding:60px 0; z-index:20; position:relative; text-align:center;} 
	.block2b {padding-bottom:160px;}
	.block2d {padding-top:100px;}
	
	.block2c {padding-top:130px; text-align:left;}
	.block2c h2 {letter-spacing:0; display:inline;}
	.block2c h2 a {display:inline-block; font-size:12px; line-height:12px; font-family:'euclid_circular_blight',Arial,sans-serif; font-style:normal;}
	
	.block2c h2 a span {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:14px; line-height:14px; padding:0 0 0 7px;}
	.block2c h2 a:hover {text-decoration:none; outline:none;}
	.block2c h2 a:hover span {padding:0 0 0 10px;}
	.block2c h2 a:visited {outline:none;}
	
	.block3 {box-sizing:border-box; margin:0px auto 0; padding:0px 0 0px; z-index:20; position:relative; text-align:center;} .block3 img, .block3 video {width:100%;}
	.block3b {margin-top:-100px; margin:-100px 30px 0;}
	
	.block3c {padding:0 0 50px;}
	.block3-bottom {position:absolute; left:0; bottom:-20px; text-align:center; width:100%;}
	.block3-bottom p {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:26px; line-height:26px;}
	
	.block4 {box-sizing:border-box; margin:0 auto 0; padding:180px 0 60px; z-index:20; position:relative;} .block4 img, .block4 video {width:100%;}
	.block4-left {float:left; width:110%; margin-left:-40px; overflow:hidden;}
	.block4-left img {-webkit-animation:zoomIn 14s linear 0s;
		-moz-animation:zoomIn 14s linear 0s;
		animation:zoomIn 14s linear 0s;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		-animation-fill-mode: forwards;}
	.block4-right {position:absolute; right:80px; width:27%; margin:250px 0 0 0; box-sizing:border-box; padding:60px 60px;}
	.block4-claim {position:absolute; right:auto; left:30px; width:80%; margin:360px 0 0 0;}
	.block4-byline {position:absolute; left:30px; bottom:-70px;}
	.block4-byline p {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:16px; line-height:16px;}
	
	.block5 {box-sizing:border-box; margin:0px auto 20px; padding:40px; z-index:20; position:relative;} 
	.block5-imagebox {position:absolute; top:-100px; right:-80px; width:400px;} .block5-imagebox img {width:100%;}
	.block5-imagebox2 {position:relative; margin:0 -20px 30px -20px;} .block5-imagebox2 img {width:50%; padding:0 5px; display:inline-block; box-sizing:border-box;}
	.block5 h2, .block5 p {}
	
	.block5 p a {background:url(../data/files/bg-links7a6f6b.jpg) no-repeat; background-size:50px 1px; background-position:center left;}
	
	.block6 {box-sizing:border-box; margin:0 auto 0; padding:0px 0; z-index:20; position:relative;} 
	.block6-box {margin:0px 0 30px;}
	.block6-box-text {float:left; width:100%; box-sizing:border-box; padding:30px 30px 30px; text-align:center;} .block6-box-text img {width:100%; padding:30px 10px 0; box-sizing:border-box; display:block;} .block6-box-text video {width:100%; padding:30px 30px 0; box-sizing:border-box; display:block;}
	.block6-box-text-left {padding-right:30px;} .block6-box-text-right {padding-left:30px; margin-left:0%; z-index:25; position:relative;}
	.block6-box-image {float:left; width:45%; margin:50px 0 0 0;} .block6-box-image img, .block6-box-image video {width:100%;}
	.block6-box-image-right {margin-left:-10%;} .block6-box-image-left {margin-right:0; z-index:30 !important; position:relative;}
	
	.block7 {box-sizing:border-box; margin:0 auto 0; padding:130px 0 40px; z-index:20; position:relative;} 
	.block7-portrait {position:relative; box-sizing:border-box; width:100%; padding:40px; margin:30px 0 0;} .block7-portrait img {width:100%;}
	.block7-signature {position:absolute; width:auto; left:30px; bottom:-10px; font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:20px; line-height:28px;}
	
	.block7-portrait-text {position:relative; width:100%; margin:60px 0px 0 0px; padding:0 30px; box-sizing:border-box;}
	.block7-portrait-text h2 {font-family:'euclid_circular_blight',Arial,sans-serif; font-style:normal; font-size:20px; line-height:20px; letter-spacing:0.3px; padding:0 0 0px 0; margin-bottom:0px;}
	.block7-portrait-text p span {font-size:13px; line-height:13px; letter-spacing:0.3px; padding:0 0 20px 0; display:block;}
	.block7-portrait-text p a {}
	.block7-right {position:absolute; top:290px; right:40px; width:370px;} .block7-right img {width:100%; padding:0 0 30px;}
	
	.block8 {box-sizing:border-box; margin:20px auto 0px; padding:1px 0 10px; z-index:20; position:relative; text-align:center;} 
	.block8-inner {box-sizing:border-box; padding:40px; margin:0px 0 -100px; text-align:center;} .block8-inner img, .block8-inner video {width:100%; margin-top: 20px;}
	.block8-inner .block-text1 {margin:auto; padding:40px 0 0;}
	
	.block9 {box-sizing:border-box; margin:0 auto 0; padding:100px 0; z-index:20; position:relative; text-align:center;} 
	.block9 p {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:18px; line-height:18px;}
	.block9 h2 {font-size:24px; line-height:30px;}
	
	.block10 {box-sizing:border-box; margin:-300px 0px 0px 0px; padding:40px 30px 150px 30px; z-index:20; position:relative;} 
	.block10 h2, .block10 p {} .block10 p {max-width:430px;}
	
	.block11 {box-sizing:border-box; margin:300px auto 0; padding:1px 0; z-index:20; position:relative;}
	
	.block12 {box-sizing:border-box; margin:40px auto 0; padding:0px; z-index:20; position:relative;}
	.block12-inner {box-sizing:border-box; margin:0px auto 0; padding:40px 40px 40px; z-index:20; position:relative; text-align:center;}  .block12 img, .block12 video {width:100%; padding-top:40px;} 
	.block12-inner p {font-size:16px;}
	
	.block12-signature {position:absolute; width:100%; text-align:center; left:0px; top:-15px; font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:26px; line-height:26px;}
	
	.block13 {box-sizing:border-box; margin:0 auto 1px; padding:130px 0 40px; z-index:20; position:relative;} 
	.block13-bottomtext p {max-width:530px; text-align:center; display:block; margin:60px auto 80px;}
	
	.block14-wrapper {padding:40px 0 20px;}
	.block14-image {float:left; box-sizing:border-box; width:45%; position:relative;} .block14-image img, .block14-image video {width:100%;}
	.block14-signature-left {position:absolute; left:50px; bottom:-35px; font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:34px; line-height:34px;}
	.block14-signature-right {position:absolute; right:50px; top:-25px; font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:34px; line-height:34px;}
	
	.block14-text {float:left; box-sizing:border-box; width:100%;} 
	.block14-text p {font-size:15px; line-height:21px; margin:0 0 10px;}
	
	.block14-maps p a {display:inline-block; font-size:12px; line-height:12px; margin:20px 0 0; padding:0px 0 0 53px; background:url(../data/files/bg-links.jpg) no-repeat; background-size:40px 1px; background-position:center left;}
	.block14-maps p a:hover {text-decoration:none !important;}
	.block14-maps p a span  {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:14px; line-height:15px; padding:0 0 0 7px;}
	.block14-maps p a:hover span  {padding:0 0 0 10px; }
	.block14-text-right {padding:0px 0 0 0px; text-align:left;}
	.block14-text-left {padding:0px 0px 0 0px; text-align:left;}
	
	.block-spacer1 {box-sizing:border-box; margin:70px auto 0; padding:0px 0 0px; z-index:20; position:relative; overflow:hidden;} .block-spacer1 img {width:130%; margin-left:-15%;}
	.block-spacer1b {padding-top:0px;}
	.block-spacer1-text {position:absolute; width:100%; top:22%; text-align:center;} .block-spacer1b-text {top:5%;}
	.block-spacer1-text p {font-size:16px; line-height:21px;}
	
	.block-spacer2 {box-sizing:border-box; margin:0px auto 0; padding:40px 0 20px; z-index:20; position:relative; overflow:hidden;} .block-spacer2 img {width:140%; margin-left:-20%}
	.block-spacer2-text {position:absolute; width:100%; top:40%; text-align:center;}
	.block-spacer2-text p {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:14px; line-height:15px;}
	.block-spacer2-text h2 {font-size:26px; line-height:30px;}
	
	.block-insta {box-sizing:border-box; margin:0px auto 0px; padding:50px 20px 50px; z-index:20; position:relative; text-align:center;}
	.block-insta h3 span {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:17px; line-height:17px;}
	.block-insta a {display: block; margin-bottom: 15px;}
	
	#instafeed {margin:30px 0 0 0; background:none; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
	#instafeed:hover a{opacity:.5}
	#instafeed a{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:calc(100%/2);-ms-flex-preferred-size:calc(100%/2);flex-basis:calc(100%/2);line-height:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;}
	#instafeed a:hover{opacity:1}
	#instafeed img{width:100%; padding:10px; display:block; box-sizing:border-box;}
	
	.block-footer-spacer {box-sizing:border-box; margin:0px auto 0; padding:0px 0; z-index:20; position:relative; overflow:hidden;} .block-footer-spacer img {width:150%; margin-left:-25%;}
	.block-footer-spacer-text {position:absolute; width:100%; top:40%; text-align:center;}
	.block-footer-spacer-text p {font-family:'caliwayregular',Arial,sans-serif; font-style:normal; font-size:17px; line-height:17px;}
	
	.block-footer {box-sizing:border-box; margin:0px auto 0; padding:50px 0 70px; z-index:20; position:relative;}
	.block-footer p, .block-footer p a {}
	.block-footer-left {float:left; width:100%; text-align:left;} .block-footer-left p {font-family:'sangbleu_empireregular', Times, serif; font-style:normal; font-size:17px; line-height:25px;}
	.block-footer-right {float:right; width:100%; padding-top:25px; text-align:left;}
	.block-footer-right2 {float:right; width:100%; padding-top:25px; text-align:left;}
	
	.block-footer-copyright {position:relative; width:100%; text-align:center; font-size:10px; line-height:14px; padding:10px 0;}
	.block-footer-copyright a {}
	
	/* PROJECTS*/
	/* Start Isotope*/
	.button {display:inline; margin:0 15px 0 0 !important; padding:0; background:none; border: none; border-bottom:1px solid #edece7; font-size: 13px; cursor: pointer;}
	.button:hover {border-bottom:1px solid #94523a;}
	.button:active, .button.is-checked {border-bottom:1px solid #94523a; outline:none;}
	.button-group {text-align:left; }
	.button-group:after {content: ''; display: block; clear: both;}
	/* End Isotope*/
	
	/* project search*/ 
	.search {border:none; display:inline-block; vertical-align:top; border-bottom:2px solid #372c28; border-radius:0; background:none; width:120px; margin:1px 0 10px; padding:4px 10px 1px; 
	box-sizing:border-box; font-family:'sangbleu_empireregular', Times, serif; font-style:normal;  font-size: 13px; outline:none;}
	.search:hover {background:none;}
	
	.project-overview-list {text-align:center; margin:-60px 0 0; padding:0 0 200px; display:none; position:relative; z-index:30;}
	.project-overview-list p {margin-top:7px;}
	.project-overview-list p a:hover {text-decoration:none; cursor:pointer;}
	
	.project-overview-wrapper{margin:10px -1% 250px -1% !important;}
	.project-overview-box {width:47.99%; margin:1% 1%; float:left;} .project-overview-box img, .project-overview-box video {width:100%; display:block;}
	
	.project-overview-overlay {position:absolute; box-sizing:border-box; top:0%; width:100.1%; bottom:0; padding:0 0px; text-align:center; opacity:0; z-index:11;}
	.project-overview-overlay:hover {opacity:1; transition-delay:0.2s; -webkit-transition-delay:0.2s; height:100%;} 
	.project-overview-overlay h1 {font-size:10px; opacity:1; padding:0% 0 0; top:45%; position:absolute; width:100%; text-align:center;}
	.project-overview-overlay:hover h1 {opacity:1; -webkit-transition:all 0.1s ease 0s; transition:all 0.1s ease 0s; transition-delay:0.2s; -webkit-transition-delay:0.2s; font-size:16px; line-height:20px; letter-spacing:0.4px;}
	
	.project-detail-header {box-sizing:border-box; margin:0 auto 0; padding:140px 0 50px; z-index:20; position:relative; text-align:center;} 
	.project-detail-header h2 {font-size:16px; line-height:22px; padding:20px 0 0;}
	.project-detail-topimg {margin:30px 0px 0px 0px; padding:20px 30px;}
	.project-detail-topimg-portrait {width:100%; max-width:250px;}
	.project-detail-topimg-landscape {width:100%; max-width:1000px;}
	
	.project-detail-textwrapper {padding:20px 0 0px;}
	
	.project-detail-text {float:left; text-align:left; box-sizing:border-box; font-family:'sangbleu_empireregular', Times, serif; font-style:normal; font-size:16px; line-height:23px; padding:10px 0 30px;}
	.project-detail-text p {font-size:16px; line-height:23px; margin:0 0 0;}
	.project-detail-text span {display:block; font-family:'euclid_circular_blight',Arial,sans-serif; font-style:normal; font-size:11px; line-height:11px; letter-spacing:0.3px; padding:0 0 12px 1px;}
	.project-detail-text-service {width:100%; padding-right:0px;}
	.project-detail-text-location {width:70%; padding-right:20px;}
	.project-detail-text-year {width:30%; padding-right:0px;}
	
	.project-detail-imgwrapper {margin:10px -2% 80px -2% !important;} 
	.project-detail-imgbox {width:47.99%; margin:1% 1%; float:left; overflow:hidden;} .project-detail-imgbox img, .project-detail-imgbox video {width:100%;}
	.project-detail-imgbox img:hover {transform: scale(1.06);}
	
	.project-detail-navigation {background:#FFF; padding:30px 0 110px; position:relative; font-size:14px; line-height:14px;} 
	.project-detail-navigation a:hover {text-decoration:none;}
	.project-detail-navigation-left {position:absolute; left:20px; top:35px;} .project-detail-navigation-left:hover {left:14px;}
	.project-detail-navigation-center {position:relative; width:200px; margin:auto; text-align:center; font-family:'sangbleu_empireregular', Times, serif; font-style:normal; font-size:16px; line-height:26px;}
	.project-detail-navigation-right {position:absolute; right:20px; top:35px;}  .project-detail-navigation-right:hover {right:14px;}
	/* END PROJECTS*/
	
	.team-overview-wrapper{padding:0px 0% 0; margin:0px -2.5% 0 -2.5%;}
	.team-overview-box {position:relative; float:left; width:44.9%; margin:0 2.5% 8%; overflow:hidden;} 
	.team-overview-box-textwrapper {box-sizing:border-box; padding:0 15px 3px 0px; text-align:left; font-size:11px; line-height:13px;}
	.team-overview-box h3 {font-family:'euclid_circular_blight',Arial,sans-serif; font-style:normal; font-size:14px; line-height:17px; letter-spacing:0.2px; padding:0 0 4px 0;}
	.team-overview-box-textwrapper a {display:block; padding-top:11px; font-size:10px;}
	.team-overview-box-imgwrapper {position:relative; padding-bottom:140%; margin:0 0 18px 0; overflow:hidden;} .team-overview-box-imgwrapper img {display:block; position:absolute; width:100%; top:0; left:0;}
	 
	/* SLIDER */
	#slider {position: relative; overflow: hidden; margin: 20px auto 0 auto;}
	#slider ul {position: relative; margin: 0; padding: 0; list-style: none;}
	#slider ul li {position: relative; display: block; float: left; margin: 0; padding: 0; width: 400px; height:600px; background: #ccc; text-align: center; line-height: 300px;}
	a.control_prev, a.control_next {position: absolute; top: 45%; z-index: 999; display: block; padding: 4% 3%; width: auto; height: auto; background: none; text-decoration: none; font-weight: 600; font-size: 38px; opacity: 0.8; cursor: pointer;}
	a.control_prev:hover, a.control_next:hover {opacity: 1; -webkit-transition: all 0.2s ease;}
	a.control_prev {border-radius: 0 2px 2px 0;}
	a.control_next {right: 0; border-radius: 2px 0 0 2px;}
	/* END SLIDER */
	 
	
}

@media screen and (max-width: 500px) { 
	.nophone-portrait {display:none !important;}
	.onlyphone-portrait {display:inherit !important;}
	
	
	
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  position:fixed; right:75px; top:56px; z-index:100;
  transition: all 0.3s ease !important;
  padding:inherit;
  display: inline-block;
  cursor:pointer;
  transition-property: opacity, filter;
  transition-duration: 0.25s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.9; }

.hamburger-box {
	
  width: 46px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 46px;
    height: 2px;
    background-color: #94523a;
    border-radius: 2px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.25s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -8px;}
  .hamburger-inner::after {
    bottom: -8px; }

.hamburgerwhite {background-color:#FFF;}
.hamburgerwhite::before {background-color:#FFF;}
.hamburgerwhite::after {background-color:#FFF;}

  /*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

  /*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 9px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 18px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg); }


@media screen and (max-width: 900px) {
	.hamburger {right:50px; top:55px; width:30px;}
}

@media screen and (max-width: 680px) {
	.hamburger {right:30px; top:45px; width:30px;}
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 30px; height: 2px; border-radius: 1px;}
  	.hamburger--spring .hamburger-inner::before {
    top: 7px;}
  .hamburger--spring .hamburger-inner::after {
    top: 14px;}
	.hamburger--spring.is-active .hamburger-inner::before {
    top: -2px;}
  .hamburger--spring.is-active .hamburger-inner::after {
    top: -2px;}

}