@charset "UTF-8";



/* ==========================================================================
    Media queries
   ========================================================================== */
   
  
@media only screen and (max-width: 1050px) {  
  .column-combined .content.content-2-columns { max-width: 355px;
    -webkit-columns: 1;	-moz-columns: 1; columns: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px;    
  }
}  
  
@media only screen and (max-width: 920px) { 
  
  .columns-33 .meta > a { position: relative; display: block; top: auto; right: auto; margin-top: 1em; }

}


@media only screen and (max-width: 780px) {
  
  .columns-33 .meta { padding-left: 20px; padding-right: 20px; }

}


@media only screen and (max-width: 768px) {
  
  .section-news article:first-child { margin-top: 28px; }
  
  /* header */
  
  header .page-title { display: block; }
  
  nav .menu { margin-top: 0; }
  
  
  /* header */
  header, .has-submenu header { height: 60px; }
  header .container { margin-top: 0px; }
  
  main section:first-of-type, .has-submenu main section:first-of-type { padding-top: 60px; }
  
  /* home */
  .section-hero { height: calc( 100vh - 60px); }
  .sticky.page-home main { padding-top: 60px; }
  .section-hero { height: calc( 100vh - 60px); }	
  #nav-trigger { display: block; }
  
  /* home */
  .section-hero h1 { width: 60%; }
  
  /* contact*/
  
  /* projects */
  .section-projects .columns-33 > div { width: 50%; }	
  
  /* titles */
  .padding-top-standard { padding-top: 20px; }
  h1, .page-about h2, .section-projects-all h2 { font-size: 2.625em; line-height: 1.1; }
  .section-jobs h2, .section-job h2, .section-legal h2 { font-size: 1.125em; line-height: 1.1; }
  
  .page-news .symbol-wrapper > div > div, .page-all-projects .symbol-wrapper > div > div { padding-top: 108px; }
  
  /* jobs */
  .section-jobs .container, .section-job .container { padding-right: 0px; padding-left: 0px; padding-top: 0;  }
  .section-jobs .columns-44-56 .placeholder, .section-job .columns-44-56 .placeholder { display: none; } 
  .section-jobs .placeholder.has-title { height: 22px; margin-top:0 !important; display: block; }

  
  
  .section-jobs .columns-44-56 > div:nth-child(2n+1), .section-jobs .columns-44-56 > div:nth-child(2n), .section-job .columns-44-56 > div:nth-child(2n), .section-job .columns-44-56 > div:nth-child(2n+1) { width: 100%; padding-right: 30px; padding-left: 30px; }
  .section-jobs .columns-44-56 > div.has-content, .section-job .columns-44-56 > div.has-content { -ms-flex-order: 3; -webkit-order: 3; order: 3; }
  .section-jobs .columns-44-56 > div.has-title, .section-job .columns-44-56 > div.has-title { -ms-flex-order: 2; -webkit-order: 2; order: 2; margin-top: 1.75rem; }
  .section-jobs .columns-44-56 > div.has-hero, .section-job .columns-44-56 > div.has-hero { -ms-flex-order: 1; -webkit-order: 1; order: 1; padding-right: 0px; padding-left: 0px; }
  .section-jobs .columns-44-56 > div.has-hero .img, .section-jobs .columns-44-56 > div.has-hero .img-background, .section-job .columns-44-56 > div.has-hero .img, .section-job .columns-44-56 > div.has-hero .img-background { padding-top: 56.25% !important; height: 0; }
  
  
  .section-job .columns-44-56 > div.has-content:nth-child(2n+1), .section-job .columns-44-56 > div.has-content:nth-child(2n) { width: 50%; }
  .section-job .columns-44-56 > div.has-content.has-content-first { padding-right: 15px; }
  .section-job .columns-44-56 > div.has-content.has-content-second { padding-left: 15px; }
  .section-job .backlink { margin-top: 1.6em; }
  .section-job .columns-44-56 > div.has-content > div:first-child h2 { margin-top: 1.4em; }	
  
  /* about */
  .section-image h1 { font-size: 1.750em; line-height: 1.1 }
  .page-about h2 { margin-top: 3rem; }
  .section-history .column, .section-vision .column { margin-bottom: 3.5rem; }	
  
  
  /* project */
  .section-project-item .columns-44-56 > div:nth-child(2n), .section-project-intro .columns-44-56 > div:nth-child(2n) { padding-right: 0; }	
  .section-project-item .columns-56-44 > div:nth-child(2n+1) { padding-left: 0; }
  .page-project .margin-top-large { margin-top: 44px; }
  .section-project-item.margin-top-large, .section-project-intro.margin-top-large, .page-project .section-image.margin-top-large { margin-top: 30px; }
  
  .columns-33 .meta > a { line-height: 1.3; }
  footer dd a, .columns-33 .meta > a span { width: 18px; height: 18px;}
  
  /* mobile nav */
  nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    top: -110%; 
    transition: top 0.6s cubic-bezier(0.16, 1, 0.2, 1) 0s, opacity 0.6s cubic-bezier(0.16, 1, 0.2, 1) 0s; 	
    z-index: 101;
  }
  
  nav:before, nav .submenu:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.9);
    content: " ";
  }
  
  .nav-active nav {
    top: 0px; opacity: 1;
  }
  
  #nav-close {
    display: block;
  }
  
  nav .menu, nav .submenu {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-left: 30px;	
    padding-top: 70px;
    padding-bottom: 70px;
    width: 100%;
    height: 100%;
    flex: 1 1 auto;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
  }
  
  nav .submenu { 
    position: absolute; top: 0; left: 0; 
    top: -110%; 
    transition: top 0.6s cubic-bezier(0.16, 1, 0.2, 1) 0s, opacity 0.6s cubic-bezier(0.16, 1, 0.2, 1) 0s; 
  }
  
  header .submenu.active {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  
  nav .submenu.mobile-active {
    top: 0;
  }
  
  nav .menu li, nav .submenu li {
    display: inline-block;
    margin: 0.5em 0;
  }
  
  header .menu li:first-child { display: inline-block; }
  
  nav .language {
    position: absolute;
    left: 30px;
    bottom: 30px;
  }
   
  nav .language li {
    float: left;
    font-size: 1.5em;
    line-height: 1;
    margin-left: 20px;
  }	
  
  nav .language li:first-child {
    margin-left: 0;
  }
  
  nav .language a, nav .menu li a, nav .submenu li a {
    position: relative;
    display: inline-block;
    color: #9B9B9B;
  }
  
  header .submenu li:first-child { display: inline-block; }
  
  nav .submenu li a { 
    font-size: 1.50em;
    line-height: 1.1;
  }	
  
  nav .menu li a, nav .submenu li a.submenu-title {
    font-size: 1.750em;
    line-height: 1.1;
  }
  nav .submenu li a.submenu-title {
    color: #000;
  }
  
  
  nav .language a.active, nav .menu li a.active, nav .submenu li a.active {
    color: #000;
  }
  
  nav .menu li a.active:after, nav .submenu li a.active:after {
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 1px;
    width: 100%;
    background-color: currentcolor;
    content: " ";
  }

    
}


