@charset "utf-8";

.slideshow li img {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

.logo-wall {
    display: block;
    margin: 0 auto;
    width: 30vw;
    max-width: 100%;
    height: auto;               
}

body {

background: #111;

}

#viewport{position:relative;overflow:hidden}
#wall{display:flex;gap:0;will-change:transform}
.col-chunk{display:flex;flex-direction:column;gap:0}
.grid-chunk{display:grid;gap:0}
.wall-tile{position:relative;overflow:hidden;border-radius:0}
.wall-tile>img,
.wall-tile .slideshow>li>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slideshow{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.slideshow>li{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .35s ease}
.wall-item-description{
  position:absolute;left:0;right:0;bottom:0;padding:8px 10px;
  background:linear-gradient(to top, rgba(0,0,0,.55), transparent);color:#fff;font-size:12px;pointer-events:none
}

.animated-text {
  position: relative;
  height: 30px; /* ou ajuste conforme seu design */
  overflow: hidden;
  text-align: center;
}

.animated-text-slides {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.animated-text-slides li {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 1s ease, transform 1s ease;
}

.animated-text-slides li.active {
  opacity: 1;
  transform: translateY(0);
}



.introduction-1 {
position: relative;
width: 100%;
height: auto;
margin: 0;
padding: 0 20px;
}

.introduction-1 h1 {
font-family: 'Oswald', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 20px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #fff;
margin: -3px auto 0 auto;
width: 100%;
line-height: 100%;
text-shadow: 1px 1px 2px #111;
}

.center-container {
position: relative;
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
}

.center-block {
display: table-cell;
vertical-align: middle;
}

.animated-text {
font-family: 'Dosis', sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.25em;
text-transform: uppercase;
color: #fff;
text-shadow: 1px 1px 2px #111;
position: absolute;
display: block;
width: 400px;
height: 50px;
left: 50%;
top: 0;
margin-left: -200px;
text-align: center;
z-index: 9000;
margin-top: 50px;
}

@media only screen and (max-width: 880px) {
  .animated-text {
    margin-top: 130px;
  }
}

.titleOT {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    text-align: center; 
}

.titleOT.fotorama-titleOT {
top: 129px;
}

@media only screen and (max-width: 880px) {
  .titleOT.fotorama-titleOT {
    top: 134px;
  }
}

.fix-sticky {
position: fixed!important;
top: 0;
left: 0;
}

.full-width-wrapper {
margin: 0 25px 0 -10px;
}

.main-navigation-logo {
float: left;
}

.main-navigation-logo .logo {
display: table-cell;
vertical-align: middle;
max-width: 200px;
height: 75px;
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.main-navigation-logo .logo img {
max-width: 100%;
max-height: 100%;
height: auto;
}

.main-navigation-logo .logo:before,
.main-navigation-logo .logo:after {
display: none;
}

.logo,
a.logo:hover {
cursor: pointer;
}

.main-navigation {
position: relative;
top: 0;
left: 0;
text-align: left;
width: 100%;
height: 75px!important;
-webkit-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	    transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
z-index: 1015;
}

@media only screen and (max-width: 880px) {
  .main-navigation {
    display: none;
    visibility: hidden;
  }
}

.main-navigation .main-inner-navigation ul > li > a {
color: #fff;
}

.main-navigation .main-inner-navigation ul > li > a:hover {
color: rgba(255, 255, 255, 1);
}

.main-navigation .main-inner-navigation ul > li > a.active {
color: rgba(255, 255, 255, .55);
}

.reduce-height {
height: 55px!important;
background-color: #090909;
}

.reduce-height .main-inner-navigation ul li a {
height: 55px!important;
line-height: 55px!important;
}

.main-inner-navigation {
position: relative;
display: inline-block;  
float: right;
}

.main-inner-navigation ul {
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 11px;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
float: right;
margin: auto;
text-shadow: 1px 1px 2px #111;
}

.main-inner-navigation ul li {
float: left;
margin-left: 25px;
position: relative;
}

.main-inner-navigation ul li a {
display: inline-block;
text-decoration: none;
-webkit-box-sizing: border-box;   
   -moz-box-sizing: border-box;
        box-sizing: border-box;
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.main-inner-navigation ul > li:first-child > a {
}  

.main-inner-navigation ul li a:hover,
.main-inner-navigation ul li a.active {
color: #fff;
text-decoration: none;
}

.main-navigation.transparent{
  background-color: #090909;

}

.main-navigation.transparent > div > .main-inner-navigation{
  padding-top: 20px;

}

.main-navigation.js-transparent {
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.logo-mobile {
position: fixed;
background: none;
top: 10px;
left: 14px;
cursor: pointer;
}

.mobile-navigation-wrapper {
display: none;
visibility: hidden;
position: fixed;
top: 0;
left: 0;
text-align: left;
width: 100%;
height: 55px;
-webkit-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	    transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
background-color: rgba(17, 17, 17, .95);
z-index: 1015;
}

@media only screen and (max-width: 880px) {
  .mobile-navigation-wrapper {
    display: block;
    visibility: visible;
  }
}

#navigation-icon {
position: fixed;
background: none;
top: 14px;
right: 14px;
width: 35px;
height: 30px;
-webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
     -o-transform: rotate(0deg);
        transform: rotate(0deg);
cursor: pointer;
z-index: 99998;
}

#navigation-icon span {
position: absolute;
display: block;
background: #fff;
width: 100%; 
height: 3px;
left: 0;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
     -o-transform: rotate(0deg);
        transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
   -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
     -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}

#navigation-icon span:nth-child(1) {
top: 0;
}

#navigation-icon span:nth-child(2) {
top: 12px;
}

#navigation-icon span:nth-child(3) {
top: 24px;
}

#navigation-icon.open span:nth-child(1) {
top: 12px;
-webkit-transform: rotate(135deg);
   -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
     -o-transform: rotate(135deg);
        transform: rotate(135deg);
}

