.grid-60__container--right {
    display: grid;
    grid-template-columns: 35.2% 64.8%;
    gap: 27px;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

@media screen and (max-width: 991px) {
    .grid-60__container--right {
        grid-template-columns: 1fr;
        gap: 0;
    }
}


.widget.widget_cutko_banner_widget {

    position: relative;

    background-color: var(--light-blue);

    padding-bottom: 11%;

    padding-top: 159px;

}

@media screen and (min-width: 160px) {

    .widget.widget_cutko_banner_widget {

        min-height: 36.6vw;

    }

    

}

.cutko-banner {

    position: unset !important;

    display: flex;

    flex-direction: column;

}

.banner__main-svg {

    position: absolute;

    top: 100%;

    left: 50%;

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

    width: 100%;

    height: auto;

    z-index: 3;
    pointer-events: none;
}

@media screen and (min-width: 480px) {

    .banner__main-svg {

        z-index: 4;

    }

}

@media screen and (max-width: 991px) {

    .banner__main-svg {

        top: 100%;

        left: 100%;

        transform: translate(-91%, -98%);

        width: 245%;

        height: auto;

    }

}







.cutko-banner__content--wrapper{

    display: flex;

    flex-direction: column;

    align-items: center;

    z-index: 1;

} 

.widget.widget_cutko_banner_widget .obrovo-h2.cutko-banner__content {

    font-size: 54px;

    font-weight: 900;

    line-height: 72px;

    color: var(--brown);

    text-align: center;

    width: fit-content;

    margin-top: 75px;

    margin-bottom: 40px;

}

@media screen and (min-width: 1920px) {

    .widget.widget_cutko_banner_widget .obrovo-h2.cutko-banner__content {

        font-size: 3vw;

        line-height: normal;

    }   

}

@media screen and (max-width: 1519px) {
    .widget.widget_cutko_banner_widget .obrovo-h2.cutko-banner__content {
        font-size: 3vw;
    }
}
@media screen and (max-width: 1299px) {
    .widget.widget_cutko_banner_widget .obrovo-h2.cutko-banner__content {
        line-height: 55px;
    }
}
@media (min-width: 992px) and (max-width: 1519px) {
    .widget.widget_cutko_banner_widget .obrovo-h2.cutko-banner__content {
        line-height: 62px;
        margin-top: 21px;
        margin-bottom: 18px;
    }
}


@media screen and (max-width: 991px) {

    .widget.widget_cutko_banner_widget .obrovo-h2.cutko-banner__content {

        margin-top: 7px;

    }

}

@media screen and (max-width: 991px) {

    .widget.widget_cutko_banner_widget .obrovo-h2.cutko-banner__content {

        font-size: 32px;

        font-weight: 900;

        line-height: 42px;

    }

    .widget.widget_cutko_banner_widget {

        padding-bottom: 66%;

    }   

}



@media screen and (max-width: 991px) and (orientation: landscape){

     .widget.widget_cutko_banner_widget .obrovo-h2.cutko-banner__content {

        font-size: 3.1vw;

        line-height: 1.3;

    }

}





.cutko-banner__oznam {

    position: relative;

    width: fit-content;

    text-align: center;

    

    padding: 26px 15px;

    width: 100%;

    max-width: 500px;

}

.cutko-banner__oznam span {

    font-size: 42px;

    font-weight: 700;

    line-height: 52px;

 

    color: var(--wheat);

}
@media (min-width: 991px) and (max-width: 1319px) {

    .cutko-banner__oznam span {

        font-size: 3vw;

    }
    
}

.cutko-banner__oznam svg {

    position: absolute;

    top: 50%;

    left: 50%;

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

    width: 100%;

    height: 100%;

    z-index: -1 !important;

}

.cutko-banner__oznam--mobile {

    display: none;

}





@media screen and (max-width: 991px) {

    .banner__main-svg {

        z-index: 4 !important;

    }

    .cutko-banner__oznam {

        display: none;

    }

    .cutko-banner__oznam--mobile {

        display: block;

        position: relative;

        width: 100vw;

        top: 100%;

        left: 50%;

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

    }

    .cutko-banner__oznam--mobile .cutko-banner__oznam { 

        display: flex;

        align-items: center;

        justify-content: center;

        max-width: 400px;

    }



    

    .cutko-banner__oznam--mobile {

        display: block;

        position: absolute;

        width: 100vw;

        height: 100%;

        top: unset;

        bottom: 0;

        left: 50%;

        transform: translate(-50%, 0);

        z-index: 2;

    }

    .cutko-banner__oznam--mobile .cutko-banner__oznam--mobile-bg {

        position: absolute;

        width: 100%;

        height: 30vw;

        bottom: -5vw;

    }

    .cutko-banner__oznam--mobile .cutko-banner__oznam--mobile-bg svg {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: auto;

        z-index: -1 !important;

    }

    .cutko-banner__oznam--mobile::before {

        content: '';

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        /* background: transparent url('/wp-content/plugins/obrovo/assets/img/cutko-podklad__oznam--mobile.svg')

            no-repeat top right;

        background-size: 100%; */

        z-index: 3;

    }

    .cutko-banner__oznam--mobile .cutko-banner__oznam {

        top: 100%;

        left: 50%;

        transform: translate(-50%, -30%) rotate(-3deg);

        z-index: 3;

    }





    .cutko-banner__oznam--mobile .cutko-banner__oznam span {

        font-size: 28.53px;

        font-weight: 700;

        line-height: 35.32px;

    }



    .home .banner__main-svg > svg > g > path:first-child {

        fill: none !important;

    }

    

}







/* VIDEO POSTER */
.cutko-banner__video-link.wide-aspect-ratio {
    display: block;
    box-sizing: border-box;
}

.cutko-banner__video-poster {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 480px) {
    .cutko-banner__video-poster {
        transform:  translate(-50%, -49%);
    }
}


.cutko-banner__video-link svg {

    z-index: 1 !important;

}

.cutko-banner__video-poster {

    z-index: 0;

}

.cutko-banner__video-poster img {
    position: absolute;
    /* top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    width: 100%;
    height: auto;
    object-fit: cover;
}

.cutko-banner-video {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    width: 120% !important;      /* zväčšené o 20% */
    height: 120% !important;     /* zväčšené o 20% */
    transform: translate(-50%, -55%) !important;
    border: none;
    pointer-events: none;
}

.icon-play__banner--video {
    position: absolute;
    top: 3%;
    left: 5%;
    width: 23%;
    height: 38.4%;
    cursor: pointer;
    z-index: 9 !important;
}

.wide-aspect-ratio .icon-play__banner--video svg {

    width: 52.8%;

    height: auto;

    top: 50%;

    left: 50%;

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

}

.widget.widget_cutko_banner_widget:hover .icon-play__banner--video,

.widget.widget_cutko_banner_widget:focus .icon-play__banner--video,

.widget.widget_cutko_banner_widget:active .icon-play__banner--video,

.widget.widget_cutko_banner_widget:hover .cutko-banner__btn,

.widget.widget_cutko_banner_widget:focus .cutko-banner__btn,

.widget.widget_cutko_banner_widget:active .cutko-banner__btn {

    z-index: 9 !important;

    cursor: pointer;

}



.widget.widget_cutko_banner_widget .cutko-banner__btn {

    display: block;

    box-sizing: border-box;

    text-decoration: none !important;

    padding: 25px;

    background: transparent url() center no-repeat;

    background-size: auto;

    background-size: 100%;

    font-size: 36px;

    font-weight: 700;

    line-height: 42px;

    color: var(--wheat);

    text-align: center;

    position: relative;

    margin-top: 0;

    margin-bottom: 82px;

}
@media screen and (max-width: 1519px) {

    .widget.widget_cutko_banner_widget .cutko-banner__btn {

        margin-bottom: 28px;

    }
    
}

.widget.widget_cutko_banner_widget .cutko-banner__btn:hover,

.widget.widget_cutko_banner_widget .cutko-banner__btn:focus,

.widget.widget_cutko_banner_widget .cutko-banner__btn:active {

    color: var(--wheat);

    text-decoration: underline !important;

}



.widget.widget_cutko_banner_widget .cutko-banner__btn svg {

    position: absolute;

    top: 50%;

    left: 50%;

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

    width: 100%;

    height: 100%;

    z-index: -1;;

}

@media screen and (max-width: 480px) {

    .widget.widget_cutko_banner_widget .cutko-banner__btn {

        /* display: none; */

        padding: 15px;

        margin-bottom: 105px;    }

}





.icon-play__banner--video img {

    position: absolute;

    top: 50%;

    left: 50%;

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

    width: 100%;

    height: 100%;

    object-fit: cover;

}





.widget.widget_cutko_banner_widget .grid-50__container {

    grid-template-columns: 40% 55%;

    gap: 5%;

    z-index: 4;

}

@media screen and (max-width: 991px) {

    .widget.widget_cutko_banner_widget .grid-50__container {

        grid-template-columns: 1fr;

        gap: 0;

        padding-bottom: 159px;

        min-height: 40vh;

    }

}

@media screen and (max-width: 480px) {

    .widget.widget_cutko_banner_widget .grid-50__container {

        padding-bottom: 96px;

    }

}





/* CLOUDS */

.cutko-banner__clouds {

    position: absolute;

    width: 100vw;

    height: 100%;

    top: 50%;

    left: 50%;

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

    z-index: 0;;

}

.cutko-banner__clouds .cloud__big {

    margin-top: 11%;

    position: absolute;

    width: 100vw;

}

.cutko-banner__clouds .cloud__big svg {

    position: absolute;

    right: 50%;

    transform: translateX(116%);

}



.cutko-banner__clouds .cloud__small {

    position: absolute;

    margin-top: 12%;

    width: 100vw;

}

.cutko-banner__clouds .cloud__small svg {

    position: absolute;

    left: 50%;

    transform: translateX(-300%);

}

@media screen and (max-width: 991px) {

    .cutko-banner__clouds .cloud__small {

        margin-top: 65%;

    }

    .cutko-banner__clouds .cloud__small svg {

        transform: translateX(-105%);

    }

    

}



.cutko-banner__clouds .cloud__medium {

    position: absolute;

    margin-top: 25%;

    width: 100vw;

}

.cutko-banner__clouds .cloud__medium svg {

    position: absolute;

    left: 50%;

    transform: translateX(-195%);

}



.home .cutko-banner__clouds .cloud__big {

    margin-top: 5%;

}

.home .cutko-banner__clouds .cloud__big svg {

    transform: translateX(48%);

}



/* OVER 1920px */

@media screen and (min-width: 1920px) {

    /* .widget > div {

        max-width: 1700px !important;

    } */

    .widget > .cutko-banner {

        max-width: 4000px !important;

    }

    .widget_cutko_banner_widget {

        display: flex;

        align-items: stretch;

    }

     .widget_cutko_banner_widget .cutko-banner {

        height: auto;

    }

    .widget.widget_cutko_banner_widget .grid-50__container {

        height: 100%;

        align-items: center;

        justify-content: center;

    }

}