/* start new year */
html.newYear #header::before{
    content:'';
    height: 119px;
    left: 0;
    right: 0;
    top: 62px;
    bottom: auto;
    display: block;
    position: absolute;
    z-index: -3;
    background: url(../images/holidays/lights.png) repeat-x center;
    background-size: 100%;
}
html.newYear body #header::before{
    top: 115px;
    bottom: auto;
}
html.newYear #header.scrolled-header::before{
    bottom: -80px;
    top: auto;
}
html.newYear body #header.scrolled-header::before{
    bottom: -80px;
    top: auto;
}
html.newYear body::before{
    content:'';
    width: 130px;
    height: 186px;
    left: -18px;
    margin: auto;
    top: 60%;
    bottom: 0;
    display: block;
    position: fixed;
    z-index: 5;
    background: url(../images/holidays/ded.png) no-repeat center;
    background-size: 100%;
    transition: top 1.5s ease 0s;
}
html.newYear::after{
    content:'';
    width: 160px;
    height: 213px;
    right: -18px;
    top: 60%;
    margin: auto;
    bottom: 0;
    display: block !important;
    position: fixed;
    z-index: 5;
    background: url(../images/holidays/kangaroo.png) no-repeat center;
    background-size: 100%;
    transition: top 1.5s ease 0s;
}
html.newYear.more100 body::before,
html.newYear.more100::after{
    top: 15%;
}

@media only screen and (max-width : 992px) {
    html.newYear body::before{
        width:132px;
        height: 190px;
    }
    html.newYear::after{
        width:167px;
        height: 218px;
    }
    html.newYear #header::before{
        height: 75px;
        top: auto;
        bottom: -43px;
    }
    html.newYear #header.scrolled-header::before {
        top: auto;
        bottom: -43px;
    }
    html.newYear body #header::before{
        height: 75px;
        top: 30px;
    }
    html.newYear body #header.scrolled-header::before {
        bottom: -41px;
        top: auto;
    }

}
@media only screen and (max-width : 767px) {
    html.newYear body::before{
        width:66px;
        height: 95px;
        left: -9px;
    }
    html.newYear::after{
        width:84px;
        height: 109px;
        right: -10px;
    }
    html.newYear #header.scrolled-header::before {
        top: auto;
        bottom: -40px;
    }
    html.newYear #header::before {
        top: auto !important;
        bottom: -40px !important;
    }
    html.newYear body #header::before {
        top: 178px;
        -webkit-background-size: auto;
        background-size: auto;
    }
}
/*
end New Year
*/

/*China and Australia*/
html.chineseNewYear body #header::before{
    content:'';
    height: 119px;
    left: 0;
    right: 0;
    top: unset;
    bottom: 0;
    display: block;
    position: absolute;
    z-index: -3;
    background: url(../images/holidays/ocassion/aus_chi_top.png) repeat-x center;
    background-size: contain;
}
html.chineseNewYear body #header::before{
    top: unset;
    bottom: 0;
}
html.chineseNewYear body #header.holidayCustom::before{
    top: unset;
    bottom: 0;
    opacity: 0.3;
}
html.chineseNewYear #header.scrolled-header::before{
    bottom: -80px;
    top: auto;
}
html.chineseNewYear body #header.scrolled-header::before{
    bottom: -80px;
    top: auto;
}
html.chineseNewYear #header.scrolled-header::before{
    display: none !important;
}
html.chineseNewYear body #header.scrolled-header,
html.chineseNewYear body:not() #header{
    background: #fff url(../images/holidays/ocassion/aus_chi_top.png) repeat-x center;
    background-size: contain;
}
html.chineseNewYear body #header.scrolled-header > .container > .row,
html.chineseNewYear body:not() #header > .container > .row{
    background: rgba(255,255,255,0.8);
}
html.chineseNewYear body::before{
    content:'';
    width: 105px;
    height: 572px;
    left: -1px;
    margin: auto;
    top: 60%;
    bottom: 0;
    display: block;
    position: fixed;
    z-index: 1001;
    background: url(../images/holidays/ocassion/aus_chi_left.png) no-repeat left center;
    background-size: contain;
    transition: top 1.5s ease 0s;
}
html.chineseNewYear::after{
    content:'';
    width: 170px;
    height: 458px;
    right: -1px;
    top: 60%;
    margin: auto;
    bottom: 0;
    display: block !important;
    position: fixed;
    z-index: 1002;
    background: url(../images/holidays/ocassion/aus_chi_right.png) no-repeat right center;
    background-size: contain;
    transition: top 1.5s ease 0s;
}



