*, html, body {
            /* width: 100%; */
       
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            scroll-behavior: smooth;
            
        }
        html, body {
            scroll-behavior: smooth;
            overflow-x: hidden !important;
        }
        .video-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            /* overflow-x: hidden !important; */
            
        }
        .video-inner {
            position: relative;
            width: 100vw;
            max-width: calc(100vh * 16 / 9);
            max-height: 100vh;
            /* overflow-x: hidden !important; */
        }
        @media(max-width: 768px) {
            .container-full-screen {
                height: 100vh;
                background: #000;
                display: flex;
                align-items: center;
                justify-content: center;
                z-index:9999;
                /* overflow-x: hidden !important; */
            }
        }
           .video-border {
            border: 4px solid #fff !important;
        }
/* Banner */
        .notification-banner .delete {
            position: absolute !important;
            right: .5rem;
            top: .5rem;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            background-color: #860303;
            border: none;
            border-radius: 9999px;
            cursor: pointer;
            pointer-events: auto;
            display: inline-block;
            flex-grow: 0;
            flex-shrink: 0;
            font-size: 0;
            height: 20px;
            max-height: 20px;
            max-width: 20px;
            min-height: 20px;
            min-width: 20px;
            outline: 0;
            position: relative;
            vertical-align: top;
            width: 20px;
            cursor: default;
            transition: background-color .3s;
        }
        .notification-banner .delete::before {
            background-color: #fff;
            content: "";
            display: block;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
            transform-origin: center center;
            height: 2px;
            width: 50%;
        }
        .notification-banner .delete::after {
            height: 50%;
            width: 2px;
            background-color: #fff;
            content: "";
            display: block;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
            transform-origin: center center;

        }
        .notification-banner .delete:hover {
            background-color: #600000;
            cursor: pointer;
            transition: background-color .3s;
        }
        .notification-banner-txt {
            font-size: 24px;
        }
        .has-text-weight-bold {
            font-weight: 700
        }
        .notification-banner-btn {
            background-color: #ffe08a;
            border-color: transparent;
            color: rgba(0, 0, 0, .7);
            color: #0058b6 !important;
            text-decoration: none !important;
            border-radius: 4px;
            cursor: default
        }
        .notification-banner-btn:hover {
            cursor: pointer;
        }

        @media(min-width: 768px) {
            .notification-banner-txt  {
                font-size: 2rem;
            }
        }
        .notification-banner {
            /* position: absolute; */
            top: 0;
            left: 0;
            width: 100%;
            transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
            z-index: 9999;
            transform: translateY(0%);
        }

        .notification-banner.hidden {
            transform: translateY(-100%);
            opacity: 0;
        }
        .notification-banner.remove {
            display: none;
        }
        .banner-timer {
            background: #000;
            color: #ffff00;
            padding: 0 4px;
        }
        .playBtnImg {
                
                animation: unmuteButton .8s infinite alternate ;
            }

            @keyframes unmuteButton {
                from { transform: scale(1); }
                to   { transform: scale(1.05); }
            }
/* MODAL VIDEO */
#open-cta-modal .modal-content {
        position: relative;
        text-align: left;
        vertical-align: middle;
        display: inline-block;
        overflow: auto;
        padding: 15px;
        border-bottom: 25px solid transparent;
        /* margin-left: 5%;
        margin-right: 5%; */
        max-height: 95%;
        background: #fff;
        cursor: auto;
        white-space: normal;
        border: 4px solid #00cfff !important;
        padding-bottom: 15px !important;
        max-width: 520px;
        border-radius: 12px;
    }
#open-cta-modal .close-icon {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    line-height: 25px;
    width: 25px;
    cursor: pointer;
    text-align: center;
    font-family: Arial, sans-serif;
    background: #fff;
    background: rgba(255, 255, 255, .3);
    color: #000;
    border: 0;
    padding: 0;
    font-weight: 700;
    font-size: 30px;
    border: 2px solid #00cfff !important;
    width: 30px !important;
    background: #00cfff !important;
    color: #fff !important;
}
#open-cta-modal .title {
        font-size: 30px;
    }
    #open-cta-modal .txt {
        font-size: 20px;
    }
#open-cta-modal .button-yellow {
    background: #ff0;
    border: 3px solid #007f9c;
    color: #0055c2;
    display: inline-block;
    padding: 15px;
    text-align: center;
    border-radius: 12px;
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
}
@media(min-width: 768px) {
    #open-cta-modal .title {
        font-size: 2.5rem
    }
    #open-cta-modal .txt {
        font-size: 24px;
    }
    #open-cta-modal .modal-content {
        padding: 25px;
    }

    #open-cta-modal .button-yellow {
        font-size: 24px;
    }
}

/* BUBBLE COMMENTS */
#bubble-comments-container {
    background: #1357ce;
}
#bubble-comments-container {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    margin: 10px;
    border-radius: 12px;
    padding: 10px;
    border: 2px solid #fff;
    overflow: hidden;
    opacity: 0;
    transform: translateX(-200%) translateY(0);
    transition: opacity .5s ease-in-out, transform .5s ease-in-out;
}

@media(min-width: 768px) {
    #bubble-comments-container {
        font-size: 1.3rem;
    }
    #bubble-comments-container img {
        width: 24px;
    }
}

/* LINK TO PRICE TABLE */
@keyframes pulsingBlue {
        0% {
            box-shadow: 0 0 0 0 rgba(132, 144, 255, 0.7);
        }
        70% {
            box-shadow: 0 0 0 10px rgba(132, 144, 255, 0);
        }
        100% {
            box-shadow: 0 0 0 0 rgba(132, 144, 255, 0);
        }
    }
        #linkToPriceTable, #linkToPriceTableClosed, #linkToVideo {
            width: 100%;
        }
        
        #linkToPriceTable, #linkToPriceTableClosed {
            transform: translateY(150px);
            z-index: 9999;
            bottom: 1rem;
            transition: transform 0.4s ease, opacity 0.4s ease;
        }
        #linkToPriceTable, #linkToPriceTableClosed {
            opacity: 0;
        }
        #linkToPriceTable {
            position: fixed;
        }
        #linkToPriceTable.visible, #linkToPriceTableClosed.visible {
            transform: translateY(0);
            opacity: 1;
        }
       .linkToPriceTableBtn, .linkToVideoBtn {
        background: #fffd00;
        border: 6px solid #1c8da7;
        padding: 7px;
        text-align: center;
        font-size: 20px;
        border-radius: 12px;
        color: #0000ff;
        animation: pulsingBlue 1s infinite;
        
        }
        .linkToPriceTableBtn:hover, .linkToVideoBtn:hover {
            background: #fff;
            color: #0000ff;
            text-decoration: none;
        }
        @media(min-width: 768px) {
            .linkToPriceTableBtn, .linkToVideoBtn {
                font-size: 28px;
                padding: 10px 20px;
            }
        }