/* Browser Reset */
html,
body {
    margin: 0px;
    padding: 0px;
}

/* All Sizes */
body {
    color: #292929;
}

@font-face {
    font-family: louis-regular;
    src: url('https://gw-crs-assets.s3.amazonaws.com/fonts/louis/louis-regular-webfont.woff2');
}

@font-face {
    font-family: louis-bold;
    src: url('https://gw-crs-assets.s3.amazonaws.com/fonts/louis/louis-bold-webfont.woff2');
}

@font-face {
    font-family: louis-heavy;
    src: url('https://gw-crs-assets.s3.amazonaws.com/fonts/louis/louis-heavy-webfont.woff2');
}

.ad,
.background,
.exit,
.frame,
.legal,
.message-img,
.offer-img {
    left: 0px;
    position: absolute;
    top: 0px;
}

.ad {
    border: 1px solid black;
    box-sizing: border-box;
    font-family: louis-regular, arial, sans-serif;
    overflow: hidden;
}

.bowtie {
    left: 0px;
    position: absolute;
    top: 0px;
    z-index: 11;
}

.frame {
    display: none;
    opacity: 0;
}

.ad,
.legal,
.frame {
    box-sizing: border-box;
}

.cta,
.dealer,
.event-logo,
.legal-btn {
    position: absolute;
}

.cta {
    background-color: #CD9834;
    color: #393839;
    font-family: louis-bold;
    font-size: 13px;
    padding: .4em .9em;
    text-align: center;
    z-index: 10;
}

.dealer {
    line-height: 1em;
    text-align: center;
    text-transform: uppercase;
    z-index: 20;
}

.dealer-name {
    font-family: louis-bold;
    font-size: 10px;
}

.dealer-logo {
    display: none;
}

.dealer-url {
    font-size: .8em;
    text-transform: lowercase;
}

.exit,
.cta,
.legal-btn,
.legal {
    cursor: pointer;
}

.legal,
.model-id {
    font-size: 10px;
    line-height: 1.0em;
}

sup {
    font-size: .6em;
}

.dealer,
.legal,
.legal-btn {
    color: white;
}

.legal {
    background-color: rgba(0, 0, 0, .8);
    overflow-y: scroll;
    padding: 1em;
    z-index: 100;
}

.exit {
    z-index: 50;
}

.dealer-name,
.model-id,
.message,
.offer {
    text-transform: uppercase;
}

.model-id {
    position: absolute;
    top: 6px;
    z-index: 20;
}

.message,
.model-id,
.offer {
    left: 6px;
}

.hidden {
    display: none;
}

.legal-btn {
    font-size: 8px;
    z-index: 80;
}

.message,
.offer {
    font-family: louis-bold;
    font-size: 16px;
    line-height: 1.2;
    margin: 0em;
    position: relative;
}

.silverado .message,
.silverado .offer {
    font-family: louis-heavy;
}

/* Messages under 80 characters */
.message.short {
    font-size: 18px;
}

/* Messages 81-180 characters */
.message.medium {
    font-size: 12px;
}

/* Messages 181 and more characters */
.message.long {
    font-size: 11px;
}

.gold {
    color: #B6862D;
}

.gray {
    color: #292929;
}

.offer .line {
    background-color: #292929;
}

._160x600,
._160x600 .background,
._160x600 .bowtie,
._160x600 .exit,
._160x600 .frame,
._160x600 .legal {
    height: 600px;
    width: 160px;
}

._160x600 .message,
._160x600 .offer {
    max-width: 148px;
}

._160x600 .cta,
._300x600 .cta,
._160x600 .legal-btn,
._300x600 .legal-btn,
._160x600 .dealer,
._300x600 .dealer {
    left: 50%;
    transform: translateX(-50%);
}

._160x600 .cta,
._300x600 .cta {
    top: 545px;
    width: 90px;
}

._160x600 .event-logo {
    max-width: 150px;
    right:5px;
    top: 225px;
}

._160x600 .message,
._300x600 .message,
._160x600 .offer,
._300x600 .offer {
    top: 30px;
}

._160x600 .legal-btn,
._300x600 .legal-btn {
    top: 582px;
}

._160x600 .dealer,
._300x600 .dealer {
    box-sizing: border-box;
    padding: .5em;
    top: 415px;
    width: 100%;
}

._160x600 .dealer {
    font-size: 11px;
}

._300x250,
._300x250 .background,
._300x250 .exit,
._300x250 .frame,
._300x250 .legal {
    height: 250px;
    width: 300px;
}

._300x250 .bowtie {
    left: -22px;
}

._300x250 .cta {
    right: 8px;
    top: 211px;
}

._300x250 .legal-btn {
    bottom: 3px;
    left: 3px;
}

