/* maven-pro-regular - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/maven-pro-v25-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/maven-pro-v25-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* maven-pro-600 - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/maven-pro-v25-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/maven-pro-v25-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Reset */
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,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* e/o Reset */

html{font-family:'Maven Pro', Arial, sans-serif;font-weight:400;font-size:10px;line-height:1.3;scroll-behavior:smooth;}
body{font-size:2.4rem;color:#212121;background:#fff;min-width:440px;padding-top: 180px;}
a{color:#212121;text-decoration:none;}
a:hover{text-decoration:underline;opacity: .8;}
a:focus{outline:none;}
p{margin-bottom:24px;}
strong,em{font-weight: 600;}
.responsive{width: 100%;height: auto;display: inline-block;}
img.rounded{border-radius: 24px;}
img.teaser{max-width: 290px;}
h1,h2.h1{font-size:4.8rem;margin:0 0 40px;padding:0;font-weight:400;color:#E63635;}
h2{font-size:3.6rem;margin:48px 0 24px;padding:0;font-weight:400;color:#E63635;}
h3{font-size:2.6rem;margin:32px 0 24px;padding:0;font-weight:600;color:#212121;}
ul{margin:40px 30px 30px;list-style:square;}
ol{margin:40px 30px 30px;}
li{margin:0;padding:2px 10px;}
li p{margin-bottom:0;}
.cta{color: #fff;padding: 8px 16px;border-radius: 4px;background: #E63635;}
	.cta:hover{text-decoration: none;}

figure{padding:0;margin:0;width:100%;margin-bottom:40px;}
	figure > img{max-width:600px;}
	figcaption{background:#F4F4F4;padding:8px;font-size:1.6rem;text-align:center;}

.section{position:relative;width:100%;float:left;}
	.inner{width:100%;position:relative;max-width:1280px;padding:160px 40px;margin:0 auto;}
	.grey{background: #CFCFCF;clip-path: polygon(0 0, 100% 160px, 100% calc(100% - 160px), 0% 100%);}
	.lightGrey{background: #E6E6E6;clip-path: polygon(0 0, 100% 160px, 100% 100%, 0 calc(100% - 160px));margin-bottom: -240px;}

#header{z-index:10;margin:0;position:fixed;top:0;left:0;width:100%;}
	#backLink{position: relative;display: block;float: left;margin: 11px 0 0 32px;z-index:11;}
	.large #logo{float: left;width:640px;z-index: 11;position: relative;}
	.small #logo{float: left;width:320px;z-index: 11;position: relative;}
	#logo a:hover{opacity: 1;}
	#metaNav{position: absolute;left: 0;top: 0;width: 100%;text-align: right;background: #CFCFCF;z-index: 10;}
		#metaNav a{border-left: 2px solid #fff;padding: 8px 8px 2px;display: inline-block;}
		.small #metaNav{box-shadow: 0 1px 3px rgb(0 0 0 / 50%);}

.cols{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;}
	.center{align-items: center;}
	.col{width:calc(50% - 24px);}
	.taRight{text-align: right;}

#startLeft{position: relative;float: left;width: 50%;text-align: right;padding-right: 32px;}
	#startLeft h1{margin-bottom: 10px;}
#startPlus{position: absolute;bottom: -135px;right: -65px;width: 147px;}
#startRight{clear: both;float: right;width: 50%;margin-bottom: 60px;padding: 44px 0 0 16px;}
.startLink{display: inline-block;background: url(../arrow.svg) no-repeat right center;padding: 0 30px 4px 0;}

#projectItems .inner{padding-bottom: 260px;}
 #projectItems .leftCol{padding-left: 50px;}
 #projectItems .rightCol{padding-right: 50px;}
 .swiper-button-next,.swiper-button-prev{color:#000 !important;}

#team .col{text-align: center;}
	.teamImg{margin: 24px 0 8px;}

#footer{background:#212121;padding:80px 24px 0;clip-path: polygon(0 0, 100% 160px, 100% 100%, 0% 100%);display: flex;justify-content: space-between;align-items: flex-end;color: #fff;margin-top: 80px;}
	#footer a{color:#fff;text-decoration:underline;}
	#footerMeta{text-align: right;}
		#footerMeta a{display: inline-block;margin-left: 24px;text-decoration:none;}

@media only screen and (max-width:999px){
.large #logo{width:320px;}
#startLeft{width: 100%;text-align: left;padding-right: 0;}
#startPlus{display: none;}
#startRight{clear: both;float: right;width: 100%;margin: 60px 0;padding: 0;}
}
@media only screen and (max-width:888px){
.cols{flex-wrap:wrap;}
.col{width:100%;}
.taRight{text-align: center;}
 #projectItems .leftCol,#projectItems .rightCol{padding: 0 50px;}
 .conditionalCenter{text-align: center;padding-top: 40px;}
}
@media only screen and (max-width:666px){
html{font-size:8px;}
body{padding-top: 0;}
.inner{padding:160px 10px;}
.large #logo,.small #logo{width:200px;}
#footer{flex-direction:column;align-items: flex-start;margin-top: 120px;clip-path: polygon(0 0, 100% 80px, 100% 100%, 0% 100%);}
.grey{clip-path: polygon(0 0, 100% 80px, 100% calc(100% - 80px), 0% 100%);}
.lightGrey{clip-path: polygon(0 0, 100% 80px, 100% 100%, 0 calc(100% - 80px));}
#backLink{margin: 14px 0 0 -13px;}
}