html.chineseNewYear.more100 body::before,
html.chineseNewYear.more100::after{
    top: 15%;
}

@media only screen and (max-width : 992px) {
    html.chineseNewYear body::before{
        width: 74px;
        height: 372px;
    }
    html.chineseNewYear::after{
        width: 111px;
        height: 228px;
    }


    html.chineseNewYear body #header::before{
        display: none;
    }

}
@media only screen and (max-width : 480px) {
    html.chineseNewYear body::before{
        width: 57px;
        height: 286px;
    }
    html.chineseNewYear::after{
        width: 85px;
        height: 228px;
    }
}
/*end China and Australia



/*NZ Waitangi Day*/

html.waitangiDayNz body #header::before{
    content:'';
    height: 119px;
    left: 0;
    right: 0;
    top: 62px;
    bottom: auto;
    display: block;
    position: absolute;
    z-index: -3;
    background: url(../images/holidays/ocassion/waitangi_top.png) repeat-x center;
    background-size: contain;
}
html.waitangiDayNz body #header::before{
    top: 109px;
    bottom: auto;
}
html.waitangiDayNz #header.scrolled-header::before{
    bottom: -80px;
    top: auto;
}
html.waitangiDayNz body #header.scrolled-header::before{
    bottom: -80px;
    top: auto;
}
html.waitangiDayNz #header.scrolled-header::before{
    display: none !important;
}
html.waitangiDayNz body #header.scrolled-header,
html.waitangiDayNz body:not() #header{
    background: #fff url(../images/holidays/ocassion/waitangi_top.png) repeat-x 0 95%;
    background-size: contain;
}
html.waitangiDayNz body #header.scrolled-header > .container > .row,
html.waitangiDayNz body:not() #header > .container > .row{
    background: rgba(255,255,255,0.8);
}
html.waitangiDayNz body::before{
    content:'';
    width: 105px;
    height: 157px;
    left: -1px;
    margin: auto;
    top: 60%;
    bottom: 0;
    display: block;
    position: fixed;
    z-index: 1001;
    background: url(../images/holidays/ocassion/waitangi_left.png) no-repeat left center;
    background-size: contain;
    transition: top 1.5s ease 0s;
}
html.waitangiDayNz::after{
    content:'';
    width: 170px;
    height: 134px;
    right: -1px;
    top: 60%;
    margin: auto;
    bottom: 0;
    display: block !important;
    position: fixed;
    z-index: 1002;
    background: url(../images/holidays/ocassion/waitangi_right.png) no-repeat right center;
    background-size: contain;
    transition: top 1.5s ease 0s;
}



html.waitangiDayNz.more100 body::before,
html.waitangiDayNz.more100::after{
    top: 15%;
}

@media only screen and (max-width : 992px) {
    html.waitangiDayNz body::before{
        width: 74px;
        height: 110px;
    }
    html.waitangiDayNz::after{
        width: 111px;
        height: 88px;
    }


    html.waitangiDayNz body #header::before{
        display: none;
    }

}
@media only screen and (max-width : 480px) {
    html.waitangiDayNz body::before{
        width: 57px;
        height: 85px;
    }
    html.waitangiDayNz::after{
        width: 85px;
        height: 67px;
    }
}
/*end NZ Waitangi Day




/*Womens Day*/

