.lay-content {
overflow: hidden; }
#grid {
width: 100%; }
#footer-region {
width: 100%; }
img {
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none; }
a {
-webkit-tap-highlight-color: transparent; }
.projectlink .lay-textformat-parent {
display: inline; }
.lay-textformat-parent a, a.projectlink .lay-textformat-parent > * {
display: inline;
border-bottom-style: solid; }
.scrolltotop {
cursor: pointer; }
a {
outline: 0 !important;
text-decoration: none; }
.sitetitle {
line-height: 1;
color: black;
text-decoration: none;
white-space: nowrap;
z-index: 20; }
.sitetitle.img {
font-size: 0; }
nav.laynav {
z-index: 20;
line-height: 1; }
nav.laynav .span-wrap {
display: inline-block; }
nav.laynav ul {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 0; }
nav.laynav a {
text-decoration: none; }
nav.laynav li {
vertical-align: top; }
nav.laynav li:last-child {
margin-right: 0 !important;
margin-bottom: 0 !important; }
.titlewrap-on-image {
z-index: 2;
position: absolute;
margin-top: 0; }
.title {
display: block; }
.col .title, #search-results-region .title {
z-index: 2; }
.thumb .below-image .title {
display: block;
margin-bottom: 0; }
.thumb .lay-textformat-parent p {
display: block; }
.thumb .lay-textformat-parent p:last-child {
margin-bottom: 0; }
.thumb .below-image .descr {
margin-bottom: 0; }
.thumb-rel {
position: relative; }
.thumb-rel .lay-textformat-parent .title {
margin: 0; }
.thumb-rel .lay-textformat-parent .descr {
margin-bottom: 0; }
.thumb .titlewrap-on-image.on-image.lay-textformat-parent p, .thumb .titlewrap-on-image.on-image.lay-textformat-parent span {
display: block;
text-align: center; }
.thumb .titlewrap-on-image.on-image.lay-textformat-parent .title {
text-align: center; }
.thumb .descr {
display: inline-block;
width: 100%; }
body[data-type="page"] .project-arrow, body[data-type="category"] .project-arrow {
opacity: 0;
pointer-events: none; }
.project-arrow {
position: fixed;
z-index: 2;
font-size: 20px;
color: black; }
.project-arrow.center {
top: 50vh;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.pa-mirror {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg); }
.project-arrow.center.pa-mirror {
-webkit-transform: rotateY(180deg) translateY(-50%);
transform: rotateY(180deg) translateY(-50%); }
.pa-thumb-wrap {
position: relative; }
.pa-thumb-wrap img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.pa-img img {
width: 100%; }
.project-arrow {
opacity: 1;
-webkit-transition: opacity 200ms ease-out;
-o-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out; }
.project-arrow.hide {
opacity: 0 !important;
pointer-events: none; }
#grid {
height: 100%;
overflow: hidden; }
body .lay-content {
opacity: 1; }
body.hide-content .lay-content {
opacity: 0;
pointer-events: none; }
.col[data-type="embed"] > iframe, .col[data-type="embed"] > blockquote {
max-width: none !important;
min-width: 0 !important;
width: 100%; }
.col[data-type="embed"] .ph {
position: relative; }
.col[data-type="embed"] .ph > iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
max-width: none;
min-width: 0; }
.col .thumb .ph, #search-results-region .thumb .ph {
overflow: hidden;
position: relative; }
.col .thumb .ph span, #search-results-region .thumb .ph span {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 1;
pointer-events: none; }
.col .thumb img, #search-results-region .thumb img {
height: 100%; }
.thumbnailgrid-row.top-aligned,
.thumbnailgrid-row.middle-aligned,
.thumbnailgrid-row.bottom-aligned,
.elementgrid-row.top-aligned,
.elementgrid-row.middle-aligned,
.elementgrid-row.bottom-aligned {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.thumbnailgrid-row.top-aligned .thumbnail-wrap,
.elementgrid-row.top-aligned .element-wrap {
-ms-flex-item-align: start;
align-self: flex-start; }
.thumbnailgrid-row.middle-aligned .thumbnail-wrap,
.elementgrid-row.middle-aligned .element-wrap {
-ms-flex-item-align: center;
align-self: center; }
.thumbnailgrid-row.bottom-aligned .thumbnail-wrap,
.elementgrid-row.bottom-aligned .element-wrap {
-ms-flex-item-align: end;
align-self: flex-end; }
.row {
font-size: 0;
position: relative;
pointer-events: none; }
.row .col {
pointer-events: auto; }
.row.empty {
padding-bottom: 20%; }
.row.empty._100vh {
padding-bottom: 0; }
.column-wrap {
position: relative;
z-index: 1;
width: 100%; }
.column-wrap:not(.stack-wrap) {
height: 100%; }
.col {
position: relative;
display: inline-block; }
#search-results-region img.lazyload,
#search-results-region img.lazyloading,
.col img.lazyload,
.col img.lazyloading,
.project-arrow img.lazyload,
.project-arrow img.lazyloading,
.background-image img.lazyload,
.background-image img.lazyloading {
opacity: 0; }
#search-results-region img.lazyloaded,
.col img.lazyloaded,
.project-arrow img.lazyloaded,
.background-image img.lazyloaded {
opacity: 1 !important; }
.project-arrow img, .background-image img {
-webkit-transition: opacity 300ms ease-out;
-o-transition: opacity 300ms ease-out;
transition: opacity 300ms ease-out; }
.col img, #search-results-region img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
-webkit-transition: opacity 300ms ease-out;
-o-transition: opacity 300ms ease-out;
transition: opacity 300ms ease-out; }
video {
-webkit-transition: opacity 300ms ease-out;
-o-transition: opacity 300ms ease-out;
transition: opacity 300ms ease-out; }
.html5video .html5-video-placeholder-image img {
-webkit-transition: opacity 300ms ease-out;
-o-transition: opacity 300ms ease-out;
transition: opacity 300ms ease-out; }
.col .thumb img,
#search-results-region .thumb img {
-webkit-transition: opacity 300ms ease-out, -webkit-transform 400ms ease-out;
transition: opacity 300ms ease-out, -webkit-transform 400ms ease-out;
-o-transition: transform 400ms ease-out, opacity 300ms ease-out;
transition: transform 400ms ease-out, opacity 300ms ease-out;
transition: transform 400ms ease-out, opacity 300ms ease-out, -webkit-transform 400ms ease-out; }
.col[data-type="text"] img {
position: static;
top: auto;
left: auto;
width: auto;
height: auto;
opacity: 1;
-webkit-transition: none;
-o-transition: none;
transition: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
max-width: 100%; }
.row-bg-link.no-row-bg-link-children {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: auto;
overflow: hidden;
z-index: 0; }
.row-bg-link {
pointer-events: auto; }
.background-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 0; }
.background-image img {
position: absolute; }
html.objectfit .background-image img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0; }
html.no-objectfit .background-image img.bgw100 {
width: 100%;
height: auto;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
html.no-objectfit .background-image img.bgh100 {
height: 100%;
width: auto;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.background-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 0; }
.background-video video {
position: absolute; }
html.objectfit .background-video video {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0; }
html.no-objectfit .background-video video.w100 {
width: 100%;
height: auto;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
html.no-objectfit .background-video video.h100 {
height: 100%;
width: auto;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
video {
-o-object-fit: cover;
object-fit: cover; }
.html5video.autoplay video {
display: block; }
.html5video.autoplay .html5-video-placeholder-image, .html5video.autoplay .html5video-customplayicon {
display: none; }
.html5video video {
display: none; }
.html5video {
position: relative; }
.html5video video {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0; }
.html5video video.playpauseonlick {
cursor: pointer; }
.html5video .ph {
position: relative; }
.html5video .html5video-customplayicon {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
z-index: 2;
cursor: pointer;
width: auto;
height: auto; }
.html5video .html5-video-placeholder-image {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
overflow: hidden; }
.html5video .html5-video-placeholder-image.playpauseonlick {
cursor: pointer; }
.html5video .html5-video-placeholder-image.w100 img {
width: 100%;
height: auto;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.html5video .html5-video-placeholder-image.h100 img {
height: 100%;
width: auto;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.col[data-type="video"] .video {
position: relative; }
.col[data-type="video"] .video iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0; }
.col[data-type="video"] .video .ph {
position: relative; }
.img {
position: relative; }
.thumb {
position: relative;
display: block; }
.text {
position: relative; }
.text > *:last-child {
margin-bottom: 0 !important; }
.caption > *:last-child {
margin-bottom: 0 !important; } body.thumb-mo-image-has-transition .thumb.has-mouseover-img img.mo_thumb {
opacity: 0; }
.no-touchdevice body.thumb-mo-image-has-transition .thumb.has-mouseover-img:hover .ph img:first-child {
opacity: 0; }
.no-touchdevice body.thumb-mo-image-has-transition .thumb.has-mouseover-img:hover .ph img.mo_thumb {
opacity: 1; }
.touchdevice body.thumb-mo-image-has-transition .thumb.has-mouseover-img.hover .ph img:first-child {
opacity: 0; }
.touchdevice body.thumb-mo-image-has-transition .thumb.has-mouseover-img.hover .ph img.mo_thumb {
opacity: 1; } body.thumb-mo-image-no-transition .thumb.has-mouseover-img img.mo_thumb {
visibility: hidden; }
.no-touchdevice body.thumb-mo-image-no-transition .thumb.has-mouseover-img:hover .ph img:first-child {
visibility: hidden; }
.no-touchdevice body.thumb-mo-image-no-transition .thumb.has-mouseover-img:hover .ph img.mo_thumb {
visibility: visible; }
.touchdevice body.thumb-mo-image-no-transition .thumb.has-mouseover-img.hover .ph img:first-child {
visibility: hidden; }
.touchdevice body.thumb-mo-image-no-transition .thumb.has-mouseover-img.hover .ph img.mo_thumb {
visibility: visible; }
.mo_thumb {
z-index: 0;
-o-object-fit: cover;
object-fit: cover; }
.thumb video {
position: absolute;
top: 0;
left: 0;
width: 100%;
-webkit-transition: opacity 300ms ease-out, -webkit-transform 400ms ease-out;
transition: opacity 300ms ease-out, -webkit-transform 400ms ease-out;
-o-transition: transform 400ms ease-out, opacity 300ms ease-out;
transition: transform 400ms ease-out, opacity 300ms ease-out;
transition: transform 400ms ease-out, opacity 300ms ease-out, -webkit-transform 400ms ease-out;
z-index: 0; }
.lay-hr {
width: 100%; }
input {
-webkit-appearance: none;
-moz-appearance: none; }
.clickable-cover {
cursor: pointer; }
.cover-region-placeholder {
width: 100%;
pointer-events: none;
position: relative;
z-index: -1; }
.cover-content {
z-index: 1;
position: relative; }
.hascover #footer-region,
.cpl-hascover #footer-custom-phone-grid {
z-index: 1;
position: relative; }
.password-form {
width: 100%;
height: 100vh;
background: whitesmoke;
font-family: 'Helvetica', 'Arial', 'sans-serif';
font-weight: 400; }
.password-form.wrong-password .password-input-wrap-inner {
-webkit-animation: shake .5s linear;
animation: shake .5s linear; }
@-webkit-keyframes shake {
8%, 41% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
25%, 58% {
-webkit-transform: translateX(10px);
transform: translateX(10px); }
75% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px); }
92% {
-webkit-transform: translateX(5px);
transform: translateX(5px); }
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes shake {
8%, 41% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
25%, 58% {
-webkit-transform: translateX(10px);
transform: translateX(10px); }
75% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px); }
92% {
-webkit-transform: translateX(5px);
transform: translateX(5px); }
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
.password-form input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
color: black;
letter-spacing: 0.01em; }
.password-input-wrap {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
white-space: nowrap; }
.password-ok, .password-form input {
background: white;
border: 1px solid #cacaca;
display: inline-block;
vertical-align: top;
border-radius: 5px; }
.password-ok {
color: black;
cursor: pointer; }
.password-ok:active {
background: #f0f0f0; }
.password-form input::-webkit-input-placeholder {
color: #cacaca; }
.password-form input:-ms-input-placeholder {
color: #cacaca; }
.password-form input::-ms-input-placeholder {
color: #cacaca; }
.password-form input::placeholder {
color: #cacaca; }
@media (min-width: 700px) {
.password-form input {
width: 280px; }
.password-ok, .password-form input {
padding: 5px;
font-size: 20px;
line-height: 35px; }
.password-ok {
padding-left: 20px;
padding-right: 20px; }
.password-form input {
margin-right: 10px;
padding-left: 15px; } }
@media (max-width: 699px) {
.password-form input {
width: 200px; }
.password-ok, .password-form input {
padding: 5px;
font-size: 15px;
line-height: 30px; }
.password-ok {
padding-left: 15px;
padding-right: 15px; }
.password-form input {
margin-right: 7px;
padding-left: 10px;
padding-right: 10px; } }
body.intro-loading .lay-content {
visibility: hidden; }
#intro-region.hide {
display: none; }
.intro {
background-color: white; }
.intro, .mediawrap {
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.intro {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
will-change: opacity, transform;
cursor: pointer;
display: block; }
.intro .mediawrap {
height: 100vh;
width: 100%; }
.intro img.lazyloading,
.intro img.lazyload {
opacity: 0; }
.intro img.lazyloaded {
opacity: 1;
-webkit-transition: opacity 400ms;
-o-transition: opacity 400ms;
transition: opacity 400ms; }
.intro {
top: 0;
left: 0;
width: 100%;
height: 100vh;
position: fixed;
overflow: hidden;
z-index: 50; }
.intro .media {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: fixed;
left: 50%;
top: 50%; }
.intro .mediawrap.followmovement .media {
-webkit-transform: translate(-50%, -50%) scale(1.15);
-ms-transform: translate(-50%, -50%) scale(1.15);
transform: translate(-50%, -50%) scale(1.15); }
.intro .mediawrap.w100 .media {
width: 100%;
height: auto; }
.intro .mediawrap.h100 .media {
width: auto;
height: 100%; }
.intro-svg-overlay {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 60; }
.intro-svg-overlay, .intro_text {
pointer-events: none; }
.intro_text {
position: absolute;
z-index: 65;
white-space: pre-line; }
.search-view {
display: none; }
.search-view.hide {
display: none; }
.search-view.show {
display: block; }
.search-header {
padding-top: 20px;
padding-bottom: 20px;
position: fixed;
top: 0;
width: 100%;
background: white;
z-index: 2; }
.search-view {
font-family: 'Helvetica Neue', 'Helvetica', sans-serif; }
.close-search {
top: 0;
right: 0;
position: absolute;
padding: 20px 20px 20px 20px;
z-index: 20;
cursor: pointer;
font-size: 0; }
.close-search line {
stroke: #e1e1e1; }
.close-search:hover line {
stroke: black; }
.search-view::-webkit-scrollbar {
display: none; }
.search-view {
position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: 0;
z-index: 99;
background-color: white;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
-webkit-backdrop-filter: saturate(180%) blur(10px);
backdrop-filter: saturate(180%) blur(10px); }
.search-header {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px; }
.search-inputs {
display: inline-block;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
width: 100%; }
.search-view .search-icon {
pointer-events: none;
position: absolute;
left: 0; }
.search-view .search-icon path {
fill: #ccc; }
.search-view.hide-search-icon .search-icon {
display: none; }
input#search-query:focus {
outline: 0; }
input#search-query {
border: 0;
border: 1px solid #e1e1e1;
background-color: transparent;
-webkit-appearance: textfield;
width: 100%;
line-height: 1.2; }
input#search-query::-webkit-input-placeholder { color: #ccc; }
input#search-query::-moz-placeholder { color: #ccc; }
input#search-query:-ms-input-placeholder { color: #ccc; }
input#search-query:-moz-placeholder { color: #ccc; }
input#search-query {
text-align: left;
letter-spacing: 0.023em;
font-weight: 300; }
.suggest-item {
font-size: 25px;
font-weight: 300;
padding-bottom: 3px;
padding-top: 1px;
background: white;
border-left: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1; }
.suggest-item:last-child {
border-bottom: 1px solid #e1e1e1; }
#search-autosuggest-list {
bottom: 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
left: 0;
top: 100%; }
.suggest-collection {
z-index: 8; }
.suggest-prefix {
font-weight: normal; }
.suggest-suffix {
font-weight: bold; }
.suggest {
color: black; }
html.no-touchdevice .suggest-item:hover {
background-color: whitesmoke; }
input#search-query::-moz-selection {
background: whitesmoke; }
input#search-query::selection {
background: whitesmoke; }
#suggest-results {
width: 100%;
cursor: default; }
#search-results-region {
height: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
@media (min-width: 751px) {
#search-results-region {
margin-top: 100px; }
#search-results-region {
margin-top: 100px;
padding: 0 40px 40px 40px; }
.search-inputs {
max-width: 600px; }
input#search-query {
max-width: 600px; }
#search-autosuggest-list {
max-width: 600px; } }
@media (max-width: 750px) and (min-width: 601px) {
.search-inputs {
margin-top: 45px; }
#search-results-region {
margin-top: 145px;
padding: 0 20px 20px 20px; } }
@media (min-width: 601px) {
input#search-query {
font-size: 37px; }
input#search-query {
height: 60px; }
.search-view .search-icon {
top: 16px;
height: 27px; }
.search-view .search-icon {
padding-left: 15px; }
.search-view.hide-search-icon input#search-query {
padding-left: 15px;
padding-right: 15px; }
input#search-query {
padding: 5px 0 8px 50px; }
.suggest-item {
padding-left: 15px;
padding-right: 15px; }
.close-search-phone {
display: none; } }
@media (max-width: 600px) {
.close-search-desktop {
display: none; }
input#search-query {
font-size: 27px; }
input#search-query {
height: 40px; }
.search-inputs {
margin-top: 35px; }
#search-results-region {
margin-top: 115px; }
.search-view .search-icon {
top: 10px;
height: 20px; }
.search-view .search-icon {
padding-left: 10px; }
.search-view.hide-search-icon input#search-query {
padding-left: 10px;
padding-right: 10px; }
input#search-query {
padding: 5px 0 8px 36px; }
.suggest-item {
padding-left: 10px;
padding-right: 10px; }
#search-results-region {
padding: 0 20px 20px 20px; } }
@media (min-width: 701px) {
.col[data-type="project"].below,
.col[data-type="text"].below,
.col[data-type="embed"].below,
.col[data-type="carousel"].below,
.col[data-type="img"].below,
.col[data-type="html5video"].below,
.col[data-type="video"].below,
.col[data-type="video"].below,
.col[data-type="thumbnailgrid"] .thumbnail-wrap.below,
.col[data-type="elementgrid"] .element-wrap.below {
-webkit-transform: translate3d(0, 90px, 0) !important;
transform: translate3d(0, 90px, 0) !important;
-webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease;
transition: opacity 300ms ease, -webkit-transform 300ms ease;
-o-transition: transform 300ms ease, opacity 300ms ease;
transition: transform 300ms ease, opacity 300ms ease;
transition: transform 300ms ease, opacity 300ms ease, -webkit-transform 300ms ease;
opacity: 0; }
.col[data-type="project"].in-view,
.col[data-type="text"].in-view,
.col[data-type="embed"].in-view,
.col[data-type="carousel"].in-view,
.col[data-type="img"].in-view,
.col[data-type="html5video"].in-view,
.col[data-type="video"].in-view,
.col[data-type="video"].in-view,
.col[data-type="thumbnailgrid"] .thumbnail-wrap.in-view,
.col[data-type="elementgrid"] .element-wrap.in-view {
-webkit-transform: translate3d(0, 0, 0) !important;
transform: translate3d(0, 0, 0) !important;
-webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease;
transition: opacity 300ms ease, -webkit-transform 300ms ease;
-o-transition: transform 300ms ease, opacity 300ms ease;
transition: transform 300ms ease, opacity 300ms ease;
transition: transform 300ms ease, opacity 300ms ease, -webkit-transform 300ms ease;
opacity: 1; } }
@media (max-width: 700px) {
.col[data-type="project"].below,
.col[data-type="text"].below,
.col[data-type="embed"].below,
.col[data-type="carousel"].below,
.col[data-type="img"].below,
.col[data-type="html5video"].below,
.col[data-type="video"].below,
.col[data-type="video"].below,
.col[data-type="thumbnailgrid"] .thumbnail-wrap.below,
.col[data-type="elementgrid"] .element-wrap.below {
-webkit-transform: translate3d(0, 60px, 0) !important;
transform: translate3d(0, 60px, 0) !important;
-webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease;
transition: opacity 300ms ease, -webkit-transform 300ms ease;
-o-transition: transform 300ms ease, opacity 300ms ease;
transition: transform 300ms ease, opacity 300ms ease;
transition: transform 300ms ease, opacity 300ms ease, -webkit-transform 300ms ease;
opacity: 0; }
.col[data-type="project"].in-view,
.col[data-type="text"].in-view,
.col[data-type="embed"].in-view,
.col[data-type="carousel"].in-view,
.col[data-type="img"].in-view,
.col[data-type="html5video"].in-view,
.col[data-type="video"].in-view,
.col[data-type="video"].in-view,
.col[data-type="thumbnailgrid"] .thumbnail-wrap.in-view,
.col[data-type="elementgrid"] .element-wrap.in-view {
-webkit-transform: translate3d(0, 0, 0) !important;
transform: translate3d(0, 0, 0) !important;
-webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease;
transition: opacity 300ms ease, -webkit-transform 300ms ease;
-o-transition: transform 300ms ease, opacity 300ms ease;
transition: transform 300ms ease, opacity 300ms ease;
transition: transform 300ms ease, opacity 300ms ease, -webkit-transform 300ms ease;
opacity: 1; } }
.col .lay-carousel._100vh {
min-height: 100vh; }
html.is-ipad.is-safari .col .lay-carousel._100vh {
min-height: calc(100vh - 30px); }
html.is-iphone.is-safari .col .lay-carousel._100vh {
min-height: calc(100vh - 75px); }
html.is-iphonex.is-safari .col .lay-carousel._100vh {
min-height: calc(100vh - 113px); }
html.is-android.is-chrome .col .lay-carousel._100vh {
min-height: calc(100vh - chrome_android_barheight); }
._100vh {
min-height: 100vh; }
html.is-ipad.is-safari ._100vh {
min-height: calc(100vh - 30px); }
html.is-iphone.is-safari ._100vh {
min-height: calc(100vh - 75px); }
html.is-iphonex.is-safari ._100vh {
min-height: calc(100vh - 113px); }
html.is-android.is-chrome ._100vh {
min-height: calc(100vh - chrome_android_barheight); }