/* -----------< location set up >----------- */
#fluff_4{
    position: relative;
}
#bannerWrap{
    position: relative;
}
/* -----------<  >----------- */
.flame-container{
    height: 160px;
    width: 110px;
    position: absolute;
    right: -124px;
    display: none;
}
.flame-container.offset-y{
    margin-top: -15px;
}
/* -----------< fade in animation >----------- */
.light{
    background-color:rgba(217, 214, 136, 0.00);
    /*webkit*/
    -webkit-animation-name:light;-webkit-animation-duration:4s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:linear;
    /*moz*/
    -moz-animation-name:light;-moz-animation-duration:4s;-moz-animation-iteration-count:1;-moz-animation-timing-function:linear;
    /*default*/
    animation-name:light;
    animation-duration:4s;
    animation-iteration-count:1;
    animation-timing-function:linear;
}
@-moz-keyframes light {
    0% {background-color: rgba(217, 214, 136, 0.00);-moz-box-shadow: 5px -6px 16px 12px transparent;}
    80% {background-color: rgba(217, 214, 136, 0.39);-moz-box-shadow: 5px -6px 30px 20px rgba(254, 209, 151, 0.53);}
    100% {background-color: rgba(217, 214, 136, 0.39);-moz-box-shadow: 5px -6px 20px 8px rgba(254, 209, 151, 0.53), 11px -8px 25px 15px rgba(254, 209, 151, 0.4);}
}
/* -----------< webkit >----------- */
@-webkit-keyframes light {
    0% {background-color: rgba(217, 214, 136, 0.00);-webkit-box-shadow: 5px -6px 16px 12px transparent;}
    80% {background-color: rgba(217, 214, 136, 0.39);-webkit-box-shadow: 5px -6px 30px 20px rgba(254, 209, 151, 0.53);}
    100% {background-color: rgba(217, 214, 136, 0.39);-webkit-box-shadow: 5px -6px 20px 8px rgba(254, 209, 151, 0.53), 11px -8px 25px 15px rgba(254, 209, 151, 0.4);}
}
/* -----------< default >----------- */
@keyframes light {
    0% {
        background-color: rgba(217, 214, 136, 0.00);
        box-shadow: 5px -6px 16px 12px transparent;
    }
    80% {
        background-color: rgba(217, 214, 136, 0.39);
        box-shadow: 5px -6px 30px 20px rgba(254, 209, 151, 0.53);
    }
    100% {
        background-color: rgba(217, 214, 136, 0.39);
        box-shadow: 5px -6px 20px 8px rgba(254, 209, 151, 0.53), 11px -8px 25px 15px rgba(254, 209, 151, 0.4);
    }
}
/* -----------< set up >----------- */
.flame,.light{
    background-color: rgba(217, 214, 136, 0.39);
    background-color: transparent;
    height: 22px;
    left: 37px;
    position: absolute;
    top: 123px;
    width: 23px;
    /*webkit*/
    -webkit-border-radius: 40px 0 46px 25px;-webkit-box-shadow: 5px -6px 16px 12px rgba(254, 209, 151, 0.53);-webkit-box-shadow: 5px -6px 16px 12px transparent;-webkit-transform: rotate(-48deg);
    /*moz*/
    -moz-border-radius: 40px 0 46px 25px;-moz-box-shadow: 5px -6px 16px 12px rgba(254, 209, 151, 0.53);-moz-box-shadow: 5px -6px 16px 12px transparent;-moz-transform: rotate(-48deg);
    /*default*/
    border-radius: 40px 0 46px 25px;
    box-shadow: 5px -6px 16px 12px rgba(254, 209, 151, 0.53);
    box-shadow: 5px -6px 16px 12px transparent;
    transform: rotate(-48deg);
}
/* -----------< flame animation >----------- */
.flame{
    /*webkit*/
    -webkit-animation-name:burn;-webkit-animation-duration:4.8s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function:linear;-webkit-animation-delay: 4s;
    /*moz*/
    -moz-animation-name:burn;-moz-animation-duration:4.8s;-moz-animation-iteration-count: infinite;-moz-animation-timing-function:linear;-moz-animation-delay: 4s;
    /*default*/
    animation-name:burn;
    animation-duration:4.8s;
    animation-iteration-count: infinite;
    animation-timing-function:linear;
    animation-delay: 4s;
}
/* -----------< moz >----------- */
@-moz-keyframes burn {
    0% {background-color: rgba(217, 214, 136, 0.39);-moz-box-shadow: 5px -6px 16px 12px rgba(254, 209, 151, 0.53), 8px -8px 24px 10px rgba(254, 209, 151, 0.4);}
    20% {left: 38px;top: 120px;height: 25px;}
    25% {background-color: rgba(217, 214, 136, 0.45);-moz-box-shadow: 5px -6px 30px 4px rgba(254, 209, 151, 0.53), 11px -8px 30px 18px rgba(254, 209, 151, 0.4);width: 22px;height: 22px;}
    40% {left: 34px;top: 124px;height: 24px;}
    50% {background-color: rgba(217, 214, 136, 0.39);-moz-box-shadow: 11px -8px 16px 12px rgba(254, 209, 151, 0.53), 8px -8px 25px 16px rgba(255, 254, 146, 0.44);width: 25px;height: 22px;}
    60% {-moz-box-shadow: 5px -6px 30px 16px rgba(254, 209, 151, 0.53), 10px -12px 20px 18px rgba(254, 209, 151, 0.53);left: 32px;top: 123px;width: 23px;}
    75% {background-color: rgba(217, 214, 136, 0.45);-moz-box-shadow: 10px -12px 25px 16px rgba(255, 254, 130, 0.33), 5px -6px 30px 4px rgba(254, 209, 151, 0.53);height: 20px;}
    80% {left: 35px;top: 125px;height: 22px;}
    100% {background-color: rgba(217, 214, 136, 0.39);-moz-box-shadow: 5px -6px 16px 12px rgba(254, 209, 151, 0.53), 5px -6px 20px 6px rgba(254, 209, 151, 0.53);}
}
/* -----------< webkit >----------- */
@-webkit-keyframes burn {
    0% {background-color: rgba(217, 214, 136, 0.39);-webkit-box-shadow: 5px -6px 16px 12px rgba(254, 209, 151, 0.53), 8px -8px 24px 10px rgba(254, 209, 151, 0.4);}
    20% {left: 38px;top: 120px;height: 25px;}
    25% {background-color: rgba(217, 214, 136, 0.45);-webkit-box-shadow: 5px -6px 30px 4px rgba(254, 209, 151, 0.53), 11px -8px 30px 18px rgba(254, 209, 151, 0.4);width: 22px;height: 22px;}
    40% {left: 34px;top: 124px;height: 24px;}
    50% {background-color: rgba(217, 214, 136, 0.39);-webkit-box-shadow: 11px -8px 16px 12px rgba(254, 209, 151, 0.53), 8px -8px 25px 16px rgba(255, 254, 146, 0.44);width: 25px;height: 22px;}
    60% {-webkit-box-shadow: 5px -6px 30px 16px rgba(254, 209, 151, 0.53), 10px -12px 20px 18px rgba(254, 209, 151, 0.53);left: 32px;top: 123px;width: 23px;}
    75% {background-color: rgba(217, 214, 136, 0.45);-webkit-box-shadow: 10px -12px 25px 16px rgba(255, 254, 130, 0.33), 5px -6px 30px 4px rgba(254, 209, 151, 0.53);height: 20px;}
    80% {left: 35px;top: 125px;height: 22px;}
    100% {background-color: rgba(217, 214, 136, 0.39);-webkit-box-shadow: 5px -6px 16px 12px rgba(254, 209, 151, 0.53), 5px -6px 20px 6px rgba(254, 209, 151, 0.53);}
}
/* -----------< default >----------- */
@keyframes burn {
    0% {
        background-color: rgba(217, 214, 136, 0.39);
        box-shadow: 5px -6px 16px 12px rgba(254, 209, 151, 0.53), 8px -8px 24px 10px rgba(254, 209, 151, 0.4);
    }
    20% {
        left: 38px;
        top: 120px;
        height: 25px;
    }
    25% {
        background-color: rgba(217, 214, 136, 0.45);
        box-shadow: 5px -6px 30px 4px rgba(254, 209, 151, 0.53), 11px -8px 30px 18px rgba(254, 209, 151, 0.4);
        width: 22px;
        height: 22px;
    }
    40% {
        left: 34px;
        top: 124px;
        height: 24px;
    }
    50% {
        background-color: rgba(217, 214, 136, 0.39);
        box-shadow: 11px -8px 16px 12px rgba(254, 209, 151, 0.53), 8px -8px 25px 16px rgba(255, 254, 146, 0.44);
        width: 25px;
        height: 22px;
    }
    60% {
        box-shadow: 5px -6px 30px 16px rgba(254, 209, 151, 0.53), 10px -12px 20px 18px rgba(254, 209, 151, 0.53);
        left: 32px;
        top: 123px;
        width: 23px;
    }
    75% {
        background-color: rgba(217, 214, 136, 0.45);
        box-shadow: 10px -12px 25px 16px rgba(255, 254, 130, 0.33), 5px -6px 30px 4px rgba(254, 209, 151, 0.53);
        height: 20px;
    }
    80% {
        left: 35px;
        top: 125px;
        height: 22px;
    }
    100% {
        background-color: rgba(217, 214, 136, 0.39);
        box-shadow: 5px -6px 16px 12px rgba(254, 209, 151, 0.53), 5px -6px 20px 6px rgba(254, 209, 151, 0.53);
    }
}
/* -----------< /flame animation... YAY! >----------- */

@media only screen and (min-width: 1216px){
    .flame-container{
        display: block;
    }
}