html.internationalWomensDay body #header::before{
    content:'';
    height: 166px;
    left: 0;
    right: 0;
    top: 62px;
    bottom: auto;
    display: block;
    position: absolute;
    z-index: -3;
    background: url(../images/holidays/ocassion/woman_top.png) repeat-x center;
    background-size: contain;
}
html.internationalWomensDay body #header::before{
    top: 109px;
    bottom: auto;
}
html.internationalWomensDay #header.scrolled-header::before{
    bottom: -80px;
    top: auto;
}
html.internationalWomensDay body #header.scrolled-header::before{
    bottom: -80px;
    top: auto;
}
html.internationalWomensDay #header.scrolled-header::before{
    display: none !important;
}
html.internationalWomensDay body #header.scrolled-header,
html.internationalWomensDay body:not() #header{
    background: #fff url(../images/holidays/ocassion/woman_top.png) repeat-x 0 95%;
    background-size: contain;
}
html.internationalWomensDay body #header.scrolled-header > .container > .row,
html.internationalWomensDay body:not() #header > .container > .row{
    background: rgba(255,255,255,0.8);
}
html.internationalWomensDay body::before{
    content:'';
    width: 218px;
    height: 392px;
    left: 0;
    margin: auto;
    top: 60%;
    bottom: 0;
    display: block;
    position: fixed;
    z-index: 1001;
    background: url(../images/holidays/ocassion/woman_left.png) no-repeat left center;
    background-size: contain;
    transition: top 1.5s ease 0s;
}
html.internationalWomensDay::after{
    content:'';
    width: 228px;
    height: 447px;
    right: 0;
    top: 60%;
    margin: auto;
    bottom: 0;
    display: block !important;
    position: fixed;
    z-index: 1002;
    background: url(../images/holidays/ocassion/woman_right.png) no-repeat right center;
    background-size: contain;
    transition: top 1.5s ease 0s;
}



html.internationalWomensDay.more100 body::before,
html.internationalWomensDay.more100::after{
    top: 15%;
}

@media only screen and (max-width : 992px) {
    html.internationalWomensDay body::before{
        width: 160px;
        height: 235px;
    }
    html.internationalWomensDay::after{
        width: 137px;
        height: 267px;
    }


    html.internationalWomensDay body #header::before{
        display: none;
    }

}
@media only screen and (max-width : 480px) {
    html.internationalWomensDay body::before{
        width: 80px;
        height: 118px;
    }
    html.internationalWomensDay::after{
        width: 68px;
        height: 133px;
    }
}
/*end Womens Day








/*Easter Day*/

html.easter body #header::before{
    content:'';
    height: 166px;
    left: 0;
    right: 0;
    top: 62px;
    bottom: auto;
    display: block;
    position: absolute;
    z-index: -3;
    background: url(../images/holidays/ocassion/easter_top.png) repeat-x center;
    background-size: contain;
}
html.easter body #header::before{
    top: 109px;
    bottom: auto;
}
html.easter #header.scrolled-header::before{
    bottom: -80px;
    top: auto;
}
html.easter body #header.scrolled-header::before{
    bottom: -80px;
    top: auto;
}
html.easter #header.scrolled-header::before{
    display: none !important;
}
html.easter body #header.scrolled-header,
html.easter body:not() #header{
    background: #fff url(../images/holidays/ocassion/easter_top.png) repeat-x 0 95%;
    background-size: contain;
}
html.easter body #header.scrolled-header > .container > .row,
html.easter body:not() #header > .container > .row{
    background: rgba(255,255,255,0.8);
}
html.easter body::before{
    content:'';
    width: 190px;
    height: 319px;
    left: 0;
    margin: auto;
    top: 60%;
    bottom: 0;
    display: block;
    position: fixed;
    z-index: 1001;
    background: url(../images/holidays/ocassion/easter_left.png) no-repeat left center;
    background-size: contain;
    transition: top 1.5s ease 0s;
}
html.easter::after{
    content:'';
    width: 295px;
    height: 200px;
    right: 0;
    top: 60%;
    margin: auto;
    bottom: 0;
    display: block !important;
    position: fixed;
    z-index: 1002;
    background: url(../images/holidays/ocassion/easter_right.png) no-repeat right center;
    background-size: contain;
    transition: top 1.5s ease 0s;
}



html.easter.more100 body::before,
html.easter.more100::after{
    top: 15%;
}