@media only screen and (max-width: 720px) {
  
  .section-people .columns-33 > div { width: 50%; }
  .columns-33 .meta { padding-left: 30px; padding-right: 30px; }	

}

@media only screen and (max-width: 660px) {

  .column-combined .content.content-2-columns { max-width: 100%; margin-right: 0; margin-bottom: 0.5rem; }
  .section-vision .content-2-columns { -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; -webkit-columns: 1; -moz-columns: 1; columns: 1; }

}


@media only screen and (max-width: 650px) {
      
  .section-hero h1 { width: 80%; }
  
  .container, .section-image .background div { padding-left: 20px; padding-right: 20px; }
  
  /* project */
  .columns-44-56 > div:nth-child(2n+1) { padding-right: 20px; }
  .columns-56-44 > div:nth-child(2n) { padding-left: 20px; }
  .section-project-item .columns-44-56 .content, .section-project-item .columns-56-44 .content { max-width: 100%; }
  
  /* news & all projects */
  .page-news .symbol-wrapper > div > div, .page-all-projects .symbol-wrapper > div > div { padding-left: 20px; }
  
  /* about */
  .column-85 { width: 100%; }
  .section-image .symbol-wrapper .container > div { padding-left: 20px; }
  .section-image .symbol-wrapper .container { padding: 27px 20px; }
  .section-image .background h1 { padding-right: 20px; bottom: 20px; }
  h2.with-padding, .columns-33 .meta { padding-left: 20px; padding-right: 20px; }	
  
  
  /* job */
  .section-job .columns-44-56 > div.has-content.has-content-first { padding-right: 10px; }
  .section-job .columns-44-56 > div.has-content.has-content-second { padding-left: 10px; }
  .section-jobs .columns-44-56 > div:nth-child(2n+1), .section-jobs .columns-44-56 > div:nth-child(2n), .section-job .columns-44-56 > div:nth-child(2n), .section-job .columns-44-56 > div:nth-child(2n+1) { padding-left: 20px; padding-right: 20px; }
  
  /* menu */
  #nav-close { top: 20px; right: 20px; }
  nav .menu, nav .submenu { padding-left: 20px; padding-top: 60px; padding-bottom: 60px; }
  nav .language { bottom: 20px; left: 20px; }
  
  
  .columns-33 {	width: calc(100% + 20px); margin-left: -20px; }	
  .columns-33 > div { padding-left: 20px; }
  
  .section-projects .columns-33 > div { margin-bottom: 30px; }
  
}

@media only screen and (max-width: 620px) {

  /* contact*/
  .section-map .map-outer { height: calc(100vh - 285px); }
  
  .section-contact p { max-width: 400px; margin-left: 0; }
  
}

@media only screen and (max-width: 600px) {


  .section-news article:first-child { margin-top: 0px; }


  /* news & all projects */
  .column-69 { width: 100%; }
  .page-news .symbol-wrapper, .page-all-projects .symbol-wrapper { display: none; }
  
}

