h1 {
    text-transform: uppercase;
}

.block-home-search{
    text-align: left;
    font-family: var(--font-sans);
    width: 100%;

}
.block-home-search .search{
    position: relative;
    width: 100%;
}
h1{
    font-size: var(--font-size-base-s);
    margin-bottom: var(--padding-xxs);
    margin-left: var(--padding-l);
}
.block-home-search .search .form{
    display: block;
    width: 80%;
    text-align: right;
    margin-left: 15%;
    margin-top: var(--padding-xs);
}

.block-home-search .search .search-description{
    margin-bottom: var(--padding-m);
}

.block-home-search #search-form {
    opacity: 0;
    /*transition: opacity 0.2s ease;*/
}
.block-home-search .search .form #search{
    width: 65%;
    display: inline-block;
    text-align: left;
}

.block-home-billboard {
    max-width: 1280px;
    margin: auto;
    --padding-h: 0;
    --padding-top: var(--padding-xs);
    --padding-bottom: var(--padding-s);
}

@media (max-width: 480px) {
    .block-home-billboard {
        --padding-h: var(--padding-xs);
        --padding-top: var(--padding-s);
        --padding-bottom: var(--padding-s);
    }
    .block-home-search{
        margin-right: 0;
        width: 100%;
        position: absolute;
        float: right;
        top: var(--padding-l);
    }
    .block-home-search .search{
        width: 100%;
        margin: 0;
    }
    .block-home-billboard .mask img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .block-home-search .search .form #search {
        width: 100%;
        display: block;
    }

}

.block-home-billboard {
    position: relative;
    padding-top: var(--padding-s);
}
.block-home-billboard__content {
    background: var(--white);
    padding: var(--padding-top) var(--padding-h) var(--padding-bottom);
}
.block-home-billboard__sticky {
    z-index: 5;
    transform: translateZ(5px);
    right: var(--padding-lg);
    top: var(--padding-xxl);
    text-align: right;
}
.block-home-billboard__sticky .search{
    margin-bottom: var(--padding-xs);
}
fieldset#search{
    padding: var(--padding-xxs) var(--padding-s)
}
.search .input.__input {
    width: 100% !important;
    text-align: left;
}

.block-home-billboard .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.block-home-billboard .mask svg,
.block-home-billboard .mask img{
    bottom: 0;
    height: 100%;
    left: 50%;
    position: absolute;
    transform: translate3d(-50%, 0, 0);
}
.block-home-billboard figure img,
.block-home-billboard video {
    height: 100%;
    /* left: 0; */
    /* object-fit: cover; */
    /* object-position: center center; */
    /* position: absolute; */
    top: 0;
    /* width: 100%; */
    z-index: 0;
    transform: translateZ(0px);
}

/*bs video youtbe*/

.block-home-billboard__sticky .sections__header{
    width: 50%;
}
#videohome{
    z-index: 4;
    margin-right: 5%;
    transform: translate3d(0, 100%, 0);
    width: 30%;
    float: right;
    aspect-ratio : 1 / 0.56;
    /*box-shadow: 0 0 15px 10px #6bb6ce;*/
    /*box-shadow: 0 0 28px 10px #000000;*/
}
#videohome iframe {
    position: relative;
}

.kpi-link {
    text-decoration: none;
    color: inherit;
    display: block;
}
.kpi-link:hover {
    color: inherit;
}

@media (max-width: 1200px) {
    #videohome{
        width: 40%;
    }

}

@media (max-width: 768px) {
    #videohome{
        width: 50%;
    }

}
@media (max-width: 600px) {
    #videohome{
        width: 60%;
        float: none;
        margin:0;
        transform: translate3d(40%, 100%, 0);
    }

}

@media (max-width: 480px) {
    .block-home-billboard__content {
        display: initial;
        height: 50%;
        padding: 0;
    }
    .block-home-billboard__content figure {
        height: 50%;
        top: 0;
        margin-top: 0;
        padding-top: 0;
        position: relative;
        display: block;
    }
    .block-home-billboard figure img, .block-home-billboard video{
        /* height: 100%; */
        /* left: 0; */
        object-fit: cover;
        object-position: center center;
        /* position: absolute; */
        /* top: 0; */
        /* width: 100%; */
        /* z-index: 0; */
        /* transform: translateZ(0px);*/

            height: auto;
            width: 50%;
    }
    .block-home-billboard .mask.mobile{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        overflow: hidden;
    }
    .block-home-billboard .mask.mobile img{
        transform: translate3d(-50%, -50%, 0);
        left: 50%;
        top: 50%;
        max-height: 100%;
        max-width: 100%;
    }

    #videohome {
        width: 90%;
        transform: translate3d(10%, 10%, 0);
    }
    #Header .content .navigation a {
        display: block;
        margin: 0 0 var(--padding-m);
    }
    .block-home-billboard {
        /*margin-top: var(--header-height);*/
        margin-top: auto;
    }
    .block-home-search #search-form{
        width: 90%;
        margin-left: 5%;
    }
    .block-home-billboard .desktop,
    .block-home-billboard video {
        display: none;
    }
    .block-home-billboard__sticky {
        position: static !important;
    }

}
@media (min-width: 480px) {
    .block-home-billboard .mobile,
    .block-home-billboard figure {
        display: none;
    }
    .block-home-billboard__content {
        height: 30vh;
        position: relative;
    }
    .block-home-billboard .mask {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        overflow: hidden;
        background: white;


    }

    .block-home-billboard .mask .mask-holder {
        display: block;
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: white;
        width: fit-content;
    }

    .block-home-billboard .mask .mask-holder ::after {
         /*content: '';*/
         position: absolute;
         top: 99%;
         left:0;
         width: 100%;
         height: 100vh;
         background: var(--white);
     }

    .block-home-billboard .mask svg,
    .block-home-billboard .mask img{

        /* position: absolute; */
        /* top: 0; */
        bottom: auto;
        width: 102%;
        height: auto;
        max-height: 113%;
        /* float: left; */
        /* left: 0; */
        /* margin-left: 0; */
        /* z-index: 9999; */
        /* transform: translatex(0px); */
        /* margin: auto; */
        /* max-width: 1000px;*/

    }
}