@media only screen and (max-width : 992px) {
    html.easter body::before{
        width: 95px;
        height: 159px;
    }
    html.easter::after{
        width: 146px;
        height: 100px;
    }


    html.easter body #header::before{
        display: none;
    }

}
@media only screen and (max-width : 480px) {
    html.easter body::before{
        width: 80px;
        height: 118px;
    }
    html.easter::after{
        width: 98px;
        height: 70px;
    }
}
/*end Easter Day




/*Israel Independence Day*/
html.israelIndependenceDay body #header::before{
    content:'';
    height: 166px;
    left: 0;
    right: 0;
    top: 62px;
    bottom: auto;
    display: block;
    position: absolute;
    z-index: -3;
    background: url(../images/holidays/ocassion/israel_top.png) repeat-x center;
    background-size: contain;
}
html.israelIndependenceDay body #header::before{
    top: 109px;
    bottom: auto;
}
html.israelIndependenceDay #header.scrolled-header::before{
    bottom: -80px;
    top: auto;
}
html.israelIndependenceDay body #header.scrolled-header::before{
    bottom: -80px;
    top: auto;
}
html.israelIndependenceDay #header.scrolled-header::before{
    display: none !important;
}
html.israelIndependenceDay body #header.scrolled-header,
html.israelIndependenceDay body:not() #header{
    background: #fff url(../images/holidays/ocassion/israel_top.png) repeat-x 0 95%;
    background-size: contain;
}
html.israelIndependenceDay body #header.scrolled-header > .container > .row,
html.israelIndependenceDay body:not() #header > .container > .row{
    background: rgba(255,255,255,0.8);
}
html.israelIndependenceDay body::before{
    content:'';
    width: 274px;
    height: 234px;
    left: 0;
    margin: auto;
    top: 60%;
    bottom: 0;
    display: block;
    position: fixed;
    z-index: 1001;
    background: url(../images/holidays/ocassion/israel_left.png) no-repeat left center;
    background-size: contain;
    transition: top 1.5s ease 0s;
}
html.israelIndependenceDay::after{
    content:'';
    width: 261px;
    height: 194px;
    right: 0;
    top: 60%;
    margin: auto;
    bottom: 0;
    display: block !important;
    position: fixed;
    z-index: 1002;
    background: url(../images/holidays/ocassion/israel_right.png) no-repeat right center;
    background-size: contain;
    transition: top 1.5s ease 0s;
}



html.israelIndependenceDay.more100 body::before,
html.israelIndependenceDay.more100::after{
    top: 15%;
}

@media only screen and (max-width : 992px) {
    html.israelIndependenceDay body::before{
        width: 137px;
        height: 117px;
    }
    html.israelIndependenceDay::after{
        width: 130px;
        height: 87px;
    }


    html.israelIndependenceDay body #header::before{
        display: none;
    }

}
@media only screen and (max-width : 480px) {
    html.israelIndependenceDay body::before{
        width: 95px;
        height: 82px;
    }
    html.israelIndependenceDay::after{
        width: 91px;
        height: 61px;
    }
}
/*end Israel Independence Day */


/*start US Independence Day*/
html.uSIndependenceDay body #header::before{
    content:'';
    height: 83px;
    left: 0;
    right: 0;
    top: 62px;
    bottom: auto;
    display: block;
    position: absolute;
    z-index: -3;
    background: url(../images/holidays/ocassion/usa_top.png) repeat-x center;
    background-size: contain;
}
html.uSIndependenceDay body #header::before{
    top: 109px;
    bottom: auto;
}
html.uSIndependenceDay #header.scrolled-header::before{
    bottom: -80px;
    top: auto;
}
html.uSIndependenceDay body #header.scrolled-header::before{
    bottom: -80px;
    top: auto;
}
html.uSIndependenceDay #header.scrolled-header::before{
    display: none !important;
}
html.uSIndependenceDay body #header.scrolled-header,
html.uSIndependenceDay body:not() #header{
    background: transparent url(../images/holidays/ocassion/usa_top.png) repeat-x 0 95%;
    background-size: contain;
}
html.uSIndependenceDay body #header.scrolled-header > .container > .row,
html.uSIndependenceDay body:not() #header > .container > .row{
    background: rgba(255,255,255,0.8);
}
html.uSIndependenceDay body::before{
    content:'';
    width: 134px;
    height: 184px;
    left: 0;
    margin: auto;
    top: 60%;
    bottom: 0;
    display: block;
    position: fixed;
    z-index: 1001;
    background: url(../images/holidays/ocassion/usa_left.png) no-repeat left center;
    background-size: contain;
    transition: top 1.5s ease 0s;
}
html.uSIndependenceDay::after{
    content:'';
    width: 138px;
    height: 186px;
    right: 0;
    top: 60%;
    margin: auto;
    bottom: 0;
    display: block !important;
    position: fixed;
    z-index: 1002;
    background: url(../images/holidays/ocassion/usa_right.png) no-repeat right center;
    background-size: contain;
    transition: top 1.5s ease 0s;
}