#navigation-icon.open span:nth-child(2) {
left: -70px;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#navigation-icon.open span:nth-child(3) {
top: 12px;
-webkit-transform: rotate(-135deg);
   -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
     -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
}

nav.mobile-nav {
position: fixed;
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: calc(100% - 20px);
height: -webkit-calc(100% - 130px, 20px, 20px, 20px);
height: -moz-calc(100% - 130px, 20px, 20px, 20px);
height: calc(100% - 130px, 20px, 20px, 20px);
top: 65px;
left: 10px;
bottom: 10px;
right: 10px;
text-align: center;
visibility: hidden;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: scale(0.75);
   -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
     -o-transform: scale(0.75);
        transform: scale(0.75);
-webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
     -o-transition: all 1s ease;
        transition: all 1s ease;
z-index: 1015;
}

nav.mobile-nav.show {
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: calc(100% - 20px);
height: -webkit-calc(100% - 130px, 20px, 20px, 20px);
height: -moz-calc(100% - 130px, 20px, 20px, 20px);
height: calc(100% - 130px, 20px, 20px, 20px);
top: 65px;
left: 10px;
bottom: 10px;
right: 10px;
background: #111;
visibility: visible;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
        opacity: 0.95;
   -moz-opacity: 0.95;
-webkit-opacity: 0.95;
filter: alpha(opacity=95);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
        transform: scale(1);
-webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
     -o-transition: all 1s ease;
        transition: all 1s ease;
}

nav.mobile-nav a {
color: #fff;
text-decoration: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

nav.mobile-nav a:hover {
color: #fff;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

nav.mobile-nav a.active {
color: rgba(255, 255, 255, .55);
}

nav.mobile-nav a:link, nav.mobile-nav a:visited, nav.mobile-nav a:active {
color: #fff;
}

nav.mobile-nav li {
margin: 0 0 7px 0;
}

nav.mobile-nav li.last {
margin: 0;
}

nav.mobile-nav a {
font-family: 'Oswald', sans-serif;
font-size: 15px;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
line-height: 1;
letter-spacing: 0.05em;
text-decoration: none;
cursor: pointer;
}

@media only screen and (max-width: 640px) {
  nav.mobile-nav,
  nav.mobile-nav.show {
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px);
    height: -webkit-calc(100% - 120px, 10px, 10px, 10px);
    height: -moz-calc(100% - 120px, 10px, 10px, 10px);
    height: calc(100% - 120px, 10px, 10px, 10px);
    top: 60px;
    left: 5px;
    bottom: 5px;
    right: 5px;
  }
}

.brackets a::before,
.brackets a::after {
display: inline-block;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
   -moz-transition: -moz-transform 0.3s, opacity 0.2s;
    -ms-transition: -ms-transform 0.3s, opacity 0.2s;
     -o-transition: -o-transform 0.3s, opacity 0.2s;
        transition: transform 0.3s, opacity 0.2s;
}

.brackets a::before {
content: '\00b7';
margin-right: 10px;
-webkit-transform: translateX(20px);
   -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
     -o-transform: translateX(20px);
        transform: translateX(20px);
}

.brackets a::after {
content: '\00b7';
margin-left: 10px;
-webkit-transform: translateX(-20px);
   -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
     -o-transform: translateX(-20px);
        transform: translateX(-20px);
}

.brackets a:hover::before,
.brackets a:hover::after,
.brackets a:focus::before,
.brackets a:focus::after {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: translateX(0px);	
   -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
     -o-transform: translateX(0px);
        transform: translateX(0px);
}

.brackets ul, li {
list-style: none;
}

.brackets a {
text-decoration: none;
}

.brackets a:hover {
text-decoration: none;
}

.brackets a:visited {
text-decoration: none;
}

nav#home-navigation {
font-family: 'Dosis', sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.25em;
text-transform: uppercase;
position: absolute;
display: block;
width: 400px;
bottom: 0;
left: 50%;
margin-left: -200px;
margin-bottom: 79px;
text-align: center;
z-index: 99;
}

