#app {
top: 0;
left: 0;
position: fixed;
width: 100%;
height: 100vh;
overflow: hidden;
pointer-events: none;
opacity:0;
-webkit-transition: all 0.1s ease-in-out 0.3s;
transition: all 0.1s ease-in-out 0.3s;
}
.load-project-thumb #app, .load-project-thumb-with-title #app, .load-project-thumb-with-title-and-scale #app {
opacity:1;
}
.grid__item-img--large {
pointer-events: none;
position: absolute ;
opacity: 0;
}
.grid__item-hidden {
pointer-events: none;
position: fixed;
opacity: 0;
} .clapat-slide a {
height: 0px;		
}
.clapat-slider-wrapper {
width:100%;
height: 100vh;
position:relative;	
}
.clapat-slider {
position:absolute;
left:0;
top:0;
padding: 0 42vw 0 42vw;
display: flex;
align-items: center;
height: 100%;
width:100%;
user-select: none;
cursor: grab;
z-index: 2;
overflow:hidden;
box-sizing:border-box;
}
.clapat-state-dragging .clapat-slider {
cursor:grabbing;
}
.clapat-state-dragging .cp-button-prev, .clapat-state-dragging .cp-button-next {
pointer-events:none;
}
.clapat-slider-viewport {
display: flex;
position: relative;
}
.clapat-slide {
overflow: hidden;
width: 16vw;
box-sizing:border-box;
}
.clapat-slide:first-child {
position: relative;
}
.clapat-slide:not(:first-child) {
position: absolute;
height: 100%;
}
.slide-inner {
position: relative;
overflow: hidden;		
cursor:pointer;
}
.clapat-state-dragging .clapat-slider .slide-inner {
cursor:grabbing;
pointer-events:none;
}
.disable-ajaxload .slide-link {
display: block;
position: absolute;
width: 100%;
height: 100%;
z-index: 1000;
}
.disable-ajaxload .snap-slide-caption .slide-link {
top:0;
}
.img-mask {
width: 100%;
height: 100%;
display: block;
position: absolute;
top:0;
left: 0;
margin: 0 auto;
box-sizing: border-box;
z-index: 0;
overflow:hidden;
border-radius:0px;		
-webkit-transition: border-radius 0.4s ease-in-out 0s;
transition: border-radius 0.4s ease-in-out 0s;
}
.rounded-borders .img-mask {
border-radius: 12px;	
}
.rounded-borders .above .img-mask {
border-radius:0px;
}
.section-image {
position:relative;
display:block;
width:100%;
height:100%;
}
.item-image {
width:100%;
height: 100%!important;
position:relative;
display:block;
z-index:100;	
object-position: center; 
object-fit: cover;
}
.clapat-slider img {
pointer-events:none;
}
.clapat-pagination {
width: 100%;
max-width:900px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left:0;
right:0;
bottom: 40px;
margin:auto;
z-index: 20;
text-align: center;
opacity:0;
}
.clapat-pagination-bullet {
position:relative;
width: 40px;
height: 40px;
display:inline-flex;
margin:0;
cursor:pointer;
}
.showcase-carousel .clapat-pagination-bullet {
position:relative;
width:1px;
height:10px;
border-radius:0px;
display:inline-table;
background-color:rgba(0,0,0,0.5);
margin: 0 7px;
cursor:pointer;
transition: all 0.4s ease-out 0s;
}
.light-content .showcase-carousel .clapat-pagination-bullet {
background-color:rgba(255,255,255,0.5);
}
.disable-scroll .showcase-carousel .clapat-pagination-bullet {
transition: all 0s ease-out 0s;
}
.showcase-carousel .clapat-pagination-bullet.clapat-pagination-bullet-prev {
height:14px;
}
.showcase-carousel .clapat-pagination-bullet.clapat-pagination-bullet-next {
height:14px;
}
.showcase-carousel .clapat-pagination-bullet-active {
height:26px;
background-color:#000;
}
.light-content .showcase-carousel .clapat-pagination-bullet-active {
background-color:#fff;
}
.showcase-carousel .clapat-pagination-bullet.clapat-pagination-bullet-prev:last-child {
height:10px;
}
.showcase-carousel .clapat-pagination-bullet.clapat-pagination-bullet-next:first-child {
height:10px;
}
.clapat-pagination {
width: 100%;
max-width:900px;
height: 40px;
display: flex;
justify-content: center;
position: absolute;
left:0;
right:0;
bottom: 40px;
margin:auto;
z-index: 20;
text-align: center;
opacity:0;
overflow:hidden;
}
.carousel-nav-wrapper {
position: absolute;
height: 60px;
width: 100%;
max-width: calc(84% + 60px);
top: calc(50% - 30px);
left: 0;
right: 0;
z-index:300;
pointer-events: none;
margin: 0 auto;
}
.cp-button-prev, .cp-button-next {
float:left;
pointer-events:initial;
background-color:#000;
height: 44px;
line-height: 44px;
border-radius: 44px;
box-sizing:border-box;
top:18px;
position: relative;
cursor:pointer;		
}
.light-content .cp-button-prev, .light-content .cp-button-next {
background-color:#fff;
}
.clapat-button.cp-button-prev, .clapat-button.cp-button-next {
opacity:0;
}
.cp-button-next {
float:right;
}
.cp-button-prev .icon-wrap-scale, .cp-button-next .icon-wrap-scale {
transform: scale(0) ;
-webkit-transform: scale(0);
display: block;
position:absolute;
left:0;
width: 44px;
transition: all .3s ease-out;
height:44px;
}
.cp-button-next .icon-wrap-scale {
left:auto;
right:0;
}
.cp-button-prev:hover  .icon-wrap-scale, .cp-button-next:hover  .icon-wrap-scale {
transform: scale(1);
-webkit-transform: scale(1);
}
.cp-button-prev .icon-wrap, .cp-button-next .icon-wrap {
width: 36px;
height: 36px;
display: flex;
position: relative;
justify-content: center;
align-items: center;
top:4px;
left:4px;
}
.cp-button-prev .button-icon, .cp-button-next .button-icon {
height: 36px;
width: 36px;
color: #000;
text-align: center;
line-height: 36px;
font-size: 14px;
background-color:#fff;
border-radius:36px;
}
.light-content .cp-button-prev .button-icon, .light-content .cp-button-next .button-icon {
color: #fff;
background-color:#000;
}
.cp-button-prev .button-icon i, .cp-button-next .button-icon i {
height: 36px;
line-height: 36px;
width: 36px;
text-align: center;
}
.vertical-arrows .cp-button-prev .button-icon i, .vertical-arrows .cp-button-next .button-icon i {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.cp-button-prev .button-text, .cp-button-next .button-text {
font-weight: 500;
font-size: 14px;
line-height: 44px;
margin: 0;
overflow: hidden;
width: auto;
padding: 0 36px 0 36px;
color: #fff;
-webkit-transition:padding .3s ease-out;
transition: padding .3s ease-out;
}
.light-content .cp-button-prev .button-text, .light-content .cp-button-next .button-text {
color:#000;
}
.cp-button-prev:hover  .button-text {
padding: 0 36px 0 60px;
}
.cp-button-next:hover  .button-text {
padding: 0 60px 0 36px;
}
.disable-scroll .cp-button-prev, .disable-scroll .cp-button-next {
pointer-events:none;
}
.grid-open.disable-scroll .cp-button-prev, .grid-open.disable-scroll .cp-button-next {
pointer-events:initial;
}
.progress-info {
position:absolute;
display:flex;
justify-content: center;
width:auto;
margin:0 auto;
margin-top:30px;
height:20px;
line-height:20px;
font-size:14px;
font-weight: 500;
left:0;
right:0;
z-index:10;
opacity:0;
}
.progress-info > .progress-info-fill, .progress-info > .progress-info-fill-2 {
position: relative;
width:auto;
-webkit-text-fill-color: rgba(0,0,0,0.1);
-webkit-background-clip: text;
background-repeat: no-repeat;
background-image: linear-gradient(#000, #000);
background-size: 0% 100%;
}
.progress-info > .progress-info-fill-2 {
position: absolute;
top: 0px;
left: auto;
background-size: 100% 100%;
background-position: right;
right: auto;
margin: auto;
width: auto;
display: block;
}
.light-content .progress-info > .progress-info-fill {
-webkit-text-fill-color: rgba(255,255,255,0.1);
background-image: linear-gradient(#fff, #fff);
}
.light-content .progress-info > .progress-info-fill-2 {
-webkit-text-fill-color: rgba(255,255,255,0.1);
background-image: linear-gradient(#fff, #fff);
}
.disable-scroll .clapat-slider {
pointer-events:none;
} .overlapping-image {
box-sizing:border-box;	
position:relative;
width:100%;
height:100vh;
display:flex;
align-items: center;
justify-content: center;
}
.overlapping-image-inner {
width:100%;
height:calc(100% - 120px);
position: relative;
cursor:pointer;
}
.overlapping-image:first-child .overlapping-image-inner {
align-self:flex-start;
}
.overlapping-image:last-child {
z-index:10;
}
.rounded-borders .overlapping-image img {
border-radius:8px;
}
.overlapping-image .slide-caption {
position:absolute;
box-sizing:border-box;
padding:80px;
width:100%;
height:100%;
display:flex;
align-items: flex-end;
justify-content: center;
color: #fff;
pointer-events:none;
}
.overlapping-image .change-header .slide-caption {
color: #000;
}
.overlapping-image .slide-caption .slide-title {
font-size: calc(1rem + 8vw);
line-height: calc(1rem + 7.5vw);
font-weight: 500;
overflow:hidden;
}
.overlapping-image .slide-caption span {
display: block;
margin-top:0;
}
.overlapping-image .slide-caption .slide-date {
position: absolute;
bottom: 80px;
left: 80px;
padding: 2px 16px;
background: rgba(255,255,255,0.2);
border-radius: 35px;
font-size: 14px;
}
.overlapping-image .change-header .slide-caption .slide-date {
color: #fff;
background: rgba(0, 0, 0, 0.4);
}
.overlapping-image .slide-caption .slide-cat {
position:absolute;
bottom:80px;
right:80px;
padding: 2px 16px;
background: rgba(255,255,255,0.2);
border-radius: 35px;
font-size: 14px;
}
.overlapping-image .change-header .slide-caption .slide-cat {
color: #fff;
background: rgba(0, 0, 0, 0.4);
} .curtains {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 2;
}
.curtains .curtain-row {
overflow: hidden;
background-color: #232323;
transform-origin: center bottom;
width:100%;
position:absolute;	
}
.filters-options-wrapper {
position: relative;
right: -14px;		
height: auto;
min-height:60px;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: flex-end;
}
.filter-option {
position:relative;
opacity:0.4;
pointer-events:initial;
margin-left:12px;
line-height:30px;
overflow:hidden;
-webkit-transition: opacity 0.15s ease-out 0s;
transition: opacity 0.15s ease-out 0s;
}
.filter-option:first-child {
margin-left:0px;
}
.filter-option.is_active, .filter-option.is_active span, .filter-option:hover {
opacity:1;
pointer-events:none;
}
.filter-option::after {
content: "";
position: absolute;
height: 100%;
top: 0;
left: 0px;
line-height: 30px;
opacity: 1;
-webkit-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s;
width: 100%;
border: 2px solid #000;
border-radius: 30px;
box-sizing: border-box;
clip-path: inset(50% 0% );
}
.filter-option:hover::after {
clip-path: inset(0% 0% );
}
.filter-option.is_active::after {
clip-path: inset(0% 0% );
opacity:1;
}
.light-content .filter-option::after {
border: 2px solid #fff;
}
.filter-option span, .grid-option span {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
width:auto;
text-align:center;
transform-origin: 100% 0%;
pointer-events:initial;
cursor:pointer;
padding:0 16px;
}
.filter-option span::before, .grid-option span::before {
position: absolute;
width:auto;
top: 100%;
left:0;
content: attr(data-hover);
padding:0 16px;
}
.filter-option:hover span, .grid-option:hover span {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
transform-origin: 0% 0%;
}
.showcase-portfolio  {
position: relative;
display: flex;  		
flex-wrap: wrap;
width:calc(100% - 80px);
margin:0 auto;
margin-top:20px;
}
.showcase-portfolio .clapat-item {
position:relative;
width: calc(33.3333% - 80px);
height:18vw;
margin:60px 40px 120px 40px;
box-sizing:border-box;
padding:0px;		
z-index:10;
display:block;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 1) {
width: calc(40% - 80px);
height:44vw;		
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 2) {
width: calc(40% - 80px);
height:22vw;
margin-left: calc(20% + 40px);
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 3) {
width: calc(60% - 80px);
height:33vw;	
margin-left: calc(20% + 40px);
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 4) {
width: calc(40% - 80px);
height:22vw;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 5) {
width: calc(40% - 80px);
height:44vw;	
margin-left: calc(20% + 40px);
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 6) {
width: calc(60% - 80px);
height:33vw;		
margin-left: calc(20% + 40px);
}
.showcase-portfolio .clapat-item.filtered {
position:relative;
width: calc(33.3333% - 80px);
height:18vw;
margin:60px 40px 120px 40px;
box-sizing:border-box;
padding:0px;		
z-index:10;
display:block;
}
.showcase-portfolio .slide-inner {
padding-top: 0;
width: 100%;
height: 100%;
margin:0;
overflow:visible;
}
.showcase-portfolio .slide-inner::after {
display: block;
content: "";
clear: both;
}
.showcase-portfolio.items-filtered .slide-inner {
transform:none!important;
}
.showcase-portfolio.ease-transform .slide-inner {
transition-property: transform;
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.showcase-portfolio .slide-inner.disabled {
pointer-events:none;
}
.showcase-portfolio .section-image {
width:100%;
height:100%;
left:0;
overflow:hidden;
-webkit-transform:scale(1.03);
transform: scale(1.03);
-webkit-transition: transform 0.3s ease-out 0s;
transition: transform 0.3s ease-out 0s;
}
.showcase-portfolio .slide-inner:hover .section-image, .showcase-portfolio .above .section-image {		
-webkit-transform:scale(1);
transform: scale(1);			
}
.showcase-portfolio .slide-caption {
z-index: 10;
position: absolute;
left: 0px;
top: 0;
height: calc(100% + 50px);
width: 100%;
cursor: default;
pointer-events: none;
text-align: left;
opacity: 0;
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.showcase-portfolio .slide-caption .slide-title {
font-size: 24px;
line-height:32px;
font-weight: 500;
color: #000;
overflow:hidden;
}
.light-content .showcase-portfolio .slide-caption .slide-title {
color: #fff;
}
.showcase-portfolio .slide-caption .slide-title span {
display: block;
}
.showcase-portfolio .slide-caption .slide-cat {
font-size: 14px;
line-height:32px;
font-weight: 500;
color: #000;
z-index:10;
overflow:hidden;
opacity:0.4;
}
.light-content .showcase-portfolio .slide-caption .slide-cat {
color: #fff;
}
.showcase-portfolio .slide-caption .slide-cat span {
display: block;
}
.showcase-portfolio .clapat-item .slide-date {
display: block;
color: #fff;
position: absolute;
top: 30px;
left: 30px;
padding: 2px 16px;
background: rgba(255,255,255,0.2);
border-radius: 35px;
font-size: 14px;
}
.showcase-portfolio .clapat-item .change-header .slide-date {
color: #fff;
background: rgba(0, 0, 0, 0.4);
} .gallery-close-thumbs {
width: 100%;
position: fixed;
top: 0;
height: 100%;
left: 0;
display:flex;
align-content: center;
justify-content: center;
z-index:50;
pointer-events:none;
}
.grid-open .gallery-close-thumbs {
pointer-events:initial;
}
.gallery-thumbs-wrapper {
width: 100%;
height:auto;
min-height:50%;
position: fixed;
right:0px;
bottom: 20px;
z-index:100;
pointer-events:none;
display:flex;
justify-content: center;
align-items: flex-end;
align-content: flex-end;
flex-wrap: wrap;
}
.gallery-thumbs-wrapper .trigger-item::before {
float: left;
padding-top: 62.5%;
content: "";
}
.gallery-thumbs-wrapper .trigger-item {
position:relative;
width:calc(100% / 18 - 30px);
height:auto;
margin:15px;		
aspect-ratio: 16/10;
}
.gallery-thumbs-wrapper .trigger-item::after {
display: block;
content: "";
clear: both;
}
.gallery-zoom-wrapper {
width: 55%;
position: fixed;
top: 130px;
height: calc(100% - 340px);
left: 0;
right:0;
margin:0 auto;
display:flex;
flex-direction: column;
align-content: center;
justify-content: center;
z-index:200;
pointer-events:none;
}
.gallery-zoom-wrapper .trigger-item::before {
float: left;
padding-top: 140%;
content: "";
}
.gallery-zoom-wrapper .trigger-item {
width: 100%;
height:100%;
aspect-ratio: unset;
position: relative;
align-self: center;	
}
.gallery-zoom-wrapper .trigger-item::after {
display: block;
content: "";
clear: both;
}
.enable-trigger .gallery-zoom-wrapper .trigger-item {
pointer-events:initial;	
cursor:pointer;	
}
.show-loader .showcase-gallery .clapat-slider {
pointer-events:none;
}
.disable-scroll .showcase-gallery .cp-button-prev, .disable-scroll .showcase-gallery .cp-button-next {
pointer-events:initial;
}
.showcase-gallery .clapat-slider {
padding:0 35vw 0 35vw;
}
.showcase-gallery .clapat-slider-viewport {
z-index:10;
height:100%;
}
.showcase-gallery .clapat-slide {
width: 30vw;
height:100%;
box-sizing:border-box;
padding:0 10px;
display: flex;
justify-content: space-between;
z-index:10;
overflow:visible;
}
.showcase-gallery .clapat-slide:hover {
z-index:10;
}
.hidden-element {
opacity:0;
pointer-events:none;
}
.clapat-state-dragging .clapat-slider .clapat-slide {
cursor:grabbing;
pointer-events:none;
}
.showcase-gallery .trigger-item {
pointer-events:none;
overflow:hidden;
}
.showcase-gallery:not(.preview-mode-enabled) .trigger-item {
pointer-events:initial
}
.showcase-gallery .clapat-slide .slide-moving, .showcase-gallery .clapat-slide .trigger-item {
width: 100%;
height: 100%;
display: block;
position: absolute;
top:0;
left: 0;
box-sizing: border-box;
z-index: 0;
}
.showcase-gallery .slide-inner::before {
float: left;
padding-top: 65%;
content: "";
}
.showcase-gallery .slide-inner {
padding-top: 0;
width: 100%;
height: auto;
margin:0px;
overflow:visible;
}
.showcase-gallery .slide-inner::after {
display: block;
content: "";
clear: both;
}
.slide-events {
transform: translateY(0%);
position: relative;
display: flex;
align-items:flex-start;
height: 100%;
width: 100%;
left:0;
top:0;
box-sizing:border-box;
padding:60px 0 80px 0;		
}
.showcase-gallery .clapat-slide.s50 .slide-inner {
top:50%;
transform:translateY(-50%)
}
.showcase-gallery .clapat-slide.s100 .slide-inner {
top:100%;
transform:translateY(-100%)
}
.showcase-gallery .clapat-slide.s0 .slide-inner {
top:0;
transform:translateY(0)
}
.showcase-gallery .clapat-slide.s75 .slide-inner {
top:75%;
transform:translateY(-75%)
}
.showcase-gallery .clapat-slide.s25 .slide-inner {
top:25%;
transform:translateY(-25%)
}
.showcase-gallery .slide-inner.disabled {
pointer-events:none;
}
.showcase-gallery .slide-inner .trigger-item {
width: 100%;
height:100%;
position:relative;
}
.showcase-gallery a.slide-link {
font-size:14px;
font-weight:500;
position:absolute;
width:auto;
height:auto;
top:0px;
right:0px;
z-index:10;
opacity:0;
pointer-events:none;
webkit-transform:scale(0.8);
transform: scale(0.8);
}
.grid-open .showcase-gallery .gallery-zoom-wrapper a.slide-link { }
.disable-ajaxload.grid-open .showcase-gallery .gallery-zoom-wrapper a.slide-link {
pointer-events:initial;
width:100%;
height:100%;
}
.disable-ajaxload .showcase-gallery .gallery-zoom-wrapper a.slide-link .parallax-wrap  {
display:none;
}
.showcase-gallery a.slide-link .parallax-wrap {
width: 80px;
height: 80px;
display: flex;
position: relative;
justify-content: center;
align-items: center;
}
.showcase-gallery a.slide-link .parallax-element {
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
font-size: 18px;
}
.showcase-gallery a.slide-link > i {
font-size:18px;
}
.showcase-gallery .img-mask {
overflow:visible;
}
.showcase-gallery .section-image {
width:100%;
height:100%;
left:0;
overflow:hidden;
z-index:0;
}
.rounded-borders .showcase-gallery .section-image {
border-radius:12px;
}
.showcase-gallery.preview-mode-enabled .has-scale-small .section-image {
-webkit-transform:scale(0.6);
transform: scale(0.6);
}
.showcase-gallery.preview-mode-enabled .has-scale-medium .section-image {
-webkit-transform:scale(0.8);
transform: scale(0.8);
}
.showcase-gallery:not(.preview-mode-enabled) .has-scale-small .img-mask {
-webkit-transform:scale(0.6);
transform: scale(0.6);
}
.showcase-gallery:not(.preview-mode-enabled) .has-scale-medium .img-mask {
-webkit-transform:scale(0.8);
transform: scale(0.8);
}
.showcase-gallery .slide-caption::before {
float: left;
padding-top: calc(140% - 30px);
content: "";
}
.showcase-gallery .slide-caption {
position: absolute;
left:auto;
bottom:auto;
height: 100%;
aspect-ratio: unset;
display:flex;
flex-direction: column;
justify-content: end;
width: 100%;
pointer-events: none;
transform: translateY(50px);
-webkit-transform: translateY(50px);
}
.showcase-gallery .slide-caption::after {
display: block;
content: "";
clear: both;
}
.showcase-gallery .clapat-slide .slide-caption {
opacity:0!important;
}
.showcase-gallery .slide-caption .slide-title {
font-size: 20px;
line-height:30px;
font-weight: 500;
color: #000;
z-index:10;
overflow:hidden;
position:absolute;
}
.light-content .showcase-gallery .slide-caption .slide-title {
color: #fff;
}
.showcase-gallery .slide-caption .slide-title span {
display: block;
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.showcase-gallery .slide-caption .slide-title span em {
font-family:inherit;
}
.showcase-gallery .slide-caption .slide-cat {
position: absolute;
bottom: 0;
right: 0;
font-size: 14px;
line-height:30px;
font-weight: 500;
color: #000;
overflow:hidden;
opacity:0.4;
}
.light-content .showcase-gallery .slide-caption .slide-cat {
color: #fff;
}
.showcase-gallery .slide-caption .slide-cat span {
display: block;
opacity: 0;
}
.disable-ajaxload .showcase-gallery a.slide-link {
display: block;
position: absolute;
width: 100%;
height: 100%;
z-index: 1000;
pointer-events: initial;
webkit-transform:scale(1);
transform: scale(1);
}
.slider-fixed-content {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index:0;
pointer-events:none;
overflow:hidden;	
}
.grid-open .slider-fixed-content {
opacity:0.4!important;
}
#slide-inner-caption {
display:table;
width: 100%;
padding-top:20px;
padding-bottom:20px;
margin: 0 auto;
height: 100%;
position: relative;
box-sizing: border-box;
}
.slide-hero-title {
font-size: calc(1rem + 24.15vw);
line-height: calc(1rem + 22vw);
font-weight: 500;
color: #000;
position:relative;
display:table;
width:auto;
}
.light-content .slide-hero-title {
color: #fff;
}
.text-align-center .slide-hero-title, .text-align-center .slide-hero-title span, .text-align-center .slide-hero-subtitle {
display:table;
width:auto;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.slide-hero-title div {
overflow:hidden;
}
.height-title .slide-hero-title div {
display:inline-block;
}
.slide-hero-title span {
opacity:0;
display: block;
margin-top:0;
min-width:3vw;
transform: translateY(160px);
-webkit-transform: translateY(160px);
}
.height-title .slide-hero-title span {
box-sizing:border-box;
display:inline-block;
transform-origin: bottom center;
}
.grid-open .height-title .slide-hero-title span {
box-sizing:border-box;
display:inline-block;
transform-origin: top center;
}
.slide-hero-subtitle {
font-size:18px;
line-height:24px;
font-weight: 400;
color: #000;
position:relative;		
margin-top:50px;
opacity:0.4;
}
.light-content .slide-hero-subtitle {
color: #fff;
}
.slide-hero-subtitle div {
overflow:hidden;
}
.slide-hero-subtitle span {
opacity:0;
display: block;
transform: translateY(20px);
-webkit-transform: translateY(20px);
margin-top: 0;
}
.inline-title .slide-hero-subtitle span {
display: inline-table;
} .snap-slider-holder {
margin-left: calc(50% - 50vw)!important;
margin-right: calc(50% - 50vw)!important;
max-width: 1000%!important;
width: 100vw!important;		
}
.snap-slider-images {
}
.snap-slider-container {
position: relative;
margin: 0 auto;
}
.snap-slide {
width:100%;
height:100vh;
position:relative;
overflow:hidden;
display: flex;
justify-content: center;
align-items: center;
}
.snap-slide .img-mask {
width:100%;
height:100%;
display: block;
position: relative;
top: 0;
left: 0;
}
.rounded-borders .snap-slide .img-mask {
border-radius: 0px;
}
.snap-slide .section-image img {
width:100%;
height: 100%;
position:relative;
display:block;
z-index:100;	
object-position: center; 
object-fit: cover;
}
.snap-slider-captions {
position: absolute;
top: 0;
z-index: 10;
box-sizing: border-box;
padding: 0;
width: 100%;
height:100vh;
overflow:hidden;
display: flex;
justify-content: flex-end;
align-items: center;
pointer-events:none;
}
.snap-slider-captions-wrapper {
width: 100%;
height: 100%;
display: block;
position: relative;
top: 0;
left: 0;
overflow: hidden;
}
.snap-slide-caption {
position: relative;
display: block;
margin: 0 auto;
text-align:center;
width: auto;
height:auto;
box-sizing:border-box;
opacity:0.1;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.in-view.snap-slide-caption {
opacity:1;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.snap-slider-captions .inner {
vertical-align:middle;
position:relative;
}
.snap-slider-captions .slide-title-wrapper {
margin: 0 auto;
cursor:pointer;
pointer-events: none;
}
.in-view.snap-slide-caption .slide-title-wrapper {
pointer-events: initial;
}
.snap-slider-captions .slide-title {
font-size: calc(1rem + 8vw);
line-height: calc(1rem + 7.5vw);
font-weight: 500;
color:#fff;
overflow:hidden;		
padding:30px 0;
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.snap-slider-captions .change-header .slide-title {
}
.in-view.snap-slide-caption.change-header .slide-title {
color:#000;
}
.snap-slider-captions .slide-title span {
display:block;
opacity:1;
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
.snap-slider-captions .slide-subtitle {
font-size: 14px;
line-height: 26px;
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
display: flex;
position: absolute;
width: 100%;
height: 100%;
top: 0;
justify-content: space-between;
align-items: center;				
}
.in-view.snap-slide-caption .slide-subtitle {
opacity:1;
}
.snap-slider-captions .slide-subtitle span {
display:block;
margin-bottom: 0;
color:#fff;
background: rgba(255,255,255,0.2);		
margin-bottom: 0;
padding: 2px 16px;		
border-radius: 35px;
display: table;
margin-top: 20px;
position: relative;
transform: translateY(0px);
-webkit-transform: translateY(0px);		
}
.snap-slider-captions .change-header .slide-subtitle span {
color:#fff;
background: rgba(0, 0, 0, 0.3);	
} @media only screen and (max-width: 1537px) {
.gallery-zoom-wrapper {
width: 40%;
top: 100px;
height: calc(100% - 280px);
}
.gallery-thumbs-wrapper {
bottom: 30px;
}
.slide-hero-title {
font-size: calc(1rem + 22.15vw);
line-height: calc(1rem + 20.5vw);
}
.slide-hero-subtitle {
margin-top:30px;
}
}
@media only screen and (max-width: 1466px) { .clapat-pagination {
bottom: 30px;
} .overlapping-image .slide-caption {
padding: 60px;
}
.overlapping-image .slide-caption .slide-date {
bottom: 60px;
left: 60px;
}
.overlapping-image .slide-caption .slide-cat {
bottom: 60px;
right: 60px;
} .showcase-portfolio {
width: calc(100% - 60px);
}
.showcase-portfolio .clapat-item {
width: calc(33.3333% - 60px);
margin: 60px 30px 120px 30px;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 1) {
width: calc(40% - 60px);
height:44vw;		
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 2) {
width: calc(40% - 60px);
height:22vw;
margin-left: calc(20% + 30px);
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 3) {
width: calc(60% - 60px);
height:33vw;	
margin-left: calc(20% + 30px);
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 4) {
width: calc(40% - 60px);
height:22vw;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 5) {
width: calc(40% - 60px);
height:44vw;	
margin-left: calc(20% + 30px);
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 6) {
width: calc(60% - 60px);
height:33vw;		
margin-left: calc(20% + 30px);
}
.showcase-portfolio .clapat-item.filtered {
width: calc(33.3333% - 60px);
height: 18vw;
margin: 60px 30px 120px 30px;
}
.showcase-portfolio .slide-caption .slide-title {
font-size: 20px;
line-height: 28px;
}
.showcase-portfolio .slide-caption .slide-cat {
line-height: 28px;
} .gallery-thumbs-wrapper {
bottom: 25px;
}
.gallery-thumbs-wrapper .trigger-item {
width:calc(100% / 16 - 20px);
margin:10px;
}
}
@media only screen and (max-width: 1024px) { .progress-info {
margin-top: 30px;
}
.clapat-pagination {
bottom: 30px;
} .overlapping-image .slide-caption {
padding: 40px;
}
.overlapping-image .slide-caption .slide-title {
font-size: calc(1rem + 12vw);
line-height: calc(1rem + 11.5vw);
}
.overlapping-image .slide-caption .slide-date {
bottom: 40px;
left: 40px;
}
.overlapping-image .slide-caption .slide-cat {
bottom: 40px;
right: 40px;
} .showcase-portfolio {
width: calc(100% - 40px);
}
.showcase-portfolio .clapat-item {
width: calc(33.3333% - 40px);
margin: 40px 20px 120px 20px;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 1) {
width: calc(45% - 40px);
height:48vw;		
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 2) {
width: calc(45% - 40px);
height:25vw;
margin-left: calc(10% + 20px);
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 3) {
width: calc(60% - 40px);
height:33vw;	
margin-left: calc(20% + 20px);
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 4) {
width: calc(45% - 40px);
height:25vw;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 5) {
width: calc(45% - 40px);
height:48vw;	
margin-left: calc(10% + 20px);
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 6) {
width: calc(60% - 40px);
height:33vw;		
margin-left: calc(20% + 20px);
}
.showcase-portfolio .clapat-item.filtered {
width: calc(50% - 40px);
height: 28vw;
margin: 40px 20px 60px 20px;
}
.showcase-portfolio .section-image {
-webkit-transform:scale(1);
transform: scale(1);
}
.showcase-portfolio .slide-caption .slide-title {
font-size: 18px;
} .showcase-gallery .clapat-slider {
padding:0 25vw 0 25vw;
}
.showcase-gallery .clapat-slide {
width: 50vw;
}
.gallery-thumbs-wrapper {
width: 100%;
height:100%;
min-height:100%;
overflow:hidden;
bottom:0;
}
.gallery-thumbs-wrapper .trigger-item {
width:calc(100% / 10 - 20px);
margin:10px;
top: 120px;
}
.gallery-zoom-wrapper {
width: 80%;
top: 20%;
height: calc(60% - 50px);
} .snap-slider-captions .slide-title {
font-size: calc(1rem + 12vw);
line-height: calc(1rem + 11.5vw);
}
}
@media only screen and (max-width: 767px) { .progress-info {
margin-top: 30px;
}
.clapat-pagination {
height: 20px;
bottom: 30px;
}
.clapat-pagination-bullet {
width: 20px;
height: 20px;
}
.clapat-pagination-bullet .parallax-wrap {
width: 20px;
height: 20px;
}
.showcase-carousel .clapat-pagination-bullet {
margin: 0px 5px;
} .overlapping-image .slide-caption {
padding: 30px;
}
.overlapping-image .slide-caption .slide-title {
font-size: calc(1rem + 13vw);
line-height: calc(1rem + 12.5vw);
}
.overlapping-image .slide-caption .slide-date {
top:30px;
bottom: auto;
left: 30px;
}
.overlapping-image .slide-caption .slide-cat {
top:30px;
bottom: auto;
right: 30px;
} .showcase-portfolio {
width: calc(100% - 30px);
}
.showcase-portfolio .clapat-item {
width: calc(33.3333% - 30px);
margin: 30px 15px 60px 15px;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 1) {
width: calc(100% - 30px);
height:55vw;
margin-left: 15px;		
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 2) {
width: calc(100% - 30px);
height:55vw;	
margin-left: 15px;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 3) {
width: calc(100% - 30px);
height:55vw;	
margin-left: 15px;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 4) {
width: calc(100% - 30px);
height:55vw;	
margin-left: 15px;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 5) {
width: calc(100% - 30px);
height:55vw;	
margin-left: 15px;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 6) {
width: calc(100% - 30px);
height:55vw;	
margin-left: 15px;
}
.showcase-portfolio .clapat-item.filtered {
width: calc(100% - 30px);
height:55vw;
margin: 30px 15px 60px 15px;
} .showcase-gallery .clapat-slider {
padding:0 20vw 0 20vw;
}
.showcase-gallery .clapat-slide {
width: 60vw;
} .snap-slider-captions .slide-title {
font-size: calc(1rem + 13vw);
line-height: calc(1rem + 12.5vw);
padding: 50px 0;
}
.snap-slider-captions .slide-subtitle {
align-items: flex-end;
justify-content: space-evenly;				
}
}
@media only screen and (max-width: 479px) { .cp-button-prev .button-icon, .cp-button-next .button-icon {
color: #fff;
background-color: #000;
}
.light-content .cp-button-prev .button-icon, .light-content .cp-button-next .button-icon {
color: #000;
background-color: #fff;
}
.cp-button-prev .icon-wrap-scale, .cp-button-next .icon-wrap-scale {
transform: scale(1) ;
-webkit-transform: scale(1);
}
.slide-hero-subtitle {
font-size:16px;
line-height:24px;
margin-top:20px;
max-width: 100%;
} .overlapping-image .slide-caption {
padding: 20px;
}
.overlapping-image .slide-caption .slide-title {
font-size: calc(1rem + 14vw);
line-height: calc(1rem + 13.5vw);
}
.overlapping-image .slide-caption .slide-date {
top:20px;
bottom: auto;
left: 20px;
}
.overlapping-image .slide-caption .slide-cat {
top:20px;
bottom: auto;
right: 20px;
} .showcase-portfolio {
width: calc(100% - 20px);
}
.showcase-portfolio .clapat-item {
width: calc(33.3333% - 20px);
margin: 20px 10px 60px 10px;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 1) {
width: calc(100% - 20px);
height:55vw;
margin-left: 10px;		
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 2) {
width: calc(100% - 20px);
height:55vw;	
margin-left: 10px;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 3) {
width: calc(100% - 20px);
height:55vw;	
margin-left: 10px;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 4) {
width: calc(100% - 20px);
height:55vw;	
margin-left: 10px;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 5) {
width: calc(100% - 20px);
height:55vw;	
margin-left: 10px;
}
.showcase-portfolio .clapat-item:nth-of-type(6n + 6) {
width: calc(100% - 20px);
height:55vw;	
margin-left: 10px;
}
.showcase-portfolio .clapat-item.filtered {
width: calc(100% - 20px);
height:55vw;
margin: 20px 10px 60px 10px;
} .showcase-gallery .clapat-slider {
padding:0 15vw 0 15vw;
}
.showcase-gallery .clapat-slide {
width: 70vw;
}
.showcase-gallery .clapat-slide.s25 .slide-inner {
top:0;
transform:translateY(0)
}
.showcase-gallery .clapat-slide.s75 .slide-inner {
top:100%;
transform:translateY(-100%)
} .snap-slider-captions .slide-title {
font-size: calc(1rem + 14vw);
line-height: calc(1rem + 13.5vw);
}
}