.floating-content {  position:relative;  -webkit-backface-visibility:hidden;  -webkit-perspective:1000;  -webkit-transition:transform .3s ease-out;  transition:transform .3s ease-out; } .project-wide-col {  display:inline-block;  vertical-align:top;  width:66.6667%;  box-sizing:border-box; } .project-wide-col.left-side {  padding-right:50px; } .project-wide-col.right-side {  padding-left:50px; } .project-narrow-col {  display:inline-block;  vertical-align:top;  width:33.3333%; } .mobile-false .wf-container.effect-layla:not(.jg-container) .rollover-project > a > img {  position:absolute;  left:0;  top:50%;  width:calc(100% + 40px);  max-width:calc(100% + 40px); } .filter-grayscale .wf-container.effect-layla:not(.jg-container) .rollover-project > a > img, .filter-grayscale-static .wf-container.effect-layla:not(.jg-container) .rollover-project > a > img {  top:0;  width:100%;  max-width:100%;  -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0); } .effect-layla .rollover-content {  display:block;  padding:35px 45px;  opacity:1;  text-align:center; } .effect-layla .rollover-content:hover {  padding:35px 45px; } .effect-layla .rollover-content:before, .effect-layla .rollover-content:after {  position:absolute;  content:'';  opacity:0; } .effect-layla .rollover-content:before {  top:25px;  right:15px;  bottom:25px;  left:15px;  border-top:1px solid #fff;  border-bottom:1px solid #fff;  -ms-transform:scale(0,1);  -webkit-transform:scale(0,1);  transform:scale(0,1);  -webkit-transform-origin:0 0;  transform-origin:0 0; } .effect-layla .rollover-content:after {  top:15px;  right:25px;  bottom:15px;  left:25px;  border-right:1px solid #fff;  border-left:1px solid #fff;  -ms-transform:scale(1,0);  -webkit-transform:scale(1,0);  transform:scale(1,0);  -ms-transform-origin:100% 0;  -webkit-transform-origin:100% 0;  transform-origin:100% 0; } .effect-layla .entry-title, .effect-layla .links-container, .effect-layla .rollover-thumbnails {  -ms-transition:-ms-transform 0.35s;  -webkit-transition:-webkit-transform 0.35s;  transition:transform 0.35s; } .effect-layla:not(.always-show-info) .entry-title, .effect-layla:not(.always-show-info) .links-container, .effect-layla:not(.always-show-info) .rollover-thumbnails {  opacity:0;  -ms-transition:-ms-transform 0.35s, opacity 0.35s;  -webkit-transition:-webkit-transform 0.35s, opacity 0.35s;  transition:transform 0.35s, opacity 0.35s; } .effect-layla p, .effect-layla .entry-meta {  opacity:0;  -webkit-transform:translate3d(0,-15px,0);  transform:translate3d(0,-15px,0); } .effect-layla .entry-title, .effect-layla .links-container, .effect-layla .rollover-thumbnails {  -webkit-transform:translate3d(0,-20px,0);  transform:translate3d(0,-20px,0); } .always-show-info.effect-layla .entry-title, .always-show-info.effect-layla .links-container, .always-show-info.effect-layla .rollover-thumbnails {  -webkit-transform:translate3d(0,-20px,0);  transform:translate3d(0,-20px,0); } .mobile-false .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project > a > img {  -webkit-transform:translate3d(-20px,-50%,0);  transform:translate3d(-20px,-50%,0); } .effect-layla .rollover-project > a > img, .effect-layla .rollover-content:before, .effect-layla .rollover-content:after, .effect-layla p, .effect-layla .entry-meta {  -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;  transition:opacity 0.35s, transform 0.35s; } .effect-layla .links-container, .effect-layla .entry-meta {  position:relative;  z-index:10; } .mobile-false .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project:hover > a > img {  -webkit-transform:translate3d(-20px,calc(-50% + 10px),0);  transform:translate3d(-20px,calc(-50% + 10px),0); } .mobile-true .filter-grayscale .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project.is-clicked > a > img, .mobile-true .filter-grayscale-static .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project.is-clicked > a > img, .mobile-true .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project.is-clicked > a > img {  -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0); } .mobile-false .effect-layla.hover-color-static .rollover-project:hover > a > img, .mobile-true .effect-layla.hover-color-static .rollover-project.is-clicked > a > img {  opacity:0.3; } .mobile-false .effect-layla .rollover-project:hover figcaption::before, .mobile-true .effect-layla .rollover-project.is-clicked figcaption::before, .mobile-false .effect-layla .rollover-project:hover figcaption::after, .mobile-true .effect-layla .rollover-project.is-clicked figcaption::after {  opacity:1;  -webkit-transform:scale(1);  transform:scale(1); } .mobile-false .effect-layla .rollover-project:hover .entry-title, .mobile-true .effect-layla .rollover-project.is-clicked .entry-title, .mobile-false .effect-layla .rollover-project:hover p, .mobile-true .effect-layla .rollover-project.is-clicked p, .mobile-false .effect-layla .rollover-project:hover .entry-meta, .mobile-true .effect-layla .rollover-project.is-clicked .entry-meta, .mobile-false .effect-layla .rollover-project:hover .links-container, .mobile-true .effect-layla .rollover-project.is-clicked .links-container, .mobile-false .effect-layla .rollover-project:hover .rollover-thumbnails, .mobile-true .effect-layla .rollover-project.is-clicked .rollover-thumbnails {  opacity:1;  -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0); } .mobile-false.mobile-false .effect-layla .rollover-project:hover .rollover-content:after, .mobile-true.mobile-true .effect-layla .rollover-project.is-clicked .rollover-content:after, .mobile-false.mobile-false .effect-layla .rollover-project:hover .entry-title, .mobile-true.mobile-true .effect-layla .rollover-project.is-clicked .entry-title, .mobile-false.mobile-false .effect-layla .rollover-project:hover .links-container, .mobile-true.mobile-true .effect-layla .rollover-project.is-clicked .links-container, .mobile-false.mobile-false .effect-layla .rollover-project:hover .rollover-thumbnails, .mobile-true.mobile-true .effect-layla .rollover-project.is-clicked .rollover-thumbnails, .mobile-false.mobile-false .effect-layla .rollover-project:hover p, .mobile-true.mobile-true .effect-layla .rollover-project.is-clicked p, .mobile-false.mobile-false .effect-layla .rollover-project:hover a > img, .mobile-true.mobile-true .effect-layla .rollover-project.is-clicked a > img, .mobile-false.mobile-false .effect-layla .rollover-project:hover .entry-meta, .mobile-true.mobile-true .effect-layla .rollover-project.is-clicked .entry-meta {  -webkit-transition-delay:0.15s;  transition-delay:0.15s; } .effect-bubba .rollover-project > a > img {  -webkit-transition:opacity 0.35s;  transition:opacity 0.35s; } .mobile-false .effect-bubba.hover-color-static .rollover-project:hover > a > img, .mobile-true .effect-bubba.hover-color-static .rollover-project.is-clicked > a > img {  opacity:0.3; } .effect-bubba .rollover-content {  display:block;  padding:35px 45px;  text-align:center;  opacity:1; } .effect-bubba .rollover-content:before, .effect-bubba .rollover-content:after {  position:absolute;  top:25px;  right:25px;  bottom:25px;  left:25px;  content:'';  opacity:0;  -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;  transition:opacity 0.35s, transform 0.35s; } .effect-bubba .rollover-content:before {  border-top:1px solid #fff;  border-bottom:1px solid #fff;  -webkit-transform:scale(0,1);  transform:scale(0,1); } .effect-bubba .rollover-content:after {  border-right:1px solid #fff;  border-left:1px solid #fff;  -webkit-transform:scale(1,0);  transform:scale(1,0); } .effect-bubba:not(.always-show-info) .rollover-content .entry-title, .effect-bubba:not(.always-show-info) .rollover-content .links-container, .effect-bubba:not(.always-show-info) .rollover-content .rollover-thumbnails {  opacity:0;  -webkit-transition:-webkit-transform 0.35s, opacity 0.35s;  transition:transform 0.35s, opacity 0.35s;  -webkit-transform:translate3d(0,-20px,0);  transform:translate3d(0,-20px,0); } .effect-bubba .rollover-content p, .effect-bubba .rollover-content .entry-meta {  opacity:0;  -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;  transition:opacity 0.35s, transform 0.35s;  -webkit-transform:translate3d(0,20px,0);  transform:translate3d(0,20px,0); } .effect-bubba .links-container, .effect-bubba .entry-meta {  position:relative;  z-index:10; } .mobile-false.mobile-false .effect-bubba .rollover-project:hover .rollover-content:before, .mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked .rollover-content:before, .mobile-false.mobile-false .effect-bubba .rollover-project:hover .rollover-content:after, .mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked .rollover-content:after {  opacity:1;  -webkit-transform:scale(1);  transform:scale(1); } .mobile-false.mobile-false .effect-bubba .rollover-project:hover .entry-title, .mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked .entry-title, .mobile-false.mobile-false .effect-bubba .rollover-project:hover .links-container, .mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked .links-container, .mobile-false.mobile-false .effect-bubba .rollover-project:hover .rollover-thumbnails, .mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked .rollover-thumbnails, .mobile-false.mobile-false .effect-bubba .rollover-project:hover p, .mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked p, .mobile-false.mobile-false .effect-bubba .rollover-project:hover .entry-meta, .mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked .entry-meta {  opacity:1;  -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0); } .mobile-false .wf-container.effect-sarah:not(.jg-container) .rollover-project > a > img {  position:absolute;  top:50%;  left:0;  width:calc(100% + 20px);  max-width:calc(100% + 20px); } .filter-grayscale .wf-container.effect-sarah:not(.jg-container) .rollover-project > a > img, .filter-grayscale-static .wf-container.effect-sarah:not(.jg-container) .rollover-project > a > img {  top:0;  width:100%;  max-width:100%;  -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0); } .effect-sarah .rollover-project > a > img {  max-width:none;  width:-webkit-calc(100% + 20px);  width:calc(100% + 20px);  -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;  transition:opacity 0.35s, transform 0.35s;  -webkit-transform:translate3d(-10px,-50%,0);  transform:translate3d(-10px,-50%,0);  -webkit-backface-visibility:hidden;  backface-visibility:hidden; } .jg-container.effect-sarah .rollover-project > a > img, .slider-wrapper.effect-sarah .rollover-project > a > img, .mobile-true .effect-sarah .rollover-project > a > img {  -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0); } .slider-wrapper.effect-sarah .rollover-project > a > img {  width:100%; } .mobile-false.mobile-false .effect-sarah.hover-color-static .rollover-project:hover > a > img, .mobile-true.mobile-true .effect-sarah.hover-color-static .rollover-project.is-clicked > a > img {  opacity:0.3; } .mobile-false.mobile-false .effect-sarah:not(.jg-container):not(.slider-wrapper) .rollover-project:hover > a > img, .mobile-false.mobile-false .effect-sarah:not(.jg-container):not(.slider-wrapper) .rollover-project.is-clicked > a > img {  -webkit-transform:translate3d(0,-50%,0);  transform:translate3d(0,-50%,0); } .effect-sarah .rollover-content {  display:block;  padding:25px 40px;  text-align:left;  opacity:1; } .effect-sarah .rollover-content .links-container {  text-align:left; } .effect-sarah:not(.always-show-info) .rollover-content .entry-title, .effect-sarah:not(.always-show-info) .rollover-content .links-container, .effect-sarah:not(.always-show-info) .rollover-content .rollover-thumbnails {  opacity:0;  -webkit-transition:opacity 0.35s;  transition:opacity 0.35s; } .effect-sarah .rollover-content .entry-title {  position:relative;  overflow:hidden;  padding:0 0 15px;  margin-bottom:15px; } .effect-sarah .rollover-content .entry-title:after {  position:absolute;  bottom:0;  left:0;  width:100%;  height:3px;  background:#fff;  content:'';  -webkit-transition:-webkit-transform 0.35s;  transition:transform 0.35s;  -webkit-transform:translate3d(-101%,0,0);  transform:translate3d(-100%,0,0); } .mobile-false.mobile-false .effect-sarah .rollover-project:hover .entry-title, .mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked .entry-title {  opacity:1; } .mobile-false.mobile-false .effect-sarah .rollover-project:hover .entry-title:after, .mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked .entry-title:after {  -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0); } .mobile-false.mobile-false .effect-sarah .rollover-project:hover .links-container, .mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked .links-container, .mobile-false.mobile-false .effect-sarah .rollover-project:hover .rollover-thumbnails, .mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked .rollover-thumbnails {  opacity:1; } .effect-sarah .rollover-content p, .effect-sarah .rollover-content .entry-meta {  opacity:0;  -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;  transition:opacity 0.35s, transform 0.35s;  -webkit-transform:translate3d(100%,0,0);  transform:translate3d(100%,0,0); } .mobile-false.mobile-false .effect-sarah .rollover-project:hover p, .mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked p, .mobile-false.mobile-false .effect-sarah .rollover-project:hover .entry-meta, .mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked .entry-meta {  opacity:1;  -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0); } .effect-layla .links-container, .effect-sarah .links-container, .effect-bubba .links-container {  width:100%;  height:44px; } .effect-layla .rollover-content, .effect-sarah .rollover-content, .effect-bubba .rollover-content {  -webkit-align-content:center;  -ms-align-content:center;  align-content:center;  -ms-flex-line-pack:center; } .effect-layla .rollover-content, .effect-bubba .rollover-content {  -webkit-justify-content:center;  -ms-flex-pack:center;  -ms-justify-content:center;  justify-content:center; } .cs-style-3 .rollover-project .rollover-content {  opacity:1; } .cs-style-3 .rollover-content {  padding:0; } .cs-style-3.content-align-centre .rollover-content {  display:-webkit-flex;  display:-ms-flexbox;  display:-ms-flex;  display:flex;  -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap;  -webkit-align-content:flex-end;  -ms-align-content:flex-end;  align-content:flex-end;  -ms-flex-line-pack:end;  -webkit-justify-content:center;  -ms-flex-pack:center;  -ms-justify-content:center;  justify-content:center;  -webkit-align-items:flex-end;  -ms-align-items:flex-end;  -ms-flex-align:flex-end;  align-items:flex-end;  -ms-flex-align:end; } .cs-style-3 .rollover-project > a {  position:relative;  display:block;  -webkit-transition:-webkit-transform 0.4s;  transition:transform 0.4s; } .mobile-false .cs-style-3 .rollover-project:hover > a {  -ms-transform:translateY(-20px);  -webkit-transform:translateY(-20px);  transform:translateY(-20px); } .hover-style-three .rollover-project > a:after {  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  content:"";  background-color:rgba(0,0,0,0.2);  opacity:0; } .mobile-false .hover-style-three .rollover-project:hover > a:after, .mobile-true .hover-style-three .rollover-project.is-clicked > a:after {  opacity:1; } .cs-style-3.content-align-left .rollover-content-container {  position:absolute;  bottom:0; } .cs-style-3 .rollover-content-container {  width:100%;  padding:15px 20px 5px;  background-color:#1e1e1e; } .mobile-false .cs-style-3 .rollover-content-container {  -webkit-transition:-webkit-transform 0.4s, opacity 0.1s 0.3s;  transition:transform 0.4s, opacity 0.1s 0.3s;  -ms-transform:translateY(100%);  -webkit-transform:translateY(100%);  transform:translateY(100%); } .cs-style-3 .rollover-project:hover .rollover-content-container, .mobile-false .cs-style-3 .dt-owl-item:hover .rollover-content-container, .mobile-true .cs-style-3 .is-clicked .rollover-content-container, .mobile-true .cs-style-3 .dt-owl-item .rollover-content-container {  opacity:1;  -ms-transform:translateY(0px);  -webkit-transform:translateY(0px);  transform:translateY(0px);  -ms-transition:-ms-transform 0.4s, opacity 0.1s;  -webkit-transition:-webkit-transform 0.4s, opacity 0.1s;  transition:transform 0.4s, opacity 0.1s; } .mobile-true .cs-style-3 .is-clicked .rollover-content {  display:block; } .mobile-true .cs-style-3.content-align-centre .rollover-content {  display:none; } .cs-style-3.content-align-centre .rollover-content.is-clicked {  display:-webkit-flex;  display:-ms-flexbox;  display:-ms-flex;  display:flex; } .cs-style-3 .rollover-thumbnails {  opacity:0;  margin-bottom:20px; } .mobile-false .cs-style-3 .links-container {  opacity:0; } .cs-style-3 .links-container {  margin-bottom:15px; } .mobile-false .cs-style-3 .rollover-project:hover .links-container, .mobile-false .cs-style-3 .rollover-project:hover .rollover-thumbnails, .mobile-false .cs-style-3 .dt-owl-item:hover .links-container {  opacity:1; } .mobile-false .cs-style-3 .links-container, .cs-style-3 .rollover-project .rollover-thumbnails {  -webkit-transition:opacity 400ms ease;  transition:opacity 400ms ease; } .mobile-true .cs-style-3 .links-container {  -webkit-transition:opacity 0.1s 0.3s;  transition:opacity 0.1s 0.3s; } .cs-style-3 .rollover-content * {  color:#fff !important; } .accent-gradient .cs-style-3 .rollover-content .entry-title a {  -webkit-backface-visibility:hidden;  background-image:none; } .hover-style-one .rollover-content, .accent-gradient .hover-style-one .rollover-content {  background:rgba(0,0,0,0.6);  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),rgba(0,0,0,0.1) 50%,color-stop(100%,rgba(0,0,0,0.6)));  background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.6) 100%);  background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.6) 100%);  background-color:transparent !important;  color:#fff; } .hover-style-one .rollover-content {  display:-webkit-flex;  display:-ms-flexbox;  display:-ms-flex;  display:flex;  -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap; } .content-align-centre.hover-style-one .rollover-content {  -webkit-align-content:flex-end;  -ms-align-content:flex-end;  align-content:flex-end;  -ms-flex-line-pack:end;  -webkit-justify-content:center;  -ms-flex-pack:center;  -ms-justify-content:center;  justify-content:center;  -webkit-align-items:flex-end;  -ms-align-items:flex-end;  -ms-flex-align:flex-end;  align-items:flex-end;  -ms-flex-align:end; } .content-align-left.hover-style-one .rollover-content {  -webkit-align-content:flex-end;  -ms-align-content:flex-end;  align-content:flex-end;  -ms-flex-line-pack:end;  -webkit-align-items:flex-end;  -ms-align-items:flex-end;  -ms-flex-align:flex-end;  align-items:flex-end;  -ms-flex-align:end; } .hover-style-one .rollover-project > a:after {  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  content:"";  background-color:rgba(0,0,0,0.2);  opacity:0; } .mobile-false .hover-style-one .rollover-project:hover > a:after {  opacity:1; } .hover-style-one .rollover-content-container {  margin-top:10px;  width:100%; } .hover-style-one.always-show-info .links-container, .hover-style-one.always-show-info .rollover-thumbnails {  opacity:0; } .hover-style-one.always-show-info .rollover-project:hover .links-container, .hover-style-one.always-show-info .rollover-project:hover .rollover-thumbnails {  opacity:1; } .mobile-true .hover-style-two:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) .rollover-content.is-clicked {  display:-webkit-flex;  display:-ms-flexbox;  display:-ms-flex;  display:flex;  -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap; } .hover-style-two .rollover-content {  display:-webkit-flex;  display:-ms-flexbox;  display:-ms-flex;  display:flex;  -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap; } .content-align-bottom.hover-style-two .rollover-content {  -webkit-align-content:flex-end;  -ms-align-content:flex-end;  align-content:flex-end;  -ms-flex-line-pack:end;  -webkit-justify-content:center;  -ms-flex-pack:center;  -ms-justify-content:center;  justify-content:center;  -webkit-align-items:flex-end;  -ms-align-items:flex-end;  -ms-flex-align:flex-end;  align-items:flex-end;  -ms-flex-align:end; } .content-align-centre.hover-style-two .rollover-content {  -webkit-align-content:center;  -ms-align-content:center;  align-content:center;  -ms-flex-line-pack:center;  -webkit-justify-content:center;  -ms-flex-pack:center;  -ms-justify-content:center;  justify-content:center;  -webkit-align-items:center;  -ms-align-items:center;  -ms-flex-align:center;  align-items:center; } .content-align-left-bottom.hover-style-two .rollover-content {  -webkit-align-content:flex-end;  -ms-align-content:flex-end;  align-content:flex-end;  -ms-flex-line-pack:end;  -webkit-align-items:flex-end;  -ms-align-items:flex-end;  -ms-flex-align:flex-end;  align-items:flex-end;  -ms-flex-align:end; } .content-align-left-top.hover-style-two .rollover-content {  -webkit-align-content:flex-start;  -ms-align-content:flex-start;  align-content:flex-start;  -ms-flex-line-pack:start;  -webkit-align-items:flex-start;  -ms-align-items:flex-start;  -ms-flex-align:flex-start;  align-items:flex-start;  -ms-flex-align:start; } .hover-style-two .rollover-content-container {  margin-top:10px;  width:100%; } .buttons-on-img {  position:relative;  overflow:hidden;  margin:0 0 20px;  text-align:center; } .bg-on .buttons-on-img {  margin:0; } .layout-list .buttons-on-img {  margin:0 30px 25px 0; } .layout-list .project-even .buttons-on-img {  margin:0 0 25px 30px; } .layout-list .media-wide .buttons-on-img {  margin-right:0;  margin-left:0; } .buttons-on-img > p, .post .buttons-on-img .alignnone, .description-under-image .post .buttons-on-img .alignnone, .description-under-image .post .buttons-on-img .slider-masonry {  margin-bottom:0; } .post .buttons-on-img .alignleft {  margin:0; } .buttons-on-img > .rollover-content {  padding:0; } .mobile-true .buttons-on-img > .rollover-content {  display:block; }