html.uSIndependenceDay.more100 body::before,
html.uSIndependenceDay.more100::after{
    top: 15%;
}

@media only screen and (max-width : 992px) {
    html.uSIndependenceDay body::before{
        width: 107px;
        height: 147px;
    }
    html.uSIndependenceDay::after{
        width: 138px;
        height: 186px;
    }


    html.uSIndependenceDay body #header::before{
        display: none;
    }

}
@media only screen and (max-width : 480px) {
    html.uSIndependenceDay body::before{
        width: 67px;
        height: 79px;
    }
    html.uSIndependenceDay::after{
        width: 79px;
        height: 106px;
    }
}
/*end US Independence Day */




/*start Singapore National Day*/
html.sinaporeDay body #header::before{
    content:'';
    height: 164px;
    left: 0;
    right: 0;
    top: -11px;
    bottom: auto;
    display: block;
    position: absolute;
    z-index: -3;
    background: url(../images/holidays/ocassion/singapore_top.png) repeat-x center;
    background-size: contain;
}

html.sinaporeDay #header.scrolled-header::before{
    bottom: -80px;
    top: auto;
}
html.sinaporeDay body #header.scrolled-header::before{
    bottom: -80px;
    top: auto;
}
html.sinaporeDay #header.scrolled-header::before{
    display: none !important;
}
html.sinaporeDay body #header.scrolled-header,
html.sinaporeDay body:not() #header{
    background: transparent url(../images/holidays/ocassion/singapore_top.png) repeat-x 0 95%;
    background-size: contain;
}
html.sinaporeDay body #header.scrolled-header > .container > .row,
html.sinaporeDay body:not() #header > .container > .row{
    background: rgba(255,255,255,0.8);
}
html.sinaporeDay body::before{
    content:'';
    width: 80px;
    height: 169px;
    left: 0;
    margin: auto;
    top: 60%;
    bottom: 0;
    display: block;
    position: fixed;
    z-index: 1001;
    background: url(../images/holidays/ocassion/singapore_left.png) no-repeat left center;
    background-size: contain;
    transition: top 1.5s ease 0s;
}
html.sinaporeDay::after{
    content:'';
    width: 93px;
    height: 151px;
    right: 0;
    top: 60%;
    margin: auto;
    bottom: 0;
    display: block !important;
    position: fixed;
    z-index: 1002;
    background: url(../images/holidays/ocassion/singapore_right.png) no-repeat right center;
    background-size: contain;
    transition: top 1.5s ease 0s;
}



html.sinaporeDay.more100 body::before,
html.sinaporeDay.more100::after{
    top: 15%;
}

@media only screen and (max-width : 992px) {
    html.sinaporeDay body::before{
        width: 80px;
        height: 169px;
    }
    html.sinaporeDay::after{
        width: 93px;
        height: 151px;
    }


    html.sinaporeDay body #header::before{
        display: none;
    }

}
@media only screen and (max-width : 480px) {
    html.sinaporeDay body::before{
        width: 55px;
        height: 116px;
    }
    html.sinaporeDay::after{
        width: 67px;
        height: 109px;
    }
}
/*end Singapore National Day */





/*start Diwali Day Day*/
html.diwaliDay body #header::before{
    content:'';
    height: 276px;
    left: 0;
    right: 0;
    top: 30px;
    bottom: auto;
    bottom: auto;
    display: block;
    position: absolute;
    z-index: -3;
    background: url(../images/holidays/ocassion/diwali_top.png) repeat-x center;
    background-size: contain;
}

