.rawt-flash-sticky {
    position: absolute;
    bottom: 0;
    height: 0;
    visibility: hidden;
    transition: left 1.2s, transform 1s;
    -webkit-transition: left 1.2s, transform 1s;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.rawt-navbar-sticky .rawt-flash-sticky {
    display: none;
}

.rawt-navbar-sticky.sticky-active .rawt-flash-sticky {
    display: block;
}

.rawt-flash-sticky .sticky-close {
    display: none;
    position: absolute;
    top: 0;
    right: 0.2em;
    font-size: 1.3em;
    overflow: hidden;
}

.rawt-flash-sticky.closeable .sticky-close {
    display: block;
}

.rawt-flash-sticky.mini .sticky-close {
    display: none;
}

.rawt-flash-sticky.visible {
    visibility: visible;
}

.rawt-flash-sticky .sticky-close .icon {
    margin-right: 0;
}

.rawt-flash-sticky .sticky-close .icon::before {
    content: "\f00d";
}

.rawt-flash-sticky.pulse {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.rawt-navbar .rawt-flash-sticky .sticky-inner {
    position: absolute;
    top: 4.5em;
    left: 0;
    width: 8em;
    height: 13em;
}

.rawt-navbar-fixed .rawt-flash-sticky .sticky-inner {
    top: 2em;
}

.rawt-flash-sticky .sticky-content {
    display: block;
    position: absolute;
    text-decoration: none;
    background: #fff;
    color: #000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.rawt-flash-sticky .sticky-content > .icon,
.rawt-flash-popup .info > .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 9em;
    width: 1em;
    height: 1em;
    text-align: center;
    opacity: 0.04;
    margin: -0.5em 0 0 -0.55em;
    color: #000;
}

.rawt-flash-sticky.mini .sticky-content > .icon {
    font-size: 3.5em;
}

.rawt-flash-popup .info > * {
    position: relative;
}

.rawt-flash-popup .info > .icon {
    position: absolute;
    font-size: 35em;
    opacity: 0.05;
}

.rawt-flash-sticky .sticky-content > .icon::after,
.rawt-flash-popup .info > .icon::after  {
    font-family: 'TheRawtarianLogos';
    content: "\e030" !important;
}

.rawt-flash-sticky .sticky-content-type {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1em;
    box-sizing: border-box;
    transition: opacity 1s;
    -webkit-transition: opacity 1s;
    text-align: center;
}

.rawt-flash-sticky.mini .sticky-inner {
    height: 4em;
    width: 4.5em;
}

.rawt-flash-sticky .sticky-content-type.body,
.rawt-flash-sticky.show-intro .sticky-content-type.intro {
    opacity: 1;
}

.rawt-flash-sticky .sticky-content-type.intro,
.rawt-flash-sticky.show-intro .sticky-content-type.body {
    opacity: 0;
}

.rawt-flash-sticky.visible .sticky-content-type.body,
.rawt-flash-sticky.visible.show-intro .sticky-content-type.intro {
    transition-delay: 1s;
    -webkit-transition-delay: 1s;
    opacity: 1;
}

.rawt-flash-sticky.visible .sticky-content-type.intro,
.rawt-flash-sticky.visible.show-intro .sticky-content-type.body {
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    opacity: 0;
}

.rawt-flash-sticky .rawt-flash-countdown .timer .digits {
    display: none;
    font-size: 2em;
    line-height: 1em;
}

.rawt-flash-sticky.loud .rawt-flash-countdown .timer .digits {
    display: block;
}

.rawt-flash-sticky.mini .rawt-flash-countdown .timer .digits {
    font-size: 1.2em;
}

.rawt-flash-sticky .popup-content {
    display: none;
}

.rawt-flash-sticky.mini .sticky-content h3,
.rawt-flash-sticky.mini .sticky-content h5 {
    display: none;
}

.rawt-flash-sticky .sticky-content .rawt-flash-countdown .timer .msg {
    transition: height 1s;
    -webkit-transition: height 1s;
}

.rawt-flash-sticky.mini .sticky-content .rawt-flash-countdown .timer .msg {
    display: none;
}

.rawt-flash-countdown .timer {
    opacity: 1;
    transition: opacity 400ms;
    -webkit-transition: opacity 400ms;
    margin: 0.2em 0;
}

.rawt-flash-countdown .timer.flash {
    opacity: 0.1;
}

.rawt-flash-countdown .timer {
    display: block;
}

.rawt-flash-countdown .msg > * {
    display: none;
}

.rawt-flash-countdown .msg-active {
    display: block;
}

.rawt-flash-countdown.expired .msg > * {
    display: none;
}

.rawt-flash-countdown.expired .msg-expired {
    display: block;
}

.rawt-flash-countdown .timer .msg {
    font-size: 0.7em;
    text-transform: uppercase;
    line-height: 1.1em;
    margin: 0.7em 0;
    overflow: hidden;
}

.rawt-flash-popup .info {
    position: relative;
}

.rawt-flash-popup .info > .countdown {
    display: block;
}

.rawt-flash-popup .info > .countdown > .rawt-flash-countdown {
    float: right;
    margin-left: 0.8em;
    padding: 1em 1em;
    text-align: center;
    background: #eee;
}

.rawt-flash-popup .info > .countdown > .rawt-flash-countdown .digits {
    font-size: 3em;
    line-height: 1em;
}

@media all and (min-width: 650px) {
    .rawt-flash-popup .top-actions {
        display: none;
    }
}

.rawt-flash-popup .actions {
    text-align: center;
    padding: 0.8em 0;
}

.rawt-flash-popup .actions a {
    display: block;
}

.rawt-flash-popup .actions .deal .countdown {
    display: inline-block;
}

.rawt-flash-popup .actions .deal .rawt-flash-countdown .msg {
    display: none;
}

.rawt-flash-popup .actions .more {
    margin: 1em 0;
}