@media only screen and (max-width: 880px) {
  nav#home-navigation {
    margin-bottom: 30px;
  }
  
  nav#home-navigation.fotorama-home-navigation {
    margin-bottom: 79px;
  }
}

nav#home-navigation li {
display: inline-block;
letter-spacing: 0.15em;
border: 1px solid #fff;
background: rgba(17, 17, 17, .95);
}

nav#home-navigation li a.active {
color: #fff;
background: rgba(17, 17, 17, .95);
}

nav#home-navigation li a:hover.active {
color: #111;
background: rgba(255, 255, 255, 1);
-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
}

nav#home-navigation li:last-child {
}

nav#home-navigation a {
color: #fff;
text-decoration: none;
-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
text-shadow: 1px 1px 2px #111;
}

nav#home-navigation a:hover {
color: #111;
text-decoration: none;
-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
text-shadow: none;
}

.nav-button {
position: relative;
display: inline-block;
text-transform: uppercase;
text-align: center;
background: transparent;
padding: 12px 30px 12px 30px;
-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
cursor: pointer;
}

.nav-button:before {
position: absolute;
content: "";
top: 50%;
left: -20px;
width: 40px;
height: 1px;
background: #fff;
-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
}

.nav-button:hover {
background: rgba(255, 255, 255, 1);
-webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
}

.nav-button:hover:before {
left: -41px;
}

.menu-item-bg {
background: #f4f4f2;
color: #111;
}

nav.nav-secondary-experience h4 {
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 13px;
text-align: left;
text-transform: uppercase;
letter-spacing: 0.35em;
color: #111;
margin-top: -6px;
padding: 0 0 20px 0;
border-bottom: 1px solid #999;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

nav.nav-secondary-experience li {
line-height: 2.5;
margin-top: -4px;
}

nav.nav-secondary-experience li span,
nav.nav-secondary-experience li a {
font-family: 'Open Sans', sans-serif;
display: block;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
color: #111;
text-decoration: none;
cursor: pointer;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

nav.nav-secondary-experience li span:hover,
nav.nav-secondary-experience li a:hover {
color: #999;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

.link-underline {
position: relative;
text-decoration: none;
cursor: pointer;
}

.link-underline:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: -1px;
left: 0;
background: #CAFD7E;
visibility: hidden;
-webkit-transform: scaleX(0);
   -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
     -o-transform: scaleX(0);
        transform: scaleX(0);
-webkit-transition: all 0.4s ease-in-out 0s;
   -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
     -o-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
}

.main-navigation .main-inner-navigation ul > li > a:hover {
  color: #CAFD7E;
}

.link-underline:hover:before {
visibility: visible;
-webkit-transform: scaleX(1);
   -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
     -o-transform: scaleX(1);
        transform: scaleX(1);
}

.top-shadow {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: -moz-linear-gradient(top, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .1) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .1) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
z-index: 98;
}

.top-shadow-slide {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: -moz-linear-gradient(top, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .1) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .1) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
z-index: 0;
}

.top-shadow-YT {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: -moz-linear-gradient(top, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .1) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .1) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
z-index: 98;
}

#viewport {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
background: none;
}

#wall {
z-index: 1;
}

.wall-item-description {
position: absolute;
color: #fff;
font-size: 10px;
line-height: 120%;
bottom: 21px;
left: 15px;
letter-spacing: 0.05em;
text-transform: uppercase;
text-shadow: 1px 1px 2px #111;
padding: 5px 10px;
background: rgba(17, 17, 17, .75);
}

.slideshow li {
visibility: hidden;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.slideshow, .slideshow li {
position: absolute;
top: 0;
left: 0;
}

.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.owl-carousel-FIX {
position: relative;
width: 100%;
height: 250px;
text-align: center;
}

.owl-carousel {

position: relative;
display: none;
width: 100%;
height: auto;
-ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
   -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
     -o-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 500ms ease-in-out;
   -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
     -o-transition: height 500ms ease-in-out;
        transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item {
float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
cursor: pointer;
}

.owl-controls {
-webkit-user-select: none;
 -khtml-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0, 0);
}

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}

.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}

.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}

.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}

.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}

@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

#wall { height: calc(100vh - 120px); z-index: 1; }

#wall img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.slideshow, .slideshow li {
  position: absolute;
  inset: 0; 
}