.description p {line-height:1.3em!important;}
.spec span {line-height: 1.3em!important;}
.related {line-height: 1.3em!important;}
section#left ul#left_menu li:first-child {border-top: none!important;}
a:{color:#666!important;}
a:hover {color: #000!important;}
ul#nav a {color:#555;}

section#left ul#left_menu li.privacy_policy a:hover{color: #000!important;}
section#left ul#left_menu li.press a:hover{color: #000!important;}

@font-face {
    font-family: 'gotham_regular';
    src: url('fonts/gotham_regular.eot');
    src: url('fonts/gotham_regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham_regular.woff2') format('woff2'),
         url('fonts/gotham_regular.woff') format('woff'),
         url('fonts/gotham_regular.ttf') format('truetype'),
         url('fonts/gotham_regular.svg#gotham_regularbetaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham_bold';
    src: url('fonts/gotham_bold.eot');
    src: url('fonts/gotham_bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham_bold.woff2') format('woff2'),
         url('fonts/gotham_bold.woff') format('woff'),
         url('fonts/gotham_bold.ttf') format('truetype'),
         url('fonts/gotham_bold.svg#gotham_boldbetaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {margin:0;padding:0;color:#000;font-family:gotham_regular;min-width:0;min-height:0;}
html {width:100%;height:100%;background:#fff;}
body {width:100%;height:100%;font-size:12px;overflow-x:hidden;}
a {cursor:pointer;color:#000;text-decoration:none;}
.clear {clear:both;display:inline-block;height:0;width:0;}
img#loader {display:block;position: absolute;top: 50%;left: 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index: 1000;}

div#ajax-loader {display:none;position:fixed;width:66px;height:66px;background-image:url(../../images/ajax-loader.gif);top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;}

nav#mobile {display:none;}
div#nav_mobile_button {display:none;}

section#top {position:fixed;top:0;left:0px;right:0px;height:40px;border-bottom:1px solid #ccc;background:#fff;z-index:100;}
section#left {position:fixed;top:41px;left:0;bottom:40px;width:40px;border-right:1px solid #ccc;background:#fff;z-index:100;}
section#right {position:fixed;top:41px;right:0;bottom:40px;width:40px;border-left:1px solid #ccc;background:#fff;z-index:100;}
section#bottom {position:fixed;bottom:0;left:0;right:0;height:40px;border-top:1px solid #ccc;background:#fff;text-align:center;line-height:40px;z-index:100;}
section#bottom div#mobile {display:none;}
section#content {position:fixed;top:40px;bottom:40px;left:40px;right:40px;z-index:50;overflow:auto;}
section#subcontent {position:absolute;top:40px;bottom:40px;width:calc(100% - 80px);right:-100%;background:#fff;z-index:75;transition:all .5s ease-in-out;}
section#subcontent.visible {right:40px;}

section#logo img {display:block;height:24px;margin:8px auto;}

section#top ul#nav {float:right;list-style:none;margin:10px 80px 0 0;height:20px;}
section#top ul#nav li {display:inline-block;padding:0 20px;border-right:1px solid #ccc;height:20px;}
section#top ul#nav li:last-child {border-right:0;padding-right:0;}
section#top ul#nav li a {text-transform:uppercase;height:20px;line-height:20px;display:block;font-size: 12px; letter-spacing: 0.03rem; -webkit-font-smoothing: antialiased;}
section#top a#logo_text {margin:5px 0 0 80px;height:30px;display:inline-block;}
section#top a#logo_text img {display:block;height:100%;}

section#left ul#left_menu {position:absolute;bottom:0;list-style:none;width:20px;margin:0 10px;}
section#left ul#left_menu li {border-top:1px solid #ccc;padding:20px 0;width:20px;}
section#left ul#left_menu li.privacy_policy a,
section#left ul#left_menu li.press a {writing-mode: tb-rl;width:20px;line-height:20px;text-align:center;text-transform:uppercase;transform:rotate(180deg);font-size: 12px;transform: rotate(180deg);letter-spacing: 0.03rem;color: #555;-webkit-font-smoothing: antialiased;}
section#left ul#left_menu li.social a {display:block;margin-bottom:10px;}
section#left ul#left_menu li.social a:last-child {display:block;margin-bottom:0;}
section#left ul#left_menu li.social a img {display:block;width:20px;height:20px;}
section#left ul#left_menu li.langs a {display:block;line-height:20px;text-align:center;text-transform:uppercase;font-size:11px;}
section#left ul#left_menu li.langs span {display:block;line-height:20px;text-align:center;text-transform:uppercase;font-size:11px;font-family:gotham_bold;}

section#bottom div {position:absolute;width:100%;height:100%;text-align:center;line-height:40px; font-size:13px!important; color:#555; letter-spacing:0.02rem;-webkit-font-smoothing: antialiased;}

/*section#right a {display:block;width:100%;height:calc(100% - 0px);writing-mode: tb-rl;line-height:40px;text-align:right;transform:rotate(-180deg);text-transform:uppercase;font-size:12px;padding:0 0 40px 0; letter-spacing:0.02rem;-webkit-font-smoothing: antialiased;color:#555;}*/
section#right a#architecture {display:none;}
section#right ul#right_menu {position:absolute;bottom:0;list-style:none;width:20px;margin:0 10px;}
section#right ul#right_menu li {border-top:1px solid #ccc;padding:20px 0;width:20px;}
section#right ul#right_menu li.privacy_policy a,
section#right ul#right_menu li.press a {writing-mode: tb-rl;width:20px;line-height:20px;text-align:center;text-transform:uppercase;transform:rotate(180deg);font-size: 12px;transform: rotate(180deg);letter-spacing: 0.03rem;color: #555;-webkit-font-smoothing: antialiased;}
section#right ul#right_menu li.press {border-top:0;}
section#right ul#right_menu li.social a {display:block;margin-bottom:10px;}
section#right ul#right_menu li.social a:last-child {display:block;margin-bottom:0;}
section#right ul#right_menu li.social a img {display:block;width:20px;height:20px;}
section#right ul#right_menu li.langs a {display:block;line-height:20px;text-align:center;text-transform:uppercase;font-size:11px;}
section#right ul#right_menu li.langs span {display:block;line-height:20px;text-align:center;text-transform:uppercase;font-size:11px;font-family:gotham_bold;}

div#initial_slide {width:100%;height:100%;}
div#initial_slide div.slick-list {width:100%;height:100%;}
div#initial_slide div.slick-track {width:100%;height:100%;}
div#initial_slide div.slick-slide {width:100%;height:100%;background-size:cover;background-position:center center;position:relative;overflow:hidden;}
div#initial_slide div.slick-slide div.logo {width:180px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url(../../images/logo-white.svg);background-size:contain;background-position:center center;background-repeat:no-repeat;}
div#initial_slide div.slick-slide div.logo.black {background-image:url(../../images/logo-dark.svg);}
div#initial_slide div.slick-slide video {width:100%;height:100%;object-fit:cover;}

div#initial_slide div#slider_progress { width:100%; height:2px; background:transparent; position:absolute;top:50%;left:0;transform:translateY(-50%);margin-top:3px;}
div#initial_slide div#slider_progress .progress { width:0%; height:2px; background:#fff; }
div#initial_slide div#slider_progress.black .progress { background:#000; }

div#project_gallery {margin:40px 0 0 40px;}
div#project_gallery div.main {cursor:pointer;width:calc(33.3% - 40px);margin:0 40px 40px 0;background-size:cover;background-position:center center;float:left;position:relative;}
div#project_gallery div.main img.ratio {display:block;width:100%;}
div#project_gallery div.main div.overlay {display:none;background:rgba(0,0,0,0.4);position:absolute;top:0;left:0;right:0;bottom:0;}
div#project_gallery div.main div.overlay span {position:absolute;color:#fff;display:block;width:100%;text-align:center;top:50%;transform:translateY(-50%);font-family:gotham_bold;text-transform:uppercase;font-size:14px;}
div#project_gallery div.main:hover div.overlay {display:block;}
div#project_gallery h1.mobile_title {display:none;}

div#project_gallery h1 {font-size:34px;margin:0 40px 20px 0;font-family:gotham_bold;}
div#project_gallery div.secondary_list {margin:0 40px 40px 0;}
div#project_gallery div.secondary_list div.secondary {border-top:1px solid #ccc;cursor:pointer;}
div#project_gallery div.secondary_list div.secondary:last-child {border-bottom:1px solid #ccc;}
div#project_gallery div.secondary_list div.secondary div.secondary_main h2 {display:inline-block;font-family:gotham_bold;text-transform:uppercase;font-weight:normal;font-size:14px;margin:0 5px 0 0;line-height:40px;}
div#project_gallery div.secondary_list div.secondary div.secondary_main h3 {display:inline-block;font-family:gotham_regular;text-transform:uppercase;font-weight:normal;font-size:12px;line-height:40px;}
div#project_gallery div.secondary_list div.secondary div.secondary_main a.toggle {display:inline-block;float:right;height:14px;width:14px;margin:13px 20px 0 13px;background-size:cover;background-position:center center;background-repeat:no-repeat;background-image:url(../../images/plus.png);}
div#project_gallery div.secondary_list div.secondary div.secondary_main a.toggle.close {background-image:url(../../images/close.png);}
div#project_gallery div.secondary_list div.secondary div.secondary_main span {float:right;line-height:40px;color:#ccc;display:inline-block;visibility:hidden;text-transform:uppercase;}
div#project_gallery div.secondary_list div.secondary div.secondary_main:hover span {visibility:visible;}
div#project_gallery div.secondary_list div.secondary div.secondary_details {display:none;}
div#project_gallery div.secondary_list div.secondary div.secondary_details div.photo {width:calc(50% - 20px);margin:0 0 20px 0;display:inline-block;vertical-align:top;background-size:cover;background-position: center center;}
div#project_gallery div.secondary_list div.secondary div.secondary_details div.photo img {display:block;width:100%;}
div#project_gallery div.secondary_list div.secondary div.secondary_details div.description {width:calc(50% - 20px);display:inline-block;vertical-align:top;margin:0 0 20px 20px;}

div#details {width:100%;height:100%;position:relative;}
div#details div.left_col {position:absolute;top:0;left:0;width:calc(33.3% - 80px);height:calc(100% - 80px);padding:40px;display:inline-block;overflow-y:auto;}
div#details div.right_col {position:absolute;top:0;right:0;width:calc(66.6% - 80px);height:calc(100% - 80px);padding:40px;display:inline-block;background:#eee;}

div#details div.left_col h1 {font-size:34px;margin:0 0 20px 0;font-family:gotham_bold;}
div#details div.left_col div.spec span.title {text-transform:uppercase;color:#000;margin:0 5px 5px 0;font-family:gotham_bold;}
div#details div.left_col div.spec span.value {text-transform:uppercase;color:#aaa;margin:0 0 5px 0;}
div#details div.left_col div.research_intro {margin:20px 0 0 0;font-family:gotham_bold;}
div#details div.left_col div.research_intro p {font-family:gotham_bold;}
div#details div.left_col div.research_author {margin:0 0 20px 0;}
div#details div.left_col div.description {margin:20px 0 20px 0;}
div#details div.left_col div.related {margin:20px 0 10px 0;}
div#details div.left_col div.related h2 {text-transform:uppercase;font-family:gotham_bold;font-size:14px;margin:0 0 10px 0;}
div#details div.left_col div.related a {display:block;font-size:12px;margin:0 0 0px 0;}
div#details div.left_col a.floorplan {text-transform:uppercase;font-family:gotham_bold;}
div#details div.left_col a.research_website {display:block;border-top:1px solid #000;height:40px;line-height:40px;text-transform:uppercase;font-family:gotham_bold;}
div#details a#close_subcontent {position:absolute;top:40px;right:40px;width:20px;height:20px;background-image:url(../../images/subcontent_close.png);background-size:cover;background-position:center center;}

.slideshow { width:90%; height:100%; margin:0 5%; position:relative; overflow:hidden; }
.slideshow .slide { height: 100%; width: 100%; opacity: 0; position: absolute; background-size:contain; background-position:center center; background-repeat: no-repeat; transform: translateY(200%); transition: transform 1s, opacity 1s; cursor:pointer; }
.slideshow .slide.active {  transform: translateY(0) scale(1); opacity:1; z-index: 100; transition: transform 1s, opacity 1s; }
.slideshow .slide img {display:none;}
.slideshow .slide.prev {  transform: translateY(-50%) scale(0.7); opacity:0.3; z-index: 50; transition: transform 1s, opacity 1s; }
.slideshow .slide.next {  transform: translateY(50%) scale(0.7); opacity:0.3; z-index: 50; transition: transform 1s, opacity 1s; }
.slideshow #button_prev_slide { position:absolute;z-index:150;top:0;height:50%;width:100%;cursor:n-resize; }
.slideshow #button_next_slide { position:absolute;z-index:150;bottom:0;height:50%;width:100%;cursor:s-resize; }

.slideshow .media_slide {height:100%;width:100%;background-size:contain;background-position:center center;background-repeat:no-repeat;cursor:pointer;position:relative;}
.slideshow .media_slide img {display:none;max-width:100%;max-height:100%;}
.slideshow .media_slide video {max-width:100%;max-height:100%;top:50%;transform:translateY(-50%);position:absolute;}
.slideshow .slick-prev { position:absolute;z-index:150;top:0;left:0;height:100%;width:50%;cursor:w-resize;opacity:0; }
.slideshow .slick-next { position:absolute;z-index:150;top:0;right:0;height:100%;width:50%;cursor:e-resize;opacity:0; }

section#studio {display:grid;min-height:100%;grid-template-columns: 1fr 1fr 1fr; grid-template-rows: calc(100vh - 160px) fit-content fit-content fit-content; grid-column-gap: 40px; grid-row-gap: 40px; margin:40px; position:relative; }
section#studio .col1_1 { grid-column:1; }
section#studio .col1_2 { grid-column:1 / span 2; }
section#studio .col1_3 { grid-column:1 / span 3; }
section#studio .col2_2 { grid-column:2; }
section#studio .col2_3 { grid-column:2 / span 3; }
section#studio .col3_3 { grid-column:3; }
section#studio .main_image {background-image:url(../../images/studio_main.jpg);background-size:cover;background-position:center center;}
section#studio .main_image img {display:none;}
section#studio .subsection {border-top:1px solid #ccc;padding:20px 0;}
section#studio h1 {font-size:34px;margin:0 0 20px 0;font-family:gotham_bold;}
section#studio h2 {font-size:14px;margin:20px 0 10px 0;font-family:gotham_bold;text-transform:uppercase;}
section#studio div.text {font-size:12px;line-height:18px;}
section#studio div.text b {font-family:gotham_bold;}

section#studio .col1_2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap:40px; column-gap: 40px; }
section#studio .col1_3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 40px; -moz-column-gap:40px; column-gap: 40px; }
section#studio h1 ,
section#studio h2 { -webkit-column-span: all; column-span: all; }

section#studio .services ul {list-style:none;}
section#studio .services ul li {font-size:16px;line-height:24px;}
section#studio a.call_to_action {display:inline-block;color:#fff;background:#666;padding:0px 20px;text-transform:uppercase;margin:20px 0;line-height:26px;}
section#studio a.call_to_action:active {font-family:gotham_bold;}

section#studio div.team_container {-webkit-column-span: all; column-span: all;border-bottom:1px solid #ccc; }
section#studio div.team_entry { -webkit-column-span: all; column-span: all; border-top:1px solid #ccc;position:relative;}
section#studio div.team_entry h2 {display:inline-block;font-family:gotham_bold;font-size:12px;text-transform:uppercase;margin:0;height:40px;line-height:40px;}
section#studio div.team_entry.exemployee h2 {color:#aaa;}
section#studio div.team_entry h3 {display:inline-block;font-size:12px;color:#666;margin:0 0 0 5px;height:40px;line-height:40px;vertical-align:middle;}
section#studio div.team_entry.exemployee h3 {color:#aaa;}
section#studio div.team_entry a.toggle {position:absolute;top:14px;right:0;width:12px;height:12px;background:url(../../images/plus.png);background-size:contain;background-position:center center;}
section#studio div.team_entry a.toggle.close {background-image:url(../../images/close.png);}
section#studio div.team_entry.exemployee a.toggle { display:none; }
section#studio div.team_entry div.secondary {display:none;}
section#studio div.team_entry div.secondary div.photo {width:calc(50% - 20px);margin:0 0 20px 0;float:left;background-size:cover;background-position: center center;}
section#studio div.team_entry div.secondary div.photo img {display:block;width:100%;}
section#studio div.team_entry div.secondary div.profile {width:calc(50% - 20px);float:right;margin:0 0 20px 20px;}
section#studio div.team_entry div.secondary a.email {width:calc(50% - 20px);float:right;margin:0 0 20px 20px;}

section#press_listing {padding:40px;}
section#press_listing h1 {font-size:34px;margin:0 0 20px 0;font-family:gotham_bold;}
section#press_listing div.entry {border-top:1px solid #ccc;height:40px;cursor:pointer;}
section#press_listing div.entry span {line-height:40px;display:inline-block;margin:0 20px 0 0;padding:0 20px 0 0;font-size:14px;position:relative;}
section#press_listing div.entry span::after {content:' ';display:block;width:1px;border-right:1px solid #ccc;height:20px;position:absolute;top:10px;right:0;}
section#press_listing div.entry span.medium {font-family:gotham_bold;text-transform:uppercase;}
section#press_listing div.entry span.press_date {text-transform:uppercase;}
section#press_listing div.entry span.title {text-transform:uppercase;font-size:12px;}
section#press_listing div.entry:last-child {border-bottom:1px solid #ccc;}

section#privacy_policy {margin:40px;-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 40px; -moz-column-gap:40px; column-gap: 40px;}
section#privacy_policy p {margin:0 0 10px 0;line-height:1.4em; color:#444;}
section#privacy_policy strong{color:#000;}

section#research {background:#6c746d;position:relative;width:100%;height:100%;}
section#research div.intro {width:calc(33.3% - 40px);margin:0 0 0 40px;position:absolute;top:50%;left:0;transform:translateY(-50%);}
section#research div.intro h1 {font-size:34px;margin:0 0 20px 0;font-family:gotham_bold;color:#fff;}
section#research div.intro div.intro_text {font-size:12px;margin:0 0 20px 0;color:#fff;}
section#research div.intro div.intro_text p {font-size:12px;color:#fff;}
section#research div.intro div.intro_text i {font-size:12px;color:#fff;font-style:italic;}
section#research div.intro div.intro_text b {font-size:12px;color:#fff;font-family:gotham_bold;}
section#research div.intro div.intro_text strong {font-size:12px;color:#fff;font-family:gotham_bold;}
section#research div.intro a {font-size:12px;line-height:38px;height:38px;border:1px solid #fff;color:#fff;text-transform:uppercase;padding:8px 20px;font-family:gotham_bold;}
section#research div.research_gallery {width:calc(66.6% - 40px);margin:0 40px 0 0;position:absolute;right:0;top:50%;transform:translateY(-50%);}
section#research div.research_gallery div.entry {width:calc(50% - 40px);margin:0 0 0 40px;float:left;cursor:pointer;position:relative;background-position:center center;background-size:cover;}
section#research div.research_gallery div.entry img {display:block;width:100%;}
section#research div.research_gallery div.entry div.overlay {display:none;background:rgba(255,255,255,0.5);position:absolute;top:0;left:0;right:0;bottom:0;}
section#research div.research_gallery div.entry div.overlay span {color:#fff;display:block;width:100%;text-align:center;margin-top:50%;transform:translateY(-50%);font-family:gotham_bold;text-transform:uppercase;font-size:14px;}
section#research div.research_gallery div.entry:hover div.overlay {display:block;}

section#contacts {position:relative;width:100%;height:100%;}
section#contacts div.form {width:calc(33.3% - 40px);margin:40px 0 0 40px;position:absolute;top:0;left:0;}
section#contacts div.form h1 {font-size:34px;margin:0 0 20px 0;font-family:gotham_bold;}
section#contacts div.form form {}
section#contacts div.form form textarea,
section#contacts div.form form input {height:30px;line-height:30px;padding:5px 10px;width:calc(100% - 20px);border:0;margin:0 0 10px 0;outline:0;background:#eee;text-transform:uppercase;}
section#contacts div.form form textarea {height:90px;}
section#contacts div.form a {display:block;font-size:12px;line-height:18px;border:0;background:#6c746d;color:#fff;text-transform:uppercase;padding:8px 0;width:100%;text-align:center;margin:0 0 10px 0;}
section#contacts div.form a:active {font-family:gotham_bold;}
section#contacts div.form div#divSubmit {border:1px solid #ccc;background:#eee;padding:10px;margin:10px 0 0 0;display:none;}

section#contacts div.map {width:calc(66.6% - 80px);height:calc(100% - 80px);margin:40px;position:absolute;top:0;right:0;}

/**************************************/
/*          MOBILE STYLES             */
/*         LARGURA < 768 px           */
/**************************************/
@media only screen and (max-width: 768px) {

section#right {display:none;}
section#left {display:none;}
section#content {left:0;right:0;overflow-x:hidden;}
section#top a#logo_text {margin: 5px 0 0 40px;}
section#top ul#nav {display:none;}

section#bottom div#default {display:none;}
section#bottom div#mobile {display:block;width:100%;}
section#bottom div#mobile span {display:inline-block;width:100%;text-transform:uppercase;text-align:center;}
section#bottom div#mobile a {display:inline-block;width:calc(50% - 5px);text-transform:uppercase;text-align:center;cursor:pointer;}
section#bottom div#mobile a:last-child {border-left:1px solid #ccc;}

nav#mobile {display:block;position:absolute;top:40px;width:100%;right:-100%;background:#fff;z-index:100;height:calc(100% - 120px);transition:all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
nav#mobile.visible {right:0;}
nav#mobile ul {display:block;list-style:none;}
nav#mobile ul li {display:block;padding:0 40px;height:40px;line-height:40px;border-bottom:1px solid #ccc;}
nav#mobile ul li a {text-transform:uppercase;}
nav#mobile div.bottom {position:absolute;bottom:0;width:100%;}
nav#mobile div.bottom a {display:block;margin:0 40px;border-top:1px solid #ccc;height:40px;line-height:40px;text-transform:uppercase;width:calc(100% - 80px);}
nav#mobile div.bottom div.langs_privacy {height:40px;background:#eee;}
nav#mobile div.bottom div.langs_privacy a {height:40px;line-height:40px;font-size:8px;width:initial;display:inline-block;border-top:0;}
nav#mobile div.bottom div.langs_privacy div.langs {float:right;margin:0 40px 0 0;}
nav#mobile div.bottom div.langs_privacy div.langs span {display:inline-block;font-size:8px;text-transform:uppercase;font-family:gotham_bold;padding:0 5px;margin:0;height:initial;line-height:initial;}
nav#mobile div.bottom div.langs_privacy div.langs a {display:inline-block;font-size:8px;text-transform:uppercase;padding:0 5px;margin:0;height:initial;line-height:initial;}
nav#mobile div.bottom div.langs_privacy div.langs a:first-child ,
nav#mobile div.bottom div.langs_privacy div.langs span:first-child {border-right:1px solid #ccc;}
nav#mobile div.bottom div.langs_privacy div.langs a:last-child ,
nav#mobile div.bottom div.langs_privacy div.langs span:last-child {margin-right:-5px;height:40px;line-height:40px;}

div#nav_mobile_button { display: block;position: absolute;top: 11px;right:5px; z-index: 1; -webkit-user-select: none; user-select: none; width:30px;height:30px;}
div#nav_mobile_button input { display: block; width: 24px; height: 24px; position: absolute; top: 0px; left: 0px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none; }
div#nav_mobile_button span { display: block; width: 24px; height: 2px; margin-bottom: 6px; position: relative; background: #ccc; z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; }
div#nav_mobile_button span:nth-child(2) { transform-origin: 100% 0%;}
div#nav_mobile_button span:nth-child(3) { }
div#nav_mobile_button span:nth-child(4) { transform-origin: 100% 100%; margin-bottom:0; }

section#subcontent {width:100%;bottom:initial;min-height:calc(100% - 80px);background:#fff;}
section#subcontent.visible {right:0;}
div#details a#close_subcontent {top:13px;right:13px;}
section#subcontent div#details {height:initial;}
section#subcontent div#details div.left_col {position:relative;top:initial;left:initial;width:initial;height:initial;overflow-y:initial;}
section#subcontent div#details div.right_col {position:relative;top:initial;right:initial;width:100%;height:initial;overflow-y:initial;background:initial;padding:0;}

.slideshow { width:100%; height:initial; margin:0;overflow:hidden; }
.slideshow .slide { height:initial; position:relative; margin:0 0 20px 0;opacity:1;background-size:0 0;transform:translateY(0);}
.slideshow .slide img { display:block;width:100%; }
.slideshow .slide.active {  transform: translateY(0) scale(1); opacity:1; z-index: 100; }
.slideshow .slide.prev { transform: translateY(0) scale(1); opacity:1; z-index: 100; }
.slideshow .slide.next { transform: translateY(0) scale(1); opacity:1; z-index: 100; }
.slideshow #button_prev_slide { display:none; }
.slideshow #button_next_slide { display:none; }
.slideshow .slick-prev { display:none !important; }
.slideshow .slick-next { display:none !important; }
.slideshow .media_slide img {display:block;}
.slideshow .media_slide video {top:initial;transform:initial;position:relative;}

div#nav_mobile_button input:checked ~ span:nth-child(2) { opacity: 1; transform: rotate(-45deg) translate(1px, 0px); }
div#nav_mobile_button input:checked ~ span:nth-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); }
div#nav_mobile_button input:checked ~ span:nth-child(4) { opacity: 1; transform: rotate(45deg) translate(0px, -1px); }

section#studio {display:block;grid-template-columns: initial; grid-template-rows: initial; grid-column-gap: initial; grid-row-gap: initial; }
section#studio .col1_1 { grid-column:initial; }
section#studio .col1_2 { grid-column:initial; }
section#studio .col1_3 { grid-column:initial; }
section#studio .col2_2 { grid-column:initial; }
section#studio .col2_3 { grid-column:initial; }
section#studio .col3_3 { grid-column:initial; }
section#studio .col1_2 { -webkit-column-count: initial; -moz-column-count: initial; column-count: initial; -webkit-column-gap: initial; -moz-column-gap:initial; column-gap: initial; }
section#studio .col1_3 { -webkit-column-count: initial; -moz-column-count: initial; column-count: initial; -webkit-column-gap: initial; -moz-column-gap:initial; column-gap: initial; }
section#studio .main_image {width:100%;margin:0 0 40px 0;}
section#studio .main_image img {display:block;width:100%;}
section#studio div.team_entry div.secondary {margin:0 0 20px 0;}
section#studio div.team_entry div.secondary div.photo {width:initial;float:none;}
section#studio div.team_entry div.secondary div.profile {width:initial;float:none;margin:0;}
section#studio div.team_entry div.secondary a.email {width:initial;float:none;margin:20px 0 0 0;font-family:gotham_bold;display:inline-block;}
section#studio .subsection {border:0;}

div#project_gallery {margin:0;}
div#project_gallery div.main {margin:0;width:100%;float:initial;}
div#project_gallery div.main:hover div.overlay {display:none;}
div#project_gallery h1 {margin:20px 0 10px 0;padding:0 40px;font-size:22px;}
div#project_gallery h1.mobile_title {display:block;padding:0 40px;font-size:12px;text-transform:uppercase;font-weight:normal;height:40px;line-height:40px;margin:0;}
div#project_gallery div.secondary_list {margin:0 40px 40px 40px;}
div#project_gallery div.secondary_list div.secondary div.secondary_main {position:relative;}
div#project_gallery div.secondary_list div.secondary div.secondary_main span {display:none;}
div#project_gallery div.secondary_list div.secondary div.secondary_details div.photo {width:100%;margin:0 0 20px 0;display:block;}
div#project_gallery div.secondary_list div.secondary div.secondary_details div.description {width:100%;display:block;margin:0 0 20px 0;}
div#project_gallery div.secondary_list div.secondary div.secondary_main a.toggle {margin:0;float:initial;position: absolute;top:13px;right:0;}

section#research {height:initial;min-height: 100%;padding:40px 0 0 0;width:initial;}
section#research div.intro {position:relative;width:initial;transform:none;margin:0 40px 40px 40px;top:initial;left:initial;}
section#research div.research_gallery {position:relative;width:initial;transform:none;margin:0;top:initial;right:initial;}
section#research div.research_gallery div.entry {margin:0 0 40px 0;float:none;width:100%;}
section#research div.research_gallery div.entry:last-child {margin:0;}

section#press_listing div.entry {height:initial;}
section#press_listing div.entry span {padding:0;}
section#press_listing div.entry span::after {border:0;}
section#press_listing div.entry span.medium {display:block;text-transform:initial;}

section#contacts {height:initial;min-height:100%;padding:40px 0 0 0;}
section#contacts div.form {margin:0 40px 40px 40px;width:initial;position:relative;top:initial;left:initial;}
section#contacts div.map {width:initial;position:relative;top:initial;right:initial;height:calc(100vh - 250px);margin:0;}

section#privacy_policy {-webkit-column-count: 1; -moz-column-count: 1; column-count:1; }

}