@media only screen and (max-width: 540px) {
  
  /* job */
  .section-job .columns-44-56 > div.has-content:nth-child(2n+1), .section-job .columns-44-56 > div.has-content:nth-child(2n) { width: 100%; padding-left: 20px; padding-right: 20px; }
  
  /* project */
  .page-project .columns-44-56 > div:nth-child(2n+1), .page-project .columns-44-56 > div:nth-child(2n), .page-project .columns-56-44 > div:nth-child(2n+1), .page-project .columns-56-44 > div:nth-child(2n) { width: 100%; padding-left: 0; padding-right: 0px; }
  .section-project-intro .columns.columns-44-56 .img.img-scaled { background-position: left top; }
  .section-project-item.margin-top-large, .section-project-intro.margin-top-large, .page-project .section-image.margin-top-large { margin-top: 20px; }
  .section-project-item .content p { margin-top: 1.125em; }
  .page-project .columns > div { min-height: 0; }
  .page-project .section-project-item .columns-44-56 > div:nth-child(2n+1) {  -ms-flex-order: 2; -webkit-order: 2; order: 2; }
  .page-project .section-project-item .columns-44-56 > div:nth-child(2n) { -ms-flex-order: 1; -webkit-order: 1; order: 1; }

  .section-projects-all h2, .page-about h2, h1, .page-about h2 { font-size: 2em; line-height: 1.1; }
  .section-image h1, .section-jobs h2, .section-job h2, .section-legal h2 { font-size: 1.125em; line-height: 1.1; }
  .section-job .content p { margin-top: 1em; margin-bottom: 1em; }
  .section-job h2, .section-job .columns-44-56 > div.has-content > div:first-child h2 { margin-top: 2em; margin-bottom: 0; }
  .section-job .columns-44-56 > div.has-content.has-content-second > div:first-child h2 { margin-top: 1.3em; }

  .section-jobs .columns-44-56 > div.has-title, .section-job .columns-44-56 > div.has-title { margin-top: 1.25rem; }
  .page-about h2 { margin-top: 2rem; }
  .section-history .column, .section-vision .column { margin-bottom: 1rem; }
  .section-people .columns-33 { margin-top: 1.25rem; }
}	



@media only screen and (max-width: 500px) {

  /* header */
  header, .has-submenu header { height: 50px; padding-top: 0px; }

  main section:first-of-type, .has-submenu main section:first-of-type { padding-top: 50px; }
    
  header .logomark { margin-top: 9px; }
  header .page-title { margin-top: 18px; margin-left: 18px; }
  #nav-trigger { margin-top: 7px; }
  .sticky.page-home main { padding-top: 50px; }
  
  /* home */
  .section-hero, .section-hero .hero-background { height: calc( 100vh - 50px); }
  .section-hero h1 { width: 90%; }	
  
  /* contact*/
  .section-map .map-outer { height: calc(100vh - 236px); }

  /* footer */
  main { margin-bottom: -90px; padding-bottom: 90px; }
  .section-contact .row { height: 96px; }
  /*.section-map .map-outer { height: calc(100vh - 246px); }*/
  footer { height: 90px; }
  footer .container { flex-wrap: wrap; }
  footer dl, footer p { width: 100%; text-align: left; }
  footer dl { -ms-flex-order: 1; -webkit-order: 1; order: 1;  margin-bottom: 0.5rem; }
  footer p { -ms-flex-order: 2; -webkit-order: 2; order: 2;}
  .section-contact ul { white-space: nowrap; margin-left: 16px; }

  /* contact*/
  .section-map .map-outer { height: calc(100vh - 290px); }
  .section-contact p { max-width: 400px; margin-left: 0; }

  /* about */
  .content-2-columns { -webkit-columns: 1; -moz-columns: 1; columns: 1; }
}

@media only screen and (max-width: 480px) {
  
  
  .section-people .columns-33 { width: 100%; margin-left: 0; }
  .section-people .columns-33 > div { width: 100%; padding-left: 0; }

}

@media only screen and (max-width: 420px) {
  
  .section-hero h1 { width: 100%; }
  
  .section-projects .columns-33, .section-people .columns-33 { width: 100%; margin-left: 0; }
  .section-projects .columns-33 > div, .section-people .columns-33 > div { width: 100%; padding-left: 0; }
  
  .section-contact .row { flex-wrap: wrap; height: auto; }
  
  .section-contact ul { margin-left: 30px; }
  
  .section-contact ul:last-child {
    width: 100%;
    margin-top: 15px;
    margin-left: 0;
  }
  
  .section-map .map-outer { height: calc(100vh - 292px); }

    
}

@media only screen and (max-width: 380px) {
  
  nav .submenu li a { font-size: 1.35em; }
  
  #nav-trigger { width: 30px; padding-left: 4px; }
}


@media only screen and (max-width: 360px) {
  
  
  .section-contact ul { width: 100%; margin-left: 0; }
  
  .section-map .map-outer { height: calc(100vh - 365px); }
  
  header .container { padding-left: 10px; padding-right: 10px; }
  

}

@media only screen and (max-width: 330px) {

  .section-contact .container { padding-right: 5px; }

}