.sn-modal-open {
    overflow: hidden
}

#sn-modal * html, #sn-modal * body, #sn-modal * div, #sn-modal * span, #sn-modal * applet, #sn-modal * object, #sn-modal * iframe, #sn-modal * h1, #sn-modal * h2, #sn-modal * h3, #sn-modal * h4, #sn-modal * h5, #sn-modal * h6, #sn-modal * p, #sn-modal * blockquote, #sn-modal * pre, #sn-modal * a, #sn-modal * abbr, #sn-modal * acronym, #sn-modal * address, #sn-modal * big, #sn-modal * cite, #sn-modal * code, #sn-modal * del, #sn-modal * dfn, #sn-modal * em, #sn-modal * img, #sn-modal * ins, #sn-modal * kbd, #sn-modal * q, #sn-modal * s, #sn-modal * samp, #sn-modal * small, #sn-modal * strike, #sn-modal * strong, #sn-modal * sub, #sn-modal * sup, #sn-modal * tt, #sn-modal * var, #sn-modal * b, #sn-modal * u, #sn-modal * i, #sn-modal * center, #sn-modal * dl, #sn-modal * dt, #sn-modal * dd, #sn-modal * ol, #sn-modal * ul, #sn-modal * li, #sn-modal * fieldset, #sn-modal * form, #sn-modal * label, #sn-modal * legend, #sn-modal * table, #sn-modal * caption, #sn-modal * tbody, #sn-modal * tfoot, #sn-modal * thead, #sn-modal * tr, #sn-modal * th, #sn-modal * td, #sn-modal * article, #sn-modal * aside, #sn-modal * canvas, #sn-modal * details, #sn-modal * embed, #sn-modal * figure, #sn-modal * figcaption, #sn-modal * footer, #sn-modal * header, #sn-modal * hgroup, #sn-modal * menu, #sn-modal * nav, #sn-modal * output, #sn-modal * ruby, #sn-modal * section, #sn-modal * summary, #sn-modal * time, #sn-modal * mark, #sn-modal * audio, #sn-modal * video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

#sn-modal * html {
    line-height: 1
}

#sn-modal * ol, #sn-modal * ul {
    list-style: none
}

#sn-modal * table {
    border-collapse: collapse;
    border-spacing: 0
}

#sn-modal * caption, #sn-modal * th, #sn-modal * td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

#sn-modal * q, #sn-modal * blockquote {
    quotes: none
}

#sn-modal * q:before, #sn-modal * q:after, #sn-modal * blockquote:before, #sn-modal * blockquote:after {
    content: "";
    content: none
}

#sn-modal * a img {
    border: none
}

#sn-modal * article, #sn-modal * aside, #sn-modal * details, #sn-modal * figcaption, #sn-modal * figure, #sn-modal * footer, #sn-modal * header, #sn-modal * hgroup, #sn-modal * main, #sn-modal * menu, #sn-modal * nav, #sn-modal * section, #sn-modal * summary {
    display: block
}

#sn-modal {
    position: fixed;
    left: 50%;
    top: -500px;
    z-index: 999999;
    -moz-transition: top 0.3s ease-out;
    -o-transition: top 0.3s ease-out;
    -webkit-transition: top 0.3s ease-out;
    transition: top 0.3s ease-out
}

#sn-modal.sn-modal-in {
    top: 50%
}

.sn-modal-fade {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out
}

.sn-modal-fade.sn-modal-in {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

#sn-modal-backdrop {
    position: fixed;
    top: 0 !important;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    background-color: #000000;
    height: 0
}

#sn-modal-backdrop.sn-modal-fade.sn-modal-in {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    height: 100%
}

@media print {
    #sn-modal, #sn-modal-backdrop {
        display: none
    }
}

#sn-modal-backdrop.sn-modal-fade.sn-modal-in {
    opacity: 0.4
}

#sn-modal {
    background-image: url('../img/DPA16652-LB1.jpg');
    width: 280px;
    height: 234px;
    background-size: contain;
    margin-top: -117px;
    margin-left: -140px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

#sn-modal .sn-modal-close-button {
    position: absolute;
    display: inline-block;
    background: #333333;
    text-indent: -9999em;
    border: 0;
    outline: 0;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    top: -16px;
    right: -16px
}

#sn-modal .sn-modal-close-button:before, #sn-modal .sn-modal-close-button:after {
    content: '';
    position: absolute;
    background: #fff;
    height: 3px;
    width: 14px;
    top: 14.5px;
    left: 9px
}

#sn-modal .sn-modal-close-button:before {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#sn-modal .sn-modal-close-button:after {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#sn-modal .sn-modal-close-button:hover {
    top: -15px;
    right: -17px
}

#sn-modal .sn-click-area {
    position: absolute;
    display: block;
    overflow: hidden;
    border: 0;
    outline: 0;
    text-indent: -999em;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#sn-modal .sn-modal-text {
    padding: 225px 0 0;
    text-align: center
}

#sn-modal .sn-modal-text .sn-modal-h1 {
    color: #FFF;
    font: bold 22px Helvetica, sans-serif;
    line-height: 1.4;
    margin: 0
}

#sn-modal .sn-modal-button {
    display: block;
    background: #C60C30;
    color: #FFF;
    font: bold 20px Helvetica, sans-serif;
    letter-spacing: 1px;
    line-height: 50px;
    height: 50px;
    margin: 20px auto;
    width: 238px;
    transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    text-decoration: none;
    text-align: center
}

#sn-modal .sn-modal-button:hover {
    background-color: #9D0925
}

@media screen and (min-width: 600px) {
    #sn-modal {
        background-image: url('../img/DPA16652-LB1.jpg');
        width: 600px;
        height: 501px;
        margin-top: -250.5px;
        margin-left: -300px
    }

    #sn-modal .sn-modal-text {
        padding: 270px 0 0 30px;
        text-align: left
    }

    #sn-modal .sn-modal-text .sn-modal-h1 {
        font-size: 28px;
        width: 55%
    }

    #sn-modal .sn-modal-button {
        font-size: 20px;
        margin: 30px 0;
        height: 59px;
        line-height: 59px;
        width: 268px
    }
}
