@charset "UTF-8";

a,body,mark {
color: #000;
}
body,ul {
margin: 0;
}
legend,td,th,ul {
padding: 0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,iframe,main,menu,nav,section,summary {
display: block;
}
img,video {
height: auto;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
audio,canvas,progress,video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],template {
display: none;
}
a {
background-color: transparent;
text-decoration: none;
}
a:active,a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,optgroup,strong {
font-weight: 700;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: .67em 0;
}
h1,h2,h3,h4,h5,h6,p {
margin-top: .83em;
margin-bottom: .83em;
}
mark {
background: #ff0;
}
small {
font-size: 80%;
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre,textarea {
overflow: auto;
}
code,kbd,pre,samp {
font-family: monospace,monospace;
font-size: 1em;
}
button,input,optgroup,select,textarea {
color: inherit;
font: inherit;
margin: 0;
}
body,h1,h2,h3,h4,h5,h6 {
font-family: "Helvetica Neue",Helvetica,Arimon,Arial,sans-serif;
font-weight: 300;
}
button {
overflow: visible;
}
button,select {
text-transform: none;
}
button,html input[type=button],input[type=reset],input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type=checkbox],input[type=radio] {
box-sizing: border-box;
padding: 0;
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
height: auto;
}
input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em;
}
legend {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
* {
box-sizing: border-box;
}
body,html {
width: 100%;
height: 100%;
}
body {
font-size: 16px;
font-style: normal;
line-height: 1.45;
background-color: #fff;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: 'liga','kern';
}
h1,h2,h3,h4,h5,h6 {
line-height: 1.1;
}
.gallery-scroller-icon a:after,.project-info h3:after,[class*=" icon-"],[class^=icon-] {
font-family: spaceworkers-icons;
speak: none;
font-style: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
ul {
list-style: none;
}
.grid-container,iframe {
margin-left: auto;
margin-right: auto;
}
img {
max-width: 100%;
border: 0;
}
button,input {
outline: 0;
}
video {
width: 100%;
}
.grid-wrapper {
position: relative;
z-index: 20;
overflow: auto;
width: 100%;
background-color: rgba(255,255,255,.9);
}
.grid-container {
width: 100%;
max-width: 980px;
}
.polyfill-object-fit-container {
position: relative;
overflow: hidden;
}
.polyfill-object-fit-cover-tall,.polyfill-object-fit-cover-wide {
position: absolute;
max-width: none!important;
max-height: none!important;
object-fit: unset!important;
}
.polyfill-object-fit-cover-tall {
top: 50%;
left: 0;
width: 100%!important;
height: auto!important;
-webkit-transform: translateY(-50%)!important;
transform: translateY(-50%)!important;
}
.polyfill-object-fit-cover-wide {
top: 0;
left: 50%;
width: auto!important;
height: 100%!important;
-webkit-transform: translateX(-50%)!important;
transform: translateX(-50%)!important;
}
[class*=" icon-"],[class^=icon-] {
font-weight: 400;
line-height: 1;
}
.icon-search:before {
content: "";
}
.icon-select:before {
content: "";
}
.icon-chevron-down:before {
content: "";
}
.icon-circle-down:before {
content: "";
}
.icon-google-plus:before {
content: "";
}
.icon-pinterest:before {
content: "";
}
.icon-twitter:before {
content: "";
}
.icon-facebook:before {
content: "";
}
.icon-left:before {
content: "";
}
.icon-circle-right:before {
content: "";
}
.icon-circle-up:before {
content: "";
}
.icon-location:before {
content: "";
}
.icon-tumblr:before {
content: "";
}
.icon-instagram:before {
content: "";
}
.gallery-container {
position: relative;
overflow: hidden;
height: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #fff;
}
.gallery-container .grid-container {
position: absolute;
left: 15px;
right: 15px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: auto;
margin-left: 15px;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.gallery-item,.gallery-items {
left: 0;
overflow: hidden;
position: absolute;
height: 100%;
top: 0;
}
.gallery-items {
z-index: 10;
width: 100%;
}
.gallery-item {
z-index: 1;
width: 100%;
opacity: 0;
transition: left .35s ease-in,opacity .35s ease-in;
-webkit-transform: translateZ(0);
transform: translateZ(0);
pointer-events: none;
}
.gallery-item.active {
pointer-events: auto;
opacity: 1;
}
.nav-list,.nav-search-container {
visibility: hidden;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.gallery-item img,.gallery-item video {
object-fit: cover;
width: 100%;
height: 100%;
}
.gallery-fade .gallery-item {
opacity: 0;
}
.gallery-fade .gallery-item:first-of-type {
opacity: 1;
}
.gallery-translate .gallery-item {
left: 100%;
}
.gallery-translate .gallery-item:first-of-type {
left: 0;
}
.gallery-item-text {
position: absolute;
z-index: 11;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.15);
}
.gallery-item-text h1,.gallery-item-text h2,.gallery-item-text h6,.gallery-item-text p {
opacity: 0;
transition: opacity 1s ease;
}
.gallery-item-text .grid-container {
bottom: 92px;
}
.active .gallery-item-text h1,.active .gallery-item-text h2,.active .gallery-item-text h6,.active .gallery-item-text p {
opacity: 1;
}
.gallery-item-text h1,.gallery-item-text h2,.gallery-item-text p {
margin-top: 0;
margin-bottom: 0;
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.gallery-item-text h1 {
position: relative;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
padding-top: 1rem;
font-size: 26px;
font-size: 1.625rem;
}
.gallery-item-text h1:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 10px;
height: 1px;
background-color: #fff;
}
.gallery-item-text h2 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
margin-bottom: 1rem;
font-size: 14px;
font-size: .875rem;
}
.gallery-item-text p {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
margin-bottom: 1rem;
font-size: 18px;
font-size: 1.125rem;
font-weight: 200;
}
.gallery-item-text a {
color: #fff;
}
.gallery-item-text.gallery-alternative .grid-container {
width: 50%;
}
.gallery-item-text.gallery-alternative h1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
margin: 0;
font-size: 18px;
font-size: 1.125rem;
}
.gallery-item-text.gallery-alternative h1:after {
width: 0;
height: 0;
background-color: transparent;
}
.gallery-item-text.gallery-alternative h6 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
margin-top: 13px;
margin-bottom: 13px;
font-size: 26px;
font-size: 1.625rem;
}
.gallery-item-text.gallery-alternative p {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
margin: 0;
font-size: 14px;
font-size: .875rem;
}
.gallery-navigation {
position: absolute;
z-index: 11;
bottom: 59.8px;
left: 0;
right: 0;
}
.gallery-navigation li {
position: relative;
float: left;
width: 9px;
height: 9px;
margin-right: 15px;
}
.gallery-navigation a {
position: absolute;
top: 0;
left: 0;
width: 9px;
height: 9px;
outline: 0;
border-radius: 50%;
border: 1px solid transparent;
font-size: 0;
line-height: 0;
color: transparent;
background-color: rgba(255,255,255,.2);
transition: background .35s ease-in,border .35s ease-in;
}
.gallery-navigation .active a {
border: 1px solid rgba(255,255,255,.6);
background-color: transparent;
}
.gallery-scroller-icon {
position: absolute;
z-index: 11;
bottom: 0;
left: 50%;
width: 46px;
height: 46px;
margin-left: -23px;
}
.gallery-scroller-icon a {
display: block;
text-align: center;
line-height: 54px;
color: #fff;
}
.gallery-scroller-icon a:after {
font-weight: 400;
line-height: 1;
content: "";
font-size: 24px;
font-size: 1.5rem;
}
.gallery-logo {
position: relative;
z-index: 20;
width: 200px;
margin-left: auto;
margin-right: auto;
padding-top: 100px;
}
.gallery-counter,.gallery-item-title {
position: absolute;
z-index: 11;
left: 50%;
color: #fff;
max-width: 980px;
}
.gallery-item-title {
top: 50%;
width: 100%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.gallery-item-title h1 {
margin: 0;
text-align: center;
font-weight: 100;
opacity: 0;
transition: opacity 1s ease;
font-size: 70px;
font-size: 4.375rem;
}
.gallery-item-title.hide {
opacity: 0;
}
.active .gallery-item-title h1 {
opacity: 1;
}
.gallery-counter {
bottom: 45px;
width: 100%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
}
.navigation,.secondary-nav {
z-index: 8675400;
-webkit-user-select: none;
-ms-user-select: none;
}
.gallery-counter-text {
line-height: 1;
font-weight: 400;
font-size: 40px;
font-size: 2.5rem;
}
@media only screen and (min-width: 700px) {
.gallery-counter-text {
font-size: 80px;
font-size: 5rem;
}
}
.gallery-close {
line-height: 1;
}
.gallery-close a {
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 12px;
font-size: .75rem;
}
.navigation {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 46px;
font-size: 18px;
font-size: 1.125rem;
font-weight: 300;
-moz-user-select: none;
user-select: none;
background-color: rgba(255,255,255,.97);
transition: background .35s linear,height .35s ease-in,min-height .35s ease-in;
}
.nav-menu,.nav-mobile label {
width: 46px;
height: 46px;
top: 0;
position: absolute;
}
.nav-mobile label {
left: 3px;
display: block;
cursor: pointer;
}
.nav-menu {
left: 0;
transition: -webkit-transform .55s ease-out,left .55s ease-out,margin .55s ease-out;
transition: transform .55s ease-out,left .55s ease-out,margin .55s ease-out;
}
.nav-mobile-icon {
display: block;
width: 22px;
height: 1px;
margin-top: 18.5px;
margin-left: 12px;
background-color: #000;
transition: -webkit-transform .6s ease-out,opacity 0s ease-in;
transition: transform .6s ease-out,opacity 0s ease-in;
}
.nav-mobile-icon:nth-child(2) {
opacity: 1;
transition: opacity .2s .4s ease-in;
}
.nav-mobile-icon+.nav-mobile-icon {
margin-top: 3px;
}
.nav-logo {
width: 46px;
height: 46px;
position: absolute;
top: 0;
left: 50%;
margin-left: -23px;
text-align: center;
}
.nav-logo img {
height: 16.1px;
margin-top: 16.1px;
margin-left: 0;
}
.nav-list {
position: absolute;
top: 46px;
left: 0;
bottom: 0;
overflow-y: auto;
width: 100%;
padding-left: 46px;
padding-right: 46px;
}
.nav-list>ul li {
position: relative;
display: inline-block;
width: 100%;
height: 46px;
opacity: 0;
pointer-events: none;
-webkit-transform: scale(1.1) translateY(-24px);
transform: scale(1.1) translateY(-24px);
transition: opacity .35s ease-out,-webkit-transform .35s ease-out;
transition: opacity .35s ease-out,transform .35s ease-out;
transition-delay: 0;
}
.nav-list>ul a {
display: block;
height: 46px;
line-height: 2.875rem;
}
.nav-list .fixed {
width: 100%;
color: #313131;
position: fixed;
bottom: 0;
}
.nav-list .project-share a,.project-share li a:hover {
color: #7f7f7f;
}
.nav-list .footer_icons {
width: 100%;
padding: 0 0 20px;
}
.nav-list .project-share a:hover {
color: #313131;
transition: all .4s;
}
.nav-search {
width: 46px;
height: 46px;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
transition: -webkit-transform .55s ease-out,right .55s ease-out,margin .55s ease-out;
transition: transform .55s ease-out,right .55s ease-out,margin .55s ease-out;
}
.nav-search-container {
position: absolute;
top: 46px;
left: 0;
bottom: 0;
overflow-y: scroll;
width: 100%;
padding: 0 15px;
transition: height .35s linear,visibility 0s linear 1s; }
.nav-search-container form {
position: relative;
margin-top: 50px;
margin-bottom: 50px;
opacity: 0;
pointer-events: none;
-webkit-transform: scale(1.1) translateY(-24px);
transform: scale(1.1) translateY(-24px);
transition: opacity .35s ease-out,-webkit-transform .35s ease-out;
transition: opacity .35s ease-out,transform .35s ease-out;
transition-delay: 0;
}
.nav-search-container form.ticking label:after {
-webkit-animation: search-toggle .75s ease-in infinite forwards;
animation: search-toggle .75s ease-in infinite forwards;
}
.nav-search-container label {
position: relative;
display: block;
}
.nav-search-container label:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 15px;
height: 1px;
opacity: 0;
background-color: #000;
}
.nav-search-container input {
width: 100%;
padding: 0;
font-weight: 300;
font-size: 37px;
font-size: 2.3125rem;
border: 0;
background: none;
}
.nav-search-container input:focus {
outline: 0;
}
.nav-search-container .footer_newsletter {
width: 100%;
font-size: 14px;
font-size: .875rem;
padding: 20px 0;
}
.nav-search-container .footer_newsletter .footer_fields {
padding: 6px 10px;
}
.nav-search-container .footer_newsletter .footer_fields input {
width: 100%;
font-size: 15px;
font-style: italic;
padding: 5px 0;
}
.nav-search-container .footer_newsletter .footer_fields button {
background-color: transparent;
border: none;
padding: 20px 0;
font-size: 14px;
font-size: .875rem;
font-weight: 400;
}
.nav-search-icon,.nav-search-icon:after,.nav-search-icon:before {
display: inline-block;
width: 16px;
height: 16px;
border-radius: 0;
background: 0 0;
}
.nav-search-results li {
opacity: 0;
-webkit-transform: translateY(-24px);
transform: translateY(-24px);
transition: -webkit-transform .35s ease-out,opacity .35s ease-out;
transition: transform .35s ease-out,opacity .35s ease-out;
}
.nav-search-results.active li {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.nav-search-icon {
position: relative;
margin-top: 16px;
margin-left: 14px;
transition: -webkit-transform .6s;
transition: transform .6s;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.nav-search-icon:after,.nav-search-icon:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
margin: auto;
transition: .6s;
}
.nav-search-icon:before {
left: 0;
width: 5px;
height: 1px;
background: #000;
border-radius: 1px;
}
.nav-search-icon:after {
right: 0;
width: 8px;
height: 8px;
border-radius: 50%;
border: 1px solid #000;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
#ToggleMenu:checked~.navigation,#ToggleSearch:checked~.navigation {
height: 100%;
}
#ToggleMenu:checked~.navigation .nav-menu {
left: 0;
margin-left: 0;
}
#ToggleMenu:checked~.navigation .nav-mobile-icon:nth-child(1) {
-webkit-transform: translateY(4px) rotate(45deg);
transform: translateY(4px) rotate(45deg);
}
#ToggleMenu:checked~.navigation .nav-mobile-icon:nth-child(2) {
opacity: 0;
transition: opacity 0s ease-in;
}
#ToggleMenu:checked~.navigation .nav-mobile-icon:nth-child(3) {
-webkit-transform: translateY(-4px) rotate(-45deg);
transform: translateY(-4px) rotate(-45deg);
}
#ToggleMenu:checked~.navigation .nav-list {
visibility: visible;
transition-delay: 0s;
}
#ToggleMenu:checked~.navigation .nav-list li {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
}
#ToggleMenu:checked~.navigation .nav-list li:nth-of-type(1) {
transition-delay: .1s;
}
#ToggleMenu:checked~.navigation .nav-list li:nth-of-type(2) {
transition-delay: .2s;
}
#ToggleMenu:checked~.navigation .nav-list li:nth-of-type(3) {
transition-delay: .3s;
}
#ToggleMenu:checked~.navigation .nav-list li:nth-of-type(4) {
transition-delay: .4s;
}
#ToggleMenu:checked~.navigation .nav-list li:nth-of-type(5) {
transition-delay: .5s;
}
#ToggleMenu:checked~.navigation .nav-list li:nth-of-type(6) {
transition-delay: .6s;
}
#ToggleMenu:checked~.navigation .nav-search {
right: 0;
margin-right: 0;
-webkit-transform: translateX(200%);
transform: translateX(200%);
}
#ToggleSearch:checked~.navigation .nav-search {
right: 0;
margin-right: 0;
}
#ToggleSearch:checked~.navigation .nav-list .nav-search-icon,#ToggleSearch:checked~.navigation .nav-mobile .nav-search-icon {
-webkit-transform: rotate(-45deg) scale3d(.8,.8,.8);
transform: rotate(-45deg) scale3d(.8,.8,.8);
}
#ToggleSearch:checked~.navigation .nav-list .nav-search-icon:before,#ToggleSearch:checked~.navigation .nav-mobile .nav-search-icon:before {
width: 100%;
}
#ToggleSearch:checked~.navigation .nav-list .nav-search-icon:after,#ToggleSearch:checked~.navigation .nav-mobile .nav-search-icon:after {
top: 0;
right: 0;
height: 1px;
width: 100%;
border-radius: 1px;
border: 0;
background: #000;
-webkit-transform: rotate3d(0,0,1,90deg);
transform: rotate3d(0,0,1,90deg);
}
#ToggleSearch:checked~.navigation .nav-menu {
left: 0;
margin-left: 0;
-webkit-transform: translateX(-200%);
transform: translateX(-200%);
}
#ToggleSearch:checked~.navigation .nav-search-container {
visibility: visible;
transition-delay: 0s;
}
#ToggleSearch:checked~.navigation .nav-search-container form {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
}
.secondary-nav {
position: absolute;
top: 0;
right: 0;
left: 0;
overflow: auto;
-moz-user-select: none;
user-select: none;
font-size: 14px;
font-size: .875rem;
background-color: rgba(255,255,255,.97);
}
.secondary-nav ul {
width: auto;
}
.featured_container_header,.projects-link {
-webkit-user-select: none;
-ms-user-select: none;
}
.secondary-nav.fixed {
position: fixed;
top: 46px;
}
.projects-item,.projects-link {
position: relative;
overflow: hidden;
box-sizing: border-box;
}
.footer-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: auto;
margin-top: 68px;
margin-left: 15px;
margin-right: 15px;
padding-bottom: 15px;
text-align: center;
font-size: 12px;
font-size: .75rem;
color: #999;
}
.footer-container:after {
content: "";
display: table;
clear: both;
}
.footer-languages {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
-webkit-flex: 0 1 15%;
-ms-flex: 0 1 15%;
flex: 0 1 15%;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
text-align: left;
margin-left: 0;
color: #a5a5a5;
}
.footer-languages ul {
display: inline;
}
.footer-languages ul li {
display: inline-block;
margin: 0 5px;
}
.footer-languages ul li a {
color: #a5a5a5;
}
.footer-languages ul li a:hover {
color: #585555;
}
.social_icons {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
text-align: right;
margin-bottom: 0;
}
.social_icons ul {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.social_icons ul li {
padding-right: 7px;
}
.social_icons ul li a {
color: #a6a6a6;
}
.social_icons ul li a:hover {
color: #272727;
transition: all .3s;
}
.footer-copyright {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
text-align: center;
}
.footer-copyright a {
color: #999;
}
.footer-copyright a:hover {
color: #000;
}
.projects-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 62px;
margin-left: 5px;
width: auto;
}
.projects-item {
display: block;
-webkit-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
height: 35vh;
min-height: 400px;
margin-bottom: 5px;
}
.projects-link {
z-index: 1;
display: block;
height: 100%;
padding: 10px;
-moz-user-select: none;
user-select: none;
will-change: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
margin-right: 5px;
}
.projects-link:after,.projects-link:before {
position: absolute;
transition: height .35s ease-in,opacity .35s ease-in;
}
.projects-link:before {
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.5);
}
.projects-link:after {
content: "+";
bottom: 10px;
left: 15px;
font-size: 32px;
font-size: 2rem;
color: #fff;
}
.article-row:after,.projects-title:before {
content: "";
}
.projects-item .projects-link:not(:visited):hover:after,.projects-item .projects-link:not(:visited):hover:before {
height: 0;
opacity: 0;
}
.projects-item .projects-link:not(:visited):hover .projects-info,.projects-item .projects-link:not(:visited):hover .projects-title {
opacity: 0;
-webkit-transform: translateY(-24px);
transform: translateY(-24px);
} .projects-link:visited:before {
background-color: rgba(255,255,255,.8);
}
.projects-link:visited:after {
color: #000;
}
.projects-image {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 5px;
display: block;
overflow: hidden;
}
.projects-image img {
object-fit: cover;
width: 100%;
height: 100%;
max-width: none; }
.projects-info {
position: relative;
z-index: 1;
color: #fff;
transition: -webkit-transform .35s ease-in,opacity .35s ease-in;
transition: transform .35s ease-in,opacity .35s ease-in;
}
.projects-info span,.projects-info time {
display: block;
font-size: 37px;
font-size: 2.3125rem;
}
.projects-info time {
font-weight: 200;
line-height: 1;
}
.projects-info span {
line-height: 1;
}
:visited .projects-info {
color: #000;
}
.projects-title {
position: relative;
z-index: 1;
width: 100%;
margin-top: 10px;
padding-top: 10px;
font-size: 14px;
font-size: .875rem;
font-weight: 300;
color: #fff;
transition: -webkit-transform .35s ease-in,opacity .35s ease-in;
transition: transform .35s ease-in,opacity .35s ease-in;
}
:visited .projects-title,:visited .projects-title:after {
color: #000;
}
.projects-title:before {
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 2px;
background-color: #fff;
}
:visited .projects-title:before {
background-color: #000;
}
.container_images .first_column {
margin: 5px 0;
text-align: justify;
font-size: 14px;
font-size: .875rem;
}
.container_images .first_column .sub_title {
margin-bottom: 20px;
font-size: 18px;
font-size: 1.125rem;
}
.container_images .second_column {
text-align: center;
margin: 30px 0;
}
.container_images .second_column img {
width: 100%;
}
.container_images .third_column {
text-align: center;
margin: 30px 0 0;
}
.container_images .third_column img {
width: 200px;
}
.article-column,.layout-project {
padding-right: 15px;
padding-left: 15px;
} .parallax-image {
position: relative;
overflow: hidden;
height: 250px;
margin-left: -15px;
margin-right: -15px;
margin-bottom: 30px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 700px) {
.parallax-image {
background-attachment: fixed;
}
} .article-container {
margin-bottom: 30px;
}
.article-container h3 {
font-weight: 300;
margin-top: 0;
margin-bottom: 1em;
font-size: 18px;
font-size: 1.125rem;
}
.article-container p {
font-size: 14px;
font-size: .875rem;
margin-top: 0;
text-align: justify;
}
.article-row {
margin-left: -15px;
margin-right: -15px;
}
.article-row:after {
display: table;
clear: both;
}
.project-images:after,.project-title:after {
content: '';
clear: both;
}
.article-column {
float: left;
width: 100%;
}
.article-column+.article-column {
margin-top: 30px;
float: right;
}
.article-column+.article-column img {
float: right;
}
.article-image img {
display: block;
max-width: 50%;
margin: 0 auto;
}
.article-image-container img {
display: block;
width: 100%; }
.article-image-container img.polyfill-object-fit-cover-tall,
.article-image-container img.polyfill-object-fit-cover-wide {
top: 0;
left: 15px;
width: calc(100% - 30px) !important;
transform: none !important;
}
.project-gallery .featured-images:after {
display: none;
}
.layout-project {
overflow-x: hidden;
overflow-y: hidden; }
.project-header {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
margin-top: 60px;
margin-bottom: 30px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.project-code {
margin-bottom: 0;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.project-code span,.project-code time {
display: inline-block;
font-size: 26px;
font-size: 1.625rem;
}
.project-code time {
font-weight: 200;
line-height: 1;
margin-top: -5px;
}
.project-code span {
font-weight: 600;
line-height: 1;
margin-bottom: -5px;
}
.project-title {
margin-top: 30px;
margin-bottom: 30px;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.project-title:after {
display: table;
}
.project-share li,.project-title-content,.project-title-icon {
display: inline-block;
}
.project-title h1 {
font-weight: 200;
line-height: 1.2;
width: auto;
margin-top: 0;
margin-bottom: 5px;
font-size: 20px;
font-size: 1.25rem;
}
.project-title h6 {
margin: 0;
font-size: 14px;
font-size: .875rem;
}
.project-share {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.project-share h5 {
margin-top: 0;
margin-bottom: 10px;
font-size: 14px;
font-size: .875rem;
}
.project-share li {
padding-left: .25em;
padding-right: .25em;
font-size: 14px;
font-size: .875rem;
}
.project-title-icon {
width: 50px;
padding-right: 4px;
padding-top: 5px;
text-align: right;
vertical-align: top;
}
.project-title-content {
padding-left: 30px;
text-align: left;
}
.project-title-content h1 {
font-size: 26px;
font-size: 1.625rem;
}
.project-images {
margin-top: 60px;
}
.project-images:after {
display: table;
}
.project-image {
line-height: 1;
margin-bottom: 15px;
}
.project-info {
margin-top: 0;
}
.project-info h3 {
margin-top: 40px;
margin-bottom: 40px;
padding-bottom: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
cursor: pointer;
transition: all .3s;
text-align: center;
font-size: 18px;
font-size: 1.125rem;
}
.project-info h3:hover {
color: #b2b2b2;
}
.project-info h3:after {
font-weight: 400;
content: "";
font-size: 24px;
font-size: 1.5rem;
display: block;
line-height: 1.8;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%);
transform: translate(-50%);
}
.project-info ul {
margin-top: 0;
margin-bottom: 15px;
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
font-size: 14px;
font-size: .875rem;
}
.project-info ul:last-of-type {
margin-bottom: 0;
}
.project-info li {
line-height: 1.6;
display: block;
}
.scroll_up {
position: relative;
}
.scroll_up .icon-circle-up {
position: absolute;
top: 0;
right: 0;
font-size: 24px;
}
.tech_file {
width: 100%;
height: 0;
overflow: hidden;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
transition: opacity .5s;
opacity: 0;
}
#ToggleTechFile:checked+.tech_file {
height: auto;
margin-top: 74px;
padding-top: 34px;
border-top: 1px solid #e6e5e5;
opacity: 1;
}
.project-content h3 {
font-size: 18px;
font-size: 1.125rem;
}
.project-content p {
font-size: 14px;
font-size: .875rem;
margin-top: 26px;
}
.layout-about {
position: relative;
overflow: auto;
margin-top: 60px;
}
.layout-about h1 {
margin: 0;
font-size: 18px;
font-size: 1.125rem;
}
.layout-about h6 {
margin-top: 15px;
margin-bottom: 15px;
font-size: 26px;
font-size: 1.625rem;
}
.layout-about p {
margin-top: 0;
margin-bottom: 15px;
text-align: justify;
font-size: 14px;
font-size: .875rem;
}
.layout-about-header {
color: #fff;
margin-top: 0;
}
.layout-about-concept {
overflow: auto;
padding: 0 15px;
}
.layout-about-concept h2 {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.1;
}
.layout-about-concept p {
font-size: 14px;
font-size: .875rem;
line-height: 1.45;
text-align: justify;
}
.layout-about-concept .project-images {
margin-top: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.layout-about-concept .image-2by1 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.layout-about-concept .first_column {
margin-top: 30px;
margin-bottom: 30px;
}
.layout-about-concept .first_column p {
margin-top: 20px;
}
.layout-method {
background-color: #000;
overflow: hidden;
position: relative;
z-index: 2;
display: block;
width: 100vw;
height: 100vh;
}
.layout-method .video-cover,.layout-method video {
width: 100%;
position: absolute;
object-fit: cover;
height: 100%;
background-size: cover;
background-position: center;
}
.layout-method-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.layout-method-content>div {
color: #fff;
}
.layout-method-content h1,.layout-method-content p {
margin-left: 15px;
margin-right: 15px;
}
.layout-method-content h1 {
font-size: 37px;
font-size: 2.3125rem;
}
.layout-method-content p {
font-size: 14px;
font-size: .875rem;
}
.layout-method-content .grid-container {
position: relative;
z-index: 111;
padding-bottom: 30px;
}
.layout-method-content:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
background: linear-gradient(to top,rgba(0,0,0,.4) 0,transparent 100%);
}
.layout_media {
position: relative;
}
.layout_media .featured-images:after {
background-color: transparent;
}
.layout_media .featured-images li:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,.35);
z-index: 1;
}
.general_news {
position: relative;
overflow: auto;
padding-top: 62px;
}
.general_news .rollover_text {
display: none;
}
.general_news #nav_news {
font-size: 14px;
font-size: .875rem;
}
.general_news .secondary-nav {
z-index: 1;
}
.general_news .other_news {
position: relative;
width: 100%;
min-height: 200px;
color: #fff;
margin-bottom: 5px;
}
.general_news .other_news img {
object-fit: cover;
height: 100%;
width: 100%;
}
.general_news .other_news p {
margin: 0;
padding-right: 15px;
padding-left: 15px;
}
.general_news .other_news>a {
width: 100%;
height: 200px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
cursor: pointer;
color: #fff;
outline: 0;
}
.general_news .other_news>a:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background: linear-gradient(to top,rgba(0,0,0,.2),transparent 50%);
}
.general_news .other_news>a p:first-child {
width: 85px;
padding: 5px 12px;
margin-left: 15px;
text-align: center;
border-radius: 3px;
background-color: #000;
font-size: 14px;
font-size: .875rem;
}
.general_news .other_news>a div {
position: absolute;
bottom: 30px;
width: 100%;
}
.general_news .other_news>a div h2 {
font-size: 37px;
margin: 0;
padding-top: 90px;
padding-right: 5px;
padding-left: 15px;
}
.general_news .other_news>a div p {
font-size: 22px;
font-size: 1.375rem;
}
.general_news .news1 {
height: 500px;
margin-top: 62px;
color: #fff;
}
.general_news .news1 a {
height: 100%;
}
.general_news .news1 a div h2 {
padding-top: 10px;
padding-bottom: 10px;
width: 65%;
}
.footer_newsletter button:hover,.media_page_container .news_header .first_column .social_networks a:hover {
color: #7f7f7f;
}
.back_left_icon {
font-size: 19px;
line-height: 46px;
padding: 0 9px;
}
.featured_container_header {
position: relative;
overflow: hidden;
-moz-user-select: none;
user-select: none;
background-color: #fff;
}
.featured_container_header img {
width: 100%;
}
.media_page_container {
padding-right: 15px;
padding-left: 15px;
}
.media_page_container .news_header {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.media_page_container .news_header .first_column {
margin: 5px 0;
text-align: justify;
font-size: 14px;
font-size: .875rem;
}
.media_page_container .news_header .first_column h2 {
margin-bottom: 0;
font-size: 26px;
font-size: 1.625rem;
}
.media_page_container .news_header .first_column p {
margin-top: 0;
margin-bottom: 20px;
clear: both;
font-size: 18px;
font-size: 1.125rem;
}
.media_page_container .news_header .first_column .news_title {
float: left;
}
.media_page_container .news_header .first_column .social_networks {
float: right;
margin: 27px 0 27px 10px;
}
.media_page_container .news_header .first_column,.media_page_container .news_header .second_column,.media_page_container .news_header .third_column {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
}
.media_page_container section .news_text {
margin: 5px 0;
text-align: justify;
font-size: 14px;
font-size: .875rem;
}
.media_page_container .container_images .first_column {
position: relative;
padding-bottom: 20px;
}
.media_page_container .container_images p:last-child {
text-align: right;
position: absolute;
bottom: 0;
right: 15px;
margin-bottom: 0;
}
.container-address,.location {
text-align: center;
width: 100%;
}
.page-container-contacts {
width: 100%;
min-height: calc(100% - 82px);
overflow: auto;
}
.container-contact {
position: relative; display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.container-contact h1 {
padding-left: 15px;
position: relative;
}
.container-contact h2 {
padding-left: 15px;
position: relative;
}
.container-contact h1:after {
content: "";
position: absolute;
width: .5em;
height: 2px;
bottom: -20px;
left: 15px;
background-color: #000;
}
.container-about h1:after {
display: none
width: 0;
height: 0;
}
.container-contact p {
padding: .67em 0 .67em 1em;
}
.container-contact .geral-contact,.container-contact .press-contact,.container-contact .recruit-contact {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto; margin-bottom: 26px;
position: relative;
}
.container-contact .geral-contact:hover,.container-contact .press-contact:hover,.container-contact .recruit-contact:hover {
background-color: #e8e8e8;
}
.container-contact div:before {
content: "+";
position: absolute;
top: 0.63em;
right: 15px;
font-size: 36px;
line-height: 1;
}
.container-contact .geral-contact p,.container-contact .press-contact p,.container-contact .recruit-contact p {
margin-right: 15px;
}
.location {
position: relative;
bottom: 0;
margin: 40px 0;
}
.location a {
display: inline-block;
}
.location .icon-location {
font-size: 70px;
font-size: 4.375rem;
}
.location .location-text {
display: block;
}
.container-address {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
overflow: auto;
max-width: 980px;
margin: 0 auto;
padding: 0 1em;
}
.container-address .address-column {
width: 100%;
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
margin-bottom: 42px;
box-sizing: border-box;
text-align: left;
font-size: 14px;
font-size: .875rem;
}
.container-address .address-column p {
margin-top: 0;
margin-bottom: 0;
}
.container-address .footer_newsletter {
position: relative;
margin-bottom: 0;
}
.container-address .adress p:first-of-type,.container-address .phones p:first-of-type {
margin-bottom: 10px;
}
.container-address .adress p:last-of-type,.container-address .phones p:last-of-type {
margin-top: 10px;
}
.container-address .adress p abbr[title],.container-address .phones p abbr[title] {
border-bottom: 0;
}
.footer_newsletter input {
width: 100%;
padding: 7px 0;
border: 0;
border-bottom: 1px solid #b2b2b2;
border-radius: 0;
outline: 0;
font-style: italic;
font-size: 15px;
font-size: .9375rem;
}
.footer_newsletter button {
position: absolute;
top: -4px;
right: 0;
padding: 0;
line-height: 1;
border: none;
background-color: transparent;
font-size: 30px;
font-size: 1.875rem;
}
@font-face {
font-family:spaceworkers-icons;src:url(//www.spaceworkers.pt/wp-content/themes/g/assets/fonts/spaceworkers.eot?83qtnx);src:url(//www.spaceworkers.pt/wp-content/themes/g/assets/fonts/spaceworkers.eot?83qtnx#iefix) format("embedded-opentype"),url(//www.spaceworkers.pt/wp-content/themes/g/assets/fonts/spaceworkers.ttf?83qtnx) format("truetype"),url(//www.spaceworkers.pt/wp-content/themes/g/assets/fonts/spaceworkers.woff?83qtnx) format("woff"),url(//www.spaceworkers.pt/wp-content/themes/g/assets/fonts/spaceworkers.svg?83qtnx#spaceworkers) format("svg");font-weight:400;font-style:normal;
}
@media only screen and (min-width:568px) {
.footer-languages {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
width: 40%;
padding-bottom: 5px;
}
.social_icons {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
-webkit-flex: 0 1 20%;
-ms-flex: 0 1 20%;
flex: 0 1 20%;
width: 20%;
text-align: center;
}
.footer-copyright {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
-webkit-flex: 0 1 40%;
-ms-flex: 0 1 40%;
flex: 0 1 40%;
width: 40%;
text-align: right;
}
.container-address .adress,.container-address .phones {
width: 50%;
-webkit-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
}
}
@media only screen and (min-width:736px) and (orientation:landscape) {
.gallery-logo {
width: 150px;
}
}
@media only screen and (min-width:737px) {
.container-contact h1 {
padding-left: 32px;
}
.container-contact h2 {
padding-left: 32px;
}
.container-contact h1:after {
left: 32px;
}
.container-contact p {
padding: .67em 0 .67em 2em;
}
}
@media only screen and (min-width:768px) {
.gallery-item-text h1 {
font-size: 37px;
font-size: 2.3125rem;
}
.gallery-item-text h1:after {
width: 15px;
height: 2px;
}
.gallery-item-text p,.gallery-item-text.gallery-alternative h1 {
font-size: 22px;
font-size: 1.375rem;
}
.gallery-item-text.gallery-alternative h6 {
font-size: 37px;
font-size: 2.3125rem;
}
.gallery-item-text.gallery-alternative p {
font-size: 14px;
font-size: .875rem;
}
.gallery-scroller-icon a {
line-height: 46px;
}
.gallery-scroller-icon a:after {
font-size: 35px;
font-size: 2.1875rem;
}
.gallery-logo {
width: 300px;
}
.gallery-item-title {
width: calc(100% - 30px);
}
.gallery-item-title h1 {
width: 50%;
text-align: left;
}
.gallery-counter {
top: 50%;
bottom: auto;
width: calc(100% - 30px);
text-align: right;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.gallery-close {
position: relative;
height: 100px;
}
.gallery-close:after,.gallery-close:before {
content: "";
position: absolute;
background-color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.gallery-close:before {
top: 30px;
right: 0;
width: 60px;
height: 1px;
}
.gallery-close:after {
top: 0;
right: 30px;
width: 1px;
height: 60px;
}
.gallery-close a {
display: inline-block;
width: 75px;
padding: 20px 120px 20px 0;
text-align: left;
text-transform: none;
font-size: 14px;
font-size: .875rem;
}
.nav-list .footer_icons,.nav-list>ul,.nav-list>ul a {
text-align: center;
}
.nav-list {
padding-left: 0;
padding-right: 0;
}
.nav-list>ul {
position: absolute;
bottom: auto;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
margin-top: -46px;
}
.nav-list>ul li {
margin-top: 23px;
}
.nav-list>ul a {
height: auto;
line-height: 1.425;
font-size: 26px;
font-size: 1.625rem;
transition: color .35s ease;
}
.nav-list>ul a:hover {
color: #666;
}
.nav-search-container {
padding: 0 30px;
}
.nav-search-container form {
margin-top: 30%;
margin-bottom: 30%;
}
.nav-search-container footer {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.nav-search-container .footer_icons {
width: 20%;
}
.nav-search-container .footer_newsletter {
width: 50%;
overflow: hidden;
}
.nav-search-container .footer_newsletter .footer_fields {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.nav-search-container .footer_newsletter .footer_fields button {
padding: 0 20px;
}
.secondary-nav {
font-size: 12px;
font-size: .75rem;
}
.secondary-nav .active a {
color: #999;
}
.secondary-nav label {
display: none;
}
.secondary-nav ul {
margin-top: 23px;
margin-bottom: 5px;
text-align: justify;
text-justify: distribute-all-lines;
}
.secondary-nav ul:after {
content: '';
display: inline-block;
width: 100%;
font-size: 0;
line-height: 0;
}
.secondary-nav li {
position: relative;
display: inline-block;
vertical-align: middle;
}
.secondary-nav li:first-child {
margin-left: 46px;
}
.secondary-nav li:last-child {
margin-right: 46px;
}
.projects-item {
-webkit-flex: 0 1 33.333%;
-ms-flex: 0 1 33.333%;
flex: 0 1 33.333%;
}
.projects-title {
width: 50%;
}
.container_images .first_column {
margin: 5px 50px;
font-size: 14px;
font-size: .875rem;
}
.container_images .sub_title {
font-size: 22px;
font-size: 1.375rem;
}
.container_images .second_column img {
width: 100%;
}
.container_images .third_column img {
width: 400px;
}
.parallax-container {
height: 300px;
}
.parallax-image {
height: 300px;
margin-left: -30px;
margin-right: -30px;
}
.article-column {
width: 50%;
}
.article-column+.article-column {
margin-top: 0;
}
.article-image-container img {
height: 500px;
object-fit: cover;
}
.layout-project {
padding-right: 30px;
padding-left: 30px;
}
.project-header {
margin-bottom: 60px;
}
.project-code {
margin-bottom: 15px;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.project-code span,.project-code time {
display: block;
font-size: 37px;
font-size: 2.3125rem;
}
.project-title {
margin-top: 0;
margin-bottom: 15px;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.project-title h1 {
width: 125px;
}
.project-share {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.project-share h5 {
margin-bottom: .83em;
}
.project-share li {
padding-left: 7px;
padding-right: 7px;
font-size: 18px;
font-size: 1.125rem;
}
.project-title-content,.project-title-icon {
display: block;
float: left;
width: 50%;
}
.project-title-icon {
padding-top: 0;
}
.project-title-icon img {
width: 72px;
}
.project-title-content h1 {
width: 50%;
}
.project-images {
margin-right: -15px;
margin-left: -15px;
}
.project-image {
float: left;
overflow: hidden;
width: calc(100% - 30px);
height: 393px;
margin: 15px;
}
.project-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.project-image.image-2by1 {
height: 393px;
}
.project-image.image-1by2 {
width: calc(50% - 30px);
height: 593px;
}
.project-info ul {
margin-bottom: 0;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.layout-about .grid-container {
margin-left: 15px;
}
.layout-about h1 {
font-size: 22px;
font-size: 1.375rem;
}
.layout-about h6 {
font-size: 37px;
font-size: 2.3125rem;
}
.layout-about p {
font-size: 14px;
font-size: .875rem;
}
.layout-about-header {
overflow: hidden;
height: 100%;
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.layout-about-header .grid-container {
position: absolute;
top: 50%;
left: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.layout-about-header h1,.layout-about-header h6 {
width: 50%;
}
.layout-about-header img {
width: 100%;
height: 100%;
object-fit: cover;
}
.layout-about-header p {
width: 50%;
}
.layout-about-header .featured-scroller-icon {
display: block;
}
.layout-about-concept {
height: auto!important;
padding: 15px;
}
.layout-about-concept .first_column {
margin: 5px 0;
}
.layout-about-concept .first_column p {
font-size: 14px;
font-size: .875rem;
}
.layout-about-concept .second_column img {
padding: 0;
}
.layout-about-concept .third_column {
margin-bottom: 0;
}
.layout-about-concept .image-2by1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.layout-about-concept .image-1by2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
-webkit-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.layout-about-concept .text-2by2 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
-webkit-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
margin: 30px 0;
}
.layout-method-content h1,.layout-method-content p {
width: 50%;
margin-left: auto;
margin-right: auto;
}
.layout_media:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background: linear-gradient(to top,rgba(0,0,0,.2),transparent 50%);
}
.media_page_container {
padding-right: 30px;
padding-left: 30px;
}
.media_page_container .news_header {
padding: 0 15px;
}
.media_page_container .news_header .first_column {
margin: 5px 0;
}
.media_page_container .news_header .first_column h2 {
font-size: 37px;
font-size: 2.3125rem;
}
.media_page_container .news_header .first_column p {
font-size: 14px;
font-size: .875rem;
}
.media_page_container .news_header .first_column .sub_title {
font-size: 22px;
font-size: 1.375rem;
font-weight: 300;
}
.media_page_container .news_header .first_column .social_networks {
margin: 29px 0 29px 10px;
}
.media_page_container .news_header .third_column {
text-align: center;
}
.media_page_container .news_header .third_column img {
width: 400px;
}
.media_page_container section .news_text {
margin: 5px 0;
text-align: justify;
font-size: 14px;
font-size: .875rem;
}
.media_page_container .container_images .first_column,.media_page_container .container_images .second_column,.media_page_container .container_images .third_column {
margin: 30px 15px;
}
.media_page_container .container_images .second_column img {
padding: 0;
}
.container-address {
border-top: 1px solid #e6e5e5;
padding: 40px 1em 5px;
}
.container-address .adress,.container-address .footer_newsletter,.container-address .phones {
width: 33.333%;
-webkit-flex: 0 1 33.333%;
-ms-flex: 0 1 33.333%;
flex: 0 1 33.333%;
margin-bottom: 0;
}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
.container-contact h1 {
margin: 1em 0;
}
.container-contact h2 {
margin: 1em 0;
}
.container-contact .geral-contact,.container-contact .press-contact,.container-contact .recruit-contact {
min-height: 200px;
}
.container-contact .geral-contact p,.container-contact .press-contact p,.container-contact .recruit-contact p {
margin-right: 30px;
}
}
@media only screen and (min-width:980px) {
.layout-about .grid-container {
margin-left: auto;
}
.nav-menu {
left: 50%;
margin-left: -505px;
}
.nav-search {
right: 50%;
margin-right: -505px;
}
}
@media only screen and (min-width:1023px) {
.layout-project {
padding-right: 0;
padding-left: 0;
}
.media_page_container {
padding-right: 0;
padding-left: 0;
}
}
@media only screen and (max-width:1024px) and (orientation:landscape) {
.parallax-container img {
width: 100%;
min-width: none;
height: auto;
}
}
@media only screen and (min-width:1024px) {
.gallery-container .grid-container {
left: 50%;
right: auto;
width: 980px;
margin-left: -490px;
}
.gallery-item-text .grid-container {
width: 20%;
}
.gallery-item-text.gallery-alternative .grid-container {
width: 50%;
}
.gallery-navigation {
left: 0;
}
.gallery-item-title {
width: 100%;
}
.gallery-counter {
width: 100%;
}
.footer-container {
border-top: 1px solid #e6e5e5;
padding-top: 15px;
margin-left: auto;
margin-right: auto;
}
.projects-wrapper {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
margin-left: auto;
}
.projects-item { -webkit-flex: 0 1 25%;
-ms-flex: 0 1 25%;
flex: 0 1 25%;
width: 233px;
margin-bottom: 16px; } .projects-link {
margin-left: 8px;
margin-right: 8px;
}
.projects-image {
left: 8px;
right: 8px;
}
.container_images {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.container_images .first_column {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
width: 50%;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
margin: 0;
padding: 0 15px 0 50px;
font-size: 14px;
font-size: .875rem;
}
.container_images .first_column p {
margin-top: 0;
}
.container_images .second_column {
margin: 30px 0 50px;
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.container_images .second_column img {
width: 100%;
padding: 0;
display: block;
}
.container_images .third_column {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
-webkit-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
margin: 0;
}
.container_images .third_column img {
width: 100%;
}
.parallax-container {
height: 400px;
}
.parallax-container img {
min-width: none;
width: 100%;
height: auto;
}
.parallax-image {
height: 400px;
margin: 50px 0;
}
.article-image-container img {
height: 600px;
}
.layout-about h1 {
font-size: 22px;
font-size: 1.375rem;
}
.layout-about h6 {
font-size: 37px;
font-size: 2.3125rem;
}
.layout-about p {
font-size: 14px;
font-size: .875rem;
}
.layout-about-header .grid-container {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.layout-about-concept {
padding-left: 0;
padding-right: 0;
}
.layout-about-concept .first_column p {
font-size: 14px;
font-size: .875rem;
}
.layout-about-concept .second_column {
height: 350px;
}
.layout-about-concept .second_column img {
object-fit: cover;
height: 350px;
}
.layout_media .featured-scroller-icon-media-page {
bottom: 0;
}
.general_news {
padding-top: 100px;
}
.general_news:after {
content: "";
display: table;
clear: both;
}
.general_news nav {
display: none;
}
.general_news .secondary-nav {
width: 100%; position: absolute;
display: block;
}
.general_news .secondary-nav.fixed {
position: fixed;
top: 46px;
}
.general_news .secondary-nav ul:after {
width: 0;
}
.general_news .secondary-nav ul.grid-container {
margin-top: 50px;
margin-bottom: 25px;
text-align: right;
}
.general_news .secondary-nav ul .latest_news_spacing {
padding-left: 56px;
margin-right: 0;
}
.general_news .secondary-nav ul li:first-child {
float: left;
margin-left: 20px;
font-size: 22px;
font-size: 1.375rem;
}
.general_news .secondary-nav ul li a:hover {
color: grey;
transition: all .3s;
}
.general_news .secondary-nav ul li:last-child {
padding-right: 20px;
}
.general_news .first_column {
padding-right: 11px;
}
.general_news .second_column {
padding-left: 11px;
}
.general_news .first_column,.general_news .second_column {
float: left;
width: 50%;
margin-top: 122px;
}
.general_news .rollover_text {
font-size: 14px;
font-size: .875rem;
text-align: justify;
color: #000;
margin-top: 0;
display: block;
transition: margin 1s;
}
.general_news .other_news {
overflow: auto;
position: relative;
float: left;
width: calc(50% - 22px);
margin-bottom: 22px;
margin-right: 11px;
margin-left: 11px;
min-height: 200px;
color: #fff;
}
.general_news .other_news::before {
content: "+";
position: absolute;
top: 2%;
right: 4%;
font-size: 25px;
color: #fff;
z-index: 1;
}
.general_news .other_news:hover .rollover_text {
margin-top: 200px;
padding: 10px;
}
.general_news .other_news:hover .rollover_text p {
margin: 10px 0;
}
.general_news .other_news:hover .rollover_text p:last-child a:hover {
color: grey;
}
.general_news .other_news img {
object-fit: cover;
height: 100%;
width: 100%;
}
.general_news .other_news p {
margin: 0;
padding-right: 15px;
padding-left: 15px;
}
.general_news .other_news>a {
width: 100%;
height: 200px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
cursor: pointer;
color: #fff;
outline: 0;
}
.general_news .other_news>a:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background: linear-gradient(to top,rgba(0,0,0,.2),transparent 50%);
}
.general_news .other_news>a p:first-child {
width: 85px;
padding: 5px 12px;
margin-left: 15px;
text-align: center;
border-radius: 3px;
background-color: #000;
font-size: 14px;
font-size: .875rem;
}
.general_news .other_news>a div {
position: absolute;
bottom: 30px;
width: 100%;
}
.general_news .other_news>a div h2 {
font-size: 37px;
font-size: 2.3125rem;
margin: 0;
padding-top: 90px;
padding-right: 5px;
padding-left: 15px;
width: 52%;
}
.general_news .news1 {
height: 500px;
margin-top: 0;
color: #fff;
}
.general_news .news1 a {
height: 100%;
}
.general_news .news1 a:before {
background: 0;
}
.general_news .news1 a div {
top: 60px;
left: 5px;
}
.general_news .news1 a div h2 {
padding-top: 10px;
}
.general_news .news1::before {
content: "";
}
.media_page_container {
max-width: 980px;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 60px;
}
.media_page_container .news_header {
padding: 0;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.media_page_container .news_header .first_column {
margin: 0 0 30px;
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.media_page_container .news_header .first_column h2 {
font-size: 37px;
font-size: 2.3125rem;
}
.media_page_container .news_header .first_column .sub_title {
font-size: 22px;
font-size: 1.375rem;
font-weight: 300;
}
.media_page_container .news_header .first_column .social_networks {
margin: 34px 0 34px 10px;
}
.media_page_container .news_header .second_column {
-webkit-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
}
.media_page_container .news_header .third_column {
-webkit-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
text-align: right;
}
.media_page_container .news_header .third_column img {
width: 300px;
}
.media_page_container section .news_text {
margin: 0;
}
.media_page_container .container_images .first_column,.media_page_container .container_images .second_column,.media_page_container .container_images .third_column {
margin: 25px 0;
}
.container-address .adress,.container-address .footer_newsletter,.container-address .phones {
padding-left: 30px;
}
.container-address .footer_newsletter {
padding-right: 30px;
}
.container-address p {
margin-top: 0;
margin-bottom: 0;
}
.footer_newsletter button {
padding-right: 30px;
}
}
@media only screen and (min-width:1024px) and (min-height:1050px) {
.page-contacts-address {
position: absolute;
bottom: 90px;
width: 100%;
}
}
@media only screen and (min-width:1025px) {
.gallery-logo {
width: 350px;
}
.layout-method-content {
display: table;
width: 100%;
height: 100%;
}
.layout-method-content>div {
display: table-cell;
vertical-align: middle;
padding-bottom: 0;
}
.layout-method-content:after {
background-image: none;
background-color: rgba(0,0,0,.2);
}
.container-contact {
width: 100%;
max-width: 980px;
margin: 100px auto 0; min-height: 500px;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.container-contact.container-about,
.container-contact.container-about .geral-contact,
.container-contact.container-about .recruit-contact,
.container-contact.container-about .press-contact {
min-height: auto;
}
.container-about p {
pointer-events: none;
height: 0;
opacity: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: transform 0.35s ease-in-out, opacity 0.35s ease-in-out;
transition: transform 0.35s ease-in-out, opacity 0.35s ease-in-out;
}
.container-about > div:hover p {
pointer-events: auto;
height: auto;
opacity: 1;
-webkit-transform: none;
transform: none;
}
.container-contact div:before { top: auto;
bottom: 30px;
left: 10%;
}
.container-contact .geral-contact,.container-contact .press-contact,.container-contact .recruit-contact { min-height: 500px;
-webkit-flex: 0 1 33.3333%;
-ms-flex: 0 1 33.3333%;
flex: 0 1 33.3333%;
background-color: transparent;
transition: all .5s;
cursor: pointer;
padding-bottom: 30px;
}
.container-contact .geral-contact h1,.container-contact .press-contact h1,.container-contact .recruit-contact h1 {
font-size: 37px;
font-size: 2.3125rem;
}
.container-contact .geral-contact p,.container-contact .press-contact p,.container-contact .recruit-contact p { font-size: 14px;
font-size: .875rem;
margin-right: 30px;
margin-bottom: 60px;
}
}
@media only screen and (min-width:1280px) {
.parallax-container {
height: 480px;
}
.parallax-image {
height: 480px;
}
}
@media only screen and (min-width:1600px) {
.parallax-container {
height: 550px;
}
.parallax-image {
height: 550px;
}
}
@media only screen and (max-width:1280px) {
.nav-search-container form {
margin-top: 15%;
margin-bottom: 15%;
}
}
@media only screen and (max-width:1024px) and (orientation:landscape) {
.general_news .general_news {
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
}
.general_news .general_news ul .latest_news {
margin-right: 320px;
}
.general_news .general_news .news1 {
margin-top: 0;
}
}
@media only screen and (max-width:768px) and (orientation:landscape) {
.nav-search-container .social_networks {
float: left;
width: 50%;
}
.nav-search-container .footer_newsletter {
float: right;
width: 50%;
}
.nav-search-container .footer_newsletter .footer_fields input {
width: 33.333%;
}
}
@media only screen and (max-width:767px) and (orientation:landscape) {
.nav-list .fixed {
position: static;
}
.layout-about-header .grid-container:before {
height: 100vh;
}
}
@media only screen and (max-width:767px) {
.secondary-nav { height: 62px;
padding-left: 10px;
padding-right: 10px;
}
.secondary-nav ul {
height: 100%;
text-align: center;
}
.secondary-nav li {
position: absolute;
top: 0;
left: 100%;
height: 100%;
width: 33.333%;
transition: -webkit-transform .35s ease;
transition: transform .35s ease;
}
.secondary-nav li:first-of-type {
left: 33.333%;
}
.secondary-nav li a {
display: block;
padding: 20px 0;
}
.secondary-nav .active a {
color: grey;
}
.secondary-nav label {
position: relative;
display: block;
margin-top: 20px;
margin-bottom: 20px;
}
.secondary-nav label:after {
font-family: spaceworkers-icons;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.secondary-nav select {
-webkit-appearance: textfield;
-moz-appearance: textfield;
position: relative;
z-index: 1;
border: 0;
background: none;
color: #000;
width: 100%;
}
.secondary-nav select:focus {
outline: 0;
}
.layout-about {
padding-left: 0;
padding-right: 0;
}
.layout-about h1 {
margin-top: 40px;
}
.layout-about .grid-container {
padding-left: 15px;
padding-right: 15px;
}
.layout-about .featured-scroller-icon {
display: none;
}
.layout-about-header {
color: #000;
}
.layout-method-content h1 {
font-size: 26px;
font-size: 1.625rem;
}
.general_news .secondary-nav .latest_news {
display: none;
}
.general_news .other_news>a div h2 {
font-size: 26px;
font-size: 1.625rem;
width: 92%;
}
.general_news .other_news>a div p {
font-size: 18px;
font-size: 1.125rem;
}
}
@-webkit-keyframes search-toggle {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes search-toggle {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}