/* start flash-light */
.before-block-rcl {
    position: relative;
}
.top_rclbr.lightrope {
    left: 0;
    margin: -15px 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 0;
    white-space: nowrap;
    width: 100%;
    z-index: 101;
}
.block-rcl ul.lightrope {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    margin: -15px 0;
    padding: 0;
    pointer-events: none;
    width: 100%;
    z-index: 9;
}
.lightrope li {
    width: 12px;
    height: 28px;
}
.top_rclbr.lightrope li {
    height: 20px;
    width: 20px;
}
.top_rclbr.lightrope li:nth-child(2n+1),
.lightrope li:nth-child(2n+1) {
    background: cyan;
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.5);
    -webkit-animation-name: flash-2;
                    animation-name: flash-2;
    -webkit-animation-duration: 0.4s;
                    animation-duration: 0.4s;
}
.top_rclbr.lightrope li:nth-child(4n+2),
.lightrope li:nth-child(4n+2) {
    background: #f70094;
    box-shadow: 0px 4.66667px 24px 3px #f70094;
    -webkit-animation-name: flash-3;
                    animation-name: flash-3;
    -webkit-animation-duration: 1.1s;
                    animation-duration: 1.1s;
}
.top_rclbr.lightrope li:nth-child(odd),
.lightrope li:nth-child(odd) {
    -webkit-animation-duration: 1.8s;
                    animation-duration: 1.8s;
}
.top_rclbr.lightrope li:nth-child(3n+1),
.lightrope li:nth-child(3n+1) {
    -webkit-animation-duration: 1.4s;
                    animation-duration: 1.4s;
}
.lightrope li:before {
    content: "";
    position: absolute;
    background: #222;
    width: 10px;
    height: 9.33333px;
    border-radius: 3px;
    top: -4.66667px;
    left: 1px;
}
.top_rclbr.lightrope li::before {
    height: 9px;
    top: -7px;
    width: 18px;
}
.lightrope li:after {
    content: "";
    top: -14px;
    left: 9px;
    position: absolute;
    width: 52px;
    height: 18.66667px;
    border-bottom: solid #222 2px;
    border-radius: 50%;
}
.top_rclbr.lightrope li::after {
    height: 15px;
    left: 15px;
}
.lightrope li:last-child:after {
    content: none;
}
.lightrope li:first-child {
    margin-left: -40px;
}
ul.lightrope li ,
.top_rclbr.lightrope li {
    position: relative;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    list-style: none;
    padding: 0;
    border-radius: 50%;
    margin: 20px;
    display: inline-block;
    background: #00f7a5;
    box-shadow: 0px 4.66667px 24px 3px #00f7a5;
    -webkit-animation-name: flash-1;
                    animation-name: flash-1;
    -webkit-animation-duration: 2s;
                    animation-duration: 2s;
}
@-webkit-keyframes flash-1 {
    0%, 100% {
        background: #00f7a5;
        box-shadow: 0px 4.66667px 24px 3px #00f7a5;
    }
    50% {
        background: rgba(0, 247, 165, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(0, 247, 165, 0.2);
    }
}
@keyframes flash-1 {
    0%, 100% {
        background: #00f7a5;
        box-shadow: 0px 4.66667px 24px 3px #00f7a5;
    }
    50% {
        background: rgba(0, 247, 165, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(0, 247, 165, 0.2);
    }
}
@-webkit-keyframes flash-2 {
    0%, 100% {
        background: cyan;
        box-shadow: 0px 4.66667px 24px 3px cyan;
    }
    50% {
        background: rgba(0, 255, 255, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.2);
    }
}
@keyframes flash-2 {
    0%, 100% {
        background: cyan;
        box-shadow: 0px 4.66667px 24px 3px cyan;
    }
    50% {
        background: rgba(0, 255, 255, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.2);
    }
}
@-webkit-keyframes flash-3 {
    0%, 100% {
        background: #f70094;
        box-shadow: 0px 4.66667px 24px 3px #f70094;
    }
    50% {
        background: rgba(247, 0, 148, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(247, 0, 148, 0.2);
    }
}
@keyframes flash-3 {
    0%, 100% {
        background: #f70094;
        box-shadow: 0px 4.66667px 24px 3px #f70094;
    }
    50% {
        background: rgba(247, 0, 148, 0.4);
        box-shadow: 0px 4.66667px 24px 3px rgba(247, 0, 148, 0.2);
    }
}
/* end flash-light */

/* start santa footer */
#santa {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 49px;
    margin: 0 auto;
    padding: 0;
}
#santa:before {
    position: absolute;
    bottom: -2px;
    left: -200px;
    content: "";
    display: inline-block;
    width: 200px;
    height: 26px;
    -webkit-animation-delay: 4s;
    -webkit-animation-duration: 20s;
    -webkit-animation-name: santamove;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-delay: 4s;
    animation-duration: 20s;
    animation-name: santamove;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
#santa:after {
    position: absolute;
    bottom:-2px;
    left: 0;
    content: "";
    display: inline-block;
    width: 100%;
    height: 10px;
}
@-webkit-keyframes santamove {
    from {left: 0%;}
    to {left: 200%;}
}
@keyframes santamove {
    from {left: 0%;}
    to {left: 200%;}
}
/* end santa footer */

/* start santa hat */
.santa_hat {
    background-repeat: no-repeat;
    height: 64px;
    left: -30px;
    pointer-events: none;
    position: absolute;
    top: -11px;
    width: 64px;
    z-index: 1;
}
.office-grace .santa_hat {
    left: auto;
    right: -7px;
    transform: rotate(90deg);
    top: -25px;
}
.office-clear-sky .santa_hat {
    left: -22px;
    top: -6px;
}
/* end santa hat */