/*
.mobile-road-block, .desktop-road-block {
    display: none;
}
@media (max-width: 800px) {
    .mobile-road-block {
        display: block;
    }
}
@media (min-width: 1056px) {
    .desktop-road-block {
        display: block;
    }
}
*/

.road-block {
    width: 932px;
    position: fixed;
    left: 50%;
    margin-left: -497px;
    top: 50%;
    margin-top: -200px;
    font-size: 10px;
    padding: 3em;
    box-shadow: 0 0 5em 0 rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 5em 0 rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 5em 0 rgba(0,0,0,0.4);
    overflow: hidden;
    background: #f6f6f6;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    z-index: 9999;
}
/*
.road-block:before {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.4);
    content: '';
    z-index: 998;
}*/
.road-block:after {
    content: '';
    background: rgba(255,255,255,0.15);
    transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    -webkit-transform: rotate(-18deg);
    position: absolute;
    right: 0;
    top: -30em;
    bottom: 0;
    left: 68em;
    width: 84em;
    z-index: 1;
}
.red {
    color: #ca0b2c;
}
.pop-up-logo {
    display: block;
    width: 150px;
}
.road-block h1 {
    font: bold 4em/1.3em "Unit Slab", Georgia, serif;
    margin: 0;
    position: relative;
    z-index: 999;
}
.desktop-road-block h1 {
    font-size: 6em;
}
.mobile-road-block h1 span {
    display: block;
}
.road-block h1 b {
    font-size: 70%;
    position: relative;
    top: -0.2em;
}
.apps-image {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 999;
}
.road-block p {
    margin-right: 375px;
    font: lighter 2em "Unit Slab", Georgia, serif;
    z-index: 999;
    position: relative;
}
.road-block p.offer-detail {
    padding: 0 0em 0 0;
    font-size: 2.2em;
}
.mobile-road-block p:first-of-type {
    font-size: 2.3em;
    color: #ca0b2c;
    margin-right: 450px;
    z-index: 999;
}
.desktop-road-block p:nth-of-type(2) {
    font-size: 2.3em;
    color: #ca0b2c;
    margin-right: 450px;
    z-index: 999;
}
.road-block .ctas {
    margin: 2em 0;
    padding-top: 0;
}
.road-block .cta-link {
    display: inline-block;
    z-index: 999;
}
.road-block .cta-link a {
    display: block;
    background: #ca0b2c;
    font: bold 1.6em/1 "Unit Slab", Georgia, serif;
    color: #fff;
    text-decoration: none;
    padding: 0.9em;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    box-shadow: 0 0 0.3em 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 0.3em 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 0.3em 0 rgba(0,0,0,0.3);
    position: relative;
    z-index: 999;
    text-align: center;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}
.road-block .cta-link-blue a {
    background: #4a6d82;
}
.road-block .cta-link a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 50%;
    z-index: 998;
    background: rgba(255,255,255,0.1);
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
}
.road-block .cta-link a:hover {
    background: #ae0325;
}
.road-block .primary-cta-link a {
    min-width: 14em;
}
.road-block .secondary-cta-link a {
    background: #000;
}
.road-block .secondary-cta-link a:hover {
    background: #222;
}
.road-block .cta-link {
    display: inline-block;
}
.road-block .ctas .cta-link {
    margin-right: 2em;
    font-size: 1em;
}
.road-block .logo-and-tag-line h2 {
    margin: 0 0 0.25em 0;
    font: bold 2.4em/1 "Unit Slab", Georgia, serif;
    z-index: 999;
    border: none;
}
.road-block .logo-and-tag-line h2 img {
    position: relative;
    bottom: -2px;
}
.road-block .logo-and-tag-line p, .logo-and-tag-line p:first-of-type {
    margin: 0;
    font: 1.3em/1.4 Arial, sans-serif;
    z-index: 999;
    width: 450px;
    color: black;
}
.road-block .logo-and-tag-line img {
    width: 186px;
    z-index: 999;
}
.close {
    position: absolute;
    right: 3em;
    top: 0;
    background: #ca0b2c;
    color: #fff;
    font: 1.6em/1 "Unit Slab", Georgia, serif;
    text-transform: uppercase;
    padding: 0.5em 1em;
    z-index: 999;
    cursor: pointer;
}
.close-blue {
    background: #4a6d82;
}
.close:hover {
    background: #111;
}
.closed .road-block {
    top: -200em;
    overflow: hidden;
}
body.closed:after {
    background: none;
    content: none;
}
.promotion {
    position: absolute;
    right: -20em;
    top: 0;
    background: white;
    transform:rotate(7deg);
    -ms-transform:rotate(7deg); /* IE 9 */
    -webkit-transform:rotate(7deg); /* Opera, Chrome, and Safari */
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
}
.closed .promotion {
    right: 0;
}
.survey-pop-up {
    background: #f6f6f6 url('img/politicians.jpg') no-repeat right bottom;
    background-size: 970px;
    min-height: 515px;
}


/* Neil Gaiman survey pop-up */
.gaiman-pop-up p {
    font-size: 2em;
}
.cover-image {
    float: right;
    width: 30em;
    margin: -5em -3em -3em 0;
}

/* Latitude pop-up */
.lat-image {
    width: 100%;
    position: absolute;
    right: -1em;
    bottom: -4em;
}


@media (max-width: 500px) {
    .cta-link.primary-cta-link {
        display: block;
        margin: 0 auto 1em auto;
    }
}
@media (max-width: 700px) {
    .gaiman-pop-up p {
        margin-right: 0;
    }
    .road-block img {
        display: none;
    }
}
@media (max-width: 940px) {
    .road-block {
        width: auto;
        left: 3%;
        right: 3%;
        top: 5%;
        margin: 0;
    }
    .road-block h1 {
        font-size: 3em;
    }
    .road-block p {
        width: 100%;
    }
}


@font-face {
    font-family: 'Unit Slab';
    src: url('fonts/unitslabpro-bold-webfont.eot');
    src: url('fonts/unitslabpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/unitslabpro-bold-webfont.woff') format('woff'),
         url('fonts/unitslabpro-bold-webfont.ttf') format('truetype'),
         url('fonts/unitslabpro-bold-webfont.svg#unit_slab_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Setting an ID for repeat visitors. That ID then causes the pop-up to not display */
#repeat-visit, #repeat-visit:before {
    display: none;
}