.oncethere-alert { 
    position: absolute;
    top: -10px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all 3s ease;
    -moz-transition: all 3s ease;
    -ms-transition: all 3s ease;
    -o-transition: all 3s ease;
    transition: all 3s ease;
}
.oncethere-alert.open { 
    right: 15px;
    top: 110px;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    z-index: 1111;
}
.oncethere-alert .btn {
    color: #fff;
    background-color: #afbd22;
    font: 500 18px 'Proxima N W01 Light', sans-serif;
    text-transform: uppercase;
    margin: 0;
    padding: 14px 20px 13px;
    margin-bottom: 20px;
}
.mobileNav .oncethere-alert { position: relative; top: auto; right: auto; width: 100%; }
.mobileNav .dl-menuwrapper li.ot-nav { 
    background-color: #afbd22;
    border: 0px;
    padding: 0;
    text-align: center;
}
.mobileNav .dl-menuwrapper li.ot-nav a { 
    border-radius: 0px;
    padding: 0px;
    line-height: 50px;
}

.oncethere-alert.extended { position: relative; right: auto; top: auto; height: 0px; width: 100%; z-index: 0; }
.oncethere-alert.extended.open { height: 50px; }
.oncethere-alert.extended .btn { display: block; margin-bottom: 0px; text-align: center; border-radius: 0px; background: #2B7BC5;  }

.oncethere-alert.hideondesktop { display: none !important; }
.ot-nav { margin-bottom: 10px; }
.ot-nav .oncethere-alert { 
    display: block !important; 
    position: relative;
    right: auto;
    top: auto;
    margin: 0px auto;
    text-align: center;
}
.ot-nav .oncethere-alert .btn { padding: 5px 10px 5px; border-radius: 0; font-size: 16px; display: inline-block; min-width: 90%; margin-bottom: 0px; }
.ot-nav .oncethere-alert.hideondesktop { display: inline-block !important; }

@media only screen and (max-width: 64.063em) {
    .oncethere-alert { display: none !important; }
    .oncethere-alert.extended.open { display: inline-block !important; }
    
}
@media only screen and (max-width: 40.063em) {

}