@font-face {

    font-family:'Bulo Light';

    src:url('fonts/Bulo Light.woff') format('woff'), local('Bulo Light');

    font-style: normal;

    font-weight: normal;

    font-display:fallback;

    font-size: 1rem;

}



@font-face {

    font-family:'Bulo Bold';

    src:url('fonts/Bulo Bold.woff') format('woff'), local('Bulo Bold');

    font-style: bold;

    font-weight: bold;

    font-display:fallback;

    font-size: 1rem;

}



@font-face {

    font-family:'Bulo ExtraBlack';

    src:url('fonts/Bulo ExtraBlack.woff') format('woff'), local('Bulo ExtraBlack');

    font-style: bolder;

    font-weight: bolder;

    font-display:fallback;

    font-size: 1rem;

}



body {

    height: 100svh !important;

    position: relative;

    overflow: hidden;

}



#fullpage {

    height: 100svh;

}



h1, h2, h3, h4, h5, h6 {

    font-family: 'Bulo Bold';

}



.display-7 {

    font-size: 2rem;

}



.display-8 {

    font-size: 1.5rem;

}



body {

    background: black;

}



body, label, span, p, i {

    font-family: 'Bulo Light';

    font-size: 18px;

}



.top-navbar {

    background-color: #0003;

}



.homepage-logo {

    filter: drop-shadow(0 0 15px #000);

}



.homepage-logo > h1 {

    line-height: 3;

}



.homepage-scroll {

    vertical-align: bottom;

    position: absolute;

    bottom: 0;

    width: 100%;

    font-size: 24px;

    left: 0;

}



.homepage-scroll > div {

    padding: 5 20 20 20;

    background-color: #fff3;

    display: inline-block;

    text-transform: uppercase;

}



@keyframes moveUpDown {

    0%, 100% {

      transform: translateY(5) rotate(45deg);

    }

    50% {

      transform: translateY(-5px) rotate(45deg);

    }

  }

  



.homepage-scroll > div > div > i {

    border: solid #fff;

    border-width: 0 2px 2px 0;

    display: inline-block;

    padding: 7px;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    animation: moveUpDown 2s ease infinite;

}



.background-video {

    overflow: hidden;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    z-index: -10;

}



.background-video.home > video {

    top: unset;

    bottom: 0px;

}



.background-video > video {

    min-width: 100%;

    min-height: 100%;

    max-width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    -o-object-fit: cover;

    object-fit: cover;

}



.slide-background, .slide-video-background {

    position: absolute;

    top: 0;

    left: 230px;

    width: 730px;

    height: 100%;

    overflow: hidden;

    z-index: 0;

}



.slide-video-background {

    width: 400px;    

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100svh;

    left: 1200px;

}



.slide-container, .slide-video-container {

    width: 100%;

    background-color: rgba(0, 0, 0,.2);

    position: absolute;

    top: 0;

    text-align: left;

    padding: 60px 30px;

    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), calc(100% - 50px) 100%, 0 100%);

}



.project-slide {

    background-color: rgba(0, 0, 0,.2);

    clip-path: polygon(0 0, 100% 0, 100% 100%, 50px 100%, 0 calc(100% - 50px));

}

.project-logo > img {
	
	max-height: 125px;
	
	max-width: 125px;
}



.slide-container.kultur-go {

    background-color: rgba(0, 0, 0,.5);

}



.interactivo-overlay {

    width: 100vw;

    height: 100vh;

    background: black;

    opacity: 0.35;

}



.multimedia > .slide-container, .interactivo > .slide-container {

    background-color: rgba(255, 255, 255, .7);

}



.slide-video-background-overlay.kultur-go, .slide-video-background-overlay.kultur-play {

    position: absolute;

    max-width: 380px;

    max-height: 770px;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    height: 100%; 

    background-image: url('../images/img-movil-fondo-1_v2.png');

    background-size: 100% 100%;

    background-repeat: no-repeat;

}



.slide-video-background-overlay.kultur-play {

    z-index: 10;

    pointer-events: none;

    max-width: 800px;

}



.slide-container.kultur-play {

    background-color: unset;

}



.ratio.kultur-play {

    max-width: 360px; padding-bottom: 117.77%;

}



.slide-video-container {

    clip-path: unset;

    height: unset;

    background: unset;

    position: unset;

}



.slide-video-container {

    height: 100%;

}



.slide-video-container > video {

    height: 100%;

    width: 100%;

}



.slide-title {

    text-transform: uppercase;

    font-size: 36px;

    line-height: 1.1;

}



.slide-subtitle {

    margin-top: 20px;

    margin-bottom: 20px;

}



.slide-video {

    background-color: #fff3;

    width: 570px;

    margin: 20 0;

    position: relative;

    width: 100%;

    padding-top: 56.25%;

    overflow: hidden;

}



.slide-video-portrait {

    background-color: #fff3;

    width: 370px;

    margin: 20 0;

    position: relative;

    width: 100%;

    padding-top: 56.25%;

    overflow: hidden;

}



.slide-video > iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    /*padding: 5px;*/

}



.slide-contact {

    text-align: center;

}



.slide-contact > div {

    background-color: #fff3;

    padding: 10px;

    border-radius: 3px;

    display: inline-block;

    margin-top: 20px;

    font-size: 24px;

    padding-top: 5px;

}



.slide-contact > div > svg + a {

    margin-left: 10px;

    text-decoration: none;

    display: unset;

}



.mobile-hide {

    display: none;

}



.hamburger-menu {

    display: none;

}



.desktop-hidden {

    display: none !important;

}



.kultur-play-side-content {

    left: 750px;

    max-width: 560px;

    position: absolute;

    top: 100px;

}



.slide-background.experiencias {

    background: transparent;

}



.experiencias > .slide-container, .contact > .slide-container {

    background-color: rgba(255, 255, 255, .7);

}



.slide-background.contact {

    background-color: transparent;

    justify-content: unset;

}



.contact {

    left: 0px;

}



.contact-map {

    width: 40%;

}



.contact > .slide-container {

    height: 100%;

    position: relative;

    clip-path: none;

    padding: unset;

    padding-top: 60px;

}



.contact > .slide-container > iframe {

    width: 100%;

    height: 100%;

}



.slide-background.rrss {

    top: unset;

    width: 80%;

    position: inherit;

    background: transparent;

}



.rrss-footer {

    bottom: 60px;

    position: absolute;

    width: 70%;

}



form > div > input[type=submit] {

    background-color: #FF6600;

}



form > div > input[type=submit]:hover {

    background-color: #ff6600d7;

}



.portfolio-project-link {

    text-decoration: none;

    background-color: rgba(0, 0, 0,.2);

    line-height: .5;

    padding: 0px 8px

}



.section.portfolio {

    background-image: url('/assets/images/img-poster-portfolio.jpg');
	background-size: cover;
    background-color: rgba(255, 255, 255, .7);

}

.section.portfolio > .container > .display-8 {
    font-weight: bold;
    width: 66%;
    margin-top: 1rem;
    margin-bottom: 3rem;
}


.cookies-overlay {

    background-color: rgba(0, 0, 0, .5);

    height: 100%;

    width: 100%;

    z-index: 10000;

    position: fixed;

    top: 0;

}