/* Retina Images */ footer .container, .form-primary, .form-div-primary, .form-previous, .home .sticky-header-bar-2 .container, .home .subscription-status-contain, .home .static-header-bar-2 .container, .theme-block-wrapper, .theme-block-wrapper .info-container .clr, .theme-block-wrapper .info-container, .theme-block-wrapper .theme-block .inner-col .info-container .clr, .section-previous-blocks .container, .section-howitworks .inner-section, .section-unpacking, .checkout-section .field-wrapper, .container-3-col, .container-3-col .inner-span-2 .form-card-details, .container-2-col, .select-block-wrapper, .select-block-wrapper .container-1, .subscription-select-details-contain, .subscription-select-details-inner-contain.col-1, .confirm-cost-pair, .faq-body, .clear, .landing .item, .section-geek-on .container, .contact-body, .feedback-body, .account-wrapper, .account-order-history-date .order-tracker, .account-cvv, .heading-check, .account-subsection .subscription-current, .account-subsection .subscription-box-switching #devices-panel, .modal-contest-form .inner-col-3, .subscribe-promo-code-container, .nerdplay .fc, .header-previous .sticky-header-bar-2 .container, .header-previous .subscription-status-contain, .homepage .section-previous-blocks .container, .homepage .section-howitworks .inner-section, .homepage .section-unpacking, .homepage .section-unpacking .col-2 { *zoom: 1; } footer .container:before, .form-primary:before, .form-div-primary:before, .form-previous:before, .home .sticky-header-bar-2 .container:before, .home .subscription-status-contain:before, .home .static-header-bar-2 .container:before, .theme-block-wrapper:before, .theme-block-wrapper .info-container .clr:before, .theme-block-wrapper .info-container:before, .theme-block-wrapper .theme-block .inner-col .info-container .clr:before, .section-previous-blocks .container:before, .section-howitworks .inner-section:before, .section-unpacking:before, .checkout-section .field-wrapper:before, .container-3-col:before, .container-3-col .inner-span-2 .form-card-details:before, .container-2-col:before, .select-block-wrapper:before, .select-block-wrapper .container-1:before, .subscription-select-details-contain:before, .subscription-select-details-inner-contain.col-1:before, .confirm-cost-pair:before, .faq-body:before, .clear:before, .landing .item:before, .section-geek-on .container:before, .contact-body:before, .feedback-body:before, .account-wrapper:before, .account-order-history-date .order-tracker:before, .account-cvv:before, .heading-check:before, .account-subsection .subscription-current:before, .account-subsection .subscription-box-switching #devices-panel:before, .modal-contest-form .inner-col-3:before, .subscribe-promo-code-container:before, .nerdplay .fc:before, .header-previous .sticky-header-bar-2 .container:before, .header-previous .subscription-status-contain:before, .homepage .section-previous-blocks .container:before, .homepage .section-howitworks .inner-section:before, .homepage .section-unpacking:before, .homepage .section-unpacking .col-2:before, footer .container:after, .form-primary:after, .form-div-primary:after, .form-previous:after, .home .sticky-header-bar-2 .container:after, .home .subscription-status-contain:after, .home .static-header-bar-2 .container:after, .theme-block-wrapper:after, .theme-block-wrapper .info-container .clr:after, .theme-block-wrapper .info-container:after, .theme-block-wrapper .theme-block .inner-col .info-container .clr:after, .section-previous-blocks .container:after, .section-howitworks .inner-section:after, .section-unpacking:after, .checkout-section .field-wrapper:after, .container-3-col:after, .container-3-col .inner-span-2 .form-card-details:after, .container-2-col:after, .select-block-wrapper:after, .select-block-wrapper .container-1:after, .subscription-select-details-contain:after, .subscription-select-details-inner-contain.col-1:after, .confirm-cost-pair:after, .faq-body:after, .clear:after, .landing .item:after, .section-geek-on .container:after, .contact-body:after, .feedback-body:after, .account-wrapper:after, .account-order-history-date .order-tracker:after, .account-cvv:after, .heading-check:after, .account-subsection .subscription-current:after, .account-subsection .subscription-box-switching #devices-panel:after, .modal-contest-form .inner-col-3:after, .subscribe-promo-code-container:after, .nerdplay .fc:after, .header-previous .sticky-header-bar-2 .container:after, .header-previous .subscription-status-contain:after, .homepage .section-previous-blocks .container:after, .homepage .section-howitworks .inner-section:after, .homepage .section-unpacking:after, .homepage .section-unpacking .col-2:after { content: " "; display: table; } footer .container:after, .form-primary:after, .form-div-primary:after, .form-previous:after, .home .sticky-header-bar-2 .container:after, .home .subscription-status-contain:after, .home .static-header-bar-2 .container:after, .theme-block-wrapper:after, .theme-block-wrapper .info-container .clr:after, .theme-block-wrapper .info-container:after, .theme-block-wrapper .theme-block .inner-col .info-container .clr:after, .section-previous-blocks .container:after, .section-howitworks .inner-section:after, .section-unpacking:after, .checkout-section .field-wrapper:after, .container-3-col:after, .container-3-col .inner-span-2 .form-card-details:after, .container-2-col:after, .select-block-wrapper:after, .select-block-wrapper .container-1:after, .subscription-select-details-contain:after, .subscription-select-details-inner-contain.col-1:after, .confirm-cost-pair:after, .faq-body:after, .clear:after, .landing .item:after, .section-geek-on .container:after, .contact-body:after, .feedback-body:after, .account-wrapper:after, .account-order-history-date .order-tracker:after, .account-cvv:after, .heading-check:after, .account-subsection .subscription-current:after, .account-subsection .subscription-box-switching #devices-panel:after, .modal-contest-form .inner-col-3:after, .subscribe-promo-code-container:after, .nerdplay .fc:after, .header-previous .sticky-header-bar-2 .container:after, .header-previous .subscription-status-contain:after, .homepage .section-previous-blocks .container:after, .homepage .section-howitworks .inner-section:after, .homepage .section-unpacking:after, .homepage .section-unpacking .col-2:after { clear: both; } @-webkit-keyframes pulse1 { 0% { -webkit-transform: scale(0.8); } 50% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(0.8); } } @-webkit-keyframes pulse2 { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(0.8); } 100% { -webkit-transform: scale(1); } } @-webkit-keyframes pulse3 { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(0.8); } 100% { -webkit-transform: scale(1); } } @keyframes pulse1 { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes pulse2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse3 { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .reset-styles, .error-wrapper ul, .success-wrapper ul, .home .sticky-header-notifications, .home .sticky-header-social-media, .home .sticky-header-nav, .home .static-header-notifications, .home .static-header-nav, .shipping-process, .header-previous .sticky-header-notifications, .header-previous .sticky-header-social-media, .header-previous .sticky-header-nav { list-style-type: none; margin-top: 0; margin-bottom: 0; padding: 0; } .center-content { width: 100%; text-align: center; } /*! normalize.css v1.1.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Prevent system color scheme's background color being used in Firefox, IE, * and Opera. * 2. Prevent system color scheme's text color being used in Firefox, IE, and * Opera. * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 4. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { background: #fff; /* 1 */ color: #000; /* 2 */ font-size: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 4 */ -ms-text-size-adjust: 100%; /* 4 */ } /** * Address `font-family` inconsistency between `textarea` and other form * elements. */ html, button, input, select, textarea { font-family: sans-serif; } /** * Address margins handled incorrectly in IE 6/7. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address font sizes and margins set differently in IE 6/7. * Address font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */ 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: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.67em; margin: 2.33em 0; } /** * Address styling not present in IE 7/8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. * Known issue: no IE 6/7 normalization. */ hr { box-sizing: content-box; height: 0; } /** * Address styling not present in IE 6/7/8/9. */ mark { background: #ff0; color: #000; } /** * Address margins set differently in IE 6/7. */ p, pre { margin: 1em 0; } /** * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /** * Address CSS quotes not supported in IE 6/7. */ q { quotes: none; } /** * Address `quotes` property not supported in Safari 4. */ q:before, q:after { content: ''; content: none; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ /** * Address margins set differently in IE 6/7. */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /** * Address paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0 0 0 40px; } /** * Correct list images handled incorrectly in IE 7. */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /** * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improve image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Correct margin displayed oddly in IE 6/7. */ form { margin: 0; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct color not being inherited in IE 6/7/8/9. * 2. Correct text not wrapping in Firefox 3. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /** * 1. Correct font size not being inherited in all browsers. * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improve appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /** * Address Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to content-box in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 6/7/8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* * HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html, button, input, select, textarea { color: #222; } body { font-size: 1em; line-height: 1.4; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */ img { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* * Clearfix */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* ========================================================================== Chrome Frame prompt ========================================================================== */ .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } @font-face { font-family: 'league_gothic'; src: url("../../resources/fonts/leaguegothic-regular-webfont.eot"); src: url("../../resources/fonts/leaguegothic-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../resources/fonts/leaguegothic-regular-webfont.woff2") format("woff2"), url("../../resources/fonts/leaguegothic-regular-webfont.woff") format("woff"), url("../../resources/fonts/leaguegothic-regular-webfont.ttf") format("truetype"), url("../../resources/fonts/leaguegothic-regular-webfont.svg#league_gothicregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'komika'; src: url("../../resources/fonts/KOMIKAX_-webfont.eot"); src: url("../../resources/fonts/KOMIKAX_-webfont.eot?#iefix") format("embedded-opentype"), url("../../resources/fonts/KOMIKAX_-webfont.woff") format("woff"), url("../../resources/fonts/KOMIKAX_-webfont.ttf") format("truetype"), url("../../resources/fonts/KOMIKAX_-webfont.svg#komika_axisregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'komikaI'; src: url("../../resources/fonts/KOMTXTKI-webfont.eot"); src: url("../../resources/fonts/KOMTXTKI-webfont.eot?#iefix") format("embedded-opentype"), url("../../resources/fonts/KOMTXTKI-webfont.woff") format("woff"), url("../../resources/fonts/KOMTXTKI-webfont.ttf") format("truetype"), url("../../resources/fonts/KOMTXTKI-webfont.svg#komika_axisregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'avengeance_mightiest_avengeRg'; src: url("../../resources/fonts/avengeance_mightiest_avenger-webfont.eot"); src: url("../../resources/fonts/avengeance_mightiest_avenger-webfont.eot?#iefix") format("embedded-opentype"), url("../../resources/fonts/avengeance_mightiest_avenger-webfont.woff2") format("woff2"), url("../../resources/fonts/avengeance_mightiest_avenger-webfont.woff") format("woff"), url("../../resources/fonts/avengeance_mightiest_avenger-webfont.ttf") format("truetype"), url("../../resources/fonts/avengeance_mightiest_avenger-webfont.svg#avengeance_mightiest_avengeRg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'nerdblock-icons'; src: url("../../resources/fonts/nerdblock-icons.eot?l90zb1"); src: url("../../resources/fonts/nerdblock-icons.eot?#iefixl90zb1") format("embedded-opentype"), url("../../resources/fonts/nerdblock-icons.woff?l90zb1") format("woff"), url("../../resources/fonts/nerdblock-icons.ttf?l90zb1") format("truetype"), url("../../resources/fonts/nerdblock-icons.svg?l90zb1#nerdblock-icons") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'nerdblock-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-open-box:before { content: "\e60a"; } .icon-shirt:before { content: "\e609"; } .icon-close:before { content: "\e608"; } .icon-plus:before { content: "\e607"; } .icon-boxopen:before { content: "\e605"; } .icon-plane:before { content: "\e606"; } .icon-twitter:before { content: "\74"; } .icon-planet:before { content: "\70"; } .icon-facebook:before { content: "\66"; } .icon-box:before { content: "\62"; } .icon-play:before { content: "\5b"; } .icon-refresh:before { content: "\e600"; } .icon-change:before { content: "\e601"; } .icon-cancel:before { content: "\e602"; } .icon-circle-check:before { content: "\e603"; } .icon-truck:before { content: "\e604"; } *, *:before, *:after { box-sizing: border-box; } a { outline: 0 !important; } html { background: #000; } body { padding-top: 129px; position: relative; font-size: 16px; transition: font 0.2s; background: #0087a9; } body.home { padding-top: 0; } @media only screen and (max-width: 1000px) { body.home { padding-top: 62px !important; } } @media only screen and (max-width: 1000px) { body { padding-top: 129px !important; } } @media only screen and (max-width: 680px) { body { padding-top: 0px !important; } } @media only screen and (max-width: 1024px) { body.subscribe-page { padding-top: 145px !important; } } @media only screen and (max-width: 680px) { body.subscribe-page { padding-top: 0px !important; } } .fl { float: left; } .fr { float: right; } a { text-decoration: none; color: #0d5469; } .container { max-width: 1200px; margin: 0 auto; padding-left: 1.66667%; padding-right: 1.66667%; } .wrapper-alt-color { background: #e8e9ea; padding: 50px 0; } @media screen and (max-width: 670px) { .wrapper-alt-color { padding: 0; } } .wrapper-2-col { position: relative; } .wrapper-2-col:before { content: ''; top: 0; right: 0; position: absolute; width: 68.5%; height: 100%; background: #f7fafa; } .wrapper-2-col:after { content: ''; top: 0; left: 0; position: absolute; width: 31.5%; height: 100%; background: #d4dfdf; } .wrapper-2-col-col { background: #f7fafa; width: 68.5%; overflow-x: hidden; display: inline-block; vertical-align: top; z-index: 2; position: relative; } .wrapper-2-col-col:first-child { background: #d4dfdf; width: 31.5%; } @media screen and (max-width: 1023px) { .wrapper-2-col-col:first-child { width: 100%; } } @media screen and (max-width: 1023px) { .wrapper-2-col-col { width: 100%; } } button { border: 0; outline: 0; background: none; padding: 0; } .btn-1, .btn-2 { background: #66cc00; font-family: 'komika', sans-serif; color: #fff; font-size: 34px; letter-spacing: 2px; border-radius: 4px; box-shadow: 0 6px 0 0 #3b7600; transition: background-color 0.2s; display: inline-block; } @media only screen and (max-width: 1024px) { .btn-1, .btn-2 { font-size: 22px; } } @media only screen and (max-width: 680px) { .btn-1, .btn-2 { font-size: 20px; } } .btn-1:hover, .btn-2:hover { background-color: #5eba02; } .btn-1 { padding: 11px 40px 5px; line-height: 38px; text-align: center; } .btn-1 span { font-size: 24px; color: #499100; font-family: "Source Sans Pro", sans-serif; font-weight: bold; letter-spacing: 0; } @media only screen and (max-width: 680px) { .btn-1 span { font-size: 16px; } } .btn-2 { padding: 8px 40px 14px; } .btn-3 { font-size: 18px; color: #fff; text-transform: uppercase; font-family: "Source Sans Pro", sans-serif; background: #0089b5; display: block; font-weight: bold; padding: 16px 0; } .btn-3-icon { margin-right: 9px; color: #a4e4f9; } .page-section { text-align: center; padding: 50px 0; background: #fff; } .page-section h2 { font-size: 3.75em; color: #0089b5; font-family: "komika", sans-serif; text-shadow: 0 2px 0 #434a4b; margin: 0 0 6px; display: block; } @media only screen and (max-width: 1024px) { .page-section h2 { font-size: 3em; } } @media only screen and (max-width: 680px) { .page-section h2 { font-size: 2.125em; } } .page-section h3 { font-size: 1.875em; color: #006c8f; font-family: "Source Sans Pro", sans-serif; margin: 0 0 38px; font-weight: normal; } @media only screen and (max-width: 1024px) { .page-section h3 { font-size: 1.75em; } } @media only screen and (max-width: 680px) { .page-section h3 { font-size: 1.625em; line-height: 30px; } } footer { background: #303030; } footer .container { padding: 10px 0 14px; } footer .nav-footer { margin: 8px 0 0; padding-left: 0; } @media only screen and (max-width: 1024px) { footer .nav-footer { text-align: center; float: none; } } @media only screen and (max-width: 680px) { footer .nav-footer { display: none; } } footer .nav-footer li:first-child { margin-left: 0; } footer .nav-footer li { display: inline-block; margin-left: 32px; } footer .nav-footer a { font-size: 0.875em; color: #fff; font-family: "Source Sans Pro", sans-serif; text-transform: uppercase; } footer .nav-footer a:hover { color: #c8c8c8; } footer .social-media { margin: 0; padding: 0; } @media only screen and (max-width: 1024px) { footer .social-media { display: block; text-align: center; float: none; margin-top: 4px; } } footer .social-media li:first-child { margin-left: 0; } footer .social-media li { display: inline-block; vertical-align: middle; margin-left: 15px; } footer .social-media li a { display: block; } footer .social-media .instagram, footer .social-media .twitter, footer .social-media .facebook { width: 26px; height: 26px; background-color: #727272; border-radius: 50%; } footer .social-media .instagram:hover, footer .social-media .twitter:hover, footer .social-media .facebook:hover { background-color: #636363; } footer .social-media .instagram { background-image: url("../images/insta_footer.png"); background-position: center; background-repeat: no-repeat; } footer .social-media .twitter { background-image: url("../images/twit_footer.png"); background-position: center; background-repeat: no-repeat; } footer .social-media .facebook { background-image: url("../images/fb_footer.png"); background-position: center; background-repeat: no-repeat; } footer .social-media li:last-child img { max-width: 91px; } footer .copyright { background: #000; padding: 8px 0 7px; text-align: center; color: #fff; font-size: 10px; font-family: "Source Sans Pro", sans-serif; } .form-primary, .form-div-primary { width: 727px; margin: 0 auto; } label { display: block; font-size: 18px; color: #343334; font-family: "Source Sans Pro", sans-serif; line-height: 22px; margin-bottom: 5px; } label .count { font-size: 14px; text-transform: none; } .select, input[type="text"], input[type="password"] { border: 1px solid #c3cacc; background: white; display: block; width: 100%; font-size: 18px; color: black; font-family: "Source Sans Pro", sans-serif; padding: 0 14px; height: 52px; vertical-align: top; border-radius: 0; } ::-webkit-input-placeholder { color: #c3cacc; font-weight: normal; } :-moz-placeholder { /* Firefox 18- */ color: #c3cacc; font-weight: normal; } ::-moz-placeholder { /* Firefox 19+ */ color: #c3cacc; font-weight: normal; } :-ms-input-placeholder { color: #c3cacc; font-weight: normal; } .ie8 input[type="text"], .ie8 input[type="password"] { line-height: 52px; } .error { background: #db1d48 !important; } .field-wrapper { height: 80px; width: 47.31774%; float: right; margin-top: 20px; position: relative; } .field-wrapper:nth-child(odd) { float: left; } .field-wrapper:nth-child(-n+2) { margin-top: 0; } .checkbox-container input[type='checkbox'] { opacity: 0; position: absolute; left: -10000px; } .checkbox-container input + label { margin: 0; cursor: pointer; background: url("../images/checkbox_unchecked.png") 0 center no-repeat; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .checkbox-container input + label { /* on retina, use image that's scaled by 2 */ background-image: url("../images/checkbox_unchecked@2x.png"); background-size: 17px 17px; } } .checkbox-container input:checked + label { background: url("../images/checkbox_checked.png") 0 center no-repeat; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .checkbox-container input:checked + label { /* on retina, use image that's scaled by 2 */ background-image: url("../images/checkbox_checked@2x.png"); background-size: 17px 17px; } } .checkbox-container label { padding: 0 0 0 25px; } .select-wrapper { position: relative; padding-right: 20px; height: 52px; } .select-wrapper span.select { padding-top: 13px; background: url("../images/custom_dropdown_arrow.png") right center no-repeat; font-family: "Source Sans Pro", sans-serif; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .select-wrapper span.select { /* on retina, use image that's scaled by 2 */ background-image: url("../images/custom_dropdown_arrow@2x.png"); background-size: 11px 8px; } } @media only screen and (max-width: 1024px) { .select-wrapper span.select { display: none; } } .select-wrapper select.styled { position: absolute; top: 0; left: 0; width: 100%; height: 52px; border: 1px solid gray; padding: 10px; opacity: 1; font-family: "Source Sans Pro", sans-serif; } .error-wrapper { background: #ffe698; } .error-wrapper .container { width: 727px; padding: 35px 0; } @media only screen and (max-width: 730px) { .error-wrapper .container { width: 100%; padding: 35px 10px; } } .error-wrapper .heading { font-size: 26px; color: #0d5469; font-weight: bold; font-family: "Source Sans Pro", sans-serif; text-transform: uppercase; margin-bottom: 16px; } .error-wrapper ul { font-size: 18px; color: #d70035; line-height: 28px; } @media only screen and (max-width: 730px) { .error-wrapper ul { font-size: 14px; line-height: 26px; } } .error-wrapper.account { display: none; margin-bottom: 40px; } .success-wrapper { background: #6c0; } .success-wrapper .container { width: 727px; padding: 35px 0; } .success-wrapper .heading { font-size: 26px; color: #0d5469; font-weight: bold; font-family: "Source Sans Pro", sans-serif; text-transform: uppercase; margin-bottom: 16px; } .success-wrapper ul { font-size: 18px; color: #0d5469; line-height: 28px; } .subpage-heading, .faq-col-1 .heading, .contact-heading, .feedback-heading { font-family: komika,sans-serif; color: #0089b5; text-shadow: 0 2px 0 #434a4b; display: block; } #subscribe { display: none; -webkit-animation-name: bounceInDown; animation-name: bounceInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; margin-top: 2px; } .btn-1.alt { background: #ffae00; box-shadow: 0 6px 0 0 #c96e00; font-size: 24px; border: none; padding: 9px 30px 12px; } .btn-1.alt.promocode { padding: 1px 14px 2px; width: 100%; font-size: 20px; } .btn-1.alt:hover { background: #FFBE34; } .get-notified { max-width: 90.34483%; border: 1px solid #999999; background: #f5f5f5; margin: 0 auto; padding: 30px 93px 57px; } .get-notified.error-container { border: 1px solid #d70035; } .get-notified.error-container .error-state label { color: #d70035; } .get-notified.error-container .error-state .form-control { border-color: #d70035; background-color: #fbcccd; } @media only screen and (max-width: 680px) { .get-notified { padding: 10px 20px; } } .get-notified p { color: #3d3d3d; padding-bottom: 18px; font-family: "Source Sans Pro", sans-serif; font-size: 24px; } @media only screen and (max-width: 680px) { .get-notified p { font-size: 20px; } } .get-notified .btn-1.alt { box-shadow: 0 6px 0 0 #c96e00; padding: 9px 30px 12px; margin-top: 20px; } @media only screen and (max-width: 680px) { .get-notified .btn-1.alt { width: 100%; padding: 9px 0 12px !important; margin: 0 0 20px; text-align: center; } } .get-notified .btn-1.alt:hover { background: #FFBE34; } .get-notified .success .btn-1.alt { padding: 9px 84px 12px; } .form-previous label { text-align: left; color: #3d3d3d; } .form-previous .form-group { margin-right: 4.43925%; width: 29.90654%; } @media only screen and (max-width: 1024px) { .form-previous .form-group { width: 37.38318%; } } @media only screen and (max-width: 680px) { .form-previous .form-group { width: 100%; margin-bottom: 20px; margin-right: 0; float: none; } } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .video-wrapper-jr, .video-wrapper { background: #000 url("../images/ajax-loader.gif") center no-repeat; position: absolute; top: -5000px; left: 0; z-index: 200; display: none; } .video-wrapper-jr .btn-close, .video-wrapper .btn-close { width: 48px; height: 48px; position: absolute; top: 20px; left: 20px; background: url("../images/btn_close.png") 0 0 no-repeat; z-index: 100; } .subpage-heading, .faq-col-1 .heading, .contact-heading, .feedback-heading { font-family: komika,sans-serif; color: #0089b5; text-shadow: 0 2px 0 #434a4b; display: block; } /* Tooltip CSS Start */ .ui-tooltip, .arrow:after { background: black; border: 2px solid white; } .ui-tooltip { padding: 10px 20px; color: white; border-radius: 20px; font: bold 14px "Helvetica Neue", Sans-Serif; text-transform: uppercase; box-shadow: 0 0 7px black; } .arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; } .arrow.top { top: -16px; bottom: auto; } .arrow.left { left: 20%; } .arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 6px 5px 9px -9px black; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); tranform: rotate(45deg); } .arrow.top:after { bottom: -20px; top: auto; } /* Tooltip CSS End */ .modal-screen { background: url(../../resources/images/modal-screen.png) repeat; width: 100%; position: absolute; height: 100%; z-index: 901; display: none; top: 0; left: 0; } .modal-screen-popup { width: 650px; height: auto; position: fixed; left: 50%; margin-top: 100px; margin-left: -325px; background-color: white; padding: 20px; color: black; display: none; z-index: 903; text-align: center; } @media only screen and (max-width: 730px) { .modal-screen-popup { width: 100%; left: 0; top: 0; margin-left: 0; margin-top: 0; height: 100%; } } .modal-screen-popup .btn-close-contain { position: absolute; top: -40px; right: -40px; } .modal-screen-popup .inner-div { width: 500px; margin: 0 auto; padding-bottom: 50px; padding-top: 20px; } @media only screen and (max-width: 730px) { .modal-screen-popup .inner-div { width: 100%; } } .modal-screen-popup .heading { font-size: 40px; font-weight: 700; color: #127593; text-transform: uppercase; line-height: 40px; font-family: "Source Sans Pro",sans-serif; } .modal-screen-popup p { font-family: "Source Sans Pro",sans-serif; font-size: 24px; color: #006c8f; line-height: 36px; } .modal-screen-popup.secondary { width: 850px; margin-left: -425px; } @media only screen and (max-width: 730px) { .modal-screen-popup.secondary { width: 100%; left: 0; top: 0; margin-left: 0; margin-top: 0; } } .modal-screen-popup.secondary p { font-size: 18px; line-height: 22px; color: #0d5469; margin-top: 14px; margin-bottom: 0; } .modal-screen-popup.secondary .heading { color: #0d5469; } @media only screen and (max-width: 730px) { .modal-screen-popup.secondary .heading { font-size: 30px; } } .modal-screen-popup.secondary .inner-div.login { width: 730px; } @media only screen and (max-width: 730px) { .modal-screen-popup.secondary .inner-div.login { width: 100%; } } .modal-screen-popup.secondary .inner-div.login .field-wrapper { margin: 0 auto 72px; } @media only screen and (max-width: 730px) { .modal-screen-popup.secondary .inner-div.login .field-wrapper { width: 100%; margin-bottom: 20px; } } @media only screen and (max-width: 730px) { .modal-screen-popup.secondary .inner-div.login .btn-1 { padding-bottom: 12px !important; margin-top: 20px; } } .modal-screen-popup.secondary .action-link { font-family: "Source Sans Pro", sans-serif; text-decoration: underline; font-size: 18px; text-align: left; display: block; } .modal-screen-popup.secondary .actions-container { position: relative; display: inline-block; } .modal-screen-popup.secondary .actions-container .cancel { position: absolute; top: 16px; left: -68px; } .modal-screen-popup.secondary .form-primary { width: auto; margin-top: 35px; } .modal-screen-popup.secondary .form-primary label { text-align: left; } .modal-screen-popup.secondary .field-wrapper { margin: 0 auto 52px; } .modal-screen-popup.secondary .field-wrapper.single { float: none; } .modal-screen-popup.secondary .field-wrapper .action-link { margin-top: 11px; } .modal-screen-popup.secondary .icon-check { margin-bottom: 32px; display: block; } .section-heading-wrapper .section-heading-subtitle { display: block; margin: 11px 0 50px 0; font-size: 24px; font-family: 'Source Sans Pro', sans-serif; } @media screen and (max-width: 768px) { .section-heading-wrapper .section-heading-subtitle { font-size: 14px; margin-bottom: 30px; } } .home { /*Nesting Gives Me A Headache */ } .home .sticky-header { position: fixed; top: 0px; width: 100%; z-index: 100; font-size: 16px; } .home .sticky-header .container { position: relative; max-width: 886px; } @media only screen and (max-width: 1000px) { .home .sticky-header .container { padding-left: 1.66667%; padding-right: 1.66667%; max-width: 100%; } } @media only screen and (max-width: 1000px) { .home .sticky-header { position: relative; } } .home .sticky-header-bar-1 { background: #007da5; padding-top: 6px; padding-bottom: 6px; z-index: 5; position: relative; min-height: 71px; } @media only screen and (max-width: 1000px) { .home .sticky-header-bar-1 { padding-bottom: 17px; } } .home .sticky-header-bar-1 .btn-1 { font-size: 14px; font-weight: 700; text-transform: uppercase; border-radius: 0; color: #FFF; font-family: "Source Sans Pro", sans-serif; background-color: #99DE42; box-shadow: 0 3px 0 #7BB235; border: none; letter-spacing: 0.013em; line-height: 1; padding: 6px 17px 6px; margin-top: 14px; } @media only screen and (max-width: 1000px) { .home .sticky-header-bar-1 .btn-1 { display: none; } } .home .sticky-header-bar-1 .btn-1:hover { background-color: #8ED337; box-shadow: 0 3px 0 #71A62E; } .home .sticky-header-bar-1 .sticky-header-logo { background: url("../images/sticky_logo_alt.png") no-repeat; width: 92px; height: 32px; display: block; margin-top: 11px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .sticky-header-bar-1 .sticky-header-logo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/sticky_logo_alt@2x.png"); background-size: 92px 32px; } } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .sticky-header-bar-1 .sticky-header-logo { background-position: 0 0; } } @media only screen and (max-width: 1000px) { .home .sticky-header-bar-1 .sticky-header-logo { position: relative; z-index: 2; } } .home .sticky-header-bar-1 .sticky-header-nav { margin-top: 17px; } @media only screen and (max-width: 1000px) { .home .sticky-header-bar-1 .sticky-header-nav { display: none; } } .home .sticky-header-bar-2.scroll { box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.25); transition: box-shadow .5s; } .home .sticky-header-bar-2 .theme-listing .jrboys:hover ~ .theme-listing-orb .jrboys a { padding-top: 100px; } .home .home .sticky-header-bar-2 { box-shadow: none; } .home .sticky-header-bar-2 { background: #fff !important; position: relative; z-index: 4; transition: box-shadow .5s; box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.25); } .home .sticky-header-bar-2 .theme-listing { padding-left: 0; max-width: 678px; margin: 0 auto; width: 100%; } .home .sticky-header-bar-2 .theme-listing li { list-style: none; text-align: center; display: inline-block; width: 13.56932%; text-transform: uppercase; font-size: 14px; font-weight: 400; font-family: "Source Sans Pro", sans-serif; padding-top: 4px; line-height: 1; } .home .sticky-header-bar-2 .theme-listing li:hover a { font-weight: 700; } .home .sticky-header-bar-2 .theme-listing .classic a { color: #1F6A81; } .home .sticky-header-bar-2 .theme-listing .arcade a { color: #662168; } .home .sticky-header-bar-2 .theme-listing .horror a { color: #D0112B; } .home .sticky-header-bar-2 .theme-listing .comic a { color: #3A7CC8; } .home .sticky-header-bar-2 .theme-listing .jrgirl a { color: #D493D5; } .home .sticky-header-bar-2 .theme-listing .jrboys a { color: #34B5D0; } .home .sticky-header-bar-2 .theme-listing .scifi a { color: #62ccca; } @media only screen and (max-width: 1000px) { .home .sticky-header-bar-2 .theme-listing { display: none; } } .home .sticky-header-bar-2 .container { position: relative; } .home .sale-bar { text-align: center; text-transform: uppercase; background: #f7463d; } @media only screen and (max-width: 680px) { .home .sale-bar { display: none; } } .home .sale-bar p { color: #fff; font-size: 24px; line-height: 52px; font-family: "Source Sans Pro", sans-serif; margin: 0; } .home .sale-bar a { color: #ffdf2d; text-decoration: underline; padding-left: 4px; } .home .sale-bar a:hover { text-decoration: underline; } .home .landing-girl .static-header-bar-2 .static-header-logo { background: url("../images/logo_small_girl_alt.png") no-repeat; width: 127px; height: 52px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .landing-girl .static-header-bar-2 .static-header-logo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/logo_small_girl_alt@2x.png"); background-size: 127px 52px; } } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .landing-girl .static-header-bar-2 .static-header-logo { background-position: 0 0; } } .home .landing-girl .sticky-header-logo { background: url("../images/logo_small_girl.png") no-repeat; background-size: 171px 70px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .landing-girl .sticky-header-logo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/logo_small_girl@2x.png"); background-size: 175px 61px; } } .home .landing-boy .static-header-bar-2 .static-header-logo { background: url("../images/logo_small_boy_alt.png") no-repeat; width: 128px; height: 52px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .landing-boy .static-header-bar-2 .static-header-logo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/logo_small_boy_alt@2x.png"); background-size: 128px 52px; } } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .landing-boy .static-header-bar-2 .static-header-logo { background-position: 0 0; } } .home .landing-boy .sticky-header-logo { background: url("../images/logo_small_boy.png") no-repeat; background-size: 169px 69px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .landing-boy .sticky-header-logo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/logo_small_boy@2x.png"); background-size: 175px 61px; } } .home .landing-horror .static-header-bar-2 .static-header-logo { background: url("../images/logo_small_horror_alt.png") no-repeat; width: 130px; height: 54px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .landing-horror .static-header-bar-2 .static-header-logo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/logo_small_horror_alt@2x.png"); background-size: 130px 54px; } } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .landing-horror .static-header-bar-2 .static-header-logo { background-position: 0 0; } } .home .landing-horror .sticky-header-logo { background: url("../images/logo_small_horror.png") no-repeat; background-size: 172px 71px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .landing-horror .sticky-header-logo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/logo_small_horror@2x.png"); background-size: 172px 71px; } } .home .landing-scifi .static-header-bar-2 .static-header-logo { margin-top: 12px; background: url("../images/logo_small_scifi_alt.png") no-repeat; width: 130px; height: 56px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .landing-scifi .static-header-bar-2 .static-header-logo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/logo_small_scifi_alt@2x.png"); background-size: 130px 56px; } } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .landing-scifi .static-header-bar-2 .static-header-logo { background-position: 0 0; } } .home .landing-scifi .sticky-header-logo { background: url("../images/logo_small_scifi.png") no-repeat; background-size: 172px 71px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .landing-scifi .sticky-header-logo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/logo_small_scifi@2x.png"); background-size: 172px 71px; } } .home .landing-arcade .static-header-bar-2 .static-header-logo { background: url("../images/logo_small_arcade_alt.png") no-repeat; width: 128px; height: 51px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .landing-arcade .static-header-bar-2 .static-header-logo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/logo_small_arcade_alt@2x.png"); background-size: 128px 51px; } } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .landing-arcade .static-header-bar-2 .static-header-logo { background-position: 0 0; } } .home .landing-arcade .sticky-header-logo { background: url("../images/logo_small_arcade.png") no-repeat; background-size: 171px 68px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .landing-arcade .sticky-header-logo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/logo_small_arcade@2x.png"); background-size: 171px 68px; } } .home .landing-comic .static-header-bar-2 .static-header-logo { background: url("../images/stick_nav_logo_comic_alt.png") no-repeat; width: 137px; height: 54px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .landing-comic .static-header-bar-2 .static-header-logo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/stick_nav_logo_comic_alt@2x.png"); background-size: 137px 54px; } } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .landing-comic .static-header-bar-2 .static-header-logo { background-position: 0 0; } } .home .sticky-header-notifications { width: 430px; height: 20px; overflow: hidden; display: inline-block; font-size: 14px; color: #fff; font-family: "Source Sans Pro", sans-serif; } @media only screen and (max-width: 1024px) { .home .sticky-header-notifications { display: none; } } .home .sticky-header-social-media { display: inline-block; } .home .sticky-header-social-media a { color: #fff; vertical-align: middle; } .home .sticky-header-social-media a:hover { color: #9fe4f3; transition: color 0.2s; } .home .sticky-header-social-media li { display: inline-block; margin-left: 16px; } .home .sticky-header-nav a { display: block; vertical-align: middle; display: inline-block; text-transform: uppercase; font-size: 14px; color: #fff; font-family: "Source Sans Pro", sans-serif; } .home .sticky-header-nav a:hover { color: #9fe4f3; transition: color 0.2s; } .home .sticky-header-nav li { display: inline-block; margin-left: 29px; } .home .sticky-header-bar-2 .sticky-header-logo { background: url("../images/stick_nav_logo_alt.png") no-repeat; width: 125px; height: 44px; display: block; margin-top: 15px; } .home .home .sticky-header-timer-wrapper { margin: 6px 91px 0; } @media only screen and (max-width: 1000px) { .home .home .sticky-header-timer-wrapper { margin: 0 auto; } } .home .sticky-header-timer-wrapper { text-align: center; margin-top: 11px; margin-top: 6px; padding-bottom: 6px; margin: 6px 68px 0; } @media only screen and (max-width: 1000px) { .home .sticky-header-timer-wrapper { left: 0; top: 8px; margin: 0; width: 100%; background: none; position: absolute; margin-left: 0; width: 100%; display: block; margin: 0 auto; padding-left: 10%; line-height: 12px; z-index: 1; padding-top: 3px; } } .home .sticky-header-timer-wrapper .heading { color: #0D3D4C; font-family: "Source Sans Pro", sans-serif; font-size: 12px; font-weight: 400; text-transform: uppercase; } @media only screen and (max-width: 680px) { .home .sticky-header-timer-wrapper .heading { color: #fff; padding: 0px 26%; } } .home .sticky-header-timer-wrapper .timer { color: #FFF; margin-bottom: -2px; margin-top: -3px; font-family: "Source Sans Pro", sans-serif; font-size: 20px; font-weight: 700; text-shadow: 0 2px 0 #005570; line-height: 1; } .home .sticky-header-timer-wrapper .timer .days { margin-right: 10px; } .home .header-heading-font-style, .home .subscription-ends .time, .home .header-previous .sticky-header-timer-wrapper .timer, .header-previous .sticky-header-timer-wrapper .home .timer, .header-previous .subscription-ends .home .time, .home .header-previous .subscription-status-contain .sold-out .header-status, .header-previous .subscription-status-contain .sold-out .home .header-status, .home .header-previous .subscription-status-contain .now-open .header-status, .header-previous .subscription-status-contain .now-open .home .header-status { font-size: 40px; font-family: "Source Sans Pro", sans-serif; font-weight: bold; color: #fff; text-shadow: 0 2px 0 #005069; line-height: 1; } @media only screen and (max-width: 1024px) { .home .header-heading-font-style, .home .subscription-ends .time, .home .header-previous .sticky-header-timer-wrapper .timer, .header-previous .sticky-header-timer-wrapper .home .timer, .header-previous .subscription-ends .home .time, .home .header-previous .subscription-status-contain .sold-out .header-status, .header-previous .subscription-status-contain .sold-out .home .header-status, .home .header-previous .subscription-status-contain .now-open .header-status, .header-previous .subscription-status-contain .now-open .home .header-status { font-size: 28px; } } .home .header-sub-heading-font-style, .home .subscription-ends .heading, .home .subscription-status-contain .sold-out, .home .subscription-status-contain .now-open, .home .header-previous .sticky-header-timer-wrapper .heading, .header-previous .sticky-header-timer-wrapper .home .heading, .header-previous .subscription-ends .home .heading, .header-previous .subscription-status-contain .home .sold-out, .header-previous .subscription-status-contain .home .now-open { font-size: 16px; text-transform: uppercase; font-family: "Source Sans Pro", sans-serif; line-height: 1; } @media only screen and (max-width: 825px) { .home .header-sub-heading-font-style, .home .subscription-ends .heading, .home .subscription-status-contain .sold-out, .home .subscription-status-contain .now-open, .home .header-previous .sticky-header-timer-wrapper .heading, .header-previous .sticky-header-timer-wrapper .home .heading, .header-previous .subscription-ends .home .heading, .header-previous .subscription-status-contain .home .sold-out, .header-previous .subscription-status-contain .home .now-open { font-size: 12px; } } .home .subscription-ends { display: inline-block; float: right; text-align: center; margin-top: 18px; } .home .subscription-ends .time .icon-truck { font-size: 29px; } .home .home .subscription-status-contain { top: 0; } .home .subscription-status-contain { text-align: center; position: absolute; right: 0; top: 0; } @media screen and (max-width: 1000px) { .home .subscription-status-contain { float: none; display: block; width: 100%; top: 0; left: 0; right: auto; position: absolute; } } .home .subscription-status-contain .now-open { width: 85px; height: 98px; background: url("../images/header-open-alt.png") no-repeat; } .home .subscription-status-contain .now-open .header-status { color: #FFF; font-size: 18px; font-weight: 700; text-shadow: 0 2px 0 rgba(93, 64, 3, 0.42); } .home .subscription-status-contain .sold-out { width: 85px; height: 85px; margin-right: 10px; } .home .subscription-status-contain .sold-out .header-status { font-size: 18px; font-weight: 700; } .home .landing-girl .sold-out { background: #E8A7E9; } .home .landing-girl .sold-out .header-status { color: #EDDEED; text-shadow: 0 2px 0 rgba(87, 27, 89, 0.42); } @media screen and (max-width: 1000px) { .home .subscription-status-contain div:only-child { width: 100%; } } .home body.landing-arcade .subscription-status-contain .sold-out { background: #6e6e6e; color: white; } @media screen and (max-width: 1000px) { .home .subscription-status-contain .heading { display: inline-block; } } .home .subscription-status-contain .sold-out, .home .subscription-status-contain .now-open { padding-top: 10px; } .home .subscription-status-contain .sold-out .header-status, .home .subscription-status-contain .now-open .header-status { color: white; margin-top: 5px; } @media screen and (max-width: 1000px) { .home .subscription-status-contain .sold-out .header-status, .home .subscription-status-contain .now-open .header-status { display: inline-block; margin-left: 5px; font-size: 16px; } } @media screen and (max-width: 1000px) { .home .subscription-status-contain .now-open { background: #ffad14; } } .home .subscription-status-contain .sold-out, .home .subscription-status-contain .now-open { display: inline-block; } @media screen and (max-width: 1000px) { .home .subscription-status-contain .sold-out, .home .subscription-status-contain .now-open { float: right; width: 50%; padding-top: 0; padding-bottom: 6px; height: auto; margin: 0; background-size: cover; } } .home .subscription-status-contain .now-open.horror-ribbon { background: #A81A15; color: #fff; position: relative; height: 95px; width: 120px; padding: 9px 4px 0; } .home .subscription-status-contain .now-open.horror-ribbon .heading { color: #fff; font-size: 17px; letter-spacing: 0.05em; } .home .subscription-status-contain .now-open.horror-ribbon .header-status { font-size: 18px; display: inline-block; } .home .subscription-status-contain .now-open.horror-ribbon:after { top: 100%; left: 50%; content: " "; position: absolute; pointer-events: none; width: 0; height: 0; border-style: solid; border-width: 25px 60px 0 60px; border-color: #a81a15 transparent transparent transparent; margin-left: -60px; } @media screen and (max-width: 1000px) { .home .subscription-status-contain .now-open.horror-ribbon { width: 100%; height: auto; padding: 1px 5px 7px; } .home .subscription-status-contain .now-open.horror-ribbon:after { border: 0; } } .home .btn-nav { display: none; margin-top: 30px; margin-right: 10px; float: right; width: 32px; height: 25px; background: url("../images/resp_nav_icon_alt.png") no-repeat center; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .btn-nav { /* on retina, use image that's scaled by 2 */ background-image: url("../images/resp_nav_icon_alt@2x.png"); background-size: 32px 25px; } } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .btn-nav { background-position: 0 0; } } @media only screen and (max-width: 1000px) { .home .btn-nav { margin-top: 12px; position: relative; z-index: 2; } } @media only screen and (max-width: 1000px) { .home .btn-nav { display: block; } } .home .nav-dropdown { height: 100%; position: fixed; top: 0; left: 0; width: 100%; background: url("../images/mobile-screen.png"); z-index: 999; text-align: center; } .home .nav-dropdown .btn-close { display: block; position: absolute; top: 28px; right: 18px; } .home .nav-dropdown .sticky-header-nav { float: none; margin-top: 45px; } .home .nav-dropdown .sticky-header-nav li { display: block; margin-bottom: 15px; margin-left: 0; } .home .nav-dropdown .sticky-header-nav a { font-size: 36px; } .home .static-header { font-size: 14px; position: absolute; width: 100%; top: 0; } @media only screen and (max-width: 1000px) { .home .static-header { display: none; } } .home .static-header-bar-1 { background: #007da5; color: #fff; padding-top: 5px; padding-bottom: 5px; z-index: 5; position: relative; box-shadow: 0 1px 0 rgba(69, 69, 69, 0.47); } @media only screen and (max-width: 680px) { .home .static-header-bar-1 { display: none; } } .home .static-header-bar-2 { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0.01+100 */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.01) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#03000000',GradientType=0 ); /* IE6-9 */ padding-bottom: 15px; position: relative; z-index: 4; transition: all .5s; } @media only screen and (max-width: 680px) { .home .static-header-bar-2 { height: auto; padding-bottom: 76px; } } .home .static-header-bar-2 .btn-1 { padding: 7px 40px 11px; font-size: 24px; line-height: 36px; margin-top: 15px; } .home .static-header-bar-2 .static-header-logo { background: url("../images/stick_nav_logo_alt.png") no-repeat; width: 125px; height: 44px; display: block; margin-top: 15px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .static-header-bar-2 .static-header-logo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/stick_nav_logo_alt@2x.png"); background-size: 125px 44px; } } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .static-header-bar-2 .static-header-logo { background-position: 0 0; } } .home .static-header-bar-2 .container { position: relative; } .home .sale-bar { text-align: center; text-transform: uppercase; background: #f7463d; } @media only screen and (max-width: 680px) { .home .sale-bar { display: none; } } .home .sale-bar p { color: #fff; font-size: 24px; line-height: 52px; font-family: "Source Sans Pro", sans-serif; margin: 0; } .home .sale-bar a { color: #ffdf2d; text-decoration: underline; padding-left: 4px; } .home .sale-bar a:hover { text-decoration: underline; } .home .landing-girl .sticky-header-logo { background: url("../images/logo_small_girl.png") no-repeat; background-size: 171px 70px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .landing-girl .sticky-header-logo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/logo_small_girl@2x.png"); background-size: 175px 61px; } } .home .landing-boy .sticky-header-logo { background: url("../images/logo_small_boy.png") no-repeat; background-size: 169px 69px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .landing-boy .sticky-header-logo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/logo_small_boy@2x.png"); background-size: 175px 61px; } } .home .landing-horror .sticky-header-logo { background: url("../images/logo_small_horror.png") no-repeat; background-size: 172px 71px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .landing-horror .sticky-header-logo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/logo_small_horror@2x.png"); background-size: 172px 71px; } } .home .landing-arcade .sticky-header-logo { background: url("../images/logo_small_arcade.png") no-repeat; background-size: 171px 68px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .landing-arcade .sticky-header-logo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/logo_small_arcade@2x.png"); background-size: 171px 68px; } } .home .landing-scifi .sticky-header-logo { background: url("../images/logo_small_scifi.png") no-repeat; background-size: 171px 68px; margin-top: 8px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .home .landing-scifi .sticky-header-logo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/logo_small_scifi@2x.png"); background-size: 171px 68px; } } .home .static-header-notifications { width: 430px; height: 20px; overflow: hidden; display: inline-block; font-size: 14px; color: #fff; font-family: "Source Sans Pro", sans-serif; } @media only screen and (max-width: 1024px) { .home .static-header-notifications { display: none; } } .home .static-header-nav { margin-left: 8px; } .home .static-header-nav a { display: block; vertical-align: middle; display: inline-block; text-transform: uppercase; font-size: 14px; color: #fff; font-family: "Source Sans Pro", sans-serif; } @media only screen and (max-width: 730px) { .home .static-header-nav a { font-size: 16px; } } .home .static-header-nav a:hover { color: #9fe4f3; transition: color 0.2s; } .home .static-header-nav li { display: inline-block; margin-left: 16px; } .home .static-header-timer-wrapper { position: absolute; top: -7px; left: 50%; margin-left: -25%; width: 50%; margin-top: 10px; text-align: center; } @media only screen and (max-width: 680px) { .home .static-header-timer-wrapper { left: 0; top: 100%; background: #000; margin-left: 0; width: 100%; display: block; margin: 0 auto; clear: both; padding: 12px 0 12px 0; } } .home .static-header-timer-wrapper .heading { color: #989898; font-family: "Source Sans Pro"; font-size: 14px; line-height: 1; font-weight: 400; text-transform: uppercase; } @media only screen and (max-width: 680px) { .home .static-header-timer-wrapper .heading { color: #fff; } } .home .static-header-timer-wrapper .timer { color: #FFF; font-family: "Source Sans Pro"; font-size: 36px; line-height: 1; font-weight: 700; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.42); } .home .static-header-timer-wrapper .timer .days { margin-right: 10px; } .home .header-heading-font-style, .home .subscription-ends .time, .home .header-previous .sticky-header-timer-wrapper .timer, .header-previous .sticky-header-timer-wrapper .home .timer, .header-previous .subscription-ends .home .time, .home .header-previous .subscription-status-contain .sold-out .header-status, .header-previous .subscription-status-contain .sold-out .home .header-status, .home .header-previous .subscription-status-contain .now-open .header-status, .header-previous .subscription-status-contain .now-open .home .header-status { font-size: 40px; font-family: "Source Sans Pro", sans-serif; font-weight: bold; color: #fff; text-shadow: 0 2px 0 #005069; line-height: 1; } .home .header-sub-heading-font-style, .home .subscription-ends .heading, .home .subscription-status-contain .sold-out, .home .subscription-status-contain .now-open, .home .header-previous .sticky-header-timer-wrapper .heading, .header-previous .sticky-header-timer-wrapper .home .heading, .header-previous .subscription-ends .home .heading, .header-previous .subscription-status-contain .home .sold-out, .header-previous .subscription-status-contain .home .now-open { font-size: 16px; text-transform: uppercase; font-family: "Source Sans Pro", sans-serif; line-height: 1; } @media only screen and (max-width: 825px) { .home .header-sub-heading-font-style, .home .subscription-ends .heading, .home .subscription-status-contain .sold-out, .home .subscription-status-contain .now-open, .home .header-previous .sticky-header-timer-wrapper .heading, .header-previous .sticky-header-timer-wrapper .home .heading, .header-previous .subscription-ends .home .heading, .header-previous .subscription-status-contain .home .sold-out, .header-previous .subscription-status-contain .home .now-open { font-size: 12px; } } .home .landing-girl .static-header-bar-1 { background: #6b1070; } .tout-wrapper { margin: 0 auto; height: 735px; overflow: hidden; padding-top: 14px; background: #d0f2fa url("../images/tout_tile_03.jpg") center; } @media only screen and (max-width: 680px) { .tout-wrapper { background-position: 46% center; height: auto !important; } } .tout-wrapper .container { display: table; width: 100%; padding-left: 1.66667%; text-align: center; } .tout-wrapper .container img { width: 100%; } .tout-wrapper .container .alignment-container { display: table-cell; vertical-align: middle; height: 667px; } @media only screen and (max-width: 680px) { .tout-wrapper .container .alignment-container { vertical-align: top; padding-top: 35px; } } @media only screen and (max-width: 680px) { .tout-wrapper.tout-home { display: none; } } .tout-wrapper .tout-graphic, .tout-wrapper .tout-details { width: 53%; } @media only screen and (max-width: 680px) { .tout-wrapper .tout-graphic, .tout-wrapper .tout-details { margin: 0 auto; width: 100%; } } .tout-wrapper .tout-graphic { width: 53%; margin-bottom: 4.4898%; } @media only screen and (max-width: 680px) { .tout-wrapper .tout-graphic { margin: 0 auto; width: 100%; } } .tout-wrapper .tout-details { padding-left: 64px; } @media only screen and (max-width: 680px) { .tout-wrapper .tout-details { padding-left: 0; } } .tout-wrapper .tout-details .blurb, .tout-wrapper .tout-details .btn-process { font-size: 24px; color: #005f7e; line-height: 26px; font-family: "Source Sans Pro", sans-serif; text-transform: uppercase; } @media only screen and (max-width: 680px) { .tout-wrapper .tout-details .blurb, .tout-wrapper .tout-details .btn-process { font-size: 18px; } } .tout-wrapper .tout-details .blurb { margin-bottom: 10px; } @media only screen and (max-width: 680px) { .tout-wrapper .tout-details .blurb { margin-top: 20px; margin-bottom: 20px; } } .tout-wrapper .tout-details .btn-1 { box-shadow: 0 6px 0 0 #499100; padding: 6px 40px 0px; line-height: 38px; } @media only screen and (max-width: 1024px) { .tout-wrapper .tout-details .btn-1 { padding-bottom: 5px; line-height: 30px; } } @media only screen and (max-width: 680px) { .tout-wrapper .tout-details .btn-1 { line-height: 22px; padding-bottom: 4px; margin-top: 15px; } } .tout-wrapper .tout-details .btn-1 .btn-1 span { line-height: 35px; } .tout-wrapper .tout-details .btn-process { display: inline-block; margin-top: 24px; transition: color 0.2s; } .tout-wrapper .tout-details .btn-process, .tout-wrapper .tout-details .btn-process span { vertical-align: middle; line-height: 1; } .tout-wrapper .tout-details .btn-process span { margin-top: -4px; display: inline-block; font-size: 32px; padding-right: 2px; } .tout-wrapper .tout-details .btn-process:hover { color: #003c4f; } .only-mobile { display: none; } @media only screen and (max-width: 680px) { .only-mobile { display: block; } } .section-choose-theme { padding: 30px 0 100px; } @media only screen and (max-width: 680px) { .section-choose-theme { padding-bottom: 10px; } } @media only screen and (max-width: 680px) { .section-choose-theme h3 { font-size: 18px; line-height: 26px; padding: 10px 20px; } } .page-section.section-grab-block { background: url("../images/grab_tout_bg.jpg") no-repeat 62% bottom #79cbe2; padding-bottom: 260px; } @media only screen and (max-width: 680px) { .page-section.section-grab-block { padding-bottom: 160px; background-size: 500%; } .page-section.section-grab-block .btn-1 { line-height: 25px; padding-bottom: 5px; } } .page-section.section-grab-block h2 { color: #fff; text-shadow: 0 2px 0 #125570; margin-bottom: 28px; } @media only screen and (max-width: 1024px) { .page-section.section-grab-block h2 { font-size: 3em; } } @media only screen and (max-width: 680px) { .page-section.section-grab-block h2 { font-size: 2.125em; } } .page-section.section-grab-block h3 { font-size: 36px; line-height: 48px; color: #0a709c; margin-bottom: 30px; } @media only screen and (max-width: 680px) { .page-section.section-grab-block h3 { font-size: 28px; line-height: 32px; padding: 10px; } } .page-section.section-grab-block p { font-size: 24px; line-height: 36px; color: #0b76a4; font-family: "Source Sans Pro", sans-serif; padding-bottom: 30px; } @media only screen and (max-width: 680px) { .page-section.section-grab-block p { font-size: 20px; line-height: 26px; padding: 2px 18px 15px; } } .theme-block-wrapper { max-width: 1140px; margin: 0 auto; text-align: center; } .theme-block-wrapper .theme-nerdblock { background: #007da5; } .theme-block-wrapper .theme-nerdblock .inner-container { background: url("../images/theme_block_classic.jpg") no-repeat top; } .theme-block-wrapper .theme-nerdblock .upstate-container { background: url("../images/theme_classic_hover.jpg") no-repeat top; } .theme-block-wrapper .theme-nerdblock .upstate-container .view { background: #006484; } .theme-block-wrapper .theme-nerdblockjrboys { background: #34b5d0; } .theme-block-wrapper .theme-nerdblockjrboys .inner-container { background: url("../images/theme_block_boys.jpg") no-repeat top; } .theme-block-wrapper .theme-nerdblockjrboys .info-container { background: #34b5d0; } .theme-block-wrapper .theme-nerdblockjrboys .upstate-container { background: url("../images/theme_boys_hover.jpg") no-repeat top; } .theme-block-wrapper .theme-nerdblockjrboys .upstate-container .view { background: #218da2; } .theme-block-wrapper .theme-nerdblockjrgirls { background: #d392d5; } .theme-block-wrapper .theme-nerdblockjrgirls .inner-container { background: url("../images/theme_block_girls.jpg") no-repeat top; } .theme-block-wrapper .theme-nerdblockjrgirls .info-container { background: #d392d5; } .theme-block-wrapper .theme-nerdblockjrgirls .upstate-container { background: url("../images/theme_girls_hover.jpg") no-repeat top; } .theme-block-wrapper .theme-nerdblockjrgirls .upstate-container .view { background: #b56ab5; } .theme-block-wrapper .theme-comic { background: #233b8a; } .theme-block-wrapper .theme-comic .inner-container { background: url("../images/theme_block_comic.jpg") no-repeat top; } .theme-block-wrapper .theme-comic .info-container { background: #233b8a; } .theme-block-wrapper .theme-comic .upstate-container { background: url("../images/theme_comic_hover.jpg") no-repeat top; } .theme-block-wrapper .theme-comic .upstate-container .view { background: #2F5B9B; } .theme-block-wrapper .theme-choppingblock { background: #d0112b; } .theme-block-wrapper .theme-choppingblock .inner-container { background: url("../images/theme_block_horror.jpg") no-repeat top; } .theme-block-wrapper .theme-choppingblock .info-container { background: #d0112b; } .theme-block-wrapper .theme-choppingblock .upstate-container { background: url("../images/theme_horror_hover.jpg") no-repeat top; } .theme-block-wrapper .theme-choppingblock .upstate-container .view { background: #990519; } .theme-block-wrapper .theme-arcade { background: #652567; } .theme-block-wrapper .theme-arcade .inner-container { background: url("../images/theme_block_arcade.jpg") no-repeat top; } .theme-block-wrapper .theme-arcade .info-container { background: #652567; } @media only screen and (max-width: 1024px) { .theme-block-wrapper .theme-arcade .info-container { padding-top: 30px; } } @media only screen and (max-width: 1000px) { .theme-block-wrapper .theme-arcade .info-container { padding-top: 41px; } } @media only screen and (max-width: 680px) { .theme-block-wrapper .theme-arcade .info-container { padding-top: 13px; } } .theme-block-wrapper .theme-arcade .upstate-container { background: url("../images/theme_arcade_hover.jpg") no-repeat top; } .theme-block-wrapper .theme-arcade .upstate-container .view { background: #4d144f; } .theme-block-wrapper .theme-scifi { background: #62ccca; } .theme-block-wrapper .theme-scifi.theme-block { width: 100%; margin-right: 0 !important; margin-top: 0 !important; } .theme-block-wrapper .theme-scifi.theme-block .inner-wrapper .logo { width: auto; } .theme-block-wrapper .theme-scifi.theme-block .inner-wrapper .logo img { max-width: 100%; width: auto; } .theme-block-wrapper .theme-scifi .inner-container { background: url("../images/theme_block_scifi.jpg") no-repeat top; } .theme-block-wrapper .theme-scifi .info-container { background: #62ccca; } @media only screen and (max-width: 1024px) { .theme-block-wrapper .theme-scifi .info-container { padding-top: 30px; } } @media only screen and (max-width: 1000px) { .theme-block-wrapper .theme-scifi .info-container { padding-top: 41px; } } @media only screen and (max-width: 680px) { .theme-block-wrapper .theme-scifi .info-container { padding-top: 13px; } } .theme-block-wrapper .theme-scifi .upstate-container { background: url("../images/theme_scifi_hover.jpg") no-repeat top; width: 101%; left: -1px; padding-top: 84px !important; } .theme-block-wrapper .theme-scifi .upstate-container .view { background: #31a19f; } @media only screen and (max-width: 1000px) { .theme-block-wrapper .theme-scifi .upstate-container { padding-top: 54px; } .theme-block-wrapper .theme-scifi .upstate-container .logo { width: 50% !important; } } .theme-block-wrapper .info-container { background: #007da5; padding: 25px 22px 18px; font-family: "Source Sans Pro", sans-serif; } @media only screen and (max-width: 680px) { .theme-block-wrapper .info-container { padding: 13px; } } .theme-block-wrapper .info-container .price { text-align: right; } .theme-block-wrapper .theme-title { text-align: left; font-size: 36px; text-transform: uppercase; color: #fff; font-weight: 900; line-height: 1; } @media only screen and (max-width: 1024px) { .theme-block-wrapper .theme-title { font-size: 30px; vertical-align: top; } } @media only screen and (max-width: 1000px) { .theme-block-wrapper .theme-title { font-size: 24px; } } @media only screen and (max-width: 680px) { .theme-block-wrapper .theme-title { font-size: 21px; } } .theme-block-wrapper .tagline { font-size: 24px; color: rgba(255, 255, 255, 0.5); line-height: 30px; text-align: left; } @media only screen and (max-width: 1024px) { .theme-block-wrapper .tagline { font-size: 18px; line-height: 26px; } } @media only screen and (max-width: 1000px) { .theme-block-wrapper .tagline { font-size: 16px; } } @media only screen and (max-width: 680px) { .theme-block-wrapper .tagline { font-size: 16px; line-height: 22px; } } .theme-block-wrapper .price { margin-top: -8px; font-size: 60px; font-weight: 900; color: rgba(255, 255, 255, 0.5); line-height: 1; } .theme-block-wrapper .price span { font-size: 30px; vertical-align: top; line-height: 42px; } @media only screen and (max-width: 1024px) { .theme-block-wrapper .price span { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 1000px) { .theme-block-wrapper .price span { font-size: 14px; line-height: 16px; } } @media only screen and (max-width: 680px) { .theme-block-wrapper .price span { font-size: 12px; } } @media only screen and (max-width: 1024px) { .theme-block-wrapper .price { font-size: 30px; vertical-align: top; margin-top: 0; } } @media only screen and (max-width: 1000px) { .theme-block-wrapper .price { font-size: 21px; } } .theme-block-wrapper .theme-block { width: 49%; display: inline-block; margin-top: 1.83333%; vertical-align: top; cursor: pointer; } @media only screen and (max-width: 680px) { .theme-block-wrapper .theme-block { width: 100%; margin-bottom: 20px; } } .theme-block-wrapper .theme-block:nth-child(odd) { margin-right: 1%; } .theme-block-wrapper .theme-block .inner-col { width: 48.5%; } @media only screen and (max-width: 680px) { .theme-block-wrapper .theme-block .inner-col { width: 100%; } .theme-block-wrapper .theme-block .inner-col:first-child { margin-bottom: 20px; } } .theme-block-wrapper .theme-block .inner-col .theme-title { font-size: 24px; line-height: 1; } .theme-block-wrapper .theme-block .inner-col .price { width: 40%; font-size: 48px; margin-top: -5px; } .theme-block-wrapper .theme-block .inner-col .price span { font-size: 24px; line-height: 34px; } .theme-block-wrapper .theme-block .inner-col .tagline { font-size: 16px; line-height: 18px; } .theme-block-wrapper .theme-block .inner-col .upstate-container { padding-bottom: 25%; padding-top: 29%; } .theme-block-wrapper .theme-block .inner-col .upstate-container .logo { width: 65%; } .theme-block-wrapper .theme-block .inner-col .upstate-container .tagline { padding-right: 10px; padding-left: 10px; line-height: 28px; } .theme-block-wrapper .theme-block .inner-col .info-container { padding: 16px 22px 10px; } .theme-block-wrapper .theme-block .inner-col .info-container div > .fl { width: 60%; } .theme-block-wrapper .theme-block .inner-wrapper { position: relative; overflow: hidden; height: 409px; } @media only screen and (max-width: 680px) { .theme-block-wrapper .theme-block .inner-wrapper { height: 346px; } } .theme-block-wrapper .theme-block .inner-wrapper .inner-container { position: relative; z-index: 10; display: table; width: 101%; margin-left: -1px; height: 100%; } @media only screen and (max-width: 680px) { .theme-block-wrapper .theme-block .inner-wrapper .inner-container { background-size: cover; } } .theme-block-wrapper .theme-block .inner-wrapper .inner-container .info-wrapper { width: 101%; display: table-cell; vertical-align: bottom; } .theme-block-wrapper .theme-block .inner-wrapper .block-img { position: absolute; bottom: -6%; left: 27%; margin-left: -312px; z-index: 5; } .theme-block-wrapper .theme-block .inner-wrapper .block-img img { width: 126%; } .theme-block-wrapper .theme-block .inner-wrapper .logo { position: absolute; top: 16px; left: 28px; width: 28.35314%; } .theme-block-wrapper .theme-block .inner-wrapper .logo img { width: 100%; text-align: left; } @media only screen and (max-width: 680px) { .theme-block-wrapper .theme-block .inner-wrapper .logo { top: 14px; left: 14px; width: 48%; } } .theme-block-wrapper .theme-block .upstate-container { padding-bottom: 13.17073%; padding-top: 13.17073%; position: relative; z-index: 10; width: 101%; position: absolute; top: 0; display: none; } @media only screen and (max-width: 1024px) { .theme-block-wrapper .theme-block .upstate-container { height: 100%; } } @media only screen and (max-width: 680px) { .theme-block-wrapper .theme-block .upstate-container { background-size: cover; } } .theme-block-wrapper .theme-block .upstate-container .upstate-info-wrapper { width: 100%; vertical-align: middle; display: block; height: 260px; text-align: center; } @media only screen and (max-width: 1024px) { .theme-block-wrapper .theme-block .upstate-container .upstate-info-wrapper { padding-left: 4.87805%; padding-right: 4.87805%; } } .theme-block-wrapper .theme-block .upstate-container .tagline { font-size: 24px; color: #fff; font-family: "Source Sans Pro", sans-serif; margin-top: 8px; text-align: center; padding-top: 15px; margin-bottom: 17px; } .theme-block-wrapper .theme-block .upstate-container .logo { width: 49.23599%; left: auto; position: relative; margin: 0 auto; } .theme-block-wrapper .theme-block .upstate-container .view { font-family: "komika", sans-serif; color: #fff; font-size: 24px; text-transform: uppercase; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 15px 16px 20px 16px; line-height: 1; display: inline-block; } .logo-banner { height: 108px; background: #34b6d0 url("../images/company_logos.png") center no-repeat; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .logo-banner { /* on retina, use image that's scaled by 2 */ background-image: url("../images/company_logos@2x.png"); background-size: 1895px 48px; } } @media only screen and (max-width: 680px) { .logo-banner { background-size: 300%; height: 86px; } } .section-previous-blocks { padding: 50px 0 65px; } .section-previous-blocks h2 { margin-bottom: 50px; color: #127593; } .section-previous-blocks .previous-block { width: 30%; display: inline-block; margin-left: 3.33333%; } .section-previous-blocks .previous-block:first-child { margin-left: 0; } .section-previous-blocks .product-img { margin-bottom: 20px; } .section-previous-blocks .product-img img { width: 100%; } .section-previous-blocks .product-date { font-size: 30px; font-weight: bold; color: #127593; font-family: "Source Sans Pro", sans-serif; text-transform: uppercase; } .section-howitworks { background: #127593 url(../images/tile_house.png) center bottom repeat-x; min-height: 1699px; } @media only screen and (max-width: 1024px) { .section-howitworks { background-image: none; } } .section-howitworks h2 { color: #fff; background: url("../images/stars_header.png") no-repeat center; min-height: 113px; padding-left: 10px; margin-bottom: 60px; margin-top: 18px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .section-howitworks h2 { /* on retina, use image that's scaled by 2 */ background-image: url("../images/stars_header@2x.png"); background-size: 722px 113px; } } @media only screen and (max-width: 1024px) { .section-howitworks h2 { margin-bottom: 20px; background-size: 80%; background-position: top; } } @media only screen and (max-width: 680px) { .section-howitworks h2 { margin-bottom: 0px; min-height: 70px; } } .section-howitworks h3 { color: #fff; font-size: 34px; line-height: 34px; font-family: "Source Sans Pro", sans-serif; font-weight: bold; text-align: left; margin-bottom: 7px; width: 100%; letter-spacing: 0.04em; } @media only screen and (max-width: 1024px) { .section-howitworks h3 { text-align: center; margin-bottom: 10px; } } @media only screen and (max-width: 680px) { .section-howitworks h3 { font-size: 22px; line-height: 30px; } } .section-howitworks p { color: #0a3846; font-size: 18px; line-height: 26px; font-family: "Source Sans Pro", sans-serif; text-align: left; margin-top: 0; } @media only screen and (max-width: 680px) { .section-howitworks p { font-size: 18px; line-height: 24px; } } .section-howitworks .resp-image { display: none; } @media only screen and (max-width: 1024px) { .section-howitworks .resp-image { display: block; width: 224px; height: 224px; margin: 0 auto; padding-bottom: 20px; } } .section-howitworks .resp-image-two { display: none; } @media only screen and (max-width: 1024px) { .section-howitworks .resp-image-two { display: block; width: 224px; height: 245px; margin: 0 auto; padding-bottom: 20px; } } .section-howitworks .resp-image-three { display: none; } @media only screen and (max-width: 1024px) { .section-howitworks .resp-image-three { display: block; width: 224px; height: 236px; margin: 0 auto; padding-bottom: 20px; } } .section-howitworks .resp-image-four { display: none; } @media only screen and (max-width: 1024px) { .section-howitworks .resp-image-four { display: block; width: 224px; height: 428px; margin: 0 auto; padding-bottom: 20px; } } .section-howitworks .inner-section { height: 300px; text-align: left; } @media only screen and (max-width: 1024px) { .section-howitworks .inner-section { height: auto; } } .section-howitworks .container { position: relative; background: url("../images/how_it_works.png") no-repeat center 172px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .section-howitworks .container { /* on retina, use image that's scaled by 2 */ background-image: url("../images/how_it_works@2x.png"); background-size: 1146px 915px; } } @media only screen and (max-width: 1024px) { .section-howitworks .container { background: none; } } .section-howitworks .inner-wrapper .inner-section:first-child { margin-left: 38.62069%; padding-top: 62px; } .section-howitworks .inner-wrapper .inner-section:first-child p { max-width: 410px; } @media only screen and (max-width: 1024px) { .section-howitworks .inner-wrapper .inner-section:first-child p { margin: 0 auto; text-align: center; } } @media only screen and (max-width: 1024px) { .section-howitworks .inner-wrapper .inner-section:first-child { margin: 0 auto; padding-top: 0; } } .section-howitworks .inner-wrapper .inner-section:nth-child(2) { margin-right: 22.32759%; padding-top: 34px; } @media only screen and (max-width: 1024px) { .section-howitworks .inner-wrapper .inner-section:nth-child(2) { margin: 0 auto; padding-top: 74px; } } .section-howitworks .inner-wrapper .inner-section:nth-child(2) p { max-width: 630px; } @media only screen and (max-width: 1024px) { .section-howitworks .inner-wrapper .inner-section:nth-child(2) p { margin: 0 auto; text-align: center; } } .section-howitworks .inner-wrapper .inner-section:nth-child(2) p, .section-howitworks .inner-wrapper .inner-section:nth-child(2) h3 { text-align: right; float: right; } @media only screen and (max-width: 1024px) { .section-howitworks .inner-wrapper .inner-section:nth-child(2) p, .section-howitworks .inner-wrapper .inner-section:nth-child(2) h3 { text-align: center; margin-bottom: 10px; float: none; } } .section-howitworks .inner-wrapper .inner-section:nth-child(3) { margin-left: 26.55172%; padding-top: 29px; } @media only screen and (max-width: 1024px) { .section-howitworks .inner-wrapper .inner-section:nth-child(3) { margin: 0 auto; padding-top: 69px; } } .section-howitworks .inner-wrapper .inner-section:nth-child(3) p { max-width: 565px; } @media only screen and (max-width: 1024px) { .section-howitworks .inner-wrapper .inner-section:nth-child(3) p { margin: 0 auto; text-align: center; } } .section-howitworks .inner-wrapper .inner-section:nth-child(4) { margin-right: 36.89655%; padding-top: 40px; } @media only screen and (max-width: 1024px) { .section-howitworks .inner-wrapper .inner-section:nth-child(4) { margin: 0 auto; padding-bottom: 25px; padding-top: 55px; } } .section-howitworks .inner-wrapper .inner-section:nth-child(4) p { max-width: 550px; } @media only screen and (max-width: 1024px) { .section-howitworks .inner-wrapper .inner-section:nth-child(4) p { margin: 0 auto; text-align: center; } } .section-howitworks .inner-wrapper .inner-section:nth-child(4) p, .section-howitworks .inner-wrapper .inner-section:nth-child(4) h3 { text-align: right; float: right; } @media only screen and (max-width: 1024px) { .section-howitworks .inner-wrapper .inner-section:nth-child(4) p, .section-howitworks .inner-wrapper .inner-section:nth-child(4) h3 { text-align: center; margin-bottom: 10px; float: none; } } .section-howitworks .russ-large { width: 341px; height: 677px; position: absolute; bottom: -258px; left: 64.5%; background: url("../images/russ_large.png") 0 0 no-repeat; } @media only screen and (max-width: 1024px) { .section-howitworks .russ-large { background-image: none; bottom: 0; left: 40.5%; } } @media only screen and (max-width: 680px) { .section-howitworks .russ-large { display: none; } } .section-howitworks .heart-01, .section-howitworks .heart-02, .section-howitworks .heart-03 { position: absolute; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; -moz-animation-duration: 0.5s; -moz-animation-iteration-count: infinite; -ms-animation-duration: 0.5s; -ms-animation-iteration-count: infinite; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .section-howitworks .heart-01 { width: 43px; height: 49px; top: 14px; left: 174px; background: url("../images/heart_01.png") 0 0 no-repeat; -webkit-animation-name: pulse1; animation-name: pulse1; } @media only screen and (max-width: 1024px) { .section-howitworks .heart-01 { top: -35px; left: 110px; } } .section-howitworks .heart-02 { width: 23px; height: 26px; top: 63; left: 0; background: url("../images/heart_02.png") 0 0 no-repeat; -webkit-animation-name: pulse2; animation-name: pulse2; } .section-howitworks .heart-03 { width: 40px; height: 43px; top: 155px; left: 292px; background: url("../images/heart_03.png") 0 0 no-repeat; -webkit-animation-name: pulse3; animation-name: pulse3; } @media only screen and (max-width: 1024px) { .section-howitworks .heart-03 { top: 65px; left: 180px; } } .user-subscribed { display: none; text-align: center; color: #255c6f; font-size: 18px; line-height: 22px; background: #ffdf2d; border-radius: 5px; position: fixed; right: 30px; bottom: 30px; z-index: 10; width: 235px; padding: 20px 30px 8px 30px; font-family: "Source Sans Pro", sans-serif; box-shadow: 0 3px 0 0 rgba(59, 59, 59, 0.34); } .user-subscribed .time { display: block; font-size: 12px; font-weight: bold; line-height: 24px; } .section-testimonials { background: #79c3d3; padding-bottom: 0; } @media only screen and (max-width: 680px) { .section-testimonials { display: none; } } .section-testimonials .container { display: table; text-align: center; position: relative; width: 100%; } .section-testimonials .container h2 { font-size: 3.75em; color: #fff; margin-bottom: 50px; } .section-testimonials .char-01 { padding-bottom: 305px; background: url("../images/char_01_homepage.png") center bottom no-repeat; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .section-testimonials .char-01 { /* on retina, use image that's scaled by 2 */ background-image: url("../images/char_01_homepage@2x.png"); background-size: 178px 247px; } } .section-testimonials .char-01 .tail { -webkit-transform: rotateY(180deg); height: 32px; top: 100%; } .section-testimonials .char-02 { padding-bottom: 372px; background: url("../images/char_02_homepage.png") center bottom no-repeat; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .section-testimonials .char-02 { /* on retina, use image that's scaled by 2 */ background-image: url("../images/char_02_homepage@2x.png"); background-size: 237px 321px; } } .section-testimonials .char-02 .tail { height: 35px; top: 100%; } .section-testimonials .char-03 { padding-bottom: 368px; background: url("../images/char_03_homepage.png") center bottom no-repeat; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .section-testimonials .char-03 { /* on retina, use image that's scaled by 2 */ background-image: url("../images/char_03_homepage@2x.png"); background-size: 222px 299px; } } .section-testimonials .char-03 .tail { height: 31px; top: 100%; } .section-testimonials .char-01, .section-testimonials .char-02, .section-testimonials .char-03 { width: 33.33333%; display: table-cell; vertical-align: bottom; } .section-testimonials .inner-wrapper { width: 66.29834%; display: inline-block; padding: 20px 28px; background: #fff; border-radius: 5px; border-bottom: 3px solid #006484; position: relative; } .section-testimonials .quote { font-size: 18px; line-height: 24px; color: #255c6f; font-family: "Source Sans Pro", sans-serif; } .section-testimonials .author { font-size: 24px; color: #255C6F; font-family: "komika", sans-serif; display: block; margin-top: 10px; } .section-testimonials .tail { width: 33px; bottom: -60px; left: 50%; margin-left: -16px; position: absolute; background: url("../images/quote_tail.png") 0 bottom no-repeat; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .section-testimonials .tail { /* on retina, use image that's scaled by 2 */ background-image: url("../images/quote_tail@2x.png"); background-size: 33px 36px; } } @media only screen and (max-width: 680px) { .section-unpacking { display: none; } } .section-unpacking .icon-play { color: #000; font-size: 52px; border: 6px solid #FFF; position: absolute; top: 30%; left: 50%; margin-left: -32px; border-radius: 50%; background: #FFF; transition: color, 0.2s; } .section-unpacking .icon-play:hover { color: #0089B5; transition: color, 0.2s; } .section-unpacking .col { position: relative; width: 48%; } .section-unpacking .col img { max-width: 100%; } .section-unpacking .col-2 { width: 67.5%; margin: 0 auto; } .section-unpacking .author { color: #343434; font-size: 30px; font-family: "Source Sans Pro", sans-serif; font-weight: bold; text-transform: uppercase; line-height: 30px; padding-top: 13px; } .section-unpacking .video-link { color: #343434; font-size: 24px; font-family: "Source Sans Pro", sans-serif; text-transform: uppercase; line-height: 30px; } .section-unpacking h3 { color: #151515; } .checkout-status-wrapper { background: #135468; padding: 58px 0 109px 0; text-align: center; } @media only screen and (max-width: 680px) { .checkout-status-wrapper { overflow: hidden; padding: 48px 15px 96px; z-index: 100; position: relative; } } .checkout-status-wrapper.alt .status-label-3 { left: 50%; } .checkout-status-wrapper.alt .status-label-4 { left: 100%; } .checkout-status-wrapper.alt.select-block .status-bar-fill { width: 0; } .checkout-status-wrapper.alt.billing-shipping .status-bar-fill { width: 50%; } .checkout-status-wrapper .status-bar-wrapper, .checkout-status-wrapper .status-bar-fill { height: 3px; } .checkout-status-wrapper .status-bar-wrapper { width: 700px; background: #053b4b; display: inline-block; position: relative; } @media only screen and (max-width: 1024px) { .checkout-status-wrapper .status-bar-wrapper { width: 600px; } } @media only screen and (max-width: 680px) { .checkout-status-wrapper .status-bar-wrapper { width: 80%; } } .checkout-status-wrapper .status-bar-fill { width: 300px; background: #1fc9e6; position: relative; } .checkout-status-wrapper .status-bar-indicator { position: absolute; top: -20px; right: -24px; width: 49px; height: 40px; background: url("../images/status_bar_indicator.png") center no-repeat; transition: all .5s; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .checkout-status-wrapper .status-bar-indicator { /* on retina, use image that's scaled by 2 */ background-image: url("../images/status_bar_indicator@2x.png"); background-size: 49px 40px; } } .checkout-status-wrapper .status-label { position: absolute; top: 32px; width: 100px; margin-left: -50px; font-size: 18px; font-weight: bold; font-family: "Source Sans Pro", sans-serif; color: #fff; line-height: 20px; text-transform: uppercase; } @media only screen and (max-width: 680px) { .checkout-status-wrapper .status-label { font-size: 12px; line-height: 14px; } } .checkout-status-wrapper .status-label a { color: #fff; cursor: default; } .checkout-status-wrapper .status-label .stage { color: #fff; } .checkout-status-wrapper .status-label-1 { left: 0; } .checkout-status-wrapper .status-label-2 { left: 33%; } .checkout-status-wrapper .status-label-3 { left: 66%; } .checkout-status-wrapper .status-label-4 { left: 100%; } .checkout-status-wrapper.select-block .status-bar-fill { width: 0; } .checkout-status-wrapper.account-info .status-bar-fill { width: 33%; } .checkout-status-wrapper.billing-shipping .status-bar-fill { width: 66%; } .checkout-status-wrapper.confirm-order .status-bar-fill { width: 100%; } .billing-shipping.checkout-wrapper .container, .shirt-size.checkout-wrapper .container { padding-right: 4.16667%; padding-left: 4.16667%; background: #fff; } .checkout-section { padding: 50px 0; } @media only screen and (max-width: 730px) { .checkout-section .field-wrapper { width: 100%; margin-bottom: 20px; margin-top: 0; } } .checkout-section.section-account-create { background-image: none; } .checkout-section.section-account-create .center-content { margin-top: 25px; } .checkout-section.section-account-create .center-content a { text-decoration: underline; font-size: 18px; font-family: "Source Sans Pro", sans-serif; } .checkout-section h2 { font-size: 32px; color: #0d5469; font-family: "komika", sans-serif; font-weight: bold; text-transform: uppercase; margin: 0 0 15px 0; } @media only screen and (max-width: 680px) { .checkout-section h2 { font-size: 24px; } } .checkout-section h3 { text-align: center; font-size: 18px; font-weight: bold; font-family: "Source Sans Pro", sans-serif; text-transform: uppercase; color: #0d5469; margin: 0 0 50px 0; } .checkout-section.login { background: #fff; } @media only screen and (max-width: 680px) { .checkout-section.login h2 { line-height: 36px; margin-bottom: 15px; } } .checkout-section .device-checklist { margin-top: 50px; font-family: "Source Sans Pro", sans-serif; } @media only screen and (max-width: 883px) { .checkout-section .device-checklist { margin-top: 30px; } } .checkout-section .checklist-item { color: #939a9c; display: inline-block; width: 32.5%; margin-top: 10px; } @media only screen and (max-width: 1024px) { .checkout-section .checklist-item { width: 47%; } } @media only screen and (max-width: 680px) { .checkout-section .checklist-item { width: 100%; } } @media only screen and (max-width: 730px) { .checkout-section .form-primary { width: 100%; } } @media only screen and (max-width: 730px) { .checkout-section .field-wrapper { width: 100%; } } .landing-girl .checkout-status-wrapper { background: #c162c5; } .landing-girl .status-bar-wrapper { background: #6c2670; } .landing-girl .status-bar-fill { background: #df93e2; } .landing-girl .status-bar-indicator { background: url("../images/status_bar_indicator_girl.png") center no-repeat; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-girl .status-bar-indicator { /* on retina, use image that's scaled by 2 */ background-image: url("../images/status_bar_indicator_girl@2x.png"); background-size: 49px 40px; } } .landing-boy .checkout-status-wrapper { background: #006484; } .landing-boy .status-bar-wrapper { background: #004156; } .landing-boy .status-bar-fill { background: #3eb5cf; } .landing-boy .status-bar-indicator { background: url("../images/status_bar_indicator_boy.png") center no-repeat; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-boy .status-bar-indicator { /* on retina, use image that's scaled by 2 */ background-image: url("../images/status_bar_indicator_boy@2x.png"); background-size: 49px 40px; } } .landing-horror .checkout-status-wrapper { background: #000; } .landing-horror .status-bar-wrapper { background: #a41a1f; } .landing-horror .status-bar-fill { background: #eb7779; } .landing-horror .status-bar-indicator { background: url("../images/status_bar_indicator_horror.png") center no-repeat; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-horror .status-bar-indicator { /* on retina, use image that's scaled by 2 */ background-image: url("../images/status_bar_indicator_horror@2x.png"); background-size: 49px 40px; } } .landing-arcade .checkout-status-wrapper { background: #231245; } .landing-arcade .status-bar-wrapper { background: #005641; } .landing-arcade .status-bar-fill { background: #00cc99; } .landing-arcade .status-bar-indicator { background: url("../images/status_bar_indicator_arcade.png") center no-repeat; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-arcade .status-bar-indicator { /* on retina, use image that's scaled by 2 */ background-image: url("../images/status_bar_indicator_arcade@2x.png"); background-size: 53px 46px; } } .landing-scifi .checkout-status-wrapper { background: #209c9a; } .landing-scifi .status-bar-wrapper { background: #12706e; } .landing-scifi .status-bar-fill { background: #62ccca; } .landing-scifi .status-bar-indicator { height: 48px; width: 51px; top: -26px; background: url("../images/status_bar_indicator_scifi.png") center no-repeat; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-scifi .status-bar-indicator { /* on retina, use image that's scaled by 2 */ background-image: url("../images/status_bar_indicator_scifi@2x.png"); background-size: 51px 48px; } } @media only screen and (max-width: 680px) { .theme-block-wrapper.subscribe-selction-page .confirm-page-col-1 { padding: 10px 2px; } .theme-block-wrapper.subscribe-selction-page .confirm-page-header { text-align: center; } } #confirm-save.modal-screen-popup { display: none; padding: 40px 40px 0 40px; margin-top: 0; margin-left: 0; width: 900px; position: absolute; top: 50px; left: 50%; height: auto; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); border-radius: 5px; } #confirm-save.modal-screen-popup .field-wrapper { margin-bottom: 6px; } @media only screen and (max-width: 1000px) { #confirm-save.modal-screen-popup { width: 96%; margin: 0 auto; top: 40px; left: 50%; position: absolute; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); padding: 40px 10px; } } @media only screen and (max-width: 680px) { #confirm-save.modal-screen-popup { -webkit-transform: translate(0%, 0); -ms-transform: translate(0%, 0); transform: translate(0%, 0); left: 2%; } } @media only screen and (max-width: 1000px) { #confirm-save .btn-close-contain { right: 0; } } @media only screen and (max-width: 680px) { #confirm-save .btn-close-contain img { max-width: 34px; } } #confirm-save .subscription-select-details-inner-contain.col-2 .btn-subscribe-select { font-size: 18px; margin-top: 0; height: 44px; line-height: 39px; max-width: 136px; } #confirm-save .subscription-select-details-inner-contain.col-2 .btn-subscribe-select .btn-2 { color: #fff; font-size: 18px; font-family: "Source Sans Pro", sans-serif; text-transform: uppercase; letter-spacing: 0; width: 100%; padding: 0; } #confirm-save .subscription-select-details-inner-contain.col-1 { width: 41%; margin-right: 2%; margin-top: 14px; } @media only screen and (max-width: 680px) { #confirm-save .subscription-select-details-inner-contain.col-1 { width: 100%; margin-right: 0; } } #confirm-save .subscription-select-details-inner-contain.col-2 { margin-top: 14px; width: 57%; } @media only screen and (max-width: 680px) { #confirm-save .subscription-select-details-inner-contain.col-2 { width: 100%; } } #confirm-save .subscription-select-details-inner-contain.col-2 .subscription-select-details-first-col { margin-right: 4%; } @media only screen and (max-width: 680px) { #confirm-save .subscription-select-details-inner-contain.col-2 .subscription-select-details-first-col { text-align: left; width: 16%; } } #confirm-save .subscription-select-details-inner-contain.col-2 .subscription-select-details-second-col { width: 61%; } @media only screen and (max-width: 680px) { #confirm-save .subscription-select-details-inner-contain.col-2 .subscription-select-details-second-col { text-align: left; width: 75%; } } @media only screen and (max-width: 680px) { #confirm-save .subscription-select-details-inner-contain.col-2 .subscription-select-details-second-col .btn-subscribe-select { max-width: 100%; } } #confirm-save .theme-block-wrapper.subscribe-selction-page .theme-block:nth-child(odd) { margin-right: 4%; } @media only screen and (max-width: 883px) { #confirm-save .theme-block-wrapper.subscribe-selction-page .theme-block:nth-child(odd) { margin: 0 auto 56px; } } #confirm-save .theme-block-wrapper.subscribe-selction-page .theme-block { width: 47.5%; margin-bottom: 56px; margin-top: 0; } @media only screen and (max-width: 883px) { #confirm-save .theme-block-wrapper.subscribe-selction-page .theme-block { margin: 0 auto 56px; width: 100%; max-width: 375px; } } #confirm-save .select-block-img-contain img { width: auto; max-height: 176px; } @media only screen and (max-width: 680px) { #confirm-save .select-block-img-contain img { width: 100%; } } #confirm-save .select-block-price-details, #confirm-save .select-block-title-details, #confirm-save .select-block-title { font-size: 18px; line-height: 22px; } #confirm-save .theme-block-wrapper.subscribe-selction-page { padding: 0; } #confirm-save .save-tagline { text-align: center; font-size: 24px; line-height: 1; color: #000; font-family: "Source Sans Pro", sans-serif; margin-bottom: 60px; } @media only screen and (max-width: 680px) { #confirm-save .save-tagline { margin-bottom: 30px; } } #confirm-save .select-shirt h3 { margin: 10px 0 8px; font-size: 18px; line-height: 24px; color: #595959; font-family: "Source Sans Pro", sans-serif; } #confirm-save .form-primary { margin-top: 0; } .container-3-col .inner-col { width: 30.18182%; margin-right: 4.72727%; float: left; } .container-3-col .inner-col:last-child { margin-right: 0; } @media only screen and (max-width: 883px) { .container-3-col .inner-col { width: 100%; margin-bottom: 20px; } } .container-3-col .inner-span-2 { width: 65.09091%; margin-right: 4.72727%; float: left; } @media only screen and (max-width: 883px) { .container-3-col .inner-span-2 { width: 100%; margin-right: 0; } } .container-3-col .inner-span-2 .field-wrapper { width: 46.36872%; } @media only screen and (max-width: 883px) { .container-3-col .inner-span-2 .field-wrapper { width: 100%; margin-right: 0; margin-top: 0; margin-bottom: 20px; } } .container-3-col .inner-span-2 .form-card-number input[type="text"] { width: 62.04819%; } .container-3-col .inner-span-2 .form-card-number span.styled, .container-3-col .inner-span-2 .form-card-number .select-wrapper { width: 34.93976%; } .container-3-col .inner-span-2 .form-field-cvv { width: 27.10843%; padding-right: 9px; float: left; } .container-3-col .inner-span-2 .form-field-cvv input { width: 100%; } .container-3-col .inner-span-2 .form-field-expmonth { width: 37.95181%; padding-right: 10px; margin-left: 0; float: left; } .container-3-col .inner-span-2 .form-field-expmonth .select-wrapper { width: 100%; } .container-3-col .inner-span-2 .form-field-expyear { width: 34.93976%; margin-left: 0; float: left; } .container-3-col .inner-span-2 .form-field-expyear .select-wrapper { width: 100%; } .container-2-col .inner-col { width: 49%; } @media only screen and (max-width: 883px) { .container-2-col .inner-col { width: 100%; margin-bottom: 20px; } } .checkout-welcome-banner { background: #FDA209; font-family: "Source Sans Pro", sans-serif; padding: 8px 0; text-align: center; } .checkout-welcome-banner img { margin-right: 3.33333%; } @media only screen and (max-width: 1000px) { .checkout-welcome-banner img { margin-right: 0; position: absolute; vertical-align: middle; left: 0; padding: 0 8%; top: 0%; } } @media only screen and (max-width: 680px) { .checkout-welcome-banner img { max-width: 44px; padding: 0; top: 20%; } } .checkout-welcome-banner span { text-transform: uppercase; color: #135468; font-weight: bold; font-size: 20px; margin-right: 2.16667%; vertical-align: middle; -webkit-font-smoothing: antialiased; line-height: 1; } @media only screen and (max-width: 1000px) { .checkout-welcome-banner span { text-align: left; display: block; padding: 8px 0; } } @media only screen and (max-width: 680px) { .checkout-welcome-banner span { font-size: 15px; } } .checkout-welcome-banner .more-details { color: #0089B5; text-decoration: underline; vertical-align: middle; } @media only screen and (max-width: 1000px) { .checkout-welcome-banner .more-details { position: absolute; top: 2px; right: 0; } } @media only screen and (max-width: 680px) { .checkout-welcome-banner .more-details { font-size: 12px; top: 3px; } } .checkout-welcome-banner p { display: inline-block; color: #fff; margin-right: 2.16667%; -webkit-font-smoothing: antialiased; vertical-align: middle; } @media only screen and (max-width: 1000px) { .checkout-welcome-banner p { text-align: left; display: block; margin: 0; padding-bottom: 8px; } } @media only screen and (max-width: 680px) { .checkout-welcome-banner p { font-size: 12px; } } .checkout-welcome-banner .welcome-inner-container { position: relative; display: inline-block; width: 100%; } @media only screen and (max-width: 1000px) { .checkout-welcome-banner .welcome-inner-container { padding-left: 22%; width: auto; } } @media only screen and (max-width: 680px) { .checkout-welcome-banner .welcome-inner-container { padding-left: 18%; width: 100%; } } .ie8 .container-1 { display: inline-block !important; } .ie8 .container-2 { display: inline-block !important; margin-left: -4px !important; } .select-block-wrapper { margin-top: 30px; display: table; width: 100%; border: 0; padding: 0; outline: 0; } .select-block-wrapper.selected { border: 1px solid; } .select-block-wrapper .container-1 { width: 70%; background: #f7f7f7; padding: 2.97619% 0 2.97619% 4.7619%; display: table-cell; vertical-align: middle; } .select-block-wrapper .container-2 { width: 30%; background: #238bb1; display: table-cell; vertical-align: middle; padding: 4.7619%; } .select-block-wrapper .product-img, .select-block-wrapper .product-description { display: inline-block; vertical-align: middle; } .select-block-wrapper .product-img { width: 40.95238%; margin-right: 4.7619%; } .select-block-wrapper .product-img img { width: 100%; } .select-block-wrapper .product-description { width: 50%; padding-right: 2.38095%; } .select-block-wrapper .product-description .product-logo { width: 57.5%; display: block; margin-bottom: 4.34783%; } .select-block-wrapper .product-description .product-logo img { width: 100%; } .select-block-wrapper .product-description .product-title { font-size: 36px; color: #238bb1; font-family: "Source Sans Pro", sans-serif; font-weight: 900; text-transform: uppercase; letter-spacing: -2px; line-height: 36px; margin-bottom: 3.26087%; } .select-block-wrapper .product-description .product-details { font-size: 24px; color: #848484; font-family: "Source Sans Pro", sans-serif; line-height: 22px; } .select-block-wrapper .product-price-wrapper { text-align: center; width: 100%; display: inline-block; } .select-block-wrapper .product-price-wrapper .btn-2 { display: block; } .select-block-wrapper .product-price-wrapper .product-price { font-size: 113px; font-weight: bold; color: #fff; font-family: "Source Sans Pro", sans-serif; font-weight: 900; line-height: 83px; margin-bottom: 25px; } .select-block-wrapper .product-price-wrapper .product-price sup { font-size: 51px; top: -40px; line-height: 1px; } .select-block-wrapper.theme-nerdblock .container-2 { background: #238bb1; } .select-block-wrapper.theme-nerdblock .product-title { color: #238bb1; } .select-block-wrapper.theme-nerdblock-jrboys .container-2 { background: #34b5d0; } .select-block-wrapper.theme-nerdblock-jrboys .product-title { color: #34b5d0; } .select-block-wrapper.theme-nerdblock-jrgirls .container-2 { background: #df93e2; } .select-block-wrapper.theme-nerdblock-jrgirls .product-title { color: #df93e2; } .select-block-wrapper.theme-horrorblock .container-2 { background: #db1d48; } .select-block-wrapper.theme-horrorblock .product-title { color: #db1d48; } .theme-block .inner-wrapper img { width: 100%; vertical-align: bottom; } .subscription-select-details-contain { border-top: solid 2px #e9e9e9; text-align: left; } .subscription-select-details-inner-contain.col-1 { margin-top: 15px; width: 45%; float: left; margin-right: 5%; } .subscription-select-details-inner-contain.col-2 { margin-top: 15px; width: 50%; float: left; text-align: right; } .subscription-select-details-inner-contain.col-2 .btn-subscribe-select { font-size: 22px; font-weight: bold; font-family: "Source Sans Pro", sans-serif; border: solid 2px #e9e9e9; border-radius: 5px; max-width: 145px; width: 100%; min-width: 50px; text-align: center; height: 50px; line-height: 44px; margin-top: 5px; text-transform: uppercase; } @media only screen and (max-width: 883px) { .subscription-select-details-inner-contain.col-2 .btn-subscribe-select { float: right; } } .subscription-select-details-inner-contain.col-2 .btn-subscribe-select a { color: #737373; } .subscription-select-details-inner-contain.col-2 .subscription-select-details-first-col { width: 35%; float: left; margin-right: 5%; } .subscription-select-details-inner-contain.col-2 .subscription-select-details-second-col { width: 60%; float: right; } .select-block-title { font-size: 22px; color: #007da5; font-family: "Source Sans Pro", sans-serif; font-weight: bold; text-transform: uppercase; display: block; } .select-block-title.horror { color: #d0112b; } .select-block-title.girls { color: #e8a3e5; } .select-block-title.boys { color: #00b6d1; } .select-block-title-details { font-size: 20px; color: #007da5; font-family: "Source Sans Pro", sans-serif; color: #595959; } .select-block-price-details { font-family: "Source Sans Pro", sans-serif; font-size: 22px; color: #595959; display: block; } .select-block-price-details.sale-price { text-decoration: line-through; color: #aeaeae; } @media only screen and (max-width: 883px) { .select-block-img-contain { display: block; width: auto; } } .select-block-img-contain img { width: 100%; } .theme-block-wrapper.subscribe-selction-page { background-color: white; padding: 75px 4% 75px 4%; } .theme-block-wrapper.subscribe-selction-page .theme-block { width: 45%; } @media only screen and (max-width: 883px) { .theme-block-wrapper.subscribe-selction-page .theme-block { display: block; width: 100%; margin-bottom: 75px; } } .theme-block-wrapper.subscribe-selction-page .theme-block:nth-child(odd) { margin-right: 7%; } .subscribe-section { background-color: #e8e9ea; padding-bottom: 100px; } .subscribe-section-subheader { background-color: white; margin-bottom: 30px; padding: 50px 2% 50px 2%; } @media only screen and (max-width: 680px) { .subscribe-section-subheader { padding: 30px 2% 30px 2%; } } .subscribe-section-subheader h2 { font-size: 40px; color: #0d5469; font-family: "Source Sans Pro",sans-serif; font-weight: bold; margin: 0; text-transform: uppercase; text-align: center; } @media only screen and (max-width: 680px) { .subscribe-section-subheader h2 { font-size: 22px; } } .shipping-process { font-family: "Source Sans Pro", sans-serif; } .shipping-process li { margin-bottom: 28px; padding-left: 40px; position: relative; } .shipping-process .process-title { font-weight: bold; color: #c3cacc; line-height: 20px; font-size: 18px; margin-bottom: 3px; } .shipping-process .process-description { font-size: 18px; color: #c3cacc; line-height: 25px; } .shipping-process [class^="icon-"], .shipping-process [class*=" icon-"] { font-size: 26px; color: #c3cacc; position: absolute; left: 0; top: 0; } .section-shipping-information .checkbox-wrapper { text-align: center; margin-bottom: 35px; } .section-shipping-information .checkbox-container { display: inline-block; } @media only screen and (max-width: 730px) { .form-card-number { height: auto; } } .form-card-number input[type="text"], .form-card-number input[type="password"] { width: 206px; display: inline-block; float: left; } .form-card-number span.styled, .form-card-number .select-wrapper { width: 127px; display: inline-block; float: right; } .form-card-types { position: absolute; top: -28px; right: 0; } @media only screen and (max-width: 730px) { .form-card-types { left: 0; right: auto; } } .form-card-details .inner-field-wrapper { display: inline-block; vertical-align: top; margin-left: 5px; } .form-card-details .inner-field-wrapper:first-child { margin-left: 0; } @media only screen and (max-width: 730px) { .form-card-details .form-field-cvv { width: 32%; margin-left: 0; float: left; } } .form-card-details .form-field-cvv input[type="text"], .form-card-details .form-field-cvv input[type="password"] { width: 79px; text-align: center; } @media only screen and (max-width: 730px) { .form-card-details .form-field-cvv input[type="text"], .form-card-details .form-field-cvv input[type="password"] { width: 100%; } } @media only screen and (max-width: 730px) { .form-card-details .form-field-expmonth { width: 32%; margin-left: 2%; float: left; } } .form-card-details .form-field-expmonth span.styled, .form-card-details .form-field-expmonth .select-wrapper { width: 116px; } @media only screen and (max-width: 730px) { .form-card-details .form-field-expmonth span.styled, .form-card-details .form-field-expmonth .select-wrapper { width: 100%; } } @media only screen and (max-width: 730px) { .form-card-details .form-field-expyear { width: 32%; } } .form-card-details .form-field-expyear span.styled, .form-card-details .form-field-expyear .select-wrapper { width: 129px; } @media only screen and (max-width: 730px) { .form-card-details .form-field-expyear span.styled, .form-card-details .form-field-expyear .select-wrapper { width: 100%; } } .form-primary.alt { width: auto; } .form-primary.alt .container { padding: 0 50px; } .form-primary.alt label { color: #343334; text-transform: none; font-weight: normal; } .form-primary.alt input[type="text"] { border: 1px solid #c3cacc; } .form-primary.alt select.styled { border: 1px solid #c3cacc; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 4 !important; background: #fff; } .form-primary.alt .select-wrapper { padding-right: 0; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .form-primary.alt select.styled { background: #FFF !important; } } .ie .form-primary.alt select.styled { background: #FFF !important; } .billing-shipping .container { padding-bottom: 66px; } .billing-shipping .checkout-section { padding: 40px 0 50px 0; border-bottom: 4px solid #f3f6f7; } @media only screen and (max-width: 680px) { .billing-shipping .checkout-section { padding-top: 30px; } } .billing-shipping a#btn-existing-customer-subscribe { font-size: 18px; text-decoration: underline; font-family: "Source Sans Pro", sans-serif; padding-top: 38px; display: block; } .billing-shipping .checkbox-wrapper { margin-top: 16px; } .btn-continue { width: 100%; margin-top: 50px; text-align: center; padding: 13px 40px 18px; font-size: 30px; letter-spacing: .095em; } @media only screen and (max-width: 680px) { .btn-continue { font-size: 16px; } } .payment-selection-type-container { text-align: left; padding: 15px 0 30px 0; max-width: 727px; margin-bottom: 20px; } .payment-selection-type-container .payment-selection-inner-container { display: inline-block; margin-left: 3%; } .payment-selection-type-container .payment-selection-inner-container span.or { font-family: "Source Sans Pro", sans-serif; font-weight: bold; font-size: 18px; } .payment-selection-type-container .payment-selection-inner-container input { margin-right: 5px; } .payment-selection-type-container .payment-selection-inner-container:first-child { margin-left: 0%; } .payment-selection-type-container .paypal-disclaimer-contain { display: block; margin-top: 30px; } .payment-selection-type-container .paypal-disclaimer-contain .paypal-icon { display: inline-block; vertical-align: top; width: 20%; } @media only screen and (max-width: 680px) { .payment-selection-type-container .paypal-disclaimer-contain .paypal-icon { display: block; width: 100%; } } .payment-selection-type-container .paypal-disclaimer-contain .paypal-icon img { width: 118px; } .payment-selection-type-container .paypal-disclaimer-contain .paypal-info { width: 73%; display: inline-block; vertical-align: top; margin-left: 2%; } @media only screen and (max-width: 680px) { .payment-selection-type-container .paypal-disclaimer-contain .paypal-info { display: block; margin-left: 0; margin-top: 20px; width: 100%; } } .payment-selection-type-container .paypal-disclaimer-contain .paypal-info p { margin: 0; font-size: 18px; font-family: "Source Sans Pro", sans-serif; } /* Grabblock responisve image added here as quick fix for now. */ .grab-block-responsive { margin: 0 auto; display: none; } @media only screen and (max-width: 680px) { .grab-block-responsive { display: block; } } .grab-block-responsive img { width: 100%; } .landing-grab .tout-wrapper { background: #d0f2fa url("../images/tout_tile_08b.jpg") 48% 5% !important; } @media only screen and (max-width: 680px) { .landing-grab .tout-wrapper { background: none !important; } } .landing-grab .tout-wrapper .tout-details { margin-top: 398px; } @media only screen and (max-width: 680px) { .landing-grab .tout-wrapper .tout-details { margin-top: 20px !important; } } .landing-grab .tout-wrapper .alignment-container { padding-bottom: 40px !important; } /*Added to remove a margin-top:0 that is currently in place on that form wrapper. */ .field-wrapper.paypal-addition { margin-top: 20px; } .section-confirm-order p { font-size: 18px; color: #0d5469; font-family: "Source Sans Pro", sans-serif; line-height: 24px; text-align: center; margin: 0; } .section-confirm-order div.newsletter { margin-top: 10px; } .section-confirm-order p.newsletter { font-size: 14px; color: #0d5469; font-family: "Source Sans Pro", sans-serif; line-height: 17px; text-align: center; margin: 0; text-transform: none; } .section-confirm-order p.next { margin-top: 10px; } .order-summary { width: 290px; margin: 0 auto 35px; color: #0d5469; text-transform: uppercase; font-weight: bold; } .order-summary .btn-2 { display: block; text-align: center; } .order-summary .checkbox-wrapper { text-align: center; margin-bottom: 30px; } .order-summary .checkbox-container { display: inline-block; } .confirm-cost-pair { margin-top: 5px; } .confirm-cost-pair:first-child { margin-top: 0; } .confirm-item-title { float: left; } .confirm-item-change { float: left; margin-top: 9px; margin-left: 10px; font-size: 18px; color: #6c0; } .confirm-item-change a { text-decoration: none; color: #6c0; } .confirm-item-change-sub { font-size: 13px; color: #6c0; } .confirm-item-change-sub a { text-decoration: none; color: #6c0; } .confirm-item-price { float: right; } .confirm-sub-total { margin-bottom: 12px; font-size: 18px; } @media only screen and (max-width: 680px) { .confirm-sub-total { font-size: 14px; } } .confirm-total { margin-bottom: 35px; background: url("../images/section_divider.png") 0 0 repeat-x; padding: 12px 0 0 0; font-size: 26px; } .confirm-title { margin-bottom: 10px; padding: 12px 0 0 0; font-size: 26px; } .confirm-title.promocode { margin-top: 20px; margin-bottom: 30px; } .promocode .actions-container { margin-top: 10px; text-align: center; } .promocode p { margin-top: 10px; text-transform: none; } .promocode p.success { color: #6c0; } .promocode p.fail { color: #d70035; } .shirt-size .checkout-section { padding: 40px 0 50px 0; border-bottom: 4px solid #f3f6f7; } @media only screen and (max-width: 680px) { .shirt-size .checkout-section { padding-top: 30px; } } .shirt-size .btn-continue.btn-2 { width: 100%; margin-bottom: 56px; } .section-account-info .error-wrapper, .section-account-info .success-wrapper { background: #ffe698 url("../images/section_divider.png") 0 top repeat-x; } .section-account-info .success-wrapper { background: #D7FFB0 url("../images/section_divider.png") 0 top repeat-x; } .section-account-info .center-content { margin-top: 28px; white-space: pre-line; } .section-account-info .center-content a { font-family: "Source Sans Pro", sans-serif; border-bottom: 1px solid #0d5469; line-height: 18px; display: inline-block; font-size: 18px; transition: color 0.2s, border-color 0.2s; } .section-account-info .center-content a:hover { color: #000; border-color: #000; } .section-account-info .center-content a + a { margin-top: 26px; } .section-account-info .center-content .btn-2 { margin-top: 40px; } .section-account-info .center-content .btn-2.user { margin-top: 0; } .section-account-info .center-content.user { margin-top: 0; } .section-account-info .btn-2 { width: 315px; } @media only screen and (max-width: 680px) { .section-account-info .btn-2 { width: 100%; } } .section-account-info .shirt-sizing a { font-size: 18px; font-family: "Source Sans Pro", sans-serif; border-bottom: 1px solid #0d5469; line-height: 18px; display: inline-block; margin-bottom: 14px; } .section-account-info .shirt-sizing p { margin: 0; color: #939a9c; font-size: 18px; line-height: 24px; font-family: "Source Sans Pro", sans-serif; } .section-account-info .field-wrapper-loading { float: none; display: inline-block; text-align: left; width: 27px; padding-top: 10px; padding-left: 321px; } .section-account-login, .section-account-password, .section-account-create { display: none; } .section-account-password h3 { font-weight: normal; text-transform: none; } .section-account-password .form-primary { text-align: center; } .section-account-password .field-wrapper { float: none; display: inline-block; text-align: left; } .faq-body { background-color: white; padding-bottom: 100px; } .faq-col-1 { float: left; position: relative; width: 61.6666666667%; padding-right: 4.1666666666%; } @media only screen and (max-width: 680px) { .faq-col-1 { width: 100%; padding-top: 65px; } } .faq-col-1 .heading { margin-bottom: 40px; font-size: 60px; } @media only screen and (max-width: 1024px) { .faq-col-1 .heading { font-size: 48px; } } @media only screen and (max-width: 680px) { .faq-col-1 .heading { font-size: 28px; } } .faq-col-1 .faq-details-contain { display: block; border-bottom: 2px dotted black; margin-bottom: 35px; } .faq-col-1 .faq-details-contain.last { display: block; border-bottom: none; margin-bottom: 40px; } .faq-col-1 .faq-details-contain ol { margin-left: 20px; } @media only screen and (max-width: 680px) { .faq-col-1 .faq-details-contain ol { margin-left: 0; } } .faq-col-1 .faq-details-contain li span { font-weight: bold; text-transform: uppercase; } .faq-col-1 .faq-details-contain li, .faq-col-1 .faq-details-contain p { font-size: 24px; font-family: "Source Sans Pro",sans-serif; color: #006c8f; margin: 25px 0 40px 0; line-height: 36px; } @media only screen and (max-width: 1024px) { .faq-col-1 .faq-details-contain li, .faq-col-1 .faq-details-contain p { font-size: 24px; } } @media only screen and (max-width: 680px) { .faq-col-1 .faq-details-contain li, .faq-col-1 .faq-details-contain p { font-size: 18px; line-height: 27px; margin: 15px 0 30px; } } .faq-col-1 .faq-details-contain li a, .faq-col-1 .faq-details-contain p a { color: #66cc00; text-decoration: underline; } .faq-question-heading { font-size: 40px; font-weight: 700; color: #127593; text-transform: uppercase; font-family: "Source Sans Pro",sans-serif; line-height: 40px; } @media only screen and (max-width: 1024px) { .faq-question-heading { font-size: 32px; } } @media only screen and (max-width: 680px) { .faq-question-heading { font-size: 22px; line-height: 30px; } } .faq-col-2 { float: right; width: 34.1666666667%; margin-top: 50px; text-align: center; } @media only screen and (max-width: 680px) { .faq-col-2 { display: none; } } .faq-col-2 img { width: 100%; } .faq-col-2 .faq-contact-question { font-size: 30px; font-weight: 700; color: #127593; text-transform: uppercase; font-family: "Source Sans Pro",sans-serif; margin-bottom: 30px; line-height: 30px; display: inline-block; } .faq-col-1.full { float: none; width: 100%; padding-right: 0; } .landing .alignment-container { position: relative; } .landing .item p { font-size: 24px; line-height: 30px; font-family: "Source Sans Pro", sans-serif; text-align: left; padding-bottom: 28px; margin-bottom: 0; } @media only screen and (max-width: 680px) { .landing .item p { font-size: 18px; line-height: 27px; } } .landing .item ul { font-size: 24px; line-height: 30px; font-family: "Source Sans Pro", sans-serif; text-align: left; padding: 0 0 36px 0; margin: 0 0 0 2px; list-style-position: inside; } .landing .btn-1 { box-shadow: 0 6px 0 0 #499100; padding: 6px 40px 0; line-height: 38px; } @media only screen and (max-width: 680px) { .landing .btn-1 { line-height: 25px; padding-bottom: 5px; } } .landing .homepage .slide-section { position: relative; top: auto; display: block !important; width: 100%; text-align: left; } .landing .homepage .static-header { display: none; } .section-curation .container { margin: 0 auto -30px; padding-bottom: 26px; position: relative; z-index: 2; } @media only screen and (max-width: 680px) { .section-curation .container { background: none !important; } } .section-curation .container .inner-container { width: 72.41379%; padding-left: 5.43103%; margin: 0; } @media only screen and (max-width: 680px) { .section-curation .container .inner-container { width: 100%; padding-left: 0; } } .section-curation .content-copy { font-size: 60px; font-weight: 900; text-transform: uppercase; font-family: "Source Sans Pro", sans-serif; line-height: 60px; margin-bottom: 35px; } @media only screen and (max-width: 680px) { .section-curation .content-copy { font-size: 40px; line-height: 42px; } } .section-curation .content-copy span { font-size: 72px; } @media only screen and (max-width: 680px) { .section-curation .content-copy span { font-size: 46px; } } .section-curation .item { margin-right: 3.77358%; } @media only screen and (max-width: 680px) { .section-curation .item { margin-right: 0; } } .section-curation .btn-1 { margin-bottom: 50px; } .section-curation .item-copy { padding-left: 5.17464%; } @media only screen and (max-width: 680px) { .section-curation .item-copy { padding-right: 10px; } } .section-curation .item-grid { width: 44.5%; vertical-align: bottom; font-size: 0; } .section-curation .item-grid .img-container { display: inline-block; max-width: 255px; width: 50%; padding-left: 9.80392%; margin-bottom: 35px; } .section-curation .item-grid img { max-width: 100%; } .section-curation .slant { z-index: 1; -webkit-transform: skewy(0.75deg); -ms-transform: skewy(0.75deg); transform: skewy(0.75deg); -webkit-backface-visibility: hidden; background: #fff; overflow: hidden; position: relative; height: 24px; margin-bottom: -61px; width: 100%; } .section-curation h3 { color: #0089b5; font-size: 2.25em; line-height: 40px; margin-bottom: 38px; } @media only screen and (max-width: 1024px) { .section-curation h3 { font-size: 2em; } } @media only screen and (max-width: 680px) { .section-curation h3 { font-size: 1.4375em; line-height: 30px; padding: 5px 20px; } } .section-curation p { margin: 0 0 30px; } .section-highlighted { background: #0087a9; } .section-highlighted h2 { color: #fff; margin-bottom: 14px; } .section-highlighted h3 { margin-bottom: 56px; font-size: 2.25em; line-height: 40px; } @media only screen and (max-width: 1024px) { .section-highlighted h3 { font-size: 2em; } } @media only screen and (max-width: 680px) { .section-highlighted h3 { font-size: 1.4375em; line-height: 30px; padding: 5px 20px; } } .section-highlighted img { max-width: 100%; } .section-highlighted .slant { -webkit-transform: skewy(-0.75deg); -ms-transform: skewy(-0.75deg); transform: skewy(-0.75deg); -webkit-backface-visibility: hidden; background: #0087a9; overflow: hidden; position: relative; height: 40px; margin-bottom: -61px; width: 100%; } .section-geek-on { background: #a6cad2; padding: 0; } @media only screen and (max-width: 680px) { .section-geek-on .btn-1 { line-height: 25px; padding-bottom: 5px; padding-top: 6px; } } .section-geek-on .container { padding-top: 50px; padding-bottom: 50px; background: #a6cad2 url("../images/bg_geek_on.png") no-repeat 102px bottom; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .section-geek-on .container { /* on retina, use image that's scaled by 2 */ background-image: url("../images/bg_geek_on@2x.png"); background-size: 468px 448px; } } @media only screen and (max-width: 1024px) { .section-geek-on .container { background: none; } } .section-geek-on .content-wrapper { padding-bottom: 46px; padding-right: 90px; } @media only screen and (max-width: 1024px) { .section-geek-on .content-wrapper { float: none; padding-right: 0; } } @media only screen and (max-width: 680px) { .section-geek-on .content-wrapper { padding-right: 0; } } .section-geek-on .content-copy { text-shadow: 0 2px 0 #936010; font-family: "Source Sans Pro", sans-serif; font-size: 60px; text-align: center; font-weight: 900; color: #fff; line-height: 77px; margin-bottom: 22px; padding-top: 41px; } @media only screen and (max-width: 680px) { .section-geek-on .content-copy { font-size: 40px; line-height: 57px; } } .section-geek-on .content-copy span { font-size: 120px; line-height: 80px; letter-spacing: -3; } @media only screen and (max-width: 680px) { .section-geek-on .content-copy span { font-size: 76px; line-height: 44px; } } .slant-top { -webkit-transform: skewy(-1.25deg); -ms-transform: skewy(-1.25deg); transform: skewy(-1.25deg); -webkit-backface-visibility: hidden; background: #fff; overflow: hidden; position: relative; height: 40px; margin-top: -65px; width: 100%; } .section-receive { background: #5bafc4; } .section-receive h2 { color: #fff; } .section-receive h3 { color: #fff; font-size: 2.25em; line-height: 40px; margin-bottom: 48px; } .section-receive p { font-size: 24px; line-height: 30px; display: table-cell; vertical-align: middle; } .section-receive .item-copy { width: 45%; padding-left: 6.2069%; display: table; height: 375px; } .section-receive .img-container { width: 36.03448%; margin-right: 9.05172%; } .section-receive .img-container img { width: 100%; } @media only screen and (max-width: 680px) { .landing-classic .subscription-status-contain .sold-out { background-color: #0089B5; } } .landing-classic .tout-wrapper { height: 622px; background: #d0f2fa url("../images/home_tout_classic.jpg") no-repeat center; } @media only screen and (max-width: 680px) { .landing-classic .tout-wrapper { background: url("../images/tout_classic_mobile.jpg") center; background-size: cover; } } @media only screen and (max-width: 680px) { .landing-classic .tout-wrapper .container { background: url("../images/tout_classictoys_mobile.png") center bottom no-repeat; background-size: contain; } } .landing-classic .tout-wrapper .alignment-container { height: 617px; } @media only screen and (max-width: 680px) { .landing-classic .tout-wrapper .alignment-container { padding-bottom: 55%; padding-top: 0; height: auto; } } .landing-classic .tout-wrapper .tout-graphic { width: 35.5%; margin-left: 4.16667%; margin-bottom: 1.62075%; } @media only screen and (max-width: 680px) { .landing-classic .tout-wrapper .tout-graphic { width: 59%; margin-left: auto; margin-right: auto; margin-top: 10px; } } .landing-classic .tout-wrapper .tout-details { padding-left: 10%; width: 36.25%; } @media only screen and (max-width: 680px) { .landing-classic .tout-wrapper .tout-details { width: 100%; padding-left: 0; } } @media only screen and (max-width: 680px) { .landing-classic .tout-wrapper .tout-details .blurb { margin-top: 12px; margin-bottom: 12px; } } .landing-classic .page-section h2 { text-shadow: 0 2px 0 #93abad; } .landing-classic .logo-banner { background-color: #fff; } .landing-classic .banner-img .banner-wrapper.embed-container { max-width: 90%; } .landing-classic .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 65%; max-height: 65%; margin: 0 40px 0 40px; background-color: white; } .landing-classic .embed-container iframe, .landing-classic .embed-container object, .landing-classic .embed-container embed { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: white; } .landing-classic .landing.banner-img.default { background-color: white; } @media only screen and (max-width: 1024px) { .landing-classic .landing.banner-img.default { padding-top: 0; } } .landing-classic .landing.banner-img.default.youtube { padding-bottom: 0; background-color: white; } @media only screen and (max-width: 1024px) { .landing-classic .landing.banner-img.default.youtube { padding-top: 15px; } } .landing-classic .section-curation .container { background: url("../images/curation_classic.png") 95% bottom no-repeat; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-classic .section-curation .container { /* on retina, use image that's scaled by 2 */ background-image: url("../images/curation_classic@2x.png"); background-size: 253px 607px; } } .landing-classic .section-curation h3, .landing-classic .section-curation p, .landing-classic .section-curation ul { color: #595959; } .landing-classic .section-curation .content-copy { color: #007da5; } .landing-classic .section-testimonials { background: #5bafc4 url("../images/bg_questionmark.png") center -62px; } .landing-classic .section-testimonials h2 { text-shadow: 0 2px 0 #434A4B; } .landing-classic .section-highlighted h3 { color: #fff; } .landing-classic .section-highlighted h2 { text-shadow: 0 2px 0 #434A4B; } .landing-classic .section-unpacking { background: #0087a9; } .landing-classic .section-unpacking h2 { color: #fff; text-shadow: 0 2px 0 #434A4B; } .landing-girl .sticky-header-bar-1 { background: #e191e3; } .landing-girl .sticky-header-bar-1 .time, .landing-girl .sticky-header-bar-1 .timer { text-shadow: 0 2px 0 #a35aa5; } @media only screen and (max-width: 680px) { .landing-girl .subscription-status-contain .sold-out { background-color: #e191e3; } } .landing-girl .landing-subscription-container { top: 42px; } .landing-girl .tout-wrapper { height: 622px; padding-top: 14px; background: #d0f2fa url("../images/home_tout_girl.jpg") center no-repeat; } @media only screen and (max-width: 680px) { .landing-girl .tout-wrapper { background: url("../images/tout_girls_mobile.jpg") 45% center; background-size: cover; } } @media only screen and (max-width: 680px) { .landing-girl .tout-wrapper .container { background: url("../images/tout_girltoys_mobile.png") center bottom no-repeat; background-size: contain; } } .landing-girl .tout-wrapper .alignment-container { height: 617px; } @media only screen and (max-width: 680px) { .landing-girl .tout-wrapper .alignment-container { padding-bottom: 80%; } } .landing-girl .tout-wrapper .tout-graphic { width: 54.65517%; margin-left: -3.10345%; margin-bottom: 1.62075%; } @media only screen and (max-width: 680px) { .landing-girl .tout-wrapper .tout-graphic { width: 76%; margin-left: auto; margin-right: auto; margin-top: 20px; } } .landing-girl .tout-wrapper .tout-details { padding-left: 10%; width: 36.25%; } @media only screen and (max-width: 680px) { .landing-girl .tout-wrapper .tout-details { width: 100%; padding-left: 0; } } .landing-girl .tout-wrapper .tout-details .blurb, .landing-girl .tout-wrapper .tout-details .btn-process { color: #594d79; } .landing-girl .logo-banner { background: #fff url("../images/company_logos_girl.jpg") center repeat-x; } @media only screen and (max-width: 680px) { .landing-girl .logo-banner { background-size: 106%; } } .landing-girl .page-section h2 { color: #c26cc7; text-shadow: 0 2px 0 #ddc3df; } .landing-girl .page-section h3 { color: #bd46c4; } .landing-girl .section-testimonials { background: #e191e3 url("../images/bg_hearts.png") center -62px; } .landing-girl .section-testimonials h2 { color: #fff; text-shadow: 0 2px 0 #58263c; } .landing-girl .section-testimonials .author, .landing-girl .section-testimonials .quote { color: #9b4ca0; } .landing-girl .section-testimonials .inner-wrapper { border-bottom: 3px solid #984b9c; } .landing-girl .section-testimonials .tail { background: url("../images/quote_tail02.png") no-repeat center bottom; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-girl .section-testimonials .tail { /* on retina, use image that's scaled by 2 */ background-image: url("../images/quote_tail02@2x.png"); background-size: 33px 36px; } } .landing-girl .section-testimonials .char-01 { padding-bottom: 298px; background: url("../images/char_01_girl.png") no-repeat center bottom; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-girl .section-testimonials .char-01 { /* on retina, use image that's scaled by 2 */ background-image: url("../images/char_01_girl@2x.png"); background-size: 193px 278px; } } .landing-girl .section-testimonials .char-01 .tail { left: 24%; } .landing-girl .section-testimonials .char-02 { padding-bottom: 298px; background: url("../images/char_02_girl.png") no-repeat center bottom; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-girl .section-testimonials .char-02 { /* on retina, use image that's scaled by 2 */ background-image: url("../images/char_02_girl@2x.png"); background-size: 161px 260px; } } .landing-girl .section-testimonials .char-02 .tail { left: 64%; } .landing-girl .section-testimonials .char-03 { padding-bottom: 209px; background: url("../images/char_03_girl.png") no-repeat center bottom; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-girl .section-testimonials .char-03 { /* on retina, use image that's scaled by 2 */ background-image: url("../images/char_03_girl@2x.png"); background-size: 262px 158px; } } .landing-girl .section-testimonials .char-03 .tail { left: 64%; } .landing-girl .section-unpacking { background: #e191e3; } .landing-girl .section-unpacking h2 { color: #fff; text-shadow: 0 2px 0 #58263c; } .landing-girl .section-unpacking h3, .landing-girl .section-unpacking .author { color: #813c83; } .landing-girl .section-curation { color: #737373; } .landing-girl .section-curation .container { background: url("../images/curation_girls.png") 95% bottom no-repeat; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-girl .section-curation .container { /* on retina, use image that's scaled by 2 */ background-image: url("../images/curation_girls@2x.png"); background-size: 253px 607px; } } .landing-girl .section-curation h3 { color: #737373; } .landing-girl .section-curation .content-copy { color: #e191e3; text-shadow: 0 2px 0 #d2afd4; } .landing-girl .section-highlighted { background: #e191e3; } .landing-girl .section-highlighted h2 { text-shadow: 0 2px 0 #58263c; } .landing-girl .section-highlighted h2, .landing-girl .section-highlighted h3 { color: #fff; } .landing-girl .section-highlighted .slant { background: #e191e3; } .landing-girl .section-receive { background: #e6bce8; } .landing-girl .section-receive h2, .landing-girl .section-receive h3 { color: #fff; } .landing-girl .section-receive h2 { text-shadow: 0 2px 0 #58263c; } .landing-girl .section-receive .slant { background: #e6bce8; } .landing-girl .section-geek-on { background: #e6bce8; } .landing-girl .section-geek-on .container { background: #e6bce8 url("../images/bg_geek_on_girl.png") no-repeat 102px bottom; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-girl .section-geek-on .container { /* on retina, use image that's scaled by 2 */ background-image: url("../images/bg_geek_on_girl@2x.png"); background-size: 519px 458px; } } @media only screen and (max-width: 1024px) { .landing-girl .section-geek-on .container { background: none; } } .landing-girl .section-geek-on .content-copy { text-shadow: 0 2px 0 #813c83; } .landing-horror .sticky-header-bar-1 { background: #A81A15; } .landing-horror .sticky-header-bar-1 .time, .landing-horror .sticky-header-bar-1 .timer { text-shadow: 0 2px 0 #62110e; } @media only screen and (max-width: 680px) { .landing-horror .subscription-status-contain .sold-out { background-color: #A81A15; } } .landing-horror .tout-wrapper { height: 622px; background: #d0f2fa url("../images/home_tout_horror.jpg") center no-repeat; position: relative; } @media only screen and (max-width: 680px) { .landing-horror .tout-wrapper { background: url("../images/tout_horror_mobile.jpg") center; background-size: cover; } } @media only screen and (max-width: 680px) { .landing-horror .tout-wrapper .container { background: url("../images/tout_horrortoys_mobile.png") center 97% no-repeat; background-size: contain; } } .landing-horror .tout-wrapper .alignment-container { height: 617px; } @media only screen and (max-width: 680px) { .landing-horror .tout-wrapper .alignment-container { padding-top: 0; padding-bottom: 87%; } } .landing-horror .tout-wrapper .tout-graphic { width: 47.58621%; margin-left: -12px; margin-bottom: -44px; } @media only screen and (max-width: 680px) { .landing-horror .tout-wrapper .tout-graphic { width: 80%; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 0; } } .landing-horror .tout-wrapper .tout-details { padding-left: 10%; width: 36.25%; } @media only screen and (max-width: 680px) { .landing-horror .tout-wrapper .tout-details { width: 100%; padding-left: 0; } } .landing-horror .tout-wrapper .tout-details .blurb, .landing-horror .tout-wrapper .tout-details .btn-process { color: #fff; } @media only screen and (max-width: 680px) { .landing-horror .tout-wrapper .tout-details .blurb { margin-top: -30px; } } .landing-horror .logo-banner { background: #fff url("../images/company_logos.jpg") center repeat-x; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-horror .logo-banner { /* on retina, use image that's scaled by 2 */ background-image: url("../images/company_logos@2x.jpg"); background-size: 987px 108px; } } @media only screen and (max-width: 680px) { .landing-horror .logo-banner { background-size: 102%; } } .landing-horror .page-section h2 { color: #fff; } .landing-horror .page-section h3 { color: #2b0b0d; } .landing-horror .section-testimonials { background: #a52323 url("../images/bg_brains.png") center -62px; } .landing-horror .section-testimonials h2 { color: #fff; } .landing-horror .section-testimonials .author, .landing-horror .section-testimonials .quote { color: #343334; } .landing-horror .section-testimonials .inner-wrapper { border-bottom: 3px solid #390200; } .landing-horror .section-testimonials .tail { background: url("../images/quote_tail03.png") no-repeat bottom; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-horror .section-testimonials .tail { /* on retina, use image that's scaled by 2 */ background-image: url("../images/quote_tail03@2x.png"); background-size: 33px 36px; } } .landing-horror .section-testimonials .char-01 { padding-bottom: 338px; background: url("../images/char_01_horror.png") center bottom no-repeat; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-horror .section-testimonials .char-01 { /* on retina, use image that's scaled by 2 */ background-image: url("../images/char_01_horror@2x.png"); background-size: 200px 292px; } } .landing-horror .section-testimonials .char-02 { padding-bottom: 350px; background: url("../images/char_02_horror.png") center bottom no-repeat; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-horror .section-testimonials .char-02 { /* on retina, use image that's scaled by 2 */ background-image: url("../images/char_02_horror@2x.png"); background-size: 264px 305px; } } .landing-horror .section-testimonials .char-03 { padding-bottom: 375px; background: url("../images/char_03_horror.png") center bottom no-repeat; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-horror .section-testimonials .char-03 { /* on retina, use image that's scaled by 2 */ background-image: url("../images/char_03_horror@2x.png"); background-size: 233px 333px; } } .landing-horror .section-unpacking { background: #a52424; } .landing-horror .section-unpacking h2 { color: #fff; } .landing-horror .section-curation .container { background: url("../images/curation_horror.png") 95% bottom no-repeat; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-horror .section-curation .container { /* on retina, use image that's scaled by 2 */ background-image: url("../images/curation_horror@2x.png"); background-size: 253px 607px; } } .landing-horror .section-curation h2 { color: #a81a15; text-shadow: 0 2px 0 #925d5c; } .landing-horror .section-curation p, .landing-horror .section-curation ul { color: #737373; } .landing-horror .section-curation .content-copy { color: #a81a15; } .landing-horror .section-highlighted { background: #a52424; } .landing-horror .section-highlighted h2 { color: #fff; margin-bottom: 14px; } .landing-horror .section-highlighted h3 { margin-bottom: 40px; } .landing-horror .section-highlighted .slant { background: #a52424; } .landing-horror .section-receive { background: #a81a15; } .landing-horror .section-receive h2 { color: #fff; } .landing-horror .section-receive .slant { background: #a81a15; } .landing-horror .section-previous-blocks h2 { color: #a81a15; text-shadow: 0 2px 0 #925d5c; } .landing-horror .section-geek-on { background: #cf4b4b; } .landing-horror .section-geek-on .content-copy { text-shadow: 0 2px 0 #511414; } .landing-horror .section-geek-on .container { background: #cf4b4b url("../images/bg_geek_on_horror.png") no-repeat 102px bottom; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-horror .section-geek-on .container { /* on retina, use image that's scaled by 2 */ background-image: url("../images/bg_geek_on_horror@2x.png"); background-size: 519px 458px; } } @media only screen and (max-width: 1024px) { .landing-horror .section-geek-on .container { background: none; } } .landing-boy .sticky-header-bar-1 { background: #34b5d0; } .landing-boy .sticky-header-bar-1 .time, .landing-boy .sticky-header-bar-1 .timer { text-shadow: 0 2px 0 #1E768A; } @media only screen and (max-width: 680px) { .landing-boy .subscription-status-contain .sold-out { background-color: #34b5d0; } } .landing-boy .tout-wrapper { height: 622px; background: #34b5d0 url("../images/home_tout_boy.jpg") center; } @media only screen and (max-width: 680px) { .landing-boy .tout-wrapper { background: url("../images/tout_boys_mobile.jpg") center; background-size: cover; } } @media only screen and (max-width: 680px) { .landing-boy .tout-wrapper .container { background: url("../images/tout_boytoys_mobile.png") center bottom no-repeat; background-size: contain; } } .landing-boy .tout-wrapper .alignment-container { height: 617px; } @media only screen and (max-width: 680px) { .landing-boy .tout-wrapper .alignment-container { padding-bottom: 78%; } } .landing-boy .tout-wrapper .tout-graphic { width: 48.7069%; margin-left: 0; margin-bottom: 1.62075%; } @media only screen and (max-width: 680px) { .landing-boy .tout-wrapper .tout-graphic { margin: 0 auto; width: 90%; } } .landing-boy .tout-wrapper .tout-details { padding-left: 10%; width: 36.25%; } @media only screen and (max-width: 680px) { .landing-boy .tout-wrapper .tout-details { padding-left: 0; width: 100%; } } .landing-boy .tout-wrapper .tout-details .blurb, .landing-boy .tout-wrapper .tout-details .btn-process { color: #126a7c; } @media only screen and (max-width: 680px) { .landing-boy .tout-wrapper .tout-details .blurb { margin-top: 7px; margin-bottom: 12px; } } .landing-boy .logo-banner { background-color: #fff; } @media only screen and (max-width: 680px) { .landing-boy .logo-banner { background-size: 300%; } } .landing-boy .page-section h2 { color: #fff; } .landing-boy .page-section h3 { color: #595959; } .landing-boy .section-testimonials { background: #34b5d0 url("../images/bg_stars.png") center -62px; } .landing-boy .section-testimonials h2 { color: #fff; } .landing-boy .section-testimonials .author, .landing-boy .section-testimonials .quote { color: #343334; } .landing-boy .section-testimonials .inner-wrapper { border-bottom: 3px solid #390200; } .landing-boy .section-testimonials .tail { background: url("../images/quote_tail03.png") no-repeat bottom; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-boy .section-testimonials .tail { /* on retina, use image that's scaled by 2 */ background-image: url("../images/quote_tail03@2x.png"); background-size: 33px 36px; } } .landing-boy .section-testimonials .char-01 { padding-bottom: 240px; background: url("../images/char_01.png") center bottom no-repeat; } .landing-boy .section-testimonials .char-02 { padding-bottom: 300px; background: url("../images/char_02.png") center bottom no-repeat; } .landing-boy .section-testimonials .char-03 { padding-bottom: 222px; background: url("../images/char_03.png") center bottom no-repeat; } .landing-boy .section-unpacking { background: #34b5d0; } .landing-boy .section-unpacking h2 { color: #fff; } .landing-boy .section-curation .container { background: url("../images/curation_classic.png") 95% bottom no-repeat; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-boy .section-curation .container { /* on retina, use image that's scaled by 2 */ background-image: url("../images/curation_classic@2x.png"); background-size: 253px 607px; } } .landing-boy .section-curation h2 { color: #007da5; text-shadow: 0 2px 0 #93abad; } .landing-boy .section-curation p, .landing-boy .section-curation ul { color: #595959; } .landing-boy .section-curation .content-copy { color: #007da5; } .landing-boy .section-highlighted { background: #81d2e3; } .landing-boy .section-highlighted h2 { color: #fff; margin-bottom: 14px; } .landing-boy .section-highlighted h3 { margin-bottom: 40px; } .landing-boy .section-highlighted .slant { background: #81d2e3; } .landing-boy .section-receive { background: #a81a15; } .landing-boy .section-receive h2 { color: #fff; } .landing-boy .section-receive .slant { background: #a81a15; } .landing-boy .section-previous-blocks h2 { color: #007da5; text-shadow: 0 2px 0 #93abad; } .landing-boy .section-geek-on { background: #92c6d0; } .landing-boy .section-geek-on .content-copy { text-shadow: 0 2px 0 #28657a; } .landing-boy .section-geek-on .container { background: #92c6d0 url("../images/bg_geek_on_boy.png") no-repeat 102px bottom; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-boy .section-geek-on .container { /* on retina, use image that's scaled by 2 */ background-image: url("../images/bg_geek_on_boy@2x.png"); background-size: 519px 458px; } } @media only screen and (max-width: 1024px) { .landing-boy .section-geek-on .container { background: none; } } .landing-arcade .btn-nav { background: url("../images/resp_nav_icon_grey.png") no-repeat center; background-size: 32px 24px; width: 40px; height: 34px; } .landing-arcade .sticky-header-bar-1 { background: #4B2A86; } .landing-arcade .sticky-header-bar-1 .heading { color: #fff; } .landing-arcade .tout-wrapper { height: 622px; background: #d0f2fa url("../images/home_tout_arcade.jpg") center; position: relative; } @media only screen and (max-width: 680px) { .landing-arcade .tout-wrapper { background: url("../images/tout_arcade_mobile.jpg") center; background-size: cover; } } @media only screen and (max-width: 680px) { .landing-arcade .tout-wrapper .container { background: url("../images/tout_arcadetoys_mobile.png") center 88% no-repeat; background-size: contain; } } .landing-arcade .tout-wrapper .alignment-container { height: 585px; } @media only screen and (max-width: 680px) { .landing-arcade .tout-wrapper .alignment-container { padding-bottom: 90%; padding-top: 25px; } } .landing-arcade .tout-wrapper .tout-graphic { width: 47.58621%; margin-left: -12px; } @media only screen and (max-width: 680px) { .landing-arcade .tout-wrapper .tout-graphic { width: 90%; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 0; } } .landing-arcade .tout-wrapper .tout-details { padding-left: 10%; width: 36.25%; } @media only screen and (max-width: 680px) { .landing-arcade .tout-wrapper .tout-details { width: 100%; padding-left: 0; margin-top: 20px; } } .landing-arcade .tout-wrapper .tout-details .blurb, .landing-arcade .tout-wrapper .tout-details .btn-process { color: #fff; } @media only screen and (max-width: 680px) { .landing-arcade .tout-wrapper .tout-details .blurb { margin-top: 36px; margin-bottom: 12px; } } .landing-arcade .logo-banner { background: #fff url(../images/company_logos_arcade.jpg) center repeat-x; } @media only screen and (max-width: 680px) { .landing-arcade .logo-banner { background-size: 114%; } } .landing-arcade .page-section h2 { color: #fff; } .landing-arcade .page-section h3 { color: #2b0b0d; } .landing-arcade .section-testimonials { background: #231245 url("../images/bg_btns.png") center -62px; } .landing-arcade .section-testimonials .testimonial-container { display: table; width: 100%; } .landing-arcade .section-testimonials h2 { color: #fff; } .landing-arcade .section-testimonials .author, .landing-arcade .section-testimonials .quote { color: #343334; } .landing-arcade .section-testimonials .inner-wrapper { border-bottom: 3px solid #390200; } .landing-arcade .section-testimonials .tail { background: url("../images/quote_tail03.png") no-repeat bottom; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-arcade .section-testimonials .tail { /* on retina, use image that's scaled by 2 */ background-image: url("../images/quote_tail03@2x.png"); background-size: 33px 36px; } } .landing-arcade .section-testimonials .char-01 { padding-bottom: 310px; background: url("../images/char_01_arcade.png") no-repeat center 98%; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-arcade .section-testimonials .char-01 { /* on retina, use image that's scaled by 2 */ background-image: url("../images/char_01_arcade@2x.png"); background-size: 320px 265px; } } .landing-arcade .section-testimonials .char-01 .tail { left: 24%; } .landing-arcade .section-testimonials .char-02 { padding-bottom: 325px; background: url("../images/char_02_arcade.png") no-repeat center 94%; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-arcade .section-testimonials .char-02 { /* on retina, use image that's scaled by 2 */ background-image: url("../images/char_02_arcade@2x.png"); background-size: 195px 262px; } } .landing-arcade .section-testimonials .char-02 .tail { left: 52%; } .landing-arcade .section-testimonials .char-03 { padding-bottom: 360px; background: url("../images/char_03_arcade.png") no-repeat center 88%; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-arcade .section-testimonials .char-03 { /* on retina, use image that's scaled by 2 */ background-image: url("../images/char_03_arcade@2x.png"); background-size: 225px 291px; } } .landing-arcade .section-testimonials .char-03 .tail { left: 64%; } .landing-arcade .section-unpacking { background: #009974; } .landing-arcade .section-unpacking h2 { color: #fff; } .landing-arcade .section-unpacking .author, .landing-arcade .section-unpacking h3 { color: #aeffeb; } .landing-arcade .section-curation .slant-top { height: 50px; margin-top: -80px; } .landing-arcade .section-curation .container { background: url("../images/curation_arcade.png") 95% bottom no-repeat; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-arcade .section-curation .container { /* on retina, use image that's scaled by 2 */ background-image: url("../images/curation_arcade@2x.png"); background-size: 302px 783px; } } .landing-arcade .section-curation h2 { color: #f9ad0f; text-shadow: 0 2px 0 #704444; } .landing-arcade .section-curation h3, .landing-arcade .section-curation p, .landing-arcade .section-curation ul { color: #595959; } .landing-arcade .section-curation .content-copy { color: #4b2a86; text-shadow: 0 2px 0 #704444; } .landing-arcade .section-curation .slant { height: 20px; margin-bottom: -57px; } .landing-arcade .section-highlighted { background: #323239; } .landing-arcade .section-highlighted h2 { color: #00cc99; margin-bottom: 14px; text-shadow: 0 2px 0 #000; } .landing-arcade .section-highlighted h3 { margin-bottom: 40px; color: #fff; } .landing-arcade .section-highlighted .slant { background: #323239; } .landing-arcade .section-receive { background: #a81a15; } .landing-arcade .section-receive h2 { color: #fff; } .landing-arcade .section-receive .slant { background: #a81a15; } .landing-arcade .section-previous-blocks h2 { color: #4b2a86; text-shadow: 0 2px 0 #000; } .landing-arcade .section-geek-on { background: #1d1d28; } .landing-arcade .section-geek-on .content-copy { text-shadow: 0 2px 0 #000; } .landing-arcade .section-geek-on .container { background: #1d1d28 url("../images/bg_geek_on_arcade.png") no-repeat 0px bottom; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-arcade .section-geek-on .container { /* on retina, use image that's scaled by 2 */ background-image: url("../images/bg_geek_on_arcade@2x.png"); background-size: 562px 467px; } } @media only screen and (max-width: 1024px) { .landing-arcade .section-geek-on .container { background: none; } } @media only screen and (max-width: 680px) { .landing-arcade .section-geek-on .container { background: none; } } .landing-comic .landing-subscription-container { top: 76px; } @media screen and (max-width: 1000px) { .landing-comic .landing-subscription-container { top: 102px; right: -40px; } } @media screen and (max-width: 1024px) { .landing-comic .sticky-header-timer-wrapper .timer { text-shadow: none; } } @media screen and (max-width: 980px) { .landing-comic .tout-wrapper { height: auto; background-image: none !important; padding: 0 10px; } } @media screen and (max-width: 980px) { .landing-comic .tout-wrapper .container .alignment-container { height: auto; padding-bottom: 40px; padding-top: 40px; } } .landing-comic .sticky-header-bar-2 .sticky-header-logo { width: 185px; background: url("../images/stick_nav_logo_comic.png") no-repeat; background-image: url("../images/stick_nav_logo_comic.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .landing-comic .sticky-header-bar-2 .sticky-header-logo { background-image: url("../images/stick_nav_logo_comic@2x.png"); background-size: 185px 68px; } } .landing-comic .sticky-header-bar-1 { background-color: #3b7cca; } .landing-comic .tout-wrapper { background: #eeeeee url("../images/home_tout_comic_something_big.jpg") center no-repeat; } .landing-comic .comic-header-container { max-width: 696px; margin: 0 auto; padding-top: 20px; } .landing-comic .comic-header-container p { font-size: 24px; display: block; margin: 30px 0 50px 0; font-family: komikaI, sans-serif; line-height: 30px; } .landing-comic .comic-header-description-container { margin: 0 auto; max-width: 475px; } .landing-comic .btn-play-comic { margin-top: 45px; display: block; font-size: 24px; color: #000; font-family: 'Source Sans Pro', sans-serif; line-height: 34px; } .landing-comic .btn-play-comic .icon-play { font-size: 34px; display: inline-block; vertical-align: top; } .landing-comic .logo-banner { background-color: white; } .landing-comic .section-testimonials { background: #3b7cca url("../images/comic_testimonial_section.gif") center no-repeat; background-image: url("../images/comic_testimonial_section.gif"); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .landing-comic .section-testimonials { background-image: url("../images/comic_testimonial_section@2x.gif"); background-size: 2000px 985px; } } .landing-comic .section-testimonials .section-heading-wrapper { padding-bottom: 40px; } .landing-comic .section-curation { background: #fcce01 url("../images/comic_curation_bg.png") top center repeat-x; padding: 50px 0 0px 0; } .landing-comic .section-curation .container { min-height: 744px; padding-bottom: 30px; margin: 0 auto; position: relative; overflow: hidden; } @media only screen and (max-width: 1024px) { .landing-comic .section-curation .container { background: none; } } @media screen and (max-width: 980px) { .landing-comic .section-curation .container { min-height: 0; } } .landing-comic .section-curation .comic-block-character { position: absolute; bottom: 0; right: 13.66667%; width: 35.16667%; } .landing-comic .section-curation .comic-block-character img { width: 100%; } @media screen and (max-width: 980px) { .landing-comic .section-curation .comic-block-character { display: none; } } .landing-comic .section-curation .item { display: inline-block; } @media screen and (max-width: 800px) { .landing-comic .section-curation .section-heading-wrapper img { width: 90%; } } .landing-comic .section-highlighted { background-color: white; } .landing-comic .section-highlighted .subtitle { color: #3b7cca; } @media screen and (max-width: 720px) { .landing-comic .section-highlighted .section-heading-wrapper img { width: 90%; } } .landing-comic .section-unpacking { background-color: #3b7cca; } .landing-comic .section-unpacking .section-heading-wrapper, .landing-comic .section-unpacking .author { color: white; } @media screen and (max-width: 1027px) { .landing-comic .section-unpacking .section-heading-wrapper img { width: 90%; } } .landing-comic .item-copy { max-width: 32.83333%; padding: 0; margin-left: 15.08333%; } .landing-comic .item-copy p { font-size: 16px; font-family: 'Source Sans Pro', sans-serif; text-align: center; line-height: 22px; } .landing-comic .item-copy .btn-1 { margin-top: 21px; } @media screen and (max-width: 767px) { .landing-comic .item-copy .btn-1 { margin-bottom: 20px; margin-top: 0; } } @media screen and (max-width: 980px) { .landing-comic .item-copy { margin: 0 auto; width: 50%; max-width: 100%; } } @media screen and (max-width: 650px) { .landing-comic .item-copy { margin: 0 auto; width: 90%; max-width: 100%; } } .landing-comic .section-geek-on { background-color: white; } .landing-comic .section-geek-on .container { background: white url("../images/comic_geek_on.png") no-repeat 38px bottom; background-image: url("../images/comic_geek_on.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .landing-comic .section-geek-on .container { background-image: url("../images/comic_geek_on@2x.png"); background-size: 561px 470px; } } @media only screen and (max-width: 1024px) { .landing-comic .section-geek-on .container { background: none; } } @media screen and (max-width: 680px) { .landing-comic .section-geek-on .container { padding-top: 0; padding-bottom: 0; } } .landing-comic .section-geek-on .content-copy img { width: 100%; display: block; margin-bottom: 20px; } @media only screen and (max-width: 1024px) { .landing-comic .section-geek-on .content-copy img { max-width: 500px; margin: 0 auto; padding-bottom: 10px; } } @media screen and (max-width: 680px) { .landing-comic .section-geek-on .content-copy { margin-top: 0; padding-top: 0; } } .landing-comic .comic-testimonial-col { width: 30%; display: inline-block; margin-left: 4%; } .landing-comic .comic-testimonial-col img { width: 100%; } .landing-comic .comic-testimonial-col:first-child { margin-left: 0; } .landing-comic .testimonial-container { padding-bottom: 70px; } .section-highlighted { padding-top: 56px; } @media screen and (max-width: 767px) { .section-highlighted { margin-bottom: 0; } } .highlighted-showcase { background: url("../images/empty_shelf.png") center 239px no-repeat; background-image: url("../images/empty_shelf.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .highlighted-showcase { background-image: url("../images/empty_shelf@2x.png"); background-size: 1054px 145px; } } @media screen and (max-width: 1200px) { .highlighted-showcase { background: none; } } .highlighted-showcase-item { display: inline-block; vertical-align: top; text-align: center; margin-left: 18px; width: 20%; } .highlighted-showcase-item img { width: 100%; } .highlighted-showcase-item:first-child { margin-left: 0; } @media screen and (max-width: 320px) { .highlighted-showcase-item { display: block; width: 80%; margin: 0 auto; } .highlighted-showcase-item:first-child { margin-left: auto; } } .highlighted-showcase-item-title { font-size: 24px; color: #3b7cca; font-family: 'avengeance_mightiest_avengeRg', sans-serif; line-height: normal; text-transform: uppercase; width: 100%; margin: 64px auto 0; } @media screen and (max-width: 1200px) { .highlighted-showcase-item-title { margin-top: 20px; } } @media screen and (max-width: 768px) { .highlighted-showcase-item-title { font-size: 16px; } } @media screen and (max-width: 320px) { .highlighted-showcase-item-title { margin: 20px auto 40px; } } .section-heading-wrapper .section-heading-subtitle { display: block; margin: 11px 0 50px 0; font-size: 24px; font-family: 'Source Sans Pro', sans-serif; } @media screen and (max-width: 768px) { .section-heading-wrapper .section-heading-subtitle { font-size: 14px; margin-bottom: 30px; } } @media only screen and (max-width: 680px) { .landing-grab .subscription-status-contain .sold-out { background-color: #0089B5; } } .landing-grab .tout-wrapper { height: 691px; background: #d0f2fa url("../images/tout_tile_08.jpg") 48% 5%; padding-top: 10px; } @media only screen and (max-width: 680px) { .landing-grab .tout-wrapper { background: #d0f2fa url("../images/tout_tile_08.jpg") 36% 5%; background-size: cover; } } .landing-grab .tout-wrapper .alignment-container { height: 497px; } @media only screen and (max-width: 680px) { .landing-grab .tout-wrapper .alignment-container { padding-bottom: 55%; padding-top: 5%; height: auto; } } .landing-grab .tout-wrapper .tout-graphic { width: 35.5%; margin-left: 4.16667%; margin-bottom: 10px; } @media only screen and (max-width: 680px) { .landing-grab .tout-wrapper .tout-graphic { width: 59%; margin-left: auto; margin-right: auto; margin-top: 10px; } } .landing-grab .tout-wrapper .tout-details { padding-left: 10%; width: 39%; } @media only screen and (max-width: 680px) { .landing-grab .tout-wrapper .tout-details { width: 100%; padding-left: 0; } } .landing-grab .tout-wrapper .tout-details .blurb { color: #1e1e1e; margin-bottom: 18px; } @media only screen and (max-width: 680px) { .landing-grab .tout-wrapper .tout-details .blurb { margin-top: 12px; margin-bottom: 12px; } } .landing-grab .tout-wrapper .tout-details .btn-process { display: none; } .landing-grab .tout-wrapper .tout-details .btn-1 { padding: 6px 16px 0px; } .landing-grab .page-section h2 { text-shadow: 0 2px 0 #4A8B9C; } .landing-grab .logo-banner { background: #fff url("../images/company_logos_grab.jpg") center no-repeat; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-grab .logo-banner { /* on retina, use image that's scaled by 2 */ background-image: url("../images/company_logos_grab.jpg"); background-size: 1982px 60px; } } @media only screen and (max-width: 680px) { .landing-grab .logo-banner { background-size: 220%; height: 65px; } } .landing-grab .section-curation { background: #5aaec4; } .landing-grab .section-curation h2 { color: #fff; text-shadow: 0 2px 0 #4A8B9C; } .landing-grab .section-curation .slant { background: #5aaec4; } .landing-grab .section-curation .slant-top { display: none; } .landing-grab .section-curation .container { margin-bottom: 0; padding-bottom: 45px; background: url("../images/curation_grab.png") 95% 72% no-repeat; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-grab .section-curation .container { /* on retina, use image that's scaled by 2 */ background-image: url("../images/curation_grab@2x.png"); background-size: 253px 679px; } } .landing-grab .section-curation h3, .landing-grab .section-curation p, .landing-grab .section-curation ul { color: #0c5268; } .landing-grab .section-curation .content-copy { color: #fff; text-shadow: 0 2px 0 #4A8B9C; } .landing-grab .section-curation .btn-1 { padding: 6px 28px 0; } .landing-grab .section-testimonials { display: none; } .landing-grab .section-geek-on .content-copy { text-shadow: 0 2px 0 #4A4A4A; } .landing-grab .section-choose-theme .btn-1 { font-size: 18px; line-height: 1; padding: 14px 12px 16px; } @media only screen and (max-width: 680px) { .landing-grab .section-choose-theme .btn-1 { font-size: 13px; padding: 10px 10px 13px; } } .landing-grab .section-choose-theme .container { overflow: hidden; } .landing-grab .section-choose-theme .theme-block-wrapper { text-align: left; } .landing-grab .section-choose-theme .theme-block-wrapper .theme-block { background: none; width: 49.5%; margin-right: 0; text-align: center; } @media only screen and (max-width: 1024px) { .landing-grab .section-choose-theme .theme-block-wrapper .theme-block { width: 100%; float: none; } } @media only screen and (max-width: 680px) { .landing-grab .section-choose-theme .theme-block-wrapper .theme-block img { width: 100%; } } .landing-grab .section-choose-theme .theme-block-wrapper .theme-block:nth-child(odd) { margin-right: 1%; } .landing-grab .section-choose-theme .theme-block-wrapper .info-container > .fl { width: 60%; } @media only screen and (max-width: 1024px) { .landing-grab .section-choose-theme .theme-block-wrapper .info-container > .fl { width: 50%; } } .landing-grab .section-choose-theme .theme-block-wrapper .info-container { background: #fff; border: 2px solid #e9e9e9; max-width: 522px; margin: 0 auto; padding: 18px 16px; position: relative; } @media only screen and (max-width: 1024px) { .landing-grab .section-choose-theme .theme-block-wrapper .info-container { max-width: 486px; padding: 12px; } } .landing-grab .section-choose-theme .landing-subscription-container { width: 113px; height: 113px; bottom: 91.5%; left: 87%; z-index: 20; } @media only screen and (max-width: 680px) { .landing-grab .section-choose-theme .landing-subscription-container { width: 100px; height: 100px; bottom: 278%; right: 0; left: auto; top: auto; } } .landing-grab .section-choose-theme .landing-subscription-container span.subscription-amount { font-size: 40px; line-height: 46px; margin-top: -6px; } @media only screen and (max-width: 680px) { .landing-grab .section-choose-theme .landing-subscription-container span.subscription-amount { line-height: 36px; } } .landing-grab .section-choose-theme .landing-subscription-container span.only-left { font-size: 17px; } .landing-grab .section-choose-theme .tagline { color: #595959; font-size: 18px; line-height: 24px; } .landing-grab .section-choose-theme .theme-arcade .theme-title { color: #4d3087; } .landing-grab .section-choose-theme .theme-nerdblockjrgirls .theme-title { color: #e594e2; } .landing-grab .section-choose-theme .theme-nerdblockjrboys .theme-title { color: #00b6d1; } .landing-grab .section-choose-theme .theme-nerdblock .theme-title { color: #007da5; } .landing-grab .section-choose-theme .theme-horror .theme-title { color: #d0112b; } .landing-vinyl .tout-wrapper { height: auto; background: #d0f2fa url("../images/tout_vinyl.jpg") no-repeat center top; position: relative; } @media only screen and (max-width: 883px) { .landing-vinyl .tout-wrapper { background: #d0f2fa url("../images/tout_vinyl.jpg") no-repeat center top; } } .landing-vinyl .tout-wrapper .alignment-container { padding-top: 20px; } @media only screen and (max-width: 680px) { .landing-vinyl .tout-wrapper .alignment-container { padding-top: 25px; } } .landing-vinyl .tout-wrapper .blurb { line-height: 30px; padding-right: 0; text-align: center; } @media only screen and (max-width: 883px) { .landing-vinyl .tout-wrapper .blurb { margin-top: 0; } } @media only screen and (max-width: 1024px) { .landing-vinyl .tout-wrapper .blurb { padding-right: 0; font-size: 20px; line-height: 24px; } } .landing-vinyl .tout-wrapper .pay-pal-container { padding-top: 27px; padding-left: 57px; } @media only screen and (max-width: 1024px) { .landing-vinyl .tout-wrapper .pay-pal-container { padding-left: 0; } } .landing-vinyl .tout-wrapper .tout-graphic { width: 46.98276%; margin-left: -12px; } @media only screen and (max-width: 680px) { .landing-vinyl .tout-wrapper .tout-graphic { width: 90%; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 0; } } .landing-vinyl .tout-wrapper .tout-image { width: 65%; float: right; margin-top: 50px; } @media only screen and (max-width: 883px) { .landing-vinyl .tout-wrapper .tout-image { display: none; } } .landing-vinyl .tout-wrapper .tout-image img { width: 100%; } .landing-vinyl .tout-wrapper .tout-details { padding-left: 0; margin-top: 50px; width: 30%; text-align: left; float: left; } @media only screen and (max-width: 1024px) { .landing-vinyl .tout-wrapper .tout-details { text-align: center; } } @media only screen and (max-width: 883px) { .landing-vinyl .tout-wrapper .tout-details { width: 100%; padding-left: 0; display: none; } } .landing-vinyl .tout-wrapper .tout-details .btn-1 { margin-bottom: 0; padding: 6px 21px 0px; background-color: #0f72b8; box-shadow: 0 6px 0 0 #0b507d; } .landing-vinyl .tout-wrapper .tout-details .btn-1 span { color: white; } .landing-vinyl .tout-wrapper .tout-details .blurb, .landing-vinyl .tout-wrapper .tout-details .btn-process { color: #fff; } @media only screen and (max-width: 1024px) { .landing-vinyl .tout-wrapper .tout-details .blurb, .landing-vinyl .tout-wrapper .tout-details .btn-process { text-align: center; } } .landing-vinyl .tout-wrapper .tout-details img { width: 100%; text-align: center; } .landing-vinyl .tout-wrapper .tout-details h2 { color: #FFF; font-family: 'Source Sans Pro', sans-serif; font-size: 48px; font-weight: 700; text-transform: uppercase; text-shadow: 0 2px 0 #17346F; margin-bottom: 15px; margin-top: 10px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 1024px) { .landing-vinyl .tout-wrapper .tout-details h2 { font-size: 33px; } } .landing-vinyl .vinyl-price-details { padding-bottom: 100px; padding-top: 30px; } .landing-vinyl .vinyl-block-price { text-align: center; margin-bottom: 15px; } @media only screen and (max-width: 1024px) { .landing-vinyl .vinyl-block-price { text-align: center; padding-left: 0; } } .landing-vinyl .vinyl-mobile-tout { display: none; } @media only screen and (max-width: 883px) { .landing-vinyl .vinyl-mobile-tout { display: block; padding-top: 25px; padding-bottom: 25px; } } .landing-vinyl .vinyl-btn { display: none; } .landing-vinyl .vinyl-btn span { color: white; } @media only screen and (max-width: 883px) { .landing-vinyl .vinyl-btn { display: block; margin-bottom: 25px; padding: 6px 21px 0px; background-color: #0f72b8; box-shadow: 0 6px 0 0 #0b507d; max-width: 250px; margin: 0 auto 25px auto; text-align: center; } } .landing-retro .sticky-header-bar-1 { background: #007da5; } .landing-retro .sticky-header-bar-1 .time, .landing-retro .sticky-header-bar-1 .timer { text-shadow: 0 2px 0 rgba(1, 42, 51, 0.42); } .landing-retro .sticky-header-bar-1 .timer { color: #fff; } .landing-retro .btn-grab-block { text-align: center; margin-bottom: 40px; } .landing-retro .retro-block-price { text-align: left; padding-left: 6px; } @media only screen and (max-width: 1024px) { .landing-retro .retro-block-price { text-align: center; padding-left: 0; } } .landing-retro .tout-wrapper { height: 691px; background: #d0f2fa url("../images/tout_tile_09.jpg") no-repeat center top; position: relative; } @media only screen and (max-width: 883px) { .landing-retro .tout-wrapper { background: #d0f2fa url("../images/tout_tile_09_mobile.jpg") no-repeat center top; } } .landing-retro .tout-wrapper .alignment-container { padding-top: 20px; } @media only screen and (max-width: 680px) { .landing-retro .tout-wrapper .alignment-container { padding-top: 25px; } } .landing-retro .tout-wrapper .blurb { color: #FFF; font-family: "Source Sans Pro", sans-serif; font-size: 26px; font-weight: 700; text-shadow: 0 2px 0 rgba(23, 52, 111, 0.71); text-align: left; line-height: 30px; letter-spacing: -.45px; margin-bottom: -12px; padding-right: 120px; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 883px) { .landing-retro .tout-wrapper .blurb { margin-top: 0; } } @media only screen and (max-width: 1024px) { .landing-retro .tout-wrapper .blurb { padding-right: 0; font-size: 20px; line-height: 24px; } } .landing-retro .tout-wrapper .pay-pal-container { padding-top: 27px; padding-left: 57px; } @media only screen and (max-width: 1024px) { .landing-retro .tout-wrapper .pay-pal-container { padding-left: 0; } } .landing-retro .tout-wrapper .tout-graphic { width: 46.98276%; margin-left: -12px; } @media only screen and (max-width: 680px) { .landing-retro .tout-wrapper .tout-graphic { width: 90%; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 0; } } .landing-retro .tout-wrapper .tout-details { padding-left: 0; width: 53%; text-align: left; } @media only screen and (max-width: 1024px) { .landing-retro .tout-wrapper .tout-details { text-align: center; } } @media only screen and (max-width: 883px) { .landing-retro .tout-wrapper .tout-details { width: 100%; padding-left: 0; } } .landing-retro .tout-wrapper .tout-details .btn-1 { margin-bottom: 0; padding: 6px 21px 0px; } .landing-retro .tout-wrapper .tout-details .blurb, .landing-retro .tout-wrapper .tout-details .btn-process { color: #fff; } @media only screen and (max-width: 1024px) { .landing-retro .tout-wrapper .tout-details .blurb, .landing-retro .tout-wrapper .tout-details .btn-process { text-align: center; } } .landing-retro .tout-wrapper .tout-details img { max-width: 100%; text-align: center; width: auto; } .landing-retro .tout-wrapper .tout-details h2 { color: #FFF; font-family: 'Source Sans Pro', sans-serif; font-size: 48px; font-weight: 700; text-transform: uppercase; text-shadow: 0 2px 0 #17346F; margin-bottom: 15px; margin-top: 10px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 1024px) { .landing-retro .tout-wrapper .tout-details h2 { font-size: 33px; } } .landing-retro .logo-banner { background: #fff url(../images/company_logos_retro.jpg) center repeat-x; } @media only screen and (max-width: 680px) { .landing-retro .logo-banner { background-size: 114%; } } .landing-retro .page-section h2 { text-shadow: 0 2px 0 rgba(0, 0, 0, 0.5); color: #0187A9; } .landing-retro .page-section h3 { color: #595959; } .landing-retro .section-curation { background: #5aaec4; padding-bottom: 0; } .landing-retro .section-curation .container { background: url("../images/curation_retro.png") 94% 116% no-repeat; margin-bottom: 0; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-retro .section-curation .container { /* on retina, use image that's scaled by 2 */ background-image: url("../images/curation_retro@2x.png"); background-size: 380px 744px; } } .landing-retro .section-curation .container .inner-container { width: 77.06897%; padding-left: 0; } @media only screen and (max-width: 680px) { .landing-retro .section-curation .container .inner-container { width: 100%; } } .landing-retro .section-curation .item-copy { padding-left: 6.46831%; padding-right: 28px; } @media only screen and (max-width: 680px) { .landing-retro .section-curation .item-copy { padding-right: 10px; } } .landing-retro .section-curation .item { margin-right: 14%; } @media only screen and (max-width: 680px) { .landing-retro .section-curation .item { margin-right: 0px; } } .landing-retro .section-curation .item p { padding-bottom: 30px; } .landing-retro .section-curation h2 { color: #0C5268; text-shadow: 0 2px 0 rgba(147, 171, 173, 0.75); } .landing-retro .section-curation h3 { color: #0C5268; text-align: left; padding-left: 22px; } @media only screen and (max-width: 680px) { .landing-retro .section-curation h3 { text-align: center; } } .landing-retro .section-curation p, .landing-retro .section-curation ul { color: #fff; } .landing-retro .section-curation .content-copy { color: #fff; text-shadow: 0 2px 0 rgba(147, 171, 173, 0.75); padding-top: 3px; margin-bottom: 38px; } .landing-retro .section-geek-on .content-copy { text-shadow: 0 2px 0 #4A4A4A; } .landing-retro .section-choose-theme .btn-1 { line-height: 1; padding: 13px 35px; letter-spacing: normal; font-family: "Source Sans Pro"; font-size: 18px; font-weight: 900; text-transform: uppercase; } @media only screen and (max-width: 680px) { .landing-retro .section-choose-theme .btn-1 { font-size: 13px; padding: 10px 10px 13px; } } .landing-retro .section-choose-theme .btn-1.sold-out { background: #a2a2a2; box-shadow: 0 6px 0 0 #535353; } .landing-retro .section-choose-theme .container { overflow: hidden; } .landing-retro .section-choose-theme .theme-block-wrapper { text-align: left; } .landing-retro .section-choose-theme .theme-block-wrapper .theme-block { background: none; width: 49.5%; margin-right: 0; text-align: center; margin-top: 0; display: inline-block; float: none; margin-bottom: 18px; } @media only screen and (max-width: 1024px) { .landing-retro .section-choose-theme .theme-block-wrapper .theme-block { width: 100%; float: none; } } @media only screen and (max-width: 680px) { .landing-retro .section-choose-theme .theme-block-wrapper .theme-block img { width: 100%; } } .landing-retro .section-choose-theme .theme-block-wrapper .theme-block:nth-child(odd) { margin-right: 1%; } .landing-retro .section-choose-theme .theme-block-wrapper .info-container > .fl { width: 60%; } @media only screen and (max-width: 1024px) { .landing-retro .section-choose-theme .theme-block-wrapper .info-container > .fl { width: 50%; } } .landing-retro .section-choose-theme .theme-block-wrapper .info-container { background: #fff; border-top: 2px solid #e9e9e9; max-width: 522px; margin: 0 auto; padding: 25px 16px; position: relative; } @media only screen and (max-width: 1024px) { .landing-retro .section-choose-theme .theme-block-wrapper .info-container { max-width: 486px; padding: 12px; } } .landing-retro .section-choose-theme .landing-subscription-container { width: 113px; height: 113px; bottom: 91.5%; left: 87%; z-index: 20; } @media only screen and (max-width: 680px) { .landing-retro .section-choose-theme .landing-subscription-container { width: 100px; height: 100px; right: 0; left: auto; top: auto; } } .landing-retro .section-choose-theme .landing-subscription-container span.subscription-amount { font-size: 40px; line-height: 46px; margin-top: -6px; } @media only screen and (max-width: 680px) { .landing-retro .section-choose-theme .landing-subscription-container span.subscription-amount { line-height: 36px; } } .landing-retro .section-choose-theme .landing-subscription-container span.only-left { font-size: 17px; } .landing-retro .section-choose-theme .tagline { color: #595959; font-size: 16px; line-height: 24px; text-align: center; } .landing-retro .section-choose-theme .tagline ul { padding: 0; margin-top: 10px; margin-bottom: 24px; } .landing-retro .section-choose-theme .tagline ul li { margin-left: 7px; display: inline-block; text-align: center; } .landing-retro .section-choose-theme .tagline ul li:first-child { margin-left: 0; padding-left: 0; } .landing-retro .section-choose-theme .tagline ul li:first-child span { display: none; } .landing-retro .section-choose-theme .tagline ul li span { width: 5px; height: 5px; margin-top: 5px; background: #595959; display: inline-block; border-radius: 50%; margin: 0 3px 3px 0; } .landing-retro .section-choose-theme .theme-title { text-align: center; font-size: 30px; font-weight: 900; text-transform: uppercase; } @media only screen and (max-width: 680px) { .landing-retro .section-choose-theme .theme-title { font-size: 20px; padding-top: 12px; } } .landing-retro .section-choose-theme .theme-arcade .theme-title { color: #4d3087; } .landing-retro .section-choose-theme .theme-nerdblockjrgirls .theme-title { color: #e594e2; } .landing-retro .section-choose-theme .theme-nerdblockjrboys .theme-title { color: #00b6d1; } .landing-retro .section-choose-theme .theme-nerdblock .theme-title { color: #007da5; } .landing-retro .section-choose-theme .theme-horror .theme-title { color: #d0112b; } .landing-scifi .sticky-header-bar-1 { background: #453a6c; } .landing-scifi .sticky-header-bar-1 .heading { color: #fff; text-shadow: 0 2px 0 rgba(12, 7, 30, 0.42); } .landing-scifi .sticky-header-bar-1 .timer { color: #fff; } @media only screen and (max-width: 680px) { .landing-scifi .header-previous .sticky-header-bar-2 .sticky-header-timer-wrapper { background: #209c9a; } .landing-scifi .header-previous .sticky-header-bar-2 .sticky-header-timer-wrapper .heading { color: #D1FFFE; } } .landing-scifi .tout-wrapper { height: 622px; background: #d0f2fa url("../images/home_tout_arcade.jpg") center; position: relative; } @media only screen and (max-width: 680px) { .landing-scifi .tout-wrapper { background: url("../images/tout_arcade_mobile.jpg") center; background-size: cover; } } @media only screen and (max-width: 680px) { .landing-scifi .tout-wrapper .container { background: url("../images/tout_arcadetoys_mobile.png") center 88% no-repeat; background-size: contain; } } .landing-scifi .tout-wrapper .alignment-container { height: 585px; } @media only screen and (max-width: 680px) { .landing-scifi .tout-wrapper .alignment-container { padding-bottom: 90%; padding-top: 25px; } } .landing-scifi .tout-wrapper .tout-graphic { width: 47.58621%; margin-left: -12px; } @media only screen and (max-width: 680px) { .landing-scifi .tout-wrapper .tout-graphic { width: 90%; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 0; } } .landing-scifi .tout-wrapper .tout-details { padding-left: 10%; width: 36.25%; } @media only screen and (max-width: 680px) { .landing-scifi .tout-wrapper .tout-details { width: 100%; padding-left: 0; margin-top: 20px; } } .landing-scifi .tout-wrapper .tout-details .blurb, .landing-scifi .tout-wrapper .tout-details .btn-process { color: #fff; } @media only screen and (max-width: 680px) { .landing-scifi .tout-wrapper .tout-details .blurb { margin-top: 36px; margin-bottom: 12px; } } .landing-scifi .logo-banner { background: #fff url("../images/scifi_company_logos.jpg") center repeat-x; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-scifi .logo-banner { /* on retina, use image that's scaled by 2 */ background-image: url("../images/scifi_company_logos@2x.jpg"); background-size: 1942px 108px; } } @media only screen and (max-width: 680px) { .landing-scifi .logo-banner { background-size: 102%; } } .landing-scifi .page-section h2 { text-shadow: 0 2px 0 rgba(152, 149, 164, 0.75); color: #453a6c; } .landing-scifi .page-section h3 { color: #595959; } .landing-scifi .section-testimonials { background: #231245 url("../images/bg_bolts.jpg") center repeat-x; } .landing-scifi .section-testimonials .testimonial-container { display: table; width: 100%; } .landing-scifi .section-testimonials h2 { color: #fff; } .landing-scifi .section-testimonials .author, .landing-scifi .section-testimonials .quote { color: #343334; } .landing-scifi .section-testimonials .inner-wrapper { border-bottom: 3px solid #390200; } .landing-scifi .section-testimonials .tail { background: url("../images/quote_tail03.png") no-repeat bottom; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-scifi .section-testimonials .tail { /* on retina, use image that's scaled by 2 */ background-image: url("../images/quote_tail03@2x.png"); background-size: 33px 36px; } } .landing-scifi .section-testimonials .char-01 { padding-bottom: 310px; background: url("../images/char_01_scifi.png") no-repeat center 98%; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-scifi .section-testimonials .char-01 { /* on retina, use image that's scaled by 2 */ background-image: url("../images/char_01_scifi@2x.png"); background-size: 240px 309px; } } .landing-scifi .section-testimonials .char-01 .tail { left: 24%; } .landing-scifi .section-testimonials .char-02 { padding-bottom: 325px; background: url("../images/char_02_scifi.png") no-repeat center 94%; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-scifi .section-testimonials .char-02 { /* on retina, use image that's scaled by 2 */ background-image: url("../images/char_02_scifi@2x.png"); background-size: 195px 262px; } } .landing-scifi .section-testimonials .char-02 .tail { left: 52%; } .landing-scifi .section-testimonials .char-03 { padding-bottom: 360px; background: url("../images/char_03_scifi.png") no-repeat center 88%; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-scifi .section-testimonials .char-03 { /* on retina, use image that's scaled by 2 */ background-image: url("../images/char_03_scifi@2x.png"); background-size: 225px 291px; } } .landing-scifi .section-testimonials .char-03 .tail { left: 64%; } .landing-scifi .section-unpacking { background: #2e2454; } .landing-scifi .section-unpacking h2 { color: #fff; } .landing-scifi .section-unpacking .author, .landing-scifi .section-unpacking h3 { color: #fff; } .landing-scifi .section-curation .slant-top { height: 50px; margin-top: -80px; } .landing-scifi .section-curation .container { background: url("../images/curation_scifi.png") 95% bottom no-repeat; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-scifi .section-curation .container { /* on retina, use image that's scaled by 2 */ background-image: url("../images/curation_scifi@2x.png"); background-size: 286px 684px; } } .landing-scifi .section-curation h3, .landing-scifi .section-curation p, .landing-scifi .section-curation ul { color: #595959; } .landing-scifi .section-curation .content-copy { text-shadow: 0 2px 0 rgba(152, 149, 164, 0.75); color: #453a6c; } .landing-scifi .section-curation .slant { height: 20px; margin-bottom: -57px; } .landing-scifi .section-highlighted { background: #62ccca; } .landing-scifi .section-highlighted h3 { margin-bottom: 40px; color: #453a6c; font-size: 30px; } .landing-scifi .section-highlighted .slant { background: #62ccca; } .landing-scifi .section-receive { background: #a81a15; } .landing-scifi .section-receive h2 { color: #fff; } .landing-scifi .section-receive .slant { background: #a81a15; } .landing-scifi .section-previous-blocks h2 { color: #4b2a86; text-shadow: 0 2px 0 #000; } .landing-scifi .section-geek-on { background: #5b5378; } .landing-scifi .section-geek-on .content-copy { text-shadow: 0 2px 0 #468296; } .landing-scifi .section-geek-on .container { background: #5b5378 url("../images/bg_geek_on_scifi.png") no-repeat 100px bottom; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-scifi .section-geek-on .container { /* on retina, use image that's scaled by 2 */ background-image: url("../images/bg_geek_on_scifi@2x.png"); background-size: 440px 444px; } } @media only screen and (max-width: 1024px) { .landing-scifi .section-geek-on .container { background: none; } } @media only screen and (max-width: 680px) { .landing-scifi .section-geek-on .container { background: none; } } .wrapper-relative { position: relative; } @media only screen and (max-width: 680px) { .home .landing-subscription-container { top: -8px; } } .landing-subscription-container { position: absolute; padding-bottom: 15px; border-radius: 50%; top: 22px; right: 0; background-color: #FF3C00; width: 140px; height: 131px; padding-top: 10px; -webkit-transform: rotate(12deg); -ms-transform: rotate(12deg); transform: rotate(12deg); text-align: center; font-weight: 400; letter-spacing: .025em; -webkit-font-smoothing: antialiased; } @media only screen and (max-width: 680px) { .landing-subscription-container { top: -8px; width: 107px; height: 107px; padding-top: 8px; } } .landing-subscription-container span { display: block; color: white; font-family: komika,sans-serif; } .landing-subscription-container span.only-left { font-size: 14px; } @media only screen and (max-width: 680px) { .landing-subscription-container span.only-left { font-size: 14px; } } .landing-subscription-container span.subscription-amount { font-size: 48px; margin-top: -10px; font-weight: 700; line-height: 58px; } @media only screen and (max-width: 680px) { .landing-subscription-container span.subscription-amount { font-size: 24px; margin-top: -5px; line-height: 40px; } } .landing-subscription-container span.subscriptions { font-size: 14px; } @media only screen and (max-width: 680px) { .landing-subscription-container span.subscriptions { font-size: 10px; margin-bottom: 2px; } } .landing .homepage .slide-section { position: relative; top: auto; display: block !important; width: 100%; text-align: left; } @media screen and (max-width: 1000px) { .landing .homepage .slide-section { display: block !important; } .landing .homepage .slide-section .tout-wrapper .tout-details { padding-top: 0; padding-bottom: 90px; padding-left: 0; } .landing .homepage .slide-section .tout-wrapper .container { background: none; } } @media screen and (max-width: 1000px) { .landing-comic .homepage .slide-section .landing-subscription-container { top: 413px; right: -17px; } } .landing .homepage .static-header { display: none; } .contact-body { background-color: white; padding-bottom: 100px; } .contact-single-col { width: 64%; /*770/1200*100*/ } @media only screen and (max-width: 1024px) { .contact-single-col { width: 100%; } } .contact-heading { margin-bottom: 30px; font-size: 60px; } @media only screen and (max-width: 1024px) { .contact-heading { font-size: 48px; } } @media only screen and (max-width: 680px) { .contact-heading { font-size: 26px; margin-top: 65px; text-align: center; } } .contact-form-info { font-size: 30px; font-family: "Source Sans Pro",sans-serif; color: #006c8f; margin: 0px 0 0px 0; line-height: 36px; } @media only screen and (max-width: 680px) { .contact-form-info { font-size: 18px; line-height: 27px; } } .contact-col-1 { float: left; width: 47.5%; margin-top: 50px; } @media only screen and (max-width: 730px) { .contact-col-1 { width: 100%; float: none; } } .contact-col-1 .fl.col { width: 49%; } @media only screen and (max-width: 680px) { .contact-col-1 .fl.col { width: 100%; } } .contact-col-1 .fr.col { width: 49%; } @media only screen and (max-width: 680px) { .contact-col-1 .fr.col { width: 100%; } } .contact-col-1 .input-pair, .contact-col-1 input { margin-bottom: 20px; } .contact-col-1 .col textarea { border: 1px solid #c3cacc; display: block; font-size: 18px; width: 100%; color: black; font-family: "Source Sans Pro",sans-serif; padding: 20px 20px; vertical-align: top; border-radius: 0; height: 160px; } .contact-btn-contain { text-align: center; clear: both; margin-top: 60px; } .contact-col-2 { float: right; width: 46.25%; /*555/1200*100*/ } @media only screen and (max-width: 730px) { .contact-col-2 { display: none; } } .contact-col-2 img { width: 100%; } @media only screen and (max-width: 1024px) { .contact-col-2 img { margin-top: 50px; } } .contact-col-1 select.styled { -moz-appearance: none; -webkit-appearance: none; text-indent: 0.01px; text-overflow: ''; background: #FFF url("../images/dropdown.png") no-repeat 96% center; font-size: 18px; border: 1px solid #c3cacc; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; margin-bottom: 20px; width: 100%; height: 52px; padding: 10px; opacity: 1; font-family: "Source Sans Pro", sans-serif; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .contact-col-1 select.styled { background: #FFF !important; } } .ie .contact-col-1 select.styled { background: #FFF !important; } .feedback-body { background-color: white; padding-bottom: 100px; } .feedback-full-col { width: 100%; /*770/1200*100*/ } @media only screen and (max-width: 1024px) { .feedback-full-col { width: 100%; } } .feedback-full-col.row { margin-left: -15px; } .feedback-full-col .feedback-block { width: 33%; float: left; text-align: center; margin-bottom: 40px; box-sizing: border-box; padding: 15px; } .feedback-full-col .feedback-block.left { text-align: left; } .feedback-full-col .feedback-block.right { text-align: right; } .feedback-full-col .feedback-block p { font-size: 18px; font-family: "Source Sans Pro",sans-serif; color: #595959; text-align: center; } @media only screen and (max-width: 1024px) { .feedback-full-col .feedback-block { width: 50%; } } @media only screen and (max-width: 680px) { .feedback-full-col .feedback-block { width: 100%; } } .feedback-full-col img { box-sizing: border-box; padding: 0px 30px; width: 100%; } @media only screen and (max-width: 1024px) { .feedback-full-col img { max-width: 100%; } } @media only screen and (max-width: 680px) { .feedback-full-col img { max-width: 100%; } } .feedback-full-col .btn-2 { font-size: 24px; width: 100%; font-family: "Source Sans Pro",sans-serif; color: #FFF; letter-spacing: 0 !important; font-weight: 900; padding: 8px 0px 5px 0px; text-align: center; } .feedback-full-col p { font-size: 30px; font-family: "Source Sans Pro",sans-serif; text-align: left; } @media only screen and (max-width: 1024px) { .feedback-full-col p { font-size: 24px; } } @media only screen and (max-width: 680px) { .feedback-full-col p { font-size: 18px; } } .feedback-single-col { width: 71%; /*770/1200*100*/ } @media only screen and (max-width: 1024px) { .feedback-single-col { width: 100%; } } .feedback-heading { margin-bottom: 30px; font-size: 60px; } @media only screen and (max-width: 1024px) { .feedback-heading { font-size: 48px; } } @media only screen and (max-width: 680px) { .feedback-heading { font-size: 26px; margin-top: 65px; text-align: center; } } .feedback-form-info { font-size: 30px; font-family: "Source Sans Pro",sans-serif; color: #006c8f; margin: 0px 0 0px 0; line-height: 36px; } @media only screen and (max-width: 680px) { .feedback-form-info { font-size: 18px; line-height: 27px; padding-right: 0px; } } .feedback-col-1 { float: left; width: 47.5%; margin-top: 50px; } @media only screen and (max-width: 730px) { .feedback-col-1 { width: 100%; float: none; } } .feedback-col-1 .fl.col { width: 49%; } @media only screen and (max-width: 680px) { .feedback-col-1 .fl.col { width: 100%; } } .feedback-col-1 .fr.col { width: 49%; } @media only screen and (max-width: 680px) { .feedback-col-1 .fr.col { width: 100%; } } .feedback-col-1 .input-pair, .feedback-col-1 input { margin-bottom: 20px; } .feedback-col-1 .col textarea { border: 1px solid gray; display: block; font-size: 18px; width: 100%; color: black; font-family: "Source Sans Pro",sans-serif; padding: 20px 20px; vertical-align: top; border-radius: 0; height: 160px; } .feedback-btn-contain { text-align: center; clear: both; margin-top: 60px; } .feedback-success-btn-contain { text-align: center; clear: both; margin-top: 20px; } .feedback-col-2 { float: right; width: 46.25%; /*555/1200*100*/ } @media only screen and (max-width: 730px) { .feedback-col-2 { display: none; } } .feedback-col-2 img { width: 100%; } @media only screen and (max-width: 1024px) { .feedback-col-2 img { margin-top: 50px; } } .input-answer { margin: 10px 0; } .input-answer label { font-size: 24px; font-family: "Source Sans Pro",sans-serif; color: #006c8f; position: absolute; margin: -4px 0 0 27px; } .input-answer input[type="radio"] { position: relative; left: 0; } .input-answer textarea { width: 100%; font-size: 13px; font-family: "Source Sans Pro",sans-serif; color: #006c8f; margin: 7px 0px 0px 0px; padding: 12px; } .account-body { background-color: white; padding-top: 50px; } .account-body .section-header { font-size: 40px; color: #0d5469; font-family: "Source Sans Pro",sans-serif; font-weight: 700; text-transform: uppercase; margin: 0 0 0; text-align: left; } @media only screen and (max-width: 1024px) { .account-body .section-header { font-size: 28px; float: none; } } .section-header-small { color: #18536a; font-size: 36px; font-family: "Source Sans Pro",sans-serif; margin-top: 20px; margin-bottom: 10px; } .header-small-description { display: block; text-align: left; font-size: 18px; } .heading-check.account-updated { padding-bottom: 20px; } .account-body .section-header.small { font-size: 28px; color: #0d5469; font-family: "Source Sans Pro",sans-serif; font-weight: 700; text-transform: uppercase; margin: 0 0 0; text-align: left; } .account-body .btn-save { display: inline-block; border-radius: 5px; background: #0c4f63; text-align: center; padding: 1px 14px; font-size: 30px; font-weight: bold; font-family: "Source Sans Pro",sans-serif; color: #fff; text-transform: lowercase; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.8); } @media only screen and (max-width: 1024px) { .account-body .btn-save { font-size: 20px; } } .account-body .btn-save.save-success { background-color: #31bd58; box-shadow: 0 3px 0 0 #3b7600; } .account-body .btn-save.save-error { background-color: #fb3f31; box-shadow: 0 3px 0 0 #E01000; } .account #save-error-container, .account #save-success-container { width: 500px; margin-bottom: 20px; } .account .save-error { color: #E01000; text-transform: uppercase; font-weight: bold; } .account .save-success { color: #3b7600; text-transform: uppercase; font-weight: bold; } /*Temporary Fix for card number field due to time contstraints*/ .account-body .form-card-number input[type="text"], .form-card-number input[type="password"] { width: 100%; margin-right: 20px; } .account-body .form-card-number .account-label-contain { width: 66%; } .account-body .form-card-number .select-wrapper { width: 30%; margin-top: 0; float: right; } .account-form-sub-col { width: 23%; padding: 20px; min-height: 400px; background: #ebebeb; border-radius: 5px; } @media only screen and (max-width: 1024px) { .account-form-sub-col { width: 100%; margin-top: 40px; margin-bottom: 40px; } } .account-subsection { padding: 20px 0 20px 0; border-bottom: 1px dotted black; } .account.form-2-col { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dotted black; } .account.form-2-col.no-border { border: none; padding-bottom: 0; } .account.form-2-col .input-pair { margin-bottom: 20px; } @media only screen and (max-width: 1024px) { .account-body .checkbox-wrapper { float: none; margin-bottom: 10px; clear: both; padding-top: 20px; } } .account-subsection .checkbox-wrapper label { display: inline; padding-left: 10px; } .account-subsection .select-wrapper.long { max-width: 580px; } @media only screen and (max-width: 1024px) { .account-subsection .select-wrapper.long { max-width: 400px; } } .account-subsection .form-heading-locked { color: #D38585; width: 100%; font-size: 20px; text-transform: uppercase; font-weight: bold; font-family: "Source Sans Pro",sans-serif; } .account-subsection .subscription-status { margin: 0 auto; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.8); width: 100%; height: 59px; text-align: center; background: #31bd58; text-transform: uppercase; font-weight: bold; line-height: 59px; color: white; border-radius: 8px; font-size: 34px; font-family: "Source Sans Pro",sans-serif; } @media only screen and (max-width: 680px) { .account-subsection .subscription-status { font-size: 18px; } } .account-subsection .subscription-status.suspended { background-color: #bdbc23; } .account-subsection.cancel .subscription-status { background-color: #C50000; } .account-order-history-date { clear: both; } .account-order-history-date ul { padding: 0; } .account-order-history-date ul li { border-top: 1px dotted black; list-style-type: none; padding-top: 10px; margin-bottom: 10px; } .account-form-sub-col .account-tooltip { padding-bottom: 5px; } .account-order-history-date .order-name { float: left; font-size: 12px; font-weight: bold; } .account-order-history-date .order-price { float: right; font-size: 12px; } .account-order-history-date .order-tracker { font-size: 12px; display: inline-block; } .account-label-contain { clear: both; } .account-label-contain input { width: 350px; } .account-cvv input { width: 32%; margin-right: 2%; float: left; } .account-cvv .select-wrapper { width: 32%; margin-right: 2%; float: left; } .account-cvv .select-wrapper:last-child { margin-right: 0; } .form-wrapper.even-col-height { width: 75%; } .form-wrapper.even-col-height .col { width: 49%; } .form-wrapper.even-col-height .col .input-pair { width: 100%; } @media only screen and (max-width: 680px) { .form-wrapper.even-col-height .col { width: 100%; } } @media only screen and (max-width: 1024px) { .form-wrapper.even-col-height { width: 100%; } } .heading-check { padding-bottom: 35px; } .account_loader_working { z-index: 740; margin-top: 16px; margin-right: 20px; } /* */ .account-section-subnav { background-color: #fff; } .account-section-subnav .container { padding-top: 30px; padding-bottom: 30px; padding-left: 0 !important; } .account-section-subnav ul { padding: 0; margin: 1.66667%; } .account-section-subnav ul li { display: inline; font-size: 30px; color: #0d5469; font-family: "Source Sans Pro",sans-serif; font-weight: bold; padding-right: 6.25%; text-transform: uppercase; } .account-section-subnav ul li a { color: black; } .account-section-subnav ul li a.active { text-decoration: underline; color: #0d5469; } @media screen and (max-width: 670px) { .account-section-subnav ul li:first-child { margin-top: 0; } } @media screen and (max-width: 1023px) { .account-section-subnav ul li { font-size: 24px; } } @media screen and (max-width: 670px) { .account-section-subnav ul li { font-size: 22px; display: block; text-align: center; margin-top: 20px; } } /* */ .account-save-btn { font-size: 18px; } .account .container-3-col .inner-col:last-child { text-align: right; margin-top: 20px; } @media only screen and (max-width: 680px) { .account .container-3-col .inner-col:last-child { text-align: left; } } .container-2-col .inner-col { width: 60%; float: left; } @media only screen and (max-width: 680px) { .container-2-col .inner-col { width: 100%; } } .container-2-col .inner-col.save { width: 25%; text-align: right; float: right; } @media only screen and (max-width: 680px) { .container-2-col .inner-col.save { float: none; width: 100%; text-align: left; } } /*Subscription Page */ .subscription-2-col-contain { width: 100%; position: relative; } .subscription-2-col-contain .container { padding: 0 !important; background-color: white !important; } .subscription-2-col-contain .subscription-col-1 { width: 355px; position: absolute; display: inline-block; text-align: center; height: 100%; background-color: white; } @media only screen and (max-width: 883px) { .subscription-2-col-contain .subscription-col-1 { width: 225px; } } @media only screen and (max-width: 750px) { .subscription-2-col-contain .subscription-col-1 { display: none; } } .subscription-2-col-contain .subscription-col-1 .inner-block { background-color: white; padding: 70px 10% 30px 10%; border-bottom: 5px solid #f3f6f7; box-shadow: 2px 8px 8px -6px gray; cursor: pointer; } @media only screen and (max-width: 750px) { .subscription-2-col-contain .subscription-col-1 .inner-block { width: 50%; margin-left: -4px; border-bottom: none; border-top: none; box-shadow: none; display: inline-block; vertical-align: top; padding: 70px 5% 30px 5%; } } .subscription-2-col-contain .subscription-col-1 .inner-block img { width: 100%; } .subscription-2-col-contain .subscription-col-1 .inner-block .block-name { font-size: 18px; font-family: "Source Sans Pro",sans-serif; font-weight: bold; margin-top: 10px; display: block; } .subscription-2-col-contain .subscription-col-1 .inner-block .block-details { font-size: 16px; font-family: "Source Sans Pro",sans-serif; display: block; color: #939a9c; } .subscription-2-col-contain .subscription-col-1 .inner-block .subscription-status { color: #66cc00; margin-top: 10px; font-size: 18px; font-family: "Source Sans Pro",sans-serif; display: block; font-weight: bold; text-transform: uppercase; } .subscription-2-col-contain .subscription-col-1 .inner-block.inactive { opacity: 0.6; background-color: #d4dfdf; border-bottom: none; box-shadow: none; } .subscription-2-col-contain .subscription-col-1 .inner-block.inactive:hover { opacity: 1; } .subscription-2-col-contain .subscription-col-1 .inner-block.add-block { background-color: #d4dfdf; opacity: 1; border-bottom: none; box-shadow: none; padding-bottom: 150px; cursor: default; } @media only screen and (max-width: 750px) { .subscription-2-col-contain .subscription-col-1 .inner-block.add-block { padding-bottom: 70px; display: block; width: 100%; } } .subscription-2-col-contain .subscription-col-1 .inner-block.add-block .add-block-inner { width: 95%; border: 3px dashed #93b0b0; margin: 0 auto; padding: 60px 10% 60px 10%; font-size: 18px; font-family: "Source Sans Pro",sans-serif; color: #0d5469; font-weight: bold; cursor: pointer; } @media only screen and (max-width: 750px) { .subscription-2-col-contain .subscription-col-1 .inner-block.add-block .add-block-inner { padding: 30px 10% 30px 10%; } } .subscription-2-col-contain .subscription-col-1 .inner-block.add-block .add-block-inner .add-block-icon { width: 20px; display: block; margin: 0 auto; padding-bottom: 10px; } .subscription-2-col-contain .subscription-col-2 { width: 100%; padding-left: 355px; display: inline-block; text-align: center; vertical-align: top; min-height: 1250px; } @media only screen and (max-width: 883px) { .subscription-2-col-contain .subscription-col-2 { padding-left: 225px; } } @media only screen and (max-width: 750px) { .subscription-2-col-contain .subscription-col-2 { min-height: 0; padding-left: 0; padding-bottom: 75px; } } .subscription-2-col-contain .subscription-col-2 .subscription-status-container { width: 100%; padding-left: 3.051282051%; padding-bottom: 20px; background-color: #f0f5f5; } .subscription-2-col-contain .subscription-col-2 .subscription-status-container .subscription-status-inner { width: 30%; padding-top: 25px; display: inline-block; text-align: left; vertical-align: top; margin-right: 3%; } @media only screen and (max-width: 680px) { .subscription-2-col-contain .subscription-col-2 .subscription-status-container .subscription-status-inner { display: block; width: 100%; } } .subscription-2-col-contain .subscription-col-2 .subscription-status-container .subscription-status-inner .sub-details-header { text-transform: uppercase; color: #0d5469; font-weight: bold; font-family: "Source Sans Pro",sans-serif; font-size: 18px; display: block; margin-top: 25px; } .subscription-2-col-contain .subscription-col-2 .subscription-status-container .subscription-status-inner .sub-details { font-size: 18px; color: #939a9c; font-family: "Source Sans Pro", sans-serif; margin-bottom: 5px; display: block; } .subscription-2-col-contain .subscription-col-2 .subscription-status-container .subscription-status-inner a { color: #1cb5e2; } .subscription-2-col-contain .subscription-col-2 .subscription-status-container .subscription-status-inner:first-child { margin-right: 0; } .subscription-2-col-contain .subscription-col-2 .switch-block-contain { margin-top: 50px; text-align: left; padding-left: 5.128205128%; padding-right: 5.128205128%; } .subscription-2-col-contain .subscription-col-2 .switch-block-contain .fl { width: 50%; } @media only screen and (max-width: 680px) { .subscription-2-col-contain .subscription-col-2 .switch-block-contain .fl { float: none; width: 100%; } } .subscription-2-col-contain .subscription-col-2 .switch-block-contain .fr { width: 50%; text-align: right; } @media only screen and (max-width: 680px) { .subscription-2-col-contain .subscription-col-2 .switch-block-contain .fr { float: none; text-align: left; margin-top: 50px; } } .subscription-2-col-contain .subscription-col-2 .switch-block-contain .switch-block-header { font-size: 18px; color: #0d5469; text-transform: uppercase; font-family: "Source Sans Pro", sans-serif; font-weight: bold; } .subscription-2-col-contain .subscription-col-2 .switch-block-contain .did-you-know { font-size: 26px; color: #343334; display: block; font-family: "Source Sans Pro", sans-serif; margin: 25px 0 25px 0; } .btn-switch { background-color: #0089b5; font-size: 18px; font-family: "Source Sans Pro", sans-serif; font-weight: bold; color: white; text-transform: uppercase; padding: 25px 15% 25px 15%; display: inline-block; } .btn-cancel { text-decoration: underline; color: #0d5469; margin-top: 40px; display: block; } .subscription-status-block-select-responsive { display: none; padding-left: 4%; padding-right: 4%; padding-top: 20px; padding-bottom: 20px; text-align: left; } .subscription-status-block-select-responsive .heading { font-size: 22px; text-transform: uppercase; font-family: "Source Sans Pro", sans-serif; color: #0d5469; font-weight: bold; margin-bottom: 20px; } @media only screen and (max-width: 750px) { .subscription-status-block-select-responsive { display: block; } } .box-switching-error-message ul { list-style: none; padding: 0; color: #E01000; font-size: 18px; } .account-subsection .subscription-current .input-pair { margin-bottom: 30px; max-width: 511px; width: 59%; } @media only screen and (max-width: 1024px) { .account-subsection .subscription-current .input-pair { width: 90%; } } .account-subsection .subscription-current .btn-secondary-blue { margin-top: 30px; } .account-subsection .subscription-box-switching .input-pair { margin-bottom: 30px; max-width: 511px; width: 59%; } .account-subsection .subscription-box-switching a.subscription-status { display: block; } .account-subsection .subscription-box-switching a.subscription-status:hover { background: #009329; } .account-subsection .subscription-box-switching .checklist-item { float: left; width: 50%; } .account-subsection .selected-output { color: #343334; font-size: 24px; margin-bottom: 30px; } .account-subsection .selected-output strong { text-transform: uppercase; } .account-subsection .selected-output > span { margin-right: 20px; } #box-switching-modal .account-btn { margin: 0 auto; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.8); width: 100%; height: 59px; text-align: center; background: #31BD58; text-transform: uppercase; font-weight: bold; line-height: 59px; color: #FFF; border-radius: 8px; font-size: 34px; font-family: "Source Sans Pro",sans-serif; margin-bottom: 22px; display: block; margin-top: 28px; } #box-switching-modal .account-btn:hover { background: #009329; } #box-switching-modal .confirm-block { text-align: center; height: 100%; position: relative; } #box-switching-modal .lrg-copy { font-size: 36px; line-height: 42px; color: #343334; font-weight: bold; font-family: "Source Sans Pro",sans-serif; margin: 0; } #box-switching-modal .sm-copy { font-family: "Source Sans Pro",sans-serif; margin: 0; font-size: 24px; line-height: 42px; font-weight: bold; color: #343334; margin-top: 30px; margin-bottom: 18px; } #box-switching-modal .copy-success { margin-top: 3px; visibility: hidden; transition: all .5s; font-size: 0px; height: 0; } #box-switching-modal .success .copy-success { visibility: visible; transition: all .5s; height: auto; font-size: 36px; } #box-switching-modal .success .sm-copy { margin-top: 10px; margin-bottom: 8px; transition: all .5s; } #box-switching-modal .month { text-transform: uppercase; } #box-switching-cancel-modal .account-btn { margin: 0 auto; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.8); width: 100%; height: 59px; text-align: center; background: #31BD58; text-transform: uppercase; font-weight: bold; line-height: 59px; color: #FFF; border-radius: 8px; font-size: 34px; font-family: "Source Sans Pro",sans-serif; margin-bottom: 22px; display: block; margin-top: 28px; } #box-switching-cancel-modal .account-btn:hover { background: #009329; } #box-switching-cancel-modal .confirm-block { text-align: center; height: 100%; position: relative; } #box-switching-cancel-modal .lrg-copy { font-size: 36px; line-height: 42px; color: #343334; font-weight: bold; font-family: "Source Sans Pro",sans-serif; margin: 0; } #box-switching-cancel-modal .sm-copy { font-family: "Source Sans Pro",sans-serif; margin: 0; font-size: 24px; line-height: 42px; font-weight: bold; color: #343334; margin-top: 30px; margin-bottom: 18px; } #box-switching-cancel-modal .copy-success { margin-top: 3px; visibility: hidden; transition: all .5s; font-size: 0px; height: 0; } #box-switching-cancel-modal .success .copy-success { visibility: visible; transition: all .5s; height: auto; font-size: 36px; } #box-switching-cancel-modal .success .sm-copy { margin-top: 10px; margin-bottom: 8px; transition: all .5s; } #box-switching-cancel-modal .month { text-transform: uppercase; } body .modal a.close-modal { background: url(../images/fancy_close@2x.png) no-repeat center; background-size: 32px 32px; top: -42px; right: -42px; position: absolute; width: 32px; height: 32px; cursor: pointer; z-index: 8040; } .account-sub-heading { display: block; font-size: 30px; color: #18536a; font-family: "Source Sans Pro", sans-serif; } .section-header.heading-check { padding-bottom: 25px; } .overall-save { width: 65%; } .overall-save p { font-family: "Source Sans Pro", sans-serif; font-size: 18px; margin: 0; } .want-to-switch-container { background-color: #ebebeb; padding: 25px 30px 25px 30px; width: 100%; font-family: "Source Sans Pro", sans-serif; } .want-to-switch-container .header { color: #18536a; font-size: 30px; } .want-to-switch-container p { font-size: 18px; } .want-to-switch-container a { color: #66cc00; } .box-switch-error { display: block; font-size: 18px; color: #e01000; margin-top: 5px; } .section-header.heading-check.box-switching-header { padding-bottom: 0; } .box-switching-tagline { font-size: 18px; font-family: "Source Sans Pro", sans-serif; display: block; margin-bottom: 20px; border-bottom: 1px dotted black; padding-bottom: 25px; } .block-switch-confirmation-container .fl { width: 45%; margin-top: 20px; } @media only screen and (max-width: 1024px) { .block-switch-confirmation-container .fl { display: block; float: none; margin-bottom: 20px; width: 60%; } } .block-switch-confirmation-container .fl p { font-size: 18px; font-family: "Source Sans Pro", sans-serif; margin-top: 0; } .block-switch-confirmation-container .fl .highlighted { font-weight: bold; } .block-switch-confirmation-container .fr { width: 45%; margin-top: 20px; } @media only screen and (max-width: 1024px) { .block-switch-confirmation-container .fr { display: block; float: none; width: 60%; } } #box-switching-queue-details { margin-top: 15px; } #box-switching-queue-details .btn-save { float: right; background: #FDA601; } .success.contact-col-1 { margin-top: 0; } .success.contact-col-2 { margin-top: -100px; } .success-btn-contain { margin-top: 50px; } .hidden { visibility: hidden; } .animate { -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tagline.animate { -webkit-animation-delay: .15s; } .view.animate { -webkit-animation-delay: .25s; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .5s; animation-duration: .5s; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; -webkit-animation-duration: .5s; animation-duration: .5s; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .5s; animation-duration: .5s; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: .5s; animation-duration: .5s; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; -webkit-animation-duration: .15s; animation-duration: .15s; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .15s; animation-duration: .15s; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; -webkit-animation-duration: .35s; animation-duration: .35s; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; -webkit-animation-duration: .15s; animation-duration: .15s; } .sticky-header-timer-wrapper.horror-contest { position: absolute; top: 0; left: 75%; margin-left: -50%; width: 75%; margin-top: 10px; text-align: center; } @media only screen and (max-width: 1024px) { .sticky-header-timer-wrapper.horror-contest { text-align: right; } } @media only screen and (max-width: 680px) { .sticky-header-timer-wrapper.horror-contest { left: 0; top: 100%; margin-left: 0; width: 100%; display: block; margin: 0 auto; clear: both; padding: 12px 0 12px 0; text-align: center; } } .video-subscription-heading-details { font-size: 24px; display: inline-block; color: white; font-family: "Source Sans Pro",sans-serif; } .video-contest-subscribe-btn { background: #6c0; font-family: 'komika',sans-serif; color: #fff; font-size: 18px; letter-spacing: 2px; border-radius: 4px; box-shadow: 0 6px 0 0 #3b7600; display: inline-block; transition: background-color .2s; margin-top: 12px; margin-right: 10px; padding: 10px 35px 10px 35px; } @media only screen and (max-width: 680px) { .video-contest-subscribe-btn { margin-bottom: 20px; } } .contest-header-subscription-text { color: white; text-transform: uppercase; font-family: "Source Sans Pro",sans-serif; font-size: 22px; margin-right: 10px; } @media only screen and (max-width: 1024px) { .contest-header-subscription-text { display: none; } } .contest-landing-tout { background-color: #290707; background-image: url("../images/zombies.png"); background-repeat: no-repeat; background-position: center bottom; padding: 50px 0 100px 0; text-align: center; } .contest-landing-tout .movie-banner { width: 100%; } @media only screen and (max-width: 480px) { .contest-landing-tout .movie-banner { margin-bottom: 15px; } } .contest-video-section { background-color: white; background-image: url("../images/contest_video_background.png"); background-position: top center; background-repeat: repeat-x; padding-top: 120px; padding-bottom: 100px; } .contest-video-section .video-sort { text-align: center; margin-top: 45px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; padding: 30px 0 30px 0; } .contest-video-section .video-sort li { display: inline-block; text-transform: uppercase; font-size: 24px; font-family: "Source Sans Pro",sans-serif; border: 1px solid #e9e9e9; padding: 10px 2% 10px 2%; margin-left: 1.25%; cursor: pointer; } .contest-video-section .video-sort li a { color: inherit; } @media only screen and (max-width: 680px) { .contest-video-section .video-sort li { font-size: 18px; } } .contest-video-section .video-sort li.active { color: #a52424; border: 1px solid #a52424; } .contest-video-section .video-sort li:first-child { border: none; margin-left: none; cursor: default; } @media only screen and (max-width: 680px) { .contest-video-section .video-sort li:first-child { display: none; } } .video-section-background { width: 100%; margin-top: -175px; } .contest-video-title-container { margin: 0 auto; width: 60%; margin-top: 25px; } .contest-video-title { display: block; width: 100%; } .first-video-container { width: 100%; margin-top: 40px; display: block; } .first-video-container .video-placeholder-container { display: block; width: 100%; cursor: pointer; vertical-align: top; } .first-video-container .video-placeholder-container img { width: 100%; } .first-video-container .vote-count { display: inline-block; font-family: "Source Sans Pro",sans-serif; font-size: 24px; color: #595959; text-transform: uppercase; } .first-video-container .video-name { display: block; text-transform: uppercase; font-size: 24px; color: #595959; font-family: "Source Sans Pro",sans-serif; font-weight: bold; } .first-video-container .video-author { display: block; text-transform: uppercase; font-size: 24px; color: #595959; font-family: "Source Sans Pro",sans-serif; } .first-video-container .video-details { width: 100%; display: inline-block; margin-top: 30px; } .first-video-container .video-details .red-bloodstain { width: 7%; display: inline-block; vertical-align: top; margin-right: 2%; } .first-video-container .video-details .red-bloodstain img { width: 100%; } .first-video-container .video-details .inner-video-details { width: 85%; display: inline-block; vertical-align: top; } .first-video-container .video-details .video-description p { font-size: 18px; color: #595959; font-family: "Source Sans Pro",sans-serif; margin-top: 20px; } .secondary-video-container { width: 30%; display: inline-block; margin-top: 30px; margin-left: 4%; vertical-align: top; } @media only screen and (max-width: 730px) { .secondary-video-container { width: 45%; margin-left: 2%; } } @media only screen and (max-width: 480px) { .secondary-video-container { width: 99%; } } .secondary-video-container .thumbnail-placeholder-container { position: relative; overflow: hidden; } .secondary-video-container .thumbnail-placeholder-container .thumbnail-hover-container { position: absolute; bottom: -100px; transition: bottom 0.2s; padding-left: 10px; padding-bottom: 10px; width: 100%; cursor: pointer; background-color: rgba(0, 0, 0, 0.6); } @media only screen and (max-width: 680px) { .secondary-video-container .thumbnail-placeholder-container .thumbnail-hover-container { bottom: 0; } } .secondary-video-container .thumbnail-placeholder-container .thumbnail-hover-container .vote-count { display: inline-block; font-family: "Source Sans Pro",sans-serif; font-size: 22px; color: white; text-transform: uppercase; } .secondary-video-container .thumbnail-placeholder-container .thumbnail-hover-container .video-ranking { font-size: 48px; color: white; display: block; font-weight: bold; font-family: "Source Sans Pro",sans-serif; margin-bottom: -10px; } .secondary-video-container img { width: 100%; } .secondary-video-container .author-name { font-size: 20px; display: block; text-transform: uppercase; font-family: "Source Sans Pro",sans-serif; color: #595959; } .secondary-video-container .video-name { font-weight: bold; color: #595959; font-size: 20px; display: block; text-transform: uppercase; font-family: "Source Sans Pro",sans-serif; margin-top: 15px; } .secondary-video-container p { font-family: "Source Sans Pro",sans-serif; color: #595959; font-size: 16px; } .secondary-video-container.hovered .thumbnail-hover-container { bottom: 0; } .secondary-video-container:nth-child(3n+1) { margin-left: 0%; } @media only screen and (max-width: 730px) { .secondary-video-container:nth-child(3n+1) { margin-left: 2%; } } .pagination-container { width: 75%; margin: 0 auto; text-align: center; margin-top: 30px; } .pagination-container .pagination { padding: 0; } .pagination-container .pagination li { display: inline-block; margin-left: 1%; font-size: 18px; font-family: "Source Sans Pro",sans-serif; border: 1px solid black; padding: 5px 1% 5px 1%; } @media only screen and (max-width: 730px) { .pagination-container .pagination li { display: none; } } .pagination-container .pagination li a { color: black; } .pagination-container .pagination li a:hover { color: #a52424; } .pagination-container .pagination li.active { background-color: #a52424; border: 1px solid #a52424; } .pagination-container .pagination li.active a { color: white; } .pagination-container .pagination li:first-child { margin-left: 0px; } @media only screen and (max-width: 730px) { .pagination-container .pagination li:first-child { display: inline-block; } } @media only screen and (max-width: 730px) { .pagination-container .pagination li:last-child { display: inline-block; } } .video-contest-price-container { width: 100%; margin: 0 auto; margin-bottom: 60px; } .video-contest-price-container .first-prize-container { text-align: center; display: inline-block; vertical-align: top; width: 100%; margin-top: -35px; } @media only screen and (max-width: 1040px) { .video-contest-price-container .first-prize-container { margin-bottom: 30px; } } @media only screen and (max-width: 480px) { .video-contest-price-container .first-prize-container { margin-top: 0; } } @media only screen and (max-width: 1040px) { .video-contest-price-container .first-prize-container br { display: none; } } @media only screen and (max-width: 730px) { .video-contest-price-container .first-prize-container { display: block; margin-bottom: 30px; } } .video-contest-price-container .first-prize-container span { display: inline-block; text-align: center; font-size: 36px; font-family: komika,sans-serif; color: #a52424; } @media only screen and (max-width: 1040px) { .video-contest-price-container .first-prize-container span { display: block; } } @media only screen and (max-width: 730px) { .video-contest-price-container .first-prize-container span { font-size: 28px; } } @media only screen and (max-width: 480px) { .video-contest-price-container .first-prize-container span { font-size: 18px; } } .video-contest-price-container .first-prize-container .prize-amount { font-size: 145px; font-family: "Source Sans Pro",sans-serif; color: #ffffff; font-weight: bold; margin-bottom: -30px; display: inline-block; margin-right: 2%; } @media only screen and (max-width: 730px) { .video-contest-price-container .first-prize-container .prize-amount { font-size: 90px; } } @media only screen and (max-width: 480px) { .video-contest-price-container .first-prize-container .prize-amount { font-size: 64px; margin-bottom: -10px; } } .video-contest-price-container .alt-prize-container { margin-left: 2%; display: inline-block; vertical-align: top; display: block; } @media only screen and (max-width: 850px) { .video-contest-price-container .alt-prize-container { margin-top: 25px; } } .video-contest-price-container .alt-prize { display: block; margin-bottom: 20px; display: inline-block; margin-left: 4.409171076%; } @media only screen and (max-width: 1040px) { .video-contest-price-container .alt-prize { margin-bottom: 10px; text-align: center; margin-left: 0; width: 22%; } } @media only screen and (max-width: 850px) { .video-contest-price-container .alt-prize { width: 45%; } } .video-contest-price-container .alt-prize span { text-align: center; font-size: 22px; font-family: komika,sans-serif; color: #a52424; display: block; text-align: left; } @media only screen and (max-width: 1040px) { .video-contest-price-container .alt-prize span { text-align: center; } } @media only screen and (max-width: 480px) { .video-contest-price-container .alt-prize span { font-size: 18px; } } .video-contest-price-container .alt-prize .prize-amount { font-size: 60px; color: white; font-family: "Source Sans Pro",sans-serif; font-weight: bold; } @media only screen and (max-width: 480px) { .video-contest-price-container .alt-prize .prize-amount { font-size: 48px; } } .video-contest-instructions-container { width: 100%; margin: 0 auto; margin-top: 50px; } .video-contest-instructions-container .video-contest-instructions { width: 30%; margin-left: 4%; display: inline-block; border-left: 2px solid #fcfcfc; text-align: left; vertical-align: top; padding-left: 2%; font-family: "Source Sans Pro",sans-serif; } @media only screen and (max-width: 730px) { .video-contest-instructions-container .video-contest-instructions { display: block; border: none; margin-left: 0; width: 100%; text-align: center; margin-bottom: 20px; padding-bottom: 20px; } } .video-contest-instructions-container .video-contest-instructions .instruction-number { display: inline-block; vertical-align: top; } @media only screen and (max-width: 1040px) { .video-contest-instructions-container .video-contest-instructions .instruction-number { display: none; } } .video-contest-instructions-container .video-contest-instructions .instruction-number h2 { font-size: 120px; color: #fadaa8; font-weight: bold; margin: 0; margin-bottom: -15px; margin-top: -30px; } .video-contest-instructions-container .video-contest-instructions .instruction-title { display: inline-block; vertical-align: top; } .video-contest-instructions-container .video-contest-instructions .instruction-title h4 { display: block; font-size: 48px; color: #fadaa8; font-weight: bold; margin: 0; font-size: 30px; } @media only screen and (max-width: 1040px) { .video-contest-instructions-container .video-contest-instructions .instruction-title h4 { display: none; } } .video-contest-instructions-container .video-contest-instructions .instruction-title h4.first { margin-bottom: -20px; font-size: 56px; } @media only screen and (max-width: 1040px) { .video-contest-instructions-container .video-contest-instructions .instruction-title h4.first { display: block; margin-bottom: 20px; } } .video-contest-instructions-container .video-contest-instructions p { color: #ffffff; font-size: 16px; font-family: "Source Sans Pro",sans-serif; margin: 0; } .video-contest-instructions-container .video-contest-instructions:first-child { margin-left: 0; border-left: none; } .contest-end-details { margin-top: 50px; display: block; font-weight: bold; font-size: 36px; color: #fadaa8; font-family: "Source Sans Pro",sans-serif; } .social-media-icons { display: inline-block; padding: 0; margin-left: 1%; position: relative; top: -2px; margin-bottom: 0; margin-top: 0; } .social-media-icons li { display: inline-block; } .social-media-icons li img { width: 23px; } .modal-info-contain .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom: 25px; } .modal-info-contain .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .modal-info-contain .vote-count { display: inline-block; font-family: "Source Sans Pro",sans-serif; font-size: 24px; color: #595959; text-transform: uppercase; } .modal-info-contain .video-name { display: block; text-transform: uppercase; font-size: 24px; color: #595959; font-family: "Source Sans Pro",sans-serif; font-weight: bold; } .modal-info-contain .video-author { display: block; text-transform: uppercase; font-size: 24px; color: #595959; font-family: "Source Sans Pro",sans-serif; } .modal-contest-form { max-width: 400px; text-align: center; padding: 20px 1% 20px 1%; color: #343334; } .modal-contest-form .contest-form { padding-right: 15px; padding-left: 15px; } .modal-contest-form .rules-regulations { text-align: left; padding-left: 15px; } .modal-contest-form .rules-regulations ul { padding: 0; } .modal-contest-form .rules-regulations li { list-style: none; color: #343334; font-family: "Source Sans Pro"; font-size: 18px; line-height: 26px; margin-bottom: 30px; } .modal-contest-form .rules-regulations strong { display: block; } .modal-contest-form .rules-regulations p { color: #343334; font-family: "Source Sans Pro"; font-size: 18px; line-height: 26px; } .modal-contest-form .rules-regulations .contest-submit-btn { background: #0088B7 url("../images/contest_arrow_back.png") no-repeat 60px center; } .modal-contest-form .rules-regulations .rules-regulations-container { max-height: 636px; overflow: auto; margin-bottom: 32px; border-bottom: dotted 1px #b8b8b8; margin-left: -15px; padding: 0 15px 28px; } .modal-contest-form .modal-submit-title { font-size: 30px; line-height: 32px; font-family: "Source Sans Pro",sans-serif; color: #000; font-weight: bold; padding-bottom: 30px; display: block; text-align: center; text-transform: uppercase; } .modal-contest-form label { font-size: 18px; font-family: "Source Sans Pro",sans-serif; display: block; text-align: left; font-weight: normal; color: #343334; } .modal-contest-form textarea { height: 120px; width: 100%; border: 1px solid #c3cacc; } .modal-contest-form input { width: 100%; margin-bottom: 15px; } .modal-contest-form select.styled { -moz-appearance: none; -webkit-appearance: none; text-indent: .01px; text-overflow: ''; background: #fff url("../images/dropdown.png") no-repeat 96% center; font-size: 18px; border: 1px solid #C3CACC; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; color: #343334; } .modal-contest-form .select-wrapper { margin-bottom: 15px; } .modal-contest-form .contest-submit-btn { background-color: #0088b7; display: block; margin-top: 25px; font-size: 18px; font-family: "Source Sans Pro",sans-serif; padding: 20px 0 20px 0; color: #FFF; font-weight: 900; text-transform: uppercase; text-align: center; } .modal-contest-form .inner-col-3 .select-wrapper { width: 32%; margin-right: 2%; } .modal-contest-form .inner-col-3 .select-wrapper:last-child { margin-right: 0; } .modal-contest-form .inner-col-3 .select-wrapper select.styled { background: #fff url("../images/dropdown.png") no-repeat 87% center; } .modal-contest-form .italic-copy { color: #595959; font-size: 18px; font-style: italic; line-height: 26px; text-align: left; font-family: "Source Sans Pro",sans-serif; } .modal-contest-form .checkbox-container { margin-top: 22px; } .modal-contest-form .checkbox-container label { padding: 0; background: none; } .modal-contest-form .checkbox-container .primary { color: #0088b7; } .modal-contest-form input[type="checkbox"] { display: none; } .modal-contest-form input[type="checkbox"] + label span { display: inline-block; width: 20px; height: 20px; margin: -1px 8px 0 0; vertical-align: middle; background: #fff; cursor: pointer; border: 1px solid #c3cacc; } .modal-contest-form input[type="checkbox"].error + label span { background: #fdcfcf; } .modal-contest-form input[type="checkbox"]:checked + label span { background: url("../images/checkbox_checked.png") 0 center no-repeat; background-size: cover; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .modal-contest-form input[type="checkbox"]:checked + label span { /* on retina, use image that's scaled by 2 */ background-image: url("../images/checkbox_checked@2x.png"); background-size: 18px 18px; } } .modal-contest-form .checkbox-container input:checked + label { background: none !important; } .modal-contest-form .parental-permission { margin-bottom: 32px; border-bottom: dotted 1px #b8b8b8; margin-right: -15px; margin-left: -15px; padding: 0 15px 28px; } .modal-contest-form .parental-permission h3 { color: #343334; font-size: 22px; font-weight: 700; text-align: left; margin-top: 32px; border-top: dotted 1px #b8b8b8; margin-right: -15px; margin-left: -15px; padding: 28px 15px 0; } .modal-contest-form .parental-permission input[type="checkbox"] + label span { vertical-align: top; margin-top: 3px; } .modal-contest-form .parental-permission .checkbox-container p { color: #343334; font-family: "Source Sans Pro"; font-size: 18px; font-weight: 400; display: inline-block; width: 85%; margin: 0; } .lt-ie9 input[type="radio"], .lt-ie9 input[type="checkbox"] { display: inline-block; } .lt-ie9 input[type="radio"] + label span, .lt-ie9 input[type="radio"]:checked + label span span, .lt-ie9 input[type="checkbox"] + label span { display: none; } .lt-ie9 .custom-file-input::-webkit-file-upload-button { visibility: visible; } .landing-horror .fancybox-skin { background: #fff; text-shadow: none; border-radius: 0px; } .landing-horror .fancybox-close { background: url("../images/fancy_close.png") no-repeat center; top: -42px; right: -42px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-horror .fancybox-close { /* on retina, use image that's scaled by 2 */ background-image: url("../images/fancy_close@2x.png"); background-size: 32px 32px; } } @media only screen and (max-width: 680px) { .landing-horror .fancybox-close { top: -42px; right: 0; } } .landing-horror .custom-class .fancybox-inner { height: auto !important; overflow: hidden !important; } .landing-horror .custom-class.fancybox-wrap { top: 50px !important; } .rules-reg-container { background-color: #250505; width: 100%; padding-bottom: 50px; } .rules-reg-container .rules-banner-contain { width: 61.666666667%; margin: 0 auto; } .rules-reg-container .rules-banner { width: 100%; margin-top: 25px; margin-bottom: 25px; } .rules-reg-container ol { color: white; width: 100%; padding: 0 5% 0 5%; text-align: center; } .rules-reg-container ol li { width: 40%; display: inline-block; margin-right: 5%; margin-top: 25px; vertical-align: top; font-family: "Source Sans Pro",sans-serif; font-size: 16px; text-align: left; } @media only screen and (max-width: 1024px) { .rules-reg-container ol li { display: block; width: 100%; } } .rules-reg-container ol li:nth-child(even) { margin-right: 0; } .video_errors { color: red; font-family: "Source Sans Pro",sans-serif; font-size: 18px; } .video_errors p { margin-bottom: 0; margin-top: 10px; } .rm-logo-container { margin-bottom: 50px; } .rm-logo-container span { display: block; font-weight: normal; font-size: 22px; color: #FADAA8; font-family: "Source Sans Pro",sans-serif; } .rm-logo-container img { max-width: 35%; } .estore-landing { background-color: white; } .estore-landing-title { text-align: center; margin-bottom: 50px; } .estore-landing-title .main-title { display: block; font-size: 60px; font-family: komika,sans-serif; color: #0187a9; padding-top: 90px; margin-bottom: 25px; } .estore-landing-title .sub-title { font-size: 36px; color: #595959; font-family: "Source Sans Pro",sans-serif; } .estore-filter-contain { border-top: solid 2px #e9e9e9; border-bottom: solid 2px #e9e9e9; padding-top: 30px; padding-bottom: 20px; } .estore-filter-contain .filter-switch-contain { width: 12.833333333%; margin-right: 4%; } .estore-filter-contain .filter-switch-contain a { font-size: 18px; color: white; background-color: #34b6d0; display: block; padding-top: 2px; padding-bottom: 2px; padding-left: 5%; padding-right: 18%; font-family: "Source Sans Pro",sans-serif; background-image: url("../images/filter_closed.png"); background-repeat: no-repeat; background-position: 90% center; background-size: 10px 10px; } .estore-filter-contain .filter-switch-contain a.opened { background-image: url("../images/filter_open.png"); } .estore-filter-contain .filters { width: 83%; } .estore-filter-contain .filters ul { padding: 0; margin: 0; } .estore-filter-contain .filters ul li { list-style-type: none; display: inline-block; border: 1px solid #e9e9e9; margin-bottom: 10px; margin-right: 1.060445387%; padding-left: 2%; padding-right: 2%; } .estore-filter-contain .filters ul li a { font-size: 18px; color: #595959; } .estore-filter-contain .filters ul li a.active { font-size: 18px; color: #34b6d0; } .product-listing-section { margin-top: 75px; } .product-listing-section .product-listing-container { width: 20%; display: inline-block; vertical-align: top; margin-left: 6%; margin-bottom: 60px; cursor: pointer; } .product-listing-section .product-listing-container .product-listing-image-container { text-align: center; width: 100%; } .product-listing-section .product-listing-container .product-listing-image-container img { display: inline-block; } .product-listing-section .product-listing-container .product-listing-details { border-top: solid 2px #e9e9e9; text-align: center; padding-top: 15px; margin-top: 20px; font-size: 24px; } .product-listing-section .product-listing-container .product-listing-details .product-name { font-family: "Source Sans Pro",sans-serif; display: block; } .product-listing-section .product-listing-container .product-listing-details .product-price { font-family: "Source Sans Pro",sans-serif; display: block; font-weight: bold; } .product-listing-section .product-listing-details:hover { color: blue; border-color: blue; } .product-listing-section .product-listing-container:nth-child(4n+1) { margin-left: 0; } /* @group Base */ .chosen-container { position: relative; display: block; zoom: 1; *display: inline; width: 100%; border: 1px solid #C3CACC; background: #FFF; font-size: 18px; color: #000; font-family: "Source Sans Pro", sans-serif; padding: 0 14px; height: 52px; vertical-align: top; border-radius: 0; } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; background: #fff; border-top: 0; border: 1px solid #C3CACC; box-sizing: content-box; } .chosen-container.chosen-with-drop { border-color: #373637; } .chosen-container.chosen-with-drop .chosen-drop { left: -1px; top: 51px; width: 100%; } .chosen-container a { cursor: pointer; } /* @end */ /* select - ios */ .form-primary.alt select.styled { -moz-appearance: none; -webkit-appearance: none; text-indent: 0.01px; text-overflow: ''; background: #fff url("../images/dropdown.png") no-repeat 96% center; font-size: 18px; } /* @end */ /* @group Single Chosen */ .chosen-container-single { width: 100% !important; } .chosen-container-single .chosen-single { display: block; padding-top: 13px; } .chosen-container-single .chosen-default { color: #999; } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 30px; text-overflow: ellipsis; white-space: nowrap; color: #c3cacc; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover { background-position: #fff; } .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; height: 100%; padding-top: 2px; padding-right: 14px; } .chosen-container-single .chosen-single div b { background: url("../images/dropdown.png") no-repeat right center; display: block; width: 11px; height: 100%; } .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 2px 2px; } .chosen-container-single .chosen-search { display: none; } /* @end */ /* @group Results */ .chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; max-height: 219px; padding-left: 0; -webkit-overflow-scrolling: touch; margin: 0; } .chosen-container .chosen-results li { display: none; margin: 0; padding: 10px 0px 10px 20px; list-style: none; line-height: 23px; word-wrap: break-word; border-bottom: 1px solid #C3CACC; -webkit-touch-callout: none; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.active-result:first-child { display: none; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chosen-container .chosen-results li.highlighted { background: #C3CACC; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } /* @end */ /* @group Active */ .chosen-container-active.chosen-with-drop .chosen-single { border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; } .chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #222 !important; } /* @end */ /* @group Disabled Support */ .form-label.disabled, .chosen-disabled { opacity: 0.3 !important; cursor: default; } .form-label.disabled .chosen-single, .chosen-disabled .chosen-single { cursor: default; } .form-label.disabled .chosen-choices .search-choice .search-choice-close, .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } /* @end */ .confirm-col-contain { position: relative; } .confirm-page-col-1 { max-width: 300px; background-color: #f3f6f7; display: inline-block; padding: 45px 50px 45px 50px; text-align: left; position: absolute; top: 0; left: 0; } @media only screen and (max-width: 1000px) { .confirm-page-col-1 { position: relative; width: 100%; max-width: none; padding: 20px 25px 20px 25px; } } .confirm-page-col-2 { width: 100%; padding-left: 350px; display: inline-block; vertical-align: top; text-align: left; min-height: 950px; } @media only screen and (max-width: 1000px) { .confirm-page-col-2 { padding-left: 0px; margin-top: 40px; } } @media only screen and (max-width: 680px) { .theme-block-wrapper.subscribe-selction-page { background-color: #FFF; padding: 75px 3%; } } .confirm-info-contain { margin-bottom: 30px; } .confirm-info-contain a { display: block; color: #1cb5e2; } @media only screen and (max-width: 1000px) { .confirm-info-contain { display: inline-block; vertical-align: top; width: 20%; margin-left: 5%; } } @media only screen and (max-width: 730px) { .confirm-info-contain { display: block; width: 100%; } } @media only screen and (max-width: 1000px) { .confirm-info-contain:first-child { margin-left: 0; } } @media only screen and (max-width: 730px) { .confirm-info-contain:first-child { margin-left: 5%; } } .confirm-page-header { font-family: komika,sans-serif; color: #0d5469; text-transform: uppercase; display: block; font-size: 32px; text-align: left; margin-bottom: 30px; } .confirm-info-header { text-transform: uppercase; font-size: 18px; color: #0d5469; font-weight: bold; font-family: "Source Sans Pro", sans-serif; display: block; word-wrap: break-word; } .confirm-info-details { font-size: 18px; color: #343334; font-family: "Source Sans Pro", sans-serif; margin-bottom: 5px; display: block; word-wrap: break-word; } .confirm-qty-contain { text-align: right; font-family: "Source Sans Pro", sans-serif; font-weight: bold; margin-bottom: 20px; } .confirm-qty-contain .confirm-qty { font-size: 18px; color: 343334; display: inline-block; padding-right: 6.944444444%; } .confirm-qty-contain .confirm-price { font-size: 18px; color: 343334; display: inline-block; } .empty-cart .confirm-page-col-2 { padding-left: 0; } .empty-cart .confirm-page-col-2 .qty-header { width: 100%; font-weight: normal; border: none; font-size: 22px; color: #006C8F; line-height: 36px; } .confirm-cart-table { width: 100%; } .confirm-cart-table th { border-bottom: 3px solid #f3f6f7; padding-bottom: 15px; } .confirm-cart-table td { padding-bottom: 30px; } .confirm-cart-table .qty-header { width: 15%; font-size: 18px; font-family: "Source Sans Pro", sans-serif; font-weight: bold; text-align: center; } @media only screen and (max-width: 680px) { .confirm-cart-table .qty-header { font-size: 14px; } } .confirm-cart-table .price-header { width: 15%; font-size: 18px; font-family: "Source Sans Pro", sans-serif; font-weight: bold; text-align: center; } @media only screen and (max-width: 680px) { .confirm-cart-table .price-header { font-size: 14px; } } .confirm-cart-table .qty-col { width: 15%; text-align: center; font-family: "Source Sans Pro", sans-serif; vertical-align: top; } @media only screen and (max-width: 680px) { .confirm-cart-table .qty-col { font-size: 14px; } } .confirm-cart-table .price-col { width: 15%; text-align: center; font-family: "Source Sans Pro", sans-serif; font-weight: bold; color: #ff6600; vertical-align: top; } @media only screen and (max-width: 680px) { .confirm-cart-table .price-col { font-size: 14px; } } .confirm-cart-table .confirm-subscription-header { width: 28.571428571%; /*200/700*100*/ font-size: 18px; color: #0d5469; font-family: "Source Sans Pro", sans-serif; font-weight: bold; text-transform: uppercase; padding-top: 20px; } .confirm-cart-table .confirm-subscription-details-contain { width: 44.285714286%; padding-left: 5%; vertical-align: top; } @media only screen and (max-width: 680px) { .confirm-cart-table .confirm-subscription-details-contain { padding-left: 0; width: 65%; } } .confirm-cart-table .confirm-subscription-details-contain .confirm-subscription-details-header { font-size: 18px; font-weight: bold; font-family: "Source Sans Pro", sans-serif; display: block; padding-bottom: 5px; } @media only screen and (max-width: 680px) { .confirm-cart-table .confirm-subscription-details-contain .confirm-subscription-details-header { font-size: 14px; } } .confirm-cart-table .confirm-subscription-details-contain .confirm-subscription-details { font-size: 18px; font-family: "Source Sans Pro", sans-serif; display: block; color: #939a9c; } @media only screen and (max-width: 680px) { .confirm-cart-table .confirm-subscription-details-contain .confirm-subscription-details { display: none; } } .confirm-cart-table .confirm-subscription-details-contain .savings-amount { display: block; margin-top: 20px; font-size: 16px; font-style: italic; color: #ff6600; margin-bottom: 10px; } @media only screen and (max-width: 680px) { .confirm-cart-table .confirm-subscription-details-contain .savings-amount { font-size: 12px; } } .confirm-cart-table .confirm-subscription-details-contain .discount-percentage { display: block; font-size: 14px; color: #353535; background-image: url(../images/table_discount_tag.png); background-repeat: no-repeat; background-size: 16px 17px; padding-left: 20px; margin-bottom: 5px; } @media only screen and (max-width: 680px) { .confirm-cart-table .confirm-subscription-details-contain .discount-percentage { background-image: none; padding-left: 0; font-size: 12px; } } .confirm-cart-table .remove { width: 17px; } .confirm-cart-table .subscription-preview { width: 100%; } .confirm-cart-table .subscription-removal-contain { width: 10%; } @media only screen and (max-width: 680px) { .confirm-cart-table .subscription-removal-contain { max-width: 100px; } } .confirm-cart-table .subscription-removal { width: 15%; display: inline-block; } .confirm-cart-table .subscription-preview-contain { width: 80%; display: inline-block; } .total-table { width: 100%; margin-top: 30px; } .total-table td { width: 20%; text-align: right; } .total-table .subtotal-table-category { font-size: 18px; font-weight: bold; font-family: "Source Sans Pro", sans-serif; padding-bottom: 10px; } @media only screen and (max-width: 680px) { .total-table .subtotal-table-category { font-size: 14px; } } .total-table .total-first { padding-top: 10px; } .total-table .subtotal-table-listing { font-size: 18px; font-weight: bold; font-family: "Source Sans Pro", sans-serif; padding-bottom: 10px; } @media only screen and (max-width: 680px) { .total-table .subtotal-table-listing { font-size: 14px; } } .total-table .total-table-category { font-size: 22px; font-family: "Source Sans Pro", sans-serif; padding-top: 10px; padding-bottom: 50px; } @media only screen and (max-width: 680px) { .total-table .total-table-category { font-size: 18px; } } .total-table .total-table-listing { font-size: 22px; font-family: "Source Sans Pro", sans-serif; padding-top: 10px; padding-bottom: 50px; } @media only screen and (max-width: 680px) { .total-table .total-table-listing { font-size: 18px; } } .total-table tr.bordered { border-top: 3px solid #f3f6f7; } .added-blocks-container { width: 100%; margin: 20px 0 0 0; border: 3px dotted #dee1e3; } .added-blocks-container ul { padding: 45px 4% 45px 4%; margin: 0; } .added-blocks-container ul li { list-style-type: none; display: inline; margin-right: 2.727272727%; font-size: 18px; color: #939a9c; font-family: "Source Sans Pro", sans-serif; line-height: 40px; } @media only screen and (max-width: 680px) { .added-blocks-container ul li { font-size: 14px; } } .added-blocks-container ul li a { text-decoration: underline; } .added-blocks-container ul li:first-child { list-style-type: none; display: inline; margin-left: 0; } .added-blocks-container .add-block img { width: 20px; } .clr { clear: both; } /* Subscription Length CSS */ .subscribe-length-contain { width: 100%; margin-top: 125px; } @media only screen and (max-width: 883px) { .subscribe-length-contain { text-align: center; margin-top: 0px; } } .subscribe-length-contain.comic { margin-top: 30px; } .subscribe-length-contain-blocks:first-child { margin-left: 0%; } @media only screen and (max-width: 883px) { .subscribe-length-contain-blocks:first-child { margin: 0 auto; } } .subscribe-length-contain-blocks { width: 22%; background-color: white; margin-left: 1%; display: inline-block; text-align: center; vertical-align: top; padding: 0; word-wrap: break-word; border: 2px solid #cbcbcb; } @media only screen and (max-width: 883px) { .subscribe-length-contain-blocks { width: 60%; display: block; margin: 25px auto; } } .subscribe-length-contain-blocks .value-section { background-color: #70a3b4; width: 100%; color: white; font-size: 18px; font-family: komika,sans-serif; padding: 15px 0 15px 0; } .subscribe-length-contain-blocks .subscribe-length-inner { padding: 7px 3% 0 3%; } .subscribe-length-contain-blocks .subscription-length-price { font-size: 24px; font-weight: bold; font-family: "Source Sans Pro", sans-serif; color: #c3cacc; } .subscribe-length-contain-blocks .subscription-length-price em { color: #0d5469; font-style: normal; text-transform: uppercase; } .subscribe-length-contain-blocks .subscribe-length-disclaimer { font-size: 14px; font-style: italic; display: block; margin-top: 20px; font-family: "Source Sans Pro", sans-serif; } .subscribe-length-contain-blocks .subscription-length-number { font-size: 18px; text-transform: uppercase; font-family: komika,sans-serif; color: #0D5469; padding-bottom: 20px; } .subscribe-length-contain-blocks .subscription-length-number span { display: block; font-size: 62px; font-family: komika,sans-serif; color: #0d5469; margin-bottom: 18px; line-height: 1; vertical-align: top; } .subscribe-length-contain-blocks .subscription-length-number sup { font-size: 45%; vertical-align: middle; } .subscribe-length-contain-blocks .subscription-length-number .money-sign { font-size: 40px; line-height: 55px; display: inline; } .subscribe-length-contain-blocks .discount-details { font-family: "Source Sans Pro", sans-serif; font-size: 16px; } .subscribe-length-contain-blocks .sm-print { margin-bottom: 0; font-size: 10px; font-family: "Source Sans Pro", sans-serif; text-align: center; margin-bottom: 2px; margin-top: 3px; } .subscribe-length-contain-blocks .one-time-container { font-family: komika,sans-serif; } .subscribe-length-contain-blocks .one-time-container .leading-text { color: #828083; font-family: komika,sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 0; } .subscribe-length-contain-blocks .one-time-container .one-time-price { font-size: 18px; color: #bf3336; } .subscribe-length-contain-blocks .one-time-container .one-time-price sup { font-size: 9px; top: -0.8em; } .subscribe-length-contain-blocks .one-time-container .one-time-price .money-sign { vertical-align: top; line-height: 20px; font-size: 11px; } .subscribe-length-contain-blocks .one-time-container .shipping-text { font-size: 9px; margin-left: -17px; color: #838383; vertical-align: bottom; line-height: 14px; } .subscribe-length-contain-blocks .discount-details { margin: 32px 0 10px 0; display: block; } .subscribe-length-contain-blocks .discount-details em { color: #ff6600; font-style: normal; font-weight: bold; font-size: 22px; } .subscribe-length-contain-blocks .subscription-length-select { font-size: 18px; cursor: pointer; padding: 8px 15% 14px 15%; } .subscribe-length-contain-blocks.least-favorite { border: 2px solid #a7c6cf; background-color: #f2fafc; width: 20%; margin-top: 35px; margin-left: 4%; } .subscribe-length-contain-blocks.least-favorite .subscribe-length-inner { padding: 17px 3% 30px 3%; } .subscribe-length-contain-blocks.least-favorite .discount-details { margin: 22px 0 13px; } @media only screen and (max-width: 883px) { .subscribe-length-contain-blocks.least-favorite { width: 60%; display: block; margin: 0 auto; } } .subscribe-length-contain-blocks.least-favorite.comic { margin-top: 0; margin-left: 0; vertical-align: middle; min-height: 444px; } .subscribe-length-contain-blocks.least-favorite.comic .payment-icons { width: 156px; } @media only screen and (max-width: 883px) { .subscribe-length-contain-blocks.least-favorite.comic { margin-left: auto; } } .comic-image-container { width: 78%; background-color: white; margin-left: 1.3%; display: inline-block; text-align: center; vertical-align: middle; padding: 0; word-wrap: break-word; border: none; } @media only screen and (max-width: 883px) { .comic-image-container { width: 60%; display: block; margin: 25px auto; } } @media only screen and (max-width: 883px) { .comic-image-container { display: none; } } .comic-image-container .comic-image { width: 100%; } .comic-text-container { width: 78%; background-color: white; margin-left: 1%; display: none; text-align: center; vertical-align: middle; padding: 0; word-wrap: break-word; border: none; } @media only screen and (max-width: 883px) { .comic-text-container { width: 60%; display: block; margin: 0 auto 25px auto; } } @media only screen and (max-width: 883px) { .comic-text-container { display: inline-block; } } .comic-text-container .comic-image { width: 100%; } .comic-text-header { border: 2px solid #a7c6cf; background-color: #f2fafc; width: 100%; margin-top: 20px; text-align: center; } .comic-text-header .subscribe-length-inner { padding: 5px 3% 5px 3%; } .comic-text-header .subscription-length-price { font-size: 24px; font-weight: bold; font-family: "Source Sans Pro", sans-serif; color: #c3cacc; } .comic-text-header .subscription-length-price em { color: #0d5469; font-style: normal; text-transform: uppercase; } .comic-text-header.top { display: inline-block; } @media only screen and (max-width: 883px) { .comic-text-header.top { display: none; } } .comic-text-header.bottom { display: none; width: 60%; margin-top: 0; } .comic-text-header.bottom .subscription-length-price { font-size: 16px; } @media only screen and (max-width: 883px) { .comic-text-header.bottom { display: inline-block; } } .subscribe-length-contain-blocks.most-popular { width: 25%; border: 4px solid #0d5469; background: #fafff6; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, #fafff6 0%, #dcffb8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafff6', endColorstr='#dcffb8',GradientType=0 ); /* IE6-9 */ position: relative; top: -50px; } @media only screen and (max-width: 883px) { .subscribe-length-contain-blocks.most-popular { width: 60%; display: block; top: 0; } } .subscribe-length-contain-blocks.most-popular .value-section { background-color: #0d5469; width: 100%; font-size: 18px; font-family: komika,sans-serif; padding: 15px 0 15px 0; } .subscribe-length-contain-blocks.most-popular .subscribe-length-inner { padding: 32px 3% 0px 3%; } .subscribe-length-contain-blocks.most-popular .discount-details { margin-top: 18px; font-size: 18px; } .subscribe-length-contain-blocks.most-popular .discount-details em { font-size: 24px; } .subscribe-length-contain-blocks.most-popular .subscription-length-price { font-size: 26px; } .subscribe-length-contain-blocks.most-popular .subscription-length-number { font-size: 20px; } .subscribe-length-contain-blocks.most-popular .one-time-container .leading-text { font-size: 12px; } .subscribe-length-contain-blocks.most-popular .one-time-container sup, .subscribe-length-contain-blocks.most-popular .one-time-container .shipping-text { font-size: 11px; } .subscribe-length-contain-blocks.most-popular .one-time-container .one-time-price { font-size: 22px; } .subscribe-length-contain-blocks.most-popular .one-time-container .money-sign { font-size: 13px; } .subscribe-length-contain-blocks.most-popular .subscription-length-number { margin-top: 2px; padding-bottom: 45px; } .subscribe-length-contain-blocks.most-popular .subscription-length-number .money-sign { font-size: 40px; } .subscribe-length-contain-blocks.most-popular .subscription-length-number span { font-size: 72px; margin-bottom: 20px; } .promo-code-message { color: red; font-weight: bold; font-size: 19px; padding-bottom: 10px; } @media only screen and (max-width: 1150px) { .promo-code-message { font-size: 16px; } } @media only screen and (max-width: 1050px) { .promo-code-message { font-size: 15px; } } @media only screen and (max-width: 1000px) { .promo-code-message { float: right; font-size: 16px; text-align: right; } } .subscribe-promo-code-container { width: 100%; margin-top: 15px; margin-bottom: 50px; } .subscribe-promo-code-container .promo-input-contain { width: 55%; display: inline-block; vertical-align: top; float: left; } @media only screen and (max-width: 1000px) { .subscribe-promo-code-container .promo-input-contain { float: right; display: block; width: 60%; } } .subscribe-promo-code-container .promo-input-contain span { font-size: 18px; color: #0d5469; font-family: "Source Sans Pro", sans-serif; font-weight: bold; text-transform: uppercase; } .subscribe-promo-code-container .promo-btn-contain { width: 40%; margin-left: 1%; display: inline-block; vertical-align: top; float: right; text-align: right; margin-top: 15px; } @media only screen and (max-width: 1000px) { .subscribe-promo-code-container .promo-btn-contain { display: block; width: 60%; margin-left: 0; text-align: left; } } .subscribe-promo-code-container .promo-btn-contain a.promo-code { font-size: 15px; width: 100%; text-align: center; } @media only screen and (max-width: 680px) { .subscribe-promo-code-container .promo-btn-contain a.promo-code { font-size: 14px; } } .cart-disclaimer { display: block; margin-top: 25px; font-size: 13px; } .promo-checkout label { font-weight: bold; } /*Subscribe Completed*/ .container.subscribe-complete { padding: 0 !important; } .container.subscribe-complete img { width: 100%; } .share-with-friends { font-size: 32px; color: #0d5469; font-family: "komika", sans-serif; font-weight: bold; text-transform: uppercase; padding: 50px 0 50px 0; display: block; text-align: center; } .complete-share-links { padding-bottom: 50px; text-align: center; } .complete-share-links li { list-style-type: none; display: inline-block; } @media only screen and (max-width: 680px) { .complete-share-links li { display: block; } } .complete-share-links li.fb { margin-right: 10%; } @media only screen and (max-width: 680px) { .complete-share-links li.fb { margin-right: 0; margin-bottom: 35px; } } .complete-share-links li.fb a { color: #425f9c; font-weight: bold; font-size: 24px; font-family: "Source Sans Pro", sans-serif; background: url(../images/facebook_complete.png); background-repeat: no-repeat; background-size: 19px 32px; display: inline-block; width: 200px; } .complete-share-links li.twitter a { color: #55acee; font-weight: bold; font-size: 24px; font-family: "Source Sans Pro", sans-serif; background: url(../images/twitter_complete.png); background-repeat: no-repeat; background-size: 40px 32px; display: inline-block; width: 200px; } .payment-icons { display: inline-block; width: 185px; margin-top: 20px; } @media only screen and (max-width: 680px) { .payment-icons { width: 80%; } } .payment-icons-two { width: 61px; display: inline-block; margin-top: 20px; } @media only screen and (max-width: 680px) { .payment-icons-two { width: 80%; } } .payment-icons-duo { width: 60%; display: inline-block; margin-top: 20px; } @media only screen and (max-width: 680px) { .payment-icons-duo { width: 80%; } } p#code_message.success { color: green; } p#code_message.fail { color: red; } /* Welcome block */ .confirm-cart-table .welcome-block .price-col { color: #6ed100; } .confirm-cart-table .welcome-block .confirm-subscription-details { font-weight: 400; line-height: 24px; } .welcome-block-banner { display: table; height: 64px; font-size: 16px; line-height: 20px; padding: 10px 15px 10px 80px; font-weight: 400; font-family: "Source Sans Pro", sans-serif; } .welcome-block-banner span { vertical-align: middle; display: table-cell; } .welcome-block-banner.promo-code { background: url(../images/promo_banner_img.png) #ffe897 no-repeat 25px center; color: #ff9c00; width: 100%; margin: -26px auto -37px auto; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .welcome-block-banner.promo-code { /* on retina, use image that's scaled by 2 */ background-image: url("../images/promo_banner_img@2x.png"); background-size: 27px 25px; } } .welcome-block-banner.remove-promo { max-width: 82.18794%; margin: 0 auto; height: 64px; background: url(../images/remove_promo_img.png) #fcebeb no-repeat 29px center; color: #343334; margin-bottom: 40px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .welcome-block-banner.remove-promo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/remove_promo_img@2x.png"); background-size: 21px 21px; } } .welcome-block-banner.remove-promo a { color: #1cb5e2; } @media only screen and (max-width: 680px) { .welcome-block-banner.remove-promo { max-width: 100%; } } .welcome-block-banner.block-recieved { padding-left: 61px; max-width: 82.18794%; margin: 0 auto; background: url(../images/block_recieved_img.png) #d2f5aa no-repeat 20px center; color: #407900; margin-bottom: 30px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .welcome-block-banner.block-recieved { /* on retina, use image that's scaled by 2 */ background-image: url("../images/block_recieved_img@2x.png"); background-size: 26px 22px; } } @media only screen and (max-width: 680px) { .welcome-block-banner.block-recieved { max-width: 100%; } } .nerdplay h2 { color: #127da2; text-transform: uppercase; margin-bottom: 0; } @media only screen and (max-width: 680px) { .nerdplay h2 { text-align: center; line-height: 26px; margin-bottom: 10px; } } .nerdplay .jumbo-banner { background: #000; text-align: center; } .nerdplay .jumbo-banner .container { max-width: 1300px; } .nerdplay .jumbo-banner img { width: 100%; } .nerdplay .content-container { background: #fff; padding-top: 32px; padding-bottom: 32px; } .nerdplay .nerdplay-checklist p { margin-top: 0; margin-bottom: 8px; } @media only screen and (max-width: 680px) { .nerdplay .nerdplay-checklist p { font-size: 20px; line-height: 24px; text-align: center; } } .nerdplay .nerdplay-checklist .inner-col { width: 50%; } @media only screen and (max-width: 883px) { .nerdplay .nerdplay-checklist .inner-col { width: 100%; float: none; } } .nerdplay .nerdplay-checklist table { width: 100%; } .nerdplay .nerdplay-checklist table .checkbox { width: 11px; height: 11px; display: inline-block; border: 1px solid #000; margin-right: 8px; } .nerdplay .nerdplay-checklist table td { width: 33.33%; } .nerdplay .nerdplay-checklist table.uncommon { color: #008E6E; } .nerdplay .nerdplay-checklist table.rare { color: #c8690e; } .nerdplay .nerdplay-checklist table tr td:nth-child(1) { width: 30%; } .nerdplay .nerdplay-checklist table tr td:nth-child(2) { width: 32%; } .nerdplay .nerdplay-checklist table tr td:nth-child(3) { width: 38%; } .nerdplay .card-legend { margin-bottom: 20px; } @media only screen and (max-width: 680px) { .nerdplay .card-legend { margin-bottom: 10px; } } .nerdplay .card-legend > span { margin-right: 4px; } @media only screen and (max-width: 680px) { .nerdplay .card-legend > span { display: block; } } .nerdplay .card-legend span span { width: 11px; height: 11px; display: inline-block; } .nerdplay .card-legend .common-card span { border: 1px solid #000; } .nerdplay .card-legend .uncommon-card { color: #008E6E; } .nerdplay .card-legend .uncommon-card span { background: #008E6E; } .nerdplay .card-legend .rare-card { color: #c8690e; } .nerdplay .card-legend .rare-card span { background: #c8690e; } .nerdplay .checklist-copy { background: #0089b5; padding-top: 5px; padding: 25px 0 20px; } .nerdplay .checklist-copy p, .nerdplay .checklist-copy h3 { color: #fff; letter-spacing: .07em; } .nerdplay .checklist-copy h3 { text-shadow: 0 1px 3px #005069; margin-bottom: 0; } .nerdplay .checklist-copy p { margin-top: 0; } .nerdplay .checklist-copy p a { color: #fff; font-size: 16px; } .nerdplay .checklist-copy .twitter { color: #fff; font-family: 'nerdblock-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-left: 13px; } .nerdplay .checklist-copy .twitter:before { content: "\74"; } .nerdplay .checklist-copy .fb { color: #fff; font-family: 'nerdblock-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-left: 10px; } .nerdplay .checklist-copy .fb:before { content: "\66"; } .nerdplay .checklist-copy .instagram { width: 16px; height: 16px; background: url(../images/instagram.png) no-repeat; background-size: 16px 16px; display: inline-block; margin-left: 10px; } .nerdplay .anchor-container ul { text-align: center; max-width: 700px; margin: 0 auto; padding: 0; } .nerdplay .anchor-container ul:first-of-type li:last-child { border: none; margin-right: 0; padding-right: 0; } .nerdplay .anchor-container ul:last-of-type li:nth-child(5n+5) { border: none; margin-right: 0; padding-right: 0; } @media only screen and (max-width: 750px) { .nerdplay .anchor-container ul:last-of-type li:nth-child(5n+5) { padding-right: 10px; } } .nerdplay .anchor-container li { display: inline-block; list-style: none; padding-right: 10px; margin-right: 5px; border-right: 1px solid #adadad; line-height: 1; } @media only screen and (max-width: 750px) { .nerdplay .anchor-container li { border-right: none; margin-right: 0; } } @media only screen and (max-width: 680px) { .nerdplay .anchor-container li { width: 49%; padding: 0 !important; } } .nerdplay .anchor-container li a { color: #127da2; } .popup-page-overlay { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; left: 0; z-index: 110; text-align: center; } .popup-wrapper { display: inline-block; margin: 0 auto; position: absolute; top: 100px; width: 480px; left: 50%; margin-left: -240px; } @media screen and (max-width: 540px) { .popup-wrapper { width: 90%; margin-left: -45%; } } .popup-close { position: absolute; top: -44px; right: -44px; color: #fff; font-size: 34px; transition: right 0.2s; } @media screen and (max-width: 700px) { .popup-close { right: 0; } } .popup-content { background: #fff; padding: 50px; } .popup-content .btn-3 + .popup-alt-link { margin-top: 23px; } @media screen and (max-width: 470px) { .popup-content .btn-3 { font-size: 14px; } } .popup-content p { font-size: 26px; color: #343334; font-family: "Source Sans Pro", sans-serif; line-height: 32px; margin-bottom: 33px; } .popup-content p a { color: #0089b5; text-decoration: underline; } @media screen and (max-width: 470px) { .popup-content p { font-size: 15px; line-height: 18px; margin-bottom: 20px; } } @media screen and (max-width: 470px) { .popup-content { padding: 30px; } } .popup-heading { font-size: 30px; color: #000; font-weight: bold; font-family: "Source Sans Pro", sans-serif; line-height: 32px; margin-bottom: 27px; text-transform: uppercase; } @media screen and (max-width: 470px) { .popup-heading { font-size: 16px; line-height: 24px; margin-bottom: 20px; } } .popup-alt-link { font-size: 17px; color: #0d5469; font-family: "Source Sans Pro", sans-serif; text-decoration: underline; display: block; } .popup-alt-link + .popup-alt-link { margin-top: 12px; } @media screen and (max-width: 470px) { .popup-alt-link { font-size: 14px; } } .popup-textarea { margin-bottom: 40px; border: 1px solid #c3cacc; width: 100%; resize: none; height: 100px; font-size: 18px; color: #343334; font-family: "Source Sans Pro", sans-serif; padding: 8px 14px; } @media screen and (max-width: 470px) { .popup-textarea { font-size: 14px; padding: 8px 10px; } } .popup-select-wrapper { text-align: left; margin-bottom: 27px; display: inline-block; } .popup-select-wrapper radio, .popup-select-wrapper label { display: inline-block; } .popup-select-wrapper label { color: #343334; font-family: "Source Sans Pro", sans-serif; } @media screen and (max-width: 470px) { .popup-select-wrapper label { font-size: 14px; } } .popup-input-pair { display: block; position: relative; z-index: 1; } .popup-input-pair:before { width: 16px; height: 16px; border: 1px solid #9f9f9f; border-radius: 100px; content: ''; position: absolute; top: 50%; margin-top: -8px; left: 0; background: #fff; z-index: 1; } input[type='radio'] { position: absolute; left: -9999px; } input[type='radio'] + label { margin: 0; clear: none; padding: 5px 0 4px 24px; cursor: pointer; z-index: 2; position: relative; } input[type='radio'] + label:after { width: 16px; height: 16px; border: 1px solid #0089b5; border-radius: 100px; content: ''; position: absolute; top: 50%; margin-top: -8px; left: 0; background: #0089b5; z-index: 1; } input[type='radio'] + label:before { content: ''; width: 6px; height: 6px; position: absolute; top: 50%; margin-top: -3px; left: 5px; z-index: 2; border-radius: 100px; background: #fff; display: none; } @media screen and (max-width: 470px) { input[type='radio'] + label { font-size: 14px; } } input[type='radio']:checked + label:after, input[type='radio']:checked + label:before { display: block; } .question-wrapper { text-align: left; padding: 0 0 0 20px; margin: 0 0 23px; font-size: 18px; color: #343334; font-family: "Source Sans Pro", sans-serif; line-height: normal; } .question-wrapper .popup-input-pair { display: inline-block; margin-left: 26px; } .question-wrapper .popup-input-pair:first-child { margin-left: 0; } @media screen and (max-width: 470px) { .question-wrapper .popup-input-pair { margin-left: 10px; } } @media screen and (max-width: 470px) { .question-wrapper { font-size: 14px; } } .question-wrappper-item { margin-top: 16px; } .question-wrappper-item:first-child { margin-top: 0; } .question { margin-bottom: 4px; } .header-previous { /*Nesting Gives Me A Headache */ } .header-previous .sticky-header { position: fixed; top: 0; width: 100%; z-index: 100; font-size: 16px; } @media only screen and (max-width: 680px) { .header-previous .sticky-header { position: relative; } } .header-previous .sticky-header-bar-1 { background: #040d0f; padding-top: 6px; padding-bottom: 6px; z-index: 5; position: relative; } @media only screen and (max-width: 680px) { .header-previous .sticky-header-bar-1 { display: none; } } .header-previous .sticky-header-bar-2.scroll { box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.75); transition: all .5s; } .header-previous .sticky-header-bar-2 { background: #0089b5; height: 95px; position: relative; z-index: 4; transition: all .5s; box-shadow: 0 0 0 0 transparent; } @media only screen and (max-width: 680px) { .header-previous .sticky-header-bar-2 { height: auto; padding-bottom: 76px; } } .header-previous .sticky-header-bar-2 .btn-1 { padding: 7px 40px 11px; font-size: 24px; line-height: 36px; margin-top: 15px; } .header-previous .sticky-header-bar-2 .sticky-header-logo { background: url("../images/stick_nav_logo.png") no-repeat; width: 175px; height: 61px; display: block; margin-top: 15px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .header-previous .sticky-header-bar-2 .sticky-header-logo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/stick_nav_logo@2x.png"); background-size: 175px 61px; } } @media only screen and (max-width: 680px) { .header-previous .sticky-header-bar-2 .sticky-header-logo { margin-top: 7px; margin-bottom: 7px; } } .header-previous .sticky-header-bar-2 .container { position: relative; } .header-previous .sale-bar { text-align: center; text-transform: uppercase; background: #f7463d; } @media only screen and (max-width: 680px) { .header-previous .sale-bar { display: none; } } .header-previous .sale-bar p { color: #fff; font-size: 24px; line-height: 52px; font-family: "Source Sans Pro", sans-serif; margin: 0; } .header-previous .sale-bar a { color: #ffdf2d; text-decoration: underline; padding-left: 4px; } .header-previous .sale-bar a:hover { text-decoration: underline; } .header-previous .sticky-header-notifications { width: 430px; height: 20px; overflow: hidden; display: inline-block; font-size: 14px; color: #fff; font-family: "Source Sans Pro", sans-serif; } @media only screen and (max-width: 1024px) { .header-previous .sticky-header-notifications { display: none; } } .header-previous .sticky-header-social-media { display: inline-block; } @media only screen and (max-width: 1024px) { .header-previous .sticky-header-social-media { float: left; text-align: center; display: inline-block; font-size: 24px; padding-bottom: 5px; } } .header-previous .sticky-header-social-media a { color: #fff; vertical-align: middle; } .header-previous .sticky-header-social-media a:hover { color: #9fe4f3; transition: color 0.2s; } .header-previous .sticky-header-social-media li { display: inline-block; margin-left: 16px; } @media only screen and (max-width: 1024px) { .header-previous .sticky-header-nav { float: right; text-align: center; display: inline-block; padding-top: 5px; } } .header-previous .sticky-header-nav a { display: block; vertical-align: middle; display: inline-block; text-transform: uppercase; font-size: 14px; color: #fff; font-family: "Source Sans Pro", sans-serif; } @media only screen and (max-width: 1024px) { .header-previous .sticky-header-nav a { font-size: 20px; } } @media only screen and (max-width: 730px) { .header-previous .sticky-header-nav a { font-size: 16px; } } .header-previous .sticky-header-nav a:hover { color: #9fe4f3; transition: color 0.2s; } .header-previous .sticky-header-nav li { display: inline-block; margin-left: 35px; } .header-previous .sticky-header-timer-wrapper { position: absolute; top: 0; left: 50%; margin-left: -25%; width: 50%; margin-top: 10px; text-align: center; } @media only screen and (max-width: 1024px) { .header-previous .sticky-header-timer-wrapper { margin-top: 25px; } } @media only screen and (max-width: 680px) { .header-previous .sticky-header-timer-wrapper { left: 0; top: 100%; background: #000; margin-left: 0; width: 100%; display: block; margin: 0 auto; clear: both; padding: 12px 0 12px 0; } } @media only screen and (max-width: 680px) { .header-previous .sticky-header-timer-wrapper .heading { color: #fff; } } .header-previous .sticky-header-timer-wrapper .timer .days { margin-right: 10px; } .header-previous .header-heading-font-style, .home .subscription-ends .header-previous .time, .header-previous .sticky-header-timer-wrapper .timer, .header-previous .subscription-ends .time, .header-previous .subscription-status-contain .sold-out .header-status, .header-previous .subscription-status-contain .now-open .header-status { font-size: 40px; font-family: "Source Sans Pro", sans-serif; font-weight: bold; color: #fff; text-shadow: 0 2px 0 #005069; line-height: 1; } @media only screen and (max-width: 1024px) { .header-previous .header-heading-font-style, .home .subscription-ends .header-previous .time, .header-previous .sticky-header-timer-wrapper .timer, .header-previous .subscription-ends .time, .header-previous .subscription-status-contain .sold-out .header-status, .header-previous .subscription-status-contain .now-open .header-status { font-size: 28px; } } .header-previous .header-sub-heading-font-style, .home .subscription-ends .header-previous .heading, .home .subscription-status-contain .header-previous .sold-out, .home .subscription-status-contain .header-previous .now-open, .header-previous .sticky-header-timer-wrapper .heading, .header-previous .subscription-ends .heading, .header-previous .subscription-status-contain .sold-out, .header-previous .subscription-status-contain .now-open { font-size: 16px; text-transform: uppercase; font-family: "Source Sans Pro", sans-serif; line-height: 1; } @media only screen and (max-width: 825px) { .header-previous .header-sub-heading-font-style, .home .subscription-ends .header-previous .heading, .home .subscription-status-contain .header-previous .sold-out, .home .subscription-status-contain .header-previous .now-open, .header-previous .sticky-header-timer-wrapper .heading, .header-previous .subscription-ends .heading, .header-previous .subscription-status-contain .sold-out, .header-previous .subscription-status-contain .now-open { font-size: 12px; } } .header-previous .subscription-ends { display: inline-block; float: right; text-align: center; margin-top: 18px; } .header-previous .subscription-ends .time .icon-truck { font-size: 29px; } .header-previous .subscription-status-contain { text-align: center; position: absolute; right: 0; } @media only screen and (max-width: 680px) { .header-previous .subscription-status-contain { float: none; display: block; width: 100%; margin-top: 76px; top: 100%; left: 0; position: absolute; } } @media only screen and (max-width: 680px) { .header-previous .subscription-status-contain div:only-child { width: 100%; } } .header-previous .subscription-status-contain .sold-out { width: 100px; height: 95px; background-color: white; margin-right: 10px; background: url("../images/header-opacity.png") no-repeat; background-size: 100px 95px; } @media only screen and (max-width: 680px) { .header-previous .subscription-status-contain .heading { display: inline-block; } } .header-previous .subscription-status-contain .sold-out, .header-previous .subscription-status-contain .now-open { padding-top: 10px; } .header-previous .subscription-status-contain .sold-out .header-status, .header-previous .subscription-status-contain .now-open .header-status { font-size: 24px; color: white; margin-top: 5px; } @media only screen and (max-width: 680px) { .header-previous .subscription-status-contain .sold-out .header-status, .header-previous .subscription-status-contain .now-open .header-status { display: inline-block; margin-left: 5px; font-size: 16px; } } .header-previous .subscription-status-contain .now-open { width: 100px; height: 115px; background: url("../images/header-open.png") no-repeat; background-size: 100px 114px; } @media only screen and (max-width: 680px) { .header-previous .subscription-status-contain .now-open { background: #ffad14; } } .header-previous .subscription-status-contain .sold-out, .header-previous .subscription-status-contain .now-open { display: inline-block; } @media only screen and (max-width: 680px) { .header-previous .subscription-status-contain .sold-out, .header-previous .subscription-status-contain .now-open { float: right; width: 50%; padding-top: 0; padding-bottom: 6px; height: auto; margin: 0; background-size: cover; } } .header-previous .subscription-status-contain .now-open.horror-ribbon { background: #A81A15; color: #fff; position: relative; height: 95px; width: 120px; padding: 9px 4px 0; } .header-previous .subscription-status-contain .now-open.horror-ribbon .heading { color: #fff; font-size: 17px; letter-spacing: 0.05em; } .header-previous .subscription-status-contain .now-open.horror-ribbon .header-status { font-size: 18px; display: inline-block; } .header-previous .subscription-status-contain .now-open.horror-ribbon:after { top: 100%; left: 50%; content: " "; position: absolute; pointer-events: none; width: 0; height: 0; border-style: solid; border-width: 25px 60px 0 60px; border-color: #a81a15 transparent transparent transparent; margin-left: -60px; } @media only screen and (max-width: 680px) { .header-previous .subscription-status-contain .now-open.horror-ribbon { width: 100%; height: auto; padding: 1px 5px 7px; } .header-previous .subscription-status-contain .now-open.horror-ribbon:after { border: 0; } } .header-previous .btn-nav { display: none; margin-top: 30px; margin-right: 10px; float: right; width: 32px; height: 24px; background: url("../images/resp_nav_icon.png") no-repeat center; background-size: 32px 24px; } @media only screen and (max-width: 680px) { .header-previous .btn-nav { display: block; } } .header-previous .nav-dropdown { height: 100%; position: fixed; top: 0; left: 0; width: 100%; background: url("../images/mobile-screen.png"); z-index: 999; text-align: center; } .header-previous .nav-dropdown .btn-close { display: block; position: absolute; top: 28px; right: 18px; } .header-previous .nav-dropdown .sticky-header-nav { float: none; margin-top: 45px; } .header-previous .nav-dropdown .sticky-header-nav li { display: block; margin-bottom: 15px; margin-left: 0; } .header-previous .nav-dropdown .sticky-header-nav a { font-size: 36px; } .landing-classic .sticky-header-bar-1 { color: #000; } .landing-girl .header-previous .sticky-header-logo { background: url("../images/logo_small_girl.png") no-repeat; background-size: 171px 70px; width: 171px; height: 70px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-girl .header-previous .sticky-header-logo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/logo_small_girl@2x.png"); background-size: 171px 70px; } } .landing-girl .header-previous .sticky-header-bar-1 { color: #000; } .landing-girl .header-previous .sticky-header-bar-2 { background: #e191e3; } .landing-girl .header-previous .sticky-header-bar-2 .time, .landing-girl .header-previous .sticky-header-bar-2 .timer { text-shadow: 0 2px 0 #a35aa5; } .landing-boy .header-previous .sticky-header-logo { background: url("../images/logo_small_boy.png") no-repeat; background-size: 169px 69px; width: 169px; height: 69px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-boy .header-previous .sticky-header-logo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/logo_small_boy@2x.png"); background-size: 169px 69px; } } .landing-boy .header-previous .sticky-header-bar-1 { color: #000; } .landing-boy .header-previous .sticky-header-bar-2 { background: #34b5d0; } .landing-boy .header-previous .sticky-header-bar-2 .time, .landing-boy .header-previous .sticky-header-bar-2 .timer { text-shadow: 0 2px 0 #1E768A; } .landing-scifi .header-previous .sticky-header-logo { background: url("../images/logo_small_scifi.png") no-repeat; background-size: 173px 73px; width: 173px; height: 73px; margin-top: 8px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-scifi .header-previous .sticky-header-logo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/logo_small_scifi@2x.png"); background-size: 173px 73px; } } .landing-scifi .header-previous .sticky-header-bar-2 { background: #62ccca; } .landing-scifi .header-previous .sticky-header-bar-2 .time, .landing-scifi .header-previous .sticky-header-bar-2 .timer { text-shadow: 0 2px 0 rgba(18, 112, 110, 0.42); } .landing-scifi .header-previous .sticky-header-bar-2 .heading { color: #12706e; } .landing-horror .header-previous .sticky-header-logo { background: url("../images/logo_small_horror.png") no-repeat; background-size: 172px 71px; width: 172px; height: 71px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-horror .header-previous .sticky-header-logo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/logo_small_horror@2x.png"); background-size: 172px 71px; } } .landing-horror .header-previous .sticky-header-bar-1 { color: #000; } .landing-horror .header-previous .sticky-header-bar-2 { background: #A81A15; } .landing-horror .header-previous .sticky-header-bar-2 .time, .landing-horror .header-previous .sticky-header-bar-2 .timer { text-shadow: 0 2px 0 #62110e; } .landing-arcade .header-previous .sticky-header-logo { background: url("../images/logo_small_arcade.png") no-repeat; background-size: 171px 68px; width: 171px; height: 68px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .landing-arcade .header-previous .sticky-header-logo { /* on retina, use image that's scaled by 2 */ background-image: url("../images/logo_small_arcade@2x.png"); background-size: 171px 68px; } } .landing-arcade .header-previous .btn-nav { background: url("../images/resp_nav_icon_grey.png") no-repeat center; background-size: 32px 24px; width: 40px; height: 34px; } .landing-arcade .header-previous .sticky-header-bar-1 { color: #000; } .landing-arcade .header-previous .sticky-header-bar-2 { background: #4B2A86; } .landing-arcade .header-previous .sticky-header-bar-2 .heading { color: #fff; } .landing-arcade .header-previous .subscription-status-contain .sold-out { background: #6e6e6e; color: white; } .subscribe-page .header-previous .sticky-header-bar-2 { padding-bottom: 5px; } .subscription-status { padding: 38px 50px; } .subscription-history-wrapper { padding: 40px 50px; } .subscription-status { background: #f0f5f5; } .subscription-status-title { font-size: 30px; color: #0d5469; font-weight: bold; text-transform: uppercase; font-family: "Source Sans Pro", sans-serif; border-bottom: 4px solid #e4edee; margin-bottom: 23px; padding-bottom: 10px; } .subscription-status-title .alt-style { font-weight: normal; color: #939a9c; } .subscription-status-icon { color: #66cc00; font-size: 21px; margin-left: 7px; vertical-align: top; position: relative; top: -1px; } .status-item { width: 33%; display: inline-block; vertical-align: top; font-family: "Source Sans Pro", sans-serif; } @media screen and (max-width: 680px) { .status-item + .status-item { margin-top: 20px; } } @media screen and (max-width: 1024px) { .status-item { padding-right: 20px; } } @media screen and (max-width: 680px) { .status-item { width: 100%; } } .status-item-title { font-size: 18px; color: #0d5469; font-weight: bold; text-transform: uppercase; } @media screen and (max-width: 1024px) { font-size: 16px; } .status-item-duration { font-size: 18px; color: #939a9c; } .status-item-link { font-size: 18px; color: #1cb5e2; } .subscription-history { list-style: none; padding: 0; margin: 0; } .subscription-history-item { border-bottom: 4px solid #e4edee; padding: 20px 0 7px; } .subscription-history-item:first-child { padding-top: 0; } .subscription-history-item-date { font-size: 18px; color: #343334; font-weight: bold; text-transform: uppercase; line-height: 20px; margin-bottom: 16px; font-family: "Source Sans Pro", sans-serif; } .subscription-history-item-details { margin-bottom: 13px; } .subscription-history-item-details + .subscription-history-item-details { margin-left: 34px; } .subscription-history-type, .subscription-history-status, .subscription-history-message { display: inline-block; vertical-align: top; } .subscription-history-type { width: 30px; height: 30px; font-size: 24px; font-weight: bold; font-family: "Source Sans Pro", sans-serif; line-height: 30px; text-align: center; } .subscription-history-type.color-comic-block { color: #b0f2ff; background: #127da3; } .subscription-history-type.color-arcade-block { color: #d6c8f4; background: #4b2e84; } .subscription-history-type.color-horror-block { color: #f6bbc3; background: #b12f42; } .subscription-history-type.color-boys-block { color: #d4f4fa; background: #34b5d0; } .subscription-history-type.color-girls-block { color: #fceffc; background: #d392d5; } @media screen and (max-width: 680px) { .subscription-history-type { display: none; } } .subscription-history-status { margin-left: 6px; } .subscription-history-status.icon-truck { color: #7ed1e9; font-size: 20px; padding-top: 6px; } .past-block .subscription-history-status.icon-truck { color: #c7dce2; } .subscription-history-status.is-cancelled, .subscription-history-status.is-changed, .subscription-history-status.is-updated { border-radius: 100px; width: 28px; height: 28px; text-align: center; line-height: 28px; margin-top: 1px; } .subscription-history-status.is-cancelled { color: #f7c7c7; background: #fa4e4e; font-size: 18px; } .subscription-history-status.is-changed { color: #fde9bf; background: #f2ae1c; font-size: 14px; } .subscription-history-status.is-updated { color: #e5ffca; background: #66cc00; font-size: 20px; } @media screen and (max-width: 680px) { .subscription-history-status { display: none; } } .subscription-history-message { font-size: 18px; color: #939a9c; font-family: "Source Sans Pro", sans-serif; line-height: normal; margin-top: 3px; margin-left: 5px; } @media screen and (max-width: 680px) { .subscription-history-message { font-size: 14px; } } .sidebar-block-listing { list-style-type: none; margin: 0; padding: 0; } @media screen and (max-width: 1023px) { .sidebar-block-listing { padding: 38px 50px; } } .sidebar-block-listing-item { background: #d3dbdb; border-bottom: 7px solid #c4cfcf; opacity: 0.68; } .sidebar-block-listing-item.is-active { background: #fff; border-bottom-color: #eaefef; opacity: 1; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.14); position: relative; z-index: 2; } @media screen and (max-width: 1023px) { .sidebar-block-listing-item { display: none; } } .mobile-block-select { display: none; vertical-align: top; border: 0; background: none; text-align: center; } @media screen and (max-width: 1023px) { .mobile-block-select { display: inline-block; } } .sidebar-block-listing-link { display: block; padding: 40px 20px; text-align: center; font-family: "Source Sans Pro", sans-serif; } .sidebar-block-listing-img { display: block; margin-bottom: 16px; margin-top: 26px; } .sidebar-block-listing-img img { width: 100%; } .sidebar-block-listing-title { margin-bottom: 6px; display: block; } .sidebar-block-listing-title .sidebar-block-listing-title-text { line-height: 30px; font-size: 18px; color: #343334; font-weight: bold; margin-left: 6px; } .sidebar-block-listing-tshirt, .sidebar-block-listing-period { color: #939a9c; font-weight: bold; font-size: 17px; display: block; } @media screen and (max-width: 1024px) { .sidebar-block-listing-tshirt, .sidebar-block-listing-period { font-size: 15px; } } .sidebar-block-listing-period { margin-bottom: 9px; } .add-block { background: none; padding: 50px; border-bottom: 0; opacity: 1; } @media screen and (max-width: 1023px) { .add-block { display: inline-block; vertical-align: top; padding: 0; } } @media screen and (max-width: 670px) { .add-block { display: block; } } .sidebar-block-listing-add { display: table; width: 100%; border: 3px dashed #93b0b0; text-align: center; padding: 20px 0; min-height: 200px; } .sidebar-block-listing-add .icon-plus { display: block; font-size: 20px; margin-bottom: 10px; } @media screen and (max-width: 1023px) { .sidebar-block-listing-add .icon-plus { display: inline-block; margin-bottom: 0; } } @media screen and (max-width: 670px) { .sidebar-block-listing-add .icon-plus { display: none; } } @media screen and (max-width: 1023px) { .sidebar-block-listing-add { padding: 0; border: 0; min-height: 0; margin-left: 40px; } } @media screen and (max-width: 670px) { .sidebar-block-listing-add { margin-left: 0; text-align: left; margin-top: 20px; } } .sidebar-block-listing-add-container { display: table-cell; vertical-align: middle; } .sidebar-block-listing-add-copy { font-size: 18px; color: #0d5469; font-weight: bold; font-family: "Source Sans Pro", sans-serif; line-height: 26px; } @media screen and (max-width: 1023px) { .sidebar-block-listing-add-copy br { display: none; } } @media screen and (max-width: 1023px) { .sidebar-block-listing-add-copy { padding-left: 5px; } } .block-subscriptions-options { list-style-type: none; margin: 0; padding: 0; display: inline-block; float: right; margin-top: 3px; } @media screen and (max-width: 1023px) { .block-subscriptions-options { display: block; float: none; margin-top: 20px; } } .block-subscriptions-options-item { display: inline-block; margin-left: 16px; } .block-subscriptions-options-item:first-child { margin-left: 0; } .block-subscriptions-options-link { font-size: 18px; color: #1cb5e2; font-family: "Source Sans Pro", sans-serif; line-height: normal; position: relative; } .block-subscriptions-options-link:after { width: 100%; height: 1px; background: #1cb5e2; content: ''; position: absolute; bottom: 1px; left: 0; } .landing-comic .tout-wrapper { height: 622px; } @media screen and (max-width: 980px) { .landing-comic .tout-wrapper { height: auto; background-image: none !important; padding: 0 10px; } } .landing-comic .tout-wrapper .container { text-align: left; padding: 0 30px; } @media screen and (max-width: 980px) { .landing-comic .tout-wrapper .container { text-align: center; padding: 0 20px; } } .landing-comic .tout-wrapper .container .alignment-container { vertical-align: top; padding-top: 17px; } @media screen and (max-width: 980px) { .landing-comic .tout-wrapper .container .alignment-container { height: auto; padding-bottom: 40px; padding-top: 40px; } } .landing-comic .comic-header-container { max-width: 580px; padding-top: 20px; margin: 0; } .landing-comic .comic-header-container .text-980-down { display: none; } .landing-comic .comic-header-container p { font-size: 30px; line-height: 36px; display: block; margin: 30px 0 50px 0; font-family: komikaI, sans-serif; } @media screen and (max-width: 980px) { .landing-comic .comic-header-container { margin: 0 auto; } .landing-comic .comic-header-container .text-980-up { display: none; } .landing-comic .comic-header-container .text-980-down { display: block; } } .landing-comic .comic-header-description-container { margin: 0; max-width: 410px; } @media screen and (max-width: 980px) { .landing-comic .comic-header-description-container { margin: 0 auto; } } .landing-comic .btn-play-comic { margin-top: 45px; display: block; font-size: 24px; color: #000; font-family: 'Source Sans Pro', sans-serif; line-height: 34px; } .landing-comic .btn-play-comic .icon-play { font-size: 34px; display: inline-block; vertical-align: top; } @media screen and (max-width: 420px) { .landing-comic .btn-play-comic { font-size: 18px; } } .landing-comic .sticky-header-bar-2 { background-color: #3b7cca; } .landing-comic .sticky-header-bar-2 .sticky-header-logo { width: 185px; height: 68px; background: url("../images/stick_nav_logo_comic.png") no-repeat; background-image: url("../images/stick_nav_logo_comic.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .landing-comic .sticky-header-bar-2 .sticky-header-logo { background-image: url("../images/stick_nav_logo_comic@2x.png"); background-size: 185px 68px; } } @media screen and (max-width: 1024px) { .landing-comic .sticky-header-timer-wrapper .timer { text-shadow: none; } } .landing-comic .logo-banner { background: #fff url("../images/company_logos_comic_block.jpg") center repeat-x; background-image: url("../images/company_logos_comic_block.jpg"); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .landing-comic .logo-banner { background-image: url("../images/company_logos_comic_block@2x.jpg"); background-size: 665px 108px; } } .landing-comic .section-testimonials { background: #3b7cca url("../images/comic_testimonial_section.gif") center no-repeat; background-image: url("../images/comic_testimonial_section.gif"); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .landing-comic .section-testimonials { background-image: url("../images/comic_testimonial_section@2x.gif"); background-size: 2000px 985px; } } .landing-comic .section-testimonials .section-heading-wrapper { padding-bottom: 40px; } .landing-comic .section-curation { background: #fcce01 url("../images/comic_curation_bg.png") top center repeat-x; padding: 50px 0 0px 0; } .landing-comic .section-curation .container { min-height: 744px; padding-bottom: 30px; margin: 0 auto; position: relative; overflow: hidden; } @media only screen and (max-width: 1024px) { .landing-comic .section-curation .container { background: none; } } @media screen and (max-width: 980px) { .landing-comic .section-curation .container { min-height: 0; } } .landing-comic .section-curation .comic-block-character { position: absolute; bottom: 0; right: 13.66667%; width: 35.16667%; } .landing-comic .section-curation .comic-block-character img { width: 100%; } @media screen and (max-width: 980px) { .landing-comic .section-curation .comic-block-character { display: none; } } @media screen and (max-width: 800px) { .landing-comic .section-curation .section-heading-wrapper img { width: 90%; } } .landing-comic .item-copy { max-width: 32.83333%; padding: 0; margin-left: 15.08333%; } .landing-comic .item-copy p { font-size: 16px; font-family: 'Source Sans Pro', sans-serif; text-align: center; line-height: 22px; } .landing-comic .item-copy .btn-1 { margin-top: 21px; } @media screen and (max-width: 767px) { .landing-comic .item-copy .btn-1 { margin-bottom: 20px; margin-top: 0; } } @media screen and (max-width: 980px) { .landing-comic .item-copy { margin: 0 auto; width: 50%; max-width: 100%; } } @media screen and (max-width: 650px) { .landing-comic .item-copy { margin: 0 auto; width: 90%; max-width: 100%; } } .landing-comic .section-highlighted { background-color: white; } .landing-comic .section-highlighted .subtitle { color: #3b7cca; } @media screen and (max-width: 720px) { .landing-comic .section-highlighted .section-heading-wrapper img { width: 90%; } } .landing-comic .section-unpacking { background-color: #3b7cca; } .landing-comic .section-unpacking .section-heading-wrapper, .landing-comic .section-unpacking .author { color: white; } @media screen and (max-width: 1027px) { .landing-comic .section-unpacking .section-heading-wrapper img { width: 90%; } } .landing-comic .section-geek-on { background-color: white; } .landing-comic .section-geek-on .container { background: white url("../images/comic_geek_on.png") no-repeat 38px bottom; background-image: url("../images/comic_geek_on.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .landing-comic .section-geek-on .container { background-image: url("../images/comic_geek_on@2x.png"); background-size: 561px 470px; } } @media only screen and (max-width: 1024px) { .landing-comic .section-geek-on .container { background: none; } } @media screen and (max-width: 680px) { .landing-comic .section-geek-on .container { padding-top: 0; padding-bottom: 0; } } .landing-comic .section-geek-on .content-copy img { width: 100%; display: block; margin-bottom: 20px; } @media only screen and (max-width: 1024px) { .landing-comic .section-geek-on .content-copy img { max-width: 500px; margin: 0 auto; padding-bottom: 10px; } } @media screen and (max-width: 680px) { .landing-comic .section-geek-on .content-copy { margin-top: 0; padding-top: 0; } } .landing-comic .comic-testimonial-col { width: 30%; display: inline-block; margin-left: 4%; } .landing-comic .comic-testimonial-col img { width: 100%; } .landing-comic .comic-testimonial-col:first-child { margin-left: 0; } .landing-comic .testimonial-container { padding-bottom: 70px; } .section-highlighted { padding-top: 56px; } @media screen and (max-width: 767px) { .section-highlighted { margin-bottom: 0; } } .highlighted-showcase { background: url("../images/empty_shelf.png") center 239px no-repeat; background-image: url("../images/empty_shelf.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .highlighted-showcase { background-image: url("../images/empty_shelf@2x.png"); background-size: 1054px 145px; } } @media screen and (max-width: 1200px) { .highlighted-showcase { background: none; } } .highlighted-showcase-item { display: inline-block; vertical-align: top; text-align: center; margin-left: 18px; width: 20%; } .highlighted-showcase-item img { width: 100%; max-width: 180px; } .highlighted-showcase-item:first-child { margin-left: 0; } @media screen and (max-width: 320px) { .highlighted-showcase-item { display: block; width: 80%; margin: 0 auto; } .highlighted-showcase-item:first-child { margin-left: auto; } } .highlighted-showcase-item-title { font-size: 24px; color: #3b7cca; font-family: 'avengeance_mightiest_avengeRg', sans-serif; line-height: normal; text-transform: uppercase; width: 100%; margin: 64px auto 0; } @media screen and (max-width: 1200px) { .highlighted-showcase-item-title { margin-top: 20px; } } @media screen and (max-width: 768px) { .highlighted-showcase-item-title { font-size: 16px; } } @media screen and (max-width: 320px) { .highlighted-showcase-item-title { margin: 20px auto 40px; } } .vjs-control-bar { display: none; } .homepage .container { max-width: 1002px; padding-right: 20px; padding-left: 20px; } .homepage .page-section h2 { color: #007DA5; font-family: "Source Sans Pro", sans-serif; font-size: 36px; font-weight: 900; text-transform: uppercase; line-height: 1; text-shadow: none; } .homepage .page-section h3 { color: #007DA5; font-family: "Source Sans Pro", sans-serif; font-size: 24px; font-style: italic; } .homepage .home-top { position: relative; } .homepage .primary-top { position: relative; top: 0; z-index: 2; } .homepage div.landing-girl { background: #000 url("../images/home_tout_girl.jpg") no-repeat center bottom; } .homepage div.landing-girl.static-header-bar-1 { background: #6b1070; box-shadow: 0 1px 0 rgba(69, 69, 69, 0.47); } .homepage div.landing-girl .static-header-bar-2 { background: none; } .homepage div.landing-girl .static-header-bar-2 .heading { color: #2E2E2E; } .homepage div.landing-girl .static-header-bar-2 .timer { text-shadow: 0 2px 0 rgba(107, 16, 112, 0.42); } .homepage div.landing-girl .tout-wrapper .tout-details h1 { text-shadow: 0 2px 0 rgba(107, 16, 112, 0.42); } .homepage div.landing-girl .tout-details .block-details, .homepage div.landing-girl .tout-details .blurb, .homepage div.landing-girl .tout-details .learn-more { text-shadow: none; } .homepage div.landing-girl .block-details li { background: url("../images/list_check_white.png") no-repeat left 5px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .homepage div.landing-girl .block-details li { /* on retina, use image that's scaled by 2 */ background-image: url("../images/list_check_white@2x.png"); background-size: 22px 16px; } } .homepage div.landing-scifi { background: #000 url("../images/home_tout_scifi.jpg") no-repeat center bottom; } .homepage div.landing-scifi.static-header-bar-1 { background: #62ccca; box-shadow: 0 1px 0 rgba(69, 69, 69, 0.47); } .homepage div.landing-scifi .static-header-bar-2 { background: none; } .homepage div.landing-scifi .static-header-bar-2 .heading { color: #fff; } .homepage div.landing-scifi .static-header-bar-2 .timer { text-shadow: 0 2px 0 rgba(10, 43, 51, 0.42); } .homepage div.landing-scifi .tout-wrapper .tout-details h1 { text-shadow: 0 2px 0 rgba(10, 43, 51, 0.42); } .homepage div.landing-scifi .tout-details .block-details, .homepage div.landing-scifi .tout-details .blurb { text-shadow: none; } .homepage div.landing-scifi .tout-details .learn-more { color: #fff; text-shadow: none; } .homepage div.landing-scifi .sold-out { background: #8f88a4; } .homepage div.landing-scifi .sold-out .header-status { text-shadow: 0 2px 0 rgba(86, 78, 113, 0.42); color: #eddeed; font-size: 18px; font-weight: 700; } .homepage div.landing-scifi .block-details li { background: url("../images/list_check_white.png") no-repeat left 5px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .homepage div.landing-scifi .block-details li { /* on retina, use image that's scaled by 2 */ background-image: url("../images/list_check_white@2x.png"); background-size: 22px 16px; } } .homepage div.landing-boy { background: #000 url("../images/home_tout_boy.jpg") no-repeat center bottom; } .homepage div.landing-boy.static-header-bar-1 { background: #3490d0; box-shadow: 0 1px 0 rgba(69, 69, 69, 0.47); } .homepage div.landing-boy .static-header-bar-2 { background: none; } .homepage div.landing-boy .static-header-bar-2 .heading { color: #2E2E2E; } .homepage div.landing-boy .static-header-bar-2 .timer { text-shadow: 0 2px 0 rgba(4, 56, 67, 0.42); } .homepage div.landing-boy .block-details li { background: url("../images/list_check_white.png") no-repeat left 5px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .homepage div.landing-boy .block-details li { /* on retina, use image that's scaled by 2 */ background-image: url("../images/list_check_white@2x.png"); background-size: 22px 16px; } } .homepage div.landing-boy .tout-wrapper .tout-details h1 { text-shadow: 0 2px 0 rgba(4, 56, 67, 0.42); } .homepage div.landing-boy .sold-out { background: #16a4e6; } .homepage div.landing-boy .sold-out .header-status { color: #D7F8FF; font-size: 18px; font-weight: 700; text-shadow: 0 2px 0 rgba(87, 27, 89, 0.42); } .homepage div.landing-boy .tout-details .block-details, .homepage div.landing-boy .tout-details .blurb, .homepage div.landing-boy .tout-details .learn-more { text-shadow: none; } .homepage div.landing-arcade { background: #000 url("../images/home_tout_arcade.jpg") no-repeat center 28%; } .homepage div.landing-arcade.static-header-bar-1 { background: #e31d1a; box-shadow: 0 1px 0 rgba(69, 69, 69, 0.47); } .homepage div.landing-arcade .static-header-bar-2 { background: none; } .homepage div.landing-arcade .static-header-bar-2 .heading { color: #FFF; text-shadow: 0 0 4px rgba(0, 0, 0, 0.35); } .homepage div.landing-arcade .static-header-bar-2 .timer { text-shadow: 0 2px 0 rgba(0, 0, 0, 0.42), 0 0 4px rgba(0, 0, 0, 0.35); } .homepage div.landing-arcade .tout-wrapper .tout-details h1 { text-shadow: 0 2px 0 rgba(0, 0, 0, 0.42), 0 0 4px rgba(0, 0, 0, 0.35); } .homepage div.landing-arcade .sold-out { background: #56565a; } .homepage div.landing-arcade .sold-out .header-status { color: #EBEBEB; font-size: 18px; font-weight: 700; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.42); } .homepage div.landing-arcade .action-container .learn-more { color: #FFF; text-shadow: 0 0 8px rgba(0, 0, 0, 0.21); } .homepage div.landing-classic { background: #000 url("../images/home_tout_classic.jpg") no-repeat center; } .homepage div.landing-classic.static-header-bar-1 { background: #007da5; box-shadow: 0 1px 0 rgba(69, 69, 69, 0.47); } .homepage div.landing-classic .static-header-bar-2 { background: none; } .homepage div.landing-classic .static-header-bar-2 .heading { color: #2E2E2E; } .homepage div.landing-classic .static-header-bar-2 .timer { text-shadow: 0 2px 0 rgba(0, 0, 0, 0.42); } .homepage div.landing-classic .tout-wrapper .tout-details h1 { text-shadow: 0 2px 0 rgba(0, 0, 0, 0.42), 0 0 4px rgba(51, 87, 100, 0.36); } .homepage div.landing-classic .sold-out { background: #0095c4; } .homepage div.landing-classic .sold-out .header-status { color: #8AD6EE; text-shadow: 0 2px 0 rgba(87, 27, 89, 0.42); } .homepage div.landing-classic .action-container .learn-more { color: #FFF; text-shadow: 0 0 8px rgba(0, 0, 0, 0.21); } .homepage div.landing-comic { background: #000 url("../images/home_tout_comic_something_big.jpg") no-repeat center 12%; } @media screen and (max-width: 768px) { .homepage div.landing-comic { background: #eeeeee url("../images/home_tout_comic_something_big_tab.jpg") center no-repeat; } } @media screen and (max-width: 320px) { .homepage div.landing-comic { background: #eeeeee url("../images/home_tout_comic_something_big_mob.jpg") center no-repeat; } } .homepage div.landing-comic.static-header-bar-1 { background: #3A7CCA; box-shadow: 0 1px 0 rgba(69, 69, 69, 0.47); } .homepage div.landing-comic .static-header-bar-2 { background: none; } .homepage div.landing-comic .static-header-bar-2 .heading { color: #FFF; } .homepage div.landing-comic .static-header-bar-2 .timer { color: #FFF; text-shadow: none; } .homepage div.landing-comic .tout-wrapper .tout-details { text-align: center; } .homepage div.landing-comic .tout-wrapper .tout-details h1 { font-family: "Source Sans Pro", sans-serif; font-size: 60px; font-weight: 900; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); color: #F1E42F; text-transform: uppercase; line-height: 64px; margin-bottom: 5px; letter-spacing: 0.025em; text-align: center; } @media only screen and (max-width: 1000px) { .homepage div.landing-comic .tout-wrapper .tout-details h1 { font-size: 30px; line-height: 1; } } .homepage div.landing-comic .tout-wrapper .tout-details .blurb { color: #FFF; font-family: "Source Sans Pro", sans-serif; font-size: 30px; font-weight: 300; font-style: italic; margin-bottom: 18px; text-transform: none; text-shadow: 0 0 6px rgba(29, 3, 7, 0.39); text-align: center; } @media only screen and (max-width: 1000px) { .homepage div.landing-comic .tout-wrapper .tout-details .blurb { font-size: 14px; margin: 0px 0 12px; } } @media only screen and (max-width: 1000px) { .homepage div.landing-comic .tout-wrapper .tout-details { padding-top: 110px; } } .homepage div.landing-comic .sold-out { background: #1459ad; } .homepage div.landing-comic .sold-out .header-status { color: #AFCBEC; text-shadow: 0 2px 0 rgba(87, 27, 89, 0.42); } .homepage div.landing-comic .action-container .learn-more { color: #FFF; } .homepage div.landing-horror { background: #000 url("../images/home_tout_horror.jpg") no-repeat center; } .homepage div.landing-horror.static-header-bar-1 { background: #A81A15; box-shadow: 0 1px 0 rgba(69, 69, 69, 0.47); } .homepage div.landing-horror .static-header-bar-2 { background: none; } .homepage div.landing-horror .static-header-bar-2 .heading { color: #2E2E2E; } .homepage div.landing-horror .static-header-bar-2 .timer { text-shadow: 0 2px 0 rgba(71, 71, 71, 0.42), 0 0 9px rgba(29, 3, 7, 0.39); } .homepage div.landing-horror .tout-wrapper .tout-details h1 { text-shadow: 0 2px 0 rgba(71, 71, 71, 0.42), 0 0 9px rgba(29, 3, 7, 0.39); } .homepage div.landing-horror .sold-out { background: #EF6661; } .homepage div.landing-horror .sold-out .header-status { color: #F4ACB6; text-shadow: 0 2px 0 rgba(44, 15, 19, 0.42); } .homepage div.landing-horror .action-container .learn-more { color: #fff; } .homepage .slide-section { position: absolute; top: 622px; display: none; width: 100%; z-index: 3; text-align: left; } .homepage .slide-section.active { z-index: 4; } @media screen and (max-width: 1000px) { .homepage .slide-section { display: none !important; } } .homepage .slide-section .static-header-timer-wrapper { top: -9px; } .homepage .slide-section .static-header-timer-wrapper .timer { padding-top: 2px; padding-bottom: 5px; } .homepage .slide-section .static-header-bar-2 .subscription-status-contain .heading { color: #000; font-size: 14px; font-weight: 400; text-transform: uppercase; } .homepage .slide-section .static-header-bar-2 .subscription-status-contain .header-status { letter-spacing: 0.025em; line-height: 20px; } .homepage .slide-section .static-header-bar-2 .subscription-status-contain .sold-out { vertical-align: top; height: 83px; padding: 6px 4px 5px; } .homepage .slide-section .static-header-bar-2 .subscription-status-contain .sold-out, .homepage .slide-section .static-header-bar-2 .subscription-status-contain .now-open { padding-top: 6px; } .homepage .slide-section .landing-subscription-container { top: 130px; right: 26px; width: 154px; height: 147px; } .homepage .slide-section .tout-wrapper .tout-details { padding-left: 41px; padding-top: 91px; text-align: left; } .homepage .slide-section .tout-wrapper .tout-details h1 { letter-spacing: 0; } .homepage .slide-section .tout-wrapper .tout-details .blurb { text-align: left; font-size: 30px; font-weight: 700; font-style: normal; margin-bottom: 21px; } @media only screen and (max-width: 680px) { .homepage .slide-section .tout-wrapper .tout-details .blurb { font-size: 18px; } } .homepage .slide-section .tout-wrapper .tout-details .blurb span { font-size: 18px; font-weight: 400; padding-left: 4px; } @media only screen and (max-width: 680px) { .homepage .slide-section .tout-wrapper .tout-details .blurb span { font-size: 16px; } } .homepage .slide-section .tout-wrapper .tout-details .blurb .btn-modal-free-gift { border-bottom: 1px solid #FFF; padding-left: 0; margin-left: 27px; position: relative; cursor: pointer; } .homepage .slide-section .tout-wrapper .tout-details .blurb .btn-modal-free-gift:before { content: ''; display: inline-block; width: 32px; background: url("../images/gift.png") no-repeat 0px center; height: 25px; position: absolute; left: -27px; bottom: 0; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .homepage .slide-section .tout-wrapper .tout-details .blurb .btn-modal-free-gift:before { /* on retina, use image that's scaled by 2 */ background-image: url("../images/gift@2x.png"); background-size: 22px 25px; } } .homepage .slide-section .tout-wrapper .tout-details h1 { color: #FFFEFF; font-weight: 900; text-transform: uppercase; text-align: left; font-size: 48px; } @media only screen and (max-width: 680px) { .homepage .slide-section .tout-wrapper .tout-details h1 { font-size: 38px; margin-bottom: 16px; line-height: 1; } } .homepage .slide-section .block-details { color: #FFF; font-size: 18px; font-weight: 700; text-align: left; list-style: none; padding-left: 0; margin: 0 0 25px 0; text-shadow: 0 0 6px rgba(29, 3, 7, 0.39); } .homepage .slide-section .block-details li { padding-left: 34px; background: url("../images/list_check_white_shadow.png") no-repeat left top; margin-left: 0; margin-bottom: 7px; font-family: "Source Sans Pro", sans-serif; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .homepage .slide-section .block-details li { /* on retina, use image that's scaled by 2 */ background-image: url("../images/list_check_white_shadow@2x.png"); background-size: 28px 22px; } } .homepage .slide-section .action-container { display: inline-block; text-align: center; } .homepage .slide-section .action-container .btn-1 { margin-bottom: 15px; } .homepage .slide-section .action-container .learn-more { color: #5B5B5B; font-family: "Source Sans Pro", sans-serif; font-size: 16px; font-weight: 700; text-decoration: underline; text-shadow: 0 0 6px rgba(29, 3, 7, 0.39); } .homepage div#big-video-vid { top: 0 !important; z-index: 2; } .homepage .video-bg-container { position: absolute; z-index: 1; top: 30px; width: 100%; height: 100%; overflow: hidden; } @media screen and (max-width: 1060px) { .homepage .video-bg-container { top: 0; } .homepage .video-bg-container div#big-video-vid, .homepage .video-bg-container .big-video-wrap, .homepage .video-bg-container .big-video-wrap .vjs-tech { display: none !important; outline: 0 !important; } } .homepage .video-bg-container video, .homepage .video-bg-container img { width: 100%; } @media screen and (max-width: 1060px) { .homepage .video-bg-container video, .homepage .video-bg-container img { width: auto; height: 100%; left: -85%; position: relative; } } .homepage .video-bg-container .video-img { background-size: cover; width: 100%; height: 100%; z-index: 1; position: relative; } .homepage .video-bg-container .color-overlay { position: absolute; top: 0; right: 0; width: 100%; height: 100%; opacity: 0.3; z-index: 3; background-color: #000; } .homepage .banner-img { background: #fff !important; padding-top: 100px; z-index: 4; position: relative; padding-bottom: 50px; } .homepage .banner-img .banner-wrapper { max-width: 900px; margin: 0 auto; text-align: center; } .homepage .banner-img .banner-wrapper.embed-container { max-width: 90%; } .homepage .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 65%; max-height: 65%; margin: 40px; } .homepage .embed-container iframe, .homepage .embed-container object, .homepage .embed-container embed { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; } @media only screen and (max-width: 1024px) { .homepage .landing.banner-img.default { padding-top: 0; } } .homepage .landing.banner-img.default.youtube { padding-bottom: 0; } @media only screen and (max-width: 1024px) { .homepage .landing.banner-img.default.youtube { padding-top: 15px; } } .homepage .landing.banner-img.default img { width: 100%; max-width: 900px; display: block; margin: 0 auto; } .homepage .video-bg-container .promo-banner { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 622px; } .homepage .video-bg-container .promo-banner img { position: relative; left: 50% !important; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 100%; width: auto; } .homepage .tout-wrapper { height: 622px; margin: 0 auto; padding-top: 14px; position: relative; text-align: center; background: none; } .homepage .tout-wrapper .container { width: 100%; padding-left: 1.66667%; text-align: center; position: relative; z-index: 2; } @media screen and (max-width: 1000px) { .homepage .tout-wrapper .container { padding-left: 20px; } } @media only screen and (max-width: 680px) { .homepage .tout-wrapper.tout-home { display: block; } } @media screen and (max-width: 1000px) { .homepage .tout-wrapper.tout-home { display: block; } } .homepage .tout-wrapper .alignment-container { display: block; } @media screen and (max-width: 1000px) { .homepage .tout-wrapper .alignment-container { height: auto; padding-bottom: 95px; } } .homepage .tout-wrapper .tout-details { width: 100%; padding-top: 185px; } @media only screen and (max-width: 680px) { .homepage .tout-wrapper .tout-details { margin: 0 auto; width: 100%; } } .homepage .tout-wrapper .tout-details { padding-left: 0; } @media only screen and (max-width: 680px) { .homepage .tout-wrapper .tout-details { padding-left: 0; padding-top: 60px; } } .homepage .tout-wrapper .tout-details h1 { font-family: "Source Sans Pro", sans-serif; font-size: 60px; font-weight: 900; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); color: #FF981F; text-transform: uppercase; line-height: 64px; margin-bottom: 5px; letter-spacing: 0.025em; } .homepage .tout-wrapper .tout-details h1 span { color: #FFF; } @media screen and (max-width: 1000px) { .homepage .tout-wrapper .tout-details h1 span { display: block; } } @media screen and (max-width: 1000px) { .homepage .tout-wrapper .tout-details h1 { font-size: 30px; line-height: 1; } } .homepage .tout-wrapper .tout-details .blurb { color: #FFF; font-family: "Source Sans Pro", sans-serif; font-size: 30px; font-weight: 300; font-style: italic; margin-bottom: 18px; text-transform: none; text-shadow: 0 0 6px rgba(29, 3, 7, 0.39); } @media only screen and (max-width: 680px) { .homepage .tout-wrapper .tout-details .blurb { margin-top: 20px; margin-bottom: 20px; } } @media screen and (max-width: 1000px) { .homepage .tout-wrapper .tout-details .blurb { font-size: 14px; margin: 0px 0 12px; } } .homepage .tout-wrapper .tout-details .btn-1 { font-size: 24px; font-weight: 700; text-transform: uppercase; border-radius: 0; color: #fff; font-family: "Source Sans Pro", sans-serif; background-color: #99DE42; box-shadow: 0 3px 0 #7BB235; border: none; letter-spacing: 0.013em; line-height: 1; padding: 13px 30px 9px; margin-bottom: -10px; } .homepage .tout-wrapper .tout-details .btn-1:hover { background-color: #8ED337; box-shadow: 0 3px 0 #71A62E; } @media only screen and (max-width: 1024px) { .homepage .tout-wrapper .tout-details .btn-1 { padding-bottom: 5px; line-height: 30px; } } @media only screen and (max-width: 680px) { .homepage .tout-wrapper .tout-details .btn-1 { font-size: 18px; line-height: 1; padding-top: 10px; padding-bottom: 5px; } } .homepage .tout-wrapper .tout-details .btn-1 span { color: #49780D; font-family: "Source Sans Pro", sans-serif; font-size: 14px; font-weight: 400; text-transform: none; display: block; padding-top: 1px; } @media only screen and (max-width: 680px) { .homepage .tout-wrapper .tout-details .btn-1 span { font-size: 10px; line-height: 1; padding-bottom: 6px; } } .homepage .tout-wrapper .tout-details .btn-process { font-size: 24px; line-height: 26px; font-family: "Source Sans Pro", sans-serif; margin-top: 26px; display: inline-block; color: #fff; transition: color 0.2s; font-weight: 300; opacity: 0.4; text-transform: none; } .homepage .tout-wrapper .tout-details .btn-process, .homepage .tout-wrapper .tout-details .btn-process span { vertical-align: middle; line-height: 1; } .homepage .tout-wrapper .tout-details .btn-process span { margin-top: -4px; display: inline-block; font-size: 34px; padding-right: 7px; } .homepage .tout-wrapper .tout-details .btn-process:hover { opacity: 1; } @media only screen and (max-width: 680px) { .homepage .tout-wrapper .tout-details .btn-process { font-size: 18px; } } .homepage .section-slide-theme-hover { position: relative; } @media only screen and (max-width: 1024px) { .homepage .section-slide-theme-hover { display: none; } } @media screen and (max-width: 1000px) { .homepage .section-slide-theme-hover { background: #fff; padding-bottom: 1px; } } .homepage .section-slide-theme-hover .container { width: 100%; position: absolute; top: -52px; max-width: 100%; z-index: 7; } @media screen and (max-width: 1000px) { .homepage .section-slide-theme-hover .container { position: relative; } } .homepage .section-slide-theme-hover .switch-icon { position: absolute; top: -98px; left: 82px; } @media screen and (max-width: 1000px) { .homepage .section-slide-theme-hover .switch-icon { display: none; } } .homepage .section-slide-theme-hover .theme-listing { position: relative; max-width: 1000px; margin: 0 auto; width: 100%; padding: 0; text-align: center; } .homepage .section-slide-theme-hover .theme-listing .theme-item { display: inline-block; width: 13.19588%; text-align: center; font-family: "Source Sans Pro", sans-serif; font-size: 16px; font-weight: 400; text-transform: uppercase; vertical-align: top; position: relative; transition: all .25s; text-transform: uppercase; top: 0; } .homepage .section-slide-theme-hover .theme-listing .theme-item.classic a { color: #1F6A81; } .homepage .section-slide-theme-hover .theme-listing .theme-item.arcade a { color: #662168; } .homepage .section-slide-theme-hover .theme-listing .theme-item.horror a { color: #D0112B; } .homepage .section-slide-theme-hover .theme-listing .theme-item.comic a { color: #3A7CC8; } .homepage .section-slide-theme-hover .theme-listing .theme-item.jrgirl a { color: #D493D5; } .homepage .section-slide-theme-hover .theme-listing .theme-item.jrboys a { color: #34B5D0; } .homepage .section-slide-theme-hover .theme-listing .theme-item.scifi a { color: #62ccca; } .homepage .section-slide-theme-hover .theme-listing .theme-item img { display: none; width: 70.7%; transition: all .25s; border: 2px solid #fff; border-radius: 50%; box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 1000px) { .homepage .section-slide-theme-hover .theme-listing .theme-item img { display: inline-block; } } @media only screen and (max-width: 680px) { .homepage .section-slide-theme-hover .theme-listing .theme-item img { width: 100%; } } .homepage .section-slide-theme-hover .theme-listing .theme-item .theme-img-small { display: inline-block; } @media screen and (max-width: 1000px) { .homepage .section-slide-theme-hover .theme-listing .theme-item .theme-img-small { display: none; } } .homepage .section-slide-theme-hover .theme-listing .theme-item.active, .homepage .section-slide-theme-hover .theme-listing .theme-item:hover { font-weight: 700; top: -10px; transition: all .25s; } .homepage .section-slide-theme-hover .theme-listing .theme-item.active img, .homepage .section-slide-theme-hover .theme-listing .theme-item:hover img { width: 80%; transition: all .25s; } @media screen and (max-width: 1000px) { .homepage .section-slide-theme-hover .theme-listing .theme-item.active img, .homepage .section-slide-theme-hover .theme-listing .theme-item:hover img { width: 66.6%; } } @media only screen and (max-width: 680px) { .homepage .section-slide-theme-hover .theme-listing .theme-item.active img, .homepage .section-slide-theme-hover .theme-listing .theme-item:hover img { width: 100%; } } @media screen and (max-width: 1000px) { .homepage .section-slide-theme-hover .theme-listing .theme-item.active, .homepage .section-slide-theme-hover .theme-listing .theme-item:hover { top: 0; } } @media screen and (max-width: 1000px) { .homepage .section-slide-theme-hover .theme-listing .theme-item { display: block; width: 100%; font-size: 30px; font-weight: 700; } } .homepage .section-slide-theme-hover .theme-listing .theme-item .img-wrapper { margin-bottom: 4px; } .homepage .section-slide-theme-hover .theme-listing .theme-item .mobile-contents { display: none; } .homepage .section-slide-theme-hover .theme-listing .theme-item .mobile-contents .blurb { color: #6E868D; font-size: 16px; font-weight: 400; line-height: 1; margin-top: 0; text-transform: none; margin-bottom: 40px; } .homepage .section-slide-theme-hover .theme-listing .theme-item .mobile-contents .blurb a { color: #44AEED; font-style: italic; text-decoration: underline; } @media screen and (max-width: 1000px) { .homepage .section-slide-theme-hover .theme-listing .theme-item .mobile-contents .blurb { font-size: 19px; } } .homepage .section-slide-theme-hover .theme-listing .theme-item .mobile-contents .price-sticker { width: 125px; height: 125px; font-size: 80px; line-height: 114px; right: 16%; top: 62%; background-color: #ED3636; color: #FFF; font-weight: 400; text-transform: uppercase; border: 4px solid #fff; border-radius: 50%; display: block; font-family: 'league_gothic', sans-serif; position: absolute; } .homepage .section-slide-theme-hover .theme-listing .theme-item .mobile-contents .price-sticker sup { font-size: 46px; } @media only screen and (max-width: 680px) { .homepage .section-slide-theme-hover .theme-listing .theme-item .mobile-contents .price-sticker { width: 75px; height: 75px; line-height: 70px; font-size: 48px; right: 0; top: 57%; } .homepage .section-slide-theme-hover .theme-listing .theme-item .mobile-contents .price-sticker sup { font-size: 28px; } } @media screen and (max-width: 1000px) { .homepage .section-slide-theme-hover .theme-listing .theme-item .mobile-contents { display: block; } } .homepage .section-choose-theme { display: none; padding-bottom: 20px; } @media only screen and (max-width: 1024px) { .homepage .section-choose-theme { display: block; } } @media only screen and (max-width: 680px) { .homepage .section-choose-theme { padding-bottom: 10px; } } @media only screen and (max-width: 680px) { .homepage .section-choose-theme .container { padding-right: 10px; padding-left: 10px; } } .homepage .section-choose-theme .theme-block { margin-bottom: 10px; } .homepage .section-choose-theme h2 { padding-bottom: 25px; } @media only screen and (max-width: 680px) { .homepage .section-choose-theme h2 { font-size: 30px; } } .homepage .section-box-contents { padding-top: 95px; background: #f6f6f6; background-size: cover; padding-bottom: 4px; position: relative; z-index: 6; } @media only screen and (max-width: 883px) { .homepage .section-box-contents { padding-top: 0; } } @media screen and (max-width: 680px) { .homepage .section-box-contents { padding-top: 0; } } .homepage .section-box-contents .container { padding: 30px 20px 20px; background: url("../images/box_contents_bg.jpg") no-repeat 95% center; } @media screen and (max-width: 1000px) { .homepage .section-box-contents .container { background-size: 60%; } } @media screen and (max-width: 880px) { .homepage .section-box-contents .container { padding: 20px; background-position: center right; background-size: 40%; } } @media screen and (max-width: 680px) { .homepage .section-box-contents .container { background-size: 200px; background-position: 60px 130px; } } @media screen and (max-width: 320px) { .homepage .section-box-contents .container { background-size: 226px; background-position: 47px 122px; } } .homepage .section-box-contents h2 { text-align: left; padding-left: 48px; line-height: 45px; margin-bottom: 41px; } @media only screen and (max-width: 883px) { .homepage .section-box-contents h2 { padding-left: 0; } } @media screen and (max-width: 680px) { .homepage .section-box-contents h2 { padding-bottom: 246px; line-height: 34px; } } .homepage .section-box-contents ul { color: #6e868e; font-family: "Source Sans Pro", sans-serif; text-align: left; font-size: 18px; font-weight: 400; list-style: none; margin-left: 0; padding-left: 48px; } @media only screen and (max-width: 883px) { .homepage .section-box-contents ul { padding-left: 0; } } .homepage .section-box-contents li { padding-left: 38px; background: url("../images/list_check.png") no-repeat left 5px; margin-bottom: 41px; margin-left: 0; letter-spacing: 0.025em; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .homepage .section-box-contents li { /* on retina, use image that's scaled by 2 */ background-image: url("../images/list_check@2x.png"); background-size: 22px 16px; } } @media only screen and (max-width: 883px) { .homepage .section-box-contents li { margin-bottom: 20px; } } .homepage .section-box-contents .contents-arrow { padding-left: 120px; float: left; margin-top: -16px; width: 30px; } @media screen and (max-width: 1000px) { .homepage .section-box-contents .contents-arrow { display: none; } } .homepage .section-map-indicators { background: #d2e0e3; padding-bottom: 1px; padding-top: 34px; } .homepage .section-map-indicators h3, .homepage .section-map-indicators h2 { letter-spacing: 0.025em; } .homepage .section-map-indicators h2 { margin-bottom: 4px; } @media screen and (max-width: 1000px) { .homepage .section-map-indicators { display: none; } } .homepage .section-map-indicators .container { background: url("../images/map_bg.png") no-repeat 31% 84%; min-height: 405px; position: relative; } .homepage .section-map-indicators .delivery-man { position: absolute; right: 49px; height: 371px; bottom: -39px; z-index: 0; } .homepage .section-map-indicators .order-man { bottom: 13px; color: #6E868E; font-weight: 400; font-size: 14px; font-style: normal; position: absolute; left: 96px; } .homepage .section-map-indicators .order-man span.block-kind { color: #D1112C; font-weight: 700; } .homepage .section-map-indicators .order-man .mins-ago { color: #6E868E; font-size: 12px; font-weight: 400; background: #fffbcd; display: inline-block; padding: 0px 10px; margin-top: 6px; } .homepage .section-map-indicators .order-man .speech-bubble { width: 250px; right: auto; left: 158%; top: -19px; font-style: normal; } .homepage .section-map-indicators .order-man .speech-bubble:after { border-style: solid; border-width: 0 0 21px 30px; border-color: transparent transparent #fff transparent; right: 100%; left: auto; top: 47%; left: auto; } .homepage .section-map-indicators .speech-bubble { top: 19px; right: 167px; position: absolute; font-style: italic; color: #6E868E; width: 145px; background-color: #FFF; border-radius: 10px; line-height: 18px; font-size: 14px; padding: 7px 15px 10px 15px; text-align: left; font-family: "Source Sans Pro", sans-serif; letter-spacing: 0.025em; } .homepage .section-map-indicators .speech-bubble a { color: #71BBEB; border-bottom: 1px solid #71BBEB; } .homepage .section-map-indicators .speech-bubble a:hover { color: #3097D4; } .homepage .section-map-indicators .speech-bubble:after { width: 0; height: 0; border-style: solid; border-width: 21px 0 0 30px; border-color: transparent transparent transparent #ffffff; position: absolute; left: 100%; top: 38%; content: " "; position: absolute; pointer-events: none; } .homepage .logo-banner { height: 108px; background-color: none; padding-bottom: 5px; background: url("../images/home_logo_banner.png") center no-repeat; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .homepage .logo-banner { /* on retina, use image that's scaled by 2 */ background-image: url("../images/home_logo_banner@2x.png"); background-size: 917px 48px; } } @media screen and (max-width: 1000px) { .homepage .logo-banner { display: none; } } .homepage .section-previous-blocks { padding: 50px 0 65px; } .homepage .section-previous-blocks h2 { margin-bottom: 50px; color: #127593; } .homepage .section-previous-blocks .previous-block { width: 30%; display: inline-block; margin-left: 3.33333%; } .homepage .section-previous-blocks .previous-block:first-child { margin-left: 0; } .homepage .section-previous-blocks .product-img { margin-bottom: 20px; } .homepage .section-previous-blocks .product-img img { width: 100%; } .homepage .section-previous-blocks .product-date { font-size: 30px; font-weight: bold; color: #127593; font-family: "Source Sans Pro", sans-serif; text-transform: uppercase; } .homepage .section-howitworks { background: #0d6b87 url(../images/tile_house.png) repeat-x 72% 97%; padding-top: 14px; padding-bottom: 46px; min-height: 1756px; z-index: 1; position: relative; overflow: hidden; } @media only screen and (max-width: 1024px) { .homepage .section-howitworks { background-image: none; } } .homepage .section-howitworks h2 { color: #fff; background: url("../images/stars_header.png") no-repeat center; padding-top: 40px; min-height: 113px; padding-left: 10px; margin-bottom: 20px; margin-top: 0; font-size: 36px; font-weight: 900; text-transform: uppercase; text-shadow: 0 2px 0 #064661; letter-spacing: 0.025em; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .homepage .section-howitworks h2 { /* on retina, use image that's scaled by 2 */ background-image: url("../images/stars_header@2x.png"); background-size: 432px 77px; } } @media only screen and (max-width: 1024px) { .homepage .section-howitworks h2 { margin-bottom: 20px; background-size: 80%; background-position: top; } } @media only screen and (max-width: 680px) { .homepage .section-howitworks h2 { margin-bottom: 0px; min-height: 70px; } } @media screen and (max-width: 1000px) { .homepage .section-howitworks h2 { background-image: none; } } .homepage .section-howitworks .video-container { margin-bottom: 40px; } @media screen and (max-width: 763px) { .homepage .section-howitworks .video-container { margin-top: 30px; position: relative; padding-bottom: 56.25%; height: 0; } .homepage .section-howitworks .video-container iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } } .homepage .section-howitworks h3 { color: #FFF; font-size: 24px; font-weight: 700; line-height: 34px; font-family: "Source Sans Pro", sans-serif; text-align: left; margin-bottom: 7px; width: 100%; font-style: normal; letter-spacing: 0.04em; } @media only screen and (max-width: 1024px) { .homepage .section-howitworks h3 { text-align: center; margin-bottom: 10px; } } @media only screen and (max-width: 680px) { .homepage .section-howitworks h3 { font-size: 22px; line-height: 30px; } } .homepage .section-howitworks p { color: #0a3846; font-size: 18px; line-height: 26px; font-family: "Source Sans Pro", sans-serif; text-align: left; margin-top: 0; } @media only screen and (max-width: 680px) { .homepage .section-howitworks p { font-size: 18px; line-height: 24px; } } .homepage .section-howitworks .resp-image { display: none; } @media only screen and (max-width: 1024px) { .homepage .section-howitworks .resp-image { display: block; width: 224px; height: 224px; margin: 0 auto; padding-bottom: 20px; } } .homepage .section-howitworks .resp-image-two { display: none; } @media only screen and (max-width: 1024px) { .homepage .section-howitworks .resp-image-two { display: block; width: 224px; height: 245px; margin: 0 auto; padding-bottom: 20px; } } .homepage .section-howitworks .resp-image-three { display: none; } @media only screen and (max-width: 1024px) { .homepage .section-howitworks .resp-image-three { display: block; width: 224px; height: 236px; margin: 0 auto; padding-bottom: 20px; } } .homepage .section-howitworks .resp-image-four-wrapper { position: relative; } .homepage .section-howitworks .resp-image-four-wrapper:before { display: none; position: absolute; width: 120%; height: 215px; left: -10%; bottom: 0; background: url("../images/neighbourhood_mobile.png") center bottom repeat-x; content: ''; } @media screen and (max-width: 1023px) { .homepage .section-howitworks .resp-image-four-wrapper:before { display: block; } } @media screen and (max-width: 763px) { .homepage .section-howitworks .resp-image-four-wrapper:before { bottom: 20px; } } .homepage .section-howitworks .resp-image-four { display: none; max-width: 70%; height: auto; margin: 0 auto; padding-left: 13%; margin: 0 auto; padding-bottom: 20px; position: relative; } @media only screen and (max-width: 1024px) { .homepage .section-howitworks .resp-image-four { display: block; } } .homepage .section-howitworks .inner-section { height: 300px; text-align: left; } @media only screen and (max-width: 1024px) { .homepage .section-howitworks .inner-section { height: auto; } } .homepage .section-howitworks .container { position: relative; background: url("../images/how_it_works.png") no-repeat 60% 492px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .homepage .section-howitworks .container { /* on retina, use image that's scaled by 2 */ background-image: url("../images/how_it_works@2x.png"); background-size: 831px 845px; } } @media only screen and (max-width: 1024px) { .homepage .section-howitworks .container { background: none; } } .homepage .section-howitworks .inner-wrapper .inner-section:first-child { margin-left: 38.14969%; padding-top: 17px; } .homepage .section-howitworks .inner-wrapper .inner-section:first-child p { max-width: 310px; } @media only screen and (max-width: 1024px) { .homepage .section-howitworks .inner-wrapper .inner-section:first-child p { margin: 0 auto; text-align: center; } } @media only screen and (max-width: 1024px) { .homepage .section-howitworks .inner-wrapper .inner-section:first-child { margin: 0 auto; padding-top: 0; } } .homepage .section-howitworks .inner-wrapper .inner-section:first-child h3 { line-height: 30px; } .homepage .section-howitworks .inner-wrapper .inner-section:nth-child(2) { margin-right: 31.18503%; padding-top: 0; margin-top: -8px; } @media only screen and (max-width: 1024px) { .homepage .section-howitworks .inner-wrapper .inner-section:nth-child(2) { margin: 0 auto; padding-top: 74px; } } .homepage .section-howitworks .inner-wrapper .inner-section:nth-child(2) p { max-width: 480px; } @media only screen and (max-width: 1024px) { .homepage .section-howitworks .inner-wrapper .inner-section:nth-child(2) p { margin: 0 auto; text-align: center; } } .homepage .section-howitworks .inner-wrapper .inner-section:nth-child(2) p, .homepage .section-howitworks .inner-wrapper .inner-section:nth-child(2) h3 { text-align: right; float: right; } @media only screen and (max-width: 1024px) { .homepage .section-howitworks .inner-wrapper .inner-section:nth-child(2) p, .homepage .section-howitworks .inner-wrapper .inner-section:nth-child(2) h3 { text-align: center; margin-bottom: 10px; float: none; } } .homepage .section-howitworks .inner-wrapper .inner-section:nth-child(3) { margin-left: 31.28898%; padding-top: 0; margin-top: -21px; } @media only screen and (max-width: 1024px) { .homepage .section-howitworks .inner-wrapper .inner-section:nth-child(3) { margin: 0 auto; padding-top: 69px; } } .homepage .section-howitworks .inner-wrapper .inner-section:nth-child(3) p { max-width: 492px; } @media only screen and (max-width: 1024px) { .homepage .section-howitworks .inner-wrapper .inner-section:nth-child(3) p { margin: 0 auto; text-align: center; } } .homepage .section-howitworks .inner-wrapper .inner-section:nth-child(4) { margin-right: 28.27443%; margin-top: -6px; padding-top: 0; } @media only screen and (max-width: 1024px) { .homepage .section-howitworks .inner-wrapper .inner-section:nth-child(4) { margin: 0 auto; padding-bottom: 25px; padding-top: 55px; } } .homepage .section-howitworks .inner-wrapper .inner-section:nth-child(4) p { max-width: 442px; } @media only screen and (max-width: 1024px) { .homepage .section-howitworks .inner-wrapper .inner-section:nth-child(4) p { margin: 0 auto; text-align: center; } } .homepage .section-howitworks .inner-wrapper .inner-section:nth-child(4) p, .homepage .section-howitworks .inner-wrapper .inner-section:nth-child(4) h3 { text-align: right; float: right; } @media only screen and (max-width: 1024px) { .homepage .section-howitworks .inner-wrapper .inner-section:nth-child(4) p, .homepage .section-howitworks .inner-wrapper .inner-section:nth-child(4) h3 { text-align: center; margin-bottom: 10px; float: none; } } .homepage .section-howitworks .russ-large { width: 225px; height: 474px; position: absolute; bottom: -87px; left: 73.5%; background: url("../images/russ_large.png") 0 0 no-repeat; background-size: 225px 474px; } @media only screen and (max-width: 1024px) { .homepage .section-howitworks .russ-large { background-image: none; bottom: 0; left: 40.5%; display: none; } } @media only screen and (max-width: 680px) { .homepage .section-howitworks .russ-large { display: none; } } .homepage .section-howitworks .heart-01, .homepage .section-howitworks .heart-02, .homepage .section-howitworks .heart-03 { position: absolute; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; -moz-animation-duration: 0.5s; -moz-animation-iteration-count: infinite; -ms-animation-duration: 0.5s; -ms-animation-iteration-count: infinite; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @media only screen and (max-width: 1024px) { .homepage .section-howitworks .heart-01, .homepage .section-howitworks .heart-02, .homepage .section-howitworks .heart-03 { display: none; } } .homepage .section-howitworks .heart-01 { width: 34px; height: 36px; top: -4px; left: 120px; background: url("../images/heart_01.png") 0 0 no-repeat; -webkit-animation-name: pulse1; animation-name: pulse1; -webkit-transform: rotate(21.5deg); -ms-transform: rotate(21.5deg); transform: rotate(21.5deg); } @media only screen and (max-width: 1024px) { .homepage .section-howitworks .heart-01 { top: -35px; left: 110px; } } .homepage .section-howitworks .heart-02 { width: 17px; height: 20px; top: 22px; left: 25px; background: url("../images/heart_02.png") 0 0 no-repeat; -webkit-animation-name: pulse2; animation-name: pulse2; } .homepage .section-howitworks .heart-03 { width: 29px; height: 32px; top: 74px; left: auto; right: 0; background: url("../images/heart_03.png") 0 0 no-repeat; -webkit-animation-name: pulse3; animation-name: pulse3; } @media only screen and (max-width: 1024px) { .homepage .section-howitworks .heart-03 { top: 65px; left: 180px; } } .homepage .user-subscribed { display: none; text-align: center; color: #255c6f; font-size: 18px; line-height: 22px; background: #ffdf2d; border-radius: 5px; position: fixed; right: 30px; bottom: 30px; z-index: 10; width: 235px; padding: 20px 30px 8px 30px; font-family: "Source Sans Pro", sans-serif; box-shadow: 0 3px 0 0 rgba(59, 59, 59, 0.34); } .homepage .user-subscribed .time { display: block; font-size: 12px; font-weight: bold; line-height: 24px; } .homepage .section-social-testimonials { background: #f0f0f0; } @media screen and (max-width: 1000px) { .homepage .section-social-testimonials { display: none; } } .homepage .section-social-testimonials .testimonial-container > div { vertical-align: top; display: inline-block; width: 33%; color: #4F4F4F; font-family: 'komikaI'; font-size: 13px; line-height: 22px; font-weight: 700; -webkit-font-smoothing: antialiased; font-style: italic; text-transform: uppercase; letter-spacing: 0.05em; } .homepage .section-social-testimonials .testimonial-container > div .inner-wrapper { padding: 0 10px; } .homepage .section-social-testimonials .twitter span { background: url(../images/user_twitter.png) no-repeat left; padding: 2px 0 2px 32px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .homepage .section-social-testimonials .twitter span { /* on retina, use image that's scaled by 2 */ background-image: url("../images/user_twitter@2x.png"); background-size: 23px 19px; } } .homepage .section-social-testimonials .user span { background: url(../images/user.png) no-repeat left; padding: 2px 0 2px 26px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .homepage .section-social-testimonials .user span { /* on retina, use image that's scaled by 2 */ background-image: url("../images/user@2x.png"); background-size: 15px 20px; } } .homepage .section-social-testimonials .fb span { background: url(../images/user_fb.png) no-repeat left; padding: 3px 0 3px 30px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .homepage .section-social-testimonials .fb span { /* on retina, use image that's scaled by 2 */ background-image: url("../images/user_fb@2x.png"); background-size: 21px 21px; } } .homepage .section-unpacking { padding: 54px 0 20px; } @media only screen and (max-width: 680px) { .homepage .section-unpacking { display: none; } } .homepage .section-unpacking h2 { color: #127593; } .homepage .section-unpacking h3 { color: #4F4F4F; margin-bottom: 32px; } .homepage .section-unpacking .icon-play { font-size: 24px; color: #fff; border: none; position: absolute; top: 30%; left: 50%; margin-left: -32px; width: 50px; height: 50px; opacity: .5; background: url(../images/play_overlay.png); transition: opacity, 0.2s; } .homepage .section-unpacking .icon-play:before { display: none; } .homepage .section-unpacking .icon-play:hover { opacity: 1; transition: opacity, 0.2s; } .homepage .section-unpacking .col { position: relative; width: 48%; } .homepage .section-unpacking .col img { max-width: 100%; } .homepage .section-unpacking .col-2 { width: 67.5%; margin: 0 auto; } .homepage .section-unpacking .author { color: #343434; font-family: "Source Sans Pro", sans-serif; font-size: 24px; font-weight: 700; } .homepage .section-unpacking .video-link { color: #343434; font-size: 24px; font-family: "Source Sans Pro", sans-serif; text-transform: uppercase; line-height: 30px; } .homepage .section-unpacking p { margin-top: 35px; font-family: "Source Sans Pro", sans-serif; font-size: 24px; font-style: italic; color: #4f4f4f; -webkit-font-smoothing: antialiased; } .homepage .section-unpacking p a { color: #44AEEE; text-decoration: underline; } .homepage .section-unpacking p a:hover { color: #3097D4; } .homepage .section-newsletter { background: #1393af; text-align: left; padding-bottom: 0; } .homepage .section-newsletter .container { background: url("../images/newsletter_bg.png") no-repeat 83% bottom; padding-bottom: 30px; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .homepage .section-newsletter .container { /* on retina, use image that's scaled by 2 */ background-image: url("../images/newsletter_bg.png"); background-size: 365px 328px; } } @media only screen and (max-width: 680px) { .homepage .section-newsletter .container { background-image: none; width: 320px; } } .homepage .section-newsletter.page-section { padding-top: 47px; } .homepage .section-newsletter.page-section h2 { color: #fff; line-height: 43px; padding-left: 108px; } @media screen and (max-width: 1000px) { .homepage .section-newsletter.page-section h2 { padding-left: 20px; } } @media only screen and (max-width: 680px) { .homepage .section-newsletter.page-section h2 { padding-left: 0; font-size: 30px; line-height: 32px; } } .homepage .section-newsletter.page-section ul { color: #fff; font-family: "Source Sans Pro", sans-serif; text-align: left; font-size: 18px; font-weight: 400; list-style: none; padding-left: 108px; margin: 9px 0 25px; } @media screen and (max-width: 1000px) { .homepage .section-newsletter.page-section ul { padding-left: 20px; } } @media only screen and (max-width: 680px) { .homepage .section-newsletter.page-section ul { padding-left: 0; } } .homepage .section-newsletter.page-section li { padding-left: 38px; background: url("../images/list_check_news.png") no-repeat left 5px; margin-bottom: 15px; margin-left: 0; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .homepage .section-newsletter.page-section li { /* on retina, use image that's scaled by 2 */ background-image: url("../images/list_check_news@2x.png"); background-size: 22px 16px; } } .homepage .section-newsletter.page-section .newsletter-form-container { padding-left: 108px; max-width: 469px; position: relative; padding-right: 128px; } @media screen and (max-width: 1000px) { .homepage .section-newsletter.page-section .newsletter-form-container { padding-left: 20px; } } @media only screen and (max-width: 680px) { .homepage .section-newsletter.page-section .newsletter-form-container { padding-left: 0; padding-right: 0; } } .homepage .section-newsletter.page-section .newsletter-form-container input[type="submit"] { border: none; outline: none; position: absolute; right: 0; top: 0; width: 108px; height: 40px; background-color: #FF981F; box-shadow: 0 3px 0 #D4790F; color: #FFF; font-family: "Source Sans Pro", sans-serif; font-size: 18px; font-weight: 700; text-transform: uppercase; -webkit-appearance: none; letter-spacing: 0.025em; -webkit-font-smoothing: antialiased; } .homepage .section-newsletter.page-section .newsletter-form-container input[type="submit"]:hover { background-color: #f48e18; } @media only screen and (max-width: 680px) { .homepage .section-newsletter.page-section .newsletter-form-container input[type="submit"] { width: 100%; position: relative; } } .homepage .section-newsletter.page-section .newsletter-form-container input[type="text"] { width: 100%; color: #FFF; font-family: "Source Sans Pro", sans-serif; font-size: 14px; font-weight: 300; background: #3ba5bc; border: 1px solid #fff; letter-spacing: 0.025em; padding: 0 18px; height: 43px; -webkit-appearance: none; -webkit-font-smoothing: antialiased; } .homepage .section-newsletter.page-section .newsletter-form-container input[type="text"]:focus { border: 1px solid #fff; background: #349fb7; outline: none; } .homepage .section-newsletter.page-section .newsletter-form-container input[type="text"]:focus::-webkit-input-placeholder { color: transparent; } .homepage .section-newsletter.page-section .newsletter-form-container input[type="text"]:focus:-moz-placeholder { color: transparent; } @media only screen and (max-width: 680px) { .homepage .section-newsletter.page-section .newsletter-form-container input[type="text"] { margin-top: 25px; margin-bottom: 15px; } } .homepage .section-newsletter.page-section .newsletter-form-container ::-webkit-input-placeholder { color: #FFF; } .homepage .section-newsletter.page-section .newsletter-form-container :-moz-placeholder { /* Firefox 18- */ color: #FFF; } .homepage .section-newsletter.page-section .newsletter-form-container ::-moz-placeholder { /* Firefox 19+ */ color: #FFF; } .homepage .section-newsletter.page-section .newsletter-form-container :-ms-input-placeholder { color: #FFF; } .homepage .section-newsletter.page-section p { color: #FFF; font-family: "Source Sans Pro", sans-serif; font-size: 14px; font-weight: 400; padding-left: 108px; margin-top: 12px; } @media screen and (max-width: 1000px) { .homepage .section-newsletter.page-section p { padding-left: 20px; } } @media only screen and (max-width: 680px) { .homepage .section-newsletter.page-section p { padding-left: 0; text-align: center; } } .hidden { visibility: hidden; } .theme-listing-orb { position: relative; top: -40px; z-index: 1; max-width: 678px; margin: 0 auto; width: 100%; padding: 0; text-align: center; } .theme-listing-orb .container { position: absolute; } @media screen and (max-width: 1000px) { .theme-listing-orb { display: none; } } .theme-listing-orb.hidden, .sticky-header.hidden { visibility: visible; } .home .theme-listing-orb.hidden, .home .sticky-header.hidden { visibility: hidden; } @media screen and (max-width: 1000px) { .home .theme-listing-orb.hidden, .home .sticky-header.hidden { visibility: visible; } } .header-previous a.friendbuy-bxy-fyR { float: left; color: #fff; font-family: "Source Sans Pro"; font-size: 15px; font-weight: bold; letter-spacing: .05em; position: absolute; background: rgba(0, 0, 0, 0.15); top: 0; padding: 6px 9px; } .home a.friendbuy-bxy-fyR { float: left; color: #fff; font-family: "Source Sans Pro"; font-size: 14px; font-weight: bold; letter-spacing: .05em; position: absolute; background: rgba(0, 0, 0, 0.15); top: 0; padding: 6px 9px; } .theme-listing-orb li { display: inline-block; width: 13.56932%; text-align: center; font-family: "Source Sans Pro", sans-serif; font-size: 16px; font-weight: 400; text-transform: uppercase; vertical-align: top; position: relative; transition: all .25s; top: 0; } .theme-listing-orb li img { width: 66.6%; transition: all .25s; border: 2px solid #fff; border-radius: 50%; box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.2); } .theme-listing-orb li:hover { padding-top: 30px; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .video-box { background: url("../images/video_thumb.jpg") no-repeat center top; background-size: cover; width: 100%; height: 100%; z-index: 1; position: relative; } @media screen and (max-width: 1000px) { .video-box { background: url("../images/video_thumb_alt.jpg") no-repeat center center; background-size: cover; } } .home .sticky-header-bar-1 .sticky-header-logo { margin-top: 7px; } .home .sticky-header-bar-1 .btn-1 { margin-top: 10px; } .home .sticky-header-bar-1 .timer { margin-bottom: -1px; margin-top: 0; font-size: 22px; } .home .sticky-header-bar-1 .sticky-header-nav { margin-top: 13px; } @media screen and (max-width: 1000px) { .home .static-header { display: block; } .home .static-header-bar-1, .home .static-header-nav { display: none; } .home .static-header-bar-2 { display: block; height: auto; padding-bottom: 76px; } .home .static-header-bar-2 .static-header-logo, .home .static-header-bar-2 .btn-nav { display: none; } .home .static-header-bar-2 .static-header-timer-wrapper { margin-top: 0 !important; background: none; padding-top: 15px; } .home .static-header-bar-2 .static-header-timer-wrapper .heading { color: #fff; font-size: 12px; } .home .static-header-bar-2 .static-header-timer-wrapper .timer { font-size: 24px; } .home .sticky-header-timer-wrapper { display: none !important; padding: 0; top: 15px; background: none; } } @media screen and (max-width: 1000px) { .home .sticky-header-bar-1 { position: fixed; width: 100%; top: 0; height: 62px; min-height: 62px; } .home .sticky-header-timer-wrapper { display: block; position: absolute; float: none; padding: 8px 0; top: -56px; height: 56px; background: #000; } .home .sticky-header-timer-wrapper .timer { font-size: 14px; padding-bottom: 3px; } .home .sticky-header-timer-wrapper .heading { font-size: 10px; color: #fff; } .home .sticky-header-timer-wrapper .heading { padding: 0; } .home .timer { font-size: 25px; } } .ie .section-map-indicators .order-man { bottom: 50px; } .modal-overlay-welcome { background-color: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; z-index: 99; position: fixed; } .welcome-block-modal { position: fixed; display: block; background: #fff; font-family: "Source Sans Pro", sans-serif; width: 557px; top: 50%; text-align: left; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 100; margin: 0; padding: 38px 36px 16px 36px; height: auto; } @media only screen and (max-width: 680px) { .welcome-block-modal { width: 95%; padding: 22px 20px 23px 20px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); top: 20px; position: absolute; } } .welcome-block-modal .col-2-container { position: relative; padding-right: 135px; } @media only screen and (max-width: 680px) { .welcome-block-modal .col-2-container { padding-right: 0; } } .welcome-block-modal h2 { color: #ff981f; font-size: 36px; font-weight: 900; margin: 0; padding-left: 4px; } @media only screen and (max-width: 680px) { .welcome-block-modal h2 { padding-left: 0; } } .welcome-block-modal p { font-size: 18px; line-height: 26px; color: #3f4345; font-weight: 400; margin-left: 4px; margin-top: 0; } .welcome-block-modal p strong { color: #1a1c1d; font-weight: 700; } @media only screen and (max-width: 680px) { .welcome-block-modal p { padding-left: 0; line-height: 22px; } } .welcome-block-modal ul { margin-top: 28px; padding-left: 10px; padding-right: 24px; } .welcome-block-modal ul li { font-size: 16px; color: #3f4345; font-weight: 400; list-style: none; padding-left: 38px; margin-bottom: 15px; background: url("../images/list_check.png") no-repeat left center; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .welcome-block-modal ul li { /* on retina, use image that's scaled by 2 */ background-image: url("../images/list_check@2x.png"); background-size: 22px 16px; } } .welcome-block-modal ul li strong { color: #1a1c1d; font-weight: 700; } @media only screen and (max-width: 680px) { .welcome-block-modal ul { padding-right: 0; } } .welcome-block-modal .btn-tertiary { background-color: #ff981f; box-shadow: 0 3px 0 #d4790f; width: 100%; padding: 15px; display: block; color: #fff; font-size: 18px; font-weight: 700; text-transform: uppercase; text-align: center; margin-top: 30px; margin-bottom: 6px; } .welcome-block-modal .img-container { position: absolute; right: 15px; bottom: -18px; } @media only screen and (max-width: 680px) { .welcome-block-modal .img-container { display: none; } } .welcome-block-modal .sub-text { font-size: 14px; color: #3f4345; font-weight: 400; text-align: center; margin: 0; } .welcome-block-modal .sub-text a { color: #44aeee; font-style: italic; text-decoration: underline; } .welcome-block-modal .img-container-new img { width: 100%; } .scrollable-full { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 622px; } .scrollable-full .items { width: 20000em; position: absolute; } .scrollable-full .items .item { float: left; width: auto; text-align: center; position: relative; overflow: hidden; } .scrollable-full .items .item img { position: relative; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 100%; width: auto; } @media screen and (max-width: 1000px) { .scrollable-full { display: none; } } /** * Default DropKick theme * * Feel free to edit the default theme * or even add your own. * * See the readme for themeing help * */ /***** Begin Theme, feel free to edit in here! ******/ /* One container to bind them... */ .dk_container { font-family:'Source Sans Pro', sans-serif; background-color: #0c718b; font-size: 18px; line-height: 14px; margin-bottom: 18px; } .dk_container:focus { outline: 0; } .dk_container a { cursor: pointer; text-decoration: none; } /* Opens the dropdown and holds the menu label */ .dk_toggle { /** * Help: Arrow image not appearing * Try updating this property to your correct dk_arrows.png path */ background:url('../images/dropdown_arrow.png') right center no-repeat; padding: 17px 45px 7px 16px; height:47px; color:#fff; } .dk_toggle:hover { } /* Applied when the dropdown is focused */ .dk_focus .dk_toggle { } .dk_focus .dk_toggle { } /* Applied whenever the dropdown is open */ .dk_open { /** * Help: Dropdown menu is covered by something * Try setting this value higher */ z-index: 10; } .dk_open .dk_toggle { color: #ccc; } /* The outer container of the options */ .dk_options { } .dk_options a { background-color: #fff; padding: 8px 10px; } .dk_options li:last-child a { border-bottom: none; } .dk_options a:hover, .dk_option_current a { background-color: #0084c7; border-bottom-color: #004c72; color: #fff; text-decoration: none; text-shadow: rgba(0, 0, 0, .5) 0 1px 0; } .dk_options .disabled { cursor: default; } .dk_options .disabled:hover { cursor: default; background-color: #fff; border-bottom-color: #999; text-shadow: none; } /* Inner container for options, this is what makes the scrollbar possible. */ .dk_options_inner { border-bottom-width: 2px; border-bottom-color: #999; color: #333; max-height: 250px; } /* Set a max-height on the options inner */ .dk_options_inner, .dk_touch .dk_options { max-height: 250px; } /****** End Theme ******/ /***** Critical to the continued enjoyment of working dropdowns ******/ .dk_container { display: none; position: relative; } .dk_container a { outline: 0; } .dk_toggle { display: -moz-inline-stack; display: inline-block; *display: inline; position: relative; zoom: 1; } .dk_open { position: relative; } .dk_open.dk_container{background:#0096b0;} .dk_open .dk_options { display: block; } .dk_open .dk_label { color:#fff; } .dk_options { display: none; margin-top: -1px; position: absolute; right: 0; width: 100%; } .dk_options a, .dk_options a:link, .dk_options a:visited { display: block; } .dk_options_inner { overflow: auto; position: relative; } .dk_touch .dk_options { overflow: hidden; } .dk_touch .dk_options_inner { max-height: none; overflow: visible; } .dk_fouc select { position: relative; top: -99999em; visibility: hidden; } /***** End Critical to the continued enjoyment of working dropdowns ******/