﻿:root {
    --snow-blue: #92D4EB33 !important;
    --gradient-color-top: rgba(163, 227, 246, 0.5);
    --gradient-color-mid: rgba(181, 201, 247, 0.5);
    --gradient-color-bottom: rgba(196, 192, 248, 0.5);
}


.main-container {
    /*background-color: var(--gradient-color-top);*/
    background-image: -webkit-linear-gradient(to bottom, var(--gradient-color-top), var(--gradient-color-mid), var(--gradient-color-bottom), #fff), url('../images/christmas-theme/christmas-snowflakes.svg');
    background-image: -moz-linear-gradient(to bottom, var(--gradient-color-top), var(--gradient-color-mid), var(--gradient-color-bottom), #fff), url('../images/christmas-theme/christmas-snowflakes.svg');
    background-image: -o-linear-gradient(to bottom, var(--gradient-color-top), var(--gradient-color-mid), var(--gradient-color-bottom), #fff), url('../images/christmas-theme/christmas-snowflakes.svg');
    background-image: -ms-linear-gradient(to bottom, var(--gradient-color-top), var(--gradient-color-mid), var(--gradient-color-bottom), #fff), url('../images/christmas-theme/christmas-snowflakes.svg');
    background-image: linear-gradient(to bottom, var(--gradient-color-top), var(--gradient-color-mid), var(--gradient-color-bottom), #fff), url('../images/christmas-theme/christmas-snowflakes.svg');
    padding: 20px 0 0 0;
/*    z-index: 1 !important;*/
    position: relative;
    /*background: var(--gradient-color-top);
    background-image: url(../images/christmas-theme/christmas-snowflakes.svg);*/ /* fallback */
    /*background: var(--gradient-color-top) url(../images/christmas-theme/christmas-snowflakes.svg) 0% 0% repeat padding-box;*/ /* W3C */
    /*background-repeat: repeat;
    padding: 20px 0 60px 0;
    z-index: 1 !important;*/
}

    .main-container .dedicated-page {
        background: none;
    }

.snowflakes-container {
    background-image: url(../images/christmas-theme/christmas-snowflakes.svg); /* fallback */
    background: transparent url(../images/christmas-theme/christmas-snowflakes.svg) 0% 0% repeat padding-box; /* W3C */
    /*background-size: cover;*/
    background-repeat: repeat;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0!important;
}
.thumbs-bullets{z-index:3!important;position:relative;}

.christmas_walking_snowman_container {
    display: block;
    position: fixed;
    bottom: 0;
    height: 200px;
    width: 100%;
  /*  z-index: 9999999999;*/
    z-index: -2 !important;
}

#snowman {
    position: absolute;
    right: -150px;
    bottom: 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    height: 200px;
    /*z-index: 99999999999999 !important;*/
}


.demo-footer.christmas-top {
    /*background: transparent;
    background: transparent url(../images/christmas-theme/christmas-background-top-2024.svg) 0% 0% no-repeat padding-box;   
    background-size: cover;
    background-repeat: no-repeat;
    color: #343E60 !important;
    padding-top: 400px;
    max-width: 100%;
    margin-top: -30px;
    z-index: 0 !important;*/

    color: #343E60 !important;
    padding-top: 0px;
    background: transparent;
    height: auto;
}
.christmas-top-2024-background {
    background: transparent;
    /*background-image: url(../images/christmas-theme/christmas-footer-top.svg);*/ /* fallback */
    background: transparent url(../images/christmas-theme/christmas-background-top-2024.svg) 0% 0% no-repeat padding-box; /* W3C */
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height:450px;
    z-index: 3 !important;
    position:relative;
}

    .demo-footer.christmas-top a, .demo-footer.christmas-top p, .demo-footer.christmas-top button {
        color: #343E60 !important;
        font: normal normal 400 14px 'Montserrat' !important;
        line-height:2!important;
    }

.demo-footer .card-body {
    padding-bottom: 0 !important;
}

.demo-footer .card {
    margin-bottom: 0 !important;
}

.christmas-bottom {
    background: #fff;
    /*background-image: url(../images/christmas-theme/christmas-footer-bottom.svg);*/ /* fallback */
    background: transparent url(../images/christmas-theme/christmas-footer-bottom.svg) no-repeat padding-box; /* W3C */
    background-size: cover;
    background-repeat: no-repeat;
    color: #343E60 !important;
    padding: 50px 0 50px 0;
    max-width: 100%;
/*        overflow: hidden;*/
    z-index: 0 !important;
    position: relative;
    margin-top:40px;
}
    .christmas-bottom .christmas-tree-bottom-left {
        position: absolute;
        left: -30px;
        bottom: 0px;
        background: transparent url(../images/christmas-theme/tree-cherry-left.svg) no-repeat padding-box; /* W3C */
        /* Repeat the images only once */
        background-repeat: no-repeat;
        background-position: left bottom;
        width: 156px;
        height: 343px;
    }
    .christmas-bottom .christmas-leaf-bottom-right {
        position: absolute;
        right: 0;
        bottom: 0px;
        background: transparent url(../images/christmas-theme/leaf-cherry-right.svg) no-repeat padding-box; /* W3C */
        /* Repeat the images only once */
        background-repeat: no-repeat;
        background-position: right bottom;
        width: 178px;
        height: 150px;
    }

    .christmas-bottom .main-footer {
        background: transparent !important;
        border-top: none !important;
    }
    .christmas-bottom .main-footer div{
        z-index: 1 !important;
    }

    .christmas-bottom, .christmas-bottom .main-footer {
        display: block;
    }

        .christmas-bottom .separator {
            border-top: 1px solid #e6eaea;
            width: 70%;
            height: 1px;
            margin: 0 auto;
            padding: 0 !important;
            z-index: 2 !important;
        }

.logo-2 {
    content: url(../images/SpoiledAgent-logo.svg);
}

.main-footer {
    display: none;
}
.top-footer {
    z-index: 1 !important;
    position: center;
    background:transparent!important;
}
.top-footer h6 {
    font: normal normal 600 16px 'Montserrat' !important;
}
.navbar {
    background-color: var(--gradient-color-top);
}

.slick-slide {
    padding:0 8px 8px 8px !important;
}
.recorded-list-container {
    background: #fff !important;
    padding: 0 8px 8px 8px !important;
}
.upcoming-webinars-container{
    background:unset!important;
}




@media (max-width: 1080px) {
    /*.main-container, .navbar {
        background-color: rgba(163, 227, 246, 0.5);
        background-image: none;
    }*/
    .christmas-top-2024-background {
        height:130px;
    }
    .christmas-bottom .christmas-tree-bottom-left {
        display: none;
    }
    .christmas-bottom .christmas-leaf-bottom-right {
        display: none;
    }
    .thumbs-bullets .col-md-divideto5 {
        width: calc(100% / 3);
        min-height: 220px;
        margin-top:10px;
    }
    .fb_banner {
        width: 50%;
        margin: 0 auto;
        margin-bottom: 10px;
    }    
    .fb_banner .heading {
        text-align: center;
    }
    .list-unstyled {
        padding-bottom: 20px;
        border-bottom: 1px solid #e6eaea;
    }
    .separator{
        display:none;
    }
}
