html,body,div,span,object,iframe,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
*,:before,:after{-webkit-box-sizing:inherit;box-sizing:inherit;outline:0}
html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:10px;font-display:swap;font-family:"Times New Roman", Times, serif;outline:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:kern 1;font-feature-settings:kern 1;-webkit-font-kerning:normal;font-kerning:normal;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}

@font-face {
    font-family: 'HollyAndBerries';
    src: url('../fonts/HollyAndBerries.eot');
    src: url('../fonts/HollyAndBerries.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HollyAndBerries.woff2') format('woff2'),
        url('../fonts/HollyAndBerries.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


img {
    height: auto;
    border: 0;
    max-width: 100%;
    background-color: transparent !important;
}

.is-relative{position:relative}
.ingr-xmas{margin:0;padding:0;background:#1e3b72;background:-webkit-linear-gradient(to bottom,#040f44,#114396);background:linear-gradient(to bottom,#040f44,#114396);font-family:'Manrope', sans-serif}
.container{max-width:1280px;margin:0 auto;width:100%;margin-top: 50px; padding:0;height:100vh;}

@media screen and (min-width: 768px) {
    .columns{display:flex}
    .level{align-items:center}
    .column{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:12px}
    .column.is-8 {flex:none;width:66.66667%}
    .column.is-7 {flex: none;width: 58.33333%}
    .column.is-6 {flex:none;width:50%}
    .column.is-5 {flex: none;width: 41.66667%}
    .column.is-4 {flex:none;width:33.33333%}
    .column.is-3 {flex:none;width:25%}


    .header-xmas-box {
        padding-left: 50px;
        padding-top: 50px;
    }

    .left_xmas_light {
        position: fixed;
        left: 0;
        top: 0;
        z-index: -1;
    }

    .right_xmas_light {
        position: fixed;
        right: 0;
        top: 0;
        z-index: -1;
    }

    .disney_logo {
        margin-top: 10%;
        float: right;        
        width: 400px;
    }

}
.calendar-flex{display:flex;flex-wrap:wrap;margin:-10px -10px 0}
.number-item{padding:10px;width:calc(100% / 5);position:relative}
.xmas-card{perspective: 1000px;position:relative;width:100%;height:110px;margin:0 auto;display:flex;align-items:center;justify-content:center}
.xmas-number{display: flex;justify-content: center;color:#cc0110;font-size:10rem;font-family:HollyAndBerries;line-height:1;padding-top:1rem}


.xmas-image-card{width:100%;height:100%;position:relative}
.xmas-image-card img{object-fit:cover;width:100%;height:100%;background: rgba(0,0,0,0.1);}
.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .2s;transform-style:preserve-3d}
.flip-card.active .flip-card-inner,
.desktop-device .flip-card:hover .flip-card-inner{transform:rotateY(180deg);}
/*.flip-card.active .flip-card-inner,*/
.desktop-device .flip-card:hover .flip-card-front{opacity: 0;}




.mobile-device .link{display:none}
.mobile-device .flip-card.active .link{display:block}
.link{position:absolute;top:0;left:0;right:0;bottom:0}

.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.flip-card-back{transform:rotateY(180deg);}




.wrap-box {float: right}
.xmas-box{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1.5rem 2rem;text-align:center;min-height:300px;max-width:430px;margin:0 auto; background:#ed213a;background:-webkit-linear-gradient(to bottom,#93291e,#ed213a);background:linear-gradient(to bottom,#93291e,#ed213a)}
.xmas-box .description{margin:0;color:rgba(255, 255, 255, 0);font-size:16px;font-family:'Manrope'}
.xmas-box:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:url(../imgs/snowflake.png);background-size:50%;background-position:center;background-repeat:no-repeat;opacity:.1;filter:invert(1)}
.in-logo{width:100%}
.xmas-box .in-logo:after{content:"";height:2px;background:rgba(255, 255, 255, 0);position:absolute;left:0;right:0;bottom:10px}
.in-logo .wrap-in-logo{width:auto;display:inline-block;padding:0 8px;background-color:#ed213a;z-index:1}
.wrap-in-logo img{filter:grayscale(1) brightness(0) invert(1)}

/*
.calendar-flex:hover{cursor:url(../imgs/cursor.svg),default}
*/

.xmas-footer{margin-bottom:3rem;position:relative;width:100%;text-align:center;padding:3rem;border-top:2px solid #192a56;background-color:#192a56}
.xmas-footer .site-logo{width:90%;max-width:80px;margin:0 auto}
.xmas-footer .site-logo img{width:100%}
.xmas-header{position:relative;margin-bottom:0rem}
.flxgrid.social-grid{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-end}
.social-grid li{width:14px;height:14px;border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 5px}
.social-grid li img{filter:invert(1)}
.header-logo{line-height:1;display:block;width:40px}
.header-logo img{width:100%}


@media screen and (max-width: 767px) {
    .columns {flex-direction: column-reverse;display: flex;}
    .column {flex: none;width: 100%;padding: 12px}
    .number-item {width: calc(25%);padding: 8px;}
    .xmas-card {height:calc(25vw - 28.5px)}
    .xmas-number {padding: 0;font-size: 8rem;width: 100%;height: 100%}
    .container{padding: 0 5px}
    .xmas-box {border-width: 15px}

    .remove-in-mob {
        display: none;
        
    }

    .xmas-header {
      
        background-color:#192a5600;
        margin-bottom:0.5rem;
    }

    .container {
        height: 100%;
        margin-top: 0;
    }

    
    .left_xmas_light {
        position: fixed;
        left: 0;      
        z-index: -1;
        top: 0;
        height: 100%;     
    }

    .right_xmas_light {
        position: fixed;
        right: 0;
        z-index: -1;
        top: 0;
        height: 100%;
    }


}