@font-face {
	      font-family: 'PPNeueMontreal-Book';
	      src: url('/attributes/fonts/PPNeueMontreal-Book.woff2') format('woff2');
	      font-weight: 400;
	      font-style: normal;
	      font-display: swap;
	  }

		  @font-face {
        font-family: 'PPNeueMontreal-Medium';
        src: url('/attributes/fonts/PPNeueMontreal-Medium.woff2') format('woff2');
        font-weight: 500; 
        font-style: normal;
        font-display: swap;
    }
		  @font-face {
        font-family: 'PPNeueMontreal-Bold';
        src: url('/attributes/fonts/PPNeueMontreal-Bold.woff2') format('woff2');
        font-weight: 600; 
        font-style: normal;
        font-display: swap;
    }


@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
.splitword,
.splitter,
.fadeco,
.fading,
.predot,
.growco {
    visibility: hidden;
   
}

.t-d1-fluid.ticker-line,
.containersvg {
    animation: fadeIn 1s ease-in forwards;
}

@media screen and (max-width:990px){
    .cooffice-app{
        display: none;
    }
}
@media screen and (min-width:990px) {
    .mobileco-toggle,.mobileco {
        display: none!important;
    }
}






/**** PRELOADER DESKTOP *****/
@media screen and (min-width:990px){
.t-d1-fluid {
letter-spacing: 0.01em;
margin-top: 0;
margin-bottom: 0;
font-family: var(--fontuse);
color: #1e4c3b;
line-height: 0.95em;
letter-spacing: -0.01em;

}

.t-d1-fluid.ticker-line {
white-space: nowrap;
margin-left: auto;
margin-right: auto;
font-size: 2rem;
overflow: hidden;
height: 30px;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index:999999;
}

.c-ticker {
display: flex;
align-items: center; 
justify-content: center; 
margin-bottom: 1.5em;
overflow: hidden;
}

.c-ticker_title {
flex: 1;
display: flex;
flex-direction: column; 
align-items: center; 
justify-content: center; 
position: relative;
margin: 0 auto;
}

.c-ticker_side {
max-width: 10em;
flex: 1;
padding-bottom: 0.2em;
}


.loaderStaggersContainers {
position: absolute;
display: flex;
height: 100vh;
bottom: 0;
width: 100vw;
}

.loaderStaggersContainers > div {
background-color: #d7e5cc;
width: 33.3333333vw;
height: 100vh;
z-index:992992
}

.containersvg {
display: flex;
justify-content: center;
overflow: hidden;
z-index:9929979

}
#homepage {
height: 100vh;
justify-content: center;
display: flex;
align-content: center;
flex-direction: column;
align-items: center;
z-index:9
}
.start-filler{
fill:#1e4c3b5a;

}
.anim-filler{
fill:#1e4c3b;
}
.co-herovid {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
object-fit: cover;
z-index: 1;
filter: brightness(60%);
}

.co-title{
    position: absolute;
    bottom:7vh;
    left:5vw;
    z-index: 9;
    color:#ffffff;
    font-size: 9rem;
    line-height: 9.45rem;
    letter-spacing: -0.045em;
    max-width: 1000px;
    margin: 0
}
.splitwordco{
    overflow: hidden!important;
  
}}
/**** PRELOADER DESKTOP END*****/


/**** PRELOADER MOBILE *****/
@media screen and (max-width:990px) {
    .t-d1-fluid {
        letter-spacing: 0.01em;
        margin-top: 0;
        margin-bottom: 0;
        font-family: var(--fontuse);
        color: #1e4c3b;
        line-height: 0.95em;
        letter-spacing: -0.01em;

    }

    .t-d1-fluid.ticker-line {
        white-space: nowrap;
        margin-left: auto;
        margin-right: auto;
        font-size: 2rem;
        overflow: hidden;
        height: 30px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 999999;
    }

    .c-ticker {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 3.5em;
        overflow: hidden;
    }

    .c-ticker_title {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        margin: 0 auto;
    }

    .c-ticker_side {
        max-width: 10em;
        flex: 1;
        padding-bottom: 0.2em;
    }


    .loaderStaggersContainers {
        position: absolute;
        display: flex;
        height: 100vh;
        bottom: 0;
        width: 100vw;
    }

    .loaderStaggersContainers>div {
        background-color: #1a2528;
        width: 33.3333333vw;
        height: 100vh;
        z-index: 992992
    }

    .containersvg {
        display: flex;
        justify-content: center;
        overflow: hidden;
        z-index: 9929979
    }

    #homepage {
        height: 100vh;
        justify-content: center;
        display: flex;
        align-content: center;
        flex-direction: column;
        align-items: center;
        z-index: 9
    }

    .start-filler {
        fill: #1e4c3b5a;

    }

    .anim-filler {
        fill: #1e4c3b;
    }

    .co-herovid {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        object-fit: cover;
        z-index: 1;
        filter: brightness(60%);
    }

.co-title {
    position: absolute;
    bottom: 7vh;
    left: 5vw;
    z-index: 9;
    color: #ffffff;
    font-size: 14vw;
    line-height: 15vw;
    letter-spacing: -0.045em;
    max-width: 1000px;
    margin: 0;
}
    .splitwordco {
        overflow: hidden !important;

    }
}

/**** PRELOADER MOBILE END*****/