/*#region Responsive Utilities ala Bootstrap */ .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-table, .visible-xs-table-cell, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-table, .visible-sm-table-cell, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-table, .visible-md-table-cell, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-table, .visible-lg-table-cell, .visible-lg-inline-block { display: none !important; } /*#endregion*/ .sprite { background: url('/Content/img/general-sprite.png') no-repeat 0 0; background-size: 250px 600px; } .carousel-sprite { background: url('/Content/img/carousel/sz-carousel-sprite.png') no-repeat 0 0; background-size: 300px 1000px; } /* Fonts */ @font-face { font-family: 'Helvetica Neue'; src: url("/Content/fonts/HelveticaNeueLTW1G-Bd.eot"); src: url("/Content/fonts/HelveticaNeueLTW1G-Bd.eot?#iefix") format('embedded-opentype'), url("/Content/fonts/HelveticaNeueLTW1G-Bd.woff") format('woff'), url("/Content/fonts/HelveticaNeueLTW1G-Bd.ttf") format('truetype'), url("/Content/fonts/HelveticaNeueLTW1G-Bd.svg") format('svg'); font-weight: bold; } @font-face { font-family: 'Helvetica Neue'; src: url("/Content/fonts/HelveticaNeueLTW1G-Md.eot"); src: url("/Content/fonts/HelveticaNeueLTW1G-Md.eot?#iefix") format('embedded-opentype'), url("/Content/fonts/HelveticaNeueLTW1G-Md.woff") format('woff'), url("/Content/fonts/HelveticaNeueLTW1G-Md.ttf") format('truetype'), url("/Content/fonts/HelveticaNeueLTW1G-Md.svg") format('svg'); font-weight: 500; } @font-face { font-family: 'Helvetica Neue'; src: url("/Content/fonts/helveneurom-webfont.eot"); src: url("/Content/fonts/helveneurom-webfont.eot?#iefix") format('embedded-opentype'), url("/Content/fonts/helveneurom-webfont.woff") format('woff'), url("/Content/fonts/helveneurom-webfont.ttf") format('truetype'), url("/Content/fonts/helveneurom-webfont.svg") format('svg'); font-weight: normal; } @font-face { font-family: 'Helvetica Neue'; src: url("/Content/fonts/HelveticaNeueLTW1G-Lt.eot"); src: url("/Content/fonts/HelveticaNeueLTW1G-Lt.eot?#iefix") format('embedded-opentype'), url("/Content/fonts/HelveticaNeueLTW1G-Lt.woff") format('woff'), url("/Content/fonts/HelveticaNeueLTW1G-Lt.ttf") format('truetype'), url("/Content/fonts/HelveticaNeueLTW1G-Lt.svg") format('svg'); font-weight: 300; } @font-face { font-family: 'Helvetica Neue'; src: url("/Content/fonts/helveneuthi.eot"); src: url("/Content/fonts/helveneuthi.eot?#iefix") format('embedded-opentype'), url("/Content/fonts/helveneuthi.woff") format('woff'), url("/Content/fonts/helveneuthi.ttf") format('truetype'), url("/Content/fonts/helveneuthi.svg") format('svg'); font-weight: 200; } @font-face { font-family: 'Helvetica Neue'; src: url("/Content/fonts/HelveticaNeue-UltraLight.eot"); src: url("/Content/fonts/HelveticaNeue-UltraLight.eot?#iefix") format('embedded-opentype'), url("/Content/fonts/HelveticaNeue-UltraLight.woff") format('woff'), url("/Content/fonts/helvetica-neue-ultra-light.ttf") format('truetype'), url("/Content/fonts/HelveticaNeue-UltraLight.svg") format('svg'); font-weight: 100; } /*----- Encore Fonts -----*/ @font-face { font-family: 'Avenir'; src: url('/Content/fonts/AvenirLTPro-Light.eot'); src: url('/Content/fonts/AvenirLTPro-Light.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/AvenirLTPro-Light.woff') format('woff'), url('/Content/fonts/AvenirLTPro-Light.ttf') format('truetype'), url('/Content/fonts/AvenirLTPro-Light.svg') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Avenir'; src: url('/Content/fonts/AvenirLTPro-Book.eot'); src: url('/Content/fonts/AvenirLTPro-Book.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/AvenirLTPro-Book.woff') format('woff'), url('/Content/fonts/AvenirLTPro-Book.ttf') format('truetype'), url('/Content/fonts/AvenirLTPro-Book.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir'; src: url('/Content/fonts/AvenirLTPro-BookOblique.eot'); src: url('/Content/fonts/AvenirLTPro-BookOblique.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/AvenirLTPro-BookOblique.woff') format('woff'), url('/Content/fonts/AvenirLTPro-BookOblique.ttf') format('truetype'), url('/Content/fonts/AvenirLTPro-BookOblique.svg') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Avenir'; src: url('/Content/fonts/AvenirLTPro-Heavy.eot'); src: url('/Content/fonts/AvenirLTPro-Heavy.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/AvenirLTPro-Heavy.woff') format('woff'), url('/Content/fonts/AvenirLTPro-Heavy.ttf') format('truetype'), url('/Content/fonts/AvenirLTPro-Heavy.svg') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Chalet'; src: url('/Content/fonts/ChaletComprime-MilanSixty.eot'); src: local('☺'), url("/Content/fonts/ChaletComprime-MilanSixty.eot?#iefix") format('embedded-opentype'), url('/Content/fonts/ChaletComprime-MilanSixty.woff') format('woff'), url('/Content/fonts/ChaletComprime-MilanSixty.ttf') format('truetype'), url('/Content/fonts/ChaletComprime-MilanSixty.svg') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Chalet'; src: url('/Content/fonts/ChaletComprime-CologneSixty.eot'); src: local('☺'), url("/Content/fonts/ChaletComprime-CologneSixty.eot?#iefix") format('embedded-opentype'), url('/Content/fonts/ChaletComprime-CologneSixty.woff') format('woff'), url('/Content/fonts/ChaletComprime-CologneSixty.ttf') format('truetype'), url('/Content/fonts/ChaletComprime-CologneSixty.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Chalet'; src: url('/Content/fonts/ChaletComprime-HongKongSixty.eot'); src: local('☺'), url("/Content/fonts/ChaletComprime-HongKongSixty.eot?#iefix") format('embedded-opentype'), url('/Content/fonts/ChaletComprime-HongKongSixty.woff') format('woff'), url('/Content/fonts/ChaletComprime-HongKongSixty.ttf') format('truetype'), url('/Content/fonts/ChaletComprime-HongKongSixty.svg') format('svg'); font-weight: bold; font-style: normal; } /*----- Icon Packs -----*/ @font-face { font-family: 'starz'; src: url("/Content/fonts/starz.eot"); src: url("/Content/fonts/starz.eot?#iefix") format('embedded-opentype'), url("/Content/fonts/starz.woff") format('woff'), url("/Content/fonts/starz.ttf") format('truetype'), url("/Content/fonts/starz.svg#starz") format('svg'); } @font-face { font-family: 'encore'; src: url("/Content/fonts/encore.eot"); src: url("/Content/fonts/encore.eot?#iefix") format('embedded-opentype'), url("/Content/fonts/encore.woff") format('woff'), url("/Content/fonts/encore.ttf") format('truetype'), url("/Content/fonts/encore.svg#starz") format('svg'); } @font-face { font-family: 'icons'; src: url("/Content/fonts/icons.eot"); src: url("/Content/fonts/icons.eot?#iefix") format('embedded-opentype'), url("/Content/fonts/icons.woff") format('woff'), url("/Content/fonts/icons.ttf") format('truetype'), url("/Content/fonts/icons.svg#icons") format('svg'); } [data-logo]:before, [data-logo]:after, [data-ico]:before, [data-aico]:after, [data-logo] > .dlogo, .d-ico { speak: none; font-size: 1em; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; vertical-align: middle; } [data-logo]:before, [data-logo]:after, [data-logo] > .dlogo { font-family: 'starz'; } /* [data-logo]:before, [data-logo] > .dlogo { color: #fff; content: '\e000'; display: block; }*/ [data-brand=starz] { font-size: 9em; margin: -30px 0px 0px 0px; } [data-brand=starz].starz { margin: -25px 0px 0px 0px; } [data-brand=movieplex] { font-size: 9em; margin: -125px 0px 0px 0px; } [data-brand=encore] { font-size: 9em; margin: -125px 0px 0px 0px; } [data-logo] { display: inline-block; /* &.the:after, > .the { color: #FFFFFF; content: '\e001'; }*/ /* &.kid:after, > .kid { color: #EFA624; content: '\e001'; }*/ } [data-logo].tagline:after, [data-logo] > .tagline { color: white; content: '\e006'; } [data-logo].starz:after, [data-logo] > .starz { color: white; content: '\f000'; } [data-logo].bla:after, [data-logo] > .bla { color: white; content: '\e004'; } [data-logo].fam:after, [data-logo] > .fam { color: white; content: '\e005'; } [data-logo].cin:after, [data-logo] > .cin { color: white; content: '\e003'; } [data-logo].com:after, [data-logo] > .com { color: white; content: '\e002'; } [data-logo].edg:after, [data-logo] > .edg { color: white; content: '\e001'; } [data-logo].play:after, [data-logo] > .play { color: white; content: '\e007'; } [data-logo].ondemand:after, [data-logo] > .ondemand { color: white; content: '\e008'; } [data-logo].itunes:after, [data-logo] > .itunes { color: white; content: '\e009'; } [data-logo].espanol:after, [data-logo] > .espanol { color: #efa624; content: '\e001'; } [data-logo].action:after, [data-logo] > .action { color: #c72026; content: '\e002'; } [data-logo].black:after, [data-logo] > .black { color: #a9b772; content: '\e003'; } [data-logo].classic:after, [data-logo] > .classic { color: #83c8d6; content: '\e004'; } [data-logo].family:after, [data-logo] > .family { color: #e3ca8d; content: '\e005'; } [data-logo].suspense:after, [data-logo] > .suspense { color: #566068; content: '\e006'; } [data-logo].westerns:after, [data-logo] > .westerns { color: #cc5d27; content: '\e007'; } [data-logo].long:before, [data-logo].long:after, [data-logo].long .dlogo { display: inline-block; vertical-align: middle; } [data-logo].long.starz:after { content: '\f000'; } [data-logo].long.bla:after { content: '\e004'; } [data-logo].long.fam:after { content: '\e005'; } [data-logo].long.cin:after { content: '\e003'; } [data-logo].long.com:after { content: '\e002'; } [data-logo].long.edg:after { content: '\e001'; } [data-logo].long.espanol:after { content: '\e00a'; } [data-logo].long.action:after { content: '\e00b'; } [data-logo].long.black:after { content: '\e00c'; } [data-logo].long.classic:after { content: '\e00d'; } [data-logo].long.family:after { content: '\e00e'; } [data-logo].long.suspense:after { content: '\e00f'; } [data-logo].long.westerns:after { content: '\e010'; } [data-ico]:before, [data-aico]:after, .d-ico { font-family: 'icons'; } [data-ico]:before { content: attr(data-ico); } [data-aico]:after { content: attr(data-aico); } .d-ico { display: inline-block; margin-bottom: 2px; } html:not(.lt-ie10) .d-ico, html:not(.lt-ie10) .dlogo { display: none; } .lt-ie10 [data-logo]:before, .lt-ie10 [data-logo]:after, .lt-ie10 [data-ico]:before, .lt-ie10 [data-aico]:after { content: ''; } /* normalize.css v1.0.1 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; } body { margin: 0; } a:focus { outline: 0; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: .83em; margin: 1.67em 0; } h6 { font-size: .75em; margin: 2.33em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } mark { background: yellow; color: black; } p, pre { margin: 1em 0; } code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } menu, ol, ul { padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } /* Helper Classes - nanoscroller */ .nano { position: relative; width: 100%; height: 100%; overflow: hidden; font-size: 12px; white-space: normal; } .nano .content { position: absolute; overflow: scroll; overflow-x: hidden; top: 0; right: 0; bottom: 0; left: 0; padding-right: 15px; } .nano .content:active, .nano .content:focus { outline: 0; } .nano .content::-webkit-scrollbar { visibility: hidden; } .has-scrollbar .content::-webkit-scrollbar { visibility: visible; } .nano > .pane { background: #151a20; -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.3); position: absolute; width: 8px; right: 0; top: 0; bottom: 0; visibility: hidden\9; opacity: 0; filter: alpha(opacity=0); -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .nano > .pane > .scrollSlider { background: white; background: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e7e7e7)); background: -webkit-linear-gradient(top, white, #e7e7e7); background: -moz-linear-gradient(top, white, #e7e7e7); background: -o-linear-gradient(top, white, #e7e7e7); background: linear-gradient(to bottom, white, #e7e7e7); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe7e7e7', GradientType=0); position: relative; margin: 0 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .nano:hover > .pane, .pane.active, .pane.flashed { visibility: visible\9; opacity: 0.99; filter: alpha(opacity=99); } /*----- Responsive Scroller -----*/ .show-all { padding: 0 65px; } .resScroll { width: 100%; position: relative; overflow: hidden; } .resScroll .mask { margin: 0 65px; overflow: hidden; width: 100000px; } .resScroll .mask.wings { overflow: visible; } .resScroll.initialized .mask { width: auto; } .resScroll .scroll-outer { position: relative; width: 100000px; } .resScroll .scroll-inner, .resScroll .top-row, .resScroll .row, .resScroll .clone { float: left; position: relative; } .resScroll .row { clear: left; } .resScroll .clone.left { margin-left: -33.3333%; } .static .clone, .static .prev, .static .next { display: none; } .title-wrap { margin: 0 65px 20px; position: relative; } .title-wrap .plain.link { font-size: 1.1em; position: absolute; right: 0; bottom: 0; } .title-wrap .scroll-title { margin: 0; cursor: default; } .resScroll .elem-wrap, .show-all .elem-wrap { float: left; } .resScroll .elem, .show-all .elem { display: inline-block; float: left; margin: 0 10px 10px 0; position: relative; z-index: 10; } .elem.full:before { content: url(/Content/img/bg/full-tab.png); position: absolute; top: -2px; right: -1px; } .elem.orig:before { content: url(/Content/img/bg/orig-tab.png); position: absolute; top: -2px; right: 0px; } .elem .overlay { z-index: 1; background: url(/Content/img/bg/overlay.png); background: rgba(0, 0, 0, 0.65); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5000000', endColorstr='#a5000000', GradientType=0); border: 2px solid #bd5a02; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .elem .title { position: absolute; left: 20px; right: 20px; bottom: 20px; } .elem h1, .elem h2, .elem h3, .elem h4, .elem h5 { margin: 0; } .elem h2, .elem h4 { font-weight: 300; } .elem h1 { font-size: 4.5em; line-height: 1em; } .elem h2 { font-size: 2.4em; position: relative; z-index: 10; } .elem h4 { font-size: 1.8em; } .elem h5 { color: #d0d9e4; font-size: 11px; text-transform: uppercase; } .elem h5 span { color: white; } .elem img { width: 100%; position: relative; z-index: -5; display: block; } .no-touch .elem:hover .overlay { opacity: 1; filter: none; } .resScroll .see-all { background: #1f2629; border-bottom: 2px solid #bd5a02; } .see-all h1 { font-size: 33px; position: static; } .see-all h5 { bottom: 55px; } .see-all .spacer { visibility: hidden; } .scroll-title, .corp-title { color: #cfdde3; font-size: 2em; font-weight: 500; text-transform: uppercase; letter-spacing: 3px; } .scroll-title small, .corp-title small { color: #839ca7; font-size: .9em; letter-spacing: 0; } .scroll-count { color: #cfdde3; font-size: 1.2em; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; } .scroll-count .spacer { color: #839ca7; font-size: 10px; font-weight: 300; } .show-all.one .elem-wrap { width: 100%; } .show-all.two .elem-wrap { width: 50%; } .show-all.three .elem-wrap { width: 33.3%; } .thumbs { margin-right: -10px; } .shadow .elem:after { content: ''; background: url(/Content/img/bg/text-grad.png) repeat-x bottom; background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)); background: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)); background: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)); background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)); background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)); width: 100%; height: 80px; position: absolute; bottom: 0; left: 0; z-index: -1; } .titles-middle .elem a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .titles-middle .elem a:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .titles-middle .elem h2 { color: white; display: inline-block; vertical-align: middle; text-align: center; width: 90%; margin-left: 5%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; overflow: hidden; text-overflow: ellipsis; } .titles-middle .elem h2.loadingdata { opacity: 1; filter: none; width: 100%; } .titles-middle .elem h2.noresults { opacity: 1; filter: none; width: 100%; } .no-touch .titles-middle .elem:hover h2 { opacity: 1; filter: none; } .multi-link .elem { text-align: center; } .multi-link .elem h2 { position: absolute; top: 35%; width: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .multi-link .links { position: absolute; top: 52%; width: 100%; z-index: 10; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .multi-link a { color: #839ca7; font-size: 10px; text-transform: uppercase; width: 100%; display: block; line-height: 20px; } .multi-link .elem:hover h2, .multi-link .elem:hover .links { opacity: 1; filter: none; } .titles-bottom .elem { vertical-align: bottom; } .titles-bottom .elem h2 { color: white; position: absolute; padding: 20px; bottom: 0px; } .prev, .next { width: 65px; display: block; position: absolute; top: 0; bottom: 10px; z-index: 100; background: black; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .prev:before, .next:before { content: ''; width: 19px; height: 39px; margin: -20px -10px; top: 50%; left: 50%; position: absolute; background: url(/Content/img/btn/prev-next.png) no-repeat left top; } .prev:hover, .next:hover { cursor: pointer; } .title-wrap ~ .prev, .title-wrap ~ .next { top: 70px; } .prev { left: 0; } .next { right: 0; } .next:before { background-position: top right; } .prev:hover:before { background-position: left bottom; } .next:hover:before { background-position: right bottom; } .no-touch .resScroll:hover > .prev, .no-touch .resScroll.always-arrows > .prev, .no-touch .resScroll:hover > .next, .no-touch .resScroll.always-arrows > .next { opacity: 0.75; filter: alpha(opacity=75); } .touch .scroll-outer { width: auto; left: 0 !important; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; padding-bottom: 20px; margin-bottom: -20px; } .touch .resScroll .clone { display: none; } .touch .resScroll .scroll-inner { display: inline-block; float: none; overflow-y: hidden; margin-left: 0 !important; } .touch .resScroll .top-row { float: none; display: inline-block; } .touch .resScroll .elem { white-space: normal; float: none; } .touch .resScroll .prev, .touch .resScroll .next { display: none; } .touch .fixed .scroll-outer { z-index: 1100; } .touch .dd-closed .mask { display: none; } /* Helper Classes - Responsive Slider */ .slider { width: 5000%; position: relative; left: 0; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); transform: translateZ(0px); } .hero-wrap .slider { -webkit-transform: none; -moz-transform: none; transform: none; } .slider > li { width: 2%; } .slider * { backface-visibility: hidden; } .slider-nav ul { height: 20px; padding: 4px 8px; background: black; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; list-style-type: none; margin: 0 auto; display: inline-block; } .slider-nav ul li { padding: 4px; display: inline-block; cursor: pointer; } .slider-nav ul li > div { width: 12px; height: 12px; background: #5a5e65; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .slider-nav ul li:hover > div { background: #869398; } .slider-nav .active > div { background: #48769c; } .scroller { position: absolute; top: 0; left: 0; right: -20px; bottom: 0; padding-right: 20px; overflow: auto; -webkit-overflow-scrolling: touch; } /* Main - Index */ /* Helper Classes - Index */ .no-scroll { overflow: hidden; } .cf, .show-all { *zoom: 1; } .cf:before, .show-all:before, .cf:after, .show-all:after { content: ''; display: table; } .cf:after, .show-all:after { clear: both; } .tog-hide { visibility: hidden !important; opacity: 0 !important; filter: alpha(opacity=0) !important; } .hide { display: none !important; } .no-animate { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; } input.error { color: red !important; } .pull-left { float: left; } .pull-right { float: right; } .clearfix:before, .clearfix:after { content: " "; display: table; } /* Global */ html, body { color: white; font: normal 10px 'Helvetica Neue', Helvetica, Arial, Sans-Serif; position: relative; height: 100%; width: 100%; min-height: 100%; min-width: 320px; } body { background: black; } #container { overflow: hidden; } input { color: #8a8a8a; font-size: 1.4em; } h1 { font-weight: 300; } a { color: #bd5a02; text-decoration: none; } a:hover { color: white; } a.alt:hover { color: #bd5a02 !important; } a, p { font-size: 12px; } html, body, a, div, span, video, .video, object, h1, h2, h3, h4, p, dl, dd, dt, ul, li { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } nav ul { margin: 0; padding: 0; } dl, dt, dd { margin: 0; padding: 0; } .tog, .rad { cursor: pointer; } .modal { color: white; display: block; } /* BEGIN STARZCOMII-2907*/ .modal_original { color: white; display: block; } /* END STARZCOMII-2907*/ .modal_other { color: white; } .link_external { color: white; } .table { display: table; width: 100%; } .cap { display: table-caption; } .tr { display: table-row; } .td, .th { display: table-cell; } .overlay { top: 0; left: 0; right: 0; bottom: 0; position: absolute; opacity: 1; filter: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .active .overlay { opacity: 0; filter: alpha(opacity=0); } #modal > .overlay { display: none; } [data-picture] img { margin-left: -50%; margin-right: -50%; } .button { color: #bd5a02; background: transparent; font-size: 11px; line-height: 12px; text-align: center; text-transform: uppercase; padding: 4px 0; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; } button.button { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 1px; } .button:before, .button:after, .button .d-ico { font: normal 1.2em 'icons'; line-height: 12px; } .button:before { margin-right: 9px; } .button .d-ico.before { margin-right: 9px; } .button:after { margin-left: 9px; } .button .d-ico.after { margin-left: 9px; } .button.send:before, .button.cancel:before { font-size: 1em; opacity: .5; } .button.watch:before { content: '\e010'; } .button.send:before { content: '\e014'; } .button.save:before { content: '\e019'; } .button.cancel:before { content: '\e011'; } .button.link:after { content: '\e004'; } .button.send, .button.blue, .button.cancel, .button.grey { color: white !important; } .button.send, .button.orange { color: white; background: #ce7416 !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ce7416), color-stop(0.5, #c96a14), color-stop(0.501, #bd5a03), color-stop(1, #b65103)) !important; background: -webkit-linear-gradient(top, #ce7416 0%, #c96a14 50%, #bd5a03 50.1%, #b65103 100%) !important; background: -moz-linear-gradient(top, #ce7416 0%, #c96a14 50%, #bd5a03 50.1%, #b65103 100%) !important; background: -ms-linear-gradient(top, #ce7416 0%, #c96a14 50%, #bd5a03 50.1%, #b65103 100%) !important; background: linear-gradient(#ce7416 0%, #c96a14 50%, #bd5a03 50.1%, #b65103 100%) !important; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce7416', endColorstr='#b65103', GradientType=0) !important; border-top: 1px solid #fb9b46 !important; } .button.send:before, .button.orange:before { background-position: center; } .button.send:hover, .button.orange:hover { background: #d97b18 !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d97b18), color-stop(0.5, #d57116), color-stop(0.501, #ce6204), color-stop(1, #c95804)) !important; background: -webkit-linear-gradient(top, #d97b18 0%, #d57116 50%, #ce6204 50.1%, #c95804 100%) !important; background: -moz-linear-gradient(top, #d97b18 0%, #d57116 50%, #ce6204 50.1%, #c95804 100%) !important; background: -ms-linear-gradient(top, #d97b18 0%, #d57116 50%, #ce6204 50.1%, #c95804 100%) !important; background: linear-gradient(#d97b18 0%, #d57116 50%, #ce6204 50.1%, #c95804 100%) !important; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d97b18', endColorstr='#c95804', GradientType=0) !important; border-top: 1px solid #f9b67b !important; } .button.blue { background: #1d88a9 !important; background: -webkit-gradient(linear, 0 0, 0 100%, from(#1d88a9), to(#16698f)) !important; background: -webkit-linear-gradient(top, #1d88a9, #16698f) !important; background: -moz-linear-gradient(top, #1d88a9, #16698f) !important; background: -ms-linear-gradient(top, #1d88a9, #16698f) !important; background: linear-gradient(#1d88a9, #16698f) !important; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1d88a9', endColorstr='#ff16698f', GradientType=0) !important; border-top: 1px solid #45bfeb !important; } .button.blue:hover { background: #229bbf !important; background: -webkit-gradient(linear, 0 0, 0 100%, from(#229bbf), to(#1b7cab)) !important; background: -webkit-linear-gradient(top, #229bbf, #1b7cab) !important; background: -moz-linear-gradient(top, #229bbf, #1b7cab) !important; background: -ms-linear-gradient(top, #229bbf, #1b7cab) !important; background: linear-gradient(#229bbf, #1b7cab) !important; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff229bbf', endColorstr='#ff1b7cab', GradientType=0) !important; border-top: 1px solid #63d4fd !important; } .button.cancel, .button.grey { background: #60747c !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #60747c), color-stop(0.5, #586a72), color-stop(0.501, #4f5f65), color-stop(1, #47565c)) !important; background: -webkit-linear-gradient(top, #60747c 0%, #586a72 50%, #4f5f65 50.1%, #47565c 100%) !important; background: -moz-linear-gradient(top, #60747c 0%, #586a72 50%, #4f5f65 50.1%, #47565c 100%) !important; background: -ms-linear-gradient(top, #60747c 0%, #586a72 50%, #4f5f65 50.1%, #47565c 100%) !important; background: linear-gradient(#60747c 0%, #586a72 50%, #4f5f65 50.1%, #47565c 100%) !important; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60747c', endColorstr='#47565c', GradientType=0) !important; border-top: 1px solid #778699 !important; } .button.cancel:hover, .button.grey:hover { background: #7a919a !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7a919a), color-stop(0.5, #708690), color-stop(0.501, #63777f), color-stop(1, #596b72)) !important; background: -webkit-linear-gradient(top, #7a919a 0%, #708690 50%, #63777f 50.1%, #596b72 100%) !important; background: -moz-linear-gradient(top, #7a919a 0%, #708690 50%, #63777f 50.1%, #596b72 100%) !important; background: -ms-linear-gradient(top, #7a919a 0%, #708690 50%, #63777f 50.1%, #596b72 100%) !important; background: linear-gradient(#7a919a 0%, #708690 50%, #63777f 50.1%, #596b72 100%) !important; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7a919a', endColorstr='#596b72', GradientType=0) !important; border-top: 1px solid #79899c !important; } .lt-ie10 .button:after, .lt-ie10 .button:before { content: none; } .plain.link { font-weight: bold; text-transform: uppercase; } .plain.link:after, .plain.link .d-ico { font: normal 1.2em 'icons'; content: '\e004'; margin-left: 9px; vertical-align: middle; } .lt-ie10 .plain.link:after { content: none; } .plain.link.modal { color: #bd5a02; margin-top: 20px; } a.more, a.less { color: #bd5a02; font-weight: bold; text-transform: uppercase; } a.more:before, a.less:before, a.more .d-ico, a.less .d-ico { font: normal 8px 'icons'; content: '\e00e'; margin-right: 6px; vertical-align: middle; } .lt-ie10 a.more:before, .lt-ie10 a.less:before { content: none; } a.more:hover:before, a.less:hover:before, a.more:hover .d-ico, a.less:hover .d-ico { color: white; } a.less:before, a.less .d-ico { color: white; content: '\e00f'; } .lt-ie10 a.less:before { content: none; } .dd-arrow:after, .dd-arrow .d-ico { font: normal 1em 'icons'; content: '\e005'; margin-left: 8px; } .lt-ie10 .dd-arrow:after { content: none; } .emph { color: #839ca7; font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; } .emph strong { color: #cfdde3; } .centered { text-align: center; } .rounded { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .grad-spacer { height: 5px; background: #bd5a02; background: -webkit-gradient(linear, 0 0, 100% 0, from(#bd5a02), to(#1e4c5f)); background: -webkit-linear-gradient(left, #bd5a02, #1e4c5f); background: -moz-linear-gradient(left, #bd5a02, #1e4c5f); background: -o-linear-gradient(left, #bd5a02, #1e4c5f); background: linear-gradient(to right, #bd5a02, #1e4c5f); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd5a02', endColorstr='#ff1e4c5f', GradientType=1); } .grad-spacer.thin { height: 3px; } .date { color: #cfdde3; display: inline; } .hang:before { content: ''; position: absolute; top: -2px; left: 0; right: 0; border-top: 1px solid #2d373c; } .select-wrap { position: relative; min-width: 170px; } .customSelect { width: 100%; color: #cfdde3; font-size: 10px; background: #2f393c; cursor: pointer; background: -webkit-gradient(linear, 0 0, 0 100%, from(#2f393c), to(#1c2224)); background: -webkit-linear-gradient(top, #2f393c, #1c2224); background: -moz-linear-gradient(top, #2f393c, #1c2224); background: -o-linear-gradient(top, #2f393c, #1c2224); background: linear-gradient(to bottom, #2f393c, #1c2224); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f393c', endColorstr='#ff1c2224', GradientType=0); } .customSelect.customSelectHover { background: #3a474a; background: -webkit-gradient(linear, 0 0, 0 100%, from(#3a474a), to(#273032)); background: -webkit-linear-gradient(top, #3a474a, #273032); background: -moz-linear-gradient(top, #3a474a, #273032); background: -o-linear-gradient(top, #3a474a, #273032); background: linear-gradient(to bottom, #3a474a, #273032); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3a474a', endColorstr='#ff273032', GradientType=0); } .customSelectInner { width: 100%; text-transform: uppercase; line-height: 20px; min-width: 90px; padding: 10px 60px 10px 20px; background: url(/Content/img/bg/dd-arrow.png) no-repeat right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .svg .customSelectInner { background-image: url(/Content/img/bg/dd-arrow.svg); } .fancy-chk-box { overflow: hidden; } .fancy-chk-box fieldset { width: 50%; margin: 10px 0; padding: 0; border: none; float: left; } .fancy-chk-box .full-row { width: 100%; } .fancy-chk-box input[type="checkbox"] { margin-right: -16px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; } .fancy-chk-box input[type="checkbox"] + label { font-size: 12px; cursor: pointer; padding: 5px 24px 2px; background: url(/Content/img/btn/checkbox-off.jpg) left center no-repeat; } .fancy-chk-box input[type="checkbox"]:checked + label { background-image: url(/Content/img/btn/checkbox-on.jpg); } .fb-ico, .twt-ico, .gg-ico { font-size: 12px; line-height: 0.5em; background: #23ccf2; background: -webkit-gradient(linear, 0 0, 0 100%, from(#23ccf2), to(#1ba4e8)); background: -webkit-linear-gradient(top, #23ccf2, #1ba4e8); background: -moz-linear-gradient(top, #23ccf2, #1ba4e8); background: -o-linear-gradient(top, #23ccf2, #1ba4e8); background: linear-gradient(to bottom, #23ccf2, #1ba4e8); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff23ccf2', endColorstr='#ff1ba4e8', GradientType=0); border-top: 1px solid #93e3fd; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; padding: 0.5em 0.6em; display: inline-block; cursor: pointer; } .fb-ico { background: #4e74b6; background: -webkit-gradient(linear, 0 0, 0 100%, from(#4e74b6), to(#324b7e)); background: -webkit-linear-gradient(top, #4e74b6, #324b7e); background: -moz-linear-gradient(top, #4e74b6, #324b7e); background: -o-linear-gradient(top, #4e74b6, #324b7e); background: linear-gradient(to bottom, #4e74b6, #324b7e); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4e74b6', endColorstr='#ff324b7e', GradientType=0); border-top: 1px solid #6896e4; } .gg-ico { background: #6e9ec3; background: -webkit-gradient(linear, 0 0, 0 100%, from(#6e9ec3), to(#466594)); background: -webkit-linear-gradient(top, #6e9ec3, #466594); background: -moz-linear-gradient(top, #6e9ec3, #466594); background: -o-linear-gradient(top, #6e9ec3, #466594); background: linear-gradient(to bottom, #6e9ec3, #466594); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6e9ec3', endColorstr='#ff466594', GradientType=0); border-top: 1px solid #a4caf5; } .twt-ico:hover { background: #4cdafb; background: -webkit-gradient(linear, 0 0, 0 100%, from(#4cdafb), to(#37bff9)); background: -webkit-linear-gradient(top, #4cdafb, #37bff9); background: -moz-linear-gradient(top, #4cdafb, #37bff9); background: -o-linear-gradient(top, #4cdafb, #37bff9); background: linear-gradient(to bottom, #4cdafb, #37bff9); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4cdafb', endColorstr='#ff37bff9', GradientType=0); border-top: 1px solid #aae9fe; } .fb-ico:hover { background: #5c88c5; background: -webkit-gradient(linear, 0 0, 0 100%, from(#5c88c5), to(#3b5a99)); background: -webkit-linear-gradient(top, #5c88c5, #3b5a99); background: -moz-linear-gradient(top, #5c88c5, #3b5a99); background: -o-linear-gradient(top, #5c88c5, #3b5a99); background: linear-gradient(to bottom, #5c88c5, #3b5a99); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5c88c5', endColorstr='#ff3b5a99', GradientType=0); border-top: 1px solid #92b9fc; } .gg-ico:hover { background: #8bb1cf; background: -webkit-gradient(linear, 0 0, 0 100%, from(#8bb1cf), to(#6082b4)); background: -webkit-linear-gradient(top, #8bb1cf, #6082b4); background: -moz-linear-gradient(top, #8bb1cf, #6082b4); background: -o-linear-gradient(top, #8bb1cf, #6082b4); background: linear-gradient(to bottom, #8bb1cf, #6082b4); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8bb1cf', endColorstr='#ff6082b4', GradientType=0); border-top: 1px solid #b6d5f7; } .fb-ico:before, .twt-ico:before, .gg-ico:before { color: white !important; font: normal 1em 'icons'; content: '\f000'; vertical-align: middle; } .twt-ico:before { content: '\e001'; } .gg-ico:before { content: '\e002'; } .fb-ico .d-ico, .twt-ico .d-ico, .gg-ico .d-ico { color: white !important; font: normal 1em 'icons'; vertical-align: middle; } .fb-comments-wrap { padding: 10px; background: #393939; } .fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style], .fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] { width: 100% !important; } .recaptcha_widget { max-width: 300px; border: 4px solid #414749; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; background: #2a3032; margin: 0 0 10px; } #recaptcha_image { width: 100% !important; height: auto !important; } #recaptcha_image img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: auto; -webkit-border-radius: 0.1em; -moz-border-radius: 0.1em; border-radius: 0.1em; border: 3px solid white; } #recaptcha_image .recaptcha_is_showing_audio { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 60px; background: white; -webkit-border-radius: 0.1em; -moz-border-radius: 0.1em; border-radius: 0.1em; border: 3px solid white; } #recaptcha_image .recaptcha_is_showing_audio br { display: none; } #recaptcha_image .recaptcha_is_showing_audio embed { height: 0; width: 0; overflow: hidden; } .recaptcha_is_showing_audio #recaptcha_image #recaptcha_audio_download { display: block; } .recaptcha_input { background: #2a3032; margin: 4px 0 0; padding: 0 4px 4px; border: 2px solid black; -webkit-border-radius: 0.1em; -moz-border-radius: 0.1em; border-radius: 0.1em; } .recaptcha_input label { margin: 0 0 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .recaptcha_input input { width: 100%; } .recaptcha_options { list-style: none; margin: 4px 0 0; height: 18px; } .recaptcha_options li { float: left; margin: 0 4px 0 0; } .recaptcha_options li a { text-decoration: none; text-shadow: 0 1px 1px black; display: block; width: 20px; height: 18px; } .recaptcha_options li a:active { position: relative; top: 1px; text-shadow: none; } .captcha_hide { display: none; } .recaptcha_only_if_no_incorrect_sol { padding: 4px; display: none; } #error-page .error-content { width: 100%; height: 100%; margin-top: -91px; position: absolute; text-align: center; background-color: black; background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#29383e), to(black)); background-image: -webkit-radial-gradient(circle, #29383e, black); background-image: -moz-radial-gradient(circle, #29383e, black); background-image: -o-radial-gradient(circle, #29383e, black); background-repeat: no-repeat; } #error-page .error-content > div { text-align: left; height: 100px; width: 620px; position: relative; top: 35%; margin: auto; font-size: 45px; } #error-page .error-content > div > p { margin-top: 0; /*text-align: left; position: absolute; top: 48%;*/ font-size: 30px; } #error-page .error-content > div .accent { color: #bd5a02; } #errorConsole { color: #a94442; background-color: #f2dede; border-color: #ebccd1; border: 1px solid #ebccd1; border-radius: 4px; padding: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; margin: 5px; } /* Header/Footer */ #head-actions { text-transform: uppercase; background: #0d0d0d; width: 100%; overflow: hidden; } #head-actions ul { float: right; } #head-actions li { margin: 5px 12px 5px 0; padding-left: 12px; float: left; border-left: 1px solid #3c3e3f; } #head-actions li:first-child { border-left: none; } #head-actions a { color: #919191; font-size: 12px; } #head-actions a.active { color: #bd5a02; border-bottom: 1px solid #bd5a02; padding: 0 13px 10px; margin: 0 -13px; white-space: nowrap; } #footer-actions { background: #0d0d0d; width: 100%; overflow: hidden; } #footer-actions ul { float: left; } #footer-actions li { color: #919191; margin: 5px 12px 5px 0; padding-left: 12px; float: left; border-left: 1px solid #3c3e3f; } #footer-actions li:first-child { border-left: none; } #footer-actions a { color: #919191; font-size: 10px; } #footer-actions a.active { color: #bd5a02; border-bottom: 1px solid #bd5a02; padding: 0 13px 10px; margin: 0 -13px; white-space: nowrap; } #footer-actions .social { text-align: right; } #footer-actions .social .fb-ico { margin: 0 10px; } #footer-actions .social div { vertical-align: bottom; } #head-wrap { position: relative; z-index: 150; } #head-wrap.fixed { width: 100%; } #head-menu, #foot-menu { width: 100%; background: #0e2027; background: -webkit-gradient(linear, 0 0, 0 100%, from(#0e2027), to(#0f171d)); background: -webkit-linear-gradient(top, #0e2027, #0f171d); background: -moz-linear-gradient(top, #0e2027, #0f171d); background: -o-linear-gradient(top, #0e2027, #0f171d); background: linear-gradient(to bottom, #0e2027, #0f171d); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0e2027', endColorstr='#ff0f171d', GradientType=0); position: relative; } #head-menu { height: 86px; overflow: hidden; } .head-links { left: 145px; bottom: 30%; position: absolute; -webkit-transition: left 0.2s; -moz-transition: left 0.2s; -ms-transition: left 0.2s; -o-transition: left 0.2s; transition: left 0.2s; } .head-links a { color: #cfdde3; font-size: 2.8em; line-height: 22px; font-weight: 300; float: left; padding: 0 30px; border-left: 1px solid #2d4149; } .head-links a:first-child { border-left: none; } .head-links .active { color: #bd5a02; } .fixed .head-links { left: 104px; } #head-menu .tonight .text { font-size: 1.3em; font-weight: bold; text-transform: uppercase; position: absolute; bottom: 30%; } .tonight .text:hover, .tonight .text.dd-open { color: white !important; } #head-logo { color: white; font-size: 5.3em; height: 43px; position: absolute; left: 15px; bottom: 25%; display: inline-block; -webkit-transition: font-size .2s, left .2s, height .2s; -moz-transition: font-size .2s, left .2s, height .2s; -ms-transition: font-size .2s, left .2s, height .2s; -o-transition: font-size .2s, left .2s, height .2s; transition: font-size .2s, left .2s, height .2s; /* SAO - Fixed less compilation error */ } #head-logo-sm { width: 80px; height: 27px; background: url(/Content/img/misc/starz-all-sm.png) no-repeat top; } #head-menu .tool { min-width: 25px; height: 100%; padding: 0 16px; float: right; position: relative; border-left: 1px solid #29383e; } #head-menu .tonight { border-left: none; } .tool [data-ico] { color: #526e74; font-size: 20px; bottom: 35%; position: absolute; } .tool [data-ico]:hover { color: white; } .tool .ico-spacer { width: 25px; float: left; height: 100%; margin-left: 10px; position: relative; display: inline-block; } .tool .ico-spacer:first-child { margin-left: 0; } .tool .ico-spacer a { display: inline-block; width: 100%; height: 100%; } .tool .fb-sim:hover { color: #5787cc; } .tool .twt-sim:hover { color: #4cc7f1; } .tool.tonight { width: 100px; } .tool.tonight [data-ico] { width: 27px; font-size: 14px; font-weight: 600; line-height: 19px; text-align: center; display: none; } .tool.tonight [data-ico]:before, .tool.tonight [data-ico] .d-ico { font-size: 23px; position: absolute; top: -5px; left: 2px; } #head-menu #head-social { min-width: 60px; } .srch-bar { color: white; color: rgba(255, 255, 255, 0); font-size: 18px; font-weight: 300; width: 0px; padding: 5px 0; background: #283235; border-style: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: none; } #srch-box .dd-ico { width: 25px; height: 100%; right: 16px; position: absolute; z-index: 10; -webkit-transition: right 0.4s; -moz-transition: right 0.4s; -ms-transition: right 0.4s; -o-transition: right 0.4s; transition: right 0.4s; } #srch-box .dd-open { right: 312px; } #srch-box [data-ico] { font-size: 23px; } #srch-box [data-ico]:hover { color: #678a92; } #srch-box .srch-bar { height: 30px; margin-bottom: -10px; position: absolute; right: 16px; bottom: 36%; -webkit-transition: width .4s, padding .4s, background-color .4s, color .4s; -moz-transition: width .4s, padding .4s, background-color .4s, color .4s; -ms-transition: width .4s, padding .4s, background-color .4s, color .4s; -o-transition: width .4s, padding .4s, background-color .4s, color .4s; transition: width .4s, padding .4s, background-color .4s, color .4s; /* SAO - Fixed less compilation error */ } #srch-box .srch-bar::-webkit-input-placeholder { color: rgba(140, 140, 140, 0); } #srch-box .srch-bar::-moz-placeholder { color: rgba(140, 140, 140, 0); } #srch-box .srch-bar:-ms-input-placeholder { color: rgba(140, 140, 140, 0); } #srch-box .srch-bar.active { color: white; width: 250px; padding: 5px 40px; } #srch-box .srch-bar.active::-webkit-input-placeholder { color: #8c8c8c; } #srch-box .srch-bar.active::-moz-placeholder { color: #8c8c8c; } #srch-box .srch-bar.active:-ms-input-placeholder { color: #8c8c8c; } #srch-box .srch-bar.fix { visibility: hidden; position: static; } #menu-ico { width: 96px; height: 44px; margin-top: 20px; float: right; display: none; background: url(/Content/img/ico/mob-menu.png) no-repeat top; } .svg #menu-ico { background-image: url(/Content/img/ico/mob-menu.svg); } #mobile-srch { text-align: center; background: #171b1d; display: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #mobile-srch > div { width: 80%; margin: 10px auto; position: relative; } #mobile-srch .srch-bar { color: white; width: 100%; padding: 9px 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mobile-srch-ico { color: #526e74; font-size: 23px; margin-top: -13px; position: absolute; top: 50%; left: 8px; } #loading, #modal { width: 100%; position: fixed; top: 0; left: 0; bottom: 0; z-index: 1000; opacity: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; background: url(/Content/img/bg/overlay.png); background: rgba(0, 0, 0, 0.75); } #loading.hide, #modal.hide { z-index: -100; } #loading { overflow: hidden; -webkit-overflow-scrolling: hidden; text-align: center; cursor: wait; } #foot-menu { padding: 13px 0 23px; border-top: 5px solid transparent; } #foot-menu:before { content: ''; width: 100%; height: 5px; background: -webkit-gradient(linear, 0 0, 100% 0, from(#bd5a02), to(#1e4c5f)); background: -webkit-linear-gradient(left, #bd5a02, #1e4c5f); background: -moz-linear-gradient(left, #bd5a02, #1e4c5f); background: -o-linear-gradient(left, #bd5a02, #1e4c5f); background: linear-gradient(to right, #bd5a02, #1e4c5f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd5a02', endColorstr='#ff1e4c5f', GradientType=1); position: absolute; top: -5px; left: 0; } #foot-menu.stick { position: absolute; bottom: 0; } #foot-menu .logo { display: inline-block; vertical-align: bottom; margin-right: 5px; padding: 3px 10px; } #foot-menu .logo:first-child { margin-left: 12px; } #foot-menu .links { display: block; padding-right: 90px; margin: 7px 8px -5px; } #foot-menu .links a { font-size: 10px; line-height: 12px; font-weight: bold; text-transform: uppercase; padding: 3px 15px; display: inline-block; } #foot-menu li { display: inline-block; margin: 0; border-left: 1px solid #3c3e3f; } #foot-menu li:first-child { border-left: none; } #foot-menu span.spacer { width: 20px; top: 0; left: 0; bottom: 0; position: absolute; z-index: 10; background: #0e2027; background: -webkit-gradient(linear, 0 0, 0 100%, from(#0e2027), to(#0f171d)); background: -webkit-linear-gradient(top, #0e2027, #0f171d); background: -moz-linear-gradient(top, #0e2027, #0f171d); background: -o-linear-gradient(top, #0e2027, #0f171d); background: linear-gradient(to bottom, #0e2027, #0f171d); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0e2027', endColorstr='#ff0f171d', GradientType=0); } #foot-menu .copy { display: inline-block; vertical-align: bottom; color: #839ca7; font-size: 1.1em; line-height: 2.4em; } #foot-menu .social { text-align: right; position: absolute; right: 23px; bottom: 23px; } #foot-menu .social .fb-ico { margin: 0 10px; } #foot-menu .social div { vertical-align: bottom; } foter ul { margin: 0; padding: 0; list-style-type: none; text-align: center; } foter ul a { font-size: 10px; font-weight: bold; text-transform: uppercase; padding: 3px 15px; display: inline-block; } foter li { display: inline-block; border-left: 1px solid #3c3e3f; } foter li:first-child { border-left: none; } foter .social { text-align: right; position: absolute; right: 23px; bottom: 23px; } foter .social .fb-ico { margin: 0 10px; } foter .social div { vertical-align: bottom; } /*----- Dropdowns -----*/ .dd-target { width: 100%; height: 0; overflow: hidden; background: black; } #menu-dd { background: #181e20; } #menu-dd dt { font-weight: 300; border-top: 1px solid #445055; border-bottom: 1px solid #192124; background: #252d30; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -ms-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; cursor: pointer; } #menu-dd dt.dd-open a { color: #bd5a02; } #menu-dd dt a { font-size: 22px; padding: 20px 23px; } #menu-dd dd { height: 0; overflow: hidden; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } #menu-dd .action-links { height: auto; background: #353e43; padding: 10px 20px; border-top: 1px solid #4c555c; } #menu-dd .action-links a { width: 50%; font-size: 1.1em; letter-spacing: 1px; text-transform: uppercase; float: left; padding: 10px 0; } #menu-dd ul { margin: 0; padding: 0; list-style-type: none; border-bottom: 1px solid #090d0e; } #menu-dd li { font-size: 16px; text-transform: uppercase; border-top: 1px solid #252d30; } #menu-dd li a { padding: 16px 23px; } #menu-dd a { color: white; display: block; } #menu-dd a:hover { color: #bd5a02 !important; } #orig-dd .elem { width: 200px; height: 270px; margin: 0; } #orig-dd .elem .overlay { background: rgba(0, 0, 0, 0.5); border-top: none; } #orig-dd .prev, #orig-dd .next { bottom: 0; } #tonight-dd { background: #181e20; /* .stz1 { } .stz8 .sub-logo { background-position: center -27px; } .stz7 .sub-logo { background-position: center -37px; } .stz5 .sub-logo { background-position: center -47px; } .stz3 .sub-logo { background-position: center -57px; } .stz4 .sub-logo { background-position: center -67px; }*/ } #tonight-dd .resScroll { max-width: 1400px; margin: 0 auto; } #tonight-dd .prev, #tonight-dd .next { bottom: 0; } #tonight-dd ul { font-size: 1.2em; max-width: 1320px; padding: 0; overflow: hidden; } .touch #tonight-dd ul { width: 1280px; } #tonight-dd li { width: 16.666666667%; margin: 0 0 -195px 0; padding: 30px 30px 200px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #tonight-dd li.odd { background: #252d30; } #tonight-dd li div { font-size: 7em; } #tonight-dd li div.starz { margin: -30px 0px 0px 0px; } #tonight-dd dl { font-weight: bold; margin: 20px 0; } #tonight-dd dt { margin-bottom: 10px; } #tonight-dd dt:hover { color: #bd5a02; cursor: pointer; } #tonight-dd dd { color: #839ca7; } #tonight-dd .sub-wrap { background: #101415; } #tonight-dd .sub-inner { font-size: 1.1em; max-width: 940px; padding: 10px 30px; margin: 0 auto; text-align: right; } #tonight-dd .sub-inner .note { color: #cfdde3; float: left; } #tonight-dd .sub-inner .note span { color: white; } /* Homepage */ #global-nav { width: 54px; height: 108px; display: block; position: fixed; top: 50%; right: 0; margin-top: -54px; z-index: 125; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } #global-nav a { width: 26px; height: 14px; padding: 20px 15px; background: #343e44; display: block; } #global-nav .up { border-bottom: 1px solid #1d2226; } #global-nav span { width: 26px; height: 14px; display: block; } #global-nav .up span { background: url(/Content/img/btn/up-down.png) no-repeat left top; } #global-nav .down span { background: url(/Content/img/btn/up-down.png) no-repeat left bottom; } #global-nav .up:hover span { background-position: top; } #global-nav .down:hover span { background-position: bottom; } #global-nav a:hover { background: #39444b; } #global-nav a.inactive { cursor: default; background: #252d30; } #global-nav .up.inactive span { background-position: right top; } #global-nav .down.inactive span { background-position: right bottom; } /*----- Heroes -----*/ .hero-wrap { position: relative; overflow: hidden; } .hero-wrap .overlay { cursor: pointer; z-index: 60; text-align: center; background: rgba(0, 0, 0, 0.65); -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -ms-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } .hero-wrap .overlay:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .hero-wrap.active .overlay { z-index: -1; } .hero-wrap .date { font-size: 1.4em; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; } .hero-wrap [data-picture] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; text-align: center; overflow: hidden; } .hero-wrap .ovr-title { text-align: left; display: inline-block; vertical-align: middle; position: relative; } .hero-wrap .ovr-title h1 { font-size: 8em; margin: 4px 0; } .hero-wrap .ovr-title .date { margin: 9px 0; display: block; } .hero-wrap .slider { height: 100%; padding: 0; margin: 0; list-style-type: none; position: relative; z-index: 1; } .hero-wrap .slider li { height: 100%; position: relative; background: no-repeat top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; float: left; } .hero-wrap .slider-nav { position: absolute; z-index: 100; bottom: 20px; left: 0; right: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; text-align: center; /*li { position: relative; }*/ } .slider-nav .thumb-wrap { position: absolute; padding-bottom: 9px; bottom: 20px; background: url(/Content/img/btn/popup.png) no-repeat bottom; opacity: 0; filter: alpha(opacity=0); cursor: pointer; display: none; -webkit-transition: opacity 0.2s 1s, display 0s 0s;; -moz-transition: opacity 0.2s 1s, display 0s 0s;; -ms-transition: opacity 0.2s 1s, display 0s 0s;; -o-transition: opacity 0.2s 1s, display 0s 0s;; transition: opacity 0.2s 1s, display 0s 0s;; /* SAO - Fixed the less compiler error */ } .slider-nav li:hover .thumb-wrap { opacity: 1; filter: none; display: block; bottom: 30px; margin-left: -53px; } .slider-nav .thumb-wrap:hover { opacity: 0 !important; filter: alpha(opacity=0) !important; } .slider-nav .thumb-inner { width: 106px; min-height: 85px; padding: 5px; overflow: hidden; background: white; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .slider-nav img { width: 106px; } .slider-nav span { color: #0f789e; font-size: 10px; font-weight: bold; text-align: center; text-transform: uppercase; width: 106px; margin-top: 3px; display: block; } .hero-wrap .hero-outer { height: 100%; margin: 0 auto; } .hero-wrap .hero-outer:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; margin-left: -0.25em; } .hero-wrap .hero-inner { cursor: default; font-weight: 300; width: 440px; display: inline-block; vertical-align: middle; word-break: break-word; } .hero-wrap .hero-inner h1 { width: 440px; font-size: 6em; line-height: 65px; margin: 8px 0 8px; } .hero-wrap .hero-inner .date { width: 440px; display: block; } .hero-wrap .hero-inner p { width: 375px; font-size: 1.4em; line-height: 19px; margin: 10px 0 20px; max-height: 13em; overflow: hidden; text-overflow: ellipsis; } .hero-wrap .hero-inner a.providerLink { margin-bottom: 5px; } .hero-wrap .hero-orient-right .hero-inner { text-align: right; } .hero-wrap .hero-orient-right .hero-inner p { display: inline-block; } .slider .hero-inner > * { opacity: 0; filter: alpha(opacity=0); } .hero-wrap.active .slider li.active.clickable .hero-outer { cursor: pointer; } .hero-wrap.active .slider li.active.clickable .hero-inner { cursor: pointer; } .hero-wrap.active .slider .hero-inner > * { opacity: 1; filter: none; } .hero-wrap.active .slider-nav { opacity: 1; filter: none; } .hero-outer.has-image { max-width: 1200px; width: auto; position: relative; } .has-image .hero-inner { width: 400px; position: relative; z-index: 10; } .has-image img, .has-image [data-picture] { display: inline-block; vertical-align: middle; } .has-image [data-picture] { z-index: 1; left: auto; right: 20px; } .has-image [data-picture] img { min-width: 0; min-height: 0; max-width: 100%; max-height: 100%; } .hero-inner .button { margin-right: 20px; } .hero-inner .button:last-of-type { margin-right: 0; } /*----- Featured on Starz -----*/ #h-feat-cont { width: 100%; padding-top: 65px; position: relative; overflow: hidden; background: #132a33; background: url(/Content/img/bg/radial.svg) no-repeat 100% 80%, black; } #h-feat-cont .spacer { max-width: 960px; margin: 0 auto 45px; padding: 0 20px; } #h-feat-cont .spacer .scroll-title { float: left; } #h-feat-cont .slider-nav { margin-top: 10px; float: right; height: 20px; padding: 4px 8px; background: black; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; list-style-type: none; } #h-feat-cont .slider-nav li { padding: 4px; float: left; cursor: pointer; } #h-feat-cont .slider-nav li div { width: 12px; height: 12px; background: #5a5e65; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } #h-feat-cont .slider-nav li.active div { background: #48769c; } #h-feat-cont .slider-nav li:hover div { background: #869398; } #h-feat-cont .slider { clear: both; } #h-feat-cont .slider .feature { height: 480px; margin: 0 20px; position: relative; float: left; cursor: pointer; } #h-feat-cont .slider .feature.active { cursor: default; } #h-feat-cont .slider .feature.feature-orient-left .img { background-position: right; } #h-feat-cont .slider .feature.feature-orient-left .copy { float: left; } #h-feat-cont .slider .feature.feature-orient-left .copy .copy-inner { text-align: left; } #h-feat-cont .slider .feature.feature-orient-right .img { background-position: left; } #h-feat-cont .slider .feature.feature-orient-right .copy { float: right; } #h-feat-cont .slider .feature.feature-orient-right .copy .copy-inner { text-align: right; } #h-feat-cont .slider .feature .img { width: 100%; height: 480px; position: absolute; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #h-feat-cont .slider .feature .copy { position: relative; padding: 20px 30px 30px; z-index: 1; background: black; width: 28%; height: 430px; } #h-feat-cont .slider .feature h1 { font-size: 5em; margin: 0; max-height: 4.8em; overflow: hidden; text-overflow: ellipsis; } #h-feat-cont .slider .feature p { color: #cfdde3; font-size: 1.3em; line-height: 1.4em; margin: 0.6em 0 1.4em; max-height: 8.5em; text-overflow: ellipsis; overflow: hidden; } #h-feat-cont .slider .feature .shadow { height: 75px; left: 0; right: 0; bottom: -75px; position: absolute; background: url(/Content/img/bg/shadow.png) no-repeat top; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; } .no-touch #h-feat-cont .slider li .overlay { z-index: 100; opacity: 0.75; filter: alpha(opacity=75); background: black; } .no-touch #h-feat-cont .slider li.active .overlay { z-index: -1; opacity: 0; filter: alpha(opacity=0); } /*----- Now Playing -----*/ #nowplaying { margin-bottom: 50px; } #nowplaying .title-wrap { margin: 0 auto 20px; padding: 0 20px; max-width: 960px; } #nowplaying .title-wrap .plain.link { right: 20px; } /* Corporate */ #corp-wrap { position: relative; } #corp-info .net-change { font-size: .6em; } #corp-info .up { color: #298e24; } #corp-info .down { color: #a93a14; } #corp-info-inner { font-size: 12px; } #corp-info-inner h3 { color: #cfdde3; font-size: 19px; font-weight: 300; letter-spacing: 1px; margin-top: 0; } #corp-info-inner a:before { content: ''; margin: 0; } .corp-box { border-top: 1px solid #272e35; margin: 0 25px; padding: 35px 0; } .corp-box:first-child { border-top: none; } .corp-box p { line-height: 1.6; margin: 0 0 1em; } .corp-box .corp-descrip { margin-bottom: 30px; } .corp-box .link.more { font-size: 1.2em; } .corp-title { margin: 2em 0 1em; } .corp-title:first-child { margin-top: 0; } .corp-list { margin: 0 0 -30px; padding: 0; list-style-type: none; } .corp-list li { overflow: hidden; margin-bottom: 30px; } .corp-list p { margin: 0; } .corp-logo { margin-bottom: 20px; } .corp-logo img { display: inline-block; vertical-align: middle; } /* @media only screen and (max-width : 1023px) and (min-width : 641px) { #corp-info-inner { padding: 20px 30px 40px; margin-right: -4%; overflow: hidden; li { width: 46%; float: left; height: 92px; margin-right: 4%; } .double { height: 225px; } } } */ /*--- GetStarz - Index ----*/ .getStarzOvrly .select-overlay, .get-starz-elem .select-overlay { cursor: pointer; } .getStarzOvrly .hang:before, .get-starz-elem .hang:before { border-top: none; display: none; } .getStarzOvrly .modal-select, .get-starz-elem .modal-select { top: -2px; } .getStarzOvrly .hasCustomSelect, .get-starz-elem .hasCustomSelect { height: 43px; } .getStarzOvrly .customSelect, .get-starz-elem .customSelect { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ce7416), color-stop(0.5, #c96a14), color-stop(0.501, #bd5a03), color-stop(1, #b65103)); background: -webkit-linear-gradient(top, #ce7416 0%, #c96a14 50%, #bd5a03 50.1%, #b65103 100%); background: -moz-linear-gradient(top, #ce7416 0%, #c96a14 50%, #bd5a03 50.1%, #b65103 100%); background: -ms-linear-gradient(top, #ce7416 0%, #c96a14 50%, #bd5a03 50.1%, #b65103 100%); background: linear-gradient(to bottom, #ce7416 0%, #c96a14 50%, #bd5a03 50.1%, #b65103 100%); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce7416', endColorstr='#b65103', GradientType=0); border-top: 1px solid #fb9b46; color: peachpuff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 43px; } .getStarzOvrly .customSelect .customSelectInner, .get-starz-elem .customSelect .customSelectInner { background: url(/Content/img/bg/dd-arrow-white.png) no-repeat right; } .svg .getStarzOvrly .customSelect .customSelectInner, .svg .get-starz-elem .customSelect .customSelectInner { background-image: url(/Content/img/bg/dd-arrow-white.svg); } #feedbackform { text-align: left; } .getStarzOvrly ul { font-size: 14px; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .getStarzOvrly { max-width: 620px; } .getStarzOvrly img.header { width: 100%; } .getStarzOvrly .select-wrap { width: 220px; display: inline-block; text-align: left; } .getStarzOvrly p { font-size: 14px; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .getStarzOvrly p a { font-size: 1em; } .getStarzOvrly textarea { font-size: 12px; width: 100%; height: 140px; resize: none; border: none; border-radius: 5px; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #44494b; color: white; margin: 0 0 15px; } .getStarzOvrly input[type="email"] { font-size: 12px; height: 34px; border: none; border-radius: 5px; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #44494b; color: white; float: left; display: inline-block; } .getStarzOvrly .col { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .getStarzOvrly .starz-play-logo { width: 180px; height: 75px; } .getStarzOvrly .close-inner { max-width: 620px; } .get-starz-elem { text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .get-starz-elem .date { font-weight: 500; text-transform: uppercase; cursor: default; } .get-starz-elem h1 { font-weight: 300; cursor: default; } .get-starz-elem p { overflow: hidden; text-overflow: ellipsis; cursor: default; } .get-starz-elem.getStarz-orderTop { /*background-image: url('/PublishingImages/corporate_pages/get_starz/GetStarz_Bkgd_1440x651.jpg');*/ background-size: cover; background-repeat: no-repeat; background-position: center top; max-height: 1000px; } .get-starz-elem.getStarz-orderTop a:not(.button) { color: white; } .get-starz-elem.getStarz-orderTop a:not(.button):hover { text-decoration: none; } .get-starz-elem.getStarz-orderBottom a:not(.button) { color: white; } .get-starz-elem.getStarz-orderBottom a:not(.button):hover { text-decoration: none; } .subscribe-feedback { color: #bd5a02; display: inline; } .get-starz-elem { overflow: hidden; z-index: 1; background: -webkit-gradient(linear, 0 0, 0 100%, from(black), to(#0d1e25)); background: -webkit-linear-gradient(top, black, #0d1e25); background: -moz-linear-gradient(top, black, #0d1e25); background: -o-linear-gradient(top, black, #0d1e25); background: linear-gradient(to bottom, black, #0d1e25); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff0d1e25', GradientType=0); } .get-starz-elem .resScroll { margin-bottom: 70px; } .get-starz-elem .hero-inner { text-align: center; left: 24px; } .get-starz-elem .elem { margin: 0 10px 10px; } .get-starz-elem ul { list-style: none; } .get-starz-elem .film-strip-wrap { top: 50%; left: 50%; right: auto; bottom: auto; margin: 0 -320px; } .get-starz-elem .film-strip-wrap.top { top: 0; } .get-starz-elem .film-strip { min-width: 0; min-height: 0; margin: 0; } .get-starz-elem .prod-showcase { position: absolute; overflow: hidden; } .get-starz-elem .prod-showcase [data-picture] { width: 100%; right: auto; } .get-starz-elem .slider-nav { opacity: 1; filter: none; bottom: 0; } .get-starz-elem .select-wrap { display: inline-block; margin: 0 20px 20px 0; } .get-starz-title { max-width: 400px; text-align: center; margin: 70px auto; } .get-starz-title h1 { font-size: 6em; line-height: 1.1; margin: 8px 0 8px; } .get-starz-title p { font-size: 1.4em; line-height: 19px; margin: 10px 0; } .hero-inner [data-picture] { position: static; } .hero-inner [data-picture] + .date, .hero-inner img + .date { margin-top: 20px; } .hero-inner .app-store { margin: 10px; } .order-starz-now { text-align: center; margin: 40px; } .order-starz-now p { font-size: 2em; display: inline-block; vertical-align: middle; margin-right: 20px; } .cloth-bg { background: url(/Content/img/bg/jean.png) repeat, -moz-linear-gradient(left, black, #0f2e37); background: url(/Content/img/bg/jean.png) repeat, -webkit-linear-gradient(black, #0f2e37); background: url(/Content/img/bg/jean.png) repeat, linear-gradient(black, #0f2e37); } .phone-number { color: #cfdde3; font-weight: 500; } .faq-wrap { padding: 30px; background: -webkit-gradient(linear, 0 0, 0 100%, from(black), to(#0d1e25)); background: -webkit-linear-gradient(top, black, #0d1e25); background: -moz-linear-gradient(top, black, #0d1e25); background: -o-linear-gradient(top, black, #0d1e25); background: linear-gradient(to bottom, black, #0d1e25); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff0d1e25', GradientType=0); } .faq-wrap h1 { font-size: 23px; text-align: center; } .faq-wrap .sub-h1 { text-align: center; } .faq-wrap h2 { color: #cfdde3; font-size: 18px; font-weight: 300; margin-top: 40px; } .faq-wrap .answer { line-height: 1.4; } .faq-wrap .see-answer { font-weight: bold; text-transform: uppercase; } .faq-wrap .see-answer:before { font: normal 8px 'icons'; content: '\e00e'; margin-right: 6px; vertical-align: middle; } .faq-wrap .see-answer.active { color: white; } .faq-wrap .see-answer.active:before { content: '\e00f'; } @media only screen and (max-width: 1023px) { .pull-tab { display: none; } .get-starz-title { margin: 40px auto; } .get-starz-title h1 { font-size: 2.8em; } .get-starz-elem .resScroll { margin-bottom: 40px; } .get-starz-elem .hero-inner { width: auto; position: absolute; left: 0; right: 0; bottom: 0; padding: 45px; } .get-starz-elem .hero-inner:before { content: none !important; } .get-starz-elem .hero-inner p { width: auto; max-width: 450px; margin: 20px auto; } .get-starz-elem .prod-showcase { height: 550px; left: 20px; right: 20px; bottom: 10px; } .get-starz-elem .film-strip-wrap { top: 0; } .get-starz-elem #originals-scroll .elem { width: 115px; margin: 0 5px 10px; } .get-starz-elem #movies-scroll .elem { width: 105px; margin: 0 4px 10px; } .hero-outer > img, .hero-outer > [data-picture] { max-width: 90%; margin: 0 -45%; position: absolute; top: 25px; left: 50%; bottom: auto; } .hero-outer.flip-img-order .hero-inner { top: 0; bottom: auto; padding-bottom: 15px; } .hero-outer.flip-img-order > img, .hero-outer.flip-img-order > [data-picture] { bottom: 0; top: auto; } } @media only screen and (max-width: 1023px) and (min-width: 641px) { .get-starz-elem.split-view .hero-inner { text-align: left; position: static; width: 45%; margin: 0; padding: 0; } .get-starz-elem.split-view .hero-outer > [data-picture] { position: static; width: 50%; margin: 0; padding: 0; } } /*--- Free Episodes ----*/ .free-episode-wrap { background-image: linear-gradient(black, #051519); padding-bottom: 70px; overflow: hidden; } .free-episode-wrap > #videos-head { padding-right: 180px; margin: 75px 65px 50px; border-bottom: none; } .free-episode-wrap > #videos-head > h1 { font-size: 50px; } .free-episode-wrap > #videos-head > h2 { color: white; font-size: 12px; text-transform: none; letter-spacing: 1px; } .free-episode-wrap > #videos-head > h2 > span { color: #839ca7; } .free-episode-wrap > #videos-head > .button.link { position: absolute; bottom: 0; right: 0; } .free-episode-wrap a.elem.modal { border-width: 2px; border-style: solid; border-color: transparent; margin: 0 5px 3px 0; } .free-episode-wrap a.elem.modal:hover { border-color: #bd5a02; } .free-episode-wrap > #videos-head { margin: 75px 65px 50px; } .freeOvrly .scroll-title { font-size: 22px; letter-spacing: 4px; margin: 0; } .freeOvrly .extra-subtitle { color: #839ca7; font-size: 12px; margin: 10px 0 30px; } .freeOvrly .extra-subtitle > strong { color: white; } .freeOvrly .order-info { margin: 30px 10px; } .freeOvrly .order-info > p { margin: 20px 0; } .freeOvrly .order-info > .plain.link { margin: 15px 0; display: block; } .freeOvrly .alt { margin: -5px 10px; border: none; } .freeOvrly .alt > li { border: none; } /* Movie Overlay */ .at300b:hover { opacity: 1; filter: none; } .bubble { font-size: 10px; line-height: 14px; text-align: center; letter-spacing: 0; min-width: 22px; height: 12px; padding: 5px; padding-left: 9px; margin-left: 5px; display: inline-block; vertical-align: middle; background: url(/Content/img/ico/bubble.png) no-repeat top; } .bubble:hover { background-position: center; } .bubble.active { background-position: bottom; } #overlay { z-index: 10; } .mediaOvrly { max-width: 980px; padding: 40px 20px; margin: 0 auto; position: relative; } .mediaOvrly iframe { background-color: transparent; border: 0px none transparent; padding: 0px; overflow: hidden; } .mediaOvrly .close-outer { width: 100%; position: fixed; top: 25px; left: 0; z-index: 50; } .mediaOvrly .close-inner { max-width: 980px; padding: 0 20px; margin: 0 auto; position: relative; } .mediaOvrly .ovrly-close { font-size: 10px; position: absolute; right: 6px; } html:not(.no-borderradius) .mediaOvrly .ovrly-close { color: #d7dce0; padding: 7px; background: #16191d; border: 2px solid #677378; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } html:not(.no-borderradius) .mediaOvrly .ovrly-close:hover { color: white; background: #3e4651; border-color: #839095; } .no-borderradius .mediaOvrly .ovrly-close { width: 28px; height: 28px; background: url(/Content/img/btn/close-btn.png) top; } .no-borderradius .mediaOvrly .ovrly-close:hover { background-position: bottom; } .no-borderradius .mediaOvrly .ovrly-close .d-ico { display: none; } .mediaOvrly .emph { margin: 0 0 5px; } .mediaOvrly h3.video { color: #cfdde3; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; margin: 0; } .mediaOvrly .head { letter-spacing: 1px; padding: 20px 40px; position: relative; background: #333b3f; background: -webkit-gradient(linear, 0 0, 0 100%, from(#333b3f), to(#242c30)); background: -webkit-linear-gradient(top, #333b3f, #242c30); background: -moz-linear-gradient(top, #333b3f, #242c30); background: -o-linear-gradient(top, #333b3f, #242c30); background: linear-gradient(to bottom, #333b3f, #242c30); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333b3f', endColorstr='#ff242c30', GradientType=0); } .mediaOvrly .head h1 { font-size: 30px; margin: 0 0 6px; max-width: 680px; cursor: default; } .mediaOvrly .head .sub-head { color: #819aa5; letter-spacing: 0; display: inline-block; cursor: default; margin-top: 10px; } .mediaOvrly .head .cc { padding-left: 10px; margin-left: 6px; border-left: 1px solid #3f555e; } .mediaOvrly .head .rating { letter-spacing: 0; padding: 4px 10px; margin: 0 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight: bold; color: white; background: #1d88a9; background: -webkit-gradient(linear, 0 0, 0 100%, from(#1d88a9), to(#16698f)) !important; background: -webkit-linear-gradient(top, #1d88a9, #16698f) !important; background: -moz-linear-gradient(top, #1d88a9, #16698f) !important; background: -o-linear-gradient(top, #1d88a9, #16698f) !important; background: linear-gradient(to bottom, #1d88a9, #16698f) !important; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1d88a9', endColorstr='#ff16698f', GradientType=0) !important; border-top: 1px solid #45bfeb !important; } .mediaOvrly > .video { padding: 0; background: #171b1d; overflow: hidden; min-height: 100px; } .mediaOvrly > .video .elem > a { cursor: pointer; } .mediaOvrly > .video img { width: 100%; max-width: 900px; max-height: 506px; } .mediaOvrly > .video img.selected { border: solid 1px #bd5a02; } .mediaOvrly > .video p { font-size: 1.4em; margin: 20px; } .mediaOvrly > .social { font-size: 9px; text-transform: uppercase; letter-spacing: 1px; } .mediaOvrly > .social .share { margin-left: 15px; min-width: 88px; } .mediaOvrly > .social .comments { color: #cfdde3; font-size: 9px; display: inline-block; vertical-align: middle; } .mediaOvrly.movieOvrly .head { padding-bottom: 30px; } .mediaOvrly .mask { margin: 0; } .mediaOvrly .title-wrap { margin: 0 0 20px; } .extraVideosBtn { display: block; color: #bd5a02; text-decoration: none; font-size: 12px; float: right; margin-bottom: 15px; cursor: pointer; } .extraVideos { clear: both; } .extraVideos #starzVideoPlayer-resScroll div.title { color: #cfdde3; } .extraVideos a.elem > img { margin: 0; } .epsdeOvrly .ep-nav { padding: 0px 0px 20px 0px; } .epsdeOvrly .select-wrap { float: left; } .epsdeOvrly .btn-group { float: right; top: 0; } .epsdeOvrly .btn-group .btn { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; } .epsdeOvrly .prev, .epsdeOvrly .next { height: 80px; margin-top: -40px; top: 50%; } .epsdeOvrly .scroll-count { line-height: 40px; float: right; margin-right: 25px; } .epsdeOvrly #episode-photos { max-height: 548px; } .whatIsGetGlue { vertical-align: top; } .getGlueBtn { width: 65px; height: 18px; margin-left: 15px; display: inline-block; background: url(/Content/img/btn/check-in-sm.png) no-repeat top; } .share { font-size: 9px; vertical-align: middle; } .share:after { content: '\e00d'; margin-left: 5px; } .share .d-ico { margin-left: 5px; } .share-box { position: relative; background: #292f32; background: -webkit-gradient(linear, 0 0, 0 100%, from(#2c3234), to(#1e2427)); background: -webkit-linear-gradient(top, #2c3234, #1e2427); background: -moz-linear-gradient(top, #2c3234, #1e2427); background: -o-linear-gradient(top, #2c3234, #1e2427); background: linear-gradient(to bottom, #2c3234, #1e2427); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2c3234', endColorstr='#ff1e2427', GradientType=0); border-top: 1px solid #3d484d; border-bottom: 1px solid black; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .touch .share-box { white-space: normal; } .share-box:before { content: ''; width: 26px; height: 9px; background: url(/Content/img/bg/dd-box.png) no-repeat top; position: absolute; top: -9px; } .share-box .share-menu { font-size: 10px; overflow: hidden; } .share-box .share-menu > div { padding: 15px 25px 20px; float: left; line-height: 25px; } .share-box .button { width: 120px; margin: 15px 0 0; } .lt-ie9 .share-box .button { width: 100px; } .share-box .send { float: right; } .share-box .opts { border-right: 1px solid #1d2325; background: #292f32; background: -webkit-gradient(linear, 0 0, 0 100%, from(#2c3234), to(#1e2427)); background: -webkit-linear-gradient(top, #2c3234, #1e2427); background: -moz-linear-gradient(top, #2c3234, #1e2427); background: -o-linear-gradient(top, #2c3234, #1e2427); background: linear-gradient(to bottom, #2c3234, #1e2427); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2c3234', endColorstr='#ff1e2427', GradientType=0); } .share-box.email .opts { border-bottom: 2px solid #bd5a02; } .share-box .share_toolbox { display: inline-block; } .share-box .share_button_facebook { margin: 0 7px; } .share-box .email { border-left: 1px solid #3d484d; } .share-box .email:after { content: ''; background: url(/Content/img/ico/email.png) no-repeat top; width: 24px; height: 25px; display: inline-block; margin-left: 10px; vertical-align: -32%; } .lt-ie9 .tog-hide.share-box .email:after { content: 'x'; width: 0; overflow: hidden; } .share-box .email:hover:after, .share-box .email.active:after { background-position: bottom; } .share-box .share-email { padding: 20px; overflow: hidden; } .share-box input, .share-box textarea { color: white; font-size: 12px; width: 100%; margin: 5px 0; padding: 10px; background: #414749; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .share-box input:focus, .share-box textarea:focus { outline-color: #0e6d95; } .share-box textarea { height: 90px; resize: none; margin-bottom: 15px; } .share-box input::-webkit-input-placeholder { color: white; } .share-box input:-moz-placeholder { color: white; } .share-box input::-moz-placeholder { color: white; } .share-box input:-ms-input-placeholder { color: white; } .mediaOvrly .share-box.tog-hide { height: 0; border: 0; } .mediaOvrly .scroll-cat, .mediaOvrly .extra-cat { background: #0d0f10; background: -webkit-gradient(linear, 0 0, 0 100%, from(#0d0f10), to(#171b1d)); background: -webkit-linear-gradient(top, #0d0f10, #171b1d); background: -moz-linear-gradient(top, #0d0f10, #171b1d); background: -o-linear-gradient(top, #0d0f10, #171b1d); background: linear-gradient(to bottom, #0d0f10, #171b1d); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0d0f10', endColorstr='#ff171b1d', GradientType=0); } .mediaOvrly .mask { margin: 0; } .mediaOvrly .extra-cat { padding: 35px 20px; overflow: hidden; font-size: 13px; } .mediaOvrly .extra-cat .show-all { padding: 0; } .mediaOvrly .info { position: relative; overflow: hidden; } .mediaOvrly .info-inner { position: relative; -webkit-transition: left 0.4s; -moz-transition: left 0.4s; -ms-transition: left 0.4s; -o-transition: left 0.4s; transition: left 0.4s; } .mediaOvrly .synopsis-wrap { padding: 40px; margin-right: 300px; position: relative; background: #333b3f; background: -webkit-gradient(linear, 0 0, 0 100%, from(#333b3f), to(#242c30)); background: -webkit-linear-gradient(top, #333b3f, #242c30); background: -moz-linear-gradient(top, #333b3f, #242c30); background: -o-linear-gradient(top, #333b3f, #242c30); background: linear-gradient(to bottom, #333b3f, #242c30); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333b3f', endColorstr='#ff242c30', GradientType=0); overflow: hidden; } .mediaOvrly .synopsis-wrap .poster { margin-bottom: -240px; float: left; display: none; } .mediaOvrly .synopsis-inner { font-size: 12px; } .mediaOvrly .synopsis-inner h2 { color: #cfdde3; font-size: 22px; font-weight: 500; text-transform: uppercase; letter-spacing: 4px; padding: 0 0 10px; margin: 0; border-bottom: 1px solid #516269; } .mediaOvrly .synopsis-inner p { line-height: 19px; padding: 20px 0 0; margin: 0; border-top: 1px solid #242a2d; } .mediaOvrly .synopsis-inner .rating { color: #839ca7; font-size: 10px; margin-left: 10px; } .mediaOvrly .synopsis-inner .copy { color: #839ca7; font-size: 9px; font-weight: 600; line-height: 1.1em; margin: 15px 0 3em; float: left; } .mediaOvrly .synopsis-inner dl { margin: 1.6em 0; clear: both; } .mediaOvrly .synopsis-inner dt { font-size: 10px; font-weight: 900; text-transform: uppercase; margin: 0 0 5px; } .mediaOvrly .check-in { font-size: 10px; position: absolute; top: 45px; right: 40px; } .mediaOvrly .check-in img { vertical-align: middle; margin-left: 10px; } .mediaOvrly #related { width: 180px; left: -220px; padding: 0 20px; background: url(/Content/img/bg/mdo-shadow-right.png) right top no-repeat, #202629; -webkit-transition: left 0.4s; -moz-transition: left 0.4s; -ms-transition: left 0.4s; -o-transition: left 0.4s; transition: left 0.4s; } .mediaOvrly #related h3 .close { font-size: 10px; line-height: 18px; width: 10px; padding: 12px; top: 0; right: 0; position: absolute; z-index: 20; } .mediaOvrly #related h3 .close:after { color: #839ca7; font: normal 1em 'icons'; content: '\e011'; } .mediaOvrly #related h3 .close:hover:after { color: white; } .mediaOvrly #related .scroller { top: 90px; bottom: 30px; } .mediaOvrly .sidebars { font-weight: 500; height: 100%; padding: 0 10px; position: absolute; top: 0; background: #202629; } .sidebars h3 { color: #cfdde3; font-size: 14px; font-weight: 300; text-transform: uppercase; letter-spacing: 3px; padding: 12px 28px; margin: 30px -20px 0; background: #161b1d; position: relative; } .sidebars h3 strong { color: white; } .sidebars h4 { font-size: 12px; margin: 20px 10px 10px; display: block; } .sidebars .ep-title { margin: 20px 0 5px; } .sidebars .nano-wrap { position: absolute; top: 120px; left: 5px; right: 5px; bottom: 8px; } .sidebars .content { padding: 0 15px; } .sidebars .content:focus { outline: none; } .sidebars ul { border-top: 1px solid #3e4a4f; padding: 0; margin: 0; } .sidebars li { margin: 0; padding: 10px 0; border-bottom: 1px solid #3e4a4f; border-top: 1px solid rgba(0, 0, 0, 0.5); overflow: hidden; } .sidebars .date { width: 60px; display: inline-block; margin-right: 20px; font-weight: bold; } .sidebars .alt li { padding: 20px 0; position: relative; } .sidebars .alt a { text-transform: none; margin-left: 95px; display: block; } .sidebars .logo { width: 67px; height: 32px; margin: -16px 0 0 10px; display: inline-block; background: left no-repeat; float: left; position: absolute; top: 50%; } .sidebars .logo.play { background: url(/Content/img/misc/starz-play.png); } .sidebars .logo.demand { background: url(/Content/img/misc/ondemand.png); } .sidebars.playing { background: url(/Content/img/bg/mdo-shadow-left.png) left top no-repeat, #202629; } .sidebars.playing .nano-wrap { top: 80px; } .freeOvrly .sidebars.playing .nano-wrap { top: 8px; } .sidebars .times:first-child > h4 { margin-top: 10px; } .sidebars .times li, .sidebars .related li { padding: 0 15px 10px; background: #293236; } .sidebars .related li:nth-child(even) { background: #272c30; } .sidebars .related p { text-transform: uppercase; font-size: 10px; } .sidebars .related .rating { color: white; margin: 0 12px; } .sidebars .related .date { margin: 0; } .sidebars .times a { color: white; } .sidebars .times li { list-style-type: none; text-transform: uppercase; padding: 10px 15px; } .sidebars .times li a:after, .sidebars .times li a > .d-ico.after { color: #b1bec3; font: normal 12px 'icons'; content: '\e00c'; float: right; } .lt-ie10 .sidebars .times li a:after { display: none; } .sidebars .times .more { color: #bd5a02; } .sidebars .times .more, .sidebars .times .less { font-size: 10px; text-align: right; background: transparent !important; border: none; } .sidebars .times .more:after, .sidebars .times .less:after, .sidebars .times .more > .d-ico.after, .sidebars .times .less > .d-ico.after { display: none; } .sidebars .buy-ep { padding-bottom: 50px; } .sidebars .buy-ep a { line-height: 8px; border-left: 1px solid #839ca7; padding: 0 10px; margin: 5px 0; display: inline-block; } .sidebars .buy-ep a:first-of-type { border-left: none; margin-left: -10px; } .mediaOvrly .time-frame { float: left; } .mediaOvrly .watch-opts { float: right; width: 100%; padding-left: 40px; text-align: left; } .mediaOvrly .watch-opts:after { content: ''; width: 100%; display: inline-block; } .time-frame .select-wrap { margin-bottom: 15px; float: left; } .time-frame p { cursor: default; color: #839ca7; } .time-frame em { color: white; font-style: normal; } .watch-opts a { position: relative; height: 30px; padding-top: 60px; margin: 0 10px; display: inline-block; } .watch-opts [data-logo], .watch-opts .bluray { color: white; font-size: 4.8em; position: absolute; bottom: 30px; } .watch-opts .itunes { font-size: 3.2em; margin-bottom: 4px; } .watch-opts a.br-wrap { width: 110px; } .watch-opts .bluray { color: white; font-size: 2em; font-weight: 300; width: 110px; } .watch-opts p { color: #cfdde3; text-transform: uppercase; } .scroll-cat .table { background: #171b1d; } .scroll-cat .td { font-size: 1.2em; position: relative; } .scroll-cat .cap { color: #cfdde3; font-size: 1.4em; background: #0d0f10; } .scroll-cat .time { font-weight: 500; } .scroll-cat .chnl, .scroll-cat .time { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: default; display: inline-block; } .scroll-cat .chnl { text-transform: uppercase; } .scroll-cat .cal { color: #cfdde3; font-size: 1.2em; } .scroll-cat .title { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: default; font-size: 1.3em; font-weight: 500; } .provider-list { background: #171b1d; } .provider-list a { color: white; font-size: 13px; font-weight: 500; width: 44%; height: 60px; line-height: 60px; padding: 0 3%; float: left; border-bottom: 1px solid #293235; } .mediaOvrly > .comments { padding: 10px 50px; background: #171b1d; } .mediaOvrly > .comments.b { background: #111415; } .mediaOvrly .comments:hover .bubble { background-position: center; } .mediaOvrly .comments.active .bubble { background-position: bottom; } .mediaOvrly .comments h1 { color: #cfdde3; font-size: 22px; font-weight: 500; text-transform: uppercase; letter-spacing: 3px; } .mediaOvrly .comments h1:before { content: ''; background: url(/Content/img/btn/expand.png) no-repeat top; top: 3px; width: 23px; height: 23px; margin-right: 15px; display: inline-block; position: relative; } .mediaOvrly .comments.active h1:before { background-position: bottom; } .videoOvrly .sidebars.playing { display: none; } .videoOvrly .synopsis-wrap { margin: 0; } .videoOvrly .show-all h3.video { margin-bottom: 25px; } .videoOvrly .synopsis-inner h2 { display: none; } .videoOvrly .synopsis-inner p { border-top: none; padding: 0px 0px 0px 0px; } .fullbleedOvrly { width: 100%; max-width: 100%; padding: 0px 0px 0px 0px; } .fullbleedOvrly .close-inner { max-width: 100%; } .fullbleedOvrly .close-inner .ovrly-close { right: 25px; } .fullbleedOvrly .video { padding: 0px 0px 0px 0px; } .shopOvrly .scroll-cat .title-wrap { margin: 0; padding: 30px 30px 10px; background: #161a1b; } .shopOvrly .scroll-cat .mask, .shopOvrly .scroll-cat .elem { margin: 0 !important; } .shopOvrly .prev, .shopOvrly .next { background: transparent; } .prod-img { margin: 30px 0 10px; } .prod-img img { z-index: 1; } .prod-info { padding: 20px 0; } .prod-info h1 { position: static; } .prod-info h3 { color: #839ca7; font-size: 1.9em; font-weight: 400; margin: 10px 0; } .prod-info p { color: #cfdde3; font-size: 1.4em; line-height: 1.4; } .elem [data-picture] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; overflow: hidden; } .elem [data-picture] img { width: auto; display: inline-block; } .purchase-options { background: #060707; } .purchase-group a { font-size: 1.3em; font-weight: 600; padding: 0 20px; display: inline-block; border-left: 1px solid #243034; } .purchase-group a:first-child { border-left: none; } @media only screen and (max-width: 1023px) { .info-inner.sidebars-active { left: 220px; } } @media only screen and (max-width: 850px) and (min-width: 641px) { .prod-info, .prod-img { width: 50%; } } @media only screen and (max-width: 1023px) and (min-width: 641px) { .time-frame .select-wrap, .time-frame p { float: left; } .time-frame p { margin-left: 20px; } } @media only screen and (max-width: 540px) { .watch-opts a { width: 50%; float: left; margin: 0; } } /* Movies */ .mobile-header-title { color: #cfdde3; font: normal 23px/50px 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center; text-transform: uppercase; letter-spacing: 2px; background: #182027; } #movies-head { overflow: hidden; margin: 55px 20px 0; } #movies-head h1, #movies-head h2 { float: left; letter-spacing: 4px; } #movies-head h2 { clear: left; margin: 0; } #movies-head .view-ops { margin-left: 30px; } #movies-wrap .elem { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 175px; height: 260px; } .touch #movies-wrap .elem { margin-bottom: 86px; } #movies-wrap .elem h2 { font-size: 20px; } .touch #movies-wrap .elem h2 { color: #cfdde3; font-size: 12px; font-weight: bold; text-align: left; margin-left: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: absolute; left: 0; opacity: 1; } #movies-wrap .show-all { margin: 15px 0 60px; padding: 0 20px; } #movies-wrap .elem { margin: 45px 0; height: 260px; } .touch #movies-wrap .elem h2 { width: 175px; top: 275px; } #movies-wrap .show-all { background: -webkit-repeating-linear-gradient(top, black 0, black 100px, #121619 351px); background: -moz-repeating-linear-gradient(top, black 0, black 100px, #121619 351px); background: -o-repeating-linear-gradient(top, black 0, black 100px, #121619 351px); -pie-background: repeating-linear-gradient(top, black 0, black 100px, #121619 351px); background: repeating-linear-gradient(top, black 0, black 100px, #121619 351px); } .touch #movies-wrap .show-all { background: -webkit-repeating-linear-gradient(top, black 0, black 100px, #121619 395px); background: repeating-linear-gradient(top, black 0, black 100px, #121619 395px); } #movies-wrap.ondemand .elem { margin: 43px 0; height: 158px; } .touch #movies-wrap.ondemand .elem h2 { width: 312px; top: 180px; } #movies-wrap.ondemand .show-all { background: -webkit-repeating-linear-gradient(top, black 0, black 100px, #121619 248px); background: -moz-repeating-linear-gradient(top, black 0, black 100px, #121619 248px); background: -o-repeating-linear-gradient(top, black 0, black 100px, #121619 248px); -pie-background: repeating-linear-gradient(top, black 0, black 100px, #121619 248px); background: repeating-linear-gradient(top, black 0, black 100px, #121619 248px); } .touch #movies-wrap.ondemand .show-all { background: -webkit-repeating-linear-gradient(top, black 0, black 100px, #121619 289px); background: repeating-linear-gradient(top, black 0, black 100px, #121619 289px); } .show-all[data-justify] .elem { margin-left: 0; margin-right: 0; -webkit-transition: margin 0.2s; -moz-transition: margin 0.2s; -ms-transition: margin 0.2s; -o-transition: margin 0.2s; transition: margin 0.2s; } .show-all[data-justify] .thumbs { margin-left: 0; margin-right: 0; -webkit-transition: margin 0.2s; -moz-transition: margin 0.2s; -ms-transition: margin 0.2s; -o-transition: margin 0.2s; transition: margin 0.2s; } #movies-wrap .list .table { width: 100%; color: #839ca7; font-size: 11px; border-bottom: 2px solid black; } #movies-wrap .list a { color: #839ca7; } #movies-wrap .list .cap { color: #cfdde3; font-weight: 500; line-height: 60px; padding: 0 65px; background: #141719; text-align: right; text-transform: uppercase; } #movies-wrap .list .cap a { color: #cfdde3; padding: 5px; margin: 0 2px; } #movies-wrap .list .cap a:hover { color: white; } #movies-wrap .list .tr { height: 60px; background: #252d30; } #movies-wrap .list .tr.head { background: transparent; border: none; border-top: 2px solid black; } #movies-wrap .list .tr.head .th { line-height: 60px; } #movies-wrap .list .tr.even { background: #171b1d; } #movies-wrap .list .th, #movies-wrap .list .td.middle { color: #cfdde3; font-size: 14px; text-align: left; text-transform: uppercase; } #movies-wrap .list .th:first-child { padding-left: 65px; } #movies-wrap .list .th.title { width: 40%; } #movies-wrap .list .year { width: 40px; } #movies-wrap .list .rating { width: 50px; } #movies-wrap .list .runtime { width: 60px; } #movies-wrap .list .cc { width: 40px; } #movies-wrap .list .spacer { width: 65px; } #movies-wrap .list .td { text-align: right; border-top: 1px none; border-bottom: 1px none; } #movies-wrap .list .tr:hover .td { border-bottom: 1px solid #bd5a02; } #movies-wrap .list .td.title { color: white; font-size: 16px; text-align: left; } #movies-big-wrap .titles-middle .categorynav.channel.elem h2 { position: absolute; bottom: -20px; left: -65px; font-size: 7.5em; } /* Newsletter */ .newsOvrly { max-width: 620px; } .newsOvrly .close-inner { max-width: 620px; } .newsOvrly p { line-height: 1.5; } .newsOvrly input { font-size: 12px; margin: 0; float: left; } .newsOvrly .news-addr { width: 180px; height: 30px; color: white; padding: 5px 15px; background: #363e42; border: none; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; } .newsOvrly .news-addr::-webkit-input-placeholder { color: white; } .newsOvrly .news-addr:-moz-placeholder { color: white; } .newsOvrly .news-addr::-moz-placeholder { color: white; } .newsOvrly .news-addr:-ms-input-placeholder { color: white; } .newsOvrly .news-submit { color: #f4dbbb; font: normal 12px/1 'icons'; width: 45px; height: 40px; padding: 0 10px; background: #ce7416; background: -webkit-gradient(linear, 0 0, 0 100%, from(#c1631a), to(#b55117)); background: -webkit-linear-gradient(top, #c1631a, #b55117); background: -moz-linear-gradient(top, #c1631a, #b55117); background: -o-linear-gradient(top, #c1631a, #b55117); background: linear-gradient(to bottom, #c1631a, #b55117); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc1631a', endColorstr='#ffb55117', GradientType=0); border: none; border-top: 1px solid #ed8e42; border-bottom: 1px solid #8a4315; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; } .news-opts { padding: 20px; background: #202629; } .news-opts h3.video { margin: 15px 0 10px; } .news-opts .full-row { margin-bottom: 20px; } .news-opts .clear { float: left; clear: both; } .news-opts .button { margin: 10px 0; } .newsOvrly .submitted { text-align: center; padding: 25px 40px 10px; } .extra-cat.submitted img { display: block; margin: 0 auto; } .extra-cat.submitted h1 { font-size: 26px; font-weight: 100; letter-spacing: 1px; padding: 0 10px 16px; margin: 12px 20px 18px; border-bottom: 1px solid #3d494e; display: inline-block; } .extra-cat.submitted h2 { color: #cfdde3; font-size: 20px; font-weight: 100; margin: 0; } .extra-cat.submitted p { color: #cfdde3; max-width: 300px; margin: 10px auto; } .extra-cat.submitted [data-aico]:after { margin-left: 5px; } .error-message { color: red; max-width: 50%; margin-left: 20px; display: inline-block; vertical-align: middle; } .newsOvrly .news-addr.emailerror { border: solid 2px red; } .newsOvrly h3.video.error { color: red; } /* OnDemand */ #ondemand-wrap .hero-wrap, #movies-big-wrap .hero-wrap { background: -webkit-gradient(linear, 0 0, 0 100%, from(black), to(#09161b)); background: -webkit-linear-gradient(top, black, #09161b); background: -moz-linear-gradient(top, black, #09161b); background: -o-linear-gradient(top, black, #09161b); background: linear-gradient(to bottom, black, #09161b); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff09161b', GradientType=0); } #ondemand-wrap .titles-middle .elem a, #movies-big-wrap .titles-middle .elem a { cursor: pointer; } #ondemand-wrap .titles-middle .elem.origEpisode .title, #movies-big-wrap .titles-middle .elem.origEpisode .title { position: absolute; left: 20px; right: 20px; bottom: 20px; top: 40%; text-align: center; z-index: 10; } #ondemand-wrap .titles-middle .elem.origEpisode .subOverlay, #movies-big-wrap .titles-middle .elem.origEpisode .subOverlay { background-color: black; border-color: rgba(189, 90, 2, 0); position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.3; filter: alpha(opacity=30); } #ondemand-wrap .titles-middle .elem.origEpisode .subOverlay:hover, #movies-big-wrap .titles-middle .elem.origEpisode .subOverlay:hover { opacity: 0; filter: alpha(opacity=0); } /*----- Helper classes - Desktop -----*/ @media only screen and (max-width: 1024px) { } /* Original */ .no-touch .view-wrapper, .no-touch .carousel-wrapper { min-height: 100vh; } .touch .carousel-wrapper { min-height: 75vh; } #orig-nav-wrap { position: relative; height: 74px; } #orig-nav { width: 100%; height: 74px; background: #071216; position: relative; z-index: 100; } #orig-nav [data-ico] { color: #829aa4; font-size: 22px; margin: 0 13px; line-height: 74px; } #orig-nav .fb-sim:hover { color: #5787cc; } #orig-nav .twt-sim:hover { color: #4cc7f1; } #orig-nav .gg-sim { display: inline-block; width: 24px; height: 24px; margin: 0px 13px; vertical-align: middle; background-repeat: no-repeat; background-image: url(/Content/img/ico/tvtagOff_24x24.png); } #orig-nav .gg-sim:hover { background-image: url(/Content/img/ico/tvtagOver_24x24.png); } #orig-nav .shop-sim { font-size: 1.2em; font-weight: bold; text-transform: uppercase; color: #829aa4; padding-left: 10px; } #orig-nav .shop-sim:hover { color: #a0b2b9; } #orig-nav .social { float: left; padding: 0 15px; min-height: 1px; } #orig-nav .waysToWatch { margin-top: 0px; } #orig-nav .logo { width: 500px; position: absolute; left: 50%; margin-left: -250px; text-align: center; margin-top: 15px; } #orig-nav .tune-in { position: absolute; right: 285px; margin-top: 15px; } #orig-nav .cntrls { width: 121px; float: right; border-top: 1px solid transparent; } #orig-nav .cntrls a { width: 26px; height: 14px; padding: 29px 17px; display: block; float: left; } #orig-nav .cntrls .up { background-color: #252d30; border-right: 1px solid #071216; } #orig-nav .cntrls .down { background-color: #343e44; } #orig-nav .cntrls span { width: 26px; height: 14px; display: block; } #orig-nav .cntrls .up span { background: url(/Content/img/btn/up-down.png) no-repeat left top; } #orig-nav .cntrls .down span { background: url(/Content/img/btn/up-down.png) no-repeat left bottom; } #orig-nav .cntrls .up:hover span { background-position: top; } #orig-nav .cntrls .down:hover span { background-position: bottom; } #orig-nav .cntrls .inactive.up { cursor: default; } #orig-nav .cntrls .inactive.up span { background-position: right top; } #orig-nav .cntrls .inactive.down { cursor: default; } #orig-nav .cntrls .inactive.down span { background-position: right bottom; } #orig-menu { text-transform: uppercase; width: 245px; position: absolute; right: 120px; font-weight: bold; } #orig-menu dt { color: #839ca7; font-size: 14px; text-align: right; letter-spacing: 2px; width: 225px; height: 74px; line-height: 74px; } #orig-menu dt:after, #orig-menu dt .d-ico { margin-left: 8px; } #orig-menu dd { width: 165px; margin-left: 80px; border-bottom: 2px solid #bd5a02; display: none; } #orig-menu a { color: #cfdde3; display: block; background: #181e20; padding: 17px; cursor: pointer; } #orig-menu a:hover { color: white; background: #343e44; } #orig-menu dl:hover dd { display: block; } #mobile-orig-menu { width: auto !important; margin: 20px 20px 0; position: relative; } [name='google_conversion_frame'] { display: none; } .orig-elem { padding: 100px 0 160px; position: relative; } .orig-elem.hero-wrap { padding: 0; } .orig-elem .title-wrap { padding: 5px 0; overflow: hidden; } .orig-elem .scroll-title { font-size: 30px; letter-spacing: 5px; margin-right: 25px; margin-bottom: 10px; float: left; } #about-page { min-height: 400px; } #about-page .title-wrap { margin-bottom: 5px; } .orig-elem .select-wrap, #movies-head .select-wrap { float: right; margin-left: 10px; } #cast-crew-page h5 { color: white; font-size: 10px; font-weight: 500; } #cast-crew-page h5 span { color: #cfdde3; font-size: 18px; font-weight: 300; text-transform: none; } .team, .col { float: left; } .team.full, .col.full { width: 100%; } .team.half, .col.half { width: 50%; } .team.quarter, .col.quarter { width: 25%; } #cast-content .cast-poster.actor { position: absolute; top: 0; z-index: -10; } #crew-content h3 { border-bottom: 1px solid #282d30; margin-right: 60px; padding-bottom: 15px; } #crew-content dl { margin: 18px 0; clear: both; } #crew-content dt { font-size: 20px; margin-bottom: 3px; } #crew-content dt a { color: #bd5a02; font-size: 20px; } #crew-content dd { color: #cfdde3; font-size: 10px; text-transform: uppercase; } .touch #cast-crew-scroll .scroll-outer { padding-bottom: 80px; margin-bottom: -80px; } #crew-bio-content { max-width: 700px; padding: 60px 90px; margin: 0 auto; background: #171a1c; position: relative; clear: both; } #crew-bio-content .avatar { float: left; padding-right: 10px; } #crew-bio-content h1 { font-size: 40px; line-height: 50px; margin: 10px 0px 0px 0px; } #crew-bio-content h3 { color: #839ca7; font-size: 10px; text-transform: uppercase; margin: 0px 0px 0px 0px; } #crew-bio-content #crew-bio-outer { margin-top: 20px; padding-top: 20px; border-top: 1px solid #282d30; } #crew-bio-content .content { color: #cfdde3; font-size: 14px; } #crew-bio-content p { font-weight: 300; line-height: 1.5; } .info-open .elem > h1, .info-open .elem > .title { display: none; } .bio-outer { position: absolute; top: 200px; left: 90px; right: 90px; bottom: 90px; } .bio-outer .rad { color: #839ca7; font-size: 10px; font-weight: 500; text-transform: uppercase; margin: 0 15px 10px 0; display: inline-block; } .bio-outer .rad.active { color: white; padding-bottom: 4px; border-bottom: 2px solid #bd5a02; } .bio-outer p { color: #cfdde3; font-size: 14px; line-height: 1.4; } .char-info { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #151a1c no-repeat right top; overflow: hidden; } .char-info h1 { letter-spacing: 1px; position: absolute; top: 67px; bottom: auto; left: 90px; } #cast-crew-page .char-info h5 { letter-spacing: 1px; position: absolute; top: 130px; bottom: auto; left: 90px; right: 90px; padding-bottom: 10px; border-bottom: 1px solid #252d30; } #cast-crew-page .char-info h5 span { color: #bd5a02; } .btn-group { position: relative; float: left; } .btn-group .btn { color: #cfdde3; font-size: 10px; text-align: center; text-transform: uppercase; min-width: 110px; line-height: 40px; height: 40px; margin: 0; float: left; background: #2f393c; background: -webkit-gradient(linear, 0 0, 0 100%, from(#2f393c), to(#1c2224)); background: -webkit-linear-gradient(top, #2f393c, #1c2224); background: -moz-linear-gradient(top, #2f393c, #1c2224); background: -o-linear-gradient(top, #2f393c, #1c2224); background: linear-gradient(to bottom, #2f393c, #1c2224); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f393c', endColorstr='#ff1c2224', GradientType=0); border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-group .btn:hover { background: #2f393c; background: -webkit-gradient(linear, 0 0, 0 100%, from(#384447), to(#262e31)); background: -webkit-linear-gradient(top, #384447, #262e31); background: -moz-linear-gradient(top, #384447, #262e31); background: -o-linear-gradient(top, #384447, #262e31); background: linear-gradient(to bottom, #384447, #262e31); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff384447', endColorstr='#ff262e31', GradientType=0); } .btn-group .btn.active { color: white; font-weight: 500; background: #1f2629; background: -webkit-gradient(linear, 0 0, 0 100%, from(#1f2629), to(#2a3336)); background: -webkit-linear-gradient(top, #1f2629, #2a3336); background: -moz-linear-gradient(top, #1f2629, #2a3336); background: -o-linear-gradient(top, #1f2629, #2a3336); background: linear-gradient(to bottom, #1f2629, #2a3336); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1f2629', endColorstr='#ff2a3336', GradientType=0); border-bottom: 2px solid #bd5a02; } .btn-group .btn.first { border-right: 1px solid #1f2428; } .btn-group .btn.first.active { border-right-color: #3b4249; } .btn-group .btn.second { border-left: 1px solid #1f2428; } .btn-group .btn.second.active { border-left-color: #3b4249; } .orig-elem .view-ops, #movies-head .view-ops { position: relative; top: 0; float: right; } .resScroll.showcase { overflow: visible; } #gallery-showcase { position: absolute; top: 0; left: 65px; right: 65px; bottom: -100px; background: black; padding-bottom: 100px; z-index: 100; } #gallery-title { font-size: 20px; font-weight: 100; margin: 20px 0 10px; } .windows #gallery-title, .safari #gallery-title { font-weight: 300; } #gallery-showcase .close, #crew-bio-content .close, .char-info .close { color: #7c868d; font-size: 14px; padding: 7px; background: #272c2e; position: absolute; top: 10px; right: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; } #gallery-showcase .close:hover, #crew-bio-content .close:hover, .char-info .close:hover { color: white; background: #3b4245; } #crew-bio-content .share, .char-info .share { position: absolute; top: 90px; } #crew-bio-content .share-box, .char-info .share-box { top: 163px; right: 75px; } #crew-bio-content .share-box.tog-hide, .char-info .share-box.tog-hide { top: 173px; } #gallery-img { height: 100%; width: 100%; text-align: center; background: #0a1014; } #gallery-img:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } #gallery-img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; } .about-info h1 { font-size: 50px; line-height: 1.1; letter-spacing: 2px; margin: -15px 0 0; } .about-info p { color: #cedce2; font-size: 14px; font-weight: 300; line-height: 1.5; margin: 17px 0; } .about-info p.sub-title { color: #839ca7; font-size: 18px; line-height: 1.4; margin: 5px 0; } .about-preview img { max-width: 100%; } #episodes-page .title { text-align: center; top: 40%; z-index: 10; } #episodes-page .overlay { opacity: .6; border-color: rgba(189, 90, 2, 0); } #episodes-page .elem:hover .overlay { opacity: 1; border-color: #bd5a02; } #episodes-page a img { min-width: 310px; min-height: 155px; } #social-page .title { border-bottom: 1px solid #282d30; padding-bottom: 15px; } #social-page .title iframe { padding: 8px 12px; float: right; } #social-page .title .emph { float: left; margin: 10px 0; } #social-page .title .emph:before { color: white; font-size: 20px; margin-right: 10px; vertical-align: bottom; } #social-page .col.half { width: 47%; } #social-page .filters { color: #cfdde3; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 25px; margin: 15px 0; } #social-page .filters span.desc { border-right: 1px solid white; padding-right: 20px; } #social-page .filters a { font-size: 10px; margin: 0 10px; } #social-page .filters a.active { color: white; border-bottom: 2px solid #bd5a02; } #social-page .filters a:first-of-type { margin-left: 20px; } #social-page .filters a:hover { border-bottom: 2px solid #bd5a02; } #social-page #mobile-filters { margin: 15px 0; } #social-page #tweets-outer { height: 440px; } #social-page #tweets-outer .content:focus { outline: none; } #social-page .post { font-size: 12px; margin-bottom: 15px; position: relative; overflow: hidden; } #social-page .post .name, #social-page .post .handle { font-weight: bold; } #social-page .post .name { margin-right: 10px; } #social-page .post p { margin: 5px 0; } #social-page .post .time { color: #839ca7; } #social-page .post .avatar { position: absolute; top: 0; } #social-page .post .message { padding: 20px 25px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #social-page .post .message:before { content: ''; width: 12px; height: 19px; position: absolute; top: 20px; } #social-page .post img { width: 73px; height: 73px; } #social-page .post.odd .avatar { right: 0; } #social-page .post.odd .message { margin-right: 100px; background: #282d30; } #social-page .post.odd .message:before { background: url(/Content/img/bg/comment-right.png); right: 88px; } #social-page .post.even .avatar { left: 0; } #social-page .post.even .message { margin-left: 100px; background: #1a1e20; } #social-page .post.even .message:before { background: url(/Content/img/bg/comment-left.png); left: 88px; } #social-page .social-sites { font-size: 18px; position: absolute; bottom: 160px; right: 65px; left: 53%; } .social-sites .site-opt { border-bottom: 1px solid #282d30; position: relative; } .social-sites .site-opt img { vertical-align: middle; } .social-sites .site-opt div.getglue-checkin iframe { position: absolute !important; line-height: 32px; right: 0; top: 50%; margin-top: -10px; } .social-sites .site-opt div.fb-like { position: absolute !important; line-height: 32px; right: 0; top: 50%; margin-top: -12px; } .social-sites .twt-ico, .social-sites .fb-ico, .social-sites .gg-ico, .social-sites .nl-ico { font-size: 16px; margin: 10px 20px 10px 0; cursor: default; } .social-sites .inst-ico { background: url(/Content/img/ico/instagram_42x42.png) no-repeat bottom; width: 42px; height: 42px; display: inline-block; vertical-align: middle; margin: 10px 17px 10px 0px; } .social-sites .inst-follow { position: absolute; right: 0; margin-top: 34px; } .social-sites .pnt-ico { background: url(/Content/img/ico/pinterest_42x42.png) no-repeat bottom; width: 42px; height: 42px; display: inline-block; vertical-align: middle; margin: 10px 17px 10px 0px; } .social-sites .pnt-follow { position: absolute; right: 0; margin-top: 20px; } .social-sites .twt-ico:hover { background: #23ccf2; background: -webkit-gradient(linear, 0 0, 0 100%, from(#23ccf2), to(#1ba4e8)); background: -webkit-linear-gradient(top, #23ccf2, #1ba4e8); background: -moz-linear-gradient(top, #23ccf2, #1ba4e8); background: -o-linear-gradient(top, #23ccf2, #1ba4e8); background: linear-gradient(to bottom, #23ccf2, #1ba4e8); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff23ccf2', endColorstr='#ff1ba4e8', GradientType=0); } .social-sites .fb-ico:hover { background: #4e74b6; background: -webkit-gradient(linear, 0 0, 0 100%, from(#4e74b6), to(#324b7e)); background: -webkit-linear-gradient(top, #4e74b6, #324b7e); background: -moz-linear-gradient(top, #4e74b6, #324b7e); background: -o-linear-gradient(top, #4e74b6, #324b7e); background: linear-gradient(to bottom, #4e74b6, #324b7e); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4e74b6', endColorstr='#ff324b7e', GradientType=0); } .social-sites .gg-ico:hover { background: #6e9ec3; background: -webkit-gradient(linear, 0 0, 0 100%, from(#6e9ec3), to(#466594)); background: -webkit-linear-gradient(top, #6e9ec3, #466594); background: -moz-linear-gradient(top, #6e9ec3, #466594); background: -o-linear-gradient(top, #6e9ec3, #466594); background: linear-gradient(to bottom, #6e9ec3, #466594); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6e9ec3', endColorstr='#ff466594', GradientType=0); } .social-sites .nl-ico { background: url(/Content/img/ico/email.png) no-repeat bottom; width: 32px; height: 25px; display: inline-block; vertical-align: middle; } .social-sites .site-opt a, .social-sites .fb-like, .social-sites .twitter-follow-button { position: absolute !important; line-height: 32px; right: 0; top: 50%; margin-top: -16px; } .social-sites form { float: right; margin-top: 8px; width: 45%; } .social-sites input { font-size: 12px; height: 24px; margin: 0; float: left; } .social-sites input.newsletter { width: 94%; height: 24px; color: white; padding: 5px; background: #2a3033; border: none; background: -webkit-gradient(linear, 0 0, 0 100%, from(#2a3033), to(#394045)); background: -webkit-linear-gradient(top, #2a3033, #394045); background: -moz-linear-gradient(top, #2a3033, #394045); background: -o-linear-gradient(top, #2a3033, #394045); background: linear-gradient(to bottom, #2a3033, #394045); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2a3033', endColorstr='#ff394045', GradientType=0); -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; margin-top: 1px; } .social-sites input.newsletter::-webkit-input-placeholder { color: white; } .social-sites input.newsletter:-moz-placeholder { color: white; } .social-sites input.newsletter::-moz-placeholder { color: white; } .social-sites input.newsletter:-ms-input-placeholder { color: white; } .social-sites a.news-submit { font: normal 14px/1 'icons'; color: #f4dbbb; height: 25px; padding: 0 10px; background: #a35b18; background: -webkit-gradient(linear, 0 0, 0 100%, from(#a35b18), to(#a96319)); background: -webkit-linear-gradient(top, #a35b18, #a96319); background: -moz-linear-gradient(top, #a35b18, #a96319); background: -o-linear-gradient(top, #a35b18, #a96319); background: linear-gradient(to bottom, #a35b18, #a96319); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa35b18', endColorstr='#ffa96319', GradientType=0); border: none; border-top: 1px solid #d2853b; border-left: 1px solid black; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; position: absolute; padding-top: 10px; right: 0; width: 14px; } #extra-page h1 { font-size: 35px; font-weight: 200; position: static; } .windows #extra-page h1, .safari #extra-page h1 { font-weight: 300; } #extra-page h5 { color: #cfdde3; } .schedule-wrapper { display: block; } .schedule-wrapper .box-views { background-color: transparent; } .schedule-page .schedule, .ondemand-page .schedule { display: inline-block; margin: 0 auto; padding-top: 120px; text-align: left; } .schedule-page .schedule:before, .ondemand-page .schedule:before, .schedule-page .schedule:after, .ondemand-page .schedule:after { content: ' '; display: table; } .schedule-page .schedule:after, .ondemand-page .schedule:after { clear: both; } .schedule-page .schedule.mobile-context, .ondemand-page .schedule.mobile-context { padding-top: 62px; } .schedule-page .day, .ondemand-page .day { margin: 0; width: 292px; } @media only screen and (min-width: 480px) { .schedule-page .day, .ondemand-page .day { width: 430px; } } .schedule-page .day-title, .ondemand-page .day-title { font-size: 12px; line-height: 55px; margin: 0; text-transform: uppercase; } .schedule-page .day-title.today, .ondemand-page .day-title.today { color: #bd5a02; } .schedule-page .day-date, .ondemand-page .day-date { font-size: 12px; font-weight: 200; text-transform: none; } .windows .schedule-page .day-date, .windows .ondemand-page .day-date, .safari .schedule-page .day-date, .safari .ondemand-page .day-date { font-weight: 300; } .schedule-page .day-date:before, .ondemand-page .day-date:before { color: #888a8d; content: '||'; display: inline-block; margin: 0 12px 0 8px; } .schedule-page .episode, .ondemand-page .episode { background: rgba(65, 64, 66, 0.7); margin-bottom: 20px; } .schedule-page .episode-title, .ondemand-page .episode-title { color: white; font-size: 20px; line-height: 60px; margin: 0; padding: 0 28px; } .schedule-page .box-views-item-media-wrapper, .ondemand-page .box-views-item-media-wrapper { position: relative; } .schedule-page .box-views-item-media-wrapper:hover .episode-video-overlay, .ondemand-page .box-views-item-media-wrapper:hover .episode-video-overlay { display: block; } .schedule-page .box-views-item-media-wrapper img, .ondemand-page .box-views-item-media-wrapper img { height: auto; max-width: 100%; } .schedule-page .episode-video-overlay, .ondemand-page .episode-video-overlay { background: rgba(0, 0, 0, 0.5); bottom: 0; display: none; left: 0; list-style: none; margin: 0; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .schedule-page .episode-video-overlay li, .ondemand-page .episode-video-overlay li { line-height: 40px; margin: 0 auto; position: relative; text-align: center; } .schedule-page .episode-video-overlay a, .ondemand-page .episode-video-overlay a { color: white; cursor: pointer; font-size: 23px; font-weight: 200; line-height: 50px; width: 204px; } .windows .schedule-page .episode-video-overlay a, .windows .ondemand-page .episode-video-overlay a, .safari .schedule-page .episode-video-overlay a, .safari .ondemand-page .episode-video-overlay a { font-weight: 300; } .schedule-page .vid-preview a, .ondemand-page .vid-preview a, .schedule-page .vid-episode a, .ondemand-page .vid-episode a { display: inline-block; position: relative; } .schedule-page .vid-preview a:before, .ondemand-page .vid-preview a:before, .schedule-page .vid-episode a:before, .ondemand-page .vid-episode a:before { background: url('/Content/img/general-sprite.png') no-repeat 0 0; background-size: 250px 600px; background-repeat: no-repeat; bottom: -15px; content: ''; display: inline-block; height: 48px; margin-right: 25px; position: relative; width: 48px; } .schedule-page .vid-preview a, .ondemand-page .vid-preview a { margin-top: 28px; } .schedule-page .vid-preview a:before, .ondemand-page .vid-preview a:before { background-position: -100px -100px; left: -3px; } .schedule-page .vid-episode a:before, .ondemand-page .vid-episode a:before { background-position: -100px -200px; } .schedule-page .episode-desc, .ondemand-page .episode-desc { -moz-box-sizing: border-box; box-sizing: border-box; color: white; font-size: 15px; font-weight: 200; line-height: 24px; min-height: 165px; padding: 28px; } .windows .schedule-page .episode-desc, .windows .ondemand-page .episode-desc, .safari .schedule-page .episode-desc, .safari .ondemand-page .episode-desc { font-weight: 300; } .schedule-page .episode-desc p, .ondemand-page .episode-desc p { margin: 0; } .schedule-page .episode-desc p + p, .ondemand-page .episode-desc p + p { margin-top: 10px; } .schedule-page .episode-schedule:before, .ondemand-page .episode-schedule:before, .schedule-page .episode-schedule:after, .ondemand-page .episode-schedule:after { content: ' '; display: table; } .schedule-page .episode-schedule:after, .ondemand-page .episode-schedule:after { clear: both; } .schedule-page .episode-schedule dt, .ondemand-page .episode-schedule dt { margin-right: 0.4%; padding-left: 28px; } .schedule-page .episode-schedule dt:before, .ondemand-page .episode-schedule dt:before { background: url('/Content/img/general-sprite.png') no-repeat 0 0; background-size: 250px 600px; background-position: 0 -55px; bottom: -4px; content: ''; display: inline-block; height: 19px; margin-right: 5px; position: relative; width: 19px; } .schedule-page .episode-schedule dd, .ondemand-page .episode-schedule dd { margin-left: 0.4%; padding-right: 28px; text-align: right; } .schedule-page .episode-schedule dt, .ondemand-page .episode-schedule dt, .schedule-page .episode-schedule dd, .ondemand-page .episode-schedule dd { background: rgba(88, 89, 91, 0.5); -moz-box-sizing: border-box; box-sizing: border-box; float: left; font-size: 19px; font-weight: 200; line-height: 55px; margin-top: 2px; width: 49.6%; } .windows .schedule-page .episode-schedule dt, .windows .ondemand-page .episode-schedule dt, .windows .schedule-page .episode-schedule dd, .windows .ondemand-page .episode-schedule dd, .safari .schedule-page .episode-schedule dt, .safari .ondemand-page .episode-schedule dt, .safari .schedule-page .episode-schedule dd, .safari .ondemand-page .episode-schedule dd { font-weight: 300; } .new-flag { background: url('/Content/img/bg/new-tab.png') 0 0 no-repeat; background-size: 90px 90px; height: 90px; position: absolute; right: -1px; top: -1px; width: 90px; z-index: 2; } .ondemand-page .box-views { padding-top: 120px; } .ondemand-page.mobile-context .box-views { padding-top: 62px; } .ondemand-page .ondemand-select-wrapper:before, .ondemand-page .ondemand-select-wrapper:after { content: ' '; display: table; } .ondemand-page .ondemand-select-wrapper:after { clear: both; } @media only screen and (min-width: 640px) { .ondemand-page .ondemand-select-wrapper { margin: 0 14px; } } @media only screen and (min-width: 1200px) { .ondemand-page .ondemand-select-wrapper { margin: 0 14px 10px; } } .ondemand-wrapper { clear: both; margin: 0; } @media only screen and (min-width: 640px) { .ondemand-wrapper { margin-left: -6px; width: 612px; } } @media only screen and (min-width: 946px) { .ondemand-wrapper { width: 918px; } } @media only screen and (min-width: 1200px) { .ondemand-wrapper { margin-left: 0; width: 1172px; } } @media only screen and (min-width: 1280px) { .ondemand-wrapper { margin-left: 9px; } } @media only screen and (min-width: 1612px) { .ondemand-wrapper { width: 1564px; } } @media only screen and (min-width: 1928px) { .ondemand-wrapper { width: 1900px; } } @media only screen and (min-width: 2408px) { .ondemand-wrapper { width: 2380px; } } .ondemand-wrapper .starz-ondemand-box { width: 292px; } @media only screen and (min-width: 640px) { .ondemand-wrapper .starz-ondemand-box { float: left; margin: 0 7px; } } @media only screen and (min-width: 1200px) { .ondemand-wrapper .starz-ondemand-box { margin: 0 0 0 20px; width: 376px; } .ondemand-wrapper .starz-ondemand-box:nth-child(3n+1) { margin-left: 0; } } @media only screen and (min-width: 1612px) { .ondemand-wrapper .starz-ondemand-box:nth-child(3n+1) { margin-left: 20px; } .ondemand-wrapper .starz-ondemand-box:nth-child(4n+1) { margin-left: 0; } } @media only screen and (min-width: 1928px) { .ondemand-wrapper .starz-ondemand-box { width: 460px; } } @media only screen and (min-width: 2408px) { .ondemand-wrapper .starz-ondemand-box:nth-child(4n+1) { margin-left: 20px; } .ondemand-wrapper .starz-ondemand-box:nth-child(5n+1) { margin-left: 0; } } @media only screen and (min-width: 640px) { .ondemand-wrapper .box-views-item { height: 305px; } } @media only screen and (min-width: 1200px) { .ondemand-wrapper .box-views-item { height: 400px; margin-bottom: 20px; } } @media only screen and (min-width: 1928px) { .ondemand-wrapper .box-views-item { height: 440px; } } /*Added this in as a complete hack based on the last min ticket of STARZCOMII-2536. Because there was no comp when the screen was made smaller they just said when it started to look like crap just hide it so that is where 1320px comes from. */ @media only screen and (max-width: 1320px) { .tune-in { display: none; } } @media only screen and (max-width: 1280px) { .about-preview { width: 400px !important; right: 65px !important; } .about-info { margin-right: 480px !important; } } @media only screen and (max-width: 1023px) { #orig-nav a.waysToWatch { position: absolute; top: 45px; left: 20px; } #orig-nav .social { padding: 0 8px; } #orig-nav [data-ico] { margin: 0 7px; line-height: 45px; } #orig-nav .cntrls { display: none; } #orig-menu { right: 0; } .orig-elem .scroll-title { float: none; margin: 0 0 20px; } .orig-elem .title-wrap { padding-bottom: 30px; } #gallery-showcase { left: 20px; right: 20px; } #cast-crew-page .prev, #cast-crew-page .next { top: 200px; } .about-preview { margin-top: 40px; } .about-info { margin-right: 0px !important; } #social-page { background: transparent !important; /*a.news-submit { width: 14px; // SJG - removed - Newsletters }*/ } #social-page .col { width: 100% !important; position: relative; left: auto; right: auto; bottom: auto; } #social-page .nl-ico { display: none; } #social-page form { width: 60%; margin-top: 20px; } #social-page input.newsletter { height: 34px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .site-opt span.txt { width: 45%; margin: 20px 0; display: inline-block; vertical-align: middle; } .nl-opt span.txt { width: 35%; margin: 20px 0; display: inline-block; vertical-align: middle; } } @media only screen and (max-width: 1023px) and (min-width: 641px) { .orig-elem .single-dd { margin: 0 20px; } .orig-elem .single-dd .scroll-title { float: left; margin: 0; } .social-sites { margin-top: 20px; } #social-page .tab-col { width: 50%; float: left; } #social-page .tab-col.first .site-opt { margin-right: 25px; } #social-page .tab-col.second .site-opt, #social-page .tab-col.second .nl-opt { margin-left: 25px; } #social-page .site-opt { border-bottom: none; } #social-page .site-opt:first-child { border-bottom: 1px solid #282d30; } #social-page .twt-ico, #social-page .fb-ico, #social-page .gg-ico, #social-page .nl-ico { margin-right: 10px; } } .custom-select-box { background-color: #797a7c; float: right; font-size: 16px; font-weight: 200; height: 32px; line-height: 32px; margin: 5px 0 10px; min-width: 190px; padding-left: 10px; position: relative; z-index: 1; } .windows .custom-select-box, .safari .custom-select-box { font-weight: 300; } @media only screen and (min-width: 680px) { .custom-select-box { font-size: 22px; height: 50px; line-height: 50px; padding-left: 20px; } } .custom-select-box .selected-text { height: 32px; overflow: hidden; max-width: 279px; padding-right: 43px; position: relative; text-overflow: ellipsis; white-space: nowrap; } @media only screen and (min-width: 680px) { .custom-select-box .selected-text { height: 50px; padding-right: 61px; } } .select-options { background-color: #bcbebd; border-top: 0; display: none; font-size: 16px; list-style: none; margin: 0 0 0 -10px; min-width: 200px; padding: 0; top: 23px; } @media only screen and (min-width: 680px) { .select-options { font-size: 22px; margin: 0 0 0 -20px; } } .custom-select-expanded .select-options { display: block; } .select-options li { border-top: 1px solid #727375; cursor: pointer; padding: 0 10px; } .select-options li:hover { background-color: #797a7c; } @media only screen and (min-width: 680px) { .select-options li { padding: 0 20px; } } .custom-select-trigger { background-image: none; border-left: 1px solid black; cursor: pointer; height: 32px; position: absolute; right: 0; text-indent: -10000px; top: 0; width: 32px; } @media only screen and (min-width: 680px) { .custom-select-trigger { height: 50px; width: 50px; } } .custom-select-trigger:before { background: url('/Content/img/general-sprite.png') no-repeat 0 0; background-size: 250px 600px; background-position: -100px -75px; content: ''; display: block; height: 9px; position: absolute; right: 6px; width: 18px; top: 11px; } .custom-select-expanded .custom-select-trigger:before { background-position: -120px -75px; } @media only screen and (min-width: 680px) { .custom-select-trigger:before { right: 15px; top: 20px; } } .custom-select-box.cast-select { margin: 64px 15px 0 0; min-width: 120px; z-index: 10; } @media only screen and (min-width: 800px) { .custom-select-box.cast-select { margin: 120px 20px 0 0; min-width: 190px; } } @media only screen and (min-width: 1024px) { .custom-select-box.cast-select { margin-top: 100px; } } .custom-select-box.crew-select { margin: 100px 26px 0 0; } .orig-page button.mfp-close { color: #d6d7d9; display: none; font-size: 38px; height: auto; right: -26px; width: auto; } @media only screen and (min-width: 641px) { .orig-page button.mfp-close { display: block; } } #footer-actions { background-color: rgba(0, 0, 0, 0.7); border: none; width: 100%; height: 25px; line-height: 15px; margin: 0; padding: 0; } #mobile-footer { margin-left: 10px; } #mobile-footer span { color: rgba(255, 255, 255, 0.7); } #mobile-footer span:not(:first-child):not(:last-child):before { content: "|"; } #mobile-footer span:last-child { margin-left: 3px; } #origContainerWrapper { min-height: 100%; position: relative; } #origContainerWrapper:before { background-size: cover; bottom: 0; content: ''; display: block; left: 0; position: fixed; right: 0; top: 0; z-index: -1; } .no-background #origContainerWrapper:before { background-image: none; } /* Originals Landing */ #orig-landing { max-width: 1280px; margin: 0 auto; } #orig-landing h1 { color: #cfdde3; font-size: 20px; font-weight: 500; text-transform: uppercase; letter-spacing: 4px; } #orig-landing h1, #orig-landing ul { margin-left: 10px; } #orig-landing ul { overflow: hidden; } #orig-landing li { width: 50%; float: left; position: relative; margin: 0 0 10px; } #orig-landing a { color: white; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #orig-landing .bio { position: absolute; } #orig-landing .bio-inner { -webkit-touch-callout: auto; -webkit-user-select: auto; -khtml-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; -o-user-select: auto; user-select: auto; } #orig-landing h2 { font-size: 40px; line-height: 0.9em; font-weight: 300; margin: 0 0 5px; } #orig-landing .date { color: #cfdde3; font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; } #orig-landing p { font-size: 13px; line-height: 1.3em; } @media only screen and (max-width: 1023px) { #orig-landing a { margin-right: 10px; } #orig-landing img { width: 100%; max-width: 230px; } #orig-landing .bio { padding: 20px; bottom: 0; left: 0; background: transparent !important; } #orig-landing h2 { font-size: 20px; } #orig-landing .date, #orig-landing p { display: none; } } @media only screen and (max-width: 1023px) and (min-width: 641px) { #orig-landing { max-width: 760px; } #orig-landing h1 { font-size: 25px; } #orig-landing h1, #orig-landing ul { margin-left: 40px; } #orig-landing li { margin-bottom: 40px; } #orig-landing a { margin-right: 40px; } #orig-landing .bio { right: 40px; } #orig-landing h2 { font-size: 30px; } } @media only screen and (max-width: 1023px) and (min-width: 500px) { #orig-landing li { width: 33%; } } @media only screen and (max-width: 640px) { #orig-landing h1 { text-align: center; } } /* Schedule */ .ui-slider .ui-slider-handle { cursor: pointer; } .ui-slider.ui-state-disabled .ui-slider-handle { cursor: wait; } #schedule-loader { position: relative; display: block; width: 100%; cursor: wait; z-index: 999 !important; opacity: 0.8; filter: alpha(opacity=80); background-color: black; } #schedule-wrap #tonight-scroll { margin: 40px 0 50px; } #schedule-head { margin: 70px 25px 50px; position: relative; } #schedule-head h1 { font-size: 5em; margin: 0; float: left; } #schedule-head .mo-day { white-space: nowrap; } #schedule-head p { color: #839ca7; font-weight: 500; margin-top: 3px; padding-right: 70px; float: left; clear: both; } #schedule-head p strong { color: white; } .view-ops { color: #cfdde3; text-transform: uppercase; padding: 8px 12px; position: absolute; right: 0; } .view-ops dl { margin: 0 3px; } .view-ops, #cal-wrap { background: #2f393c; background: -webkit-gradient(linear, 0 0, 0 100%, from(#2f393c), to(#1c2224)); background: -webkit-linear-gradient(top, #2f393c, #1c2224); background: -moz-linear-gradient(top, #2f393c, #1c2224); background: -o-linear-gradient(top, #2f393c, #1c2224); background: linear-gradient(to bottom, #2f393c, #1c2224); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f393c', endColorstr='#ff1c2224', GradientType=0); top: 10px; line-height: 23px; } .view-ops dl, #cal-wrap dl, .view-ops dt, #cal-wrap dt, .view-ops dd, #cal-wrap dd { display: inline-block; } .view-ops dt, #cal-wrap dt { margin: 0 5px; vertical-align: middle; } .view-ops [data-ico], #cal-wrap [data-ico] { color: #596468; font-size: 14px; margin: 0 2px; cursor: pointer; display: inline; } .view-ops [data-ico]:hover, #cal-wrap [data-ico]:hover { color: #76858a; } .view-ops [data-ico].active, #cal-wrap [data-ico].active { color: white; } .view-ops .print, #cal-wrap .print { font-size: 18px; } #cal-wrap { padding: 8px; position: relative; left: 20px; float: left; } #cal-wrap.disabled, #cal-wrap.disabled [data-ico] { cursor: wait; } #cal-wrap.active { height: 32px; background: #2b3135; filter: none; } #cal-wrap:hover [data-ico], #cal-wrap.active [data-ico] { color: #76858a; } #cal-wrap [data-ico] { font-size: 18px; } #cal-wrap [data-aico]:after, #cal-wrap .d-ico.after { font-size: 12px; margin-left: 10px; } #cal { width: 520px; background: #2b3135; border-bottom: 2px solid #bd5a02; overflow: hidden; position: absolute; z-index: 1001; top: 45px; left: 0; } #cal .prev, #cal .next { height: 53px; background: transparent; opacity: 1; filter: none; } #cal .prev:before, #cal .next:before { content: none; } #cal .prev span, #cal .next span { width: 9px; height: 16px; background: url(/Content/img/btn/arrow-cal.png) no-repeat; position: absolute; top: 20px; left: 30px; } #cal .next span { background-position: right center; } #cal .prev span { background-position: left center; } #cal .next.active span { background-position: right top; } #cal .prev.active span { background-position: left top; } #cal .next.active:hover span { background-position: right bottom; } #cal .prev.active:hover span { background-position: left bottom; } #cal-inner { width: 780px; } #cal-inner dl { width: 260px; float: left; } #cal-inner dt { font-size: 23px; text-align: center; padding: 15px 0; margin: 0 !important; width: 100%; background: #2b3135; } #cal-inner dd { background: #191c20; padding: 0 20px 250px; margin-bottom: -230px; } #cal-inner table { width: 220px; border-collapse: separate; border-spacing: 3px; } #cal-inner th { text-trasform: none; height: 30px; } #cal-inner td { color: white; text-align: center; height: 25px; background: #32383c; border-bottom: 1px solid #454e55; } #cal-inner td:hover { background: #566168; } #cal-inner td.inactive { background: #212629; border-bottom-color: #363d43; } #cal-inner td.empty { background: transparent; border-bottom: none; } #cal-inner td.today { background: #bd5a02; border-bottom-color: #bd5a02; } .scrollbar { margin: 0 77px 25px 165px; position: relative; } .scrollbar, .scroll-fix { height: 18px; background: #1a1d1f; border-bottom: 1px solid #2e3437; visibility: hidden; } .touch .scrollbar, .touch .scroll-fix { display: none; } .scroll-fix { position: absolute; top: 0; left: -5px; right: -52px; } #schedule { border-top: 1px solid #2d323a; border-bottom: 1px solid #374044; } #channels li, .channel li, .channel .li-clone { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #channels { background: #1f2429; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; } #channels li { text-align: center; position: relative; } #channels li:after { content: url(/Content/img/bg/tab-shadow.png); position: absolute; left: 0; } #channels #ico-sel { font-size: 12px; font-weight: bold; text-transform: uppercase; margin-top: 12px; border: none; } #channels [data-logo] { font-size: 80px; display: inline-block; } #sch-times { border-bottom: 1px solid black; } #sch-times li { color: #cfdde3; font-size: 16px; font-weight: 500; text-align: center; width: 131px; height: 44px; padding: 12px 0; float: left; background: #1f2629; border-top: 1px solid black; border-right: 1px solid #16191d; border-bottom: 1px solid black; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: default; } .channel, .channel .li-clone { background: #373e44; } .channel li { position: relative; } .channel .li-clone { position: absolute; top: -1px; left: 0; bottom: -1px; z-index: 10; } .channel p { font-size: 14px; margin: 0; } .channel .date { font-size: 12px; display: block; } .channel p, .channel .date { font-weight: bold; } .channel [data-trim="in"] { display: none; } .channel .day:first-child [data-trim="in"] { display: block; } .list #schedule-inner { margin-left: 0 !important; width: 100% !important; } .list #channels-inner { min-width: 845px; height: 100%; overflow: hidden; } .list #channels { width: 100%; border-top: 1px solid #2e383c; border-bottom: 2px solid black; margin-bottom: 6px; } .list #channels li { width: 16.666%; min-width: 120px; float: left; border-top: 1px solid black; border-left: 1px solid #16191d; cursor: pointer; } .list #channels .active { border-bottom: 2px solid #bd5a02; } .list #channels .active:before { color: white; } .list #channels #ico-sel { display: none; } .list #sch-times { display: none; } .list .channel { display: none; } .list .channel.active { display: block; } .list .channel p { font-size: 16px; } .list .channel li { width: auto !important; border-top: 1px solid #464e58; border-bottom: 1px solid #1e2227; } .list .channel li:nth-child(even) { border-top: 1px solid #3e454d; background: #282d30; border-bottom: 1px solid #1a1e22; } .list .channel [data-trim="in"] { display: none; } .channel .prem:after, .table .prem:after, .channel .orig:after, .table .orig:after { position: absolute; top: -2px; right: 0; } .channel .prem:after, .table .prem:after { content: url(/Content/img/bg/prem-tab.png); } .channel .orig:after, .table .orig:after { content: url(/Content/img/bg/orig-tab.png); } .elem.free:before { content: url(/Content/img/bg/free-tab.png); position: absolute; top: -2px; right: 0; } .no-touch .channel li:hover, .no-touch .channel .li-clone:hover { background: #495b62 !important; } .no-touch .channel li:hover:before, .no-touch .channel .li-clone:hover:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 2px solid #bd5a02 !important; } .list .li-clone, .list .accordion { display: none; } .no-episodes-scheduled { font-size: 18px; line-height: 1; margin: 30px 0; } @media only screen and (max-width: 1080px) { #schedule-head h1 { font-size: 40px; padding-right: 170px; } #schedule-head #cal-wrap { position: absolute; left: auto; right: 115px; } #schedule-head .view-ops dt { display: none; } #cal { left: auto; right: 0; } } /* Search */ .search { background-image: linear-gradient(to bottom, #0e2027 30px, black 400px, #091e24); } .search-header { text-align: center; background: #171b1d; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .search-header > div { width: 80%; margin: 23px auto; position: relative; } .search-header .srch-ico { color: #526e74; font-size: 23px; position: absolute; top: 8px; left: 8px; } .search-header .srch-bar { color: white; width: 100%; padding: 9px 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .search-count { color: #839ca7; font-size: 12px; font-weight: 300; line-height: 12px; margin-top: 10px; } .search-count > .result-count { color: white; } .clear-search { color: #526e74; font-size: 20px; position: absolute; top: 8px; right: 11px; } .clear-search:hover { color: #678a92; } .search-fail { font-size: 20px; font-weight: 300; margin: 50px 80px; } .search-result { padding: 20px; position: relative; } .search-result.even { background: #171b1d; } .search-result:before { content: ''; height: 138px; display: inline-block; vertical-align: middle; margin-right: -0.25em; } .search-img { text-align: center; width: 110px; margin-top: -68px; position: absolute; top: 50%; left: 25px; } .search-img img { max-width: 110px; max-height: 100px; display: block; width: auto; height: auto; } .search-info { width: 98%; padding-left: 105px; display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .search-description > p:last-child { margin-bottom: 0; width: 55%; } .search-title { font-size: 20px; font-weight: 300; margin-right: 20px; display: inline; } .search-title > strong { font-weight: 500; } .search-type { font-size: 12px; font-weight: 600; text-transform: uppercase; padding: 5px 12px; background: #283235; vertical-align: 3px; display: inline-block; } .search-pgs { padding: 45px; } .search-pgs > .next-pg, .search-pgs > .prev-pg { font-size: 12px; font-weight: bold; padding: 5px; display: inline-block; vertical-align: middle; } .search-pgs > .next-pg.disabled, .search-pgs > .prev-pg.disabled { color: #4c5e65; } .search-pg-list { padding: 0 26px; display: inline-block; vertical-align: middle; } .search-pg-list > a { font-size: 20px; font-weight: 300; padding: 0 6px; margin: 0 3px; display: inline-block; } .search-pg-list > a.cur-pg { color: white; } /*--- StarzPlay - Index ----*/ .pull-tab { content: ''; width: 90px; height: 40px; margin-left: -45px; background: #0f252d; position: absolute; left: 50%; bottom: 0; z-index: 10; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .pull-tab:before { content: ''; background: url(/Content/img/btn/up-down.png) no-repeat left bottom; width: 26px; height: 14px; margin-left: -13px; position: absolute; left: 50%; bottom: 11px; } .pull-tab:hover:before { background-position: bottom; } .subscribe-feedback { color: #bd5a02; display: inline; } .starzPlay-elem { overflow: hidden; z-index: 1; background: -webkit-gradient(linear, 0 0, 0 100%, from(black), to(#0d1e25)); background: -webkit-linear-gradient(top, black, #0d1e25); background: -moz-linear-gradient(top, black, #0d1e25); background: -o-linear-gradient(top, black, #0d1e25); background: linear-gradient(to bottom, black, #0d1e25); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff0d1e25', GradientType=0); position: relative; } .starzPlay-elem .date { font-size: 1.4em; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; } .starzPlay-elem [data-picture] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; text-align: center; overflow: hidden; } .starzPlay-elem .hero-outer { height: 100%; margin: 0 auto; } .starzPlay-elem .hero-outer .hero-inner { cursor: default; font-weight: 300; display: inline-block; vertical-align: middle; word-break: break-word; } .starzPlay-elem .hero-outer .hero-inner h1 { line-height: 65px; margin: 8px 0 8px; } .starzPlay-elem .hero-outer .hero-inner .date { display: block; } .starzPlay-elem .hero-outer .hero-inner p { font-size: 1.4em; line-height: 19px; margin: 10px 0 20px; max-height: 13em; overflow: hidden; text-overflow: ellipsis; } .starzPlay-elem.starzplay-www { background-repeat: no-repeat; background-position: center top; } .starzPlay-elem.starzplay-www .hero-inner { width: 98%; max-width: 98%; margin-top: 25px; } .starzPlay-elem.starzplay-www .hero-inner .date { width: auto !important; } .starzPlay-elem.starzplay-www .hero-inner .devices { background-size: contain; background-repeat: no-repeat; background-position: center top; width: 100%; } .starzPlay-elem.starzplay-xbox360 .hero-inner .devices { background-size: initial; background-repeat: no-repeat; background-position: center top; width: 100%; } .starzPlay-elem.starzplay-ios .hero-inner .devices { background-size: initial; background-repeat: no-repeat; background-position: center top; width: 100%; } .starzPlay-elem.starzplay-amazon .hero-inner .devices { background-size: initial; background-repeat: no-repeat; background-position: center top; width: 100%; } .starzPlay-elem.starzplay-nook .hero-inner .devices { background-size: initial; background-repeat: no-repeat; background-position: center top; width: 100%; } .starzPlay-elem.starzplay-android .hero-inner .devices { background-size: initial; background-repeat: no-repeat; background-position: center top; width: 100%; } .starzPlay-elem.starzplay-desktop .hero-inner .devices { background-size: initial; background-repeat: no-repeat; background-position: center top; width: 100%; } .starzPlay-elem .resScroll { margin-bottom: 70px; } .starzPlay-elem .hero-inner { text-align: center; vertical-align: top; } .starzPlay-elem .hero-inner h1 { width: 100%; margin-top: 20px; } .starzPlay-elem .hero-inner h1 sup { font-size: 16px; top: -2em; } .starzPlay-elem .elem { margin: 0 10px 10px; } .starzPlay-elem ul { list-style: none; } .starzPlay-elem .prod-showcase { position: absolute; overflow: hidden; } .starzPlay-elem .prod-showcase [data-picture] { width: 100%; right: auto; } .starzPlay-elem .slider-nav { opacity: 1; filter: none; bottom: 0; } .starzPlay-elem .select-wrap { display: inline-block; margin: 0 20px 20px 0; } .starzPlay-title { max-width: 400px; text-align: center; margin: 70px auto; } .starzPlay-title h1 { font-size: 6em; line-height: 1.1; margin: 8px 0 8px; } .starzPlay-title p { font-size: 1.4em; line-height: 19px; margin: 10px 0; } .hero-inner [data-picture] { position: static; } .hero-inner [data-picture] + .date, .hero-inner img + .date { margin-top: 20px; } .hero-inner .app-store { margin: 10px; } .order-starz-now { text-align: center; margin: 40px; } .order-starz-now p { font-size: 2em; display: inline-block; vertical-align: middle; margin-right: 20px; } .cloth-bg { background: url(/Content/img/bg/jean.png) repeat, -moz-linear-gradient(left, black, #0f2e37); background: url(/Content/img/bg/jean.png) repeat, -webkit-linear-gradient(black, #0f2e37); background: url(/Content/img/bg/jean.png) repeat, linear-gradient(black, #0f2e37); } .phone-number { color: #cfdde3; font-weight: 500; } .faq-wrap { padding: 30px; background: -webkit-gradient(linear, 0 0, 0 100%, from(black), to(#0d1e25)); background: -webkit-linear-gradient(top, black, #0d1e25); background: -moz-linear-gradient(top, black, #0d1e25); background: -o-linear-gradient(top, black, #0d1e25); background: linear-gradient(to bottom, black, #0d1e25); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff0d1e25', GradientType=0); } .faq-wrap h1 { font-size: 23px; text-align: center; } .faq-wrap .sub-h1 { text-align: center; } .faq-wrap h2 { color: #cfdde3; font-size: 18px; font-weight: 300; margin-top: 40px; } .faq-wrap .answer { line-height: 1.4; } .faq-wrap .see-answer { font-weight: bold; text-transform: uppercase; } .faq-wrap .see-answer:before { font: normal 8px 'icons'; content: '\e00e'; margin-right: 6px; vertical-align: middle; } .faq-wrap .see-answer.active { color: white; } .faq-wrap .see-answer.active:before { content: '\e00f'; } /* Videos */ #mobile-vid-menu { width: auto !important; margin: 25px 20px; } #videos-wrap .resScroll, #videos-wrap .show-all { margin-bottom: 60px; } #videos-wrap a.elem.modal { border-width: 2px; border-style: solid; border-color: transparent; } #videos-wrap a.elem.modal:hover { border-color: #bd5a02; } #videos-wrap a.elem.modal img { width: 310px; height: 158px; } #videos-wrap a.elem.modal.featureHero img { width: 630px; height: 326px; } #videos-nav-wrap { margin-top: 35px; } #videos-nav-wrap .scroll-title { margin-top: 15px; } #videos-nav { background: black; background: -webkit-gradient(linear, 0 0, 0 100%, from(black), to(#131719)); background: -webkit-linear-gradient(top, black, #131719); background: -moz-linear-gradient(top, black, #131719); background: -o-linear-gradient(top, black, #131719); background: linear-gradient(to bottom, black, #131719); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff131719', GradientType=0); padding-bottom: 10px; } #videos-nav .next, #videos-nav .prev { background: transparent; } #videos-nav .elem { width: 250px; height: 125px; background-position: center; } #videos-nav .elem h2 { opacity: 1; filter: none; } #videos-nav .elem img { opacity: .60; } #videos-nav .active .overlay { filter: alpha(opacity=65); opacity: 1; } #videos-nav .categorynav { margin: 0 10px 0px 0; } #videos-head { margin: 35px 65px; border-bottom: 1px solid #29383e; position: relative; } #videos-head h2 { margin: 0 0 35px; } #videos-head .select-wrap { position: absolute; right: 0; bottom: 35px; } #videos-head h1, #movies-head h1 { font-size: 45px; margin: 0; } .responsive-video-list { overflow: hidden; width: 100%; position: relative; margin-bottom: 60px; } .responsive-thumb { position: relative; float: left; max-width: 310px; max-width: 158px; margin-right: .7%; } .responsive-thumb img { width: 100%; height: auto; max-width: 310px; max-height: 158px; } .responsive-thumb h1, .responsive-thumb h2, .responsive-thumb h3, .responsive-thumb h4, .responsive-thumb h5 { margin: 0; } .responsive-thumb h2, .responsive-thumb h4 { font-weight: 300; } .responsive-thumb h4 { font-size: 1.8em; } .responsive-thumb h5 { color: #d0d9e4; font-size: 11px; text-transform: uppercase; } .responsive-video-list a.elem.modal { border: solid 2px transparent; display: inline-block; } .responsive-thumb-inner-content { position: absolute; bottom: 20px; left: 20px; right: 20px; color: white; } /*#region Galleries */ div.orig-elem div[id*='gallery-scroll'] div.mask div.scroll-outer div.scroll-inner a.elem.featureHero { width: 630px; height: 320px; } div.orig-elem div[id*='gallery-scroll'] div.mask div.scroll-outer div.scroll-inner a.elem.featureHero img { width: 630px; height: 320px; } div.orig-elem div[id*='gallery-scroll'] div.mask div.scroll-outer div.scroll-inner a.elem:not(.featureHero) { width: 310px; height: 155px; } div.orig-elem div[id*='gallery-scroll'] div.mask div.scroll-outer div.scroll-inner a.elem:not(.featureHero) img { width: 310px; height: 155px; } /*#endregion*/ .layoutgrid .mask .scroll-outer .scroll-inner .top-row .row .elem.modal img { max-width: 315px; height: auto; } .layoutrespgrid .thumbs .elem.modal { width: 32%; max-width: 315px; } .layoutrespgrid .thumbs .elem.modal img { width: 100%; height: auto; } @media only screen and (max-width: 480px) { .layoutrespgrid .thumbs .elem.modal { width: 48%; max-width: 315px; } .layoutrespgrid .thumbs .elem.modal img { width: 100%; height: auto; } } @media only screen and (min-width: 641px) and (max-width: 1050px) { .layoutrespgrid .thumbs .elem.modal { width: 32%; max-width: 32%; margin: 0 1px 0px 1px; } .layoutrespgrid .thumbs .elem.modal img { width: 100%; height: auto; } } @media only screen and (min-width: 481px) and (max-width: 640px) { .layoutrespgrid .thumbs .elem.modal { width: 48%; max-width: 48%; } .layoutrespgrid .thumbs .elem.modal img { width: 100%; height: auto; } } .resScroll.layouthero .mask .scroll-outer .scroll-inner .elem.modal.featureHero { max-width: 630px !important; max-height: 318px; height: 318px; } .resScroll.layouthero .mask .scroll-outer .scroll-inner .elem.modal.featureHero img { height: 100%; width: 100%; } .resScroll.layouthero .mask .scroll-outer .scroll-inner .top-row .row a.elem.modal:not(.featureHero) { max-width: 310px !important; max-height: 156.5px !important; height: 156.5px; width: 310px; } .resScroll.layouthero .mask .scroll-outer .scroll-inner .top-row .row a.elem.modal:not(.featureHero) img { height: 100%; width: 100%; } .responsive-video-list.layoutrespgrid .mask a.elem.modal.responsive-thumb { width: 310px; z-index: 1; height: 155px; max-width: 310px; max-height: 155px; } /* UpdateBrowser */ #head-sticky-wrap.updateBrowserHeader #head-logo { width: 112px; height: 47px; } #updateBrowser { display: block; width: 100%; text-align: center; } #updateBrowser .container { display: inline-block; } #updateBrowser .container .updateBrowserCopy { text-align: left; } #updateBrowser .container .updateBrowserCopy h1 { font-weight: bold; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: default; } #updateBrowser .container .updateBrowserCopy h1 span.callout { color: #bd5a02; } #updateBrowser .container .updateBrowserCopy p { line-height: 1.5em; font-size: 14px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: default; } #updateBrowser .container .updateBrowserCopy p.small { font-size: 12px; } #updateBrowser .container .updateBrowserImages { width: 100%; text-align: center; display: inline-block; } #updateBrowser .container .updateBrowserImages div { background-position: center 5px; background-size: 70px 70px; background-repeat: no-repeat; display: inline-block; width: 110px; height: 110px; background-color: #0f171d; border: solid 1px #49565c; margin-right: 28px; margin-top: 28px; } #updateBrowser .container .updateBrowserImages div:hover { border: solid 1px #bd5a02; } #updateBrowser .container .updateBrowserImages div a { display: block; width: 100%; height: 100%; } #updateBrowser .container .updateBrowserImages div a span { position: relative; display: inline-block; width: 100%; height: 20px; line-height: 2em; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; color: white; margin-top: 90px; background-color: #48555b; text-transform: uppercase; font-size: 10px; } #updateBrowser .container .updateBrowserImages div a:hover span { background-color: #bd5a02; } #updateBrowser .container .updateBrowserImages .updateBrowserImage-chrome { background-image: url('/Content/img/misc/chrome.png'); } #updateBrowser .container .updateBrowserImages .updateBrowserImage-firefox { background-image: url('/Content/img/misc/firefox.png'); } #updateBrowser .container .updateBrowserImages .updateBrowserImage-safari { background-image: url('/Content/img/misc/safari.png'); } #updateBrowser .container .updateBrowserImages .updateBrowserImage-opera { background-image: url('/Content/img/misc/opera.png'); } #updateBrowser .container .updateBrowserImages .updateBrowserImage-ie { background-image: url('/Content/img/misc/internetExplorer.png'); } html.lt-ie9 #updateBrowser { padding-top: 20px; } html.lt-ie9 #updateBrowser .container { width: 750px; position: relative; } /* Starz Video Player */ .starzVideoPlayer { width: 100%; } .starzVideoPlayer video { background-color: black; } .starzVideoPlayer .starzVideoPlayerLoader { position: absolute; width: 100%; top: 21%; text-align: center; } .starzVideoPlayer .starzVideoPlayerPoster { opacity: 0; filter: alpha(opacity=0); } .starzVideoPlayer .videoPlayerError { background-color: #333b3f; text-align: center; height: 100%; } .starzVideoPlayer .videoPlayerError span { display: inline-block; padding: 20px; font-size: 14px; } #video-embed { width: 100%; height: 100%; color: white; background-color: black; overflow: hidden; } #video-embed .container { display: inline-block; width: 100%; height: 100%; } #video-embed .container .video { min-height: 100px; } #video-embed .container .video .starzVideoPlayer .starzVideoPlayerPoster { width: 100%; } #video-embed .container .noVideo { cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; position: absolute; top: 49%; width: 100%; text-align: center; font-size: 14px; font-weight: bold; } #video-embed .container .footer { padding: 0 0 0 0; margin: 0 0 0 0; height: 90px; overflow: hidden; background-color: black; } #video-embed .container .footer .info .copy { width: 100%; display: inline-block; white-space: nowrap; } #video-embed .container .footer .info .copy .title, #video-embed .container .footer .info .copy .subtitle { padding-top: 5px; padding-bottom: 5px; padding-left: 5px; } #video-embed .container .footer .info .copy .title { display: block; font-weight: bold; } #video-embed .container .footer .info .copy .subtitle { display: block; } #video-embed .container .footer .info .copy .description { padding-left: 5px; padding-bottom: 5px; } #video-embed .container .footer .info .copy .copyright { display: block; float: left; clear: left; padding-left: 5px; padding-bottom: 5px; } #video-embed .container .footer .social { padding-top: 5px; } #video-embed .container .footer .social .copy { text-align: right; vertical-align: middle; padding-right: 5px; } #video-embed .container .footer .social .mobShare a { padding-left: 5px; color: white; } #video-embed .container .footer .social .mobShare a:hover { text-decoration: underline; } #video-embed .container .footer .social .socialButtons .fb-ico, #video-embed .container .footer .social .socialButtons .twt-ico { margin: 10px; } .slide-content, .mobile-slide-content { position: absolute; } .slide-content .promo-box, .mobile-slide-content .promo-box, .slide-content .promo-box-dark, .mobile-slide-content .promo-box-dark { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; } .slide-content .promo-box-dark, .mobile-slide-content .promo-box-dark { background: url('../img/carousel/promo-back.png') repeat-y center 0; } .slide-content .top-left, .mobile-slide-content .top-left, .slide-content .top-middle, .mobile-slide-content .top-middle, .slide-content .top-right, .mobile-slide-content .top-right, .slide-content .middle-left, .mobile-slide-content .middle-left, .slide-content .middle-middle, .mobile-slide-content .middle-middle, .slide-content .middle-right, .mobile-slide-content .middle-right, .slide-content .bottom-left, .mobile-slide-content .bottom-left, .slide-content .bottom-middle, .mobile-slide-content .bottom-middle, .slide-content .bottom-right, .mobile-slide-content .bottom-right { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; } .slide-content .top-left, .mobile-slide-content .top-left { left: 0; top: 0; } .slide-content .top-middle, .mobile-slide-content .top-middle { left: 50%; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .slide-content .top-right, .mobile-slide-content .top-right { right: 0; top: 45px; } .slide-content .middle-left, .mobile-slide-content .middle-left { left: 0; top: 0; } .slide-content .middle-middle, .mobile-slide-content .middle-middle { left: 50%; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .slide-content .middle-right, .mobile-slide-content .middle-right { right: 0; } .slide-content .bottom-middle, .mobile-slide-content .bottom-middle { left: 50%; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .slide-content .bottom-right, .mobile-slide-content .bottom-right { right: 0; top: 0; } .slide-content .promo-title-large, .mobile-slide-content .promo-title-large, .slide-content .promo-title-medlarge, .mobile-slide-content .promo-title-medlarge, .slide-content .promo-title-medium, .mobile-slide-content .promo-title-medium, .slide-content .promo-title-medsmall, .mobile-slide-content .promo-title-medsmall, .slide-content .promo-title-small, .mobile-slide-content .promo-title-small { font-weight: 200; letter-spacing: 2px; line-height: 1; text-transform: uppercase; } .windows .slide-content .promo-title-large, .windows .mobile-slide-content .promo-title-large, .windows .slide-content .promo-title-medlarge, .windows .mobile-slide-content .promo-title-medlarge, .windows .slide-content .promo-title-medium, .windows .mobile-slide-content .promo-title-medium, .windows .slide-content .promo-title-medsmall, .windows .mobile-slide-content .promo-title-medsmall, .windows .slide-content .promo-title-small, .windows .mobile-slide-content .promo-title-small, .safari .slide-content .promo-title-large, .safari .mobile-slide-content .promo-title-large, .safari .slide-content .promo-title-medlarge, .safari .mobile-slide-content .promo-title-medlarge, .safari .slide-content .promo-title-medium, .safari .mobile-slide-content .promo-title-medium, .safari .slide-content .promo-title-medsmall, .safari .mobile-slide-content .promo-title-medsmall, .safari .slide-content .promo-title-small, .safari .mobile-slide-content .promo-title-small { font-weight: 300; } .slide-content .promo-title-large, .mobile-slide-content .promo-title-large { font-size: 38px; } @media (min-width: 1024px) { .slide-content .promo-title-large, .mobile-slide-content .promo-title-large { font-size: 42px; } } @media (min-width: 1220px) { .slide-content .promo-title-large, .mobile-slide-content .promo-title-large { font-size: 53px; } } .slide-content .promo-title-medlarge, .mobile-slide-content .promo-title-medlarge { font-size: 35px; } @media (min-width: 1024px) { .slide-content .promo-title-medlarge, .mobile-slide-content .promo-title-medlarge { font-size: 39px; } } @media (min-width: 1220px) { .slide-content .promo-title-medlarge, .mobile-slide-content .promo-title-medlarge { font-size: 50px; } } .slide-content .promo-title-medium, .mobile-slide-content .promo-title-medium { font-size: 31px; } @media (min-width: 1024px) { .slide-content .promo-title-medium, .mobile-slide-content .promo-title-medium { font-size: 35px; } } @media (min-width: 1220px) { .slide-content .promo-title-medium, .mobile-slide-content .promo-title-medium { font-size: 46px; } } .slide-content .promo-title-medsmall, .mobile-slide-content .promo-title-medsmall { font-size: 29px; } @media (min-width: 1024px) { .slide-content .promo-title-medsmall, .mobile-slide-content .promo-title-medsmall { font-size: 33px; } } @media (min-width: 1220px) { .slide-content .promo-title-medsmall, .mobile-slide-content .promo-title-medsmall { font-size: 44px; } } .slide-content .promo-title-small, .mobile-slide-content .promo-title-small { font-size: 26px; } @media (min-width: 1024px) { .slide-content .promo-title-small, .mobile-slide-content .promo-title-small { font-size: 30px; } } @media (min-width: 1220px) { .slide-content .promo-title-small, .mobile-slide-content .promo-title-small { font-size: 41px; } } .slide-content .promo-subtitle-large, .mobile-slide-content .promo-subtitle-large, .slide-content .promo-subtitle-medium, .mobile-slide-content .promo-subtitle-medium, .slide-content .promo-subtitle-small, .mobile-slide-content .promo-subtitle-small, .slide-content .promo-subtitle-medlarge, .mobile-slide-content .promo-subtitle-medlarge, .slide-content .promo-subtitle-medsmall, .mobile-slide-content .promo-subtitle-medsmall { font-weight: bold; line-height: 1.1; text-transform: uppercase; } @media (min-width: 1220px) { .slide-content .promo-subtitle-large, .mobile-slide-content .promo-subtitle-large, .slide-content .promo-subtitle-medium, .mobile-slide-content .promo-subtitle-medium, .slide-content .promo-subtitle-small, .mobile-slide-content .promo-subtitle-small, .slide-content .promo-subtitle-medlarge, .mobile-slide-content .promo-subtitle-medlarge, .slide-content .promo-subtitle-medsmall, .mobile-slide-content .promo-subtitle-medsmall { letter-spacing: -1px; } } .slide-content .promo-subtitle-p2, .mobile-slide-content .promo-subtitle-p2 { font-weight: 500; } .slide-content .promo-subtitle-large, .mobile-slide-content .promo-subtitle-large { font-size: 16px; } @media (min-width: 1220px) { .slide-content .promo-subtitle-large, .mobile-slide-content .promo-subtitle-large { font-size: 20px; } } .slide-content .promo-subtitle-medlarge, .mobile-slide-content .promo-subtitle-medlarge { font-size: 15px; } @media (min-width: 1220px) { .slide-content .promo-subtitle-medlarge, .mobile-slide-content .promo-subtitle-medlarge { font-size: 19px; } } .slide-content .promo-subtitle-medium, .mobile-slide-content .promo-subtitle-medium { font-size: 14px; } @media (min-width: 1220px) { .slide-content .promo-subtitle-medium, .mobile-slide-content .promo-subtitle-medium { font-size: 18px; } } .slide-content .promo-subtitle-medsmall, .mobile-slide-content .promo-subtitle-medsmall { font-size: 13px; } @media (min-width: 1220px) { .slide-content .promo-subtitle-medsmall, .mobile-slide-content .promo-subtitle-medsmall { font-size: 17px; } } .slide-content .promo-subtitle-small, .mobile-slide-content .promo-subtitle-small { font-size: 12px; } @media (min-width: 1220px) { .slide-content .promo-subtitle-small, .mobile-slide-content .promo-subtitle-small { font-size: 16px; } } .slide-content .promo-text-large, .mobile-slide-content .promo-text-large, .slide-content .promo-text-medium, .mobile-slide-content .promo-text-medium, .slide-content .promo-text-small, .mobile-slide-content .promo-text-small, .slide-content .promo-text-medlarge, .mobile-slide-content .promo-text-medlarge, .slide-content .promo-text-medsmall, .mobile-slide-content .promo-text-medsmall { font-size: 12px; font-weight: normal; line-height: 1.4; margin: 5.25% 0 6.7%; } @media (min-width: 1400px) { .slide-content .promo-text-large, .mobile-slide-content .promo-text-large, .slide-content .promo-text-medium, .mobile-slide-content .promo-text-medium, .slide-content .promo-text-small, .mobile-slide-content .promo-text-small, .slide-content .promo-text-medlarge, .mobile-slide-content .promo-text-medlarge, .slide-content .promo-text-medsmall, .mobile-slide-content .promo-text-medsmall { margin: 22px 0 29px; } } .slide-content .promo-text-large, .mobile-slide-content .promo-text-large { font-size: 14px; } @media (min-width: 1024px) { .slide-content .promo-text-large, .mobile-slide-content .promo-text-large { font-size: 16px; } } @media (min-width: 1220px) { .slide-content .promo-text-large, .mobile-slide-content .promo-text-large { font-size: 18px; line-height: 1.6; } } .slide-content .promo-text-medlarge, .mobile-slide-content .promo-text-medlarge { font-size: 13px; } @media (min-width: 1024px) { .slide-content .promo-text-medlarge, .mobile-slide-content .promo-text-medlarge { font-size: 15px; } } @media (min-width: 1220px) { .slide-content .promo-text-medlarge, .mobile-slide-content .promo-text-medlarge { font-size: 17px; line-height: 1.6; } } .slide-content .promo-text-medium, .mobile-slide-content .promo-text-medium { font-size: 12px; } @media (min-width: 1024px) { .slide-content .promo-text-medium, .mobile-slide-content .promo-text-medium { font-size: 14px; } } @media (min-width: 1220px) { .slide-content .promo-text-medium, .mobile-slide-content .promo-text-medium { font-size: 16px; line-height: 1.6; } } .slide-content .promo-text-medsmall, .mobile-slide-content .promo-text-medsmall, .slide-content .promo-text-small, .mobile-slide-content .promo-text-small { font-size: 11px; } @media (min-width: 1024px) { .slide-content .promo-text-medsmall, .mobile-slide-content .promo-text-medsmall, .slide-content .promo-text-small, .mobile-slide-content .promo-text-small { font-size: 13px; } } @media (min-width: 1220px) { .slide-content .promo-text-medsmall, .mobile-slide-content .promo-text-medsmall, .slide-content .promo-text-small, .mobile-slide-content .promo-text-small { font-size: 15px; } } .slide-content .promo-cta-xlarge, .mobile-slide-content .promo-cta-xlarge, .slide-content .promo-cta-large, .mobile-slide-content .promo-cta-large, .slide-content .promo-cta-medium, .mobile-slide-content .promo-cta-medium, .slide-content .promo-cta-small, .mobile-slide-content .promo-cta-small, .slide-content .promo-cta-xsmall, .mobile-slide-content .promo-cta-xsmall { color: white; cursor: pointer; display: block; font-weight: 300; position: relative; text-decoration: none; text-transform: uppercase; } @media (min-width: 1024px) { .slide-content .promo-cta-xlarge, .mobile-slide-content .promo-cta-xlarge, .slide-content .promo-cta-large, .mobile-slide-content .promo-cta-large, .slide-content .promo-cta-medium, .mobile-slide-content .promo-cta-medium, .slide-content .promo-cta-small, .mobile-slide-content .promo-cta-small, .slide-content .promo-cta-xsmall, .mobile-slide-content .promo-cta-xsmall { font-weight: 200; letter-spacing: 1px; } .windows .slide-content .promo-cta-xlarge, .windows .mobile-slide-content .promo-cta-xlarge, .windows .slide-content .promo-cta-large, .windows .mobile-slide-content .promo-cta-large, .windows .slide-content .promo-cta-medium, .windows .mobile-slide-content .promo-cta-medium, .windows .slide-content .promo-cta-small, .windows .mobile-slide-content .promo-cta-small, .windows .slide-content .promo-cta-xsmall, .windows .mobile-slide-content .promo-cta-xsmall, .safari .slide-content .promo-cta-xlarge, .safari .mobile-slide-content .promo-cta-xlarge, .safari .slide-content .promo-cta-large, .safari .mobile-slide-content .promo-cta-large, .safari .slide-content .promo-cta-medium, .safari .mobile-slide-content .promo-cta-medium, .safari .slide-content .promo-cta-small, .safari .mobile-slide-content .promo-cta-small, .safari .slide-content .promo-cta-xsmall, .safari .mobile-slide-content .promo-cta-xsmall { font-weight: 300; } } .slide-content .promo-cta-xlarge:before, .mobile-slide-content .promo-cta-xlarge:before, .slide-content .promo-cta-large:before, .mobile-slide-content .promo-cta-large:before, .slide-content .promo-cta-medium:before, .mobile-slide-content .promo-cta-medium:before, .slide-content .promo-cta-small:before, .mobile-slide-content .promo-cta-small:before, .slide-content .promo-cta-xsmall:before, .mobile-slide-content .promo-cta-xsmall:before { background: url('/Content/img/carousel/sz-carousel-sprite.png') no-repeat 0 0; background-size: 300px 1000px; content: ""; display: block; left: 0; position: absolute; top: 0; } .slide-content .promo-cta-button, .mobile-slide-content .promo-cta-button { background: rgba(0, 0, 0, 0.3); display: inline-block; padding: 6px 11px 0px 6px; } @media (min-width: 1220px) { .slide-content .promo-cta-button, .mobile-slide-content .promo-cta-button { padding: 8px 11px 0px 8px; } } .slide-content .promo-box input, .mobile-slide-content .promo-box input { background-color: rgba(255, 255, 255, 0.1); border: 0; border-bottom: 3px solid white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 12px; margin: 12px 0 16px; outline: none; padding: 16px 12px; width: 100%; } .slide-content .promo-box input:focus, .mobile-slide-content .promo-box input:focus { background-color: rgba(166, 166, 166, 0.5); border-bottom: 3px solid #bd5a02; } .slide-content .legal, .mobile-slide-content .legal { font-size: 10px; line-height: 1; text-decoration: underline; } .slide-content ::-webkit-input-placeholder, .mobile-slide-content ::-webkit-input-placeholder { color: white; } .slide-content :-moz-placeholder, .mobile-slide-content :-moz-placeholder { /* Firefox 18- */ color: white; } .slide-content ::-moz-placeholder, .mobile-slide-content ::-moz-placeholder { /* Firefox 19+ */ color: white; } .slide-content :-ms-input-placeholder, .mobile-slide-content :-ms-input-placeholder { color: white; } .slide-content .social-icon, .mobile-slide-content .social-icon { display: inline-block; height: 34px; margin-right: 10px; padding: 0 !important; width: 34px; } .slide-content .social-icon img, .mobile-slide-content .social-icon img { height: auto; max-width: 100%; } @media (min-width: 1024px) { .slide-content .social-icon, .mobile-slide-content .social-icon { height: 44px; width: 44px; } } @media (min-width: 1600px) { .slide-content .social-icon, .mobile-slide-content .social-icon { height: 56px; width: 56px; } } @media (min-width: 1920px) { .slide-content .social-icon, .mobile-slide-content .social-icon { height: 76px; width: 76px; } } .slide-content .feature-vid-trigger.promo-cta-xsmall, .mobile-slide-content .feature-vid-trigger.promo-cta-xsmall, .slide-content .feature-vid-trigger-dark.promo-cta-xsmall, .mobile-slide-content .feature-vid-trigger-dark.promo-cta-xsmall, .slide-content .link-trigger.promo-cta-xsmall, .mobile-slide-content .link-trigger.promo-cta-xsmall, .slide-content .link-trigger-dark.promo-cta-xsmall, .mobile-slide-content .link-trigger-dark.promo-cta-xsmall, .slide-content .download-trigger.promo-cta-xsmall, .mobile-slide-content .download-trigger.promo-cta-xsmall, .slide-content .download-trigger-dark.promo-cta-xsmall, .mobile-slide-content .download-trigger-dark.promo-cta-xsmall, .slide-content .info-trigger.promo-cta-xsmall, .mobile-slide-content .info-trigger.promo-cta-xsmall, .slide-content .info-trigger-dark.promo-cta-xsmall, .mobile-slide-content .info-trigger-dark.promo-cta-xsmall { font-size: 22px; line-height: 23px; padding-left: 28px; } .slide-content .feature-vid-trigger.promo-cta-xsmall:before, .mobile-slide-content .feature-vid-trigger.promo-cta-xsmall:before, .slide-content .feature-vid-trigger-dark.promo-cta-xsmall:before, .mobile-slide-content .feature-vid-trigger-dark.promo-cta-xsmall:before, .slide-content .link-trigger.promo-cta-xsmall:before, .mobile-slide-content .link-trigger.promo-cta-xsmall:before, .slide-content .link-trigger-dark.promo-cta-xsmall:before, .mobile-slide-content .link-trigger-dark.promo-cta-xsmall:before, .slide-content .download-trigger.promo-cta-xsmall:before, .mobile-slide-content .download-trigger.promo-cta-xsmall:before, .slide-content .download-trigger-dark.promo-cta-xsmall:before, .mobile-slide-content .download-trigger-dark.promo-cta-xsmall:before, .slide-content .info-trigger.promo-cta-xsmall:before, .mobile-slide-content .info-trigger.promo-cta-xsmall:before, .slide-content .info-trigger-dark.promo-cta-xsmall:before, .mobile-slide-content .info-trigger-dark.promo-cta-xsmall:before { background-position: -212px -632px; height: 21px; width: 21px; } .slide-content .feature-vid-trigger.promo-cta-small, .mobile-slide-content .feature-vid-trigger.promo-cta-small, .slide-content .feature-vid-trigger-dark.promo-cta-small, .mobile-slide-content .feature-vid-trigger-dark.promo-cta-small, .slide-content .link-trigger.promo-cta-small, .mobile-slide-content .link-trigger.promo-cta-small, .slide-content .link-trigger-dark.promo-cta-small, .mobile-slide-content .link-trigger-dark.promo-cta-small, .slide-content .download-trigger.promo-cta-small, .mobile-slide-content .download-trigger.promo-cta-small, .slide-content .download-trigger-dark.promo-cta-small, .mobile-slide-content .download-trigger-dark.promo-cta-small, .slide-content .info-trigger.promo-cta-small, .mobile-slide-content .info-trigger.promo-cta-small, .slide-content .info-trigger-dark.promo-cta-small, .mobile-slide-content .info-trigger-dark.promo-cta-small { font-size: 26px; line-height: 27px; padding-left: 30px; } .slide-content .feature-vid-trigger.promo-cta-small:before, .mobile-slide-content .feature-vid-trigger.promo-cta-small:before, .slide-content .feature-vid-trigger-dark.promo-cta-small:before, .mobile-slide-content .feature-vid-trigger-dark.promo-cta-small:before, .slide-content .link-trigger.promo-cta-small:before, .mobile-slide-content .link-trigger.promo-cta-small:before, .slide-content .link-trigger-dark.promo-cta-small:before, .mobile-slide-content .link-trigger-dark.promo-cta-small:before, .slide-content .download-trigger.promo-cta-small:before, .mobile-slide-content .download-trigger.promo-cta-small:before, .slide-content .download-trigger-dark.promo-cta-small:before, .mobile-slide-content .download-trigger-dark.promo-cta-small:before, .slide-content .info-trigger.promo-cta-small:before, .mobile-slide-content .info-trigger.promo-cta-small:before, .slide-content .info-trigger-dark.promo-cta-small:before, .mobile-slide-content .info-trigger-dark.promo-cta-small:before { background-position: -160px -630px; height: 24px; width: 24px; } .slide-content .feature-vid-trigger.promo-cta-medium, .mobile-slide-content .feature-vid-trigger.promo-cta-medium, .slide-content .feature-vid-trigger-dark.promo-cta-medium, .mobile-slide-content .feature-vid-trigger-dark.promo-cta-medium, .slide-content .link-trigger.promo-cta-medium, .mobile-slide-content .link-trigger.promo-cta-medium, .slide-content .link-trigger-dark.promo-cta-medium, .mobile-slide-content .link-trigger-dark.promo-cta-medium, .slide-content .download-trigger.promo-cta-medium, .mobile-slide-content .download-trigger.promo-cta-medium, .slide-content .download-trigger-dark.promo-cta-medium, .mobile-slide-content .download-trigger-dark.promo-cta-medium, .slide-content .info-trigger.promo-cta-medium, .mobile-slide-content .info-trigger.promo-cta-medium, .slide-content .info-trigger-dark.promo-cta-medium, .mobile-slide-content .info-trigger-dark.promo-cta-medium { font-size: 28px; line-height: 29px; padding-left: 33px; } .slide-content .feature-vid-trigger.promo-cta-medium:before, .mobile-slide-content .feature-vid-trigger.promo-cta-medium:before, .slide-content .feature-vid-trigger-dark.promo-cta-medium:before, .mobile-slide-content .feature-vid-trigger-dark.promo-cta-medium:before, .slide-content .link-trigger.promo-cta-medium:before, .mobile-slide-content .link-trigger.promo-cta-medium:before, .slide-content .link-trigger-dark.promo-cta-medium:before, .mobile-slide-content .link-trigger-dark.promo-cta-medium:before, .slide-content .download-trigger.promo-cta-medium:before, .mobile-slide-content .download-trigger.promo-cta-medium:before, .slide-content .download-trigger-dark.promo-cta-medium:before, .mobile-slide-content .download-trigger-dark.promo-cta-medium:before, .slide-content .info-trigger.promo-cta-medium:before, .mobile-slide-content .info-trigger.promo-cta-medium:before, .slide-content .info-trigger-dark.promo-cta-medium:before, .mobile-slide-content .info-trigger-dark.promo-cta-medium:before { background-position: -106px -629px; height: 27px; width: 28px; } .slide-content .feature-vid-trigger.promo-cta-large, .mobile-slide-content .feature-vid-trigger.promo-cta-large, .slide-content .feature-vid-trigger-dark.promo-cta-large, .mobile-slide-content .feature-vid-trigger-dark.promo-cta-large, .slide-content .link-trigger.promo-cta-large, .mobile-slide-content .link-trigger.promo-cta-large, .slide-content .link-trigger-dark.promo-cta-large, .mobile-slide-content .link-trigger-dark.promo-cta-large, .slide-content .download-trigger.promo-cta-large, .mobile-slide-content .download-trigger.promo-cta-large, .slide-content .download-trigger-dark.promo-cta-large, .mobile-slide-content .download-trigger-dark.promo-cta-large, .slide-content .info-trigger.promo-cta-large, .mobile-slide-content .info-trigger.promo-cta-large, .slide-content .info-trigger-dark.promo-cta-large, .mobile-slide-content .info-trigger-dark.promo-cta-large { font-size: 33px; line-height: 34px; padding-left: 38px; } .slide-content .feature-vid-trigger.promo-cta-large:before, .mobile-slide-content .feature-vid-trigger.promo-cta-large:before, .slide-content .feature-vid-trigger-dark.promo-cta-large:before, .mobile-slide-content .feature-vid-trigger-dark.promo-cta-large:before, .slide-content .link-trigger.promo-cta-large:before, .mobile-slide-content .link-trigger.promo-cta-large:before, .slide-content .link-trigger-dark.promo-cta-large:before, .mobile-slide-content .link-trigger-dark.promo-cta-large:before, .slide-content .download-trigger.promo-cta-large:before, .mobile-slide-content .download-trigger.promo-cta-large:before, .slide-content .download-trigger-dark.promo-cta-large:before, .mobile-slide-content .download-trigger-dark.promo-cta-large:before, .slide-content .info-trigger.promo-cta-large:before, .mobile-slide-content .info-trigger.promo-cta-large:before, .slide-content .info-trigger-dark.promo-cta-large:before, .mobile-slide-content .info-trigger-dark.promo-cta-large:before { background-position: -53px -627px; height: 31px; width: 31px; } .slide-content .feature-vid-trigger.promo-cta-xlarge, .mobile-slide-content .feature-vid-trigger.promo-cta-xlarge, .slide-content .feature-vid-trigger-dark.promo-cta-xlarge, .mobile-slide-content .feature-vid-trigger-dark.promo-cta-xlarge, .slide-content .link-trigger.promo-cta-xlarge, .mobile-slide-content .link-trigger.promo-cta-xlarge, .slide-content .link-trigger-dark.promo-cta-xlarge, .mobile-slide-content .link-trigger-dark.promo-cta-xlarge, .slide-content .download-trigger.promo-cta-xlarge, .mobile-slide-content .download-trigger.promo-cta-xlarge, .slide-content .download-trigger-dark.promo-cta-xlarge, .mobile-slide-content .download-trigger-dark.promo-cta-xlarge, .slide-content .info-trigger.promo-cta-xlarge, .mobile-slide-content .info-trigger.promo-cta-xlarge, .slide-content .info-trigger-dark.promo-cta-xlarge, .mobile-slide-content .info-trigger-dark.promo-cta-xlarge { font-size: 38px; line-height: 39px; padding-left: 40px; } .slide-content .feature-vid-trigger.promo-cta-xlarge:before, .mobile-slide-content .feature-vid-trigger.promo-cta-xlarge:before, .slide-content .feature-vid-trigger-dark.promo-cta-xlarge:before, .mobile-slide-content .feature-vid-trigger-dark.promo-cta-xlarge:before, .slide-content .link-trigger.promo-cta-xlarge:before, .mobile-slide-content .link-trigger.promo-cta-xlarge:before, .slide-content .link-trigger-dark.promo-cta-xlarge:before, .mobile-slide-content .link-trigger-dark.promo-cta-xlarge:before, .slide-content .download-trigger.promo-cta-xlarge:before, .mobile-slide-content .download-trigger.promo-cta-xlarge:before, .slide-content .download-trigger-dark.promo-cta-xlarge:before, .mobile-slide-content .download-trigger-dark.promo-cta-xlarge:before, .slide-content .info-trigger.promo-cta-xlarge:before, .mobile-slide-content .info-trigger.promo-cta-xlarge:before, .slide-content .info-trigger-dark.promo-cta-xlarge:before, .mobile-slide-content .info-trigger-dark.promo-cta-xlarge:before { background-position: 0 -625px; height: 34px; width: 34px; } .slide-content .feature-vid-trigger-dark, .mobile-slide-content .feature-vid-trigger-dark { color: black; } .slide-content .feature-vid-trigger-dark.promo-cta-xsmall:before, .mobile-slide-content .feature-vid-trigger-dark.promo-cta-xsmall:before { background-position: -212px -432px; } .slide-content .feature-vid-trigger-dark.promo-cta-small:before, .mobile-slide-content .feature-vid-trigger-dark.promo-cta-small:before { background-position: -159px -430px; } .slide-content .feature-vid-trigger-dark.promo-cta-medium:before, .mobile-slide-content .feature-vid-trigger-dark.promo-cta-medium:before { background-position: -106px -429px; } .slide-content .feature-vid-trigger-dark.promo-cta-large:before, .mobile-slide-content .feature-vid-trigger-dark.promo-cta-large:before { background-position: -53px -427px; } .slide-content .feature-vid-trigger-dark.promo-cta-xlarge:before, .mobile-slide-content .feature-vid-trigger-dark.promo-cta-xlarge:before { background-position: 0 -425px; } .slide-content .link-trigger.promo-cta-xsmall:before, .mobile-slide-content .link-trigger.promo-cta-xsmall:before { background-position: -212px -682px; } .slide-content .link-trigger.promo-cta-small:before, .mobile-slide-content .link-trigger.promo-cta-small:before { background-position: -159px -681px; } .slide-content .link-trigger.promo-cta-medium:before, .mobile-slide-content .link-trigger.promo-cta-medium:before { background-position: -106px -679px; } .slide-content .link-trigger.promo-cta-large:before, .mobile-slide-content .link-trigger.promo-cta-large:before { background-position: -53px -677px; } .slide-content .link-trigger.promo-cta-xlarge:before, .mobile-slide-content .link-trigger.promo-cta-xlarge:before { background-position: 0 -675px; } .slide-content .link-trigger-dark, .mobile-slide-content .link-trigger-dark { color: black; } .slide-content .link-trigger-dark.promo-cta-xsmall:before, .mobile-slide-content .link-trigger-dark.promo-cta-xsmall:before { background-position: -211px -482px; } .slide-content .link-trigger-dark.promo-cta-small:before, .mobile-slide-content .link-trigger-dark.promo-cta-small:before { background-position: -159px -481px; } .slide-content .link-trigger-dark.promo-cta-medium:before, .mobile-slide-content .link-trigger-dark.promo-cta-medium:before { background-position: -106px -479px; } .slide-content .link-trigger-dark.promo-cta-large:before, .mobile-slide-content .link-trigger-dark.promo-cta-large:before { background-position: -53px -477px; } .slide-content .link-trigger-dark.promo-cta-xlarge:before, .mobile-slide-content .link-trigger-dark.promo-cta-xlarge:before { background-position: 0 -475px; } .slide-content .download-trigger.promo-cta-xsmall:before, .mobile-slide-content .download-trigger.promo-cta-xsmall:before { background-position: -212px -732px; } .slide-content .download-trigger.promo-cta-small:before, .mobile-slide-content .download-trigger.promo-cta-small:before { background-position: -160px -730px; } .slide-content .download-trigger.promo-cta-medium:before, .mobile-slide-content .download-trigger.promo-cta-medium:before { background-position: -109px -729px; } .slide-content .download-trigger.promo-cta-large:before, .mobile-slide-content .download-trigger.promo-cta-large:before { background-position: -53px -727px; } .slide-content .download-trigger.promo-cta-xlarge:before, .mobile-slide-content .download-trigger.promo-cta-xlarge:before { background-position: -1px -725px; } .slide-content .download-trigger-dark, .mobile-slide-content .download-trigger-dark { color: black; } .slide-content .download-trigger-dark.promo-cta-xsmall:before, .mobile-slide-content .download-trigger-dark.promo-cta-xsmall:before { background-position: -212px -532px; } .slide-content .download-trigger-dark.promo-cta-small:before, .mobile-slide-content .download-trigger-dark.promo-cta-small:before { background-position: -158px -530px; } .slide-content .download-trigger-dark.promo-cta-medium:before, .mobile-slide-content .download-trigger-dark.promo-cta-medium:before { background-position: -106px -529px; } .slide-content .download-trigger-dark.promo-cta-large:before, .mobile-slide-content .download-trigger-dark.promo-cta-large:before { background-position: -53px -527px; } .slide-content .download-trigger-dark.promo-cta-xlarge:before, .mobile-slide-content .download-trigger-dark.promo-cta-xlarge:before { background-position: 0 -525px; } .slide-content .info-trigger.promo-cta-xsmall:before, .mobile-slide-content .info-trigger.promo-cta-xsmall:before { background-position: -212px -781px; } .slide-content .info-trigger.promo-cta-small:before, .mobile-slide-content .info-trigger.promo-cta-small:before { background-position: -159px -780px; width: 25px; } .slide-content .info-trigger.promo-cta-medium:before, .mobile-slide-content .info-trigger.promo-cta-medium:before { background-position: -106px -778px; height: 27px; } .slide-content .info-trigger.promo-cta-large:before, .mobile-slide-content .info-trigger.promo-cta-large:before { background-position: -53px -776px; height: 32px; } .slide-content .info-trigger.promo-cta-xlarge:before, .mobile-slide-content .info-trigger.promo-cta-xlarge:before { background-position: 0 -775px; width: 35px; } .slide-content .info-trigger-dark, .mobile-slide-content .info-trigger-dark { color: black; } .slide-content .info-trigger-dark.promo-cta-xsmall:before, .mobile-slide-content .info-trigger-dark.promo-cta-xsmall:before { background-position: -211px -581px; height: 22px; width: 22px; } .slide-content .info-trigger-dark.promo-cta-small:before, .mobile-slide-content .info-trigger-dark.promo-cta-small:before { background-position: -159px -580px; height: 25px; width: 25px; } .slide-content .info-trigger-dark.promo-cta-medium:before, .mobile-slide-content .info-trigger-dark.promo-cta-medium:before { background-position: -106px -578px; height: 28px; } .slide-content .info-trigger-dark.promo-cta-large:before, .mobile-slide-content .info-trigger-dark.promo-cta-large:before { background-position: -53px -576px; height: 32px; } .slide-content .info-trigger-dark.promo-cta-xlarge:before, .mobile-slide-content .info-trigger-dark.promo-cta-xlarge:before { background-position: 0 -575px; height: 35px; width: 35px; } .headroom { -webkit-transition: transform 200ms linear; -moz-transition: transform 200ms linear; -ms-transition: transform 200ms linear; transition: transform 200ms linear; } .headroom--pinned { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .headroom--unpinned { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } /** * Styles (as Less) for Starz Photo Gallery. * * Note that we're using the prefix "spg" for namespacing here. */ .spg-title-block { height: 36px; margin-top: 120px; position: relative; } .spg-title-block.mobile-context { margin-top: 62px; } .spg-title-block .originals-page-title { color: white; font-size: 22px; left: 15px; top: 0; } @media screen and (min-width: 640px) { .spg-title-block { height: 78px; margin-top: 160px; } .spg-title-block .originals-page-title { font-size: 55px; left: 64px; } } .spg-detail-wrap { min-height: 120px; } .spg-detail-title { font-size: 20px; font-weight: 200; line-height: 1; margin: 10px 0 0; } .windows .spg-detail-title, .safari .spg-detail-title { font-weight: 300; } @media screen and (min-width: 640px) { .spg-detail-title { font-size: 45px; margin: 20px 0 10px; } } .spg-detail-body { font-size: 12px; line-height: 1.75; } .spg-wrapper { margin: 0px 10px; padding-top: 150px; } .spg-wrapper.mobile-context { padding-top: 64px; } @media screen and (min-width: 640px) { .spg-wrapper { margin: 0 25px 0 31px; } } .spg-thumb-wrapper { width: 100%; } .spg-thumb { display: block; height: auto; width: 100%; } .spg-item { cursor: pointer; margin-bottom: 10px; max-width: 620px; min-height: 200px; position: relative; width: 100%; } @media screen and (min-width: 640px) { .spg-item { max-width: 420px; width: 32%; } } .spg-detail-nav { width: 100%; } .spg-arrow { background-color: transparent; border: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radious: 4px; border-radius: 4px; cursor: pointer; height: 50px; margin-top: -20px; position: absolute; top: 50%; width: 36px; z-index: 1046; } .spg-arrow:hover { background-color: rgba(255, 255, 255, 0.3); } .spg-arrow.spg-arrow-left { left: 5px; } @media screen and (min-width: 640px) { .spg-arrow.spg-arrow-left { left: 20px; } } .spg-arrow.spg-arrow-left:before { background: url('/Content/img/carousel/sz-carousel-sprite.png') no-repeat 0 0; background-size: 300px 1000px; background-position: 6px -100px; content: ''; display: block; height: 40px; left: 2px; position: absolute; top: 5px; width: 26px; } .spg-arrow.spg-arrow-right { right: 5px; } @media screen and (min-width: 640px) { .spg-arrow.spg-arrow-right { right: 20px; } } .spg-arrow.spg-arrow-right:before { background: url('/Content/img/carousel/sz-carousel-sprite.png') no-repeat 0 0; background-size: 300px 1000px; background-position: 6px -140px; content: ''; display: block; height: 40px; position: absolute; right: 2px; top: 5px; width: 26px; } .orig-page.mfp-zoom-out-cur, .orig-page.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer; } .crew-outer-wrapper { margin-left: 10px; padding-top: 110px; width: 300px; } @media (min-width: 600px) { .crew-outer-wrapper { margin-left: 0; width: 600px; } } @media (min-width: 800px) { .crew-outer-wrapper { padding-top: 146px; width: 800px; } } @media (min-width: 1260px) { .crew-outer-wrapper { margin-left: -8px; width: 1260px; } } @media (min-width: 1920px) { .crew-outer-wrapper { margin-left: -37px; width: 1920px; } } .crew-name { font-size: 24px; font-weight: 200; letter-spacing: 1px; line-height: 1; margin: 0 0 10px; } .windows .crew-name, .safari .crew-name { font-weight: 300; } @media (min-width: 800px) { .crew-name { font-size: 30px; } } @media (min-width: 1260px) { .crew-name { font-size: 36px; } } .crew-titles { font-size: 11px; line-height: 1.2; text-transform: uppercase; } @media (min-width: 800px) { .crew-titles { font-size: 14px; } } .sz-grid { clear: both; list-style: none; margin: 0 auto; padding: 20px 0; position: relative; width: 100%; } .sz-grid li { display: block; height: 90px; margin: 10px 0 0; text-align: left; vertical-align: top; } @media (min-width: 600px) { .sz-grid li { display: inline-block; margin: 10px 20px 0; width: 260px; } } @media (min-width: 800px) { .sz-grid li { width: 360px; } } @media (min-width: 1260px) { .sz-grid li { height: 120px; margin: 10px 30px 0; } } @media (min-width: 1920px) { .sz-grid li { margin: 10px 60px 0; } } .sz-grid li > a { border: none; color: white; display: block; height: 90px; outline: none; position: relative; } @media (min-width: 1260px) { .sz-grid li > a { height: 120px; } } .sz-grid li.sz-expanded > a::after { border: solid transparent; border-bottom-color: rgba(255, 255, 255, 0.25); border-width: 0 16px 10px 16px; bottom: 0; content: " "; height: 0; left: 25%; margin-top: 10px; pointer-events: none; position: absolute; top: auto; width: 0; } @media (min-width: 1260px) { .sz-grid li.sz-expanded > a::after { border-width: 0 35px 20px 35px; } } .sz-expander { background: rgba(255, 255, 255, 0.25); border-radius: 7px; height: 0; left: 0; margin: 0; overflow-y: auto; position: absolute; right: 0; text-align: left; top: auto; } @media (min-width: 600px) { .sz-expander { margin: 0 20px; } } @media (min-width: 1260px) { .sz-expander { margin: 0 30px; } } @media (min-width: 1920px) { .sz-expander { margin: 0 75px; } } .sz-expander-inner { padding: 14px 16px 16px; } @media (min-width: 800px) { .sz-expander-inner { padding: 28px 32px 32px; } } .sz-close { cursor: pointer; height: 30px; position: absolute; right: 15px; top: 10px; width: 30px; z-index: 1; } @media (min-width: 800px) { .sz-close { right: 20px; } } .sz-close::before, .sz-close::after { content: ''; position: absolute; width: 100%; top: 50%; height: 4px; background: #cbcbcb; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .sz-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .sz-close:hover::before, .sz-close:hover::after { background: white; } .sz-expander-details { height: 100%; overflow: hidden; position: relative; width: 100%; } .sz-expander-details h2 { font-size: 30px; font-weight: 100; letter-spacing: 1px; margin: 0 40px 10px 0; } .windows .sz-expander-details h2, .safari .sz-expander-details h2 { font-weight: 300; } @media (min-width: 800px) { .sz-expander-details h2 { font-size: 36px; margin-bottom: 20px; } } @media (min-width: 1260px) { .sz-expander-details h2 { font-size: 42px; margin-bottom: 30px; } } .sz-expander-details p { font-size: 12px; font-weight: 200; letter-spacing: 1px; line-height: 1.6; margin-bottom: 0; } .windows .sz-expander-details p, .safari .sz-expander-details p { font-weight: 300; } @media (min-width: 800px) { .sz-expander-details p { font-size: 14px; } } @media (min-width: 1260px) { .sz-expander-details p { font-size: 16px; } } /** * Styles for "more" view. * * Classes etc use namespace/prefix "smore". */ .smore-wrapper { padding: 102px 30px 25px; } .smore-wrapper, .smore-wrapper * { box-sizing: border-box; } @media only screen and (min-width: 641px) { .smore-wrapper { padding: 160px 0 25px; } } .smore-title-block { height: 36px; position: relative; } .smore-title-block .originals-page-title { color: white; font-size: 22px; left: 0; top: 0; } @media screen and (min-width: 641px) { .smore-title-block { height: 78px; } .smore-title-block .originals-page-title { font-size: 55px; left: 64px; } } .smore { margin: 0 0 0 0; width: 100%; } .smore-items { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; } .smore-items:before, .smore-items:after { content: ' '; display: table; } .smore-items:after { clear: both; } @media only screen and (min-width: 641px) { .smore-items { margin-left: 41px; } } .smore-item { display: block; float: left; margin: 0 0 22px; max-width: 249px; padding: 0 0 0 0; width: 45%; } .smore-item.smore-item-odd { margin-right: 10%; } @media only screen and (min-width: 641px) { .smore-item { width: 249px; } .smore-item.smore-item-even, .smore-item.smore-item-odd { margin-left: 0; margin-right: 41px; } } .smore-item-img-wrapper { margin-bottom: 8px; } .smore-item-img-wrapper img { border: 1px solid rgba(255, 255, 255, 0.5); width: 100%; } .smore-item-label { color: white; font-weight: 100; font-size: 14px; line-height: 1.1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .windows .smore-item-label, .safari .smore-item-label { font-weight: 300; } @media only screen and (min-width: 641px) { .smore-item-label { font-size: 20px; } } .smore-modal-logo { display: none; left: 10px; position: absolute; top: 14px; } .smore-modal-logo a:after { color: white; content: '\e006'; font-size: 34px; line-height: 1.1; } @media only screen and (min-width: 641px) { .smore-modal-logo { display: block; } } .smore-modal-wrapper { color: white; margin: 0 10px; } @media only screen and (min-width: 641px) { .smore-modal-wrapper { margin: 0 50px; } } .smore-modal-wrapper button.mfp-close { position: fixed; right: 30px; top: 14px; } .smore-modal-title { color: white; display: block; font-size: 22px; font-weight: 100; } @media only screen and (min-width: 641px) { .smore-modal-title { display: none; } } .smore-modal-content { float: right; } @media only screen and (max-width: 641px) { .smore-modal-content { margin-top: 75px; } } .smore-arrow { display: none; } /* START STARZCOMII-2684 & 2685*/ .more-deep-logo [data-logo] { margin-top: 34px; margin-left: 24px; } .more-deep-logo a:after { color: white; content: '\e006'; font-size: 46px; line-height: 1.1; } .more-deep-close { float: right; margin-right: 28px; margin-top: 24px; color: rgba(255, 255, 255, 0.8); font-size: 52px; } .more-deep-mobile-close { cursor: pointer; height: 44px; position: absolute; top: 0; color: white; width: 44px; line-height: .9; } .more-deep-mobile-close > a { color: white; font-size: 44px; margin-left: 8px; font-family: Helvetica Neu; } .more-deep-title { color: white; margin-left: 30px; margin-top: 50px; font-size: 32px; font-weight: 100; } @media only screen and (max-width: 641px) { .more-deep-title { margin-left: 2.5%; } } .nocontent { font-size: 22pt; font-weight: 100; margin-left: 30px; } .more-deep-group { width: 95%; padding: 10px; margin-top: 20px; margin-bottom: 30px; } @media only screen and (min-width: 641px) { .more-deep-group > h1 { font-size: 22pt; font-weight: 100; margin-left: 30px; } } @media only screen and (max-width: 641px) { .more-deep-group > h1 { font-size: 22pt; font-weight: 100; } } .more-deep-group > div { font-size: 26px; } @media only screen and (max-width: 641px) { .more-deep-group > div { font-size: 20px; } } @media only screen and (min-width: 641px) { .more-deep-object { text-align: left; margin: 30px; color: rgba(255, 255, 255, 0.7); font-weight: 100; display: inline-table; word-wrap: break-word; } } @media only screen and (max-width: 641px) { .more-deep-object { text-align: left; margin-top: 20px; color: rgba(255, 255, 255, 0.7); font-weight: 100; display: inline-table; word-wrap: break-word; } } .more-deep-object > img { border: 1px solid rgba(255, 255, 255, 0.5); } @media only screen and (max-width: 641px) { .more-deep-object > img { width: 100%; } } .more-deep-object > div { padding-top: 5px; font-size: 14px; color: rgba(255, 255, 255, 0.7); font-weight: 100; width: 350px; word-wrap: break-word; } @media only screen and (max-width: 641px) { .more-deep-object > div { padding-top: 5px; font-size: 14px; color: rgba(255, 255, 255, 0.7); font-weight: 100; width: 100%; word-wrap: break-word; } } .windows .more-deep-object > div, .safari .more-deep-object > div { font-weight: 300; } .more-deep-object a { padding-right: 15px; color: white; font-weight: 100; cursor: pointer; } @media only screen and (max-width: 641px) { .more-deep-object a { font-size: 14px; } } @media only screen and (min-width: 641px) { .more-deep-object a { font-size: 16px; } } .more-deep-object aa:hover { color: orange; } .windows .more-deep-object a, .safari .more-deep-object a { font-weight: 300; } /* END STARZCOMII-2684 & 2685*/ @-webkit-keyframes bubble-01 { 50% { -webkit-transform: scale(1); } } @-moz-keyframes bubble-01 { 50% { -moz-transform: scale(1); } } @keyframes bubble-01 { 50% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-webkit-keyframes bubble-02 { 60% { -webkit-transform: scale(1.2); } } @-moz-keyframes bubble-02 { 60% { -moz-transform: scale(1.2); } } @keyframes bubble-02 { 60% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes shift-01 { 30% { -webkit-transform-origin: 20% 150%; } 40% { opacity: 0.5; } } @-moz-keyframes shift-01 { 30% { -moz-transform-origin: 20% 150%; } 40% { opacity: 0.5; } } @keyframes shift-01 { 30% { -webkit-transform-origin: 20% 150%; -moz-transform-origin: 20% 150%; -ms-transform-origin: 20% 150%; -o-transform-origin: 20% 150%; transform-origin: 20% 150%; } 40% { opacity: 0.5; } } @-webkit-keyframes shift-02 { 30% { -webkit-transform-origin: -20% -150%; } 60% { opacity: 0.5; } } @-moz-keyframes shift-02 { 30% { -moz-transform-origin: -20% -150%; } 60% { opacity: 0.5; } } @keyframes shift-02 { 30% { -webkit-transform-origin: -20% -150%; -moz-transform-origin: -20% -150%; -ms-transform-origin: -20% -150%; -o-transform-origin: -20% -150%; transform-origin: -20% -150%; } 60% { opacity: 0.5; } } @-webkit-keyframes shift-03 { 30% { -webkit-transform-origin: 50% 75%; } 50% { opacity: 0.5; } } @-moz-keyframes shift-03 { 30% { -moz-transform-origin: 50% 75%; } 50% { opacity: 0.5; } } @keyframes shift-03 { 30% { -webkit-transform-origin: 50% 75%; -moz-transform-origin: 50% 75%; -ms-transform-origin: 50% 75%; -o-transform-origin: 50% 75%; transform-origin: 50% 75%; } 50% { opacity: 0.5; } } @-webkit-keyframes shift-04 { 30% { -webkit-transform-origin: -75% 60%; } 50% { opacity: 0.5; } } @-moz-keyframes shift-04 { 30% { -moz-transform-origin: -75% 60%; } 50% { opacity: 0.5; } } @keyframes shift-04 { 30% { -webkit-transform-origin: -75% 60%; -moz-transform-origin: -75% 60%; -ms-transform-origin: -75% 60%; -o-transform-origin: -75% 60%; transform-origin: -75% 60%; } 50% { opacity: 0.5; } } @-webkit-keyframes descend { 30% { -webkit-transform-origin: 25% 15%; -webkit-transform: rotate(-90deg); } } @-moz-keyframes descend { 30% { -moz-transform-origin: 25% 15%; -moz-transform: rotate(-90deg); } } @keyframes descend { 30% { -webkit-transform-origin: 25% 15%; -moz-transform-origin: 25% 15%; -ms-transform-origin: 25% 15%; -o-transform-origin: 25% 15%; transform-origin: 25% 15%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } } @-webkit-keyframes ascend { 30% { -webkit-transform-origin: 15% -30%; } 50% { -webkit-transform: rotate(80deg); } } @-moz-keyframes ascend { 30% { -moz-transform-origin: 15% -30%; } 50% { -moz-transform: rotate(80deg); } } @keyframes ascend { 30% { -webkit-transform-origin: 15% -30%; -moz-transform-origin: 15% -30%; -ms-transform-origin: 15% -30%; -o-transform-origin: 15% -30%; transform-origin: 15% -30%; } 50% { -webkit-transform: rotate(80deg); -moz-transform: rotate(80deg); -ms-transform: rotate(80deg); -o-transform: rotate(80deg); transform: rotate(80deg); } } starz-loading-bokeh { height: 100%; position: relative; width: 100%; z-index: 0; } starz-loading-bokeh.infront { z-index: 1; } .bokeh-stage { -webkit-transition: opacity 2s 2s; -moz-transition: opacity 2s 2s; transition: opacity 2s 2s; height: 0; left: -100%; opacity: 0; position: absolute; top: -100%; width: 0; } .bokeh-stage .bokehs-1, .bokeh-stage .bokehs-2 { display: none; height: 50%; position: absolute; width: 50%; } .bokeh-stage.active { background: #070506; height: 100%; left: 0; opacity: 1; position: fixed; top: 0; width: 100%; z-index: -1; } .bokeh-stage.active .bokehs-1, .bokeh-stage.active .bokehs-2 { display: block; } .bokehs-1 { -webkit-animation: descend 30s linear infinite; -moz-animation: descend 30s linear infinite; animation: descend 30s linear infinite; left: 55%; top: 5%; } .bokehs-2 { -webkit-animation: ascend 45s linear infinite; -moz-animation: ascend 45s linear infinite; animation: ascend 45s linear infinite; top: 60%; left: 25%; } .bokeh-1 { -webkit-animation: bubble-01 10s linear infinite, shift-01 5s linear infinite; -moz-animation: bubble-01 10s linear infinite, shift-01 5s linear infinite; animation: bubble-01 10s linear infinite, shift-01 5s linear infinite; background-color: white; background-image: -webkit-radial-gradient(white, #070506); background-image: radial-gradient(white, #070506); -webkit-filter: blur(10px); filter: blur(10px); border: 2px solid white; border-radius: 50%; display: block; height: 80px; position: absolute; opacity: 0; width: 80px; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); left: 20%; top: 20%; } .bokeh-2 { -webkit-animation: bubble-01 3s 2s linear infinite, shift-03 4s 3s linear infinite; -moz-animation: bubble-01 3s 2s linear infinite, shift-03 4s 3s linear infinite; animation: bubble-01 3s 2s linear infinite, shift-03 4s 3s linear infinite; background-color: #4e2105; background-image: -webkit-radial-gradient(#4e2105, #070506); background-image: radial-gradient(#4e2105, #070506); -webkit-filter: blur(8px); filter: blur(8px); border: 2px solid #662b07; border-radius: 50%; display: block; height: 50px; position: absolute; opacity: 0; width: 50px; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); left: 10%; top: 10%; } .bokeh-3 { -webkit-animation: bubble-01 5s 4s linear infinite, shift-02 3s 2s linear infinite; -moz-animation: bubble-01 5s 4s linear infinite, shift-02 3s 2s linear infinite; animation: bubble-01 5s 4s linear infinite, shift-02 3s 2s linear infinite; background-color: #889598; background-image: -webkit-radial-gradient(#889598, #070506); background-image: radial-gradient(#889598, #070506); -webkit-filter: blur(8px); filter: blur(8px); border: 2px solid #96a1a4; border-radius: 50%; display: block; height: 70px; position: absolute; opacity: 0; width: 70px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); left: 15%; top: 15%; } .bokeh-4 { -webkit-animation: bubble-01 4.5s 2s linear infinite, shift-03 3.5s 2.5s linear infinite; -moz-animation: bubble-01 4.5s 2s linear infinite, shift-03 3.5s 2.5s linear infinite; animation: bubble-01 4.5s 2s linear infinite, shift-03 3.5s 2.5s linear infinite; background-color: #889598; background-image: -webkit-radial-gradient(#889598, #070506); background-image: radial-gradient(#889598, #070506); -webkit-filter: blur(9px); filter: blur(9px); border: 2px solid #96a1a4; border-radius: 50%; display: block; height: 70px; position: absolute; opacity: 0; width: 70px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); left: 10%; top: 5%; } .bokeh-5 { -webkit-animation: bubble-01 3.75s 2s linear infinite, shift-02 4s 2s linear infinite; -moz-animation: bubble-01 3.75s 2s linear infinite, shift-02 4s 2s linear infinite; animation: bubble-01 3.75s 2s linear infinite, shift-02 4s 2s linear infinite; background-color: #889598; background-image: -webkit-radial-gradient(#889598, #070506); background-image: radial-gradient(#889598, #070506); -webkit-filter: blur(7px); filter: blur(7px); border: 2px solid #96a1a4; border-radius: 50%; display: block; height: 70px; position: absolute; opacity: 0; width: 70px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); left: 15%; top: 15%; } .bokeh-6 { -webkit-animation: bubble-01 3.25s 3s linear infinite, shift-02 3s 2s linear infinite; -moz-animation: bubble-01 3.25s 3s linear infinite, shift-02 3s 2s linear infinite; animation: bubble-01 3.25s 3s linear infinite, shift-02 3s 2s linear infinite; background-color: #c79a93; background-image: -webkit-radial-gradient(#c79a93, #070506); background-image: radial-gradient(#c79a93, #070506); -webkit-filter: blur(9px); filter: blur(9px); border: 2px solid #d0aaa4; border-radius: 50%; display: block; height: 70px; position: absolute; opacity: 0; width: 70px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); left: 15%; top: 18%; } .bokeh-7 { -webkit-animation: bubble-01 5.5s 2.5s linear infinite, shift-01 4.25s 2s linear infinite; -moz-animation: bubble-01 5.5s 2.5s linear infinite, shift-01 4.25s 2s linear infinite; animation: bubble-01 5.5s 2.5s linear infinite, shift-01 4.25s 2s linear infinite; background-color: #e8b682; background-image: -webkit-radial-gradient(#e8b682, #070506); background-image: radial-gradient(#e8b682, #070506); -webkit-filter: blur(8px); filter: blur(8px); border: 2px solid #ecc398; border-radius: 50%; display: block; height: 55px; position: absolute; opacity: 0; width: 55px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); left: 13%; top: 18%; } .bokeh-8 { -webkit-animation: bubble-01 3.75s 2s linear infinite, shift-03 5s 2s linear infinite; -moz-animation: bubble-01 3.75s 2s linear infinite, shift-03 5s 2s linear infinite; animation: bubble-01 3.75s 2s linear infinite, shift-03 5s 2s linear infinite; background-color: #a0cdc2; background-image: -webkit-radial-gradient(#a0cdc2, #070506); background-image: radial-gradient(#a0cdc2, #070506); -webkit-filter: blur(8px); filter: blur(8px); border: 2px solid #b1d6cd; border-radius: 50%; display: block; height: 40px; position: absolute; opacity: 0; width: 40px; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); left: 13%; top: 5%; } .bokeh-9 { -webkit-animation: bubble-01 2.5s 3s linear infinite, shift-04 4.25s 4s linear infinite; -moz-animation: bubble-01 2.5s 3s linear infinite, shift-04 4.25s 4s linear infinite; animation: bubble-01 2.5s 3s linear infinite, shift-04 4.25s 4s linear infinite; background-color: #a0cdc2; background-image: -webkit-radial-gradient(#a0cdc2, #070506); background-image: radial-gradient(#a0cdc2, #070506); -webkit-filter: blur(7px); filter: blur(7px); border: 2px solid #b1d6cd; border-radius: 50%; display: block; height: 60px; position: absolute; opacity: 0; width: 60px; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); left: 30%; top: 15%; } .bokeh-10 { -webkit-animation: bubble-02 3s 3s linear infinite, shift-03 2s 2s linear infinite; -moz-animation: bubble-02 3s 3s linear infinite, shift-03 2s 2s linear infinite; animation: bubble-02 3s 3s linear infinite, shift-03 2s 2s linear infinite; background-color: #4e2105; background-image: -webkit-radial-gradient(#4e2105, #070506); background-image: radial-gradient(#4e2105, #070506); -webkit-filter: blur(6px); filter: blur(6px); border: 2px solid #662b07; border-radius: 50%; display: block; height: 70px; position: absolute; opacity: 0; width: 70px; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); left: 13%; top: 5%; } .bokeh-11 { -webkit-animation: bubble-01 5.75s 2.5s linear infinite, shift-01 2.65s 2s linear infinite; -moz-animation: bubble-01 5.75s 2.5s linear infinite, shift-01 2.65s 2s linear infinite; animation: bubble-01 5.75s 2.5s linear infinite, shift-01 2.65s 2s linear infinite; background-color: #e8b682; background-image: -webkit-radial-gradient(#e8b682, #070506); background-image: radial-gradient(#e8b682, #070506); -webkit-filter: blur(7px); filter: blur(7px); border: 2px solid #ecc398; border-radius: 50%; display: block; height: 63px; position: absolute; opacity: 0; width: 63px; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); left: 13%; top: 5%; } .bokeh-12 { -webkit-animation: bubble-01 3.5s 1s linear infinite, shift-02 3s 2s linear infinite; -moz-animation: bubble-01 3.5s 1s linear infinite, shift-02 3s 2s linear infinite; animation: bubble-01 3.5s 1s linear infinite, shift-02 3s 2s linear infinite; background-color: #c79a93; background-image: -webkit-radial-gradient(#c79a93, #070506); background-image: radial-gradient(#c79a93, #070506); -webkit-filter: blur(7px); filter: blur(7px); border: 2px solid #d0aaa4; border-radius: 50%; display: block; height: 50px; position: absolute; opacity: 0; width: 50px; -webkit-transform: scale(0.45); -moz-transform: scale(0.45); -ms-transform: scale(0.45); -o-transform: scale(0.45); transform: scale(0.45); left: 13%; top: 5%; } .bokeh-13 { -webkit-animation: bubble-02 3.5s 0.5s linear infinite, shift-04 4s 3s linear infinite; -moz-animation: bubble-02 3.5s 0.5s linear infinite, shift-04 4s 3s linear infinite; animation: bubble-02 3.5s 0.5s linear infinite, shift-04 4s 3s linear infinite; background-color: #070506; background-image: -webkit-radial-gradient(#070506, #070506); background-image: radial-gradient(#070506, #070506); -webkit-filter: blur(7px); filter: blur(7px); border: 2px solid #161013; border-radius: 50%; display: block; height: 55px; position: absolute; opacity: 0; width: 55px; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); left: 13%; top: 5%; } .bokeh-14 { -webkit-animation: bubble-02 3s 4s linear infinite, shift-01 6.5s 2s linear infinite; -moz-animation: bubble-02 3s 4s linear infinite, shift-01 6.5s 2s linear infinite; animation: bubble-02 3s 4s linear infinite, shift-01 6.5s 2s linear infinite; background-color: #c79a93; background-image: -webkit-radial-gradient(#c79a93, #070506); background-image: radial-gradient(#c79a93, #070506); -webkit-filter: blur(8px); filter: blur(8px); border: 2px solid #d0aaa4; border-radius: 50%; display: block; height: 60px; position: absolute; opacity: 0; width: 60px; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); left: 13%; top: 5%; } .bokeh-15 { -webkit-animation: shift-04 5s 5s linear infinite; -moz-animation: shift-04 5s 5s linear infinite; animation: shift-04 5s 5s linear infinite; background-color: #889598; background-image: -webkit-radial-gradient(#889598, #070506); background-image: radial-gradient(#889598, #070506); -webkit-filter: blur(10px); filter: blur(10px); border: 2px solid #96a1a4; border-radius: 50%; display: block; height: 80px; position: absolute; opacity: 0; width: 80px; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); left: 13%; top: 5%; } .feature-vid-trigger { cursor: pointer; } .feature-vid-wrapper { background-color: rgba(0, 0, 0, 0.8); color: white; display: none; overflow-y: auto; position: absolute; top: 0; width: 100%; z-index: 30; } .no-touch .feature-vid-wrapper:hover .feature-vid-header, .touch .feature-vid-wrapper .feature-vid-header { opacity: 1; } .feature-vid-wrapper.on { display: block; } .feature-vid-header { left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 2; } .feature-vid-header .orig-head-logo { cursor: pointer; display: none; } .feature-vid-header .orig-head-logo:after { color: white !important; } @media (min-width: 640px) { .feature-vid-header { background-color: rgba(0, 0, 0, 0.75); border-bottom: 1px solid #bd5a02; height: 65px; } .feature-vid-header .orig-head-logo { display: block; padding-left: 9px; padding-top: 12px; } } @media (min-width: 1220px) { .feature-vid-header { height: 104px; } .feature-vid-header .orig-head-logo { padding-left: 26px; padding-top: 29px; } } .feature-vid-player-title-wrapper { display: none; text-align: center; } .feature-vid-player-title-wrapper .feature-vid-player-title { font-weight: 100; } .windows .feature-vid-player-title-wrapper .feature-vid-player-title, .safari .feature-vid-player-title-wrapper .feature-vid-player-title { font-weight: 300; } @media (min-width: 768px) { .feature-vid-player-title-wrapper .feature-vid-player-title { font-size: 28px; overflow: hidden; white-space: nowrap; width: 100%; text-overflow: ellipsis; } } @media (min-width: 1220px) { .feature-vid-player-title-wrapper .feature-vid-player-title { font-size: 41px; } } @media (min-width: 768px) { .feature-vid-player-title-wrapper { display: block; margin: 24px 0 0; padding: 0 165px; } } @media (min-width: 1220px) { .feature-vid-player-title-wrapper { margin: 29px 0 0; } } .feature-vid-close { cursor: pointer; font-size: 0; height: 30px; position: absolute; right: 10px; top: 10px; width: 30px; z-index: 1; } @media (min-width: 640px) { .feature-vid-close { right: 15px; top: 15px; } } @media (min-width: 1220px) { .feature-vid-close { right: 30px; top: 34px; } } .feature-vid-close:before, .feature-vid-close:after { content: ''; position: absolute; width: 100%; top: 50%; height: 4px; background: #cbcbcb; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .feature-vid-close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .feature-vid-close:hover::before, .feature-vid-close:hover::after { background: white; } .featured-vid-footer { position: relative; text-align: center; } .feature-vid-close-mobile { cursor: pointer; display: inline-block; padding: 5px; } .age-verify-wrapper { margin: 20% auto; max-width: 850px; padding: 0 10px; text-align: center; position: relative; z-index: 2; } .age-verify-wrapper p { margin: .5em; } .age-verify-wrapper, .age-verify-wrapper p { color: white; font-size: 18px; font-weight: 200; } .windows .age-verify-wrapper, .windows .age-verify-wrapper p, .safari .age-verify-wrapper, .safari .age-verify-wrapper p { font-weight: 300; } .age-verify-wrapper .age-verify-secondary-message { margin-bottom: .75em; } .age-verify-wrapper .age-verify-secondary-message, .age-verify-wrapper .age-verify-secondary-message p { color: #aaaaaa; font-size: 16px; } .age-verify-wrapper select, .age-verify-wrapper button { border: 0; border-radius: 6px; display: block; font-size: 13px; height: 32px; line-height: 1; margin-bottom: .5em; text-transform: uppercase; width: 100%; } .age-verify-wrapper select { background-color: #efefef; color: #333333; } .age-verify-wrapper button { background-color: #3b3b3b; box-sizing: content-box; color: #aaaaaa; height: 28px; padding-left: 0; padding-right: 0; padding-top: 4px; } @media only screen and (min-width: 100px) { .age-verify-wrapper.age-verify-not-mobile .age-verify-fields-wrapper { min-height: 550px; position: relative; } .age-verify-wrapper.age-verify-not-mobile starz-custom-select { position: relative; } .age-verify-wrapper.age-verify-not-mobile starz-custom-select:nth-of-type(1) { z-index: 110; } .age-verify-wrapper.age-verify-not-mobile starz-custom-select:nth-of-type(2) { z-index: 109; } .age-verify-wrapper.age-verify-not-mobile starz-custom-select:nth-of-type(3) { z-index: 108; } .age-verify-wrapper.age-verify-not-mobile starz-custom-select:nth-of-type(4) { z-index: 107; } .age-verify-wrapper.age-verify-not-mobile starz-custom-select:nth-of-type(5) { z-index: 106; } .age-verify-wrapper.age-verify-not-mobile .age-verify-select { display: inline-block; vertical-align: middle; } .age-verify-wrapper.age-verify-not-mobile .age-verify-select .selected-text { min-width: 0; padding: 0 0 18px 10px; } .age-verify-wrapper.age-verify-not-mobile .age-verify-select.age-verify-select-year .selected-text { min-width: 140px; } .age-verify-wrapper.age-verify-not-mobile .age-verify-select.age-verify-select-month .selected-text { min-width: 180px; } .age-verify-wrapper.age-verify-not-mobile .age-verify-select.age-verify-select-day .selected-text { min-width: 120px; } .age-verify-wrapper.age-verify-not-mobile .custom-select-box { border-radius: 6px; background-color: #3b3b3b; color: #aaaaaa; display: inline-block; float: none; font-size: 13px; font-weight: 200; height: 28px; line-height: 28px; margin: 0 10px 0 0; min-width: 0; padding: 4px 0 0 0; position: relative; text-align: left; text-transform: uppercase; z-index: 1; } .windows .age-verify-wrapper.age-verify-not-mobile .custom-select-box, .safari .age-verify-wrapper.age-verify-not-mobile .custom-select-box { font-weight: 300; } .age-verify-wrapper.age-verify-not-mobile .custom-select-box.custom-select-expanded { border-radius: 6px 6px 0 0; } .age-verify-wrapper.age-verify-not-mobile .custom-select-box .select-options { background-color: #3b3b3b; border-radius: 0 0 6px 6px; font-size: 13px; font-weight: 200; left: 0; margin: 0 0 0 0; min-width: 0; overflow: hidden; position: absolute; top: 32px; width: 100%; } .windows .age-verify-wrapper.age-verify-not-mobile .custom-select-box .select-options, .safari .age-verify-wrapper.age-verify-not-mobile .custom-select-box .select-options { font-weight: 300; } .age-verify-wrapper.age-verify-not-mobile .custom-select-box .select-options li { display: block; padding: 4px 0 0 10px; } .age-verify-wrapper.age-verify-not-mobile .custom-select-box .select-options li:hover { background-color: #767676; } .age-verify-wrapper.age-verify-not-mobile .custom-select-box .custom-select-trigger { border: none; height: 32px; position: absolute; right: 6px; top: 0; width: 100%; } .age-verify-wrapper.age-verify-not-mobile .custom-select-box .custom-select-trigger:before { content: none; } .age-verify-wrapper.age-verify-not-mobile .custom-select-box .custom-select-trigger:after { background-image: url('/Content/img/bg/age-verify-dd-arrows-12x18.png'); background-position: 50% 50%; background-repeat: no-repeat; background-size: auto; content: ''; height: 32px; position: absolute; right: 0; top: 0; width: 12px; } .age-verify-wrapper.age-verify-not-mobile .age-verify-btn { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: #3b3b3b; border: none; box-sizing: content-box; color: #aaaaaa; display: inline-block; float: none; font-size: 13px; font-weight: 200; height: 28px; line-height: 28px; margin: 0 0 0 0; padding: 4px 20px 0; text-transform: uppercase; vertical-align: middle; width: auto; } .windows .age-verify-wrapper.age-verify-not-mobile .age-verify-btn, .safari .age-verify-wrapper.age-verify-not-mobile .age-verify-btn { font-weight: 300; } .age-verify-wrapper.age-verify-not-mobile .age-verify-btn.age-verify-btn-retry, .age-verify-wrapper.age-verify-not-mobile .age-verify-btn.age-verify-btn-exit { margin: 0 8px; min-width: 138px; } .age-verify-wrapper.age-verify-not-mobile .age-verify-failed .age-verify-primary-message { margin-bottom: 2em; } } @media only screen and (max-width: 800px) { .age-verify-wrapper.age-verify-not-mobile .age-verify-fields-wrapper .custom-select-box, .age-verify-wrapper.age-verify-not-mobile .age-verify-fields-wrapper .age-verify-select, .age-verify-wrapper.age-verify-not-mobile .age-verify-fields-wrapper .age-verify-select .selected-text, .age-verify-wrapper.age-verify-not-mobile .age-verify-fields-wrapper .age-verify-select .selected-text { display: block; margin-bottom: .5em; width: 100%; } .age-verify-wrapper.age-verify-not-mobile .age-verify-fields-wrapper .age-verify-btn { margin-bottom: .5em; } } .error-message { color: white; display: block; font-size: 18px; margin: 0 auto; max-width: 50%; padding-top: 160px; position: relative; text-align: center; width: 500px; z-index: 2; } .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .tumblr-title { font: 200 55px 'Helvetica Neue', Helvetica, Arial, Sans-Serif; margin-bottom: 0; margin-left: auto; margin-right: auto; max-width: 1680px; padding: 0 60px; } .tumblr-wrapper { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.231; padding-top: 150px; zoom: 1; } .tumblr-wrapper:before, .tumblr-wrapper:after { content: ""; display: table; } .tumblr-wrapper:after { clear: both; } .tumblr-post-wall { display: block; list-style: none; margin: 0 auto; padding: 20px 30px 0; width: 100%; } .tumblr-view #foot-menu { bottom: 0 !important; } .post-wrapper { width: 320px; } @media (min-width: 720px) { .post-wrapper.large { width: 660px; } } @media (max-width: 320px) { .post-wrapper { width: {docwidth}px !important; left: 0 !important; } } .post { background: rgba(90, 89, 92, 0.6); -moz-box-sizing: border-box; box-sizing: border-box; color: silver; float: left; margin-bottom: 20px; padding-bottom: 17px; width: 320px; } @media (min-width: 720px) { .large .post { width: 660px; } } .post a { color: white; } .post a:hover { border-bottom: 1px solid white; } .post p { font-size: 12px; line-height: 19px; margin: 0 0 10px; } .post blockquote { border-left: 2px solid #424143; margin: 0; padding-left: 12px; } .post-title, .tumblr-audio-post .track-info .title, .tumblr-chat-post h1, .tumblr-link-post .title .link, .tumblr-text-post .title { font-size: 20px; font-weight: 400; line-height: 27px; } .tumblr-photo-post img { display: block; margin: 0 auto; max-width: 100%; } .tumblr-video-post video, .tumblr-video-post object { max-width: 100%; } .tumblr-text-post iframe { max-width: 100%; } .caption, .post-title, .tumblr-quote-post .quote, .tumblr-audio-post .track-info { padding: 20px 28px 0; } .post h1 { margin: 0; } .post p { margin-top: 15px; } .caption *:first-child { margin-top: 0; } .tumblr-tweet-post .text.snippet, .tumblr-chat-post .chat li, .permalink-page .tumblr-notes .notes .note { border-top: 1px solid #424143; } .tumblr-quote-post .quote { border-left: none; font-size: 18px; font-weight: 400; } .tumblr-quote-post .caption { padding-top: 15px; } .tumblr-quote-post cite { font-style: normal; } .tumblr-audio-post iframe { display: block; width: 100%; } .tumblr-audio-post .caption { padding-top: 10px; } .tumblr-video-post iframe { display: block; height: 180px; width: 320px; } @media (min-width: 720px) { .large .tumblr-video-post iframe { height: 371px; width: 660px; } } .tumblr-link-post .title { border-bottom: 1px solid #424143; margin: 0; padding: 20px 20px; text-align: center; word-wrap: break-word; } .tumblr-link-post .title .arrow { font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; margin-left: 5px; } .tumblr-link-post .title .url { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=47); font-size: 13px; line-height: 18px; margin: 5px auto 0; opacity: .47; } .tumblr-chat-post h1 { color: silver; padding: 20px 28px 15px; margin-bottom: 0; } .chat { list-style: none; margin: 0; padding: 0; } .chat li { font-size: 12px; line-height: 19px; list-style: none; padding: 10px 28px 12px; } .chat li .label { display: block; font-size: 11px; font-weight: 700; letter-spacing: .1em; margin-bottom: 4px; text-transform: uppercase; } .tags { margin-bottom: 24px; margin-left: -4px; position: relative; top: 14px; } .tags .tag { display: inline-block; margin: 0 4px 8px; vertical-align: middle; zoom: 1; } .tags .tag.featured { background-color: #59595c; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; color: silver; font-size: 14px; padding: 4px 10px 6px; } .tags .tag.featured:hover { border: none; color: white; } .post h1 { font-size: 20px; font-weight: 400; } .post p, .post ol, .post ul, .post blockquote, .post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { margin: 15px 0 0; } .post *:first-child { margin-top: 0; } .sidebar { background: rgba(175, 175, 176, 0.6); border: 1px solid #5e6061; -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05); box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05); -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-bottom: 20px; padding-bottom: 8px; position: relative; } .sidebar img { display: block; max-width: 100%; } .sidebar .social-icons-wrap { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; overflow: hidden; padding: 8px 0 0 15px; } .sidebar .social-icons-wrap a { display: block; float: left; height: 28px; margin-left: 0; overflow: hidden; text-indent: 100%; width: 31px; } .sidebar .social-icons-wrap a:before { background-image: url("../img/tumblr/tumblr-sprite.png"); background-repeat: no-repeat; content: ''; display: block; height: 100%; text-indent: 0; width: 100%; word-wrap: normal; vertical-align: middle; } .sidebar .social-icons-wrap a.twitter { height: 24px; margin-top: 1px; } .sidebar .social-icons-wrap a.twitter:before { background-position: left -97px; margin-top: 2px; } .sidebar .social-icons-wrap a.facebook { margin-left: 6px; margin-right: 6px; } .sidebar .social-icons-wrap a.facebook:before { background-position: left -25px; margin-top: 2px; } .sidebar .social-icons-wrap a.tumblr:before { background-position: left -311px; margin-top: 2px; } .sidebar .social-icons-wrap a.instagram:before { background-position: left -390px; margin-top: 2px; } .blog-description { color: white; font-size: 18px; font-weight: normal; line-height: 1.2; margin: 0; padding: 12px 14px 6px; } .blog-description-p2 { font-size: 14px; } .metadata, .mfp-bottom-bar .social { margin-top: 15px; padding: 0 28px 10px; } .metadata .permalink, .mfp-bottom-bar .social .permalink { background-image: url("http://static.tumblr.com/a080hxb/9mMmqx1zu/spritesheet.png"); background-position: 0 0; float: left; height: 15px; margin-top: 10px; position: relative; width: 19px; } .metadata .btn, .mfp-bottom-bar .social .btn { float: right; height: auto; margin-left: 10px; margin-top: 0; position: relative; width: auto; } .metadata .btn a, .mfp-bottom-bar .social .btn a { display: block; overflow: hidden; text-indent: -10000px; white-space: nowrap; width: 31px; } .metadata .btn a:hover, .mfp-bottom-bar .social .btn a:hover { border: none; } .metadata .btn a:before, .mfp-bottom-bar .social .btn a:before { background-image: url('../img/tumblr/tumblr-sprite.png'); background-repeat: no-repeat; content: ''; display: block; height: 100%; text-indent: 0; width: 100%; word-wrap: normal; vertical-align: middle; } .metadata .reblog a, .mfp-bottom-bar .social .reblog a, .metadata .tweet a, .mfp-bottom-bar .social .tweet a { height: 24px; } .metadata .fb-like a, .mfp-bottom-bar .social .fb-like a { height: 25px; } .metadata .fb-like a:before, .mfp-bottom-bar .social .fb-like a:before { background-position: left 0; } .metadata .fb-like a:hover:before, .mfp-bottom-bar .social .fb-like a:hover:before { background-position: left -25px; } .metadata .reblog a:before, .mfp-bottom-bar .social .reblog a:before { background-position: left -141px; } .metadata .reblog a:hover:before, .mfp-bottom-bar .social .reblog a:hover:before { background-position: left -165px; } .metadata .tweet a:before, .mfp-bottom-bar .social .tweet a:before { background-position: left -75px; margin-top: 2px; } .metadata .tweet a:hover:before, .mfp-bottom-bar .social .tweet a:hover:before { background-position: left -97px; } .metadata .permalink, .mfp-bottom-bar .social .permalink { opacity: 0.5; } .metadata .permalink:hover, .mfp-bottom-bar .social .permalink:hover { border: none; opacity: 1; } .metadata .sz-like, .mfp-bottom-bar .social .sz-like { background-image: url('../img/tumblr/tumblr-sprite.png'); background-position: 8px -213px; display: block; float: right; height: 24px; position: relative; text-decoration: none; text-indent: -10000px; width: 37px; } .metadata .sz-like:hover, .mfp-bottom-bar .social .sz-like:hover { background-position: 8px -261px; border-bottom: 0; } .lb-img:hover { cursor: pointer; position: relative; } .lb-img:hover:before { background: url('../img/tumblr/tumblr-sprite.png') no-repeat 0 -444px; bottom: 8px; content: ""; display: block; height: 36px; left: 8px; position: absolute; width: 36px; z-index: 2; } .mfp-bottom-bar .social { float: right; padding: 0 9px 10px; } .mfp-bottom-bar .social .btn a { font-size: 0; } .mfp-counter { display: none; } button.mfp-arrow { background: url('/Content/img/carousel/sz-carousel-sprite.png') no-repeat 0 0; background-size: 300px 1000px; height: 40px; margin-top: -20px; width: 26px; } button.mfp-arrow:before, button.mfp-arrow:after { display: none; } button.mfp-arrow:active { margin-top: -20px; } button.mfp-arrow-right { background-position: 6px -140px; right: 20px; } button.mfp-arrow-left { background-position: 6px -100px; left: 20px; }