﻿html, body {min-height: 100%;-webkit-font-smoothing: antialiased;}
    body {width: auto;position: relative;background: #fff;color: #333;margin: 0;letter-spacing: 1px;font-family: "proxima-nova",sans-serif;font-weight: 300;text-shadow: none;}
    a {text-decoration: none;}
        a:hover {text-decoration: none;}
        a img {border: 0;}

        #ad-wrapper {width: 100%;}    
        
            /* Large Ad Styles */
            
            #ad-wrapper .ad-content {width:100%;height: 400px;position: relative;text-align: center;transition:.3s;overflow:hidden;}
            #ad-wrapper .ad-content .logo {width:422px;transition:.5s; margin: 2em auto 0;}    
            #ad-wrapper .ad-content .message {color: #fff;font-size: 1.5em;padding:0;border-right: 1px solid #fff;transition: .5s;height: 400px;background: rgba(0,0,0,0.5);width: 520px;position: absolute;left: 0;top: 0;bottom: 0;}
            #ad-wrapper .ad-content .message strong {text-transform: uppercase;}
            #ad-wrapper .ad-content .message span {display:block; width:425px; position:absolute; padding:0 2em; bottom:3em;font-size:.75em;font-weight:100;text-align:center;}
            #ad-wrapper .ad-content a.ad-action {color: #fff;padding: 0;font-weight: 400;text-transform: uppercase;font-size: 5em;width:auto;text-align: left;position: absolute;bottom: 1.5em;left: 565px;top: 0;transition: .5s;height: 400px;font-family: lato;letter-spacing: .05em;line-height: 1em;margin-top: 1em;}
            #ad-wrapper .ad-content a.ad-action span {display:block;}
            #ad-wrapper .ad-content a.ad-action img {width: 4em;vertical-align: middle;padding-left: .08em;transition:.5s;}
            
            /* Small Ad Styles */

            #ad-wrapper .ad-content.small {height: 100px;position: relative;width: 100%;transition: .5s;overflow:hidden;}
            #ad-wrapper .ad-content.small .logo {margin:.5em auto;transition: .5s;}
            #ad-wrapper .ad-content.small .message {color: #fff;font-size: 1.5em;padding:0;transition: .2s;height: 100px;background: rgba(0,0,0,0.5);width:520px;position: absolute;left: 0;top: 0;bottom: 0;}
            #ad-wrapper .ad-content.small .message strong {text-transform: uppercase;}
            #ad-wrapper .ad-content.small .message span {display:none;transition:.5s;}    
            #ad-wrapper .ad-content.small a.ad-action {display:block;color: #fff;font-weight: bold;text-transform: uppercase;font-size: 2em;vertical-align: middle;border-radius: .2em;margin: 1.5em 0;width:auto;position: absolute;top: -.5em;bottom: auto; left:565px;right: auto;margin-left: 0;transition:.5s;}
            #ad-wrapper .ad-content.small a.ad-action span {display:inline;}
            #ad-wrapper .small a.ad-action img {width: 4em;vertical-align: middle;margin-top: -6px;margin-left: 10px;}
            #ad-wrapper .small .slideshow {height:100px;}

            /* Center Panel Ad Styles */

            #ad-wrapper .ad-content.center-panel {height: 452px;position: relative;width: 647px;transition: .5s;overflow:hidden;margin:0 auto;}
            #ad-wrapper .ad-content.center-panel .logo {width: 30em;margin: 0;padding: 0;position: absolute;top: .5em;left: 50%;margin-left:-15em;transition: .5s;}
            #ad-wrapper .ad-content.center-panel .message {z-index:-1;color: #fff;font-size: 1.5em;padding: 0 2em;transition: .2s;height: 100px;background:none;width: 100%;position: absolute;bottom: -1em;top:auto;left:auto;right:auto;}
            #ad-wrapper .ad-content.center-panel .message strong {text-transform: uppercase;}
            #ad-wrapper .ad-content.center-panel .message span {display:block;transition:.5s;}    
            #ad-wrapper .ad-content.center-panel a.ad-action {display:block;color: #fff;height:auto;padding: .5em 1em;text-align:center;font-weight: bold;text-transform: uppercase;font-size: 2em;vertical-align: middle;border-radius: .2em;margin: auto;width:auto;position: absolute;top:4em;bottom: auto; left:auto;right: auto;transition:.5s;}
            #ad-wrapper .ad-content.center-panel a.ad-action span {display:inline;}
            #ad-wrapper .center-panel a.ad-action img {width: 10em;vertical-align: middle;margin-top: .5em;margin-left: 10px;}
            #ad-wrapper .center-panel .slideshow {height:647px;width:100%;}

            /* Responsive */
@media screen and (max-width: 1220px) {
    #ad-wrapper .ad-content a.ad-action {font-size: 4em;top: .7em;}
    #ad-wrapper .ad-content.small a.ad-action {font-size: 1.5em;top: 0em;}
}
@media screen and (max-width: 1050px) {
    #ad-wrapper .ad-content a.ad-action {font-size: 3em;}
    #ad-wrapper .ad-content.small a.ad-action {top: -.5em;}
    #ad-wrapper .small a.ad-action img {margin-top: 6px;margin-left: 0;display: block;}
}