﻿.MyAccount.active {
    Z-INDEX: 99999 !important;
}

header.site-header.header-style-3.mobile-sider-drawer-menu.sticky-header {
    z-index: 9999;
}
h1.twm-bnr-title-large {
    color: #fff;
}
a.home-link.pull-right.adv-search {
    color: #fff;
}
.christmas-bg {
    background: linear-gradient(132deg, #0004c4, #ed4141) !important;
   
}
img.merry-christmas-text {
    margin: 0 0 38px 0;
}
.christmas-view img.snow-bg-santa {
    position: absolute;
    right: 0;
    top: -135px;
}
.christmas-view .twm-bnr-center-section {
    position: relative;
}
img.top-toran {
    position: absolute;
    top: 14px;
    right: 0;
    width: 100%;
    z-index: 9;
}
img.top-toran-right {
    position: absolute;
    top: 67px;
    right: 0;
    z-index: 999;
}
img.top-toran-left-2 {
    position: absolute;
    top: 67px;
    left: 0;
    z-index: 999;
}








@media only screen and (max-width:1600px) {
    .christmas-view  img.top-toran-right {
        width: 163px;
    }

    .christmas-view  img.top-toran-left-2 {
        width: 163px;
    }
    .christmas-view  img.top-toran {
        top: 30px;
    }
    .christmas-view  img.merry-christmas-text {
        margin: 0 0 15px 0;
    }

    .christmas-view  .twm-bnr-center-section {
        width: 92%;
    }
}




@media only screen and (max-width:991px) {
    img.top-toran-right, img.top-toran-left-2 {
        width: 114px !important;
        top: 70px;
    }
    img.top-toran {
        display: none;

    }
    .christmas-view img.snow-bg-santa {
        display: none;
    }
}




/**************animation***************/

.snow-container {
    z-index: 999;
}


body {
    margin: 0;
}

.snow-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.snowflake {
    position: absolute;
    background: #fff;
    width: 0px;
    height: 0px;
    border-radius: 50%;
    opacity: 1;
    animation: fall linear infinite;
}

@keyframes fall {
    0% {
        transform: translateY(0) rotate(0deg);
    }

    100% {
        transform: translateY(100vh) rotate(360deg);
    }
}


