/*! */
html, body, div, a, img { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

html, body { color: #333; background-color: white; }

#ad #logo-show, #ad #showtime, #ad #talent-01, #ad #originalseries, #ad #gradient-glow, #ad #gradient-glow-2 { opacity: 1; visibility: visible; }

#ad #stage, #ad #tag-dates, #ad #tag-date-month, #ad #tag-date-thurs, #ad #tag-date-tmrw, #ad #tag-date-ns, #ad #flare-01, #ad #flare-02 { opacity: 0; visibility: hidden; }

#ad #clicktag, #ad #screen-reader-text, #ad #bg, #ad #bg-in, #ad #bg-out, #ad #cover { top: 0; left: 0; }

#ad { width: 300px; height: 250px; margin: 0px 0px; background-color: #000; position: relative; color: #ffffff; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 1em; line-height: 1.3; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* #guide { top: 0px; left: 0px; width: $sW; height: $sH; @include bg('guide.jpg'); } */ }

#ad #border { width: 298px; height: 248px; border-color: #000000; position: absolute; border-width: 1px; border-style: solid; overflow: hidden; pointer-events: none; }

#ad #stage { position: absolute; width: 100%; height: 100%; background-color: #000; }

#ad #clicktag { width: 300px; height: 250px; background-color: rgba(255, 255, 255, 0); position: absolute; cursor: pointer; }

#ad #screen-reader-text { opacity: 0; }

#ad .show { display: block; }

#ad .hide { display: none; }

#ad div { display: block; position: absolute; }

#ad svg { display: block; position: absolute; text-indent: 0; }

#ad .absolute { position: absolute; }

#ad .relative { position: relative; }

#ad .relativeCenter { position: relative; margin: 0 auto; }

#ad .absoluteCenter { position: absolute; width: 100%; left: 0; right: 0; }

#ad .fullCenter { position: absolute; margin: 0 auto; left: 0; right: 0; text-align: center; }

#ad .float-left { float: left; position: relative; }

#ad .float-right { float: right; position: relative; }

#ad .fill-white { fill: white; }

#ad .fill-black { fill: black; }

#ad .animate { -webkit-transform: rotateZ(0.01deg); transform: rotateZ(0.01deg); }

#ad #tag { top: 3px; left: 0px; width: 300px; height: 180px; }

#ad #tag-btm { top: 54px; left: -5px; }

#ad #tag-dates { top: 158px; right: 24px; width: 161px; height: 23px; overflow: visible; }

#ad #tag-date-month { background-image: url("date_month_spary.png"); background-repeat: no-repeat; background-position: center center; display: block; background-size: 100%; width: 92px; height: 23px; right: 0; top: 0px; }

#ad #tag-date-thurs { background-image: url("date_thurs_spary.png"); background-repeat: no-repeat; background-position: center center; display: block; background-size: 100%; width: 108px; height: 21px; right: 0; top: 0px; }

#ad #tag-date-tmrw { background-image: url("date_tmrw_spary.png"); background-repeat: no-repeat; background-position: center center; display: block; background-size: 100%; width: 123px; height: 22px; right: 0; top: 0px; -webkit-transform: rotate(0deg); transform: rotate(0deg); }

#ad #tag-date-ns { background-image: url("date_nowstreaming_spary.png"); background-repeat: no-repeat; background-position: center center; display: block; background-size: 100%; width: 161px; height: 21px; right: -2px; top: 0px; -webkit-transform: rotate(0deg); transform: rotate(0deg); }

#ad #logo-show { width: 244px; height: 68px; top: 75px; right: 6px; }

#ad #logo-show-title-sides { background-image: url("logo_sides.png"); background-repeat: no-repeat; background-position: center center; display: block; background-size: 100%; width: 100%; height: 100%; top: 0px; left: 0px; opacity: 1; }

#ad #logo-show-title-center { background-image: url("logo_center.png"); background-repeat: no-repeat; background-position: center center; display: block; background-size: 100%; width: 100%; height: 100%; top: 0px; left: 0px; opacity: 1; }

#ad #logo-show-line { background-image: url("logo_line.png"); background-repeat: no-repeat; background-position: center center; display: block; background-size: 100%; width: 100%; height: 100%; top: 0px; left: 0px; opacity: 1; }

#ad #logo-show-line-msk { width: 100%; height: 100%; top: 0px; left: 0px; opacity: 1; overflow: hidden; }

#ad #showtime { width: 300px; height: 40px; top: 139px; right: 0px; overflow: visible; }

#ad #showtime .title { width: 100%; height: 20px; top: 0px; right: 0px; overflow: visible; overflow: hidden; }

#ad #showtime .title svg { top: 0px; }

#ad #showtime .date { width: 300px; height: 20px; top: 18px; right: 0px; overflow: visible; overflow: hidden; }

#ad #showtime .date svg { top: 0px; }

#ad #date-month, #ad #date-week, #ad #date-tmrw, #ad #date-nowstreaming { opacity: 0; }

#ad #talent-01 { top: -10px; left: 13px; width: 220px; height: 270px; background-image: url("talent_01.png"); background-repeat: no-repeat; background-position: center center; display: block; background-size: 100%; }

#ad #brand-footer { width: 300px; height: 80px; bottom: 0; left: 0; background: transparent; }

#ad #cbsaa { width: 300px; height: 80px; top: 0; left: 0; }

#ad #cta { width: 201px; height: 27px; top: 46px; left: 77px; -webkit-transform-origin: 100px 15px; transform-origin: 100px 15px; overflow: hidden; }

#ad #cta-short { background: #0093ec; width: 8px; height: 27px; top: 0px; left: 0px; -webkit-transform: skew(-34deg); transform: skew(-34deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }

#ad #cta-long { background: #0093ec; width: 220px; height: 27px; top: 0px; left: 13px; -webkit-transform: skew(-34deg); transform: skew(-34deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }

#ad #originalseries { width: 300px; height: 100px; top: -9px; left: 5px; }

#ad #gradient-glow { top: -400px; left: -430px; width: 1000px; height: 1000px; background: radial-gradient(circle, rgba(255, 255, 255, 0.8) 1%, #fbdfdb 30%, rgba(249, 207, 202, 0) 60%); }

#ad #gradient-glow-2 { top: -400px; left: -430px; width: 1000px; height: 1000px; background: radial-gradient(circle, rgba(255, 255, 255, 0.8) 1%, #fbdfdb 30%, rgba(249, 207, 202, 0) 60%); }

#ad #luminate { mix-blend-mode: screen; }

#ad #luminate-2 { mix-blend-mode: overlay; }

#ad #flare-01-wrap { top: -80px; left: -110px; width: 595px; height: 376px; }

#ad #flare-01-wrap { mix-blend-mode: screen; }

#ad #flare-01 { top: 0px; left: 0px; width: 595px; height: 376px; background-image: url("flare_01.svg"); background-repeat: no-repeat; background-position: center center; display: block; background-size: 100%; }

#ad #flare-02-wrap { top: -15px; left: -55px; width: 300px; height: 250px; }

#ad #flare-02 { top: 0px; left: 0px; width: 300px; height: 250px; background-image: url("flare_02.svg"); background-repeat: no-repeat; background-position: center center; display: block; background-size: 100%; }

#ad #bg, #ad #bg-in, #ad #bg-out { width: 300px; height: 250px; }

#ad #bg-img-01, #ad #bg-img-01-light { top: -10px; left: -15px; width: 330px; height: 270px; background-image: url("bkg_01.jpg"); background-repeat: no-repeat; background-position: center center; display: block; background-size: 100%; }

#ad #bg-img-01-light { mix-blend-mode: screen; }

#ad #linear-gradient { background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, #050505), to(rgba(5, 5, 5, 0.01))); background: linear-gradient(0deg, #050505 20%, rgba(5, 5, 5, 0.01) 100%); width: 300px; height: 180px; bottom: -60px; left: -0px; opacity: 1; }

#ad #cover { width: 300px; height: 250px; background-color: black; opacity: .4; }

#ad #cover-spray { top: 67px; right: 0px; width: 254px; height: 122px; background-image: url("cover_spray.png"); background-repeat: no-repeat; background-position: center center; display: block; background-size: 100%; }

#ad .spinner { top: 119px; }