._300x250 .dealer {
    bottom: 40px;
    font-size: 10px;
    right: 8px;
    text-align: center;
    width: 91px;
}

._300x250 .dealer-logo {
    max-width: 80px;
}

._300x250 .message,
._300x250 .offer {
    top: 20px;
}

._300x250 .message.pushed,
._300x250 .offer.pushed {
    top: 30px;
}

._300x250 .model-id.short,
._300x250 .offer .header.short,
._300x250 .offer .footer.short {
    max-width: 160px;
}

._300x250 .message,
._300x250 .offer,
._300x600 .message,
._300x600 .offer {
    max-width: 288px;
}

._300x250 .event-logo {
    max-width: 125px;
    right: 5px;
    top: 10px;
}

._300x600,
._300x600 .background,
._300x600 .exit,
._300x600 .frame,
._300x600 .legal {
    height: 600px;
    width: 300px;
}

._300x600 .legal {
    padding: 1.25em;
}

._300x600 .message.pushed,
._300x600 .offer.pushed {
    top: 20px;
}

._300x600 .message.short {
    font-size: 22px;
}

._300x600 .message.medium {
    font-size: 18px;
}

._300x600 .message.long {
    font-size: 16px;
}

._300x600 .dealer {
    font-size: 12px;
}

._300x600 .event-logo {
    max-width: 160px;
    right: 75px;
    top: 180px;
}

._320x50,
._320x50 .background,
._320x50 .exit,
._320x50 .frame,
._320x50 .legal {
    height: 50px;
    width: 320px;
}

._320x50 .bowtie {
    top: 8px;
}

._320x50 .message,
._320x50 .offer {
    max-width: 75px;
    top: 14px;
}

._320x50 .dealer {
    max-width: 90px;
    bottom: 5px;
    font-size: 8px;
    line-height: 8px;
    right: 73px;
    text-align: right;
}

._320x50 .event-logo {
    visibility: hidden;
}

._320x50 .dealer-name {
    display: inline-block;
    font-size: 8px;
    max-width: 60px;
}

._320x50 .dealer-url {
    font-size: 7px;
}

._320x50 .model-id {
    font-size: 8px;
    top: 1px;
}

._320x50 .legal-btn,
._320x50 .model-id,
._320x50 .message,
._320x50 .offer {
    left: 3px;
}

._320x50 .legal-btn {
    bottom: 3px;
}

._320x50 .legal {
    font-size: 8px;
    padding: .25em;
}

._320x50 .message.short,
._320x50 .message.medium,
._320x50 .message.long {
    font-size: 10px;
    line-height: 10px;
}

._728x90,
._728x90 .background,
._728x90 .exit,
._728x90 .frame,
._728x90 .legal {
    height: 90px;
    width: 728px;
}

._728x90 .bowtie {
    left: 72px;
    position: absolute;
    top: 6px;
    z-index: 11;
    width: 90%;
}

._728x90 .cta {
    padding: .2em 1em;
    right: 6px;
    top: 60px;
    font-size: 12px;
}

._728x90 .legal-btn {
    right: 100px;
    top: 7px;
}

._728x90 .dealer {
    bottom: 3px;
    font-size: 10px;
    max-width: 103px;
    right: 100px;
    text-align: right;
}

._728x90 .message,
._728x90 .offer {
    max-height: 68px;
    max-width: 325px;
    top: 16px;
}

._728x90 .message.short {
    font-size: 13px;
}

._728x90 .message.medium {
    font-size: 10px;
}

._728x90 .message.long {
    font-size: 9px;
}

._728x90 .event-logo {
    max-width: 90px;
    right: 165px;
    top: 3px;
}

._970x250,
._970x250 .background,
._970x250 .exit,
._970x250 .frame,
._970x250 .legal {
    height: 250px;
    width: 970px;
}

._970x250 .bowtie,
._970x250 .cta,
._970x250 .dealer {
    left: 810px;
    text-align: center;
    width: 122px;
}

._970x250 .bowtie {
    top: 135px;
}

._970x250 .message,
._970x250 .model-id,
._970x250 .offer {
    left: 12px;
}

._970x250 .cta {
    padding: .4em 0em;
    top: 205px;
    width: 122px;
}

._970x250 .dealer {
    bottom: 160px;
    line-height: 15px;
}

._970x250 .message,
._970x250 .offer {
    max-height: 180px;
    max-width: 350px;
    top: 40px;
}

._970x250 .message.short {
    font-size: 30px;
}

._970x250 .message.medium {
    font-size: 21px;
}

._970x250 .message.long {
    font-size: 19px;
}

._970x250 .event-logo {
    max-width: 130px;
    right: 470px;
    top: 2px;
}

._970x250 .legal-btn {
    bottom: 10px;
    left: 18px;
}