html.diwaliDay #header.scrolled-header::before{
    bottom: -80px;
    top: auto;
}
html.diwaliDay body #header.scrolled-header::before{
    bottom: -80px;
    top: auto;
}
html.diwaliDay #header.scrolled-header::before{
    display: none !important;
}
html.diwaliDay body #header.scrolled-header,
html.diwaliDay body:not() #header{
    background: transparent url(../images/holidays/ocassion/diwali_top.png) repeat-x 0 95%;
    background-size: contain;
}
html.diwaliDay body #header.scrolled-header > .container > .row,
html.diwaliDay body:not() #header > .container > .row{
    background: rgba(255,255,255,0.8);
}
html.diwaliDay body::before{
    content:'';
    width: 113px;
    height: 177px;
    left: 0;
    margin: auto;
    top: 60%;
    bottom: 0;
    display: block;
    position: fixed;
    z-index: 1001;
    background: url(../images/holidays/ocassion/diwali_left.png) no-repeat left center;
    background-size: contain;
    transition: top 1.5s ease 0s;
}
html.diwaliDay::after{
    content:'';
    width: 87px;
    height: 159px;
    right: 0;
    top: 60%;
    margin: auto;
    bottom: 0;
    display: block !important;
    position: fixed;
    z-index: 1002;
    background: url(../images/holidays/ocassion/diwali_right.png) no-repeat right center;
    background-size: contain;
    transition: top 1.5s ease 0s;
}



html.diwaliDay.more100 body::before,
html.diwaliDay.more100::after{
    top: 15%;
}

@media only screen and (max-width : 992px) {
    html.diwaliDay body::before{
        width: 92px;
        height: 142px;

    }
    html.diwaliDay::after{
        width: 73px;
        height: 133px;
    }


    html.diwaliDay body #header::before{
        display: none;
    }

}
@media only screen and (max-width : 480px) {
    html.diwaliDay body::before{
        width: 71px;
        height: 111px;
    }
    html.diwaliDay::after{
        width: 53px;
        height: 97px;
    }
}
/*end Diwali Day */


/*start Australia Day*/
html.australiaDay body #header::before{
    content:'';
    height: 114px;
    left: 0;
    right: 0;
    top: 159px;
    bottom: auto;
    bottom: auto;
    display: block;
    position: absolute;
    z-index: -3;
    background: url(../images/holidays/ocassion/australia_top.png) repeat-x center;
    background-size: contain;
}

html.australiaDay body #header.holidayCustom::before{
    top: unset;
    bottom: 0;
    opacity: 0.3;
}

html.australiaDay #header.scrolled-header::before{
    bottom: -80px;
    top: auto;
}
html.australiaDay body #header.scrolled-header::before{
    bottom: -80px;
    top: auto;
}
html.australiaDay #header.scrolled-header::before{
    display: none !important;
}
html.australiaDay body #header.scrolled-header,
html.australiaDay body:not() #header{
    background: transparent url(../images/holidays/ocassion/australia_top.png) repeat-x 0 95%;
    background-size: contain;
}
html.australiaDay body #header.scrolled-header > .container > .row,
html.australiaDay body:not() #header > .container > .row{
    background: rgba(255,255,255,0.8);
}
html.australiaDay body::before{
    content:'';
    width: 75px;
    height: 177px;
    left: 0;
    margin: auto;
    top: 60%;
    bottom: 0;
    display: block;
    position: fixed;
    z-index: 1001;
    background: url(../images/holidays/ocassion/australia_left.png) no-repeat left center;
    background-size: contain;
    transition: top 1.5s ease 0s;
}
html.australiaDay::after{
    content:'';
    width: 133px;
    height: 106px;
    right: 0;
    top: 60%;
    margin: auto;
    bottom: 0;
    display: block !important;
    position: fixed;
    z-index: 1002;
    background: url(../images/holidays/ocassion/australia_right.png) no-repeat right center;
    background-size: contain;
    transition: top 1.5s ease 0s;
}



html.australiaDay.more100 body::before,
html.australiaDay.more100::after{
    top: 15%;
}

@media only screen and (max-width : 992px) {
    html.australiaDay body::before{
        width: 55px;
        height: 130px;

    }
    html.australiaDay::after{
        width: 99px;
        height: 79px;
    }


    html.australiaDay body #header::before{
        display: none;
    }

}
@media only screen and (max-width : 480px) {
    html.australiaDay body::before{
        width: 42px;
        height: 99px;
    }
    html.australiaDay::after{
        width: 79px;
        height: 63px;
    }
}
/*end Australia Day */