"); } .c-iconed__icon--radar { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--main_thrusters { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--maneuvering_thrusters { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--fuel_intakes { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--fuel_tanks { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--quantum_drives { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--jump_modules { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--quantum_fuel_tanks { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--power_plants { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--coolers { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--shield_generators { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--utility_items { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--weapons { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--turrets { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--missiles { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--missile_racks { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--cockpit { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--landing_gear { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--general { background-image: url("data:image/svg+xml;utf8,"); } .h-svg__logo-star-citizen { background-image: url("data:image/svg+xml;utf8,"); } .h-svg__logo-star-citizen--fullcolor { background-image: url("/rsi/static/css/common/svg/cig/logo-star-citizen--fullcolor.svg"); } .h-svg__logo-squadron42 { background-image: url("/rsi/static/css/common/svg/cig/logo-squadron42.svg"); } .h-svg__logo-squadron42--fullcolor { background-image: url("/rsi/static/css/common/svg/cig/logo-squadron42--fullcolor.svg"); } .h-svg__logo-rsi { background-image: url("/rsi/static/css/common/svg/cig/logo-rsi.svg"); } .h-svg__logo-rsi--fullcolor { background-image: url("/rsi/static/css/common/svg/cig/logo-rsi--fullcolor.svg"); } .h-svg__logo-rsi--fullcolor-large { background-image: url("/rsi/static/css/common/svg/cig/logo-rsi--fullcolor-large.svg"); } .h-svg__logo-cig { background-image: url("/rsi/static/css/common/svg/cig/logo-cig.svg"); } .c-iconed__icon--logo-aegis { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--logo-anvil { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--logo-aopoa { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--logo-argo { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--logo-banu { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--logo-consolidated-outland { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--logo-drake { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--logo-esperia { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--logo-greycat { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--logo-kruger { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--logo-misc { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--logo-origin { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--logo-rsi { background-image: url("/rsi/static/css/common/svg/cig/logo-rsi.svg"); } .c-iconed__icon--logo-star-citizen { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--logo-tumbril { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--logo-uee { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--logo-vehicles-and-aliens { background-image: url("data:image/svg+xml;utf8,"); } .c-account__icon { display: inline-block; vertical-align: middle; width: 16px; height: 16px; } .c-account__icon--smaller { width: 12px; height: 12px; } .c-account__icon-lock { background-image: ; } .c-account__icon-go { background-image: ; } .c-account__icon-success { background-image: ; } .c-account__icon-talk { background-image: ; } .c-account__icon-star-citizen { background-image: ; } .c-account__icon-trash { background-image: ; } .c-account__icon-profile { background-image: ; } .c-account__icon-power { background-image: ; } .c-iconed__icon--checkmark { background-image: url("data:image/svg+xml;utf8,"); } .c-iconed__icon--arrow { background-image: url("data:image/svg+xml;utf-8,"); } .c-iconed__icon--close { background-image: url("data:image/svg+xml;utf-8,"); } .menu .oblique-menu { position: relative; display: flex; } .menu .oblique-menu > .left, .menu .oblique-menu > .middle, .menu .oblique-menu > .middle-left, .menu .oblique-menu > .middle-center, .menu .oblique-menu > .middle-right, .menu .oblique-menu > .right { display: list-item; list-style: none; position: relative; transition-duration: 0.3s; perspective: 1000px; z-index: 100; } .menu .oblique-menu > .middle, .menu .oblique-menu > .middle-left, .menu .oblique-menu > .middle-center, .menu .oblique-menu > .middle-right { flex: 1 1 0%; } .menu .oblique-menu.line > .left, .menu .oblique-menu.line > .right { border-top: 1px solid rgba(12, 103, 161, 0.8); z-index: 102; } .menu .oblique-menu.line > .left::before, .menu .oblique-menu.line > .right::before { content: ""; display: inline-block; width: 1px; position: absolute; top: -1px; background: rgba(12, 103, 161, 0.8); } .menu .oblique-menu.line > .middle, .menu .oblique-menu.line > .middle-left, .menu .oblique-menu.line > .middle-center, .menu .oblique-menu.line > .middle-right { border-bottom: 1px solid rgba(12, 103, 161, 0.8); z-index: 102; } .menu .oblique-menu.line > .left::before { transform: rotate(90deg) skew(-45deg, 20deg); } .menu .oblique-menu.line > .right::before { transform: rotate(0deg) skew(-45deg, 20deg); } .menu .oblique-menu.line.inverse .left, .menu .oblique-menu.line.inverse .right { border-top: none; border-bottom: 1px solid rgba(12, 103, 161, 0.8); } .menu .oblique-menu.line.inverse .left::before { transform: rotate(0deg) skew(-45deg, 20deg); } .menu .oblique-menu.line.inverse .right::before { transform: rotate(90deg) skew(-45deg, 20deg); } .menu .oblique-menu.line.inverse .middle { border-top: 1px solid rgba(12, 103, 161, 0.8); border-bottom: none; } .menu .oblique-menu.line.top-line-up { z-index: 103; } .menu .oblique-menu.line.top-line-up > .left, .menu .oblique-menu.line.top-line-up > .middle, .menu .oblique-menu.line.top-line-up > .right { height: 36px; } .menu .oblique-menu.line.top-line-up > .left, .menu .oblique-menu.line.top-line-up > .right { opacity: 0.8; } .menu .oblique-menu.line.top-line-up > .left::before, .menu .oblique-menu.line.top-line-up > .right::before { height: 37px; } .menu .oblique-menu.line.top-line-up > .left::after, .menu .oblique-menu.line.top-line-up > .right::after { content: ""; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; top: 0px; } .menu .oblique-menu.line.top-line-up > .left { margin-right: 37px; } .menu .oblique-menu.line.top-line-up > .left::before { right: -19px; } .menu .oblique-menu.line.top-line-up > .right { margin-left: 37px; transition-delay: 0.2s; } .menu .oblique-menu.line.top-line-up > .right::before { left: -19px; } .menu .oblique-menu.line.top-line-down { top: -14px; } .menu .oblique-menu.line.top-line-down .left, .menu .oblique-menu.line.top-line-down .middle, .menu .oblique-menu.line.top-line-down .right { height: 7px; } .menu .oblique-menu.line.top-line-down .left, .menu .oblique-menu.line.top-line-down .right { z-index: 103; background: left -23px repeat; opacity: 0.8; } .menu .oblique-menu.line.top-line-down .left::before, .menu .oblique-menu.line.top-line-down .right::before { transform: rotate(0deg) skew(0deg, 0deg); width: 0px; height: 0px; border-style: solid; border-width: 8px 0px 0px 8px; border-color: transparent transparent transparent rgba(2, 14, 27, 0.8); background: 0px 2px transparent; } .menu .oblique-menu.line.top-line-down .left { margin-right: 7px; } .menu .oblique-menu.line.top-line-down .left::before { right: -8px; } .menu .oblique-menu.line.top-line-down .left::after { transform: rotateY(0deg); right: -74px; } .menu .oblique-menu.line.top-line-down .right { margin-left: 7px; pointer-events: none; } .menu .oblique-menu.line.top-line-down .right::before { left: -8px; transform: rotateY(180deg); } .menu .oblique-menu.line.top-line-down .right::after { transform: rotateY(180deg); left: -74px; } .menu .oblique-menu.line.top-line-down .middle { z-index: 100; } .menu .oblique-menu.line.bottom-line-down .left, .menu .oblique-menu.line.bottom-line-down .middle, .menu .oblique-menu.line.bottom-line-down .right { height: 6px; } .menu .oblique-menu.line.bottom-line-down .left, .menu .oblique-menu.line.bottom-line-down .right { height: 7px; z-index: 103; background: 0px -7px repeat rgba(0, 21, 49, 0.48); } .menu .oblique-menu.glow .left::before, .menu .oblique-menu.glow .right::before { content: ""; display: block; position: absolute; } .menu .line-menu { width: 100%; position: absolute; opacity: 0.93; } .menu .line-menu.little { height: 64px; top: 31px; z-index: 100; } .menu .line-menu.large { height: 51px; top: 37px; z-index: 101; } .menu .exterior-lines { position: absolute; z-index: 99; width: 100%; } .menu .exterior-lines .line-menu { position: absolute; width: 100%; display: flex; } .menu .exterior-lines .line-menu .exterior, .menu .exterior-lines .line-menu .wrapper { position: relative; } .menu .exterior-lines .line-menu .exterior { flex: 1 1 0%; border: 1px solid rgba(12, 103, 161, 0.8); background: rgba(2, 14, 27, 0.8); box-sizing: border-box; } .menu .exterior-lines .line-menu .wrapper { width: 100%; } .menu .exterior-lines .line-menu.large .exterior { border-width: 1px 0px; } .menu .exterior-lines .line-menu.little .exterior { border-width: 1px 0px; background-position: left top; background-repeat: repeat; } .nav-header #mainnav .my-rsi-sub-tab { position: absolute; user-select: none; left: -32px; top: -6px; } .nav-header #mainnav .my-rsi-sub-tab .my-rsi-sub-tab-inner { left: -129px; top: 99px; transform: rotate(-90deg); height: 34px; width: 234px; margin-left: 30px; position: absolute; } .nav-header #mainnav .my-rsi-sub-tab .my-rsi-sub-tab-inner > a { transition-property: color, background-color; border-top: 1px solid rgba(12, 103, 161, 0.5); border-bottom: 1px solid rgba(12, 103, 161, 0.8); padding: 7px 22px 6px; color: rgba(28, 107, 137, 0.5); text-shadow: rgba(0, 108, 255, 0.15) 0px 1px 8px; transition-duration: 0.3s; perspective: 1000px; font: 13px Electrolize; display: block; background: rgba(10, 20, 36, 0.4); text-transform: uppercase; float: left; position: relative; } .nav-header #mainnav .my-rsi-sub-tab .my-rsi-sub-tab-inner > a.active { border-top-color: rgba(12, 103, 161, 0.8); border-bottom: none; padding-bottom: 8px; background: -3px -26px repeat rgba(2, 14, 27, 0.8); color: rgb(77, 255, 255); text-shadow: rgba(0, 108, 255, 0.45) 0px 0px 8px; } .nav-header #mainnav .my-rsi-sub-tab .my-rsi-sub-tab-inner > a.account:not(.active) { padding-bottom: 7px; } @media only screen and (max-width: 760px) { .nav-header #mainnav .my-rsi-sub-tab .my-rsi-sub-tab-inner > a.account::after { display: none !important; } } .nav-header #mainnav .my-rsi-sub-tab .my-rsi-sub-tab-inner > a.account::before, .nav-header #mainnav .my-rsi-sub-tab .my-rsi-sub-tab-inner > a.account::after { transition-duration: 0.3s; perspective: 1000px; content: ""; display: block; position: absolute; } .nav-header #mainnav .my-rsi-sub-tab .my-rsi-sub-tab-inner > a.account::before { border-top: 1px solid rgba(12, 103, 161, 0.5); background: rgba(10, 20, 36, 0.4); height: 29px; width: 7px; right: -7px; top: -1px; } .nav-header #mainnav .my-rsi-sub-tab .my-rsi-sub-tab-inner > a.account::after { height: 1px; width: 8px; top: -1px; right: -14px; background: rgba(12, 103, 161, 0.5); } .nav-header #mainnav .my-rsi-sub-tab .my-rsi-sub-tab-inner > a.account.active::before { border-top-color: rgba(12, 103, 161, 0.8); background: -2px -19px repeat rgba(2, 14, 27, 0.8); } .nav-header #mainnav .my-rsi-sub-tab .my-rsi-sub-tab-inner > a.account.active::after { background: rgba(12, 103, 161, 0.8); } .nav-header #mainnav .my-rsi-sub-tab .my-rsi-sub-tab-inner > a.contacts { box-sizing: border-box; height: 32px; border-right: 1px solid rgb(12, 103, 161); } .nav-header #mainnav .my-rsi-sub-tab .my-rsi-sub-tab-inner > a.contacts::before, .nav-header #mainnav .my-rsi-sub-tab .my-rsi-sub-tab-inner > a.contacts::after { transition-duration: 0.3s; perspective: 1000px; content: ""; display: block; position: absolute; } .nav-header #mainnav .my-rsi-sub-tab .my-rsi-sub-tab-inner > a.contacts::before { top: 0px; left: -31px; width: 0px; height: 0px; border-style: solid; border-width: 0px 0px 31px 31px; border-color: transparent transparent rgba(10, 20, 36, 0.4); z-index: 100; } .nav-header #mainnav .my-rsi-sub-tab .my-rsi-sub-tab-inner > a.contacts::after { height: 1px; width: 33px; top: 15px; left: -32px; background: rgba(12, 103, 161, 0.5); z-index: 101; transform: skew(20deg, -45deg); } .nav-header #mainnav .my-rsi-sub-tab .my-rsi-sub-tab-inner > a.contacts.active::before { border-bottom-color: rgba(2, 14, 27, 0.8); } .nav-header #mainnav .my-rsi-sub-tab .my-rsi-sub-tab-inner > a.contacts.active::after { background: rgb(12, 103, 161); } .nav-header #mainnav .my-rsi-sub-tab .my-rsi-sub-tab-inner > a.contacts.active .noise { width: 31px; height: 31px; background: -37px 3px no-repeat transparent; position: absolute; z-index: 107; top: 0px; left: -29px; } .nav-header #mainnav .my-rsi-sub-nav, .nav-header #mainnav .my-rsi-sub-nav > * { transform: translateZ(0px); } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner { top: 7px; position: relative; background: 0px -28px repeat rgba(2, 14, 27, 0.8); margin-bottom: 38px; margin-left: 1px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner::before, .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner::after { transition-duration: 0.3s; perspective: 1000px; content: ""; display: block; position: absolute; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner::before { width: 435px; height: 14px; top: -14px; left: 0px; background: 0px -14px repeat rgba(2, 14, 27, 0.8); } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner::after { right: 1px; top: -14px; width: 0px; height: 0px; border-style: solid; border-width: 14px 0px 0px 14px; border-color: transparent transparent transparent rgba(2, 14, 27, 0.8); } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div { transition-duration: 0.3s; perspective: 1000px; margin: 15px 0px 0px 60px; padding-top: 16px; border-right: 1px solid rgba(12, 103, 161, 0.8); display: none; position: relative; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div::before { content: ""; display: block; position: absolute; left: -61px; bottom: -1px; width: 1px; background: rgba(12, 103, 161, 0.8); } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div.active { display: block; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .contact .avatar-wrapper { position: relative; float: left; background: rgb(0, 0, 0); margin-right: 12px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .contact .info { height: 76px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .contact .info > :not(.btn) { font-family: Electrolize; display: block; text-shadow: rgba(0, 112, 202, 0.2) 0px 0px 7px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .contact .info .monicker { transition-duration: 0.2s; perspective: 1000px; color: rgb(186, 248, 252); font-size: 13px; line-height: 10px; padding-top: 11px; display: inline-block; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .contact .info .handle { margin-bottom: 8px; color: rgb(43, 101, 184); font-size: 12px; text-transform: uppercase; line-height: 18px; margin-top: -3px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .my-profile { position: relative; width: 310px; border-left: 5px solid rgb(12, 103, 161); margin-left: -5px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .my-profile::before { background-color: rgb(12, 103, 161); z-index: 1; transform: skew(45deg, -10deg); width: 5px; height: 24px; position: absolute; bottom: 1px; left: -12px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .my-profile::after { width: 20px; height: 56px; border-left: 5px solid rgb(12, 103, 161); border-top: 5px solid rgb(12, 103, 161); top: 0px; left: -25px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .my-profile .avatar-wrapper { margin-top: 5px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .my-profile .info { background: rgba(12, 103, 161, 0.39); border-top: 5px solid rgb(12, 103, 161); border-bottom: 5px solid rgb(12, 103, 161); } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .my-profile .info::before, .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .my-profile .info::after { content: ""; display: block; position: absolute; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .my-profile .info::before { width: 0px; height: 0px; border-style: solid; border-width: 21px 0px 0px 21px; border-color: transparent transparent transparent rgba(12, 103, 161, 0.39); top: 4px; right: -21px; z-index: 0; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .my-profile .info::after { width: 20px; height: 56px; border-right: 5px solid rgb(12, 103, 161); border-bottom: 5px solid rgb(12, 103, 161); background: rgba(12, 103, 161, 0.39); bottom: 0px; right: -25px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .my-profile .info .monicker, .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .my-profile .info .handle { text-shadow: rgba(0, 112, 202, 0.2) 0px 1px 17px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .my-profile .info .angle-corner { background-color: rgb(12, 103, 161); z-index: 1; transform: skew(45deg, -10deg); width: 6px; height: 25px; position: absolute; top: 1px; right: -13px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .my-profile .info .profile-icons .icon { width: 24px; height: 24px; position: relative; float: left; background: center center no-repeat transparent; margin-right: 4px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .bottom-cutter-button { position: absolute; z-index: 0; padding: 0px 30px; user-select: none; box-sizing: border-box; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .bottom-cutter-button::before, .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .bottom-cutter-button::after { content: ""; display: block; position: absolute; height: 1px; background: rgba(12, 103, 161, 0.8); top: 6px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .bottom-cutter-button::after { width: 30px; right: -30px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .bottom-cutter-button .action-link { transition-duration: 0.3s; perspective: 1000px; display: block; height: 30px; position: relative; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .bottom-cutter-button .action-link::before, .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .bottom-cutter-button .action-link::after { content: ""; display: block; position: absolute; width: 1px; height: 31px; background: rgba(12, 103, 161, 0.8); top: 6px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .bottom-cutter-button .action-link::before { transform: skew(45deg, -20deg); left: -16px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .bottom-cutter-button .action-link::after { transform: skew(-45deg, -65deg); right: -15px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .bottom-cutter-button .action-link .btn-txt { padding: 31px 0px 0px; margin-top: -30px; font: 11px Electrolize; text-transform: uppercase; position: absolute; top: 0px; left: 0px; display: block; width: 100%; text-align: center; color: rgb(0, 237, 255); text-shadow: rgba(0, 112, 202, 0.6) 0px 0px 12px; background: no-repeat transparent; height: 42px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .bottom-cutter-button .action-link .btn-txt::before, .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .bottom-cutter-button .action-link .btn-txt::after { content: ""; display: block; position: absolute; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .bottom-cutter-button .action-link .btn-txt::before { top: 36px; border-top: 30px solid rgba(2, 14, 27, 0.8); border-left: 30px solid transparent; border-right: 30px solid transparent; height: 0px; left: -30px; z-index: -1; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .bottom-cutter-button .action-link .btn-txt::after { height: 1px; top: 66px; left: 0px; background: rgba(12, 103, 161, 0.8); } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner > div .bottom-cutter-button .action-link .btn-txt .noise { height: 30px; position: absolute; top: 36px; left: -30px; display: block; z-index: -1; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account { height: 395px; transition-duration: 0.3s; perspective: 1000px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account::before { height: 208px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account .credits { list-style: none; padding: 0px; margin: 0px 0px 20px; width: 310px; background: rgba(12, 103, 161, 0.39); position: relative; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account .credits::before, .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account .credits::after { content: ""; display: block; position: absolute; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account .credits::before { height: 29px; width: 20px; background: rgba(12, 103, 161, 0.39); top: 0px; right: -20px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account .credits::after { top: 29px; right: -20px; width: 0px; height: 0px; border-style: solid; border-width: 20px 20px 0px 0px; border-color: rgba(12, 103, 161, 0.39) transparent transparent; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account .credits .credit { font: 11px Electrolize; margin: 9px 0px 0px 12px; color: rgb(12, 103, 161); display: inline-block; padding: 0px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account .credits .credit .amount { display: block; font: 11px Electrolize; padding: 2px 0px 11px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account .credits .credit.usd .amount { color: rgb(0, 237, 255); text-shadow: rgba(0, 108, 255, 0.7) 0px 0px 6px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account .credits .credit.uec .amount { color: rgb(255, 180, 0); text-shadow: rgba(255, 180, 0, 0.63) 0px 0px 6px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account .credits .credit.rec .amount { color: rgb(218, 247, 235); text-shadow: rgba(218, 247, 235, 0.63) 0px 0px 6px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account .my-rsi-submenu { list-style: none; padding: 0px; margin: 0px; width: 310px; user-select: none; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account .my-rsi-submenu .submenu-item a { display: block; color: rgb(77, 255, 255); transition-duration: 0.3s; perspective: 1000px; font: 12px Electrolize; text-transform: uppercase; border-style: solid; border-width: 1px 0px 0px 1px; border-color: rgb(12, 103, 161); padding: 17px 0px 14px 19px; position: relative; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account .my-rsi-submenu .submenu-item a:hover { background: rgba(12, 103, 161, 0.2); color: rgb(233, 254, 255); text-shadow: rgba(0, 108, 255, 0.45) 0px 0px 8px, rgba(184, 217, 255, 0.75) 0px 0px 6px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account .my-rsi-submenu .submenu-item a:hover .bordercorner { background: rgba(12, 103, 161, 0.2); } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account .my-rsi-submenu .submenu-item a.special { color: rgb(204, 165, 28); } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account .my-rsi-submenu .submenu-item a .bordercorner { transition-duration: 0.3s; perspective: 1000px; border-top: 1px solid rgb(12, 103, 161); border-left: 1px solid rgb(12, 103, 161); width: 47px; height: 21px; position: absolute; right: -35px; top: 23px; transform: rotate(90deg) skew(-45deg); } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account .my-rsi-submenu .submenu-item:last-child a { border-bottom-width: 1px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account .my-rsi-submenu .submenu-item:last-child a .bordercorner::after { content: ""; display: block; bottom: 10px; right: -10px; width: 22px; transform: rotate(90deg); height: 1px; background: rgb(12, 103, 161); position: absolute; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account .sing-out-button { left: 210px; top: 405px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account .sing-out-button::before { width: 270px; left: -270px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account .sing-out-button .signout { width: 90px; display: block; text-align: center; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account .sing-out-button .signout .btn-txt::before, .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account .sing-out-button .signout .btn-txt::after { width: 90px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .account .bottom-cutter-button .btn-txt .noise { width: 150px; background: left top no-repeat transparent; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts { height: 485px; transition-duration: 0.3s; perspective: 1000px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts::before { height: 266px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list { position: relative; margin-top: 25px; height: 405px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .search { position: relative; width: 256px; margin-left: 77px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .search::before { content: ""; display: block; position: absolute; pointer-events: none; background: center center no-repeat transparent; width: 5px; height: 43px; top: 0px; left: -5px; z-index: 102; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .search.in-search::before { background: rgb(170, 225, 254); box-shadow: rgba(170, 225, 254, 0.45) 0px 0px 8px 1px, rgba(0, 48, 202, 0.5) 0px 0px 55px 15px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .search.in-search.active::before { transition: all 0.05s ease-in-out 0s; animation: 0.1s ease-in-out 0s infinite normal none running blink; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .search input { transition-duration: 0.3s; perspective: 1000px; text-transform: uppercase; background: 208px center no-repeat rgb(0, 11, 24); border-style: solid; border-color: rgba(12, 103, 161, 0.3); border-width: 1px 0px 0px 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: rgba(37, 148, 181, 0.5); padding: 14px 20px 14px 13px; width: 201px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .search .bordercorner { border-top: 1px solid rgba(12, 103, 161, 0.3); border-left: 1px solid rgba(12, 103, 161, 0.3); border-right: 1px solid rgb(12, 103, 161); width: 43px; height: 20px; background-color: rgb(0, 11, 24); position: absolute; right: -12px; top: 22px; z-index: 2; transform: rotate(90deg) skew(-45deg); } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing { height: 247px; position: relative; z-index: 1; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content { transition-duration: 0.2s; perspective: 1000px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable { width: 361px; height: 247px; position: relative; transition-duration: 0.3s; perspective: 1000px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable::before, .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable::after { content: ""; display: block; position: absolute; width: 1px; height: 227px; background: rgba(12, 103, 161, 0.8); z-index: 110; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable::before { left: 0px; top: 0px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable::after { right: 28px; bottom: 0px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable.fancy .scrollbar { margin-top: 0px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable.fancy .scrollbar .track { margin: 0px -2px 0px 0px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable.change-list { height: 27px !important; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable.change-list::before { z-index: 0; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable.in-change { overflow: hidden; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport { width: 355px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport::before, .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport::after { content: ""; display: block; position: absolute; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport::before { top: 0px; width: 312px; height: 1px; background: rgb(12, 103, 161); z-index: 106; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport::after { width: 333px; height: 248px; background: rgb(0, 11, 24); top: 0px; left: 0px; z-index: 100; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content { margin-right: 22px; padding-bottom: 0px; z-index: 105; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content.showSearch .contact:hover, .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content.showSearch .contact:nth-last-child(2) { max-height: 45px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content.showSearch .contact .info .follow-contact { transition-duration: 0.3s; perspective: 1000px; top: 9px; right: 9px; width: 6px; position: absolute !important; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content.showSearch .contact .info .follow-contact .plus { transition-duration: 0.3s; perspective: 1000px; opacity: 1; position: absolute; top: 5px; right: 1px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content.showSearch .contact .info .follow-contact .follow { transition-duration: 0.3s; perspective: 1000px; opacity: 0; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content.showSearch .contact .info .follow-contact:hover { width: 43px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content.showSearch .contact .info .follow-contact:hover .plus { opacity: 0; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content.showSearch .contact .info .follow-contact:hover .follow { opacity: 1; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content.showSearch .contact .info .follow-contact, .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content.showSearch .contact .info .contact-following { display: block; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content.showSearch .contact .info .contact-following { position: absolute; top: 15px; right: 9px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 11px; color: rgb(37, 148, 181); opacity: 0.5; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content.showSearch .contact.following .avatar-wrapper > img { opacity: 0.3; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content.showSearch .contact.following .info .monicker { opacity: 0.1; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content.showSearch .contact.following .info .handle { opacity: 0.22; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact { transition-duration: 0.3s; perspective: 1000px; max-height: 45px; overflow: hidden; position: relative; border-left: 1px solid rgb(12, 103, 161); z-index: 104; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact:hover, .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact:nth-last-child(2) { max-height: 77px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact:hover:not(.end-list) .info { background-color: rgb(2, 26, 47); } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact:hover:not(.end-list) .bordercorner::before { background-color: rgb(2, 26, 47); } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact:hover:not(.end-list) + .contact .bordercorner::after { border-right-color: rgb(2, 26, 47); } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact:hover:not(.end-list) + .end-following-friends-list::after { border-right-color: rgb(2, 26, 47); } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact + .contact .bordercorner { background: rgb(12, 103, 161); } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact.show-error .avatar-wrapper { background-color: rgba(77, 8, 8, 0.7) !important; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact.show-error .avatar-wrapper > img { opacity: 0.3; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact.show-error .info { background-color: rgba(77, 8, 8, 0.7) !important; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact.show-error .info .handle, .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact.show-error .info .monicker { opacity: 0; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact.show-error .bordercorner::before { background-color: rgba(77, 8, 8, 0.7) !important; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact.show-error + .contact .bordercorner::after { border-right-color: rgba(77, 8, 8, 0.7) !important; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact.show-error + .end-following-friends-list::after { border-right-color: rgba(77, 8, 8, 0.7) !important; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact .avatar-wrapper { transition-duration: 0.3s; perspective: 1000px; border-top: 1px solid rgb(12, 103, 161); position: relative; z-index: 1; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact .avatar-wrapper > img { transition-duration: 0.3s; perspective: 1000px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact .info { transition-duration: 0.3s; perspective: 1000px; border-top: 1px solid rgb(12, 103, 161); margin-right: 21px; position: relative; z-index: 0; background: rgb(0, 11, 24); } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact .info .monicker, .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact .info .handle { transition-duration: 0.3s; perspective: 1000px; text-shadow: rgba(0, 112, 202, 0.6) 0px 1px 17px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact .info .handle { line-height: 22px; margin-bottom: 2px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact .info .cornerbtn { transition-duration: 0.3s; perspective: 1000px; position: relative; float: left; max-height: 13px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact .info .error { transition-duration: 0.3s; perspective: 1000px; display: none; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(255, 217, 217); position: absolute; top: 6px; width: 150px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact .info .follow-contact, .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact .info .contact-following { display: none; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact .bordercorner { transition-duration: 0.3s; perspective: 1000px; position: absolute; width: 1px; height: 21px; right: 0px; top: 0px; background: rgb(0, 11, 24); } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact .bordercorner::before, .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact .bordercorner::after { transition-duration: 0.3s; perspective: 1000px; content: ""; display: block; position: absolute; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact .bordercorner::before { border-top: 1px solid rgb(12, 103, 161); border-left: 1px solid rgb(12, 103, 161); background: rgb(0, 11, 24); width: 80px; height: 20px; right: -30px; top: 41px; z-index: 1; transform: rotate(90deg) skew(-45deg); } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .contact .bordercorner::after { width: 0px; height: 0px; top: 0px; right: 1px; border-style: solid; border-width: 0px 20px 20px 0px; border-color: transparent rgb(0, 11, 24) transparent transparent; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .end-following-friends-list { height: 20px; position: relative; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .end-following-friends-list::before, .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .end-following-friends-list::after { content: ""; display: block; position: absolute; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .end-following-friends-list::before { width: 1px; height: 20px; background: rgb(12, 103, 161); top: 0px; right: 0px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .scrollable .viewport .content .end-following-friends-list::after { transition-duration: 0.3s; perspective: 1000px; width: 0px; height: 0px; top: 0px; right: 1px; border-style: solid; border-width: 0px 20px 20px 0px; border-color: transparent rgb(0, 11, 24) transparent transparent; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .list-info { z-index: 106; position: relative; top: -22px; width: 294px; padding: 9px 0px 10px 16px; border-width: 1px; border-style: solid; border-color: rgb(12, 103, 161) transparent rgb(4, 39, 65) rgb(4, 39, 65); background: rgb(0, 11, 24); text-transform: uppercase; color: rgba(28, 107, 137, 0.2); } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .list-info::before, .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .list-info::after { content: ""; display: block; position: absolute; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .list-info::before { width: 0px; height: 0px; border-style: solid; border-width: 20px 0px 0px 20px; border-color: transparent transparent transparent rgb(0, 11, 24); top: 1px; right: -22px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .list-info::after { border-right: 1px solid rgb(4, 39, 65); border-bottom: 1px solid rgb(4, 39, 65); background: rgb(0, 11, 24); width: 18px; height: 40px; top: 21px; right: -22px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .list-info .label { font: 12px Electrolize; position: relative; display: inline-block; width: 100%; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .list-info .label::before { content: ""; display: block; position: absolute; width: 1px; height: 21px; transform: skew(45deg, -20deg); background: rgb(12, 103, 161); top: -16px; right: -12px; z-index: 2; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .list-info .number { position: absolute; top: 0px; right: -21px; font: 35px Electrolize; margin: 0px 18px 0px 19px; padding: 12px 0px 7px; background: rgb(0, 11, 24); border-bottom: 1px solid rgb(4, 39, 65); } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .list-info .number::before, .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .list-info .number::after { content: ""; display: block; position: absolute; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .list-info .number::before { width: 24px; height: 20px; transform: rotate(90deg) skew(-45deg); background: rgb(0, 11, 24); top: 29px; left: -23px; border-right: 1px solid rgb(4, 39, 65); border-bottom: 1px solid rgb(4, 39, 65); } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .friends-listing .content .list-info .number::after { width: 1px; height: 17px; transform: skew(45deg, -20deg); background: rgb(4, 39, 65); top: 0px; left: -28px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .switch-list { left: 90px; width: 270px; height: 37px; bottom: 0px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .switch-list::before { width: 150px; left: -150px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .switch-list .switch-list-btn { transition-duration: 0.3s; perspective: 1000px; width: 210px; position: absolute; opacity: 0; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .switch-list .switch-list-btn.active { opacity: 1; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .switch-list .switch-list-btn .btn-txt { padding-left: 15px; text-align: left; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .switch-list .switch-list-btn .btn-txt .noise { background: 0px 2px no-repeat transparent; width: 270px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .switch-list .switch-list-btn .btn-txt::before, .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .switch-list .switch-list-btn .btn-txt::after { width: 210px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .switch-list .switch-list-btn.arrows-button { padding-right: 0px; top: 0px; left: 30px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .switch-list .switch-list-btn.arrows-button.search-btn .label { text-align: center; text-indent: 15px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .switch-list .switch-list-btn.arrows-button.search-btn .arrow { top: -22px; transform: rotate(180deg); } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .switch-list .switch-list-btn.arrows-button.search-btn .arrow.arrow0 { left: 1px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .switch-list .switch-list-btn.arrows-button.search-btn .arrow.arrow1 { left: -6px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .switch-list .switch-list-btn.arrows-button.search-btn .arrow.arrow2 { left: -13px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .switch-list .switch-list-btn.arrows-button .arrow { top: -23px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .switch-list .switch-list-btn.arrows-button .arrow.arrow0 { right: 1px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .switch-list .switch-list-btn.arrows-button .arrow.arrow1 { right: -6px; } .nav-header #mainnav .my-rsi-sub-nav .my-rsi-sub-nav-inner .contacts .contacts-list .switch-list .switch-list-btn.arrows-button .arrow.arrow2 { right: -13px; } @-webkit-keyframes global-notification-chevron-glow { 0% { box-shadow: rgba(250, 185, 0, 0) 0px 0px 10px 2px; } 100% { box-shadow: rgba(250, 185, 0, 0.75) 0px 0px 10px 2px; } } @keyframes global-notification-chevron-glow { 0% { box-shadow: rgba(250, 185, 0, 0) 0px 0px 10px 2px; } 100% { box-shadow: rgba(250, 185, 0, 0.75) 0px 0px 10px 2px; } } @-webkit-keyframes global-notification-left-line { 0% { transform: scale(0.01, 1); transform-origin: 100% 100%; opacity: 0; } 100% { transform: scale(1, 1); transform-origin: 100% 100%; opacity: 1; } } @keyframes global-notification-left-line { 0% { transform: scale(0.01, 1); transform-origin: 100% 100%; opacity: 0; } 100% { transform: scale(1, 1); transform-origin: 100% 100%; opacity: 1; } } @-webkit-keyframes global-notification-right-line { 0% { transform: scale(0.01, 1) rotate(180deg) translate(-200px, 0px); transform-origin: 0% 0%; opacity: 0; } 100% { transform: scale(1, 1) rotate(180deg) translate(-200px, 0px); transform-origin: 0% 0%; opacity: 1; } } @keyframes global-notification-right-line { 0% { transform: scale(0.01, 1) rotate(180deg) translate(-200px, 0px); transform-origin: 0% 0%; opacity: 0; } 100% { transform: scale(1, 1) rotate(180deg) translate(-200px, 0px); transform-origin: 0% 0%; opacity: 1; } } @-webkit-keyframes global-notification-caption-line { 0% { transform: scale(0.01, 1); transform-origin: 50% 50%; opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1, 1); transform-origin: 50% 50%; } } @keyframes global-notification-caption-line { 0% { transform: scale(0.01, 1); transform-origin: 50% 50%; opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1, 1); transform-origin: 50% 50%; } } @-webkit-keyframes global-notification-chevron-in-left { 0% { transform: scale(3) skew(45deg, 0deg); transform-origin: 50% 50%; opacity: 0; } 100% { transform: scale(1) skew(45deg, 0deg); transform-origin: 50% 50%; opacity: 1; } } @keyframes global-notification-chevron-in-left { 0% { transform: scale(3) skew(45deg, 0deg); transform-origin: 50% 50%; opacity: 0; } 100% { transform: scale(1) skew(45deg, 0deg); transform-origin: 50% 50%; opacity: 1; } } @-webkit-keyframes global-notification-chevron-in-right { 0% { transform: scale(3) skew(-45deg, 0deg); transform-origin: 50% 50%; opacity: 0; } 100% { transform: scale(1) skew(-45deg, 0deg); transform-origin: 50% 50%; opacity: 1; } } @keyframes global-notification-chevron-in-right { 0% { transform: scale(3) skew(-45deg, 0deg); transform-origin: 50% 50%; opacity: 0; } 100% { transform: scale(1) skew(-45deg, 0deg); transform-origin: 50% 50%; opacity: 1; } } @-webkit-keyframes global-notification-chevron-glow-blink { 0% { box-shadow: rgba(250, 185, 0, 0.45) 0px 0px 10px 2px; } 100% { box-shadow: rgba(250, 185, 0, 0.75) 0px 0px 25px 2px; } } @keyframes global-notification-chevron-glow-blink { 0% { box-shadow: rgba(250, 185, 0, 0.45) 0px 0px 10px 2px; } 100% { box-shadow: rgba(250, 185, 0, 0.75) 0px 0px 25px 2px; } } @-webkit-keyframes global-notification-chevron-glow-red { 0% { box-shadow: rgba(153, 0, 0, 0) 0px 0px 10px 2px; } 100% { box-shadow: rgba(153, 0, 0, 0.75) 0px 0px 10px 2px; } } @keyframes global-notification-chevron-glow-red { 0% { box-shadow: rgba(153, 0, 0, 0) 0px 0px 10px 2px; } 100% { box-shadow: rgba(153, 0, 0, 0.75) 0px 0px 10px 2px; } } @-webkit-keyframes global-notification-chevron-glow-blink-red { 0% { box-shadow: rgba(153, 0, 0, 0.45) 0px 0px 10px 2px; } 100% { box-shadow: rgba(153, 0, 0, 0.75) 0px 0px 25px 2px; } } @keyframes global-notification-chevron-glow-blink-red { 0% { box-shadow: rgba(153, 0, 0, 0.45) 0px 0px 10px 2px; } 100% { box-shadow: rgba(153, 0, 0, 0.75) 0px 0px 25px 2px; } } @-webkit-keyframes global-notification-chevron-glow-green { 0% { box-shadow: rgba(32, 130, 23, 0) 0px 0px 10px 2px; } 100% { box-shadow: rgba(32, 130, 23, 0.75) 0px 0px 10px 2px; } } @keyframes global-notification-chevron-glow-green { 0% { box-shadow: rgba(32, 130, 23, 0) 0px 0px 10px 2px; } 100% { box-shadow: rgba(32, 130, 23, 0.75) 0px 0px 10px 2px; } } @-webkit-keyframes global-notification-chevron-glow-blink-green { 0% { box-shadow: rgba(32, 130, 23, 0.45) 0px 0px 10px 2px; } 100% { box-shadow: rgba(32, 130, 23, 0.75) 0px 0px 25px 2px; } } @keyframes global-notification-chevron-glow-blink-green { 0% { box-shadow: rgba(32, 130, 23, 0.45) 0px 0px 10px 2px; } 100% { box-shadow: rgba(32, 130, 23, 0.75) 0px 0px 25px 2px; } } .nav-header #mainnav.with-notification .wrapper .oblique-menu.top-line-down .left:not(.chevron) { width: 150px; } .nav-header #mainnav.with-notification .wrapper .oblique-menu.top-line-down .left:not(.chevron)::after { animation: 0.5s ease-in 1.125s 1 normal both running fadeOut; } @media only screen and (max-width: 760px) { .nav-header #mainnav.with-notification .wrapper .oblique-menu.top-line-down .left:not(.chevron) { width: 60px; } } .nav-header #mainnav.with-notification .wrapper .oblique-menu.top-line-down .right:not(.chevron) { width: 460px; } @media only screen and (max-width: 990px) { .nav-header #mainnav.with-notification .wrapper .oblique-menu.top-line-down .right:not(.chevron) { width: 150px; } } @media only screen and (max-width: 760px) { .nav-header #mainnav.with-notification .wrapper .oblique-menu.top-line-down .right:not(.chevron) { width: 60px; } } .nav-header #mainnav.with-notification .wrapper .oblique-menu.top-line-down .middle { position: relative; z-index: 110; } .nav-header #mainnav.with-notification.notification-hidden .wrapper .oblique-menu.top-line-down .left::after { opacity: 1; } .nav-header #mainnav.with-notification.notification-hidden .wrapper .oblique-menu.top-line-down .right::after { opacity: 1; } #global-notification { width: 100%; height: 30px; line-height: 30px; white-space: nowrap; position: absolute; left: 0px; bottom: -1px; padding: 10px 20px 0px; } #global-notification, #global-notification * { box-sizing: border-box; } #global-notification .left-line, #global-notification .right-line { width: 300px; height: 10px; position: absolute; top: 13px; left: -305px; overflow: hidden; pointer-events: none; } #global-notification .left-line::before, #global-notification .right-line::before, #global-notification .left-line::after, #global-notification .right-line::after { content: ""; display: block; position: absolute; } #global-notification .left-line::before, #global-notification .right-line::before { width: 100%; height: 20px; left: -5px; top: 30px; background: 0px 0px; transform: rotate(-1.5deg); box-shadow: rgba(250, 185, 0, 0.45) 0px -20px 10px 2px; animation: 0.125s ease-in 1.875s 1 normal both running fadeIn; } #global-notification .left-line::after, #global-notification .right-line::after { height: 1px; width: 100%; left: 0px; bottom: 0px; background: linear-gradient(to right, rgba(250, 185, 0, 0) 0%, rgb(250, 185, 0) 100%); } #global-notification .left-line::after { animation: 0.125s ease-in 1.75s 1 normal both running global-notification-left-line; } #global-notification .right-line { width: 200px; left: auto; right: -205px; top: 14px; } #global-notification .right-line::before { left: auto; right: -5px; transform: rotate(1.5deg); animation: 0.125s ease-in 1.875s 1 normal both running fadeIn; } #global-notification .right-line::after { transform: rotate(180deg); animation: 0.125s ease-in 1.75s 1 normal both running global-notification-right-line; } #global-notification .caption { height: 100%; color: rgb(247, 215, 127); transition: text-shadow 0.125s ease-in 0s, color 0.125s ease-in 0s; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; text-transform: uppercase; } #global-notification .caption::before, #global-notification .caption::after { content: ""; position: absolute; display: block; } #global-notification .caption::before { left: 0px; top: 38px; width: 100%; height: 10px; box-shadow: rgba(250, 185, 0, 0.45) 0px -20px 10px 2px; animation: 0.125s ease-in 1.875s 1 normal both running fadeIn; } #global-notification .caption::after { width: 100%; height: 1px; bottom: 0px; left: 0px; background: rgb(247, 215, 127); animation: 0.25s ease-in 0.5s 1 normal both running global-notification-caption-line; } #global-notification .caption.has-url { color: rgb(250, 185, 0); } #global-notification .caption > div { font: 13px electrolize; animation: 0.25s ease-in 1.875s 1 normal both running fade-in-blur; } #global-notification:hover .caption { text-shadow: rgba(237, 139, 0, 0.6) 1px 1px 8px, rgba(237, 139, 0, 0.6) -1px -1px 8px; } #global-notification:hover .caption.has-url { color: rgb(255, 240, 199); } #global-notification .chevron { width: 6px; height: 8px; position: absolute; top: 0px; box-shadow: rgba(250, 185, 0, 0.75) 0px 0px 10px 2px; animation: 0.5s linear 1.875s 1 normal both running global-notification-chevron-glow; } #global-notification .chevron.first { background: rgb(250, 185, 0); } #global-notification .chevron.second { background: rgb(247, 204, 79); } #global-notification .chevron.third { background: rgb(247, 215, 127); } #global-notification .left-chevrons { position: absolute; top: 22px; left: -11px; width: 50px; height: 10px; } #global-notification .left-chevrons .chevron { transform: skew(45deg, 0deg); } #global-notification .left-chevrons .chevron.first { left: 5px; animation: 0.5s linear 1.125s 1 normal both running global-notification-chevron-in-left, 0.5s linear 1.875s infinite normal both running global-notification-chevron-glow, 1s linear 2.5s infinite alternate both running global-notification-chevron-glow-blink; } #global-notification .left-chevrons .chevron.second { left: 15px; animation: 0.5s linear 0.875s 1 normal both running global-notification-chevron-in-left, 0.5s linear 1.875s infinite normal both running global-notification-chevron-glow, 1s linear 2.5s infinite alternate both running global-notification-chevron-glow-blink; } #global-notification .left-chevrons .chevron.third { left: 25px; animation: 0.5s linear 0.625s 1 normal both running global-notification-chevron-in-left, 0.5s linear 1.875s infinite normal both running global-notification-chevron-glow, 1s linear 2.5s infinite alternate both running global-notification-chevron-glow-blink; } #global-notification .right-chevrons { position: absolute; top: 22px; right: -11px; width: 50px; height: 10px; } #global-notification .right-chevrons .chevron { transform: skew(-45deg, 0deg); } #global-notification .right-chevrons .chevron.first { right: 5px; animation: 0.5s linear 1s 1 normal both running global-notification-chevron-in-right, 0.5s linear 1.875s infinite normal both running global-notification-chevron-glow, 1s linear 2.5s infinite alternate both running global-notification-chevron-glow-blink; } #global-notification .right-chevrons .chevron.second { right: 15px; animation: 0.5s linear 0.75s 1 normal both running global-notification-chevron-in-right, 0.5s linear 1.875s infinite normal both running global-notification-chevron-glow, 1s linear 2.5s infinite alternate both running global-notification-chevron-glow-blink; } #global-notification .right-chevrons .chevron.third { right: 25px; animation: 0.5s linear 0.5s 1 normal both running global-notification-chevron-in-right, 0.5s linear 1.875s infinite normal both running global-notification-chevron-glow, 1s linear 2.5s infinite alternate both running global-notification-chevron-glow-blink; } #global-notification.critical .left-line::before, #global-notification.critical .right-line::before { box-shadow: rgba(153, 0, 0, 0.45) 0px -20px 10px 2px; } #global-notification.critical .left-line::after, #global-notification.critical .right-line::after { background: linear-gradient(to right, rgba(153, 0, 0, 0) 0%, rgb(153, 0, 0) 100%); } #global-notification.critical .caption { color: rgb(204, 0, 0); } #global-notification.critical .caption.has-url { color: rgb(153, 0, 0); } #global-notification.critical .caption::before { box-shadow: rgba(153, 0, 0, 0.45) 0px -20px 10px 2px; } #global-notification.critical .caption::after { background: rgb(204, 0, 0); } #global-notification.critical:hover .caption { text-shadow: rgba(221, 0, 0, 0.6) 1px 1px 8px, rgba(221, 0, 0, 0.6) -1px -1px 8px; } #global-notification.critical:hover .caption.has-url { color: rgb(255, 102, 102); } #global-notification.critical .chevron { box-shadow: rgba(153, 0, 0, 0.75) 0px 0px 10px 2px; } #global-notification.critical .chevron.first { background: rgb(153, 0, 0); } #global-notification.critical .chevron.second { background: rgb(179, 0, 0); } #global-notification.critical .chevron.third { background: rgb(204, 0, 0); } #global-notification.critical .left-chevrons .chevron.first { animation: 0.5s linear 1s 1 normal both running global-notification-chevron-in-left, 0.5s linear 1.875s infinite normal both running global-notification-chevron-glow-red, 1s linear 2.5s infinite alternate both running global-notification-chevron-glow-blink-red; } #global-notification.critical .left-chevrons .chevron.second { animation: 0.5s linear 0.75s 1 normal both running global-notification-chevron-in-left, 0.5s linear 1.875s infinite normal both running global-notification-chevron-glow-red, 1s linear 2.5s infinite alternate both running global-notification-chevron-glow-blink-red; } #global-notification.critical .left-chevrons .chevron.third { animation: 0.5s linear 0.5s 1 normal both running global-notification-chevron-in-left, 0.5s linear 1.875s infinite normal both running global-notification-chevron-glow-red, 1s linear 2.5s infinite alternate both running global-notification-chevron-glow-blink-red; } #global-notification.critical .right-chevrons .chevron.first { animation: 0.5s linear 1s 1 normal both running global-notification-chevron-in-right, 0.5s linear 1.875s infinite normal both running global-notification-chevron-glow-red, 1s linear 2.5s infinite alternate both running global-notification-chevron-glow-blink-red; } #global-notification.critical .right-chevrons .chevron.second { animation: 0.5s linear 0.75s 1 normal both running global-notification-chevron-in-right, 0.5s linear 1.875s infinite normal both running global-notification-chevron-glow-red, 1s linear 2.5s infinite alternate both running global-notification-chevron-glow-blink-red; } #global-notification.critical .right-chevrons .chevron.third { animation: 0.5s linear 0.5s 1 normal both running global-notification-chevron-in-right, 0.5s linear 1.875s infinite normal both running global-notification-chevron-glow-red, 1s linear 2.5s infinite alternate both running global-notification-chevron-glow-blink-red; } #global-notification.good .left-line::before, #global-notification.good .right-line::before { box-shadow: rgba(32, 130, 23, 0.45) 0px -20px 10px 2px; } #global-notification.good .left-line::after, #global-notification.good .right-line::after { background: linear-gradient(to right, rgba(32, 130, 23, 0) 0%, rgb(32, 130, 23) 100%); } #global-notification.good .caption { color: rgb(52, 212, 37); } #global-notification.good .caption.has-url { color: rgb(32, 130, 23); } #global-notification.good .caption::before { box-shadow: rgba(32, 130, 23, 0.45) 0px -20px 10px 2px; } #global-notification.good .caption::after { background: rgb(52, 212, 37); } #global-notification.good:hover .caption { text-shadow: rgba(51, 163, 41, 0.6) 1px 1px 8px, rgba(51, 163, 41, 0.6) -1px -1px 8px; } #global-notification.good:hover .caption.has-url { color: rgb(134, 232, 125); } #global-notification.good .chevron { box-shadow: rgba(32, 130, 23, 0.75) 0px 0px 10px 2px; } #global-notification.good .chevron.first { background: rgb(32, 130, 23); } #global-notification.good .chevron.second { background: rgb(43, 173, 31); } #global-notification.good .chevron.third { background: rgb(52, 212, 37); } #global-notification.good .left-chevrons .chevron.first { animation: 0.5s linear 1s 1 normal both running global-notification-chevron-in-left, 0.5s linear 1.875s infinite normal both running global-notification-chevron-glow-green, 1s linear 2.5s infinite alternate both running global-notification-chevron-glow-blink-green; } #global-notification.good .left-chevrons .chevron.second { animation: 0.5s linear 0.75s 1 normal both running global-notification-chevron-in-left, 0.5s linear 1.875s infinite normal both running global-notification-chevron-glow-green, 1s linear 2.5s infinite alternate both running global-notification-chevron-glow-blink-green; } #global-notification.good .left-chevrons .chevron.third { animation: 0.5s linear 0.5s 1 normal both running global-notification-chevron-in-left, 0.5s linear 1.875s infinite normal both running global-notification-chevron-glow-green, 1s linear 2.5s infinite alternate both running global-notification-chevron-glow-blink-green; } #global-notification.good .right-chevrons .chevron.first { animation: 0.5s linear 1s 1 normal both running global-notification-chevron-in-right, 0.5s linear 1.875s infinite normal both running global-notification-chevron-glow-green, 1s linear 2.5s infinite alternate both running global-notification-chevron-glow-blink-green; } #global-notification.good .right-chevrons .chevron.second { animation: 0.5s linear 0.75s 1 normal both running global-notification-chevron-in-right, 0.5s linear 1.875s infinite normal both running global-notification-chevron-glow-green, 1s linear 2.5s infinite alternate both running global-notification-chevron-glow-blink-green; } #global-notification.good .right-chevrons .chevron.third { animation: 0.5s linear 0.5s 1 normal both running global-notification-chevron-in-right, 0.5s linear 1.875s infinite normal both running global-notification-chevron-glow-green, 1s linear 2.5s infinite alternate both running global-notification-chevron-glow-blink-green; } #global-notification .countdown { display: inline-block; vertical-align: top; margin-left: 5px; } #global-notification .countdown > div { margin: 0px auto; position: relative; } #global-notification .countdown .number-counter { float: left; } #global-notification .countdown .number-counter .mask, #global-notification .countdown .number-counter .carousel, #global-notification .countdown .number-counter .item, #global-notification .countdown .number-counter .append { height: 16px; position: relative; } #global-notification .countdown .number-counter .item, #global-notification .countdown .number-counter .append { font-size: 13px; line-height: 16px; font-family: Electrolize; color: rgb(255, 255, 255); text-align: center; } #global-notification .countdown .number-counter .append { float: left; } a.arrows-button { position: relative; padding-right: 70px; display: inline-block; } a.arrows-button .label { font-size: 11px; color: rgb(20, 230, 250); position: relative; vertical-align: middle; display: table-cell; height: 60px; } a.arrows-button .arrow { backface-visibility: hidden; background: center center no-repeat; width: 59px; height: 60px; display: block; top: -2px; position: absolute; } a.arrows-button .arrow:hover { animation-fill-mode: forwards; } a.arrows-button .arrow0 { right: 21px; } a.arrows-button .arrow1 { right: 14px; } a.arrows-button .arrow2 { right: 7px; } a.arrows-button:hover .arrow0 { animation: 0.1s linear 0s 1 normal none running arrow; } a.arrows-button:hover .arrow1 { animation: 0.3s linear 0s 1 normal none running arrow; } a.arrows-button:hover .arrow2 { animation: 0.5s linear 0s 1 normal none running arrow; } .radio-pager { display: inline-block; width: 35px; height: 35px; background: center center no-repeat; } .radio-pager:hover, .radio-pager.on { transform: rotate(-90deg); background: center center no-repeat, center center no-repeat; } .radio-pager.small { width: 21px; height: 21px; background: center center no-repeat; } .radio-pager.small.on { background: center center no-repeat, center center no-repeat; } .glow-arrows-button { position: relative; } .glow-arrows-button.left-arrow .arrow, .glow-arrows-button.top-arrow .arrow { left: -26px; right: initial; } .glow-arrows-button.left-arrow .label, .glow-arrows-button.top-arrow .label { padding-left: 30px; } .glow-arrows-button.small-size.yellow .arrow, .glow-arrows-button.small-size.yellow .arrow::before, .glow-arrows-button.small-size.yellow .arrow::after { background-image: ; } .glow-arrows-button.small-size.orange .arrow, .glow-arrows-button.small-size.orange .arrow::before, .glow-arrows-button.small-size.orange .arrow::after { background-image: ; } .glow-arrows-button.small-size .arrow { top: -13px; } .glow-arrows-button.small-size .arrow, .glow-arrows-button.small-size .arrow::before, .glow-arrows-button.small-size .arrow::after { background-image: ; } .glow-arrows-button.medium-size .arrow, .glow-arrows-button.medium-size .arrow::before, .glow-arrows-button.medium-size .arrow::after { background-image: ; } .glow-arrows-button.medium-size.blue .arrow, .glow-arrows-button.medium-size.blue .arrow::before, .glow-arrows-button.medium-size.blue .arrow::after { background-image: ; } .glow-arrows-button.large-size .arrow, .glow-arrows-button.large-size .arrow::before, .glow-arrows-button.large-size .arrow::after { background-image: ; width: 121px; height: 134px; } .glow-arrows-button.large-size .arrow::before { left: 15px; } .glow-arrows-button.large-size .arrow::after { left: 30px; } .glow-arrows-button.big-size .arrow, .glow-arrows-button.big-size .arrow::before, .glow-arrows-button.big-size .arrow::after { background-image: ; } .glow-arrows-button.big-size .arrow::before { left: 12px; } .glow-arrows-button.big-size .arrow::after { left: 24px; } .glow-arrows-button .arrow { top: -22px; right: -47px; } .glow-arrows-button .arrow, .glow-arrows-button .arrow::before, .glow-arrows-button .arrow::after { backface-visibility: hidden; background: center center no-repeat transparent; width: 60px; height: 60px; display: block; position: absolute; } .glow-arrows-button .arrow::before, .glow-arrows-button .arrow::after { content: ""; } .glow-arrows-button .arrow::before { left: 7px; } .glow-arrows-button .arrow::after { left: 14px; } .glow-arrows-button .arrow:hover, .glow-arrows-button .arrow:hover::before, .glow-arrows-button .arrow:hover::after { animation-fill-mode: forwards; } .glow-arrows-button.expand-arrow .arrow { transform: rotate(90deg); left: -20px; transition-duration: 0.3s; perspective: 1000px; } .glow-arrows-button.expand-arrow .arrow::before, .glow-arrows-button.expand-arrow .arrow::after { content: normal; } .glow-arrows-button:hover .arrow { animation: 0.1s linear 0s 1 normal none running arrow; } .glow-arrows-button:hover .arrow::before { animation: 0.3s linear 0s 1 normal none running arrow; } .glow-arrows-button:hover .arrow::after { animation: 0.5s linear 0s 1 normal none running arrow; } .glow-arrows-link { position: relative; width: 26px; height: 16px; display: inline-block; } .glow-arrows-link .arrow, .glow-arrows-link .arrow::before, .glow-arrows-link .arrow::after { backface-visibility: hidden; background: center center no-repeat transparent; width: 14px; height: 16px; display: block; position: absolute; } .glow-arrows-link .arrow::before, .glow-arrows-link .arrow::after { content: ""; } .glow-arrows-link .arrow::before { left: 6px; } .glow-arrows-link .arrow::after { left: 12px; } .glow-arrows-link .arrow:hover, .glow-arrows-link .arrow:hover::before, .glow-arrows-link .arrow:hover::after { animation-fill-mode: forwards; } .glow-arrows-link:hover .arrow { animation: 0.1s linear 0s 1 normal none running arrow; } .glow-arrows-link:hover .arrow::before { animation: 0.3s linear 0s 1 normal none running arrow; } .glow-arrows-link:hover .arrow::after { animation: 0.5s linear 0s 1 normal none running arrow; } .glow-corners { position: absolute; width: 100%; z-index: 3; transition-duration: 0.3s; perspective: 1000px; } .glow-corners::before, .glow-corners::after { content: ""; position: absolute; width: 8px; height: 8px; border-color: rgb(0, 237, 255); border-style: solid; transition-duration: 0.3s; perspective: 1000px; transform: translateZ(0px); } .glow-corners::before { left: 0px; } .glow-corners::after { right: 0px; } .glow-corners.top-corners { top: 0px; } .glow-corners.top-corners::before { border-width: 1px 0px 0px 1px; } .glow-corners.top-corners::after { border-width: 1px 1px 0px 0px; } .glow-corners.bottom-corners { bottom: 9px; } .glow-corners.bottom-corners::before { border-width: 0px 0px 1px 1px; } .glow-corners.bottom-corners::after { border-width: 0px 1px 1px 0px; } .flag-status-box .top-info, .cutting-edge-content .top-info, .flag-status-box .bottom-info, .cutting-edge-content .bottom-info { display: flex; z-index: 2; position: relative; } .flag-status-box .top-info .title, .cutting-edge-content .top-info .title { transition-duration: 0.3s; perspective: 1000px; padding: 0px 5px 0px 30px; background: rgba(0, 44, 69, 0.5); position: relative; height: 30px; min-width: 115px; } .flag-status-box .top-info .title h3, .cutting-edge-content .top-info .title h3 { font-size: 12px; color: rgb(175, 130, 10); text-transform: uppercase; margin: 0px; padding-top: 16px; } .flag-status-box .top-info .title::before, .cutting-edge-content .top-info .title::before { content: ""; display: block; position: absolute; height: 0px; border-style: solid; bottom: 0px; z-index: 1; border-width: 30px 0px 0px 30px; border-color: transparent transparent transparent rgba(0, 44, 69, 0.5); right: -30px; } .flag-status-box .bottom-info, .cutting-edge-content .bottom-info { float: right; height: 30px; } .flag-status-box .bottom-info > div::before, .cutting-edge-content .bottom-info > div::before { content: ""; display: block; position: absolute; height: 0px; border-style: solid; bottom: 0px; z-index: 1; border-width: 0px 30px 30px 0px; border-color: transparent rgba(0, 44, 69, 0.5) transparent transparent; left: -30px; } .flag-status-box .bottom-info > div .actions, .cutting-edge-content .bottom-info > div .actions { width: 165px; height: 30px; background: rgba(0, 44, 69, 0.5); position: relative; } .flag-status-box .bottom-info > div .actions .link, .cutting-edge-content .bottom-info > div .actions .link { display: block; line-height: 7px; float: right; padding-right: 25px; } .flag-status-box .bottom-info > div .actions .link .label, .cutting-edge-content .bottom-info > div .actions .link .label { opacity: 0.4; font-family: Electrolize; font-size: 12px; color: rgb(44, 121, 159); text-transform: uppercase; } .flag-status-box .bottom-info > div .actions .link .arrow, .cutting-edge-content .bottom-info > div .actions .link .arrow { top: -25px; } .flag-status-box .bottom-info > div .actions.nav, .cutting-edge-content .bottom-info > div .actions.nav { width: 100px; } .flag-status-box .bottom-info > div .actions.nav .up, .cutting-edge-content .bottom-info > div .actions.nav .up, .flag-status-box .bottom-info > div .actions.nav .down, .cutting-edge-content .bottom-info > div .actions.nav .down { display: block; position: absolute; opacity: 0.6; height: 25px; width: 23px; background: no-repeat; } .flag-status-box .bottom-info > div .actions.nav .up:hover, .cutting-edge-content .bottom-info > div .actions.nav .up:hover, .flag-status-box .bottom-info > div .actions.nav .down:hover, .cutting-edge-content .bottom-info > div .actions.nav .down:hover { opacity: 1; } .flag-status-box .bottom-info > div .actions.nav .up.inactive, .cutting-edge-content .bottom-info > div .actions.nav .up.inactive, .flag-status-box .bottom-info > div .actions.nav .down.inactive, .cutting-edge-content .bottom-info > div .actions.nav .down.inactive { opacity: 0.6; cursor: default; } .flag-status-box .bottom-info > div .actions.nav .up, .cutting-edge-content .bottom-info > div .actions.nav .up { transform: rotate(270deg); left: 15px; } .flag-status-box .bottom-info > div .actions.nav .down, .cutting-edge-content .bottom-info > div .actions.nav .down { transform: rotate(90deg); right: 25px; } .flag-status-box .content, .cutting-edge-content .content { background: rgba(0, 44, 69, 0.5); padding: 0px 30px; } .flag-status-box .content *, .cutting-edge-content .content * { font-family: Electrolize; } .flag-status-box .content .cutting-edge-menu, .cutting-edge-content .content .cutting-edge-menu { padding-top: 30px; } .flag-status-box .content .cutting-edge-menu .pointed-line, .cutting-edge-content .content .cutting-edge-menu .pointed-line { width: 100%; height: 1px; background: rgb(8, 67, 106); position: relative; } .flag-status-box .content .cutting-edge-menu .pointed-line::before, .cutting-edge-content .content .cutting-edge-menu .pointed-line::before, .flag-status-box .content .cutting-edge-menu .pointed-line::after, .cutting-edge-content .content .cutting-edge-menu .pointed-line::after { content: ""; display: block; background: rgb(103, 122, 10); width: 1px; height: 1px; position: absolute; top: 0px; left: 0px; } .flag-status-box .content .cutting-edge-menu .pointed-line::after, .cutting-edge-content .content .cutting-edge-menu .pointed-line::after { right: 0px; left: inherit; } .flag-status-box .content .cutting-edge-menu ul.cutting-edge-menu-items, .cutting-edge-content .content .cutting-edge-menu ul.cutting-edge-menu-items { height: 29px; float: right; list-style: none; padding: 0px; margin: 0px; } .flag-status-box .content .cutting-edge-menu ul.cutting-edge-menu-items li, .cutting-edge-content .content .cutting-edge-menu ul.cutting-edge-menu-items li { float: left; cursor: pointer; font-size: 12px; color: rgb(8, 145, 197); line-height: 29px; text-transform: uppercase; margin: 0px 10px; position: relative; text-shadow: rgba(0, 112, 202, 0.5) 0px 0px 15px; } .flag-status-box .content .cutting-edge-menu ul.cutting-edge-menu-items li span, .cutting-edge-content .content .cutting-edge-menu ul.cutting-edge-menu-items li span { display: block; height: 4px; width: 100%; opacity: 0; background-color: rgb(60, 223, 243); position: absolute; bottom: 0px; transform: skew(-30deg, 0deg); } .flag-status-box .content .cutting-edge-menu ul.cutting-edge-menu-items li::after, .cutting-edge-content .content .cutting-edge-menu ul.cutting-edge-menu-items li::after { content: ""; display: block; position: absolute; top: 7px; width: 1px; height: 12px; background: rgba(0, 112, 202, 0.5); z-index: 1; right: -10px; transform: skew(-30deg, 0deg); } .flag-status-box .content .cutting-edge-menu ul.cutting-edge-menu-items li:last-child::after, .cutting-edge-content .content .cutting-edge-menu ul.cutting-edge-menu-items li:last-child::after { display: none; } .flag-status-box .content .cutting-edge-menu ul.cutting-edge-menu-items li.active, .cutting-edge-content .content .cutting-edge-menu ul.cutting-edge-menu-items li.active { color: rgb(67, 237, 248); text-shadow: rgba(0, 112, 202, 0.5) 0px 0px 15px, rgba(0, 112, 202, 0.5) 0px 0px 15px; } .flag-status-box .content .cutting-edge-menu ul.cutting-edge-menu-items li.active span, .cutting-edge-content .content .cutting-edge-menu ul.cutting-edge-menu-items li.active span, .flag-status-box .content .cutting-edge-menu ul.cutting-edge-menu-items li.active::after, .cutting-edge-content .content .cutting-edge-menu ul.cutting-edge-menu-items li.active::after { opacity: 1; box-shadow: rgba(0, 112, 202, 0.6) 0px 0px 8px 1px, rgba(0, 112, 202, 0.5) 0px 0px 55px 15px; } .flag-status-box .content .cutting-edge-menu ul.cutting-edge-menu-items li.active::after, .cutting-edge-content .content .cutting-edge-menu ul.cutting-edge-menu-items li.active::after { background-color: rgb(60, 223, 243); } .flag-status-box .content h4, .cutting-edge-content .content h4 { margin: 0px; padding: 14px 0px; } .flag-status-box .content h4 a, .cutting-edge-content .content h4 a { font-size: 18px; color: rgb(177, 216, 241); opacity: 0.5; display: block; text-shadow: rgb(0, 0, 0) 0px 0px 5px, rgb(0, 0, 0) 0px 0px 5px; } .flag-status-box .content p, .cutting-edge-content .content p { margin: 0px; } .flag-status-box .content p a, .cutting-edge-content .content p a { font-size: 14px; line-height: 19px; color: rgb(7, 136, 185); margin: 0px; } .flag-status-box:hover .bottom-info > div .actions .link .label, .cutting-edge-content:hover .bottom-info > div .actions .link .label { opacity: 1; } .flipboard-boxes { display: flex; flex-flow: wrap; box-sizing: border-box; justify-content: space-between; padding: 0px 15px; } @media only screen and (max-width: 1200px) { .flipboard-boxes { padding: 0px; } } .flipboard-boxes.wrapper, .flipboard-boxes .wrapper { width: 100%; box-sizing: border-box; } @media only screen and (max-width: 1110px) { .flipboard-boxes.wrapper:not(.extra-large), .flipboard-boxes .wrapper:not(.extra-large) { width: 765px; } } @media only screen and (max-width: 765px) { .flipboard-boxes.wrapper:not(.extra-large), .flipboard-boxes .wrapper:not(.extra-large) { width: 360px; } } .flipboard-boxes.inner { padding: 0px; } .flipboard-boxes .box { margin-bottom: 15px; position: relative; overflow: hidden; transition-duration: 0.3s; perspective: 1000px; } .flipboard-boxes .box:hover .info { width: 100%; transition-delay: 0.25s; } .flipboard-boxes .box:hover .press-img { opacity: 1; transition-delay: 0.25s; } .flipboard-boxes .box.ajax-load { opacity: 0; transition-duration: 0.3s; perspective: 1000px; } .flipboard-boxes .box.one-third { width: 360px; } .flipboard-boxes .box.two-third { width: 735px; } @media only screen and (max-width: 1110px) { .flipboard-boxes .box.two-third { width: 360px; } } .flipboard-boxes .box.three-third { width: 1110px; } .flipboard-boxes .box.half-full { width: calc(50% - 7px); } @media only screen and (max-width: 765px) { .flipboard-boxes .box.half-full { width: 100%; } } .flipboard-boxes .box.half-full:hover .info { width: 100%; transition-delay: 0.25s; } .flipboard-boxes .box.half-full.first { margin-right: 7px; } @media only screen and (max-width: 765px) { .flipboard-boxes .box.half-full.first { margin-bottom: 7px; } } .flipboard-boxes .box.half-full.last { margin-left: 7px; } @media only screen and (max-width: 765px) { .flipboard-boxes .box.half-full.last { margin-top: 7px; } } .flipboard-boxes .box.full { width: 100%; max-width: 1920px; } .flipboard-boxes .box.small.post, .flipboard-boxes .box.small.post .info { width: 270px; } .flipboard-boxes .box.small.post .info { background: rgba(0, 23, 43, 0.45); } .flipboard-boxes .box.small.post .info > * { width: 200px; } .flipboard-boxes .box.post:hover .glow-corners::before { left: 0px; } .flipboard-boxes .box.post:hover .glow-corners::after { right: 0px; } .flipboard-boxes .box.post:hover .glow-corners.top-corners { top: 0px; } .flipboard-boxes .box.post:hover .glow-corners.bottom-corners { bottom: 9px; } .flipboard-boxes .box.post:hover .info .article-link .label { transition-delay: 0.3s; left: 0px; opacity: 1; } .flipboard-boxes .box.post:hover .info .article-link .arrow { animation: 0.1s linear 0s 1 normal none running arrow; } .flipboard-boxes .box.post:hover .info .article-link .arrow::before { animation: 0.3s linear 0s 1 normal none running arrow; } .flipboard-boxes .box.post:hover .info .article-link .arrow::after { animation: 0.5s linear 0s 1 normal none running arrow; } .flipboard-boxes .box.post:hover .complement > *, .flipboard-boxes .box.post:hover .complement > * > * { left: 0px; opacity: 1; transition-duration: 0.3s; perspective: 1000px; } .flipboard-boxes .box.post:hover .complement .date { transition-delay: 0.4s; } .flipboard-boxes .box.post:hover .complement .date .name { transition-delay: 0.5s; } .flipboard-boxes .box.post:hover .complement .date .value { transition-delay: 0.6s; } .flipboard-boxes .box.post:hover .complement .comments { transition-delay: 0.7s; } .flipboard-boxes .box.post:hover .complement .comments .name { transition-delay: 0.8s; } .flipboard-boxes .box.post:hover .complement .comments .value { transition-delay: 0.9s; } .flipboard-boxes .box.post .info { padding: 45px 25px 0px 45px; background: linear-gradient(to right, rgba(0, 23, 43, 0.8) 0%, rgba(0, 23, 43, 0.6) 70%, rgba(0, 23, 43, 0.4) 100%); } .flipboard-boxes .box.post .info > * { width: 300px; } .flipboard-boxes .box.post .info .glow-mini-breadcrumb { margin-bottom: 18px; } .flipboard-boxes .box.post .info .article-link .arrow, .flipboard-boxes .box.post .info .article-link .arrow::before, .flipboard-boxes .box.post .info .article-link .arrow::after { background-image: ; } .flipboard-boxes .box.post .info .article-link .label { color: rgb(153, 227, 245); } .flipboard-boxes .box.post .glow-corners::before { left: 25px; } .flipboard-boxes .box.post .glow-corners::after { right: 25px; } .flipboard-boxes .box.post .glow-corners.top-corners { top: 25px; } .flipboard-boxes .box.post .glow-corners.bottom-corners { bottom: 33px; } .flipboard-boxes .box.event > :not(.glow-corners) { height: auto; } .flipboard-boxes .box.event .info { position: relative; background: 0px 0px; } .flipboard-boxes .box.event .next-rsvp-event .event-line, .flipboard-boxes .box.event .events-list .event-line { display: block; padding-top: 4px; padding-bottom: 8px; } .flipboard-boxes .box.event .next-rsvp-event .event-line:hover .subtitle, .flipboard-boxes .box.event .events-list .event-line:hover .subtitle, .flipboard-boxes .box.event .next-rsvp-event .event-line:hover .date, .flipboard-boxes .box.event .events-list .event-line:hover .date, .flipboard-boxes .box.event .next-rsvp-event .event-line:hover .subtitle > *, .flipboard-boxes .box.event .events-list .event-line:hover .subtitle > *, .flipboard-boxes .box.event .next-rsvp-event .event-line:hover .date > *, .flipboard-boxes .box.event .events-list .event-line:hover .date > * { color: rgb(217, 207, 152); } .flipboard-boxes .box.event .next-rsvp-event .event-line:hover .title, .flipboard-boxes .box.event .events-list .event-line:hover .title, .flipboard-boxes .box.event .next-rsvp-event .event-line:hover .title > *, .flipboard-boxes .box.event .events-list .event-line:hover .title > * { color: rgb(253, 250, 231); } .flipboard-boxes .box.event .next-rsvp-event .event-line:hover .event-link.empty .label, .flipboard-boxes .box.event .events-list .event-line:hover .event-link.empty .label { left: 26px; transition-delay: 0.3s; } .flipboard-boxes .box.event .next-rsvp-event .event-line:hover .event-link .arrow, .flipboard-boxes .box.event .events-list .event-line:hover .event-link .arrow { animation: 0.1s linear 0s 1 normal none running arrow; visibility: visible !important; } .flipboard-boxes .box.event .next-rsvp-event .event-line:hover .event-link .arrow::before, .flipboard-boxes .box.event .events-list .event-line:hover .event-link .arrow::before { animation: 0.3s linear 0s 1 normal none running arrow; } .flipboard-boxes .box.event .next-rsvp-event .event-line:hover .event-link .arrow::after, .flipboard-boxes .box.event .events-list .event-line:hover .event-link .arrow::after { animation: 0.5s linear 0s 1 normal none running arrow; } .flipboard-boxes .box.event .next-rsvp-event .event-line *, .flipboard-boxes .box.event .events-list .event-line * { transition-duration: 0.3s; perspective: 1000px; backface-visibility: hidden; } .flipboard-boxes .box.event .next-rsvp-event .event-line > *, .flipboard-boxes .box.event .events-list .event-line > * { letter-spacing: 2px; } .flipboard-boxes .box.event .next-rsvp-event .event-line .date, .flipboard-boxes .box.event .events-list .event-line .date { font-family: Orbitron, sans-serif, Arial, Verdana; font-size: 10px; color: rgb(132, 128, 96); text-shadow: rgba(202, 71, 0, 0.6) 0px 3px 40px, rgba(255, 118, 17, 0.6) 0px 0px 6px; padding-bottom: 2px; font-weight: 500; } .flipboard-boxes .box.event .next-rsvp-event .event-line .title, .flipboard-boxes .box.event .events-list .event-line .title { text-shadow: rgba(255, 118, 17, 0.72) 0px 0px 10px, rgba(255, 118, 17, 0.72) 0px 0px 10px; margin: 2px 0px 0px; text-transform: uppercase; } .flipboard-boxes .box.event .next-rsvp-event .event-line .title, .flipboard-boxes .box.event .events-list .event-line .title, .flipboard-boxes .box.event .next-rsvp-event .event-line .title > *, .flipboard-boxes .box.event .events-list .event-line .title > * { font-family: Orbitron, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(217, 207, 152); } .flipboard-boxes .box.event .next-rsvp-event .event-line .subtitle, .flipboard-boxes .box.event .events-list .event-line .subtitle { margin: -1px 0px 4px; display: inline-block; } .flipboard-boxes .box.event .next-rsvp-event .event-line .subtitle:not(.empty)::before, .flipboard-boxes .box.event .events-list .event-line .subtitle:not(.empty)::before { content: "-"; padding-right: 1px; } .flipboard-boxes .box.event .next-rsvp-event .event-line .subtitle, .flipboard-boxes .box.event .events-list .event-line .subtitle, .flipboard-boxes .box.event .next-rsvp-event .event-line .subtitle > *, .flipboard-boxes .box.event .events-list .event-line .subtitle > * { font-family: Orbitron, sans-serif, Arial, Verdana; font-size: 10px; color: rgb(132, 128, 96); } .flipboard-boxes .box.event .next-rsvp-event .event-line .excerpt, .flipboard-boxes .box.event .events-list .event-line .excerpt { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 11px; color: rgb(164, 158, 118); text-shadow: rgba(255, 118, 17, 0.4) 0px 0px 6px; letter-spacing: 1px; margin-bottom: 0px; line-height: 18px; } .flipboard-boxes .box.event .next-rsvp-event .event-line .event-link, .flipboard-boxes .box.event .events-list .event-line .event-link { overflow: hidden; display: inline-block; box-sizing: border-box; padding-right: 40px; } .flipboard-boxes .box.event .next-rsvp-event .event-line .event-link:not(.empty) .arrow, .flipboard-boxes .box.event .events-list .event-line .event-link:not(.empty) .arrow { visibility: hidden; } .flipboard-boxes .box.event .next-rsvp-event .event-line .event-link.empty .arrow, .flipboard-boxes .box.event .events-list .event-line .event-link.empty .arrow { right: initial; left: -26px; } .flipboard-boxes .box.event .next-rsvp-event .event-line .event-link.empty .label, .flipboard-boxes .box.event .events-list .event-line .event-link.empty .label { position: relative; left: -100px; top: 1px; text-transform: uppercase; font-weight: 400; } .flipboard-boxes .box.event .next-rsvp-event .event-line .event-link > *, .flipboard-boxes .box.event .events-list .event-line .event-link > * { display: inline-block; } .flipboard-boxes .box.event .next-rsvp-event .event-line .event-link .arrow, .flipboard-boxes .box.event .events-list .event-line .event-link .arrow { top: -23px; right: 0px; } .flipboard-boxes .box.type-A, .flipboard-boxes .box.type-D, .flipboard-boxes .box.type-E, .flipboard-boxes .box.event { height: 480px; } .flipboard-boxes .box.type-B, .flipboard-boxes .box.type-F, .flipboard-boxes .box.type-K, .flipboard-boxes .box.type-G { height: 345px; } .flipboard-boxes .box.type-A:hover .bg .shade, .flipboard-boxes .box.type-D:hover .bg .shade, .flipboard-boxes .box.type-J:hover .bg .shade { background: rgba(0, 23, 43, 0.75); transition-delay: 0.25s; } .flipboard-boxes .box.type-A .info, .flipboard-boxes .box.type-D .info, .flipboard-boxes .box.type-J .info { background: linear-gradient(to right, rgba(0, 23, 43, 0.5) 0%, rgba(0, 23, 43, 0.3) 35%, rgba(0, 23, 43, 0.1) 50%, rgba(0, 23, 43, 0.1) 100%); } @media only screen and (max-width: 1110px) { .flipboard-boxes .box.type-A .info, .flipboard-boxes .box.type-D .info, .flipboard-boxes .box.type-J .info { background: linear-gradient(to right, rgba(0, 23, 43, 0.8) 0%, rgba(0, 23, 43, 0.6) 70%, rgba(0, 23, 43, 0.4) 100%); } } .flipboard-boxes .box.type-A .info > * { width: 310px; } @media only screen and (max-width: 1110px) { .flipboard-boxes .box.type-A .info > * { width: 300px; } } .flipboard-boxes .box.type-A .info .title { font-size: 42px; line-height: 45px; } @media only screen and (max-width: 1110px) { .flipboard-boxes .box.type-A .info .title { font-size: 32px; line-height: 32px; min-height: 32px; } } .flipboard-boxes .box.type-A .press-img { width: 333px; left: 375px; height: 100px; top: 350px; } .flipboard-boxes .box.type-B:hover .info .subtitle .article-link .arrow { visibility: visible; } .flipboard-boxes .box.type-B:hover .bg .shade { background: rgba(0, 23, 43, 0.6); transition-delay: 0.25s; } .flipboard-boxes .box.type-B .info { background: linear-gradient(to right, rgba(0, 23, 43, 0.4) 0%, rgba(0, 23, 43, 0.3) 65%, rgba(0, 23, 43, 0.1) 100%); } .flipboard-boxes .box.type-B .info .title { width: 175px; } .flipboard-boxes .box.type-B .info .subtitle { width: 200px; } .flipboard-boxes .box.type-B .info .subtitle .article-link { padding-top: 0px; overflow: visible; } .flipboard-boxes .box.type-B .info .subtitle .article-link .label { font-size: 16px; left: 0px; opacity: 1; text-transform: none; } .flipboard-boxes .box.type-B .info .subtitle .article-link .arrow { top: -18px; right: -40px; visibility: hidden; } .flipboard-boxes .box.type-B .bg picture img { width: auto; object-fit: none; } .flipboard-boxes .box.type-C { height: 80vh; margin-bottom: 0px; min-height: 585px; max-height: 864px; } .flipboard-boxes .box.type-C:hover .bg .shade { background: rgba(0, 23, 43, 0.75); transition-delay: 0.25s; } .flipboard-boxes .box.type-C .info .title { font-size: 60px; line-height: 58px; } .flipboard-boxes .box.type-C.full .info { background: linear-gradient(to right, rgba(0, 23, 43, 0.5) 0%, rgba(0, 23, 43, 0.3) 35%, rgba(0, 23, 43, 0.1) 50%, rgba(0, 23, 43, 0.1) 100%); } .flipboard-boxes .box.type-C.full .info > * { width: 450px; } @media only screen and (max-width: 990px) { .flipboard-boxes .box.type-C.full .info > * { width: calc(100% - 45px); } } .flipboard-boxes .box.type-C.full .info .title { width: 600px; line-height: initial; font-size: 70px; } @media only screen and (max-width: 1110px) { .flipboard-boxes .box.type-C.full .info .title { font-size: 65px; } } @media only screen and (max-width: 990px) { .flipboard-boxes .box.type-C.full .info .title { width: calc(100% - 45px); } } @media only screen and (max-width: 765px) { .flipboard-boxes .box.type-C.full .info .title { font-size: 45px; } } .flipboard-boxes .box.type-C.half-full { height: 70vh; } .flipboard-boxes .box.type-C.half-full .info { width: 100%; } .flipboard-boxes .box.type-C.half-full .info > * { width: 300px; } @media only screen and (max-width: 990px) { .flipboard-boxes .box.type-C.half-full .info > * { width: calc(100% - 45px); } } .flipboard-boxes .box.type-C.half-full .info .title { font-size: 50px; } .flipboard-boxes .box.type-D .bg picture img { height: auto; object-fit: none; } .flipboard-boxes .box.type-E:hover .info .article-link .label { transition-delay: 1s; } .flipboard-boxes .box.type-E:hover .complement { padding-left: 45px; transition-delay: 0.25s; } .flipboard-boxes .box.type-E:hover .complement .date { transition-delay: 0.3s; } .flipboard-boxes .box.type-E:hover .complement .date .name { transition-delay: 0.4s; } .flipboard-boxes .box.type-E:hover .complement .date .value { transition-delay: 0.5s; } .flipboard-boxes .box.type-E:hover .complement .comments { transition-delay: 0.6s; } .flipboard-boxes .box.type-E:hover .complement .comments .name { transition-delay: 0.7s; } .flipboard-boxes .box.type-E:hover .complement .comments .value { transition-delay: 0.8s; } .flipboard-boxes .box.type-E:hover .bg .shade { background: rgba(0, 23, 43, 0.7); transition-delay: 0.25s; } .flipboard-boxes .box.type-E.press.with-icon .complement { padding-top: 145px; } .flipboard-boxes .box.type-E.press .press-img { height: 93px; width: 308px; } .flipboard-boxes .box.type-E.press .press-img picture { width: 360px; height: 240px; left: -27px; } .flipboard-boxes .box.type-E .info, .flipboard-boxes .box.type-E .complement, .flipboard-boxes .box.type-E .bg { height: 50%; } .flipboard-boxes .box.type-E .info { height: 50%; top: 50%; padding-top: 15px; background: rgba(6, 70, 102, 0.4); } .flipboard-boxes .box.type-E .info > * { width: 290px; } .flipboard-boxes .box.type-E .info .title { font-size: 25px; line-height: 25px; min-height: 26px; } .flipboard-boxes .box.type-E .complement { position: absolute; top: 0px; left: 0px; width: 100%; box-sizing: border-box; transition-duration: 0.3s; perspective: 1000px; padding-top: 45px; } .flipboard-boxes .box.type-E .bg { background: rgba(6, 70, 102, 0.4); } .flipboard-boxes .box.type-E .bg .shade::before { content: none; display: none; } .flipboard-boxes .box.type-E .bg picture img { opacity: 0.8; } .flipboard-boxes .box.type-F.post { margin-bottom: 0px; } .flipboard-boxes .box.type-F.post:hover .info .subtitle .article-link .arrow { visibility: visible; } .flipboard-boxes .box.type-F.post:hover .bg .shade { background: rgba(6, 70, 102, 0.7); transition-delay: 0.25s; } .flipboard-boxes .box.type-F.post .info { background: 0px 0px; } .flipboard-boxes .box.type-F.post .info .title { font-size: 30px; line-height: 32px; } .flipboard-boxes .box.type-F.post .info .subtitle * { font-size: 14px; } .flipboard-boxes .box.type-F.post .info .subtitle .article-link { padding-top: 0px; overflow: visible; } .flipboard-boxes .box.type-F.post .info .subtitle .article-link .label { left: 0px; opacity: 1; text-transform: none; } .flipboard-boxes .box.type-F.post .info .subtitle .article-link .arrow { top: -18px; right: -40px; visibility: hidden; } .flipboard-boxes .box.type-F.post .bg .shade { background: rgba(6, 70, 102, 0.4); } .flipboard-boxes .box.type-F.post .bg .shade::before { opacity: 0.4; } .flipboard-boxes .box.type-F.post .bg picture img { background: rgb(0, 23, 43); opacity: 0.7; } .flipboard-boxes .box.type-F.post .complement { padding-top: 10px; } .flipboard-boxes .box.type-F .bg picture img { width: auto; object-fit: none; } .flipboard-boxes .box.type-J { width: 270px; height: 345px; } .flipboard-boxes .box.type-J .info .title { line-height: 20px; } .flipboard-boxes .box.type-J .info .title a { color: rgb(177, 216, 241); font-size: 17px; } .flipboard-boxes .box.type-J .info > * { width: 310px; } @media only screen and (max-width: 1110px) { .flipboard-boxes .box.type-J .info > * { width: 300px; } } .flipboard-boxes .box.type-J .complement { display: none; } .flipboard-boxes .box.type-J .press-img { width: calc(100% - 16px); height: 80px; top: 239px; left: 8px; background-size: cover; } .flipboard-boxes .box.type-P { width: 360px; height: 210px; } .flipboard-boxes .box.type-P .info { padding-top: 35px; } .flipboard-boxes .box.type-P .info .title { line-height: 28px; font-size: 25px; } .flipboard-boxes .box.type-P .info > * { width: 290px; } .flipboard-boxes .box.type-P .complement { display: none; } .flipboard-boxes .box.type-P .press-img { width: calc(100% - 16px); height: 80px; top: 239px; left: 8px; background-size: cover; } .flipboard-boxes .box.type-K { background: center top no-repeat; } .flipboard-boxes .box.type-K header .subtitle { padding: 0px; } .flipboard-boxes .box.type-K header .subtitle::before { content: ""; } .flipboard-boxes .box.type-K h3 { text-shadow: rgb(0, 108, 255) 0px 0px 15px, rgb(0, 108, 255) 0px 0px 15px; } .flipboard-boxes .box.type-K .info { position: relative; background: 0px 0px; height: 76px; } .flipboard-boxes .box.type-K .excerpt { display: block; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(8, 145, 197); margin: 30px 0px 0px; padding-left: 45px; } .flipboard-boxes .box.type-K .excerpt .arrow { top: -19px; left: -22px; } .flipboard-boxes .box.type-K .data { position: relative; width: 360px; height: 100px; background: center top; margin-top: 68px; text-align: center; padding-top: 18px; } .flipboard-boxes .box.type-K .data .data-item { transition-duration: 0.3s; perspective: 1000px; width: 82px; margin: 0px 5px; display: inline-block; vertical-align: top; text-align: center; } .flipboard-boxes .box.type-K .data .data-item .data-title { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(153, 227, 245); text-transform: uppercase; border-bottom: 1px solid rgb(8, 67, 106); padding-bottom: 7px; } .flipboard-boxes .box.type-K .data .data-item .data-entry { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 36px; color: rgb(77, 255, 255); text-shadow: rgb(0, 108, 255) 0px 0px 15px, rgb(0, 108, 255) 0px 0px 15px; } .flipboard-boxes .box.type-K .data .neon { transition-duration: 0.3s; perspective: 1000px; position: absolute; width: 358px; height: 4px; background: rgb(2, 55, 90); } .flipboard-boxes .box.type-K .data .neon.top { top: -1px; transform: perspective(358px) rotateX(-35deg); } .flipboard-boxes .box.type-K .data .neon.bottom { bottom: -1px; transform: perspective(358px) rotateX(35deg); } .flipboard-boxes .box.type-K:hover .data .neon { background: rgb(77, 255, 255); box-shadow: rgb(0, 108, 255) 0px 0px 15px, rgb(0, 108, 255) 0px 0px 15px; } .flipboard-boxes .box.type-SCE .event-inner-wrapper { display: flex; flex-flow: column; box-sizing: border-box; justify-content: flex-start; height: 100%; } .flipboard-boxes .box.type-SCE .event-inner-wrapper > * { position: relative; } .flipboard-boxes .box.type-SCE .event-inner-wrapper .info, .flipboard-boxes .box.type-SCE .event-inner-wrapper .upcoming-events { background-color: rgba(0, 44, 69, 0.4); } .flipboard-boxes .box.type-SCE .event-inner-wrapper .info { padding: 45px 30px 20px; height: auto; } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event { padding: 4px 0px; overflow: hidden; transition-duration: 0.5s; perspective: 1000px; } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event::before, .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event::after { content: ""; position: absolute; border-left: 5px solid transparent; border-right: 5px solid transparent; height: 0px; width: 100%; left: 0px; right: 0px; box-sizing: border-box; } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event::before { border-top: 4px solid rgb(240, 231, 179); top: 0px; box-shadow: rgba(226, 97, 11, 0.51) 0px 8px 28px 0px, rgba(226, 97, 11, 0.78) 0px 20px 38px 0px, rgba(226, 97, 11, 0.643) 0px -2px 8px 0px; } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event::after { border-bottom: 4px solid rgb(240, 231, 179); bottom: 0px; box-shadow: rgba(226, 97, 11, 0.51) 0px -8px 28px 0px, rgba(226, 97, 11, 0.78) 0px -20px 38px 0px, rgba(226, 97, 11, 0.643) 0px 2px 8px 0px; } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event .next-rsvp-event { padding: 16px 30px 15px; background: center center repeat-y transparent; } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event .next-rsvp-event .rsvp-event { padding-bottom: 0px; } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event .next-rsvp-event .rsvp-event:hover .event-countdown .number { color: rgb(253, 250, 231); } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event .next-rsvp-event .rsvp-event:hover .event-countdown .letter { color: rgb(217, 207, 152); } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event .next-rsvp-event .rsvp-event:hover .title { color: rgb(253, 250, 231); } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event .next-rsvp-event .rsvp-event:hover .date, .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event .next-rsvp-event .rsvp-event:hover .excerpt { color: rgb(217, 207, 152); } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event .next-rsvp-event .rsvp-event:hover .event-link .arrow { visibility: visible; animation: 0.1s linear 0s 1 normal none running arrow; } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event .next-rsvp-event .rsvp-event:hover .event-link .arrow::before { animation: 0.3s linear 0s 1 normal none running arrow; } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event .next-rsvp-event .rsvp-event:hover .event-link .arrow::after { animation: 0.5s linear 0s 1 normal none running arrow; } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event .next-rsvp-event .rsvp-event * { transition-duration: 0.3s; perspective: 1000px; } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event .next-rsvp-event .rsvp-event .event-countdown { margin-bottom: 10px; } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event .next-rsvp-event .rsvp-event .event-countdown.past-event .number { animation: 0.3s ease-in-out 0s infinite normal none running blink; } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event .next-rsvp-event .rsvp-event .event-countdown > *, .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event .next-rsvp-event .rsvp-event .event-countdown > ::after { text-shadow: rgba(255, 118, 17, 0.4) 0px 0px 6px; } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event .next-rsvp-event .rsvp-event .event-countdown .number { font-family: Orbitron, sans-serif, Arial, Verdana; font-size: 17px; color: rgb(217, 207, 152); font-weight: 700; letter-spacing: 7px; width: 42px; display: inline-block; transition-duration: 0.15s; perspective: 1000px; } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event .next-rsvp-event .rsvp-event .event-countdown .letter { font-family: Orbitron, sans-serif, Arial, Verdana; font-size: 11px; color: rgb(132, 128, 96); margin-left: -5px; } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event .next-rsvp-event .rsvp-event .event-countdown .letter::after { content: "/"; padding-left: 3px; } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event .next-rsvp-event .rsvp-event .date, .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event .next-rsvp-event .rsvp-event .excerpt { color: rgb(153, 147, 109); } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event .next-rsvp-event .rsvp-event .date { margin-top: 4px; display: inline-block; } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event .next-rsvp-event .rsvp-event .title { font-size: 18px; font-weight: 700; letter-spacing: 4px; margin-top: 3px; } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event .next-rsvp-event .rsvp-event .event-link { position: relative; display: inline-block; width: 40px; vertical-align: bottom; height: 18px; } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event .next-rsvp-event .rsvp-event .event-link .arrow { top: -21px; right: 0px; } .flipboard-boxes .box.type-SCE .event-inner-wrapper .main-event .next-rsvp-event .rsvp-event .event-link .label { top: -1px; } .flipboard-boxes .box.type-SCE .event-inner-wrapper .upcoming-events { flex: 1 1 0%; padding: 20px 30px; } .flipboard-boxes .box.type-SCE .event-inner-wrapper .upcoming-events .glow-mini-breadcrumb { padding-bottom: 6px; } .flipboard-boxes .box.type-CE { background-color: rgba(0, 44, 69, 0.4); } .flipboard-boxes .box.type-CE .info { padding: 45px 0px 14px 30px; } .flipboard-boxes .box.type-CE .events-list { padding: 2px 30px 0px; } .flipboard-boxes .box.type-CE .events-list .event-line { padding-bottom: 3px; } .flipboard-boxes .box.type-CE .events-list .event-line .event-link .arrow { top: -24px; } .flipboard-boxes .box .info .title, .flipboard-boxes .box .show-list .title { position: relative; } .flipboard-boxes .box .info .title, .flipboard-boxes .box .show-list .title, .flipboard-boxes .box .info .title a, .flipboard-boxes .box .show-list .title a, .flipboard-boxes .box .info .title span, .flipboard-boxes .box .show-list .title span { color: rgb(63, 201, 225); margin: 0px; } .flipboard-boxes .box .info { left: 0px; height: 100%; top: 0px; width: 100%; position: absolute; z-index: 2; box-sizing: border-box; transition-duration: 0.3s; perspective: 1000px; } @media only screen and (max-width: 765px) { .flipboard-boxes .box .info { background: rgba(0, 23, 43, 0.45); } } .flipboard-boxes .box .info > * { text-shadow: rgb(34, 42, 53) 0px 0px 5px; } .flipboard-boxes .box .info .title, .flipboard-boxes .box .info .subtitle, .flipboard-boxes .box .info .title a, .flipboard-boxes .box .info .subtitle a { font-family: Electrolize; } .flipboard-boxes .box .info .title { font-size: 32px; line-height: 32px; min-height: 32px; } .flipboard-boxes .box .info .subtitle { font-size: 16px; line-height: 20px; min-height: 16px; margin: 10px 0px; position: relative; padding-left: 12px; box-sizing: border-box; } .flipboard-boxes .box .info .subtitle, .flipboard-boxes .box .info .subtitle a, .flipboard-boxes .box .info .subtitle span { color: rgb(153, 227, 245); } .flipboard-boxes .box .info .subtitle::before { content: "-"; position: absolute; left: 0px; } .flipboard-boxes .box .info .excerpt { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(8, 145, 197); margin: 30px 0px 0px; } .flipboard-boxes .box .info .excerpt .article-link { padding-top: 0px; vertical-align: bottom; } .flipboard-boxes .box .info .excerpt .article-link .arrow { top: -20px; } .flipboard-boxes .box .info .excerpt .article-link .label { top: -1px; } .flipboard-boxes .box .info .article-link { box-sizing: border-box; padding-top: 4px; text-transform: uppercase; overflow: hidden; width: auto; display: inline-block; } .flipboard-boxes .box .info .article-link .label { opacity: 0; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 11px; color: rgb(218, 158, 0); text-shadow: rgba(218, 158, 0, 0.5) 0px 0px 10px; transform: translateZ(0px); transition-duration: 0.3s; perspective: 1000px; left: -135px; position: relative; display: inline-block; } .flipboard-boxes .box .info .article-link .arrow:hover { animation: auto ease 0s 1 normal none running none; } .flipboard-boxes .box .complement { width: 135px; right: 0px; padding: 20px 0px 0px; overflow: hidden; z-index: 2; } .flipboard-boxes .box .complement > ::before, .flipboard-boxes .box .complement > ::after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 31px; height: 1px; } .flipboard-boxes .box .complement > ::before { background-color: rgb(8, 67, 106); } .flipboard-boxes .box .complement > ::after { border-width: 0px 1px; border-style: solid; border-color: rgb(103, 122, 10); } .flipboard-boxes .box .complement > * > * { text-transform: uppercase; display: inline-block; font-size: 11px; font-family: Electrolize; } .flipboard-boxes .box .complement > *, .flipboard-boxes .box .complement > * > * { transform: translateZ(0px); left: -135px; position: relative; opacity: 0; } .flipboard-boxes .box .complement > * .name { color: rgb(44, 121, 159); padding: 16px 0px 1px; } .flipboard-boxes .box .complement > * .name::after { content: "/"; padding-left: 3px; padding-right: 5px; } .flipboard-boxes .box .complement > * .value { color: rgb(8, 204, 246); padding: 1px 0px 16px; } .flipboard-boxes .box .bg { position: absolute; top: 0px; width: 100%; height: 100%; z-index: 1; overflow: hidden; } .flipboard-boxes .box .bg .shade { position: absolute; z-index: 2; width: 100%; height: 100%; background: rgba(0, 23, 43, 0.2); transition-duration: 0.3s; perspective: 1000px; } .flipboard-boxes .box .bg .shade::before { content: ""; position: absolute; width: 100%; height: 100%; display: block; opacity: 0.2; background: linear-gradient(rgb(0, 23, 43) 0%, rgba(0, 23, 43, 0) 100%); } .flipboard-boxes .box .bg picture { position: relative; z-index: 1; height: 100%; width: 100%; } .flipboard-boxes .box .bg picture img { left: 50%; height: calc(100% + 1px); width: calc(100% + 1px); object-fit: cover; opacity: 0.95; position: relative; top: 50%; transform: translate(-50%, -50%); transition-duration: 0.3s; perspective: 1000px; } .flipboard-boxes .box .press-img { position: absolute; top: 25px; left: 25px; width: 300px; z-index: 3; overflow: hidden; opacity: 0; transition-duration: 0.3s; perspective: 1000px; background-size: cover; background-repeat: no-repeat; } .glow-hub-title { text-transform: uppercase; padding: 0px 30px; height: 190px; position: relative; } .glow-hub-title .glow-hub-section, .glow-hub-title .glow-hub-section a { font: 500 16px / 16px Orbitron; color: rgb(39, 196, 255); text-shadow: rgb(0, 112, 202) 0px 0px 15px; } .glow-hub-title h1, .glow-hub-title h1 a, .glow-hub-title h2 { color: rgb(147, 215, 247); text-shadow: rgb(0, 108, 255) 0px 0px 15px, rgb(0, 108, 255) 0px 0px 15px; } .glow-hub-title h1, .glow-hub-title h1 a { font: 700 32px / 32px Orbitron; margin-bottom: 10px; } .glow-hub-title h2 { font: 700 15px / 15px Orbitron; } .glow-hub-title a { transition-duration: 0.2s; perspective: 1000px; } .glow-hub-title a:hover { color: rgb(177, 216, 241); } .glow-load-more-btn { display: flex; flex-flow: row; box-sizing: border-box; } .glow-load-more-btn.finish { margin-bottom: 16px; } .glow-load-more-btn.finish .chevron, .glow-load-more-btn.finish .sec-middle { display: none; } .glow-load-more-btn.loading .sec-middle::before { content: ""; display: block; border-top: 4px solid rgb(20, 230, 250); border-left: 4px solid transparent; border-right: 4px solid transparent; height: 0px; width: 100%; position: absolute; bottom: -3px; left: 50%; transform: translateX(-50%); z-index: 3; box-shadow: rgba(0, 112, 202, 0.5) 0px -14px 32px 1px, rgba(0, 112, 202, 0.5) 0px -16px 50px 1px; animation: 0.9s ease-in-out 0s infinite normal none running fadefromlow; } .glow-load-more-btn.loading .sec-middle .label-inner::after { opacity: 0; } .glow-load-more-btn * { text-transform: uppercase; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(6, 108, 147); } .glow-load-more-btn > * { position: relative; } .glow-load-more-btn .sec-left, .glow-load-more-btn .sec-right { flex: 1 1 0%; position: relative; z-index: 1; } .glow-load-more-btn .sec-left::before, .glow-load-more-btn .sec-right::before { width: 100%; height: 1px; background: rgb(10, 86, 136); content: ""; position: absolute; top: 0px; left: 0px; } .glow-load-more-btn .chevron { height: 16px; z-index: 2; } .glow-load-more-btn .sec-middle { width: 270px; margin: 0px 4px; } .glow-load-more-btn .sec-middle::after { width: 100%; height: 1px; background: rgb(10, 86, 136); content: ""; position: absolute; bottom: 0px; left: 0px; z-index: 1; } .glow-load-more-btn .sec-middle .label-inner { box-sizing: border-box; padding: 0px 47px; position: relative; margin-top: -8px; } .glow-load-more-btn .sec-middle .label-inner::after { content: ""; background: rgb(67, 237, 248); transform: skew(-45deg); height: 4px; width: 0px; left: 0px; bottom: -11px; transition-duration: 0.3s; perspective: 1000px; display: block; position: absolute; z-index: 2; } .glow-load-more-btn .sec-middle .label-inner.on::after { transform: translateX(138px) skew(-45deg); width: 35px; } .glow-load-more-btn .sec-middle .label-inner.off::after { transform: translateX(186px) skew(-45deg); width: 42px; } .glow-load-more-btn .sec-middle .label-inner .label { padding-right: 28px; } .glow-load-more-btn .sec-middle .label-inner .label::after { content: ":"; padding-left: 1px; } .glow-load-more-btn .sec-middle .label-inner .lm-separator { padding: 0px 10px; } .glow-load-more-btn .sec-middle .label-inner .control { transition-duration: 0.3s; perspective: 1000px; user-select: none; } .glow-load-more-btn .sec-middle .label-inner .control:hover, .glow-load-more-btn .sec-middle .label-inner .control.active { color: rgb(20, 230, 250); } .glow-mini-breadcrumb { list-style: none; margin: 0px; padding: 0px; position: relative; } .glow-mini-breadcrumb li { display: inline-block; } .glow-mini-breadcrumb li.nav-item { font-size: 12px; font-family: Electrolize; line-height: 12px; text-transform: uppercase; } .glow-mini-breadcrumb li.nav-item::after { content: "/"; padding-left: 3px; } .glow-mini-breadcrumb li.nav-item.channel { color: rgb(8, 145, 197); } .glow-mini-breadcrumb li.nav-item.section { color: rgb(218, 158, 0); } .glow-page-title { padding: 0px; box-sizing: border-box; display: flex; flex-direction: row; margin-bottom: 30px; position: relative; } .glow-page-title.with-link { margin-bottom: 20px; } .glow-page-title.full-width::after { content: ""; width: 100%; height: 1px; background: rgb(10, 86, 136); display: block; position: absolute; left: 0px; bottom: 0px; } .glow-page-title.full-width .wrapper { box-sizing: border-box; width: 100%; } .glow-page-title.full-width .wrapper .inner-title::after { content: none; display: none; } .glow-page-title .inner-title { flex: 1 1 0%; position: relative; } .glow-page-title .inner-title::after { content: ""; width: calc(100% + 4px); height: 1px; background: rgb(10, 86, 136); display: block; position: absolute; top: 45px; } .glow-page-title .inner-title > * { position: relative; } .glow-page-title .inner-title .title, .glow-page-title .inner-title .subtitle { left: 30px; font: 500 18px / 18px Orbitron; text-transform: uppercase; letter-spacing: 2px; } @media only screen and (max-width: 658px) { .glow-page-title .inner-title .title, .glow-page-title .inner-title .subtitle { font-size: 16px; left: 15px; } } .glow-page-title .inner-title .title::after, .glow-page-title .inner-title .subtitle::after { content: "/"; padding-left: 7px; padding-right: 7px; } .glow-page-title .inner-title .title { color: rgb(0, 231, 255); } .glow-page-title .inner-title .subtitle { color: rgb(7, 136, 185); float: left; } .glow-page-title .link-title { padding-left: 22px; position: relative; margin-top: 34px; } .glow-page-title .link-title::before { width: 6px; height: 16px; content: ""; background: rgb(67, 237, 248); box-shadow: rgba(0, 112, 202, 0.79) 14px 2px 50px 4px, rgba(0, 112, 202, 0.5) 2px 2px 12px 1px; top: -4px; left: 8px; position: absolute; transform: skew(-45deg); z-index: 2; } .glow-page-title .link-title .link { top: -4px; text-transform: uppercase; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(44, 121, 159); padding: 10px 16px 0px 14px; position: relative; transition-duration: 0.3s; perspective: 1000px; z-index: 1; } .glow-page-title .link-title .link::before, .glow-page-title .link-title .link::after { content: ""; position: absolute; } .glow-page-title .link-title .link::before { width: 100%; height: 1px; background: rgb(10, 86, 136); display: block; top: 0px; left: 0px; } .glow-page-title .link-title .link::after { background: rgb(67, 237, 248); transform: skew(-45deg); height: 4px; width: 0px; top: -3px; left: -5px; transition-duration: 0.2s; perspective: 1000px; } .glow-page-title .link-title .link:hover { color: rgb(67, 237, 248); } .glow-page-title .link-title .link:hover::after { width: calc(100% + 6px); box-shadow: rgba(0, 112, 202, 0.79) 14px 12px 50px 7px, rgba(0, 112, 202, 0.6) 0px 0px 12px 1px; } .glow-page-title .dropdown-title { padding-left: 22px; position: relative; margin-top: 34px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 11px; color: rgb(8, 145, 197); } .glow-page-title .dropdown-title::before { width: 6px; height: 16px; content: ""; background: rgb(67, 237, 248); box-shadow: rgba(0, 112, 202, 0.79) 14px 2px 50px 4px, rgba(0, 112, 202, 0.5) 2px 2px 12px 1px; top: -4px; left: 8px; position: absolute; transform: skew(-45deg); z-index: 2; } .glow-page-title .dropdown-title .link { top: -4px; text-transform: uppercase; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(44, 121, 159); padding: 10px 16px 0px 14px; position: relative; transition-duration: 0.3s; perspective: 1000px; z-index: 1; } .glow-page-title .dropdown-title .link::before, .glow-page-title .dropdown-title .link::after { content: ""; position: absolute; } .glow-page-title .dropdown-title .link::before { width: 100%; height: 1px; background: rgb(10, 86, 136); display: block; top: 0px; left: 0px; } .glow-page-title .dropdown-title .link::after { background: rgb(67, 237, 248); transform: skew(-45deg); height: 4px; width: 0px; top: -3px; left: -5px; transition-duration: 0.2s; perspective: 1000px; } .glow-page-title .dropdown-title .inner-content { border-top: 1px solid rgb(12, 103, 161); margin: -4px 0px 0px; padding: 10px; } .glow-page-title .tab-title { padding-right: 22px; position: relative; margin-top: 34px; } .glow-page-title .tab-title::before { width: 6px; height: 16px; content: ""; background: rgb(67, 237, 248); box-shadow: rgba(0, 112, 202, 0.79) 14px 2px 50px 4px, rgba(0, 112, 202, 0.5) 2px 2px 12px 1px; top: -4px; right: 8px; position: absolute; transform: skew(45deg); z-index: 2; } .glow-page-title .tab-title .link { top: -4px; text-transform: uppercase; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(44, 121, 159); padding: 10px 16px 0px 14px; position: relative; transition-duration: 0.3s; perspective: 1000px; z-index: 1; } .glow-page-title .tab-title .link::before, .glow-page-title .tab-title .link::after { content: ""; position: absolute; } .glow-page-title .tab-title .link::before { width: 100%; height: 1px; background: rgb(10, 86, 136); display: block; top: 0px; left: 0px; } .glow-page-title .tab-title .link::after { background: rgb(67, 237, 248); transform: skew(-45deg); height: 4px; width: 0px; top: -3px; left: -5px; transition-duration: 0.2s; perspective: 1000px; } .glow-page-title .search { padding-left: 22px; position: relative; margin-top: 21px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 11px; color: rgb(8, 145, 197); } .glow-page-title .search::before { width: 6px; height: 16px; content: ""; background: rgb(67, 237, 248); box-shadow: rgba(0, 112, 202, 0.79) 14px 2px 50px 4px, rgba(0, 112, 202, 0.5) 2px 2px 12px 1px; top: -4px; left: 8px; position: absolute; transform: skew(-45deg); z-index: 2; } .glow-page-title .search .link { top: -4px; text-transform: uppercase; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(44, 121, 159); padding: 10px 16px 0px 14px; position: relative; transition-duration: 0.3s; perspective: 1000px; z-index: 1; } .glow-page-title .search .link::before, .glow-page-title .search .link::after { content: ""; position: absolute; } .glow-page-title .search .link::before { width: 100%; height: 1px; background: rgb(10, 86, 136); display: block; top: 0px; left: 0px; } .glow-page-title .search .link::after { background: rgb(67, 237, 248); transform: skew(-45deg); height: 4px; width: 0px; top: -3px; left: -5px; transition-duration: 0.2s; perspective: 1000px; } .glow-page-title .search .inner-content { border-top: 1px solid rgb(12, 103, 161); margin: -4px 0px 0px; } .glow-page-title .search .inner-content form { position: relative; margin: 10px 15px 0px; } .glow-page-title .search .inner-content form::before { content: ""; position: absolute; left: 0px; bottom: 1px; width: 1px; height: 3px; background: rgb(2, 56, 103); } .glow-page-title .search .inner-content form::after { content: ""; position: absolute; right: 0px; bottom: 1px; width: 1px; height: 3px; background: rgb(2, 56, 103); } .glow-page-title .search .inner-content form input[type="search"] { transition-duration: 0.3s; perspective: 1000px; width: 320px; height: 26px; padding: 5px 10px; border-style: solid; border-color: rgb(2, 56, 103); border-image: initial; border-width: 0px 0px 1px; background: 0px 0px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(133, 159, 168); display: inline-block; vertical-align: top; } .glow-page-title .search .inner-content form input[type="search"]:focus { color: rgb(77, 255, 255); } .glow-page-title .search .inner-content form input[type="search"]::before { content: ""; position: absolute; bottom: 15px; width: 1px; height: 3px; background: rgb(8, 67, 106); } .glow-page-title .search .inner-content form input[type="submit"] { position: absolute; background: 5px no-repeat; top: -1px; right: 4px; width: 19px; height: 19px; padding: 0px; display: inline-block; vertical-align: top; } .glow-page-title .nav-title .link * { display: inline-block; vertical-align: top; } .glow-page-title .view-all { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 11px; color: rgb(7, 136, 185); transition-duration: 0.3s; perspective: 1000px; margin-right: 15px; } .glow-page-title .view-all:hover { color: rgb(67, 237, 248); } .glow-page-title .actions { width: 50px; height: 30px; position: relative; } .glow-page-title .actions .link { display: block; line-height: 7px; float: right; padding-right: 25px; } .glow-page-title .actions .link .label { opacity: 0.4; font-family: Electrolize; font-size: 12px; color: rgb(44, 121, 159); text-transform: uppercase; } .glow-page-title .actions .link .arrow { top: -25px; } .glow-page-title .actions.nav { top: -7px; margin-left: 10px; } .glow-page-title .actions.nav .up, .glow-page-title .actions.nav .down, .glow-page-title .actions.nav .right, .glow-page-title .actions.nav .left { display: block; position: absolute; opacity: 0.6; height: 25px; width: 23px; background: no-repeat; top: 4px; } .glow-page-title .actions.nav .up:hover, .glow-page-title .actions.nav .down:hover, .glow-page-title .actions.nav .right:hover, .glow-page-title .actions.nav .left:hover { opacity: 1; } .glow-page-title .actions.nav .up.inactive, .glow-page-title .actions.nav .down.inactive, .glow-page-title .actions.nav .right.inactive, .glow-page-title .actions.nav .left.inactive { opacity: 0.6; cursor: default; } .glow-page-title .actions.nav .up { transform: rotate(270deg); left: 0px; } .glow-page-title .actions.nav .down { transform: rotate(90deg); right: 0px; } .glow-page-title .actions.nav .right { transform: rotate(0deg); right: 0px; } .glow-page-title .actions.nav .left { transform: rotate(-180deg); left: 0px; } .glow-tabs { padding: 0px; box-sizing: border-box; display: flex; flex-direction: row; margin-bottom: 30px; position: relative; } .glow-tabs .inner-tabs { flex: 1 1 0%; position: relative; border-bottom: 1px solid rgb(2, 64, 110); padding-left: 30px; } @media only screen and (max-width: 768px) { .glow-tabs .inner-tabs { border-bottom: none; padding-left: 0px; } } @media only screen and (max-width: 768px) { .glow-tabs { display: block; } } .glow-tabs .options-tabs { padding-left: 22px; position: relative; margin-top: 24px; display: inline-block; top: 10px; } @media only screen and (max-width: 768px) { .glow-tabs .options-tabs { width: 100%; padding-left: 0px; } } .glow-tabs .options-tabs::before { width: 6px; height: 16px; content: ""; background: rgb(67, 237, 248); box-shadow: rgba(0, 112, 202, 0.79) 14px 2px 50px 4px, rgba(0, 112, 202, 0.5) 2px 2px 12px 1px; top: -4px; left: 8px; position: absolute; transform: skew(-45deg); z-index: 502; } @media only screen and (max-width: 768px) { .glow-tabs .options-tabs::before { display: none; } } .glow-tabs .options-tabs .options-tabs-inner { top: -4px; position: relative; } .glow-tabs .options-tabs .options-tabs-inner::before, .glow-tabs .options-tabs .options-tabs-inner::after { content: ""; position: absolute; } .glow-tabs .options-tabs .options-tabs-inner::before { width: 100%; height: 1px; background: rgb(10, 86, 136); display: block; top: 0px; left: 0px; z-index: 2; } .glow-tabs .options-tabs .options-tabs-inner::after { background: rgb(67, 237, 248); transform: skew(-45deg); height: 4px; width: 0px; top: -3px; left: -5px; transition-duration: 0.2s; perspective: 1000px; z-index: 502; } .glow-tabs .options-tabs .options-tabs-inner > a { text-transform: uppercase; padding: 0px 16px 0px 14px; position: relative; z-index: 1; border-right: 1px solid rgba(0, 0, 0, 0); } .glow-tabs .options-tabs .options-tabs-inner > a span { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(44, 121, 159); } @media only screen and (max-width: 768px) { .glow-tabs .options-tabs .options-tabs-inner > a span { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 16px; color: rgb(44, 121, 159); } } .glow-tabs .options-tabs .options-tabs-inner > a::after { content: ""; display: block; background: 0px 0px; position: absolute; border-width: 0px 0px 16px 16px; border-color: transparent transparent rgb(6, 16, 25); border-style: solid; top: 0px; left: -16px; opacity: 0; } @media only screen and (max-width: 768px) { .glow-tabs .options-tabs .options-tabs-inner > a::after { display: none; } } .glow-tabs .options-tabs .options-tabs-inner > a:hover span, .glow-tabs .options-tabs .options-tabs-inner > a.active span { color: rgb(20, 230, 250); transition-duration: 0.2s; perspective: 1000px; } .glow-tabs .options-tabs .options-tabs-inner > a:hover::before, .glow-tabs .options-tabs .options-tabs-inner > a.active::before { opacity: 1; box-shadow: rgba(0, 112, 202, 0.79) 14px 2px 50px 4px, rgba(0, 112, 202, 0.5) 2px 2px 12px 1px; } .glow-tabs .options-tabs .options-tabs-inner > a.active { background: rgb(6, 16, 25); border-right: 1px solid rgb(2, 64, 110); } @media only screen and (max-width: 768px) { .glow-tabs .options-tabs .options-tabs-inner > a.active { border-left: 1px solid rgb(2, 64, 110); } } .glow-tabs .options-tabs .options-tabs-inner > a.active::after { opacity: 1; } .glow-tabs .options-tabs.category { position: relative; } .glow-tabs .options-tabs.category .options-tabs-inner { width: 160px; } @media only screen and (max-width: 768px) { .glow-tabs .options-tabs.category .options-tabs-inner { width: 100%; } } .glow-tabs .options-tabs.category .options-tabs-inner * { font-family: Electrolize; } .glow-tabs .options-tabs.category .options-tabs-inner > a { padding: 0px 40px 0px 0px; position: relative; display: block; text-align: right; } @media only screen and (max-width: 768px) { .glow-tabs .options-tabs.category .options-tabs-inner > a { height: 60px; line-height: 60px; } } .glow-tabs .options-tabs.category .options-tabs-inner > a:hover::before, .glow-tabs .options-tabs.category .options-tabs-inner > a.active::before { display: none; } .glow-tabs .options-tabs.category .options-tabs-inner > a:hover .arrow, .glow-tabs .options-tabs.category .options-tabs-inner > a.active .arrow { opacity: 1; } .glow-tabs .options-tabs.category .options-tabs-inner > a .arrow { transition-duration: 0.2s; perspective: 1000px; width: 37px; height: 32px; display: block; position: absolute; opacity: 0.5; right: 0px; top: -4px; background: no-repeat; } @media only screen and (max-width: 768px) { .glow-tabs .options-tabs.category .options-tabs-inner > a .arrow { top: 13px; } } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner { width: 173px; display: none; position: absolute; right: 0px; top: 18px; z-index: 501; } @media only screen and (max-width: 768px) { .glow-tabs .options-tabs.category .options-tabs-inner .category-inner { top: 40px; } } @media only screen and (max-width: 768px) { .glow-tabs .options-tabs.category .options-tabs-inner .category-inner { width: 100%; overflow: hidden; } } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul { list-style: inside none; padding: 30px 0px 25px; margin: 0px; display: block; background: rgb(6, 16, 25); border-right: 1px solid rgb(2, 64, 110); border-bottom: 1px solid rgb(2, 64, 110); border-left: 1px solid rgb(2, 64, 110); border-image: initial; border-top: none; } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul li { height: 26px; } @media only screen and (max-width: 768px) { .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul li { height: 40px; } } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul li a { height: 26px; line-height: 26px; display: block; position: relative; border-bottom: 1px solid rgb(2, 64, 110); font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 11px; color: rgb(44, 121, 159); text-transform: uppercase; text-align: right; padding-right: 40px; transition-duration: 0.2s; perspective: 1000px; } @media only screen and (max-width: 768px) { .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul li a { height: 40px; line-height: 40px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(44, 121, 159); } } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul li a.last { border-bottom: none; } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul li a span { width: 14px; height: 14px; display: block; background: rgba(8, 145, 197, 0.1); position: absolute; right: 17px; top: 6px; } @media only screen and (max-width: 768px) { .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul li a span { top: 11px; } } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul li a span::before, .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul li a span::after { background: rgb(20, 230, 250); position: absolute; content: ""; display: block; transition-duration: 0.2s; perspective: 1000px; opacity: 0; } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul li a span::before { width: 2px; height: 8px; left: 6px; top: 3px; } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul li a span::after { width: 8px; height: 2px; left: 3px; top: 6px; } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul li a span .glow-corners.bottom-corners { bottom: 4px; } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul li a span .glow-corners::before, .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul li a span .glow-corners::after { width: 3px; height: 3px; border-color: rgb(8, 145, 197); } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul li a.check { color: rgb(20, 230, 250); } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul li a.check span::before { opacity: 1; } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul li a.check span::after { display: none; } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul li a.check:hover span::before { width: 8px; height: 2px; left: 3px; top: 6px; } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul li a:hover { color: rgb(20, 230, 250); background: rgba(8, 145, 197, 0.1); } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul li a:hover span::before, .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul li a:hover span::after { opacity: 1; } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul li a:hover span::before { width: 8px; height: 2px; left: 3px; top: 6px; } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul li a:hover span::after { width: 2px; height: 8px; left: 6px; top: 3px; } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul li a:hover span .glow-corners::before, .glow-tabs .options-tabs.category .options-tabs-inner .category-inner ul li a:hover span .glow-corners::after { border-color: rgb(0, 237, 255); } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner .apply-button { float: right; margin-top: -1px; } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner .apply-button > span { cursor: pointer; background: rgb(6, 16, 25); height: 16px; display: block; line-height: 16px; font-size: 12px; color: rgb(8, 145, 197); padding: 0px 0px 10px; top: -10px; border-right: 1px solid rgb(2, 64, 110); } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner .apply-button > span .label { text-transform: uppercase; padding: 0px 45px 0px 10px; transition-duration: 0.2s; perspective: 1000px; } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner .apply-button > span .arrow { right: 0px; } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner .apply-button > span::before { content: ""; display: block; position: absolute; height: 0px; border-style: solid; bottom: 0px; z-index: 1; border-width: 0px 17px 17px 0px; border-color: transparent rgb(6, 16, 25) transparent transparent; left: -17px; } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner .apply-button > span::after { width: 6px; height: 15px; content: ""; background: rgb(67, 237, 248); box-shadow: rgba(0, 112, 202, 0.79) 14px 2px 50px 4px, rgba(0, 112, 202, 0.5) 2px 2px 12px 1px; top: 11px; left: -8px; position: absolute; transform: skew(45deg); z-index: 502; } .glow-tabs .options-tabs.category .options-tabs-inner .category-inner .apply-button > span:hover .label { color: rgb(67, 237, 248); } .options-tabs-loading { display: none; position: absolute; top: 25px; right: 218px; width: 5px; height: 13px; background: 0px 0px; transform: skew(-45deg); animation: 1s ease 0s infinite normal forwards running chs-animation-load; } .ch-tabs { padding: 0px; margin: 0px; list-style: none; } .ch-tabs li { float: left; position: relative; } @media only screen and (max-width: 768px) { .ch-tabs li { width: 50%; } } .ch-tabs li a { height: 44px; line-height: 44px; padding: 0px 0px 0px 25px; display: block; background: rgb(0, 10, 17); position: relative; margin-right: 27px; border-left: 1px solid rgb(2, 64, 110); border-top: 1px solid rgb(2, 64, 110); } @media only screen and (max-width: 768px) { .ch-tabs li a { margin-right: 0px; border: 1px solid rgb(2, 64, 110); } } .ch-tabs li a::before, .ch-tabs li a::after { content: ""; display: block; position: absolute; top: 0px; } @media only screen and (max-width: 768px) { .ch-tabs li a::before, .ch-tabs li a::after { display: none; } } .ch-tabs li a::before { border-width: 44px 0px 0px 44px; border-color: transparent transparent transparent rgb(0, 10, 17); right: -44px; border-style: solid; } .ch-tabs li a::after { display: block; background: rgb(67, 237, 248); transform: skew(45deg); height: 4px; width: 0px; box-sizing: border-box; top: -3px; right: -4px; position: absolute; transition-duration: 0.2s; perspective: 1000px; margin-left: 5px; overflow: hidden; } @media only screen and (max-width: 768px) { .ch-tabs li a::after { transform: skew(0deg); right: 0px; } } .ch-tabs li a span { display: block; padding: 17px 5px 0px 0px; height: 28px; font: 700 15px / 15px Orbitron; color: rgb(6, 108, 147); text-transform: uppercase; transition-duration: 0.2s; perspective: 1000px; } .ch-tabs li a span::before, .ch-tabs li a span::after { transition-duration: 0.2s; perspective: 1000px; content: ""; position: absolute; display: block; } @media only screen and (max-width: 768px) { .ch-tabs li a span::before, .ch-tabs li a span::after { display: none; } } .ch-tabs li a span::before { width: 6px; height: 45px; background: rgb(2, 64, 110); top: -1px; right: -27px; transform: skew(45deg, 0deg); z-index: 2; } .ch-tabs li a span::after { display: none; } .ch-tabs li:nth-child(1) { z-index: 13; } .ch-tabs li:nth-child(2) { z-index: 12; } .ch-tabs li:nth-child(3) { z-index: 11; } .ch-tabs li:nth-child(4) { z-index: 10; } .ch-tabs li:hover a span, .ch-tabs li.active a span { color: rgb(67, 237, 248); } .ch-tabs li:hover a span::before, .ch-tabs li.active a span::before { background: rgb(67, 237, 248); box-shadow: rgba(0, 112, 202, 0.79) 14px 2px 50px 4px, rgba(0, 112, 202, 0.5) 2px 2px 12px 1px; } .ch-tabs li.active { z-index: 20; } .ch-tabs li.active a { background: rgb(0, 27, 45); } .ch-tabs li.active a::before { border-color: transparent transparent transparent rgb(0, 27, 45); } .ch-tabs li.active a::after { width: calc(100% + 6px); box-shadow: rgba(0, 112, 202, 0.79) 14px 12px 50px 7px, rgba(0, 112, 202, 0.6) 0px 0px 12px 1px; } @media only screen and (max-width: 768px) { .ch-tabs li.active a::after { width: calc(100%); } } .ch-tabs.chs-tabs { position: relative; top: 1px; } .ch-tabs.chs-tabs li a { border-color: rgb(10, 86, 136) rgb(10, 86, 136) rgb(2, 64, 110); background: rgb(0, 27, 45); height: 69px; line-height: 49px; margin-right: 40px; border-bottom-width: 1px; border-bottom-style: solid; } .ch-tabs.chs-tabs li a::before { border-color: transparent transparent transparent rgb(0, 27, 45); border-width: 69px 0px 0px 69px; right: -69px; } .ch-tabs.chs-tabs li a span::before { right: -39px; height: 69px; } .ch-tabs.chs-tabs li a span::after { width: 69px; height: 1px; bottom: -1px; right: -69px; background: rgb(2, 64, 110); display: block; } .ch-tabs.chs-tabs li a span i { display: block; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(6, 108, 147); font-style: normal; position: relative; top: -13px; text-transform: none; } .ch-tabs.chs-tabs li.active a { border-bottom: 1px solid rgb(0, 27, 45); } .ch-tabs.chs-tabs li.active a span::after { background: rgb(0, 27, 45); } .citizen-identity-info { float: left; margin: 0px 0px 20px; } .citizen-identity-info * { font-family: Electrolize; } .citizen-identity-info .avatar { position: relative; width: 75px; height: 75px; float: left; padding-right: 12px; } .citizen-identity-info .avatar .glow { z-index: 1; width: 92px; height: 92px; position: absolute; left: -8px; top: -8px; background: center center no-repeat; } .citizen-identity-info .avatar a { position: relative; z-index: 2; display: block; } .citizen-identity-info .avatar a img { width: 74px; height: 74px; border: 1px solid rgb(43, 121, 161); } .citizen-identity-info .avatar .org { z-index: 3; position: absolute; top: 59px; left: 59px; } .citizen-identity-info .avatar .org img { width: 29px; height: 29px; border: 1px solid rgb(43, 121, 161); } .citizen-identity-info .info-citizen { padding-top: 8px; font-size: 12px; line-height: 13px; position: relative; float: left; } .citizen-identity-info .info-citizen .from, .citizen-identity-info .info-citizen .org { text-transform: uppercase; color: rgb(19, 85, 110); } .citizen-identity-info .info-citizen .from span, .citizen-identity-info .info-citizen .org span { text-transform: none; } .citizen-identity-info .info-citizen .from a > span { text-transform: uppercase; color: rgb(162, 119, 15); } .citizen-identity-info .info-citizen .from a > span span { display: block; color: rgb(40, 112, 147); font-size: 11px; } .citizen-identity-info .info-citizen .icon { display: inline-block; margin: 3px 0px; } .citizen-identity-info .info-citizen .org span.redacted { color: rgb(134, 19, 10); } .c-notification { display: flex; align-items: center; font-family: univia-pro, sans-serif; background-color: rgb(47, 47, 47); color: rgb(121, 129, 133); font-size: 14px; line-height: 18px; height: 100%; box-sizing: border-box; } .l-notification-bar--sc .c-notification { background-color: rgb(47, 47, 47); } .l-notification-bar--s42 .c-notification { background-color: rgb(47, 47, 47); } .c-notification--cookie { background-color: rgb(38, 38, 39); } .l-notification-bar--sc .c-notification--cookie { background-color: rgb(38, 38, 39); } .l-notification-bar--s42 .c-notification--cookie { background-color: rgb(38, 38, 39); } .c-notification--privacy { background-color: rgb(32, 33, 33); } .l-notification-bar--sc .c-notification--privacy { background-color: rgb(32, 33, 33); } .l-notification-bar--s42 .c-notification--privacy { background-color: rgb(32, 33, 33); } .c-notification--announcement { position: relative; } .c-notification--announcement::before, .c-notification--announcement::after { content: ""; background-blend-mode: luminosity; background-color: rgb(47, 47, 47); background-image: ; background-position: 0px 0px; background-repeat: repeat-y; background-size: contain; position: absolute; display: block; width: 72px; height: 100%; top: 0px; bottom: 0px; left: 0px; } .l-notification-bar--sc .c-notification--announcement::before, .l-notification-bar--sc .c-notification--announcement::after { background-color: rgb(47, 47, 47); } .l-notification-bar--s42 .c-notification--announcement::before, .l-notification-bar--s42 .c-notification--announcement::after { background-color: rgb(47, 47, 47); } @media only screen and (max-width: 1400px) { .c-notification--announcement::before, .c-notification--announcement::after { opacity: 0.5; } } .c-notification--announcement::after { left: auto; right: 0px; } .c-notification--announcement.c-notification--w, .c-notification--announcement.c-notification--w::before, .c-notification--announcement.c-notification--w::after { background-color: rgb(113, 28, 28); } .l-notification-bar--sc .c-notification--announcement.c-notification--w, .l-notification-bar--sc .c-notification--announcement.c-notification--w::before, .l-notification-bar--sc .c-notification--announcement.c-notification--w::after { background-color: rgb(113, 28, 28); } .l-notification-bar--s42 .c-notification--announcement.c-notification--w, .l-notification-bar--s42 .c-notification--announcement.c-notification--w::before, .l-notification-bar--s42 .c-notification--announcement.c-notification--w::after { background-color: rgb(113, 28, 28); } .c-notification--announcement.c-notification--p, .c-notification--announcement.c-notification--p::before, .c-notification--announcement.c-notification--p::after { background-color: rgb(6, 74, 124) !important; } @media only screen and (max-width: 1400px) { .c-notification { padding: 25px 0px; } } @media only screen and (max-width: 1024px) { .c-notification { padding: 25px 0px; } } @media only screen and (max-width: 760px) { .c-notification { padding: 20px 0px; } } .c-notification br { display: none; } @media only screen and (max-width: 1024px) { .c-notification br { display: block; } } .c-notification__inner { position: relative; z-index: 1; display: flex; width: 100%; padding: 25px 65px 25px 130px; max-width: 1440px; margin: 0px auto; box-sizing: border-box; mix-blend-mode: luminosity; } @media only screen and (max-width: 1400px) { .c-notification__inner { padding: 0px 40px; } } @media only screen and (max-width: 1024px) { .c-notification__inner { padding: 0px 20px; flex-direction: column; } } @media only screen and (max-width: 760px) { .c-notification__inner { padding: 0px 20px; } } .c-notification__content, .c-notification__actions { display: flex; width: 50%; flex-wrap: wrap; } @media only screen and (max-width: 1024px) { .c-notification__content, .c-notification__actions { width: 100%; } } .c-notification__content { flex-direction: column; } @media only screen and (max-width: 1024px) { .c-notification__content { margin-bottom: 15px; } } .c-notification__title { display: block; text-transform: uppercase; color: rgb(255, 255, 255); margin-bottom: 5px; } .c-notification__message { color: rgb(121, 129, 133); } .c-notification__message a { color: rgb(121, 129, 133); font-weight: 100; font-family: univia-pro, sans-serif; border-bottom: 1px solid rgb(255, 255, 255); transition: color 0.3s ease-in-out 0s, border 0.3s ease-in-out 0s; } .c-notification__message a:hover, .c-notification__message a:focus { color: rgba(121, 129, 133, 0.3); border-color: rgba(255, 255, 255, 0.3); } .c-notification__actions { align-items: center; justify-content: flex-end; } @media only screen and (max-width: 1024px) { .c-notification__actions { justify-content: flex-start; } } @media (max-width: 767px) { .c-notification__actions { flex-direction: column; align-items: flex-start; } } .c-notification__actions-label { margin: 0px 30px; } @media only screen and (max-width: 1400px) { .c-notification__actions-label { margin: 0px 10px; } } @media (max-width: 767px) { .c-notification__actions-label { margin: 0px 0px 10px; } } @media (max-width: 767px) { .c-notification__wrapper-link { margin-bottom: 10px; } .c-notification__wrapper-link:last-child { margin-bottom: 0px; } } .c-notification__button { font-weight: 700; color: rgb(121, 129, 133); display: inline-block; text-transform: uppercase; font-size: 12px; align-items: center; cursor: pointer; vertical-align: middle; } .c-notification__button .c-iconed__icon { display: inline-block; flex-shrink: 0; width: 16px; margin-left: 5px; fill: rgb(203, 231, 239); vertical-align: middle; } .c-notification__button .c-iconed__icon--arrow { transform: rotate(-180deg); position: relative; top: -2px; } .c-notification__button .c-iconed__icon--close { width: 17px; height: 17px; } .c-notification__button .c-iconed__icon svg { flex-shrink: 0; width: 17px; height: 17px; } .c-notification__button-text { letter-spacing: 0.03em; border-bottom: 1px solid rgb(255, 255, 255); display: inline-block; } .l-notification-bar { width: 100%; position: relative; z-index: 499; transition: height 1s ease-in-out 0s, opacity 1s ease-in-out 0s; overflow: hidden; padding: 0px; display: flex; justify-content: center; flex-flow: wrap; box-sizing: border-box; } .l-notification-bar__boxes { margin: 0px auto; display: flex; flex-flow: column wrap; box-sizing: border-box; width: 100%; } .l-notification-bar__box { flex: 1 0 auto; flex-wrap: wrap; width: 100%; z-index: 1000; box-sizing: border-box; } .l-notification-bar__box:last-child { padding-right: 0px; } .l-notification-bar__box.is-hidden { display: none; } .animbtn { background: 0px 0px repeat-x scroll transparent; color: rgb(98, 196, 235); display: inline-block; font-family: Electrolize, Arial, Helvetica, sans-serif; font-size: 12px; height: 22px; margin: 8px 0px 8px 60px; padding: 9px 13px 0px 28px; position: relative; text-transform: uppercase; } .animbtn:hover { color: rgb(255, 255, 255); } .animbtn:hover > .bullet > span { opacity: 1; } .animbtn.backbtn { margin-left: 85px; } .animbtn.backbtn:hover > .backslant { height: 18px; } .animbtn.backbtn:hover > .backarrow .arrowline { width: 18px; } .animbtn.backbtn .arrowline { background: none 0px 0px repeat scroll rgb(0, 64, 102); height: 100%; left: auto; right: 0px; width: 8px; } .animbtn.backbtn .backslant { background: center bottom no-repeat scroll transparent; bottom: 4px; height: 27px; left: -41px; top: auto; width: 30px; } .animbtn.backbtn .backarrow { bottom: 4px; height: 7px; left: -71px; top: auto; width: 30px; } .animbtn.backbtn .backarrow .arrowline .arrowhead { background: -217px -99px no-repeat scroll transparent; height: 15px; left: -13px; top: -4px; width: 13px; } .animbtn.backbtn .cut { background-position: -142px -129px; } .animbtn.expandbtn:hover > .slider-left { transform: translate(8px, 8px); } .animbtn.expandbtn:hover > .slider-right { transform: translate(-8px, -8px); } .animbtn.expandbtn.slider-left, .animbtn.expandbtn.slider-right { background: no-repeat scroll transparent; height: 31px; width: 42px; } .animbtn.expandbtn.slider-left { background-position: -175px -99px; left: -60px; } .animbtn.expandbtn.slider-right { background-position: -175px -131px; left: -47px; } .animbtn.expandbtn .cut { background-position: -142px -98px; } .animbtn .cut { background: 0px 0px no-repeat scroll transparent; height: 31px; left: -32px; width: 32px; } .animbtn .bullet { background: -69px -119px no-repeat scroll transparent; height: 8px; left: 5px; top: 13px; width: 8px; } .animbtn .bullet > span { background: -96px -100px no-repeat scroll transparent; height: 46px; left: -19px; opacity: 0; top: -19px; width: 46px; } .autocomplete { position: relative; z-index: 3; } .autocomplete .body { background: rgb(0, 0, 0); border: 1px solid rgb(22, 42, 63); border-radius: 0px 0px 5px 5px; box-shadow: rgb(85, 85, 85) 0px 3px 12px -6px; color: rgb(0, 210, 255); font-size: 12px; width: 100%; display: none; } .autocomplete ul { margin: 0px; padding: 0px; list-style-type: none; } .autocomplete ul li { padding: 2px 5px; cursor: pointer; } .autocomplete ul li:hover { color: rgb(0, 0, 0); background: rgb(0, 210, 255); } .autocomplete ul li .no-result, .autocomplete ul li .no-result:hover { color: rgb(0, 210, 255); } .autocomplete input[disabled], .autocomplete input[disabled]:hover { color: rgb(53, 94, 120); opacity: 0.5; } .autocomplete input[type="text"] { background: 95% 50% no-repeat rgba(0, 0, 0, 0.4); } .autocomplete input[type="text"].loading { background-image: ; } .block-left-lined { background: 0px 0px repeat scroll rgba(23, 29, 37, 0.5); border-bottom: 1px solid rgb(36, 66, 86); border-top: 1px solid rgb(36, 66, 86); padding: 15px; margin-left: 15px; position: relative; } .block-left-lined.info-block ul li { font-family: Electrolize; color: rgb(255, 255, 255); list-style: none; } .block-left-lined .line { background: none 0px 0px repeat scroll rgb(0, 231, 255); box-shadow: rgba(37, 228, 255, 0.75) 0px 0px 30px; height: 100%; left: -9px; position: absolute; top: 0px; width: 5px; } .block-left-lined h2.title { font-size: 48px; color: rgb(0, 231, 255); text-transform: uppercase; margin: 0px 0px -15px; } .block-left-lined p { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 18px; color: rgb(0, 231, 255); } a.bracket-button { transition-duration: 0.3s; perspective: 1000px; text-shadow: rgb(20, 230, 250) 0px 0px 25px; width: 227px; height: 41px; line-height: 41px; background: center top no-repeat; display: block; font-size: 11px; color: rgb(20, 230, 250); font-family: Electrolize; text-align: center; text-transform: uppercase; } a.bracket-button:hover, a.bracket-button .active { color: rgb(255, 255, 255); text-shadow: rgb(255, 255, 255) 0px 0px 15px; } a.bracket-button:hover .darkblue, a.bracket-button .active .darkblue { opacity: 1; } a.bracket-button:hover .ldarkblue, a.bracket-button .active .ldarkblue { transform: translate(-12px, -12px); } a.bracket-button:hover .rdarkblue, a.bracket-button .active .rdarkblue { transform: translate(12px, -12px); } a.bracket-button:hover .lclearblue, a.bracket-button .active .lclearblue { transform: translate(3px, 3px); } a.bracket-button:hover .rclearblue, a.bracket-button .active .rclearblue { transform: translate(-3px, 3px); } a.bracket-button.dark { background-image: ; } a.bracket-button.dark > * { background-image: ; } a.bracket-button > * { transition-duration: 0.3s; perspective: 1000px; background: center top no-repeat; display: block; position: absolute; } a.bracket-button .darkblue { width: 38px; height: 28px; top: 14px; opacity: 0.6; } a.bracket-button .clearblue { width: 135px; height: 128px; top: -41px; opacity: 1; } a.bracket-button .ldarkblue { left: -1px; background-position: left -169px; } a.bracket-button .rdarkblue { right: -1px; background-position: right -169px; } a.bracket-button .lclearblue { left: -30px; background-position: left -41px; } a.bracket-button .rclearblue { right: -30px; background-position: right -41px; } .glow-bracket-button { position: relative; display: block; width: 240px; margin: auto; } .glow-bracket-button:hover .label { color: rgb(255, 255, 255); text-shadow: rgb(255, 255, 255) 0px 0px 15px; } .glow-bracket-button:hover .label::before { box-shadow: rgba(64, 148, 215, 0.6) 0px -4px 54px 11px; } .glow-bracket-button:hover .bracket.lbrackets::before { transform: translate(7px, 7px); } .glow-bracket-button:hover .bracket.lbrackets::after { transform: translate(-12px, -12px); } .glow-bracket-button:hover .bracket.dbrackets::before { transform: translate(-7px, 7px); } .glow-bracket-button:hover .bracket.dbrackets::after { transform: translate(12px, -12px); } .glow-bracket-button.active .label::before { animation: 0.1s ease-in-out 0s infinite normal none running blink; } .glow-bracket-button > * { transition-duration: 0.3s; perspective: 1000px; } .glow-bracket-button > ::before, .glow-bracket-button > ::after { transition-duration: 0.3s; perspective: 1000px; } .glow-bracket-button .label { font: 12px Electrolize; color: rgb(20, 230, 250); text-transform: uppercase; text-shadow: rgba(17, 241, 255, 0.25) 0px 0px 8px; text-align: center; display: block; padding-bottom: 14px; background: center top no-repeat transparent; } .glow-bracket-button .label::before { content: ""; position: absolute; border-top: 4px solid rgb(66, 237, 248); border-left: 4px solid transparent; border-right: 4px solid transparent; height: 0px; width: calc(100% - 106px); top: 24px; transform: translateX(-50%); left: 50%; box-shadow: rgba(0, 112, 202, 0.79) 0px -4px 54px 11px; } .glow-bracket-button .bracket { display: block; position: absolute; top: 0px; height: 28px; width: 54px; } .glow-bracket-button .bracket::before, .glow-bracket-button .bracket::after { background: no-repeat transparent; display: block; content: ""; position: absolute; bottom: 0px; } .glow-bracket-button .bracket::before { height: 31px; width: 41px; } .glow-bracket-button .bracket::after { width: 39px; height: 28px; } .glow-bracket-button .bracket.lbrackets { left: 0px; } .glow-bracket-button .bracket.lbrackets::before { background-position: -38px -89px; left: 13px; } .glow-bracket-button .bracket.lbrackets::after { background-position: left bottom; left: 0px; } .glow-bracket-button .bracket.dbrackets { right: 0px; } .glow-bracket-button .bracket.dbrackets::before { background-position: -201px -89px; right: 12px; } .glow-bracket-button .bracket.dbrackets::after { background-position: right bottom; right: 0px; } .chevron { width: 6px; background: rgb(66, 237, 248); } .chevron.small { height: 8px; position: relative; top: 0px; } .chevron.fat { height: 31px; position: relative; top: 0px; } .chevron.left { transform: skew(45deg, 0deg); box-shadow: rgba(0, 112, 202, 0.6) 0px 0px 12px 1px, rgba(0, 112, 202, 0.6) 5px -1px 20px 2px; } .chevron.right { transform: skew(-45deg, 0deg); box-shadow: rgba(0, 112, 202, 0.6) 0px 0px 12px 1px, rgba(0, 112, 202, 0.6) -5px -1px 20px 2px; } .content-block1 { border-width: 1px; border-style: solid; border-color: rgb(40, 110, 128) rgb(13, 31, 44) rgb(13, 31, 44); border-image: initial; padding: 49px; position: relative; } .content-block1 .content { background: ; } .content-block1 .top-line-thin { position: absolute; top: -1px; right: 0px; width: 693px; height: 1px; background: rgb(55, 170, 193); } .content-block1 .top-line { position: absolute; top: 0px; right: 0px; width: 310px; height: 2px; background: rgb(55, 170, 193); border-bottom-left-radius: 90px; } .content-block2 { border: 1px solid rgba(0, 162, 253, 0.15); padding: 10px; position: relative; } .content-block3 { border: 1px solid rgb(30, 47, 65); padding: 10px; position: relative; } .content-block4 { position: relative; border-top: 1px solid rgb(0, 230, 255); } .content-block4 > .content { background: repeat; } .content-block4 .content .top { width: 100px; height: 2px; background-color: rgb(0, 230, 255); } .content-block4 .bottom { width: 100%; height: 7px; border-top: 1px solid rgb(22, 129, 165); border-left: 1px solid rgb(22, 129, 165); } .content-block4 h3 { text-transform: uppercase; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(255, 255, 255); margin-left: 25px; } .corner { position: absolute; background-image: ; width: 8px; height: 8px; display: block; } @media only screen and (max-width: 1200px) { .corner { display: none; } } .corner.corner-top-left, .corner.corner-top-right { top: -1px; } .corner.corner-bottom-left, .corner.corner-bottom-right { bottom: -1px; } .corner.corner-top-left, .corner.corner-bottom-left { left: -1px; } .corner.corner-top-right, .corner.corner-bottom-right { right: -1px; } .corner.corner-top-left { background-position: 0px 0px; } .corner.corner-top-right { background-position: -2px 0px; } .corner.corner-bottom-left { background-position: 0px -2px; } .corner.corner-bottom-right { background-position: -2px -2px; } .content-block1 > .corner { background-image: ; width: 30px; height: 30px; } .content-block1 > .corner.corner-top-left, .content-block1 > .corner.corner-top-right { top: -5px; } .content-block1 > .corner.corner-bottom-left, .content-block1 > .corner.corner-bottom-right { bottom: -5px; } .content-block1 > .corner.corner-top-left, .content-block1 > .corner.corner-bottom-left { left: 0px; } .content-block1 > .corner.corner-top-right, .content-block1 > .corner.corner-bottom-right { right: 0px; } .content-block1 > .corner.corner-top-left { background-position: 0px 0px; } .content-block1 > .corner.corner-top-right { background-position: -30px 0px; } .content-block1 > .corner.corner-bottom-left { background-position: 0px -30px; } .content-block1 > .corner.corner-bottom-right { background-position: -30px -30px; } .content-block2 > .corner { background-image: ; width: 8px; height: 8px; } .content-block3 > .corner, .thin-corner-wrapper > .corner { background-image: ; width: 6px; height: 6px; } .content-block3 > .corner.corner-top-left, .thin-corner-wrapper > .corner.corner-top-left { background-position: 0px 0px; } .content-block3 > .corner.corner-top-right, .thin-corner-wrapper > .corner.corner-top-right { background-position: -6px 0px; } .content-block3 > .corner.corner-bottom-left, .thin-corner-wrapper > .corner.corner-bottom-left { background-position: 0px -6px; } .content-block3 > .corner.corner-bottom-right, .thin-corner-wrapper > .corner.corner-bottom-right { background-position: -6px -6px; } #contentbody .corner-wrapper { position: relative; display: inline-block; width: 100%; } #contentbody .corner-wrapper .corner { width: 7px; height: 7px; background-image: ; } #contentbody .corner-wrapper .corner.corner-top-left, #contentbody .corner-wrapper .corner.corner-top-right { top: -4px; } #contentbody .corner-wrapper .corner.corner-bottom-left, #contentbody .corner-wrapper .corner.corner-bottom-right { bottom: 1px; } #contentbody .corner-wrapper .corner.corner-top-left, #contentbody .corner-wrapper .corner.corner-bottom-left { left: -4px; } #contentbody .corner-wrapper .corner.corner-top-right, #contentbody .corner-wrapper .corner.corner-bottom-right { right: -4px; } #contentbody .corner-wrapper .corner.corner-top-left { background-position: 0px 0px; } #contentbody .corner-wrapper .corner.corner-top-right { background-position: -14px 0px; } #contentbody .corner-wrapper .corner.corner-bottom-left { background-position: 0px -14px; } #contentbody .corner-wrapper .corner.corner-bottom-right { background-position: -14px -14px; } #contentbody .corner-wrapper.large .corner.corner-bottom-left, #contentbody .corner-wrapper.large .corner.corner-bottom-right { bottom: -4px; } .cornerbtn { transition-duration: 0.2s; perspective: 1000px; background: rgba(0, 0, 0, 0.2); font: 11px Electrolize; padding: 5px 3px 4px 8px; position: relative; color: rgb(37, 148, 181); border-color: rgb(12, 107, 165); border-style: solid; border-width: 1px 0px 1px 1px; } .cornerbtn::before, .cornerbtn::after { transition-duration: 0.2s; perspective: 1000px; content: ""; display: block; position: absolute; } .cornerbtn::before { width: 0px; height: 0px; border-style: solid; border-width: 8px 0px 0px 8px; border-color: transparent transparent transparent rgba(0, 0, 0, 0.2); z-index: 0; right: -8px; top: 0px; } .cornerbtn::after { width: 8px; height: 14px; bottom: -1px; right: -9px; background: rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgb(12, 107, 165); border-right: 1px solid rgb(12, 107, 165); } .cornerbtn span.nook { transition-duration: 0.2s; perspective: 1000px; transform: skew(6deg, 0deg) rotate(-40deg); position: absolute; display: block; width: 1px; height: 12px; top: -2px; right: -5px; z-index: 2; background: rgb(12, 103, 161); } .cornerbtn:hover { background: rgba(11, 75, 116, 0.3); text-shadow: rgba(0, 112, 202, 0.6) 0px 1px 17px; border-color: rgba(186, 228, 255, 0.7); color: rgb(186, 228, 255); } .cornerbtn:hover::before { border-color: transparent transparent transparent rgba(11, 75, 116, 0.3); } .cornerbtn:hover::after { background: rgba(11, 75, 116, 0.3); border-color: rgba(186, 228, 255, 0.7); } .cornerbtn:hover span.nook { background: rgba(186, 228, 255, 0.7); } .cornerbtn + .cornerbtn { margin-left: 21px; } .cornerbtn.friends-btn { position: relative; width: 50px; height: 13px; transition-duration: 0.3s; perspective: 1000px; display: inline-block !important; } .cornerbtn.friends-btn.follow > .follow { opacity: 1; } .cornerbtn.friends-btn.follow > .unfollow { opacity: 0; } .cornerbtn.friends-btn.unfollow > .follow { opacity: 0; } .cornerbtn.friends-btn.unfollow > .unfollow { opacity: 1; } .cornerbtn.friends-btn .follow, .cornerbtn.friends-btn .unfollow { position: absolute; width: 50px; text-align: center; } .expandbtn { background: repeat-x; height: 22px; display: inline-block; position: relative; margin: 8px 0px 8px 60px; padding: 9px 13px 0px 28px; text-transform: uppercase; font-family: Electrolize, Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(98, 196, 235); } .expandbtn:hover > .expandbtn-slider-left { transform: translate(8px, 8px); } .expandbtn:hover > .expandbtn-slider-right { transform: translate(-8px, -8px); } .expandbtn:hover > .expandbtn-bullet span { opacity: 1; } .expandbtn-slider-left { background: -175px -99px no-repeat; width: 42px; height: 31px; left: -60px; } .expandbtn-slider-right { background: -175px -131px no-repeat; width: 42px; height: 31px; left: -47px; } .expandbtn-cut { background: -142px -98px no-repeat; width: 32px; height: 31px; left: -32px; } .expandbtn-bullet { background: -69px -119px no-repeat; width: 8px; height: 8px; top: 13px; left: 5px; } .expandbtn-bullet:hover { color: rgb(255, 255, 255); } .expandbtn-bullet > span { background: -96px -100px no-repeat; width: 46px; height: 46px; left: -19px; top: -19px; opacity: 0; } .flynow-button { position: relative; display: inline-flex; padding: 0px 38px; height: 61px; outline: none; border-radius: 0px; background: 0px 0px; color: rgb(255, 255, 255); line-height: 58px; cursor: pointer; border-width: 0px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: url("/rsi/static/css/common/svg/border-images/flynow_button_background.svg"); border-image-slice: 36 fill; border-image-width: 36px; } @media only screen and (min-width: 1024px) { .flynow-button { height: 73px; line-height: 70px; padding: 0px 48px; } } .flynow-button div { pointer-events: none; } .flynow-button div:first-of-type { position: absolute; left: 5px; top: 5px; z-index: 2; width: calc(100% - 10px); height: calc(100% - 10px); border-width: 0px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: url("/rsi/static/css/common/svg/border-images/flynow_button_border.svg"); border-image-slice: 24 28 fill; border-image-width: 100px; content: ""; pointer-events: none; } @media only screen and (min-width: 1024px) { .flynow-button div:first-of-type { height: calc(100% - 21px); width: calc(100% - 20px); top: 10px; left: 10px; } } .flynow-button div:last-of-type { position: absolute; top: 10px; left: 10px; z-index: 2; width: calc(100% - 20px); height: calc(100% - 20px); border-width: 0px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: url("/rsi/static/css/common/svg/border-images/flynow_button_hover.svg"); border-image-slice: 24 26 fill; border-image-width: 50px; content: ""; opacity: 0; } .flynow-button__icon { position: relative; z-index: 5; display: block; float: left; font-size: 22px; line-height: inherit; pointer-events: none; } .flynow-button__icon--glow { text-shadow: rgb(196, 129, 0) 0px 0px 14px; } .flynow-button__text { position: relative; z-index: 5; display: block; float: left; text-transform: uppercase; white-space: nowrap; letter-spacing: 0.11em; font-size: 16px; } .flynow-button__text strong { display: inline-block; } .flynow-button__text strong:first-child { padding-right: 10px; } .flynow-button__text strong:last-child:not(:only-child) { padding-left: 10px; } .flynow-button__text--large { padding-right: 10px; padding-left: 10px; } .flynow-button__text--large strong { padding-right: 0px !important; padding-left: 0px !important; } .flynow-button:active .flynow-button__text strong, .flynow-button:hover .flynow-button__text strong { text-shadow: rgb(196, 129, 0) 0px 0px 14px, rgb(196, 129, 0) 0px 0px 4px; } .flynow-button:active div:last-of-type, .flynow-button:hover div:last-of-type { opacity: 1; } .holobtn { width: 261px; height: 54px; display: block; position: relative; } .holobtn:not(.inactive):hover > .holobtn-top { transform: translate(16px, 0px); transition-delay: 0.2s; color: rgb(255, 255, 255); } .holobtn:not(.inactive):hover > .holobtn-bottom { transform: translate(11px, -8px); } .holobtn.with-connector:hover { transform: translate(-32px, 0px); transition-delay: 0.4s; transition-duration: 0.4s; perspective: 1000px; } .holobtn-top { background: -236px 0px no-repeat; width: 261px; height: 44px; z-index: 2; font-family: Electrolize, Arial, Helvetica, sans-serif; color: rgb(0, 247, 255); text-align: center; padding-top: 10px; } .holobtn-bottom { background: -236px -54px no-repeat; width: 261px; height: 39px; z-index: 1; left: 5px; top: 8px; } .holosmallbtn { width: 200px; height: 80px; display: block; position: relative; } .holosmallbtn:not(.inactive):hover > .holosmallbtn-top, .holosmallbtn:not(.inactive).active > .holosmallbtn-top { transform: translate(16px, 0px); transition-delay: 0.2s; color: rgb(255, 255, 255); } .holosmallbtn:not(.inactive):hover > .holosmallbtn-bottom, .holosmallbtn:not(.inactive).active > .holosmallbtn-bottom { transform: translate(11px, -8px); } .holosmallbtn.inactive { opacity: 0.5; cursor: default; } .holosmallbtn-top { background: center -10px no-repeat; width: 200px; height: 50px; z-index: 2; text-transform: uppercase; font-family: Electrolize, Arial, Helvetica, sans-serif; color: rgb(0, 247, 255); text-align: center; padding-top: 42px; font-size: 12px; text-shadow: rgb(0, 0, 0) 1px 2px 0px; } .holosmallbtn-bottom { background: center -110px no-repeat; width: 200px; height: 80px; z-index: 1; left: 5px; top: 8px; } .holosmallbtn { width: 200px; height: 80px; display: block; position: relative; } .holosmallbtn.inline { display: inline-block; } .holosmallbtn.inactive { opacity: 0.5; cursor: default; } .holosmallbtn:hover:not(.inactive) > .holosmallbtn-top, .holosmallbtn.active:not(.inactive) > .holosmallbtn-top { transform: translate(16px, 0px); transition-delay: 0.2s; color: rgb(255, 255, 255); } .holosmallbtn:hover:not(.inactive) > .holosmallbtn-bottom, .holosmallbtn.active:not(.inactive) > .holosmallbtn-bottom { transform: translate(11px, -8px); } .holosmallbtn .holosmallbtn-top { background: center -10px no-repeat; width: 200px; height: 50px; z-index: 2; text-transform: uppercase; font-family: Electrolize, Arial, Helvetica, sans-serif; color: rgb(0, 247, 255); text-align: center; padding-top: 42px; font-size: 12px; text-shadow: rgb(0, 0, 0) 1px 2px 0px; } .holosmallbtn .holosmallbtn-bottom { background: center -110px no-repeat; width: 200px; height: 80px; z-index: 1; left: 5px; top: 8px; } .tabs { position: absolute; top: -47px; left: 0px; text-align: center; width: 100%; height: 47px; background: 50% center no-repeat; } .tabs.tabs2 .holder { width: 506px; margin: auto; display: flex; } .tabs .holder { position: relative; } .tabs .holotab { position: relative; top: -14px; float: left; } .tabs .holotab.right { margin-left: -58px; } .holotab { display: block; width: 282px; height: 51px; color: rgb(23, 235, 235); position: relative; } .holotab:hover > span.bottom { transform: translate(13px, -14px); } .holotab:hover > span.top { transform: translate(-16px, 0px); transition-delay: 0.2s; } .holotab:hover > span.text { transform: translate(8px, -8px); text-shadow: rgb(66, 169, 248) 0px 0px 50px, rgb(66, 169, 248) 0px 0px 50px; color: rgb(255, 255, 255); } .holotab:hover .right > span.bottom { transform: translate(-13px, -14px); } .holotab:hover .right > span.text { transform: translate(-8px, -8px); } .holotab:hover .right > span.top { transform: translate(16px, 0px); transition-delay: 0.2s; } .holotab.disabled { opacity: 0.5; } .holotab.right > span.text { left: 16px; } .holotab.right > span.top { background-position: 0px -153px; z-index: 5; opacity: 0.5; } .holotab.right > span.bottom { background-position: 0px -153px; z-index: 3; top: 14px; left: 29px; } .holotab.active { top: -28px; } .holotab.active > span.top, .holotab.active > span.text, .holotab.active > span.bottom { transform: translate(0px, 0px); opacity: 1; } .holotab.active > span.text { padding-top: 13px; text-shadow: rgb(66, 169, 248) 0px 0px 50px, rgb(66, 169, 248) 0px 0px 50px; color: rgb(255, 255, 255); top: 0px; left: 0px; } .holotab.active > span.top { background-position: 0px 0px; opacity: 1; } .holotab.active > span.bottom { opacity: 0.5; } .holotab.active.right > span.top { background-position: 0px -102px; } .holotab > span { display: block; width: 282px; height: 51px; position: absolute; top: 0px; left: 0px; background: no-repeat; } .holotab > span.top { background-position: 0px -51px; z-index: 10; opacity: 0.5; } .holotab > span.bottom { background-position: 0px -51px; z-index: 5; top: 14px; left: -29px; } .holotab > span.text { background: 0px 0px; z-index: 10; position: relative; font-family: Electrolize; font-size: 22px; text-transform: uppercase; text-align: center; padding-top: 14px; height: auto; top: 8px; left: -8px; } .listing { width: 530px; margin-bottom: 100px; } .listing > .content { transition-duration: 0.2s; perspective: 1000px; background: rgb(1, 21, 36); border-width: 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(2, 56, 103); border-right-color: rgb(2, 56, 103); border-left-color: rgb(2, 56, 103); border-image: initial; border-bottom-style: initial; border-bottom-color: initial; padding: 12px 0px 1px; position: relative; } .listing > .content .entry { display: block; width: 292px; height: 172px; position: relative; background: left top; margin-bottom: 11px; padding: 18px 170px 0px 47px; } .listing > .content .entry * { z-index: 2; position: relative; } .listing > .content .entry .hover { z-index: 1; position: absolute; left: 0px; top: 0px; width: 509px; height: 190px; opacity: 0; background: left bottom; } .listing > .content .entry h6 { font-size: 16px; padding: 0px; margin: 20px 0px 16px; } .listing > .content .entry p { color: rgb(149, 173, 183); font-size: 12px; } .listing > .content .entry img { right: 10px; top: 40px; position: absolute; opacity: 0.8; } .listing > .content .entry .glow { opacity: 0; } .listing > .content .entry:hover .hover { opacity: 1; } .listing > .content .entry:hover img { right: 10px; top: 40px; position: absolute; opacity: 1; } .listing > .content .entry:hover .glow { width: 104px; transition-delay: 0.2s; opacity: 1; height: 123px; left: -9px; top: 2px; position: absolute; background: ; } .listing > .content .entry.large { margin: 8px auto 38px; background: -36px -10px no-repeat; padding: 30px 0px 0px 25px; width: 464px; height: 539px; } .listing > .content .entry.large .inner-large { height: 521px; position: relative; } .listing > .content .entry.large .inner-large .scrollbar { z-index: 7; } .listing > .content .entry.large .inner-large .scrollbar .track { margin: 0px 7px; } .listing > .content .entry.large .inner-large span.glow { z-index: 3; opacity: 1; width: 92px; height: 108px; background: left top no-repeat; position: absolute; left: -44px; top: 5px; } .listing > .content .entry.large .inner-large span.question { z-index: 4; position: relative; margin: 1em 0px; font-family: Electrolize; font-size: 12px; color: rgb(0, 228, 255); display: block; width: 100%; } .listing > .content .entry.large .inner-large h2 { width: 180px; z-index: 4; float: left; font-family: Arial; font-weight: 700; font-size: 14px; margin: 1em 0px; padding: 0px 10px 0px 0px; color: rgb(255, 255, 255); } .listing > .content .entry.large .inner-large span.answer { font-family: Electrolize; float: left; font-size: 12px; color: rgb(0, 228, 255); display: block; margin: 1em 0px; width: 20px; } .listing > .content .entry.large .inner-large div.answer { float: left; width: 229px; margin-left: 10px; } .listing > .content .bottom { width: 530px; height: 80px; background: right top; position: absolute; bottom: -80px; left: -1px; } .listing > .content .bottom .link { display: block; width: 245px; height: 106px; position: absolute; top: -21px; left: 141px; } .listing > .content .bottom .link .glow { opacity: 0.7; position: absolute; left: 0px; top: 0px; width: 245px; height: 106px; background: ; } .listing > .content .bottom .link .text { margin-top: 35px; font-family: Electrolize; text-align: center; color: rgb(20, 230, 250); font-size: 12px; text-transform: uppercase; } .listing > .content .bottom .link .blue-arrow { position: absolute; top: 34px; width: 42px; height: 31px; background: left bottom; } .listing > .content .bottom .link .blue-arrow.left-blue-arrow { left: 10px; } .listing > .content .bottom .link .blue-arrow.right-blue-arrow { background-position: right bottom; right: 10px; } .listing > .content .bottom .link .marine-arrow { position: absolute; top: 43px; width: 38px; height: 28px; background: left top; } .listing > .content .bottom .link .marine-arrow.left-marine-arrow { left: 6px; } .listing > .content .bottom .link .marine-arrow.right-marine-arrow { background-position: right top; right: 6px; } .listing > .content .bottom .link:hover .left-blue-arrow { left: 21px; } .listing > .content .bottom .link:hover .right-blue-arrow { right: 21px; } .listing > .content .bottom .link:hover .left-marine-arrow { left: 41px; } .listing > .content .bottom .link:hover .right-marine-arrow { right: 41px; } .listing > .content .bottom .link:hover .glow { opacity: 1; } .listing .pager-wrapper { width: 100%; height: 39px; padding: 0px; margin: 0px; position: absolute; bottom: 0px; left: 0px; } .listing .pager-wrapper * { color: rgb(48, 185, 215); font-family: Electrolize; display: inline-block; font-size: 16px; } .listing .pager-wrapper .pager { display: block; width: 100%; height: 39px; position: absolute; bottom: 0px; left: 0px; text-align: center; } .listing .pager-wrapper .pager .right { width: 300px; margin: 0px auto; float: none; } .listing .pager-wrapper .pager .right a.active, .listing .pager-wrapper .pager .right a.active:hover { border-color: rgb(14, 59, 96); border-radius: 3px; font-size: 14px; font-weight: 400; font-family: Electrolize; } .listing .pager-wrapper .pager .right a.lt, .listing .pager-wrapper .pager .right a.gt { display: block; width: 13px; height: 13px; margin: 8px 10px; background: 0px 0px no-repeat; border: none; } .listing .pager-wrapper .pager .right a.gt { background-position: 0px 100%; float: right; } .listing .pager-wrapper .pager .right a.inactive { opacity: 0.2; cursor: default; } .listing .pager-wrapper .pager .right .page-selector span { margin: 4px 5px 0px; } .loader { margin: 10px auto; width: 81px; height: 50px; opacity: 0; } .loader span { display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin: 25px auto; border-radius: 50px; background-clip: padding-box; animation: 0.4s ease 0s infinite alternate none running loader; } #loader_one { animation-delay: 0s; } #loader_two { animation-delay: 0.12s; } #loader_three { animation-delay: 0.24s; } @-webkit-keyframes loader { 0% { width: 10px; height: 10px; transform: translateY(0px); } 100% { width: 24px; height: 24px; background-color: rgb(0, 255, 255); transform: translateY(-21px); } } @keyframes loader { 0% { width: 10px; height: 10px; transform: translateY(0px); } 100% { width: 24px; height: 24px; background-color: rgb(0, 255, 255); transform: translateY(-21px); } } @media (max-width: 480px) { .lightbox.modals .modal-wrapper { transform: translateX(-50%); left: 50%; } } .number-counter.show-error .error { display: block; } .number-counter.show-error .digits, .number-counter.show-error .prepend, .number-counter.show-error .append { display: none; } .number-counter.show-loading .loading { display: block; } .number-counter.show-loading .prepend, .number-counter.show-loading .digits, .number-counter.show-loading .append { display: none; } .number-counter .loading, .number-counter .error { display: none; } .number-counter .digits { float: left; } .number-counter .mask { position: relative; overflow: hidden; float: left; } .number-counter .mask .carousel { position: relative; } .number-counter .mask .carousel .item { position: relative; text-align: center; } .number-counter .mask .carousel .item.invisible { opacity: 0; } .number-counter .seperator { float: left; position: relative; } .pager .selectlist { width: 140px; } .pager .right { float: left; } .pager .right a, .pager .right .page { display: block; width: 30px; height: 30px; border: 1px solid rgb(12, 33, 51); float: left; text-align: center; color: rgb(58, 78, 96); font-size: 14px; font-weight: 700; line-height: 30px; margin: 0px 3px; } .pager .right a:hover, .pager .right .page:hover { color: rgb(0, 255, 255); } .pager .right a:hover span, .pager .right .page:hover span { opacity: 1; } .pager .right a.btn, .pager .right .page.btn { background: ; } .pager .right a.laquo, .pager .right .page.laquo { background-position: -60px 0px; } .pager .right a.laquo span, .pager .right .page.laquo span { background-position: -60px -30px; } .pager .right a.lt, .pager .right .page.lt { background-position: -90px 0px; } .pager .right a.lt span, .pager .right .page.lt span { background-position: -90px -30px; } .pager .right a.gt, .pager .right .page.gt { background-position: 0px 0px; } .pager .right a.gt span, .pager .right .page.gt span { background-position: 0px -30px; } .pager .right a.raquo, .pager .right .page.raquo { background-position: -30px 0px; } .pager .right a.raquo span, .pager .right .page.raquo span { background-position: -30px -30px; } .pager .right a.active, .pager .right .page.active, .pager .right a.active:hover, .pager .right .page.active:hover { border: 1px solid rgb(34, 63, 81); color: rgb(255, 255, 255); background: rgba(49, 55, 63, 0.3); } .pager .right a.inactive:hover span, .pager .right .page.inactive:hover span { opacity: 0; cursor: default; } .pager .right a span, .pager .right .page span { display: block; width: 100%; height: 100%; background: ; opacity: 0; } .pager .right .page { border: none; } .pager .spacer, .pager .text { width: 15px; height: 32px; display: block; float: left; } .pager .text { width: auto; line-height: 32px; color: rgb(0, 255, 255); font-family: Electrolize; font-size: 14px; } .pager .left { float: left; margin-right: 50px; } .pager.simple { text-align: center; } .pager.simple .right { float: none; display: inline-block; } .pager.simple .right .page { font-family: Electrolize; color: rgb(0, 255, 255); margin: 0px; line-height: 32px; height: 32px; } .radio-pager { display: inline-block; width: 35px; height: 35px; background: center center no-repeat; } .radio-pager:hover, .radio-pager.on { transform: rotate(-90deg); background: center center no-repeat, center center no-repeat; } .radio-pager.small { width: 21px; height: 21px; background: center center no-repeat; } .radio-pager.small.on { background: center center no-repeat, center center no-repeat; } .rsi-autocomplete .scrollable { width: 300px; cursor: pointer; } .rsi-autocomplete .scrollable .viewport { width: 290px; } .rsi-autocomplete .scrollable .scrollbar .track { width: inherit; } .rsi-autocomplete .body { background: linear-gradient(rgb(9, 12, 15) 0%, rgb(14, 29, 42) 100%) 0% 0% repeat scroll transparent; box-shadow: none; border-width: 1px; border-style: solid; border-color: rgb(48, 72, 94) rgba(48, 72, 94, 0.2) rgba(48, 72, 94, 0.2); border-radius: 0px; min-height: 65px; } .rsi-autocomplete li.autocomplete-item { padding-left: 60px; min-height: 50px; position: relative; } .rsi-autocomplete li.autocomplete-item, .rsi-autocomplete li.autocomplete-item:hover { margin: 0px 4px 4px; background: linear-gradient(rgba(9, 12, 15, 0.9) 0%, rgba(14, 29, 42, 0.9) 100%) 0% 0% repeat scroll transparent; border-width: 1px; border-style: solid; border-color: rgb(48, 72, 94) rgba(48, 72, 94, 0.2) rgba(48, 72, 94, 0.2); border-radius: 5px; } .rsi-autocomplete li.autocomplete-item.active { background: rgba(76, 142, 197, 0.1); } .rsi-autocomplete li.autocomplete-item.active span .displayname { color: rgb(0, 255, 255); text-shadow: rgb(0, 153, 255) 0px 0px 20px; } .rsi-autocomplete li.autocomplete-item.active span .nickname { color: rgb(133, 157, 170); } .rsi-autocomplete li.autocomplete-item.active .glow { background: rgb(0, 255, 255); box-shadow: rgb(0, 255, 255) 0px 0px 10px; } .rsi-autocomplete li.autocomplete-item span { display: block; clear: both; } .rsi-autocomplete li.autocomplete-item span.displayname { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 16px; color: rgb(255, 235, 1); margin-top: 4px; } .rsi-autocomplete li.autocomplete-item span.nickname { color: rgb(65, 86, 100); font-size: 11px; font-weight: 700; } .rsi-autocomplete li.autocomplete-item .avatar { width: 37px; height: 37px; padding: 3px; position: absolute; top: 5px; left: 5px; border: 1px solid rgb(30, 47, 65); } .rsi-autocomplete li.autocomplete-item .avatar img { width: 37px; height: 37px; } .rsi-autocomplete li.autocomplete-item .avatar .corner { position: absolute; background: ; width: 6px; height: 6px; display: block; } .rsi-autocomplete li.autocomplete-item .avatar .corner-top-left { top: -1px; left: -1px; background-position: 0px 0px; } .rsi-autocomplete li.autocomplete-item .avatar .corner-top-right { top: -1px; right: -1px; background-position: -6px 0px; } .rsi-autocomplete li.autocomplete-item .avatar .corner-bottom-left { bottom: -1px; left: -1px; background-position: 0px -6px; } .rsi-autocomplete li.autocomplete-item .avatar .corner-bottom-right { bottom: -1px; right: -1px; background-position: -6px -6px; } .rsi-autocomplete li.autocomplete-item .glow { width: 1px; height: 30px; position: absolute; top: 12px; right: 0px; } .rsi-autocomplete ul { padding-top: 4px; } .tooltip-wrap { position: relative; } .tooltip-wrap .rsi-tooltip { display: none; max-width: 428px; border-style: solid; border-color: rgba(92, 236, 244, 0.8); border-image: initial; border-width: 1px 1px 0px; background-color: rgba(0, 0, 0, 0.8); box-shadow: rgba(92, 236, 244, 0.5) 0px 0px 10px; position: absolute; } .tooltip-wrap .rsi-tooltip > .content { padding: 10px; margin: 0px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(255, 255, 255); } .tooltip-wrap .rsi-tooltip .bottom { display: block; height: 8px; width: 100%; background: 50% 0px no-repeat; position: absolute; bottom: -8px; left: 0px; } .selectlist .scrollable { max-height: 200px; width: 382px; margin: -1px 2px; } .selectlist .scrollable .viewport { width: 180px; float: left; } .selectlist .body { width: 95%; padding: 1px; margin: 0px 3px; background: 0px 0px repeat scroll rgb(0, 0, 0); } .scrollable { position: absolute; } .scrollable .scrollbar { float: right; position: relative; width: 6px; right: 0px; } .scrollable .scrollbar .track { position: relative; float: right; border-radius: 8px; width: 10px; padding: 0px 0px 0px 1px; margin: 0px 3px; } .scrollable .scrollbar .track .thumb { background-color: rgb(66, 237, 248); width: 6px; border-radius: 0px; position: relative; } .scrollable .scrollbar.disable .track { display: none; } .scrollable .viewport { overflow: hidden; position: relative; height: inherit; } .scrollable .viewport .content { position: relative; padding-bottom: 5px; } .scrollable.fancy .scrollbar .track { background: repeat-y; width: 6px; border-top: 3px solid rgb(78, 166, 212); border-bottom: 3px solid rgb(78, 166, 212); border-radius: 0px; margin: 10px 17px; padding: 0px; } .scrollable.fancy .scrollbar .track .thumb { background: rgb(66, 237, 248); margin: 0px 1px; width: 4px; border-radius: 0px; box-shadow: rgba(0, 132, 255, 0.65) 0px 0px 15px 1px, rgba(66, 169, 248, 0.68) 0px 0px 68px 9px; } .selectlist { border: 1px solid rgb(22, 42, 63); color: rgb(0, 210, 255); height: 29px; border-radius: 5px; position: relative; margin: 2px 0px; display: block; } .selectlist:hover { cursor: pointer; } .selectlist.w200 { width: 200px; } .selectlist.h200 { height: 200px; } .selectlist.w170 { width: 170px; } .selectlist.w180 { width: 180px; } .selectlist > .arrow { background: left center no-repeat; height: 29px; width: 34px; float: right; } .selectlist > span { line-height: 22px; height: 22px; width: 60%; display: block; padding: 4px 10px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .selectlist > .body { display: none; border: 1px solid rgb(22, 42, 63); color: rgb(0, 210, 255); border-radius: 0px 0px 5px 5px; margin-right: 10px; position: absolute; z-index: 20; width: 95%; margin-top: -1px; box-shadow: rgb(85, 85, 85) 0px 3px 12px -6px; } .selectlist ul { padding-left: 5px; } .selectlist ul li.selected { background-color: transparent; font-weight: 400; color: rgb(255, 255, 255); } .selectlist ul li.hover, .selectlist ul li.hover.selected { cursor: pointer; background-color: rgb(0, 210, 255); color: rgb(0, 0, 0); } .selectlist option li, .selectlist ul li { font-size: 12px; padding: 2px 5px; line-height: 16px; height: 16px; list-style: none; margin: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } select.selectlist { line-height: 22px; height: 22px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: right center no-repeat rgb(0, 0, 0); } .selectlist ul li img, a.selectlist span img { height: 16px; width: 16px; margin: 0px; } .shadow-button { position: relative; display: inline-block; height: 40px; background: ; color: rgb(98, 196, 235); padding: 0px 8px 0px 25px; margin: 0px 10px; font-family: Electrolize; font-size: 11px; line-height: 30px; min-width: 25px; } .shadow-button:hover { color: rgb(255, 255, 255); } .shadow-button:hover > .icon { transform: translate(2px, 0px); } .shadow-button:hover > .icon > .effect { opacity: 1; } .shadow-button > .left-section { width: 10px; height: 100%; position: absolute; left: -10px; top: 0px; background: ; } .shadow-button > .right-section { width: 10px; height: 100%; position: absolute; right: -10px; top: 0px; background: ; } .shadow-button > .icon { display: block; width: 19px; height: 22px; position: absolute; top: 4px; left: -4px; background: ; } .shadow-button > .icon > .effect { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: ; opacity: 0; } .shadow-button.rm > .icon, .shadow-button.rm-cart > .icon { width: 24px; height: 24px; top: 3px; left: -5px; } .shadow-button.rm > .icon > .effect, .shadow-button.rm-cart > .icon > .effect { background: ; } .shadow-button.rm > .icon { background: ; } .shadow-button.rm-cart .icon { background: ; } .shadow-button.loading { color: rgb(98, 196, 235); cursor: default; } .shadow-button.loading > .icon, .shadow-button.loading:hover > .icon { animation: 0.1s ease-in-out 0s infinite normal none running blink; } .shadow-button.hammer > .icon { background: ; } .shadow-button.hammer > .icon > .effect { background: ; } .shadow-button.gift > .icon { background: ; } .shadow-button.gift > .icon > .effect { background: ; } .shadow-button.upgrade > .icon { background: ; } .shadow-button.upgrade > .icon > .effect { background: ; } .shadow-button.preview > .icon { background: ; } .shadow-button.preview > .icon > .effect { background: ; } .shadow-button.upload > .icon { background: ; } .shadow-button.upload > .icon > .effect { background: ; } .shadow-button.inactive { opacity: 0.2; cursor: default; } .shadow-button.inactive:hover { color: rgb(98, 196, 235); } .shadow-button.inactive:hover > .icon { transform: none; } .shadow-button.inactive:hover > .icon > .effect { opacity: 0; } .shadow-button.black { background: ; height: 32px; } .shadow-button.black > .left-section { background: ; } .shadow-button.black > .right-section { background: ; } .slashed-button { display: block; min-width: 60px; height: 30px; padding-left: 110px; background: no-repeat; position: absolute; top: 0px; right: 0px; overflow: hidden; } .slashed-button:hover .text { color: rgb(255, 255, 255); } .slashed-button:hover .line { opacity: 0; } .slashed-button:hover .line.l { transform: translate(38px, 0px); } .slashed-button:hover .line.r { transform: translate(10px, 0px); } .slashed-button .text { display: block; padding: 0px 10px; height: 30px; line-height: 30px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(20, 230, 250); text-align: left; text-indent: 0px; background: repeat-x; } .slashed-button .line { display: block; width: 41px; height: 30px; background: no-repeat; position: absolute; top: 0px; left: 0px; } .slashed-button .line.r { left: 28px; } .slideshow { position: relative; } .slideshow .mask .carousel > div .media img { width: 100%; height: 100%; } .slideshow.full, .slideshow-lightbox.full { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .slideshow.full .prev, .slideshow-lightbox.full .prev, .slideshow.full .next, .slideshow-lightbox.full .next { margin-bottom: 10px; top: auto; bottom: 0px; } .slideshow.full .next, .slideshow-lightbox.full .next { margin-right: 0px; right: 0px; left: auto; } .slideshow.full .mask, .slideshow-lightbox.full .mask { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; } .slideshow.full .mask .carousel > div, .slideshow-lightbox.full .mask .carousel > div { width: 100%; height: 100%; } .slideshow.full .mask .carousel > div:hover, .slideshow-lightbox.full .mask .carousel > div:hover { cursor: default; } .slideshow.full .mask .carousel > div .text, .slideshow-lightbox.full .mask .carousel > div .text { width: 100%; height: 77px; margin-top: -77px; top: 100%; } .slideshow.full .details, .slideshow-lightbox.full .details { display: none; } .slideshow .control, .slideshow-lightbox .control { z-index: 10; bottom: 13px; } .slideshow .control, .slideshow-lightbox .control, .slideshow .control::before, .slideshow-lightbox .control::before { position: absolute; width: 53px; height: 53px; display: block; background: no-repeat transparent; } .slideshow .control::before, .slideshow-lightbox .control::before { transition-duration: 0.3s; perspective: 1000px; opacity: 0; content: ""; } .slideshow .control.prev, .slideshow-lightbox .control.prev { background-position: left top; left: 10px; } .slideshow .control.prev::before, .slideshow-lightbox .control.prev::before { background-position: left bottom; } .slideshow .control.next, .slideshow-lightbox .control.next { background-position: right top; right: 10px; } .slideshow .control.next::before, .slideshow-lightbox .control.next::before { background-position: right bottom; } .slideshow .control:hover.prev::before, .slideshow-lightbox .control:hover.prev::before { opacity: 1; } .slideshow .control:hover.next::before, .slideshow-lightbox .control:hover.next::before { opacity: 1; } .slideshow .mask, .slideshow-lightbox .mask { width: 648px; height: 366px; overflow: hidden; float: left; position: relative; } @media only screen and (max-width: 1200px) { .slideshow .mask, .slideshow-lightbox .mask { float: none; width: 100%; } } .slideshow .mask .carousel, .slideshow-lightbox .mask .carousel { position: relative; height: 100%; } .slideshow .mask .carousel > div, .slideshow-lightbox .mask .carousel > div { width: 100%; height: 366px; float: left; position: relative; background-color: rgb(0, 0, 0); display: block; } .slideshow .mask .carousel > div:hover, .slideshow-lightbox .mask .carousel > div:hover { cursor: zoom-in; } .slideshow .mask .carousel > div .text, .slideshow-lightbox .mask .carousel > div .text { background: rgba(0, 0, 0, 0.8); width: 100%; height: 77px; position: absolute; bottom: 0px; } .slideshow .mask .carousel > div .text:hover, .slideshow-lightbox .mask .carousel > div .text:hover { cursor: default; } .slideshow .mask .carousel > div .text .download, .slideshow-lightbox .mask .carousel > div .text .download, .slideshow .mask .carousel > div .text .page-number, .slideshow-lightbox .mask .carousel > div .text .page-number { position: relative; } .slideshow .mask .carousel > div .text .download, .slideshow-lightbox .mask .carousel > div .text .download { background: no-repeat; width: 48px; height: 48px; display: block; float: right; margin-right: 72px; margin-top: 16px; } .slideshow .mask .carousel > div .text .page-number, .slideshow-lightbox .mask .carousel > div .text .page-number { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 24px; color: rgb(254, 254, 254); margin-top: 23px; margin-left: 80px; float: left; } .slideshow .mask .carousel > div .text .caption, .slideshow-lightbox .mask .carousel > div .text .caption { color: rgb(126, 154, 173); font-size: 11px; font-style: italic; padding-left: 27px; height: 77px; padding-right: 50px; display: table-cell; vertical-align: middle; } .slideshow .mask .carousel > div .text .copyright, .slideshow-lightbox .mask .carousel > div .text .copyright { float: right; color: rgb(136, 136, 136); font-size: 10px; margin: 20px 6px 0px 0px; text-align: right; } .slideshow .details, .slideshow-lightbox .details { padding: 10px 30px; width: 324px; height: 346px; } .slideshow .details .pager a, .slideshow-lightbox .details .pager a { width: 88px; height: 50px; display: block; float: left; margin: 10px; } .slideshow .details .scrollable, .slideshow-lightbox .details .scrollable { height: 326px; width: 363px; } .slideshow .details .scrollable .viewport, .slideshow-lightbox .details .scrollable .viewport { height: 346px; width: 324px; margin: 10px 0px; } .slideshow .details .scrollable .viewport .content, .slideshow-lightbox .details .scrollable .viewport .content { margin: -10px 0px; } .slideshow .details .scrollable .scrollbar, .slideshow-lightbox .details .scrollable .scrollbar { width: 39px; position: relative; left: -10px; } .slideshow.lightbox .content, .slideshow-lightbox.lightbox .content { width: 90%; height: 90%; position: relative; } .slideshow.lightbox .content .close, .slideshow-lightbox.lightbox .content .close { transition-duration: 0.3s; perspective: 1000px; right: 18px; z-index: 10; top: 52px; position: absolute; } .slideshow.lightbox .content .mask, .slideshow-lightbox.lightbox .content .mask { width: 100%; } .slideshow.lightbox .content .mask .slideshow-carousel, .slideshow-lightbox.lightbox .content .mask .slideshow-carousel { height: 100%; position: relative; } .slideshow.lightbox .content .mask .slideshow-carousel > div, .slideshow-lightbox.lightbox .content .mask .slideshow-carousel > div { height: 100%; cursor: default; } .slideshow.lightbox .content .mask .slideshow-carousel > div .media, .slideshow-lightbox.lightbox .content .mask .slideshow-carousel > div .media { height: 100%; width: 100%; } .slideshow.lightbox .content .mask .slideshow-carousel > div .media img, .slideshow-lightbox.lightbox .content .mask .slideshow-carousel > div .media img { height: auto; width: auto; max-height: 100%; max-width: 100%; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); } .slideshow.lightbox .content .mask .slideshow-carousel > div .video-holder, .slideshow-lightbox.lightbox .content .mask .slideshow-carousel > div .video-holder { width: 90%; height: 80%; margin-top: 4%; margin-left: 5%; } @media only screen and (max-width: 768px) { .slideshow.lightbox .content .mask .slideshow-carousel > div .video-holder, .slideshow-lightbox.lightbox .content .mask .slideshow-carousel > div .video-holder { height: 70%; } } @media only screen and (max-width: 560px) { .slideshow.lightbox .content .mask .slideshow-carousel > div .video-holder, .slideshow-lightbox.lightbox .content .mask .slideshow-carousel > div .video-holder { height: 60%; width: 80%; margin-left: 10%; } } @media only screen and (max-width: 430px) { .slideshow.lightbox .content .mask .slideshow-carousel > div .video-holder, .slideshow-lightbox.lightbox .content .mask .slideshow-carousel > div .video-holder { height: 50%; width: 60%; margin-left: 20%; } } .tag-wrapper .tag { height: 34px; float: left; margin-right: 16px; margin-bottom: 15px; } .tag-wrapper .tag:hover .left .effect { opacity: 1; } .tag-wrapper .tag:hover .tag-content .effect { opacity: 1; } .tag-wrapper .tag:hover .close { opacity: 1; } .tag-wrapper .tag.red .tag .left .effect { background: rgb(187, 0, 0); box-shadow: rgb(187, 0, 0) 0px 0px 20px; opacity: 0; } .tag-wrapper .tag.red .tag .tag-content { color: rgb(187, 0, 0); } .tag-wrapper .tag.white .tag .left .effect { background: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px 0px 20px; opacity: 0; } .tag-wrapper .tag.white .tag .tag-content { color: rgb(255, 255, 255); } .tag-wrapper .tag.green .tag .left .effect { background: rgb(0, 255, 0); box-shadow: rgb(0, 255, 0) 0px 0px 20px; opacity: 0; } .tag-wrapper .tag.green .tag .tag-content { color: rgb(0, 255, 0); } .tag-wrapper .tag.yellow .tag .left .effect { background: rgb(255, 180, 0); box-shadow: rgb(255, 180, 0) 0px 0px 20px; opacity: 0; } .tag-wrapper .tag.yellow .tag .tag-content { color: rgb(255, 180, 0); } .tag-wrapper .tag .left { height: 100%; width: 9px; background: ; border-top: 1px solid rgb(57, 160, 215); border-radius: 5px 0px 0px 5px; float: left; margin-right: 2px; position: relative; z-index: 2; } .tag-wrapper .tag .left .effect { width: 9px; height: 100%; background: rgb(0, 231, 255); border-radius: 5px 0px 0px 5px; box-shadow: rgb(0, 255, 255) 0px 0px 20px; opacity: 0; } .tag-wrapper .tag .tag-content { line-height: 32px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(0, 228, 255); border-top: 1px solid rgb(57, 160, 215); border-radius: 0px 5px 5px 0px; float: left; background: ; position: relative; height: 100%; padding-left: 15px; padding-right: 45px; } .tag-wrapper .tag .tag-content .effect { background: ; border-radius: 0px 5px 5px 0px; opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; } .tag-wrapper .tag .tag-content .text { position: relative; z-index: 2; cursor: default; font-family: Electrolize; font-size: 14px; } .tag-wrapper .tag .tag-content a { color: inherit; } .account-profile .tag-wrapper .tag .tag-content { padding-right: 15px; } .tag-wrapper .tag .close { display: block; width: 16px; height: 16px; background: ; opacity: 0.45; position: absolute; top: 10px; right: 9px; z-index: 2; } a.viewmore:hover span.arrow { animation-fill-mode: forwards; } a.viewmore:hover span.arrow.arrow1 { animation: 0.1s linear 0s 1 normal none running arrow; } a.viewmore:hover span.arrow.arrow2 { animation: 0.3s linear 0s 1 normal none running arrow; } a.viewmore:hover span.arrow.arrow3 { animation: 0.5s linear 0s 1 normal none running arrow; } a.viewmore span.arrow { background: center center no-repeat; width: 46px; height: 43px; display: block; top: 2px; position: absolute; } a.viewmore span.arrow.arrow1 { right: 21px; } a.viewmore span.arrow.arrow2 { right: 14px; } a.viewmore span.arrow.arrow3 { right: 7px; } .modals.flat h2 { margin: 0px 0px 30px; padding: 0px 0px 20px; position: relative; font: 500 22px / 25px Orbitron; } .modals.flat h2::after { content: ""; display: block; width: 100%; height: 1px; background-color: rgb(140, 241, 255); bottom: 0px; left: 0px; position: absolute; box-shadow: rgb(0, 237, 255) 0px 0px 30px; } .modals.flat p { font-size: 12px; color: rgb(90, 122, 147); } .modals.flat .selectlist > span { padding: 0px 15px; } .modals.flat .separator { width: 100%; height: 1px; background-color: rgb(140, 241, 255); box-shadow: rgb(0, 237, 255) 0px 0px 30px; margin: 0px; } .modals.flat .modal-inner { border: 1px solid rgb(20, 55, 94); background: rgba(28, 45, 67, 0.6); margin: 0px; } .modals.flat .modal-confirm { border-radius: 0px; border: 1px solid rgb(20, 55, 94); background: rgba(28, 45, 67, 0.6); } .modals.flat .modal-confirm p { font-size: 12px; color: rgb(90, 122, 147); } .modals.flat #backupcodes { width: 424px; max-width: 480px; padding: 28px; } .modals.flat #backupcodes .backup-codes { position: relative; margin-bottom: 20px; min-height: 270px; } .modals.flat #backupcodes .backup-codes .backup-code { width: 197px; height: 40px; float: left; background-color: rgb(10, 19, 28); border: 1px solid rgb(20, 55, 94); font-size: 14px; color: rgb(0, 240, 255); font-family: Arial; text-align: center; line-height: 40px; margin: 6px 0px; } .modals.flat #backupcodes .backup-codes .backup-code:nth-child(2n+1) { float: right; } .modals.flat #backupcodes .backup-codes .backup-code.used { opacity: 0.3; } .modals.flat #backupcodes .shadow-button { text-transform: uppercase; } .is_mobile .print-backup { display: none; } #matrix-overlay { width: 100%; height: 100%; position: fixed; top: 0px; z-index: 500; background-color: rgba(10, 10, 10, 0.95); overflow: hidden; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; color: rgb(182, 197, 207); visibility: hidden; } #matrix-overlay.matrix-overlay--visible { visibility: visible; } #matrix-overlay .noFont { font-size: 0px !important; } #matrix-overlay #hideWscInput { width: 25px; margin: 20px -5px; position: relative; } #matrix-overlay #hideWscInput input { opacity: 0; position: absolute; top: -3000px; } #matrix-overlay #hideWscInput input:checked + label::after { opacity: 1; } #matrix-overlay #hideWscInput label { cursor: pointer; position: absolute; width: 23px; height: 23px; top: -16px; left: 0px; background: rgb(21, 33, 42); border: 1px solid rgb(89, 98, 103); } #matrix-overlay #hideWscInput label::after { opacity: 0; content: ""; position: absolute; width: 11px; height: 4px; background: 0px 0px; top: 5px; left: 4px; border-bottom: 4px solid rgb(89, 98, 103); border-left: 4px solid rgb(89, 98, 103); border-image: initial; border-top: none; border-right: none; transform: rotate(-45deg); transition: opacity 0.25s ease 0s; } #matrix-overlay #hideWscInput label:hover::after { opacity: 0.2; } @media only screen and (max-width: 720px) { #matrix-overlay #hideWscInput { left: 15px; margin: 0px; position: absolute; top: 5px; } } #matrix-overlay #overlay_close { width: 42px; height: 43px; background: 0px 0px; border: none; margin-top: 27px; position: absolute; left: 18px; } #matrix-overlay #overlay_close::after, #matrix-overlay #overlay_close::before { position: absolute; left: 10px; content: " "; height: 31px; width: 3px; background-color: rgb(182, 197, 207); top: -5px; } #matrix-overlay #overlay_close::before { transform: rotate(-45deg); } #matrix-overlay #overlay_close::after { transform: rotate(45deg); } @media only screen and (max-width: 720px) { #matrix-overlay #overlay_close { left: 0px; margin-top: 0px; } #matrix-overlay #overlay_close::before, #matrix-overlay #overlay_close::after { height: 20px; left: auto; top: auto; width: 2px; } } #matrix-overlay .matrix-overlay__hide { display: none; } #matrix-overlay .matrix-overlay__header { display: flex; width: 1260px; margin-top: 40px; padding-bottom: 40px; font-family: univia-pro, Arial, Helvetica, sans-serif; } @media only screen and (max-width: 1260px) { #matrix-overlay .matrix-overlay__header { width: 100%; } } @media only screen and (max-width: 800px) { #matrix-overlay .matrix-overlay__header { margin-top: 20px; padding-bottom: 20px; } } @media only screen and (max-width: 720px) { #matrix-overlay .matrix-overlay__header { display: block; margin-top: 0px; padding-bottom: 15px; } } #matrix-overlay .matrix-overlay__title { margin-right: auto; padding-left: 2em; font-size: 18px; letter-spacing: 2px; font-family: univia-pro, Arial, Helvetica, sans-serif; text-transform: uppercase; color: rgb(182, 197, 207); } @media only screen and (max-width: 720px) { #matrix-overlay .matrix-overlay__title { font-size: 17px; padding-left: 15px; } } #matrix-overlay .matrix-overlay__title-buttons { display: flex; flex-direction: row; font-size: 12px; letter-spacing: 1.33px; } #matrix-overlay .matrix-overlay__title-buttons p { padding-right: 2em; text-transform: uppercase; align-self: center; font-family: univia-pro, Arial, Helvetica, sans-serif; color: rgb(182, 197, 207); } @media only screen and (max-width: 1260px) { #matrix-overlay .matrix-overlay__title-buttons { justify-content: flex-end; padding-right: 2em; } } @media only screen and (max-width: 720px) { #matrix-overlay .matrix-overlay__title-buttons { display: block; padding-left: 50px; position: relative; } } #matrix-overlay .matrix-overlay__button-container { margin: -14px 10px; position: relative; width: 43px; } @media only screen and (max-width: 720px) { #matrix-overlay .matrix-overlay__button-container { margin: 0px; position: absolute; right: 0px; top: -55px; } } #matrix-overlay .matrix-overlay__body { width: 1140px; height: 620px; opacity: 1; display: flex; flex-direction: row; overflow: hidden; position: relative; transform: translateZ(0px); } @media only screen and (max-width: 1260px) { #matrix-overlay .matrix-overlay__body { flex-direction: column; align-items: center; max-width: 80%; height: 657px; } } @media only screen and (max-width: 720px) { #matrix-overlay .matrix-overlay__body { height: 438px; max-width: unset; width: calc(100% - 30px); } } #matrix-overlay .matrix-overlay__left, #matrix-overlay .matrix-overlay__center, #matrix-overlay .matrix-overlay__right { background: rgb(0, 0, 0); min-height: 219px; overflow: hidden; position: relative; width: 33.3%; transform: translateZ(0px); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; } #matrix-overlay .matrix-overlay__left::before, #matrix-overlay .matrix-overlay__center::before, #matrix-overlay .matrix-overlay__right::before { background-repeat: no-repeat; background-size: cover; content: ""; height: 100%; position: absolute; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; width: 565px; z-index: 0; } @media only screen and (max-width: 1260px) { #matrix-overlay .matrix-overlay__left::before, #matrix-overlay .matrix-overlay__center::before, #matrix-overlay .matrix-overlay__right::before { width: 100%; height: 219px; } } @media only screen and (max-width: 720px) { #matrix-overlay .matrix-overlay__left::before, #matrix-overlay .matrix-overlay__center::before, #matrix-overlay .matrix-overlay__right::before { height: 146px; } } #matrix-overlay .matrix-overlay__left::after, #matrix-overlay .matrix-overlay__center::after, #matrix-overlay .matrix-overlay__right::after { content: ""; height: 100%; left: 0px; opacity: 0; position: absolute; top: 0px; width: 90%; z-index: 0; } @media only screen and (max-width: 720px) { #matrix-overlay .matrix-overlay__left::after, #matrix-overlay .matrix-overlay__center::after, #matrix-overlay .matrix-overlay__right::after { opacity: 1; width: 100%; } } @media only screen and (max-width: 1260px) { #matrix-overlay .matrix-overlay__left, #matrix-overlay .matrix-overlay__center, #matrix-overlay .matrix-overlay__right { width: 100%; } } @media only screen and (max-width: 720px) { #matrix-overlay .matrix-overlay__left, #matrix-overlay .matrix-overlay__center, #matrix-overlay .matrix-overlay__right { min-height: 146px; } } #matrix-overlay .matrix-overlay__left::before { background-position: left top; left: 0px; } @media only screen and (max-width: 1260px) { #matrix-overlay .matrix-overlay__left::before { background-position: right top; } } @media only screen and (min-width: 1261px) { #matrix-overlay .matrix-overlay__left::before { transform-origin: left center; } } #matrix-overlay .matrix-overlay__left::after { background-image: linear-gradient(89deg, rgb(12, 29, 41) 14%, rgba(11, 27, 38, 0.8) 39%, rgba(11, 27, 38, 0.7) 61%, rgba(11, 27, 38, 0) 95%); } #matrix-overlay .matrix-overlay__left .matrix-overlay__text-row { left: 0px; } #matrix-overlay .matrix-overlay__center::before { background-position: center top; left: 50%; margin-left: -282px; } @media only screen and (max-width: 1260px) { #matrix-overlay .matrix-overlay__center::before { background-position: right top; left: 0px; margin-left: 0px; } } #matrix-overlay .matrix-overlay__center::after { background-image: linear-gradient(89deg, rgb(26, 20, 20) 14%, rgba(25, 20, 20, 0.8) 39%, rgba(25, 20, 20, 0.7) 61%, rgba(25, 20, 20, 0) 95%); } @media only screen and (min-width: 1261px) { #matrix-overlay .matrix-overlay__center .matrix-overlay__text-row { left: 50%; transform: translateX(-50%); } } #matrix-overlay .matrix-overlay__right::before { background-position: right bottom; right: 0px; } @media only screen and (max-width: 1260px) { #matrix-overlay .matrix-overlay__right::before { background-position: right top; } } #matrix-overlay .matrix-overlay__right::after { background-image: linear-gradient(89deg, rgb(20, 30, 34) 14%, rgba(18, 27, 32, 0.8) 39%, rgba(18, 27, 32, 0.7) 61%, rgba(18, 27, 32, 0) 95%); } @media only screen and (min-width: 1261px) { #matrix-overlay .matrix-overlay__right { transform-origin: right center; } #matrix-overlay .matrix-overlay__right .matrix-overlay__text-row { right: 0px; } } #matrix-overlay .matrix-overlay__text-row { align-self: flex-end; align-items: center; bottom: 0px; display: flex; flex-direction: row; min-height: 219px; position: absolute; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; width: 380px; z-index: 5; } @media only screen and (max-width: 720px) { #matrix-overlay .matrix-overlay__text-row { min-height: 146px; width: 100%; } } #matrix-overlay .matrix-overlay__text { width: 170px; opacity: 0.5; font-family: univia-pro, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 300; color: rgb(182, 197, 207); letter-spacing: 1.5px; text-transform: uppercase; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; } @media only screen and (max-width: 720px) { #matrix-overlay .matrix-overlay__text { font-size: 12px; opacity: 1; } } #matrix-overlay .matrix-overlay__logo-wrapper { height: 190px; position: relative; width: 170px; } #matrix-overlay .matrix-overlay__logo-wrapper img { display: block; height: auto; width: 190px; } @media only screen and (max-width: 720px) { #matrix-overlay .matrix-overlay__logo-wrapper { height: 95px; width: 95px; } #matrix-overlay .matrix-overlay__logo-wrapper img { width: 95px; } } #matrix-overlay .matrix-overlay__logo, #matrix-overlay .matrix-overlay__logo--active { backface-visibility: hidden; left: 0px; position: absolute; top: 0px; transform: scale(0.95); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; } #matrix-overlay .matrix-overlay__logo--active { opacity: 0; } #matrix-overlay .verticalBar { width: 1px; height: 115px; margin-right: 20px; margin-left: -10px; background: linear-gradient(rgb(16, 144, 239), rgb(100, 117, 83) 33.3333%, rgb(135, 109, 74) 66.6667%, rgb(204, 139, 37)); transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; } @media only screen and (max-width: 720px) { #matrix-overlay .verticalBar { height: 60px; } } #matrix-overlay .activePanel::before { transform: scale(1.05) translateZ(0px); } #matrix-overlay .activePanel .verticalBar { transform: scaleY(1.2) translateZ(0px); } #matrix-overlay .activePanel .matrix-overlay__logo { opacity: 0; transform: scale(1); } #matrix-overlay .activePanel .matrix-overlay__logo--active { opacity: 1; transform: scale(1); } #matrix-overlay .activePanel .matrix-overlay__text { color: rgb(255, 255, 255); opacity: 1; } @media only screen and (min-width: 1261px) { #matrix-overlay .activePanel { width: 50%; z-index: 9; } } #matrix-overlay .inactivePanel::before { opacity: 0.35; } @media only screen and (min-width: 1261px) { #matrix-overlay .inactivePanel { width: 25%; z-index: 5; } #matrix-overlay .inactivePanel .matrix-overlay__text-row { opacity: 0; } } #matrix-overlay .svg-clip { width: 100%; height: 100%; position: absolute; inset: 0px; } #matrix-overlay .svg-clip .top-box, #matrix-overlay .svg-clip .bottom-box { height: calc(100% - 50px); width: calc(100% - 50px); } #matrix-overlay .svg-clip .bottom-right-corner, #matrix-overlay .svg-clip .bottom-right-corner-mobile { bottom: 50px; right: -50px; } #matrix-overlay .svg-clip.no-right-corner .bottom-box { width: 100%; } @media screen and (min-width: 1260px) { #matrix-overlay .svg-clip .top-left-corner-mobile, #matrix-overlay .svg-clip .bottom-right-corner-mobile { display: none; } } .customize-button-ico { display: inline-block; width: 15px; height: 18px; background: center center no-repeat; color: rgb(122, 246, 251); } .customize-button-ico svg { height: 100%; width: 100%; fill: currentcolor; } .customize-button-arrow { display: inline-block; width: 10px; height: 10px; background: center center no-repeat; color: rgb(122, 246, 251); } .customize-button-arrow svg { height: 100%; width: 100%; fill: currentcolor; } .customize-button { border: none !important; } .customize-button--inline { display: inline-block; margin-left: -30px; } .customize-button--absolute { display: inline-block; margin-left: -30px; position: absolute; } .customize-button--relative { position: relative; margin-left: -30px; top: -20px; } .customize-button .holosmallbtn-top { background: center -31px no-repeat; } .customize-button .holosmallbtn-bottom { background: center -71px no-repeat; width: 200px; height: 80px; z-index: 1; left: 5px; top: 8px; } .customize-button .customize-button-text { display: inline-block; vertical-align: top; padding: 2px 0px 0px 2px; } .customize-button:hover, .customize-button.active { border: none !important; } .customize-button:hover:not(.inactive) > .holosmallbtn-top, .customize-button.active:not(.inactive) > .holosmallbtn-top { transform: translate(16px, 0px); transition-delay: 0.2s; color: rgb(255, 255, 255); } .customize-button:hover:not(.inactive) > .holosmallbtn-bottom, .customize-button.active:not(.inactive) > .holosmallbtn-bottom { transform: translate(13px, -4px); } .customize-button-block { position: relative; width: 100%; height: 45px; background: linear-gradient(46deg, transparent 16px, rgb(50, 83, 104) 16px); transition: background 1s ease-out 0s; } .customize-button-block::before { content: ""; display: block; height: 100%; position: absolute; top: 0px; left: 0px; opacity: 0; width: 100%; transition: opacity 0.45s ease 0s; background: linear-gradient(46deg, transparent 16px, rgb(84, 123, 149) 16px); } .customize-button-block .customize-button { display: block; height: 100%; position: relative; } .customize-button-block .customize-button .customize-button-content { display: flex; height: 100%; padding: 0px 20px; align-items: center; justify-content: flex-end; } .customize-button-block .customize-button .customize-button-text { color: rgb(255, 255, 255); font-size: 11px; text-transform: uppercase; padding: 0px 8px; } .customize-button-block--inactive { opacity: 0.5; } .customize-button-block--cart { background: 0px 0px; height: auto; width: auto; } .customize-button-block--cart::before { content: none; } .customize-button-block:hover:not(.customize-button-block--inactive)::before, .customize-button-block:hover:not(.customize-button-block--cart)::before { opacity: 1; } .csbanner-embed { overflow: hidden !important; padding: 20px 0px !important; } .csbanner-embed__wrapper { padding: 12px 0px !important; position: relative !important; text-align: center !important; } .csbanner-embed__wrapper::before { content: "" !important; display: block !important; width: 100% !important; height: 1px !important; background-color: rgb(26, 117, 185) !important; position: absolute !important; top: 0px !important; left: 0px !important; box-shadow: rgba(12, 126, 212, 0.65) 0px 0px 6px 2px !important; } .csbanner-embed__link { display: block !important; } .csbanner-embed__header { font: bold 26px / 1.25 Orbitron, sans-serif !important; color: rgb(207, 228, 238) !important; text-transform: uppercase !important; text-shadow: rgb(0, 108, 255) 0px 0px 7px, rgb(0, 108, 255) 0px 0px 7px !important; margin: 0px !important; } .csbanner-embed__subscribe-now { color: rgb(207, 228, 238) !important; font: 15px / 1 Electrolize, sans-serif !important; text-transform: uppercase !important; padding: 0px 40px 0px 15px !important; position: relative !important; top: -4px !important; } .csbanner-embed__subscribe-now::before, .csbanner-embed__subscribe-now::after { content: "" !important; display: block !important; width: 1000px !important; height: 1px !important; background-color: rgb(26, 117, 185) !important; position: absolute !important; top: 8px !important; left: -1005px !important; box-shadow: rgba(12, 126, 212, 0.65) 0px 0px 6px 2px !important; } .csbanner-embed__subscribe-now::after { left: auto !important; right: -1005px !important; } .csbanner-embed__icon { display: block; width: 2px; height: 2px; position: absolute; top: 0px; right: 30px; background: 0px 0px; box-shadow: rgb(19, 231, 241) 0px 2px 0px 0px, rgb(19, 231, 241) 2px 4px 0px 0px, rgb(19, 231, 241) 4px 6px 0px 0px, rgb(19, 231, 241) 6px 8px 0px 0px, rgb(19, 231, 241) 4px 10px 0px 0px, rgb(19, 231, 241) 2px 12px 0px 0px, rgb(19, 231, 241) 0px 14px 0px 0px, rgb(19, 231, 241) 6px 2px 0px 0px, rgb(19, 231, 241) 8px 4px 0px 0px, rgb(19, 231, 241) 10px 6px 0px 0px, rgb(19, 231, 241) 12px 8px 0px 0px, rgb(19, 231, 241) 10px 10px 0px 0px, rgb(19, 231, 241) 8px 12px 0px 0px, rgb(19, 231, 241) 6px 14px 0px 0px, rgb(19, 231, 241) 12px 2px 0px 0px, rgb(19, 231, 241) 14px 4px 0px 0px, rgb(19, 231, 241) 16px 6px 0px 0px, rgb(19, 231, 241) 18px 8px 0px 0px, rgb(19, 231, 241) 16px 10px 0px 0px, rgb(19, 231, 241) 14px 12px 0px 0px, rgb(19, 231, 241) 12px 14px 0px 0px; filter: drop-shadow(rgb(20, 128, 231) 3px 3px 3px) drop-shadow(rgb(20, 128, 231) -3px -3px 3px); } label.checkbox { display: inline-block; } label.checkbox.light span { background: left center no-repeat scroll transparent; } label.checkbox.light.on span { background: left center no-repeat scroll transparent; } label.checkbox.on span { background: left center no-repeat scroll transparent; padding-left: 24px; position: relative; } label.checkbox.disabled span { cursor: default; filter: grayscale(100%); opacity: 0.6; } label.checkbox input { clear: left; float: left; left: 5px; opacity: 0; position: relative; outline: 0px; } label.checkbox input:focus { outline: 0px; } label.checkbox span { background: left center no-repeat scroll transparent; display: block; font-size: 9pt; padding-left: 24px; position: relative; white-space: nowrap; cursor: pointer; } label.radio { display: block; } label.radio.on span { background: left center no-repeat scroll transparent; padding-left: 24px; position: relative; } label.radio input { clear: left; float: left; left: 5px; opacity: 0; position: relative; outline: 0px; } label.radio input:focus { outline: 0px; } label.radio span { background: left center no-repeat scroll transparent; display: block; font-size: 9pt; padding-left: 24px; position: relative; white-space: nowrap; } .legacy-form input { outline: none; } .legacy-form input[type="text"], .legacy-form input[type="password"], .legacy-form input[type="email"] { background-color: rgba(0, 0, 0, 0.4); border: 1px solid rgba(22, 42, 63, 0.8); font-size: 12px; color: rgb(53, 94, 120); width: 100%; padding: 10px 15px; display: block; margin-bottom: 3px; box-sizing: border-box; transition: all 0.2s ease 0s !important; } .legacy-form input[type="text"]:focus, .legacy-form input[type="password"]:focus, .legacy-form input[type="email"]:focus { border: 1px solid rgb(0, 183, 202); color: rgb(66, 198, 231); box-shadow: rgba(0, 112, 200, 0.3) 0px 0px 20px inset; } #advanced-note-confirmation .legacy-form input[type="submit"], .legacy-form input[type="submit"], .legacy-form input[type="button"] { height: 34px; padding: 0px 0px 0px 42px; margin: 0px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 16px; color: rgb(129, 179, 201); text-transform: uppercase; border: none; background: 0px 0px; position: relative; z-index: 2; } #advanced-note-confirmation .legacy-form input[type="submit"], .legacy-form input[type="submit"], .legacy-form input[type="button"], #advanced-note-confirmation .legacy-form input[type="submit"]:hover, .legacy-form input[type="submit"]:hover, .legacy-form input[type="button"]:hover { color: rgb(255, 255, 255); } .legacy-form input[disabled="disabled"]:hover { color: rgb(129, 179, 201); } .legacy-form textarea { width: 100%; height: 100px; background: rgba(0, 0, 0, 0.4); border: 1px solid rgba(22, 42, 63, 0.8); font-size: 12px; line-height: 16px; color: rgb(53, 94, 120); resize: none; padding: 10px 15px; outline: none; box-sizing: border-box; transition: all 0.2s ease 0s !important; } .legacy-form textarea:focus { border: 1px solid rgb(0, 183, 202); color: rgb(66, 198, 231); box-shadow: rgba(0, 112, 200, 0.3) 0px 0px 20px inset; } .legacy-form label { font-size: 12px; font-weight: 700; color: rgb(118, 150, 174); display: block; margin: 8px 0px; } .legacy-form .password-wrapper { position: relative; display: block; width: 100%; font-weight: initial; margin: auto; } .legacy-form .password-wrapper .fake-password-input { position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; color: rgb(53, 94, 120); font-size: 12px; line-height: 35px; padding-left: 15px; cursor: text; } .legacy-form .submit-wrapper { background: 0px 0px no-repeat; display: inline-block; position: relative; } .legacy-form .submit-wrapper:hover .submit-hover, .legacy-form .submit-wrapper.active .submit-hover { opacity: 1; } .legacy-form .submit-wrapper.disabled:hover .submit-hover { opacity: 0; } .legacy-form .submit-wrapper.disabled input[type="submit"] { color: rgb(129, 179, 201); cursor: default; } .legacy-form .submit-wrapper.loading { background: 0px 0px; } .legacy-form .submit-wrapper.loading .submit-hover { transition: all 0.05s ease-in-out 0s; animation-direction: normal; animation-duration: 0.1s; animation-iteration-count: infinite; animation-name: blink; animation-timing-function: ease-in-out; opacity: 1; } .legacy-form .submit-wrapper.loading input { color: rgb(129, 179, 201); cursor: default; } .legacy-form .submit-wrapper.back { background: 0px 0px no-repeat; } .legacy-form .submit-wrapper.back .submit-hover { background: 0px -29px no-repeat; } .legacy-form .submit-wrapper .submit-hover { display: block; width: 47px; height: 47px; background: 0px -29px no-repeat; position: absolute; top: -9px; left: -9px; opacity: 0; z-index: 1; } .legacy-form .success-message { background: 7px 50% no-repeat rgba(55, 158, 63, 0.2); border: 1px solid rgb(31, 82, 53); border-radius: 5px; margin-bottom: 10px; font-size: 11px; line-height: 14px; color: rgb(50, 170, 50); padding: 11px 30px 11px 60px; display: none; min-height: 28px; } .legacy-form .success-message strong { color: rgb(0, 255, 0); } .legacy-form #paypal_form input[type="submit"], .legacy-form #amazon_form input[type="submit"] { margin: 0px; padding: 0px; } .legacy-form .error-message, .error-message { background: 7px 50% no-repeat rgba(178, 34, 34, 0.2); border: 1px solid rgb(80, 42, 54); border-radius: 5px; margin-bottom: 25px; font-size: 11px; line-height: 14px; color: rgb(187, 0, 0); padding: 11px 30px 11px 60px; display: none; min-height: 28px; } .legacy-form .error-message strong, .error-message strong { color: red; } .probation-wrapper { background: rgba(0, 0, 0, 0.8); overflow: hidden; position: relative; z-index: 20; } .probation-wrapper .error-message.probation { width: auto; min-width: 260px; max-width: 1030px; margin: 10px auto; position: relative; } .probation-wrapper .error-message.probation .close { background: 0px 0px repeat scroll transparent; display: block; height: 16px; opacity: 1; position: absolute; right: 9px; top: 10px; width: 16px; z-index: 2; } .probation-wrapper .error-message.probation .close:hover { opacity: 0.75; } .error-message.probation { display: block; margin: 10px; } .error-message.probation strong span { color: rgb(255, 255, 255); } .error-message.recovery { display: inline-block; font-size: 14px; line-height: 26px; } .page-wrapper { position: relative; z-index: 10; } .wrapper.extra-large { max-width: 1920px; } .rightcol { float: right; vertical-align: top; width: 360px; } @media only screen and (max-width: 1140px) { .rightcol { float: none; margin: 0px auto 90px; width: 360px; } } .rightcol .content { padding-bottom: 20px; } .rightcol .content .rcol-item { margin-bottom: 5px; position: relative; } .rightcol .content .rcol-item h4 { padding-bottom: 4px; } .rightcol .content .rcol-item h4 a { transition-duration: 0.3s; perspective: 1000px; } .rightcol .content .rcol-item p { transition-duration: 0.3s; perspective: 1000px; margin-bottom: 7px; opacity: 0.5; } .rightcol .content .rcol-item .about-bottom { height: 25px; background: center top no-repeat; } .rightcol .content .rcol-item .about-bottom a { float: right; margin-top: 6px; margin-right: 5px; } .rightcol .content .rcol-item .about-bottom a .label { opacity: 0.4; font-family: Electrolize; font-size: 12px; color: rgb(44, 121, 159); text-transform: uppercase; transition-duration: 0.3s; perspective: 1000px; } .rightcol .content .rcol-item .about-bottom a .arrow { top: -19px; } .rightcol .content .rcol-item:hover h4 a { opacity: 0.8; } .rightcol .content .rcol-item:hover p { opacity: 0.8; } .rightcol .content .rcol-item:hover .about-bottom .label { opacity: 1; } .alpha-game-disclaimer { color: rgb(177, 169, 146); font-size: 14px; padding-left: 40px; margin: 20px 0px 0px; line-height: 25px; font-style: italic; font-family: Electrolize; background: left center no-repeat; } .grecaptcha-badge { visibility: hidden; } [v-cloak] { display: none; } .box.event { background-color: rgba(0, 44, 69, 0.4); width: 360px; } .box.event > :not(.glow-corners) { height: auto; } .box.event .info { padding: 23px 0px 14px 30px; position: relative; background-color: transparent; } .box.event .info .glow-mini-breadcrumb .nav-item.channel::after { content: none; } .box.event .show-list { padding: 9px 16px 0px; } .box.event .show-list .show { background: rgba(0, 0, 0, 0.3); position: relative; padding-bottom: 17px; padding-top: 8px; height: 90px; box-sizing: border-box; } .box.event .show-list .show * { color: rgb(217, 207, 152); text-transform: uppercase; font: 16px "Share Tech Mono"; } .box.event .show-list .show > * { position: absolute; margin-left: 15px; } .box.event .show-list .show.first-show { background: rgba(0, 0, 0, 0.5); height: 120px; margin-bottom: 30px; } .box.event .show-list .show.first-show * { font-size: 23px; } .box.event .show-list .show.first-show .border { position: absolute; top: -5px; width: 5px; height: 120px; margin: 0px; } .box.event .show-list .show.first-show .border.left { box-shadow: rgb(202, 71, 0) 9px 0px 42px; left: -5px; } .box.event .show-list .show.first-show .border.left::before { border-left: 5px solid rgb(217, 207, 152); } .box.event .show-list .show.first-show .border.right { box-shadow: rgb(202, 71, 0) 9px 0px 42px; right: 0px; } .box.event .show-list .show.first-show .border.right::before { border-right: 5px solid rgb(217, 207, 152); } .box.event .show-list .show.first-show .border::before { content: ""; position: absolute; width: 0px; height: 120px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; filter: drop-shadow(rgba(255, 118, 17, 0.6) 0px 0px 5px); } .box.event .show-list .show.first-show .title { top: 5px; margin-left: 15px; } .box.event .show-list .show.first-show .title .letter { letter-spacing: -0.4px; opacity: 0.8; } .box.event .show-list .show.first-show .title .letter.last-letter-date { display: inline-block; } .box.event .show-list .show.first-show .title-back { top: 11px; } .box.event .show-list .show.first-show .title-back .letter:nth-child(3), .box.event .show-list .show.first-show .title-back .letter:nth-child(6), .box.event .show-list .show.first-show .title-back .letter:nth-child(9), .box.event .show-list .show.first-show .title-back .letter:nth-child(12) { opacity: 0.5; } .box.event .show-list .show.first-show + .show { padding-top: 18px; height: 100px; } .box.event .show-list .show.first-show + .show .title { top: 17px; } .box.event .show-list .show.first-show + .show .title-back { top: 18px; } .box.event .show-list .show.first-show + .show .show-time { top: 58px; } .box.event .show-list .show .title .letter, .box.event .show-list .show .title-back .letter { width: 12px; height: 29px; padding: 0px; } .box.event .show-list .show .border { position: absolute; bottom: 17px; width: 1px; height: 65px; margin: 0px; filter: drop-shadow(rgba(255, 118, 17, 0.8) 0px 0px 5px); background: linear-gradient(rgba(217, 207, 152, 0) 0%, rgba(217, 207, 152, 0.9) 50%, rgba(217, 207, 152, 0) 100%); } .box.event .show-list .show .border.left { left: 0px; box-shadow: rgb(202, 71, 0) 9px 0px 34px 1px; } .box.event .show-list .show .border.right { right: 0px; box-shadow: rgb(202, 71, 0) -9px 0px 34px 1px; } .box.event .show-list .show .letter { margin: 0px 3px 0px 0px; letter-spacing: 3.3px; opacity: 0.7; text-shadow: rgb(202, 71, 0) 0px 3px 34px, rgba(255, 118, 17, 0.8) 2px 2px 10px, rgba(255, 118, 17, 0.8) -2px -2px 10px; } .box.event .show-list .show .letter.letter-small { opacity: 0.4; font-size: 14px; margin-left: 2px; margin-right: 6px; } .box.event .show-list .show .letter.letter-time { opacity: 0.3; font-size: 12px; margin-left: 1px; margin-right: 2px; letter-spacing: 5.5px; } .box.event .show-list .show .title { top: 7px; z-index: 1; line-height: 35px; margin-left: 18px; } .box.event .show-list .show .title-back { top: 8px; z-index: 0; font-size: 0px; } .box.event .show-list .show .title-back .letter-back { margin: 0px 3px 6px 0px; display: inline-block; background: rgba(69, 56, 30, 0.35); } .box.event .show-list .show .show-time { top: 48px; right: 11px; } .c-header-wrapper--rsi .c-right-sidebar { background-color: rgb(21, 31, 38); } .c-header-wrapper--rsi .c-right-sidebar ::-webkit-scrollbar-thumb { background: rgb(0, 231, 255); } .c-header-wrapper--rsi .c-right-sidebar ::-webkit-scrollbar-track { background: rgb(22, 67, 87); } .c-header-wrapper--rsi .c-right-sidebar__back { background-color: rgb(37, 49, 57); color: rgb(196, 215, 230); } .c-header-wrapper--rsi .c-right-sidebar__back, .c-header-wrapper--rsi .c-right-sidebar__back::before { transition: color 0.15s ease-out 0s, background-color 0.15s ease-out 0s; will-change: color, background-color; } .c-header-wrapper--rsi .c-right-sidebar__back::before { background-color: rgb(196, 215, 230); } .c-header-wrapper--rsi .c-right-sidebar__back:hover { background-color: rgb(21, 31, 38); color: rgb(255, 255, 255); } .c-header-wrapper--rsi .c-right-sidebar__back:hover::before { background-color: rgb(255, 255, 255); } #connect .c-header-wrapper--rsi .c-right-sidebar__back { display: none; } @media (min-width: 768px) { .c-header-wrapper--rsi .c-right-sidebar__form { border: 1px solid rgb(22, 67, 87); } } .c-header-wrapper--rsi .c-right-sidebar__form-title { color: rgb(83, 167, 197); font-family: Orbitron, sans-serif; text-transform: uppercase; letter-spacing: 2px; } .c-header-wrapper--rsi .c-right-sidebar__form-error-message { background: rgba(210, 44, 44, 0.25); } .c-header-wrapper--rsi .c-right-sidebar__form-label { color: rgb(40, 104, 127); } .c-header-wrapper--rsi .c-right-sidebar__form-input { background-color: rgb(7, 15, 28); border: 1px solid rgb(7, 15, 28); color: rgb(83, 167, 197); padding: 0px 0px 0px 10px; } .c-header-wrapper--rsi .c-right-sidebar__form-input:focus { border-color: rgb(14, 131, 178); } .c-header-wrapper--rsi .c-right-sidebar__form-input::placeholder { color: rgb(40, 104, 127); line-height: 1em; overflow: visible; } .c-header-wrapper--rsi .c-right-sidebar__form-input--device { background-image: ; padding-left: 36px; } .c-header-wrapper--rsi .c-right-sidebar__form .selectlist { border: 1px solid rgb(7, 15, 28); background-color: rgb(7, 15, 28); color: rgb(40, 104, 127); } .c-header-wrapper--rsi .c-right-sidebar__form .selectlist:focus { border: 1px solid rgb(14, 131, 178); color: rgb(83, 167, 197); } .c-header-wrapper--rsi .c-right-sidebar__form .selectlist > .body { border: 1px solid rgb(22, 67, 87); background-color: rgb(7, 15, 28); } .c-header-wrapper--rsi .c-right-sidebar__form .selectlist ul li { color: rgb(40, 104, 127); } .c-header-wrapper--rsi .c-right-sidebar__form .selectlist ul li.hover { background-color: rgb(20, 64, 83); color: rgb(83, 167, 197); } .c-header-wrapper--rsi .c-right-sidebar__form-checkbox-label { color: rgb(40, 104, 127); } .c-header-wrapper--rsi .c-right-sidebar__form-checkbox-label::before { background-color: rgb(7, 15, 28); } .c-header-wrapper--rsi .c-right-sidebar__form-checkbox-label::after { background-image: ; } .c-header-wrapper--rsi .c-right-sidebar__form-checkbox-label:hover { color: rgb(83, 167, 197); } .c-header-wrapper--rsi .c-right-sidebar__form-submit { color: rgb(14, 131, 178); background-image: ; } .c-header-wrapper--rsi .c-right-sidebar__form-submit:hover { color: rgb(0, 231, 255); } .c-header-wrapper--rsi .c-right-sidebar__form-icon-link { color: rgb(40, 104, 127); } .c-header-wrapper--rsi .c-right-sidebar__form-icon-link:hover { color: rgb(83, 167, 197); } .c-header-wrapper--rsi .c-right-sidebar__form-icon-link:hover::before { background-color: rgb(83, 167, 197); } .c-header-wrapper--rsi .c-right-sidebar__form-icon-link::before { background-color: rgb(40, 104, 127); } .c-header-wrapper--rsi .c-right-sidebar--account { justify-content: flex-start; } .c-header-wrapper--rsi .c-right-sidebar--account .btn-clipped-corners::before, .c-header-wrapper--rsi .c-right-sidebar--account .btn-clipped-corners::after { content: ; } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar__profile { background-color: rgb(37, 49, 57); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar__profile-metas-avatar { border-color: rgb(81, 96, 108); background-color: rgb(37, 49, 57); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar__profile-metas-avatar:hover { border-color: rgb(255, 255, 255); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar__profile-metas-badge { border-color: rgb(81, 96, 108); background-color: rgb(37, 49, 57); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar__profile-info { padding-left: 15px; } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar__profile-info-displayname { color: rgb(196, 215, 230); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar__profile-info-displayname:hover { color: rgb(255, 255, 255); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar__profile-info-handle { color: rgb(163, 185, 203); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar__profile-info-credits-label { color: rgb(138, 157, 173); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar__profile-info-credits-amount--pledge { color: rgb(94, 191, 251); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar__profile-info-credits-amount--uec { color: rgb(255, 180, 0); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar__profile-info-credits-amount--rec { color: rgb(174, 229, 244); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar__profile-info-signout-button { color: rgb(255, 90, 90); background-color: rgb(21, 31, 38); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar__links { background-color: rgb(37, 49, 57); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar__links-link { color: rgb(196, 215, 230); background-color: rgb(59, 76, 87); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar__links-link-icon svg path { fill: rgb(196, 215, 230); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar__links-link:hover { color: rgb(255, 255, 255); background-color: rgb(81, 96, 108); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar__links-link:hover svg path { fill: rgb(255, 255, 255); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar__unconfirmed-account { background-color: rgb(37, 49, 57); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar__unconfirmed-account-inner { border: 1px solid rgb(21, 31, 38); color: rgb(163, 185, 203); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar-tabs__tab { background-color: rgb(4, 21, 36); color: rgb(14, 131, 178); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar-tabs__tab::after { background-color: rgb(4, 21, 36); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar-tabs__content { background-color: rgb(4, 21, 36); height: 100%; } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar-contacts__search-input { background-color: rgb(4, 10, 19); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar-contacts__search-submit span { background-color: rgb(14, 131, 178); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar-contacts__search-amount { color: rgb(14, 131, 178); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar-contacts .c-right-sidebar__form-checkbox-label { color: rgb(40, 104, 127); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar-contacts .c-right-sidebar__form-checkbox-label::before { background-color: rgb(4, 10, 19); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar-contacts__results-title-wrapper { background: rgb(6, 31, 48); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar-contacts__results-title { color: rgb(14, 131, 178); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar-contacts__results-list-item { background-color: rgb(3, 15, 27); border-bottom: 1px solid rgb(22, 67, 87); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar-contacts__results-list-item-avatar { border-color: rgb(22, 67, 87); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar-contacts__results-list-item-displayname { color: rgb(83, 167, 197); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar-contacts__results-list-item-handle { color: rgb(40, 104, 127); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar-contacts__results-list-item-action { color: rgb(40, 104, 127); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar-contacts__results-list-item-action::before { background-color: rgb(40, 104, 127); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar-contacts__results-list-item-action:hover { color: rgb(0, 231, 255); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar-contacts__results-list-item-action:hover::before { background-color: rgb(0, 231, 255); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar-contacts__results-list-item.is-following { background-color: rgb(4, 21, 36); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar__contacts { width: 100%; margin-top: 25px; } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar__contacts-content { padding: 25px; background-color: rgb(4, 21, 36); color: rgb(30, 57, 80); } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar__contacts-unified-info { background-color: rgb(4, 21, 36); color: rgb(40, 104, 127); font-size: 14px; margin: 0px 0px 25px; } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar__contacts .shadow-button { text-transform: uppercase; } .c-header-wrapper--rsi .c-right-sidebar--account .c-account-sidebar__contacts .shadow-button > .icon { background: center center no-repeat; } .c-header-wrapper--rsi.is-search-open .c-cross-site-menu-item--search { color: rgb(119, 234, 246); } .c-header-wrapper--rsi.is-search-open .c-cross-site-menu-item--search .c-cross-site-menu-item-arrow span { background-color: rgb(66, 237, 248); } .c-header-wrapper--rsi.is-account-open .c-cross-site-menu-item--account { color: rgb(119, 234, 246); } .c-header-wrapper--rsi.is-account-open .c-cross-site-menu-item--account .c-cross-site-menu-item-arrow span { background-color: rgb(66, 237, 248); } .c-brand-cta-btn { color: rgb(122, 210, 221); font-size: 13px; display: inline-block; height: 44px; line-height: 49px; padding: 0px 40px; position: relative; text-transform: uppercase; } .c-brand-cta-btn div { content: ""; display: block; position: absolute; transition: transform 0.2s ease 0s; transform-style: preserve-3d; backface-visibility: hidden; } .c-brand-cta-btn div:first-of-type { height: 100%; width: 100%; border-width: 1px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: ; border-image-slice: 20 fill; border-image-width: 100px; left: 0px; top: 0px; z-index: 2; transform: translateX(0px) translateY(0px); } .c-brand-cta-btn div:last-of-type { border-width: 1px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: ; border-image-slice: 39 fill; border-image-width: 100px; width: calc(100% + 34px); height: calc(100% + 34px); left: -17px; top: -17px; transform: translateX(5px) translateY(5px); z-index: 3; } .c-brand-cta-btn__text { font-family: Orbitron; font-weight: 500; position: relative; z-index: 5; white-space: nowrap; } .c-brand-cta-btn strong { color: rgb(251, 254, 255); display: inline-block; font-family: Orbitron; font-size: 18px; font-weight: 500; margin-right: 10px; } .c-brand-cta-btn:hover div:first-of-type { transform: translateX(5px) translateY(0px); transition-delay: 0.25s; } .c-brand-cta-btn:hover div:last-of-type { transform: translateX(5px) translateY(0px); } .c-brand-cta-btn.is-disabled { color: rgb(84, 125, 161); } .c-brand-cta-btn.is-disabled div:first-of-type { border-width: 1px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: ; border-image-slice: 20 fill; border-image-width: 100px; } .c-brand-cta-btn.is-disabled div:last-of-type { border-width: 1px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: ; border-image-slice: 39 fill; border-image-width: 100px; } .c-brand-cta-btn--citizencon div:first-of-type { border-width: 1px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: ; border-image-slice: 20 fill; border-image-width: 100px; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 3; } .c-brand-cta-btn--citizencon div:last-of-type { border-width: 1px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: ; border-image-slice: 20 fill; border-image-width: 100px; width: 100%; height: 100%; left: 1px; top: 0px; transform: translateX(5px) translateY(5px); z-index: 2; } @media (min-width: 1024px) { .c-brand-menu----rsi { background-color: rgba(13, 46, 66, 0.5); border-top: 1px solid rgb(10, 69, 109); border-bottom: 1px solid rgb(10, 69, 109); height: 71px; padding-top: 4px; position: absolute; width: 100%; top: 37px; z-index: 80; } } .c-brand-menu----rsi .c-brand-menu__hamburger span { background-color: rgb(3, 124, 145); } .c-brand-menu----rsi .c-brand-menu__section { color: rgb(126, 126, 126); font-family: "Univia Pro", sans-serif; } @media (max-width: 1023px) { .c-brand-menu----rsi .c-brand-menu__container { background: rgb(19, 26, 33); left: -100%; } } @media (min-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__container { display: flex; border-top: 1px solid rgb(10, 69, 109); height: 81px; } } .c-brand-menu----rsi .c-brand-menu__logo .h-svg { color: rgb(95, 111, 119); } @media (min-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__logo { background-color: rgba(13, 46, 66, 0.5); border-bottom: 1px solid rgb(10, 69, 109); display: flex; justify-content: flex-end; align-items: center; flex-grow: 1; height: 76px; position: relative; z-index: 10; } } @media (min-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__logo::after { border-color: rgba(13, 46, 66, 0.5) transparent transparent; border-style: solid; border-width: 16px 16px 0px 0px; bottom: 0px; content: ""; margin-right: -16px; position: absolute; right: 0px; z-index: 5; } } @media (max-width: 1023px) { .c-brand-menu----rsi .c-brand-menu__logo .h-svg { width: 123px; height: 56px; position: relative; } .c-brand-menu----rsi .c-brand-menu__logo .h-svg::before { content: ""; position: absolute; z-index: -1; display: block; width: 200px; height: 120px; inset: 50% 0px 0px 50%; margin-top: -60px; margin-left: -105px; background: radial-gradient(closest-side, rgba(71, 140, 177, 0.5) 0%, rgba(71, 140, 177, 0) 70%); opacity: 0.5; } } @media (min-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__logo .h-svg { transition-duration: 0.16s; width: 88px; height: 44px; margin-right: 10px; margin-left: 10px; } } @media (min-width: 1260px) { .c-brand-menu----rsi .c-brand-menu__logo .h-svg { margin-right: 20px; } } @media (max-width: 1023px) { .c-brand-menu----rsi .c-brand-menu__items-container { background: rgb(19, 26, 33); box-sizing: border-box; } } @media (min-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__items-container { height: 66px; width: 864px; background-color: rgba(13, 46, 66, 0.5); display: flex; } } @media (min-width: 1025px) { .c-brand-menu----rsi .c-brand-menu__items-container { width: 725px; } } @media (min-width: 1260px) { .c-brand-menu----rsi .c-brand-menu__items-container { width: 905px; } } @media (min-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__items-container::before { content: ""; position: relative; display: block; width: 6px; height: 10px; background: rgb(66, 237, 248); margin-top: 66px; flex-shrink: 0; z-index: 11; } } @media (min-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__items-container::before { transform: skew(-45deg, 0deg) translateZ(0px); box-shadow: rgba(0, 112, 202, 0.6) 3px 0px 10px 2px; left: -1px; } } @media (min-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__items { display: flex; flex-grow: 1; align-items: center; justify-content: flex-start; margin: 0px; padding: 0px 20px; border-bottom: 1px solid rgb(10, 69, 109); } .c-brand-menu----rsi .c-brand-menu__items.is-hovered::before { content: ""; display: block; height: 81px; position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; z-index: -1; pointer-events: none; background: rgba(13, 46, 66, 0.5); } } @media (min-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__item { height: 81px; padding-left: 50px; padding-right: 30px; padding-top: 30px; box-sizing: border-box; } } @media (min-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__item::before { width: 1px; height: 53px; background-color: rgb(8, 101, 139); transform: rotate(45deg); content: ""; position: absolute; margin-left: -34px; display: block; top: 12px; } } .c-brand-menu----rsi .c-brand-menu__item::after { content: ""; } @media (min-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__item::after { width: 100px; height: 20px; position: absolute; top: 100%; margin-top: -20px; margin-left: -100px; } } .c-brand-menu----rsi .c-brand-menu__item.is-active a { color: rgb(220, 248, 255); } @media (max-width: 1023px) { .c-brand-menu----rsi .c-brand-menu__item .c-brand-submenu { background-color: rgb(19, 26, 33); transition: width 0s ease-in-out 0s, left 0.16s ease-in-out 0s; } } @media (min-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__item .c-brand-submenu { position: absolute; display: flex; flex-direction: row; height: 0px; width: 100%; left: 0px; transition-duration: 0.16s; overflow: hidden; margin-top: 1px; top: 100%; z-index: 0; } } .c-brand-menu----rsi .c-brand-menu__item .c-brand-submenu-back { color: rgb(195, 195, 195); padding-left: 50px; text-transform: uppercase; } @media (max-width: 1023px) { .c-brand-menu----rsi .c-brand-menu__item .c-brand-submenu-back::before { content: ""; background-image: ; display: inline-block; width: 20px; height: 20px; background-size: 20px 15px; background-repeat: no-repeat; transform: rotate(90deg); position: absolute; margin-left: -30px; margin-top: 6px; } } @media (min-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__item .c-brand-submenu-back { display: none; } } .c-brand-menu----rsi .c-brand-menu__item .c-brand-submenu-back-text { display: block; font-size: 11px; font-family: Electrolize; } .c-brand-menu----rsi .c-brand-menu__item .c-brand-submenu-back-section { display: block; font-size: 14px; font-family: Electrolize; } @media (max-width: 1023px) { .c-brand-menu----rsi .c-brand-menu__item .c-brand-submenu__left { display: none; } } @media (min-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__item .c-brand-submenu__left { background-color: rgba(10, 24, 34, 0.8); position: relative; flex-grow: 1; min-width: 125px; height: 130px; left: 0px; top: 0px; } .c-brand-menu----rsi .c-brand-menu__item .c-brand-submenu__left::after { position: absolute; right: 0px; top: -15px; content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0px 0px 15px 15px; border-color: transparent transparent rgba(10, 24, 34, 0.8); } } @media only screen and (min-width: 1330px) { .c-brand-menu----rsi .c-brand-menu__item .c-brand-submenu__left { min-width: 0px; } } @media (max-width: 1023px) { .c-brand-menu----rsi .c-brand-menu__item .c-brand-submenu__right { display: none; } } @media (min-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__item .c-brand-submenu__right { background-color: rgba(10, 24, 34, 0.8); flex-grow: 1; height: 130px; right: 0px; top: 0px; } } @media (min-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__item .c-brand-submenu__wrapper { background-color: rgba(10, 24, 34, 0.8); box-sizing: border-box; position: relative; width: 1108px; height: 100%; } } @media (max-width: 1023px) { .c-brand-menu----rsi .c-brand-menu__item .c-brand-submenu__items { padding: 20px 20px 20px 70px; display: flex; justify-content: space-between; } } @media (min-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__item .c-brand-submenu__items { display: flex; justify-content: flex-start; align-items: center; padding: 0px 0px 0px 88px; margin: 0px; width: 100%; height: 100%; box-sizing: border-box; } } @media (min-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__item .c-brand-submenu__item { padding: 0px 18px; text-align: center; height: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__item .c-brand-submenu__item { padding: 0px 8px; } .c-brand-menu----rsi .c-brand-menu__item .c-brand-submenu__item:not(:first-child)::before { margin-left: -8px; } } @media (max-width: 1023px) { .c-brand-menu----rsi .c-brand-menu__item .c-brand-submenu__item:first-child .c-menu-link { padding-top: 10px; } } .c-brand-menu----rsi .c-brand-menu__item .c-brand-submenu__item.is-active .c-menu-link { color: rgb(255, 255, 255); } @media (max-width: 1023px) { .c-brand-menu----rsi .c-brand-menu__item .c-brand-submenu__link { padding: 10px 15px; } } @media (min-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__item .c-brand-submenu__link { position: relative; display: block; height: 100%; line-height: 50px; padding: 0px 18px; margin: 0px -18px; } } .c-brand-menu----rsi .c-brand-menu__item .c-brand-submenu__link::after { content: ""; height: 3px; width: 100%; position: absolute; bottom: 0px; left: 0px; } @media (min-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__item .c-brand-submenu__link:hover::after { background: rgb(66, 237, 248); box-shadow: rgba(0, 112, 202, 0.6) 0px 0px 15px 3px, rgba(11, 183, 226, 0.65) 0px -15px 25px 0px; } } @media (max-width: 1023px) { .c-brand-menu----rsi .c-brand-menu__item.has-submenu .c-brand-menu__link::after { content: ""; background-image: ; display: inline-block; background-repeat: no-repeat; background-size: 20px 15px; width: 20px; height: 15px; position: absolute; right: 20px; top: 50%; margin-top: -10px; transform: rotate(-90deg); } } .c-brand-menu----rsi .c-brand-menu__item.is-open > .c-menu-link { color: rgb(220, 248, 255); } .c-brand-menu----rsi .c-brand-menu__item.is-active .c-brand-menu__link::before { background: rgb(66, 237, 248); box-shadow: rgba(0, 112, 202, 0.6) 3px 0px 10px 2px; } @media (min-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__item.is-open::after { z-index: 150; } } @media (min-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__item.is-open .c-brand-submenu { height: 50px; border-bottom: 1px solid rgb(10, 69, 109); } } .c-brand-menu----rsi .c-brand-menu__link { position: relative; white-space: nowrap; } @media (min-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__link::before { content: ""; position: absolute; display: block; width: 6px; height: 10px; margin-top: -3px; flex-shrink: 0; z-index: 11; left: -34px; top: 8px; bottom: 0px; transform: skew(-45deg, 0deg) translateZ(0px); transition: all 0.2s ease 0s; } } .c-brand-menu----rsi .c-brand-menu__item-text { font-family: Electrolize, sans-serif; } @media (max-width: 1023px) { .c-brand-menu----rsi .c-brand-menu__item-text { color: rgb(195, 195, 195); } } @media (max-width: 1023px) { .c-brand-menu----rsi .c-brand-menu__submenu-open { content: ""; background-image: ; width: 15px; height: 9px; display: inline-block; transform: rotate(-90deg); position: absolute; right: 20px; padding: 10px; margin: -3px -10px -10px; background-repeat: no-repeat; background-position: center center; } } @media (max-width: 1023px) { .c-brand-menu----rsi .c-brand-menu__cta { background-color: rgb(24, 32, 39); display: flex; align-items: center; padding-left: 0px; } } @media (min-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__cta { background-color: rgba(13, 46, 66, 0.5); border-bottom: 1px solid rgb(10, 69, 109); flex-grow: 1; height: 65px; position: relative; width: 375px; z-index: 10; } } @media (min-width: 1024px) { .c-brand-menu----rsi .c-brand-menu__cta .c-brand-cta-btn { top: 10px; } } @media (max-width: 1023px) { .c-brand-menu----rsi .c-brand-menu__cta .c-brand-cta-btn { color: rgb(122, 210, 221); font-size: 12px; display: inline-block; height: 33px; line-height: 40px; padding: 0px 20px; position: relative; text-transform: uppercase; } .c-brand-menu----rsi .c-brand-menu__cta .c-brand-cta-btn strong { font-size: 16px; } .c-brand-menu----rsi .c-brand-menu__cta .c-brand-cta-btn div:last-of-type { border-image-slice: 38 fill; } } @media (min-width: 1024px) { .c-brand-menu----rsi.is-sticky:not(.c-brand-menu--store) { height: 57px; padding-top: 0px; } } @media (min-width: 1024px) { .c-brand-menu----rsi.is-sticky:not(.c-brand-menu--store) .c-brand-menu__logo, .c-brand-menu----rsi.is-sticky:not(.c-brand-menu--store) .c-brand-menu__items-container { background: rgba(13, 46, 66, 0.5); } } .c-brand-menu----rsi.is-sticky:not(.c-brand-menu--store) .c-brand-menu__logo { max-height: 86px; } @media (min-width: 1024px) { .c-brand-menu----rsi.is-sticky:not(.c-brand-menu--store) .c-brand-menu__logo { height: 62px; } .c-brand-menu----rsi.is-sticky:not(.c-brand-menu--store) .c-brand-menu__logo::after { margin-top: 40px; border-color: rgb(13, 46, 66) transparent transparent; } .c-brand-menu----rsi.is-sticky:not(.c-brand-menu--store) .c-brand-menu__logo img { width: 52px; height: 25px; } } @media (min-width: 1024px) { .c-brand-menu----rsi.is-sticky:not(.c-brand-menu--store) .c-brand-menu__container { height: 56px; background: rgba(13, 46, 66, 0.5); } } @media (min-width: 1024px) { .c-brand-menu----rsi.is-sticky:not(.c-brand-menu--store) .c-brand-menu__items-container { height: 51px; } .c-brand-menu----rsi.is-sticky:not(.c-brand-menu--store) .c-brand-menu__items-container::before, .c-brand-menu----rsi.is-sticky:not(.c-brand-menu--store) .c-brand-menu__items-container::after { height: 10px; margin-top: 52px; } } @media (min-width: 1024px) { .c-brand-menu----rsi.is-sticky:not(.c-brand-menu--store) .c-brand-menu__items { height: 51px; padding: 0px 10px 0px 0px; align-items: center; } .c-brand-menu----rsi.is-sticky:not(.c-brand-menu--store) .c-brand-menu__items.is-hovered::before { height: 57px; } } @media (min-width: 1024px) { .c-brand-menu----rsi.is-sticky:not(.c-brand-menu--store) .c-brand-menu__item { display: flex; align-items: center; padding-top: 6px; height: 66px; margin-top: -4px; } .c-brand-menu----rsi.is-sticky:not(.c-brand-menu--store) .c-brand-menu__item::before { height: 50px; top: 1px; } .c-brand-menu----rsi.is-sticky:not(.c-brand-menu--store) .c-brand-menu__item:first-child::before { margin-left: -24px; } .c-brand-menu----rsi.is-sticky:not(.c-brand-menu--store) .c-brand-menu__item:first-child .c-brand-menu__link { padding-left: 10px; } } .c-brand-menu----rsi.is-sticky:not(.c-brand-menu--store) .c-brand-menu__item .c-brand-submenu .c-brand-submenu__wrapper { width: 1190px; } .c-brand-menu----rsi.is-sticky:not(.c-brand-menu--store) .c-brand-menu__item .c-brand-submenu__items li:not(:first-child)::before { top: 15px; } @media (min-width: 1024px) { .c-brand-menu----rsi.is-sticky:not(.c-brand-menu--store) .c-brand-menu__item .c-brand-submenu__item a { display: flex; align-items: center; line-height: 1.2em; } } @media (min-width: 1024px) { .c-brand-menu----rsi.is-sticky:not(.c-brand-menu--store) .c-brand-menu__cta { height: 51px; background: rgba(13, 46, 66, 0.5); } .c-brand-menu----rsi.is-sticky:not(.c-brand-menu--store) .c-brand-menu__cta::before { border-color: transparent rgb(13, 46, 66) transparent transparent; } .c-brand-menu----rsi.is-sticky:not(.c-brand-menu--store) .c-brand-menu__cta .c-brand-cta-btn { top: 20px; } } @media (max-width: 1023px) { .c-brand-menu----rsi.c-platform-bar__open .c-cross-brand-entry { background-color: rgb(0, 0, 0); } } @media (max-width: 1023px) { .c-brand-menu----rsi.c-platform-bar__open .c-brand-menu .c-brand-submenu { transition: width 0s ease-in-out 0.16s, left 0.16s ease-in-out 0s; } } @media (max-width: 1023px) { .c-brand-menu----rsi.c-platform-bar__open .c-brand-cta { background-color: rgb(0, 0, 0); } } #project #patch-notes { float: right; } @media only screen and (max-width: 1200px) { #project #patch-notes { float: none; margin: 0px auto 80px; } } #project #patch-notes.listing > .content { border-bottom: 1px solid rgb(2, 56, 103); } #project #patch-notes.listing > .content * { font-size: 12px; text-transform: none; color: rgb(149, 173, 183); } #project #patch-notes.listing > .content ul { padding-right: 25px; } #project #patch-notes.listing > .content h6 { font-size: 16px; margin: 20px 0px 16px; padding: 0px; color: rgb(255, 255, 255); } .kf-home-fly-now-btn-noise from { background-position: 0px center; } .kf-home-fly-now-btn-noise to { background-position: -3600px center; } @-webkit-keyframes home-fly-now-btn-noise { 0% { background-position: 0px center; } 100% { background-position: -3600px center; } } @keyframes home-fly-now-btn-noise { 0% { background-position: 0px center; } 100% { background-position: -3600px center; } } .c-features-carousel { height: 70vh; width: 100%; overflow: hidden; position: relative; background: rgba(0, 0, 0, 0.75); padding-bottom: 15.87%; box-sizing: border-box; } @media only screen and (max-width: 990px) { .c-features-carousel { height: 60vh; } } @media only screen and (max-width: 805px) { .c-features-carousel { height: 50vh; } } @media only screen and (max-width: 768px) { .c-features-carousel { max-height: 516px; } } @media only screen and (max-width: 765px) { .c-features-carousel { top: 45px; } } .c-features-carousel__pagination { box-sizing: border-box; position: absolute; bottom: 15.87%; left: 0px; right: 0px; list-style: none; padding: 0px 50px; z-index: 11; opacity: 1; transition: opacity 0.3s ease-in-out 0s; } @media only screen and (max-width: 1440px) { .c-features-carousel__pagination { bottom: 10%; } } @media only screen and (max-width: 765px) { .c-features-carousel__pagination { padding: 0px 25px; bottom: calc(7.935%); } } .c-features-carousel__pagination-item { display: inline-block; vertical-align: middle; height: 7px; width: 35px; background: rgb(12, 103, 161); transition: background-color 0.3s linear 0s; transform: skew(-35deg, 0deg); margin-right: 3px; text-indent: -999px; overflow: hidden; } .c-features-carousel__pagination-item:last-child { margin-right: 0px; } .c-features-carousel__pagination-item:hover, .c-features-carousel__pagination-item:focus, .c-features-carousel__pagination-item--current { background: rgb(66, 237, 248); } .c-features-carousel__pagination-item:hover { cursor: pointer; } .c-features-carousel__pagination, .c-features-carousel__item-wrapper { max-width: 1110px; margin: 0px auto; width: 100%; } .c-features-carousel__item { position: absolute; inset: 0px; height: 100%; opacity: 0; } .c-features-carousel__item video { z-index: 8; } .c-features-carousel__item img { z-index: 7; } .c-features-carousel__item video, .c-features-carousel__item img { min-height: 100%; min-width: 100%; position: absolute; object-fit: cover; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 100%; height: auto; background-size: cover; } @media only screen and (max-width: 1360px) { .c-features-carousel__item video, .c-features-carousel__item img { max-width: none; } } .c-features-carousel__item-grid-bg { width: 100%; height: 100%; position: absolute; inset: 0px; z-index: 9; background: center top repeat transparent; } .c-features-carousel__item.event .countdown > div { left: -5px; } .c-features-carousel__item.event .countdown .number-counter { margin-left: 0px; } .c-features-carousel__item.event .countdown .number-counter .item, .c-features-carousel__item.event .countdown .number-counter .append { font-family: Orbitron, sans-serif; } .c-features-carousel__item.event .countdown .number-counter .append { margin-left: 5px; } .c-features-carousel__item-wrapper { box-sizing: border-box; position: absolute; inset: 0px; width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; padding: 0px 50px; z-index: 10; } @media only screen and (max-width: 765px) { .c-features-carousel__item-wrapper { padding: 0px 25px; } } .c-features-carousel__item-title { color: rgb(233, 254, 255); font-family: Orbitron, sans-serif; font-size: 60px; font-weight: 700; letter-spacing: 1px; line-height: 1.1em; text-transform: uppercase; text-shadow: rgba(0, 108, 255, 0.8) 0px 0px 10px; margin-bottom: 80px; margin-top: 0px; } @media only screen and (max-width: 1440px) { .c-features-carousel__item-title { font-size: 50px; margin-bottom: 75px; } } @media only screen and (max-width: 1024px) { .c-features-carousel__item-title { font-size: 40px; margin-bottom: 55px; } } @media only screen and (max-width: 768px) { .c-features-carousel__item-title { font-size: 30px; margin-bottom: 35px; } } .c-features-carousel__item-title a { color: inherit; font-family: inherit; } .c-features-carousel__item-event { margin-bottom: 50px; } .c-features-carousel__item-link .arrow { top: -19px; } .c-features-carousel__item-link .arrow0 { left: -24px; right: inherit; } .c-features-carousel__item-link .arrow1 { left: -17px; right: inherit; } .c-features-carousel__item-link .arrow2 { left: -10px; right: inherit; } .c-features-carousel a.arrows-button .label { color: rgb(203, 231, 239); padding-left: 40px; font-family: Electrolize, sans-serif; font-size: 18px; line-height: 21px; } #home .fly-now-home-wrapper { width: 100%; position: absolute; z-index: 11; overflow: hidden; height: 139px; top: -60px; } #home .fly-now-home-wrapper::before, #home .fly-now-home-wrapper::after { content: ""; position: absolute; width: 100%; height: 50px; z-index: 9; } #home .fly-now-home-wrapper::before { top: 10px; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 80%); } #home .fly-now-home-wrapper::after { bottom: 5px; background: linear-gradient(rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0) 100%); } #home .fly-now-home-wrapper .fly-now-home-btn { width: 332px; position: absolute; left: 50%; transform: translateX(-50%); z-index: 10; top: 25px; } #home .fly-now-home-wrapper .fly-now-home-btn .label { width: 320px; z-index: 15; display: block; position: absolute; left: 50%; height: 61px; transform: translateX(-50%); text-transform: uppercase; text-align: center; top: 21px; text-shadow: rgba(76, 33, 4, 0.79) 0px 0px 13px, rgba(255, 187, 24, 0.6) 0px 0px 32px; user-select: none; transition-duration: 0.3s; perspective: 1000px; } #home .fly-now-home-wrapper .fly-now-home-btn .label, #home .fly-now-home-wrapper .fly-now-home-btn .label * { font: 27px / 58px Orbitron; color: rgb(255, 239, 199); } #home .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron { transition-duration: 0.2s; perspective: 1000px; background: rgb(255, 252, 216); } #home .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron.small.left { right: 32px; box-shadow: rgba(226, 97, 11, 0.8) -12px -5px 25px 3px, rgba(226, 97, 11, 0.85) 0px 0px 13px; } #home .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron.small.left::before { box-shadow: rgba(251, 169, 40, 0.8) -38px 3px 34px 3px; } #home .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron.small.left::after { box-shadow: rgba(204, 91, 7, 0.8) -72px 1px 46px 2px; } #home .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron.small.right { left: 32px; box-shadow: rgba(226, 97, 11, 0.8) 12px -5px 25px 3px, rgba(226, 97, 11, 0.85) 0px 0px 13px; } #home .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron.small.right::before { box-shadow: rgba(251, 169, 40, 0.8) 38px 3px 34px 3px; } #home .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron.small.right::after { box-shadow: rgba(204, 91, 7, 0.8) 72px 1px 46px 2px; } #home .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron.fat.left { left: 43px; box-shadow: rgba(226, 97, 11, 0.8) 12px 5px 25px 3px, rgba(226, 97, 11, 0.85) 0px 0px 13px; } #home .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron.fat.right { right: 43px; box-shadow: rgba(226, 97, 11, 0.8) -12px 5px 25px 3px, rgba(226, 97, 11, 0.85) 0px 0px 13px; } #home .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper { filter: drop-shadow(rgba(205, 101, 0, 0.66) 0px 2px 12px); } #home .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper::before { box-shadow: rgba(251, 169, 40, 0.8) -54px -1px 45px 5px; } #home .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper::after { box-shadow: rgba(251, 169, 40, 0.8) 54px -1px 45px 5px; } #home .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line { transition-duration: 0.2s; perspective: 1000px; opacity: 0.9; } #home .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line::before, #home .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line::after { transition-duration: 0.2s; perspective: 1000px; } #home .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line.top { width: 238px; border-bottom-color: rgb(32, 14, 0); } #home .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line.top::before { background: linear-gradient(to right, rgb(255, 254, 241) 0%, rgba(224, 132, 0, 0.68) 25%, rgba(201, 77, 0, 0.48) 40%, rgba(201, 77, 0, 0.35) 50%, rgba(201, 77, 0, 0.48) 60%, rgba(224, 132, 0, 0.68) 75%, rgb(255, 254, 241) 100%); } #home .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line.top::after { width: 284px; } #home .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line.bottom { width: 198px; border-top-color: rgb(32, 14, 0); } #home .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line.bottom::before { width: 224px; } #home .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line.bottom::after { background: linear-gradient(to right, rgb(254, 250, 235) 0%, rgba(224, 132, 0, 0.55) 30%, rgba(207, 77, 13, 0.4) 40%, rgba(207, 77, 13, 0.25) 50%, rgba(207, 77, 13, 0.4) 60%, rgba(224, 132, 0, 0.55) 70%, rgb(254, 250, 235) 100%); } #home .fly-now-home-wrapper .fly-now-home-btn .label:hover .noise-wrapper { background-image: ; } #home .fly-now-home-wrapper .fly-now-home-btn .label:active { font-size: 25px; } #home .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron { background: rgb(255, 254, 241); } #home .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron.small.left { right: 42px; box-shadow: rgba(226, 97, 11, 0.9) -13px -5px 32px 5px, rgba(226, 97, 11, 0.9) 0px 0px 13px; } #home .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron.small.left::before { box-shadow: rgba(251, 169, 40, 0.75) -38px 3px 34px 3px; } #home .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron.small.left::after { box-shadow: rgba(204, 91, 7, 0.75) -72px 1px 46px 2px; } #home .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron.small.right { left: 42px; box-shadow: rgba(226, 97, 11, 0.9) 13px -5px 32px 5px, rgba(226, 97, 11, 0.9) 0px 0px 13px; } #home .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron.small.right::before { box-shadow: rgba(251, 169, 40, 0.75) 38px 3px 34px 3px; } #home .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron.small.right::after { box-shadow: rgba(204, 91, 7, 0.75) 72px 1px 46px 2px; } #home .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron.fat.left { left: 53px; box-shadow: rgba(226, 97, 11, 0.9) 13px 5px 32px 5px, rgba(226, 97, 11, 0.9) 0px 0px 13px; } #home .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron.fat.right { right: 53px; box-shadow: rgba(226, 97, 11, 0.9) -13px 5px 32px 5px, rgba(226, 97, 11, 0.9) 0px 0px 13px; } #home .fly-now-home-wrapper .fly-now-home-btn .label:active .line-wrapper { filter: drop-shadow(rgba(205, 101, 0, 0.56) 0px 2px 12px); } #home .fly-now-home-wrapper .fly-now-home-btn .label:active .line-wrapper::before { box-shadow: rgba(251, 169, 40, 0.75) -50px 1px 77px 1px; } #home .fly-now-home-wrapper .fly-now-home-btn .label:active .line-wrapper::after { box-shadow: rgba(251, 169, 40, 0.75) 50px 1px 77px 1px; } #home .fly-now-home-wrapper .fly-now-home-btn .label:active .line-wrapper .line { opacity: 1; } #home .fly-now-home-wrapper .fly-now-home-btn .label:active .line-wrapper .line.top { width: 218px; border-bottom-color: rgb(32, 14, 0); } #home .fly-now-home-wrapper .fly-now-home-btn .label:active .line-wrapper .line.bottom { width: 178px; border-top-color: rgb(32, 14, 0); } #home .fly-now-home-wrapper .fly-now-home-btn .label:active .line-wrapper .line.bottom::before { width: 204px; } #home .fly-now-home-wrapper .fly-now-home-btn .label:active .noise-wrapper { background-image: ; } #home .fly-now-home-wrapper .fly-now-home-btn .label .inner { position: relative; z-index: 20; } #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper { position: absolute; z-index: 14; transform: translateZ(0px); inset: 0px; } #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron { position: absolute; background: rgb(226, 214, 145); z-index: 15; } #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron::before, #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron::after { content: ""; position: absolute; display: block; width: 22px; background: 0px 0px; opacity: 0.5; } #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.left { transform: translateZ(0px) skew(45deg, 0deg); } #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.right { transform: translateZ(0px) skew(-45deg, 0deg); } #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small { top: 1px; height: 12px; transition-duration: 0.2s; perspective: 1000px; } #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small::before, #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small::after { height: 10px; } #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.left { right: 0px; box-shadow: rgb(226, 97, 11) -9px 0px 26px 2px, rgba(226, 97, 11, 0.5) 0px 0px 10px; } #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.left::before, #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.left::after { right: -17px; } #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.left::before { box-shadow: rgba(251, 169, 40, 0.66) -38px 3px 34px 3px; } #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.left::after { box-shadow: rgba(204, 91, 7, 0.66) -72px 1px 46px 2px; } #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.right { left: 0px; box-shadow: rgb(226, 97, 11) 9px 0px 26px 2px, rgba(226, 97, 11, 0.5) 0px 0px 10px; } #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.right::before, #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.right::after { left: -17px; } #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.right::before { box-shadow: rgba(251, 169, 40, 0.66) 38px 3px 34px 3px; } #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.right::after { box-shadow: rgba(204, 91, 7, 0.66) 72px 1px 46px 2px; } #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat { top: 13px; height: 36px; transition-duration: 0.2s; perspective: 1000px; transition-delay: 0s; } #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat::before, #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat::after { height: 22px; } #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.left { left: 46px; box-shadow: rgb(226, 97, 11) 9px 0px 26px 2px, rgba(226, 97, 11, 0.5) 0px 0px 10px; } #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.left::before, #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.left::after { left: -17px; } #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.left::before { box-shadow: rgba(251, 169, 40, 0.66) 42px 9px 44px 5px; } #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.left::after { box-shadow: rgba(204, 91, 7, 0.66) 79px 2px 36px 0px; } #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.right { right: 46px; box-shadow: rgb(226, 97, 11) -9px 0px 26px 2px, rgba(226, 97, 11, 0.5) 0px 0px 10px; } #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.right::before, #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.right::after { right: -17px; } #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.right::before { box-shadow: rgba(251, 169, 40, 0.66) -42px 9px 44px 5px; } #home .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.right::after { box-shadow: rgba(204, 91, 7, 0.66) -79px 2px 36px 0px; } #home .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper { position: absolute; z-index: 13; top: 1px; height: 61px; width: 100%; filter: drop-shadow(rgba(205, 101, 0, 0.25) 0px 2px 3px); } #home .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper::before, #home .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper::after { content: ""; position: absolute; opacity: 0.5; display: block; width: 32px; height: 16px; top: 20px; background: 0px 0px; transition-duration: 0.2s; perspective: 1000px; } #home .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper::before { box-shadow: rgba(251, 169, 40, 0.66) -48px 3px 37px 1px; left: 60px; transform: skew(45deg); } #home .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper::after { box-shadow: rgba(251, 169, 40, 0.66) 48px 3px 37px 1px; right: 60px; transform: skew(-45deg); } #home .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line { position: relative; margin: auto; height: 0px; opacity: 0.66; } #home .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line::before, #home .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line::after { content: ""; position: absolute; top: 0px; height: 1px; width: 100%; left: 50%; transform: translateX(-50%); } #home .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.top { width: 300px; transition-duration: 0.2s; perspective: 1000px; border-bottom: 12px solid rgb(6, 5, 5); border-left: 12px solid transparent; border-right: 12px solid transparent; } #home .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.top::before, #home .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.top::after { transition-duration: 0.2s; perspective: 1000px; } #home .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.top::before { background: linear-gradient(to right, rgb(224, 132, 0) 0%, rgb(201, 77, 0) 15%, rgb(92, 39, 2) 30%, rgb(27, 15, 0) 50%, rgb(92, 39, 2) 70%, rgb(201, 77, 0) 85%, rgb(224, 132, 0) 100%); } #home .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.top::after { width: 260px; top: 12px; background: linear-gradient(to right, rgb(224, 132, 0) 0%, rgba(207, 79, 13, 0.65) 10%, rgba(181, 68, 10, 0.3) 20%, rgba(104, 34, 0, 0) 50%, rgba(181, 68, 10, 0.3) 80%, rgba(207, 79, 13, 0.65) 90%, rgb(224, 132, 0) 100%); } #home .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.bottom { border-top: 34px solid rgb(6, 5, 5); border-left: 34px solid transparent; border-right: 34px solid transparent; top: 1px; width: 184px; transition-duration: 0.2s; perspective: 1000px; transition-delay: 0s; } #home .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.bottom::before, #home .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.bottom::after { transition-duration: 0.2s; perspective: 1000px; transition-delay: 0s; } #home .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.bottom::before { top: -11px; width: 200px; left: 50%; transform: translateX(-50%); background: linear-gradient(to right, rgb(224, 132, 0) 0%, rgba(201, 77, 0, 0.86) 10%, rgba(59, 25, 1, 0.72) 20%, rgba(17, 10, 2, 0.3) 50%, rgba(59, 25, 1, 0.72) 80%, rgba(201, 77, 0, 0.86) 90%, rgb(224, 132, 0) 100%); } #home .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.bottom::after { bottom: 0px; background: linear-gradient(to right, rgb(224, 132, 0) 0%, rgba(207, 77, 13, 0.66) 20%, rgba(89, 40, 6, 0.15) 50%, rgba(207, 77, 13, 0.66) 80%, rgb(224, 132, 0) 100%); } #home .fly-now-home-wrapper > .line-wrapper { top: 24px; width: 1920px; left: 50%; transform: translateX(-50%); } #home .fly-now-home-wrapper > .line-wrapper::before, #home .fly-now-home-wrapper > .line-wrapper::after { content: ""; position: absolute; background: rgba(0, 0, 0, 0.5); height: 23px; width: 100%; top: 35px; border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px 0px; } #home .fly-now-home-wrapper > .line-wrapper::before { left: -100%; } #home .fly-now-home-wrapper > .line-wrapper::after { right: -100%; } #home .fly-now-home-wrapper > .line-wrapper .line.middle { top: 35px; width: 860px; height: 23px; position: absolute; margin-top: 1px; background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.94) 90%, rgb(0, 0, 0) 95%, rgb(0, 0, 0) 100%); } #home .fly-now-home-wrapper > .line-wrapper .line.middle.left { left: 0px; } #home .fly-now-home-wrapper > .line-wrapper .line.middle.right { right: 0px; transform: rotateY(180deg); } #home .fly-now-home-wrapper > .line-wrapper .line.middle::before, #home .fly-now-home-wrapper > .line-wrapper .line.middle::after { content: ""; position: absolute; height: 1px; } #home .fly-now-home-wrapper > .line-wrapper .line.middle::before { width: 833px; top: -1px; background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(59, 25, 1) 25%, rgb(201, 77, 0) 55%, rgb(192, 132, 0) 100%); } #home .fly-now-home-wrapper > .line-wrapper .line.middle::after { width: 860px; top: 23px; background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(59, 25, 1) 40%, rgb(201, 77, 0) 70%, rgb(192, 132, 0) 100%); } #home .fly-now-home-wrapper .line-wrapper { z-index: 9; position: relative; } #home .fly-now-home-wrapper .line-wrapper .line { z-index: 10; transform: translateZ(0px); } #home .fly-now-home-wrapper .home-carousel-featured-indicator { z-index: 9; position: relative; top: 59px; max-width: 1140px; min-width: 320px; width: 100%; height: 24px; margin: auto; } @media only screen and (max-width: 658px) { #home .fly-now-home-wrapper .home-carousel-featured-indicator { top: 19px; } } #home .fly-now-home-wrapper .home-carousel-featured-indicator .nav { display: flex; max-width: 1110px; width: 100%; height: 25px; z-index: 66; justify-content: flex-start; top: 0px; position: relative; margin: auto; } #home .fly-now-home-wrapper .home-carousel-featured-indicator .nav .indicator-separator { flex: 1 1 0%; display: block; } #home .fly-now-home-wrapper .home-carousel-featured-indicator .nav .view { width: 42px; height: 15px; position: relative; display: block; margin: 5px 11px 0px 4px; } #home .fly-now-home-wrapper .home-carousel-featured-indicator .nav .view:hover.pillar .inner, #home .fly-now-home-wrapper .home-carousel-featured-indicator .nav .view.active.pillar .inner { background: rgb(240, 228, 175); opacity: 0.95; } #home .fly-now-home-wrapper .home-carousel-featured-indicator .nav .view:hover .inner, #home .fly-now-home-wrapper .home-carousel-featured-indicator .nav .view.active .inner { background: rgb(67, 237, 248); opacity: 0.8; } #home .fly-now-home-wrapper .home-carousel-featured-indicator .nav .view:hover .inner { animation: auto ease 0s 1 normal none running none; } #home .fly-now-home-wrapper .home-carousel-featured-indicator .nav .view.active .inner { animation: 2s ease 0s infinite normal none running fadefromlow; } #home .fly-now-home-wrapper .home-carousel-featured-indicator .nav .view.pillar .inner { background: rgba(229, 134, 5, 0.6); transform: skew(-45deg); } #home .fly-now-home-wrapper .home-carousel-featured-indicator .nav .view .inner { width: 42px; height: 9px; display: block; background: rgba(2, 58, 133, 0.7); transform: skew(45deg); transition-duration: 0.3s; perspective: 1000px; margin-top: 3px; } #home .flipboard-news-wrapper { padding-top: 75px; } @media only screen and (max-width: 765px) { #home .flipboard-news-wrapper { padding-top: 165px; } } #home .flipboard-news-wrapper .sc-home-logo { width: 802px; height: 476px; background: center center no-repeat transparent; position: absolute; top: -190px; left: 50%; transform: translateX(-50%); z-index: 9; } #home .flipboard-news-wrapper .flipboard-large-box-strip.no-limit-wrapper { width: 100%; } #home .flipboard-news-wrapper .flipboard-large-box-strip.no-limit-wrapper .flipboard-strip-title { margin-bottom: 0px; } #home .flipboard-news-wrapper .flipboard-large-box-strip.no-limit-wrapper .container { background: rgba(6, 70, 102, 0.15); padding: 30px 0px; } #home .flipboard-news-wrapper .flipboard-large-box-strip.no-limit-wrapper .container .wrapper { box-sizing: border-box; } #home .flipboard-news-wrapper .flipboard-large-box-strip.no-limit-wrapper .flipboard-boxes-end { margin-top: 0px; max-width: 100%; } #home .flipboard-news-wrapper .flipboard-large-box-strip .flipboard-large-box-container { max-width: 1815px; margin: auto; display: flex; flex-flow: wrap; box-sizing: border-box; justify-content: space-between; } #home .flipboard-news-wrapper .flipboard-large-box-strip .flipboard-large-box-container .flipboard-control { margin: 15px 0px; width: 60px; background: rgba(11, 43, 65, 0.8); user-select: none; position: relative; opacity: 0.8; height: 90px; top: 112px; display: block; } #home .flipboard-news-wrapper .flipboard-large-box-strip .flipboard-large-box-container .flipboard-control::before { border-left: 15px solid rgba(11, 43, 65, 0.8); border-top: 15px solid transparent; border-bottom: 15px solid transparent; width: 0px; height: 60px; position: absolute; display: block; content: ""; right: -15px; } #home .flipboard-news-wrapper .flipboard-large-box-strip .flipboard-large-box-container .flipboard-control.left { transform: rotate(180deg); } #home .flipboard-news-wrapper .flipboard-large-box-strip .flipboard-large-box-container .flipboard-control .glow-arrows-button { display: block; width: 75px; height: 90px; position: absolute; left: 0px; top: 0px; } #home .flipboard-news-wrapper .flipboard-large-box-strip .flipboard-large-box-container .flipboard-control .glow-arrows-button .arrow { left: -4px; top: 18px; } #home .flipboard-news-wrapper .flipboard-large-box-strip .flipboard-large-box-container .flipboard-strip-slider-wrapper { max-width: 1695px; height: 345px; padding: 0px; overflow: hidden; position: relative; } #home .flipboard-news-wrapper .flipboard-large-box-strip .flipboard-large-box-container .flipboard-strip-slider-wrapper::before { content: ""; width: 100%; height: 90px; background: rgba(11, 43, 65, 0.8); top: 127px; position: absolute; display: block; } #home .flipboard-news-wrapper .flipboard-large-box-strip .flipboard-large-box-container .flipboard-strip-slider-wrapper .flipboard-boxes { padding: 0px; transition-duration: 0.3s; perspective: 1000px; position: relative; left: 0px; transform: translateZ(0px); } @media only screen and (max-width: 990px) { #home .flipboard-news-wrapper .flipboard-large-box-strip .flipboard-large-box-container .flipboard-strip-slider-wrapper .flipboard-boxes { transition-duration: initial; perspective: 1000px; } } #home .flipboard-news-wrapper .flipboard-feature.no-limit-wrapper { width: 100%; } #home .flipboard-news-wrapper .flipboard-feature.no-limit-wrapper .flipboard-feature-title { margin-bottom: 0px; } #home .flipboard-news-wrapper .flipboard-feature.no-limit-wrapper .container { background: rgba(6, 70, 102, 0.15); padding: 30px 0px; } #home .flipboard-news-wrapper .flipboard-feature.no-limit-wrapper .container .wrapper { box-sizing: border-box; } #home .flipboard-news-wrapper .flipboard-feature.no-limit-wrapper .flipboard-boxes-end { margin-top: 0px; max-width: 100%; } #home .flipboard-news-wrapper .flipboard-feature .flipboard-boxes { padding: 0px; } #home .flipboard-news-wrapper .flipboard-boxes { display: flex; flex-flow: wrap; box-sizing: border-box; justify-content: space-between; padding: 0px 15px; } @media only screen and (max-width: 1200px) { #home .flipboard-news-wrapper .flipboard-boxes { padding: 0px; } } #home .flipboard-news-wrapper .flipboard-boxes.wrapper, #home .flipboard-news-wrapper .flipboard-boxes .wrapper { width: 100%; box-sizing: border-box; } @media only screen and (max-width: 1110px) { #home .flipboard-news-wrapper .flipboard-boxes.wrapper:not(.extra-large), #home .flipboard-news-wrapper .flipboard-boxes .wrapper:not(.extra-large) { width: 765px; } } @media only screen and (max-width: 765px) { #home .flipboard-news-wrapper .flipboard-boxes.wrapper:not(.extra-large), #home .flipboard-news-wrapper .flipboard-boxes .wrapper:not(.extra-large) { width: 360px; } } @media only screen and (max-width: 1110px) { #home .flipboard-news-wrapper .flipboard-boxes.flipboard-latest-news > :nth-last-child(2), #home .flipboard-news-wrapper .flipboard-boxes.flipboard-community-news > :nth-last-child(2) { display: none; } } @media only screen and (max-width: 765px) { #home .flipboard-news-wrapper .flipboard-boxes.flipboard-latest-news > :nth-last-child(2), #home .flipboard-news-wrapper .flipboard-boxes.flipboard-community-news > :nth-last-child(2) { display: block; } } #home .flipboard-news-wrapper .flipboard-boxes.flipboard-sku-content { overflow: hidden; padding-bottom: 15px; } #home .flipboard-news-wrapper .flipboard-boxes.large-boxes { padding: 0px; } #home .flipboard-news-wrapper .flipboard-boxes.large-boxes .box { margin-left: 0px; margin-right: 0px; } #home .flipboard-news-wrapper .flipboard-boxes.large-boxes .box .info { width: 545px; } #home .flipboard-news-wrapper .flipboard-boxes.large-boxes .glow-page-title { width: 100%; } #home .flipboard-news-wrapper .flipboard-boxes.large-boxes .glow-page-title .wrapper { box-sizing: border-box; } @media only screen and (max-width: 1110px) { #home .flipboard-news-wrapper .flipboard-latest-news-title { width: 100%; } } #home .flipboard-news-wrapper .flipboard-boxes-end { width: 100%; height: 1px; background: rgb(10, 86, 136); margin: 15px auto 80px; box-sizing: border-box; max-width: 1110px; } #home .flipboard-news-wrapper .flipboard-load-more { box-sizing: border-box; } #home .flipboard-news-wrapper .flipboard-load-more .load-more-wrapper { padding-bottom: 90px; } #home .home-wrapper .live-stats { box-sizing: border-box; position: relative; margin-bottom: 0px; margin-top: 140px; } @media only screen and (max-width: 1110px) { #home .home-wrapper .live-stats { width: 100%; } } #home .home-wrapper .live-stats.no-limit-wrapper { width: 100%; } #home .home-wrapper .live-stats.no-limit-wrapper .live-stats-title { margin-bottom: 0px; } #home .home-wrapper .live-stats.no-limit-wrapper .container { background: rgba(6, 70, 102, 0.15); padding: 30px 0px; } #home .home-wrapper .live-stats.no-limit-wrapper .container .wrapper { box-sizing: border-box; } #home .home-wrapper .live-stats.no-limit-wrapper .container .wrapper .glow-crowdfunding-stats { margin: 0px auto; } #home .home-wrapper .live-stats.no-limit-wrapper .flipboard-boxes-end { margin-top: 0px; max-width: 100%; } #home .home-wrapper .live-stats .live-stats-title { position: relative; z-index: 1; margin-left: auto; margin-right: auto; } #home .home-wrapper .live-stats .glow-crowdfunding-stats { padding: 0px; margin: 30px auto 0px; display: flex; flex-flow: wrap; box-sizing: border-box; justify-content: space-between; z-index: 1; position: relative; overflow: hidden; } @media only screen and (max-width: 1110px) { #home .home-wrapper .live-stats .glow-crowdfunding-stats { padding: 15px 15px 0px; width: 738px; justify-content: space-around; } } @media only screen and (max-width: 765px) { #home .home-wrapper .live-stats .glow-crowdfunding-stats { width: 100%; } } @media only screen and (max-width: 700px) { #home .home-wrapper .live-stats .glow-crowdfunding-stats { padding: 30px 30px 0px; width: 390px; } } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat { border: 1px solid rgba(0, 237, 255, 0.3); box-sizing: border-box; position: relative; user-select: none; margin: 0px auto 30px; overflow: hidden; } @media only screen and (max-width: 805px) { #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat { margin: 0px 0px 15px; } } @media only screen and (max-width: 700px) { #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat { margin: 0px 0px 30px; } } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.active-citizen, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline { width: 330px; } @media only screen and (max-width: 1110px) { #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.active-citizen, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline { width: 340px; } } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.uee-fleet { width: 360px; } @media only screen and (max-width: 1110px) { #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.uee-fleet { width: 340px; } } @media only screen and (max-width: 760px) { #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.uee-fleet { width: 330px; } } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .filters, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .best-recent { margin: 0px 15px; position: relative; padding: 5px 0px 6px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .filters::before, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .best-recent::before, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .filters::after, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .best-recent::after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 1px; margin-left: -1px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .filters::before, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .best-recent::before { background-color: rgb(8, 67, 106); } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .filters::after, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .best-recent::after { border-width: 0px 1px; border-style: solid; border-color: rgb(103, 122, 10); } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .filters .filter { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 18px; color: rgb(8, 145, 197); text-transform: uppercase; transition-duration: 0.25s; perspective: 1000px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .filters .filter:not(:nth-child(n+4))::after { content: "/"; padding-left: 3px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .filters .filter:hover, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .filters .filter.active { color: rgb(77, 255, 255); text-shadow: rgba(0, 108, 255, 0.63) 0px 0px 7px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .filters .active-filter-marker { background: rgb(66, 237, 248); box-shadow: rgba(0, 112, 202, 0.79) 0px -9px 24px 2px, rgba(0, 112, 202, 0.6) 0px 0px 6px; height: 3px; transform: skew(-45deg); transition-duration: 0.2s; perspective: 1000px; position: absolute; left: 0px; display: inline-block; bottom: 0px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .filters .active-filter-marker.section-hour { width: 47px; left: -2px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .filters .active-filter-marker.section-day { width: 40px; left: 60px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .filters .active-filter-marker.section-week { width: 55px; left: 112px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .filters .active-filter-marker.section-month { width: 75px; left: 180px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .best-recent * { font-family: Electrolize; font-size: 12px; text-transform: uppercase; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .best-recent .text { color: rgb(19, 85, 110); } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .best-recent .text::after { content: "/"; padding-left: 3px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .best-recent .amount { color: rgb(175, 130, 10); } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .best-recent .amount::before { content: "$"; padding-right: 1px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .crowdfunding-timeline-chart { margin: 10px 15px 0px; position: relative; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .crowdfunding-timeline-chart .lines .line { border-top: 1px dashed rgba(0, 237, 255, 0.3); margin-bottom: 7px; height: 23px; box-sizing: border-box; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .crowdfunding-timeline-chart .lines .line .line-label { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 11px; color: rgb(19, 85, 110); vertical-align: top; padding-top: 2px; display: inline-block; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .crowdfunding-timeline-chart .columns { display: flex; flex-direction: row; box-sizing: border-box; justify-content: space-between; left: 85px; top: -12px; width: 205px; height: 133px; position: absolute; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .crowdfunding-timeline-chart .columns .column { position: relative; width: 20px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .crowdfunding-timeline-chart .columns .column .column-value { position: absolute; display: block; width: 4px; bottom: 0px; left: 4px; min-height: 2px; height: 0px; transition-duration: 0.5s; perspective: 1000px; transition-timing-function: ease-in-out; opacity: 0.7; background: rgb(77, 255, 255); box-shadow: rgba(0, 108, 255, 0.63) 0px 0px 2px 0px; transform: translateZ(0px); } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.timeline .crowdfunding-timeline-chart .columns .column .column-label { text-align: center; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 11px; color: rgb(19, 85, 110); bottom: -18px; position: absolute; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.active-citizen .planet-plane, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.uee-fleet .planet-plane { position: absolute; width: 140px; height: 90px; top: 28px; right: 10px; z-index: 10; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.active-citizen .planet-plane .planetery-system, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.uee-fleet .planet-plane .planetery-system { top: 42px; position: relative; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.active-citizen .planet-plane .planetery-system .trace, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.uee-fleet .planet-plane .planetery-system .trace { border: 1px dashed transparent; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.active-citizen .planet-plane .planetery-system .orbit, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.uee-fleet .planet-plane .planetery-system .orbit, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.active-citizen .planet-plane .planetery-system .trace, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.uee-fleet .planet-plane .planetery-system .trace, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.active-citizen .planet-plane .planetery-system .star, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.uee-fleet .planet-plane .planetery-system .star { left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%); } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.active-citizen .planet-plane .planetery-system .planet, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.uee-fleet .planet-plane .planetery-system .planet { position: relative; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.active-citizen .planet-plane .planetery-system .trace, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.uee-fleet .planet-plane .planetery-system .trace, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.active-citizen .planet-plane .planetery-system .planet, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.uee-fleet .planet-plane .planetery-system .planet { border-radius: 50%; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.active-citizen .planet-plane .planetery-system .star, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.uee-fleet .planet-plane .planetery-system .star { width: 36px; height: 36px; border-radius: 38px; border: 1px solid rgba(53, 132, 164, 0.7); } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.active-citizen .planet-plane .planetery-system .star::before, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.uee-fleet .planet-plane .planetery-system .star::before { width: 120px; height: 120px; margin: -42px 0px 0px -41px; display: block; content: ""; background: center center no-repeat transparent; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.active-citizen .planet-plane .planetery-system .planet-a, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.uee-fleet .planet-plane .planetery-system .planet-a { transform: skewX(0deg) skewY(0deg); } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.active-citizen .planet-plane .planetery-system .planet-a .trace, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.uee-fleet .planet-plane .planetery-system .planet-a .trace { width: 80px; height: 80px; border-color: rgb(255, 254, 241); border-style: dotted; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.active-citizen .planet-plane .planetery-system .planet-a .planet, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.uee-fleet .planet-plane .planetery-system .planet-a .planet { width: 10px; height: 10px; border-radius: 10px; margin: -5px 0px 0px -5px; transform: skewY(0deg) skewX(0deg); background: rgba(53, 132, 164, 0.4); border: 1px solid rgb(53, 132, 164); } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.active-citizen .planet-plane .planetery-system .planet-b, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.uee-fleet .planet-plane .planetery-system .planet-b { transform: skewX(-50deg) skewY(-25deg); } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.active-citizen .planet-plane .planetery-system .planet-b .trace, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.uee-fleet .planet-plane .planetery-system .planet-b .trace { width: 70px; height: 70px; border-color: rgb(53, 131, 163); } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.active-citizen .planet-plane .planetery-system .planet-b .planet, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.uee-fleet .planet-plane .planetery-system .planet-b .planet { width: 16px; height: 16px; border-radius: 16px; margin: -8px 0px 0px -8px; transform: skewY(25deg) skewX(50deg); background: rgba(53, 132, 164, 0.2); border: 1px solid rgb(53, 132, 164); } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.active-citizen .planet-plane .planetery-system .star::before { background-image: ; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.active-citizen .planet-plane .planetery-system .planet-a .orbit { left: 107px; top: 23px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.active-citizen .planet-plane .planetery-system .planet-b .orbit { left: 40px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.uee-fleet .planet-plane .planetery-system .star::before { background-image: ; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.uee-fleet .planet-plane .planetery-system .planet-a .orbit { left: 47px; top: -30px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat.uee-fleet .planet-plane .planetery-system .planet-b .orbit { left: 110px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat .glow-mini-breadcrumb { margin: 23px 15px 5px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat .value, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat .name { margin: 0px 15px; position: relative; padding-top: 6px; text-transform: uppercase; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat .value::before, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat .name::before, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat .value::after, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat .name::after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 1px; margin-left: -1px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat .value::after, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat .name::after { border-width: 0px 1px; border-style: solid; border-color: rgb(103, 122, 10); } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat .value { opacity: 0.8; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat .value, #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat .value * { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 36px; color: rgb(240, 231, 179); line-height: 38px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat .value .number-counter > * { text-shadow: rgb(226, 97, 11) 0px 0px 10px, rgb(226, 97, 11) 0px 0px 14px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat .name { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(175, 130, 10); } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat > .text { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(8, 145, 197); padding: 30px 15px 10px; margin: 0px; height: 78px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat .link { margin-left: 15px; margin-bottom: 30px; opacity: 0.7; display: inline-block; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat .link .label { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(204, 255, 255); text-shadow: rgb(0, 108, 255) 0px 0px 3px, rgba(0, 108, 255, 0.65) 0px 0px 8px; text-transform: uppercase; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat .link .arrow { top: -18px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat .glow-corners::before { left: -1px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat .glow-corners::after { right: -1px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat .glow-corners.top-corners { top: -1px; } #home .home-wrapper .live-stats .glow-crowdfunding-stats .live-stat .glow-corners.bottom-corners { bottom: 8px; } #home .home-wrapper .live-stats .flipboard-boxes-end { width: 100%; } #home .home-wrapper .live-stats #squadronStats, #home .home-wrapper .live-stats #starcitizenStats { border: none; width: calc(50% - 7px); min-width: 345px; height: 256px; margin: 0px; background-size: cover; display: flex; flex-direction: column; } #home .home-wrapper .live-stats #squadronStats .glow-mini-breadcrumb, #home .home-wrapper .live-stats #starcitizenStats .glow-mini-breadcrumb { margin: 15px 15px 5px; } @media screen and (max-width: 719px) { #home .home-wrapper .live-stats #squadronStats .glow-mini-breadcrumb, #home .home-wrapper .live-stats #starcitizenStats .glow-mini-breadcrumb { font-size: 12px; } } #home .home-wrapper .live-stats #squadronStats .name, #home .home-wrapper .live-stats #starcitizenStats .name { font-size: 18px; font-family: Electrolize; color: rgb(255, 250, 217); letter-spacing: 0.25px; line-height: 18px; } @media screen and (max-width: 719px) { #home .home-wrapper .live-stats #squadronStats .name, #home .home-wrapper .live-stats #starcitizenStats .name { font-size: 14px; } } #home .home-wrapper .live-stats #squadronStats .text, #home .home-wrapper .live-stats #starcitizenStats .text { font-size: 18px; font-family: Electrolize; color: rgb(10, 137, 187); letter-spacing: 0.25px; line-height: 18px; padding-top: 16px; } @media screen and (max-width: 719px) { #home .home-wrapper .live-stats #squadronStats .text, #home .home-wrapper .live-stats #starcitizenStats .text { font-size: 14px; } } #home .home-wrapper .live-stats #squadronStats .nav-item, #home .home-wrapper .live-stats #starcitizenStats .nav-item { font-size: 16px; color: rgb(10, 137, 187); letter-spacing: 0.25px; font-family: Electrolize; } @media screen and (max-width: 719px) { #home .home-wrapper .live-stats #squadronStats .nav-item, #home .home-wrapper .live-stats #starcitizenStats .nav-item { font-size: 12px; } } #home .home-wrapper .live-stats #squadronStats a, #home .home-wrapper .live-stats #starcitizenStats a { width: 100%; height: 35px; background-color: rgb(5, 38, 62); margin: auto 0px 0px; font-family: Electrolize; font-size: 11px; color: rgb(0, 240, 249); letter-spacing: 0.25px; text-transform: uppercase; line-height: 35px; padding: 0px 15px; position: relative; display: block; } #home .home-wrapper .live-stats #squadronStats a:hover::before, #home .home-wrapper .live-stats #starcitizenStats a:hover::before, #home .home-wrapper .live-stats #squadronStats a:hover::after, #home .home-wrapper .live-stats #starcitizenStats a:hover::after { transform: scale(1.5); } @media screen and (max-width: 719px) { #home .home-wrapper .live-stats #squadronStats, #home .home-wrapper .live-stats #starcitizenStats { background-position: right bottom; } #home .home-wrapper .live-stats #squadronStats a::before, #home .home-wrapper .live-stats #starcitizenStats a::before, #home .home-wrapper .live-stats #squadronStats a::after, #home .home-wrapper .live-stats #starcitizenStats a::after { right: 7px; left: unset !important; } } #home .home-wrapper .live-stats #starcitizenStats { background-image: ; background-position: right top; align-items: flex-end; text-align: right; } @media screen and (max-width: 719px) { #home .home-wrapper .live-stats #starcitizenStats { background-position: left bottom; } } #home .home-wrapper .live-stats #starcitizenStats a::after { content: ""; width: 3px; height: 8px; background: rgb(66, 237, 248); box-shadow: rgba(0, 112, 202, 0.6) 0px -1px 12px 3px, rgba(11, 183, 226, 0.65) 0px -3px 8px 0px; display: block; position: absolute; right: 7px; top: 13px; transition: all 0.4s ease 0s; } #home .home-wrapper .live-stats #squadronStats { background-image: ; background-position: left top; align-items: flex-start; } @media screen and (max-width: 719px) { #home .home-wrapper .live-stats #squadronStats { background-position: right bottom; align-items: flex-end; text-align: right; } } #home .home-wrapper .live-stats #squadronStats .name { line-height: 30px; padding-top: 1px; font-size: 24px; } #home .home-wrapper .live-stats #squadronStats a::before { content: ""; width: 3px; height: 8px; background: rgb(66, 237, 248); box-shadow: rgba(0, 112, 202, 0.6) 0px -1px 12px 3px, rgba(11, 183, 226, 0.65) 0px -3px 8px 0px; display: block; position: absolute; left: 7px; top: 13px; transition: all 0.4s ease 0s; } @media screen and (max-width:719 px) { #home .home-wrapper .live-stats #squadronStats a::before { left: unset !important; right: 7px; } } #home .home-wrapper .developer-tracker { box-sizing: border-box; } @media only screen and (max-width: 1110px) { #home .home-wrapper .developer-tracker { width: 100%; } } #home .home-wrapper .developer-tracker .devtracker-list { margin: auto; } @media only screen and (max-width: 1110px) { #home .home-wrapper .developer-tracker .devtracker-list { width: 738px; } } @media only screen and (max-width: 765px) { #home .home-wrapper .developer-tracker .devtracker-list { width: 360px; } } @media only screen and (max-width: 380px) { #home .home-wrapper .developer-tracker .devtracker-list { width: 300px; } } .devtracker-list { display: flex; flex-flow: wrap; justify-content: space-between; box-sizing: border-box; margin-top: 29px; } .devtracker-list .devpost { height: 195px; width: 360px; display: block; background: rgba(22, 104, 159, 0.2); margin-bottom: 15px; position: relative; box-sizing: border-box; transition-duration: 0.3s; perspective: 1000px; } .devtracker-list .devpost .devpost-wrapper { height: 180px; padding-bottom: 15px; overflow: hidden; } .devtracker-list .devpost .devpost-wrapper:hover { box-shadow: rgba(42, 110, 255, 0.2) 0px 0px 15px; background: rgba(22, 104, 159, 0.4); } .devtracker-list .devpost .devpost-wrapper:hover .details { color: rgb(255, 255, 255); } .devtracker-list .devpost .devpost-wrapper:hover .glow-corners.top-corners { top: 14px; } .devtracker-list .devpost .devpost-wrapper:hover .glow-corners.bottom-corners { bottom: 23px; } .devtracker-list .devpost .devpost-wrapper:hover .glow-corners::before { left: 14px; } .devtracker-list .devpost .devpost-wrapper:hover .glow-corners::after { right: 14px; } .devtracker-list .devpost .devpost-wrapper .info { padding: 15px; position: relative; } .devtracker-list .devpost .devpost-wrapper .info img { margin-right: 16px; } .devtracker-list .devpost .devpost-wrapper .info .poster { display: inline-block; padding-top: 7px; box-sizing: border-box; vertical-align: top; } .devtracker-list .devpost .devpost-wrapper .info .poster > * { font-family: Electrolize; display: block; } .devtracker-list .devpost .devpost-wrapper .info .poster .nickname { color: rgb(162, 119, 15); font-size: 12px; padding-bottom: 2px; } .devtracker-list .devpost .devpost-wrapper .info .poster .handle { color: rgb(40, 112, 147); font-size: 11px; } .devtracker-list .devpost .devpost-wrapper .info .date { position: relative; float: right; padding-left: 14px; min-width: 75px; } .devtracker-list .devpost .devpost-wrapper .info .date::before, .devtracker-list .devpost .devpost-wrapper .info .date::after { content: ""; display: block; position: absolute; bottom: -4px; left: 0px; height: 100%; width: 1px; margin-left: -1px; } .devtracker-list .devpost .devpost-wrapper .info .date::before { background-color: rgb(8, 67, 106); } .devtracker-list .devpost .devpost-wrapper .info .date::after { border-width: 1px 0px; border-style: solid; border-color: rgb(103, 122, 10); } .devtracker-list .devpost .devpost-wrapper .info .date > * { font: 11px Electrolize; display: block; } .devtracker-list .devpost .devpost-wrapper .info .date .label { text-transform: uppercase; color: rgb(19, 85, 110); padding-bottom: 3px; padding-top: 8px; } .devtracker-list .devpost .devpost-wrapper .info .date .label::after { content: "/"; padding-left: 3px; } .devtracker-list .devpost .devpost-wrapper .info .date .time { color: rgb(8, 145, 197); } .devtracker-list .devpost .devpost-wrapper .topic { font: 11px Electrolize; padding: 8px 15px 0px; } .devtracker-list .devpost .devpost-wrapper .topic .category { color: rgb(8, 145, 197); } .devtracker-list .devpost .devpost-wrapper .topic .category::after { content: "/"; padding-left: 3px; padding-right: 2px; } .devtracker-list .devpost .devpost-wrapper .topic .thread { color: rgb(162, 119, 15); } .devtracker-list .devpost .devpost-wrapper .details { color: rgb(60, 190, 193); font: 12px / 20px Electrolize; padding: 9px 15px 0px; margin: 0px; transition-duration: 0.3s; perspective: 1000px; overflow-wrap: break-word; } .new-players-section { margin-top: 140px; } .new-players-section .new-players-block { padding: 40px 40px 65px; position: relative; } .new-players-section .new-players-block__background { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; opacity: 0.7; background-image: ; background-repeat: no-repeat; background-position: center center; background-size: cover; } .new-players-section .new-players-block__content { position: relative; z-index: 2; } .new-players-section .new-players-block__title { margin: 0px; color: rgb(203, 231, 239); font-size: 26px; text-shadow: rgba(106, 173, 209, 0.4) 0px 0px 8px; } .new-players-section .new-players-block__text { color: rgb(106, 173, 209); max-width: 470px; } .new-players-section .new-players-block .glow-arrows-button { position: relative; display: block; transform: translateX(-25px); } .new-players-section .new-players-block .glow-arrows-button:hover .label { left: 60px; opacity: 1; } .new-players-section .new-players-block .glow-arrows-button .label { position: absolute; top: 10px; left: 0px; width: 160px; opacity: 0; text-transform: uppercase; color: rgb(153, 227, 245); font-family: Electrolize; font-size: 11px; text-shadow: rgba(218, 158, 0, 0.5) 0px 0px 10px; transition: all 0.13s ease-out 0.15s; } .new-players-section .new-players-block .glow-arrows-button .arrow { left: 0px; } .new-players-section .new-players-block .glow-arrows-button.small-size.orange .arrow, .new-players-section .new-players-block .glow-arrows-button.small-size.orange .arrow::before, .new-players-section .new-players-block .glow-arrows-button.small-size.orange .arrow::after { background-image: ; } @media only screen and (max-width: 768px) { .new-players-section .new-players-block { padding: 20px 20px 50px; } .new-players-section .new-players-block .glow-arrows-button .label { left: 60px; opacity: 1; } } #home { position: relative; background: rgb(0, 0, 0); } @media (min-width: 768px) { #home .c-brand-menu:not(.is-sticky) { top: calc(28px + 70vh); } } #home .c-brand-menu:not(.is-sticky) .c-brand-cta-btn { top: 8px; } #home #contentbody { position: relative; padding-top: 0px; margin: 0px; overflow-x: hidden; padding-bottom: 5em; } @media only screen and (max-width: 760px) { #home #contentbody { padding-bottom: 235px; } } #home .home-wrapper { position: relative; } #home .home-wrapper .wrapper { padding: 0px 15px; } @media only screen and (max-width: 1140px) { #home .home-wrapper .wrapper { padding: 0px; } } @media only screen and (max-width: 1110px) { #home .home-wrapper .wrapper { padding: 0px 15px; } } @media only screen and (max-width: 768px) { #home .home-wrapper .wrapper { max-width: inherit; } } @media only screen and (max-width: 765px) { #home .home-wrapper .wrapper { padding: 0px; } } #home #home-background { position: absolute; inset: 0px; background: center bottom no-repeat, center bottom repeat-y; overflow: hidden; } @media only screen and (max-width: 1280px) { #home #home-background { background-image: , ; } } @media only screen and (max-width: 768px) { #home #home-background { background-image: , ; } } @media only screen and (max-width: 500px) { #home #home-background { background-image: , ; } } #home #home-background .bg-home-stars { position: absolute; inset: 0px 0px 750px; background: center bottom repeat-y; } @media only screen and (max-width: 1280px) { #home #home-background .bg-home-stars { background-image: ; } } @media only screen and (max-width: 768px) { #home #home-background .bg-home-stars { background-image: ; } } @media only screen and (max-width: 500px) { #home #home-background .bg-home-stars { background-image: ; } } #home #home-background .background-wrapper { width: 100%; height: 100%; position: relative; } #home #home-background .background-wrapper > * { z-index: 2; position: absolute; background: center center no-repeat transparent; } @media only screen and (max-width: 1110px) { #home #home-background .background-wrapper > * { display: none; } } #home #home-background .background-wrapper .bg-home-ship-herral { width: 447px; height: 202px; background-image: ; top: calc(2075px + 70vh); left: -270px; margin-top: -101px; } #home #home-background .background-wrapper .bg-home-ship-footer { width: 491px; height: 284px; background-image: ; bottom: 500px; right: -280px; z-index: 200; } #home #home-background .background-wrapper .bg-home-ships-top { width: 142px; height: 135px; background-image: ; top: calc(420px + 70vh); right: -130px; z-index: 200; } #home #home-background .background-wrapper .bg-home-ships-bottom { width: 444px; height: 277px; background-image: ; bottom: 1680px; left: -360px; } #home #home-background .background-wrapper .bg-home-asteroides-1 { width: 381px; height: 690px; background-image: ; bottom: 870px; left: -340px; z-index: 200; } #home #home-background .background-wrapper .bg-home-asteroides-2 { width: 634px; height: 661px; background-image: ; bottom: 200px; left: -605px; z-index: 200; } .c-error-tech--403 { background-image: ; width: 625px; height: 212px; padding: 60px 55px 82px 90px; } .c-error-tech--403 > * { animation: 1.5s ease 0s infinite normal none running glowing; } @keyframes glowing { 0% { filter: contrast(100%); } 50% { filter: contrast(150%); } 100% { filter: contrast(100%); } } .c-error-tech--403 h1 { width: calc(100% - 50px); background: rgb(206, 67, 67); color: rgb(1, 13, 21); font-size: 25px; letter-spacing: 10.8px; line-height: 40px; text-align: center; } .c-error-tech--403 h1::after { content: ""; background-image: ; background-size: contain; width: 40px; height: 40px; display: inline-block; position: absolute; right: -50px; } .c-error-tech--403 h2 { color: rgb(206, 67, 67); font-size: 18px; font-weight: 300; letter-spacing: 8.3px; margin: 8px 0px 0px; } @media only screen and (max-width: 760px) { .c-error-tech--403 { width: 375px; height: 127px; padding: 35px 35px 45px 52px; } .c-error-tech--403 h1 { letter-spacing: 6px; line-height: 24px; width: calc(100% - 35px); } .c-error-tech--403 h1::after { width: 25px; height: 25px; right: -35px; } .c-error-tech--403 h2 { letter-spacing: 4px; margin-top: 4px; } } .c-error-tech--503 { background-image: url("/maintenance/images/503-tech.svg"); background-size: contain; width: 589px; height: 163px; padding: 20px 110px 35px 45px; } .c-error-tech--503 h1 { color: rgb(110, 227, 246); font-size: 23.2px; letter-spacing: 8px; line-height: 30px; } .c-error-tech--503 h2 { color: rgb(110, 227, 246); font-size: 18px; font-weight: 300; letter-spacing: 7px; margin: 16px 0px 0px; } @media only screen and (max-width: 760px) { .c-error-tech--503 { width: 375px; height: 104px; padding: 15px 70px 25px 30px; } .c-error-tech--503 h1 { letter-spacing: 4px; line-height: 18px; } .c-error-tech--503 h2 { letter-spacing: 4px; margin-top: 10px; } } #access-denied, #maintenance { background-color: rgb(5, 25, 37); } #access-denied #contentbody, #maintenance #contentbody { background-image: none; } .l-error-page { transition: all 0.8s ease 0s; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 70vh; opacity: 0.2; transform: scale(0.8); } .l-error-page--is-visible { opacity: 1; transform: scale(1); } .l-error-page--is-visible .c-error-tech { filter: grayscale(0%); } .l-error-page--is-visible .c-error-tech > * { opacity: 1; } .l-error-page--full { min-height: 100vh; } .c-error-tech { transition: all 0.8s ease 0s; background-size: contain; box-sizing: border-box; filter: grayscale(50%); } .c-error-tech > * { opacity: 0; transition-delay: 0.6s; transition-duration: 0.8s; } .c-error-tech > svg { position: absolute; top: 0px; left: 0px; } .c-error-tech h1 { font-family: "Univia Pro", univia-pro, sans-serif; font-weight: 700; text-transform: uppercase; margin: 0px; position: relative; } .c-error-tech h2 { font-family: "Univia Pro", univia-pro, sans-serif; text-transform: uppercase; } @media only screen and (max-width: 760px) { .c-error-tech h1 { font-size: 16px; } .c-error-tech h2 { font-size: 12px; } } .c-error-messages { width: 625px; } .c-error-messages p { color: rgb(47, 95, 133); font-size: 16px; font-family: "Univia Pro", univia-pro, sans-serif; text-align: center; letter-spacing: 3.23px; line-height: 22px; } @media only screen and (max-width: 760px) { .c-error-messages { width: 375px; } } #community.events-hub #post-background { position: absolute; opacity: 1; background: center top no-repeat; } #community.events-hub #home-background { position: absolute; inset: 0px; background: center bottom no-repeat, center bottom repeat-y; overflow: hidden; } #community.events-hub #home-background .bg-home-stars { position: absolute; inset: 0px 0px 750px; background: center bottom repeat-y; } #community.events-hub #contentbody .wrapper { padding-bottom: 90px; overflow: hidden; } #community.events-hub .glow-page-title { margin-bottom: 15px; } #community.events-hub .events-list { margin-bottom: 70px; } #community.events-hub .events-list .event-item { margin-bottom: 49px; position: relative; background: rgba(22, 104, 159, 0.2); transition-duration: 0.3s; perspective: 1000px; } #community.events-hub .events-list .event-item * { font-family: Electrolize; } #community.events-hub .events-list .event-item .inner { padding: 30px; } #community.events-hub .events-list .event-item .inner .media { position: relative; float: left; } #community.events-hub .events-list .event-item .inner .infos { margin-left: 40px; float: left; max-width: 425px; font-size: 14px; } @media only screen and (max-width: 1140px) { #community.events-hub .events-list .event-item .inner .infos { margin: 40px 0px 0px; max-width: 100%; width: 100%; } } #community.events-hub .events-list .event-item .inner .infos .infos-when-where { font-size: 11px; border-left: 1px solid rgb(8, 67, 106); color: rgb(19, 85, 110); text-transform: uppercase; padding-left: 20px; } #community.events-hub .events-list .event-item .inner .infos .infos-when-where span { font-size: 13px; color: rgb(44, 121, 159); display: block; padding-bottom: 8px; } #community.events-hub .events-list .event-item .inner .infos .infos-excerpt .no-truncate { display: none; } #community.events-hub .events-list .event-item .inner .infos .infos-excerpt p { width: 420px; transition-duration: 0.3s; perspective: 1000px; color: rgb(8, 145, 197); } @media only screen and (max-width: 1140px) { #community.events-hub .events-list .event-item .inner .infos .infos-excerpt p { width: 100%; } } #community.events-hub .events-list .event-item .inner .infos .infos-excerpt p a { color: rgb(77, 255, 255); } #community.events-hub .events-list .event-item .inner .state { height: 110px; min-width: 180px; padding-left: 27px; border-left: 1px solid rgb(8, 67, 106); float: right; } @media only screen and (max-width: 765px) { #community.events-hub .events-list .event-item .inner .state { margin: 40px 0px 0px; float: left; } } #community.events-hub .events-list .event-item .inner .state > span { font-size: 16px; color: rgb(8, 145, 197); text-transform: uppercase; display: block; margin-top: 40px; } #community.events-hub .events-list .event-item .inner .state a { margin-left: -28px; } #community.events-hub .events-list .event-item .bottom-info { position: absolute; left: 0px; bottom: -24px; height: 24px; display: -webkit-flex; width: 100%; } #community.events-hub .events-list .event-item .bottom-info .line { height: 24px; background: rgba(22, 104, 159, 0.2); position: relative; transition-duration: 0.3s; perspective: 1000px; flex: 1 1 0%; } #community.events-hub .events-list .event-item .bottom-info .line::before { content: ""; transition-duration: 0.3s; perspective: 1000px; display: block; position: absolute; height: 0px; border-style: solid; bottom: 0px; z-index: 1; border-width: 24px 24px 0px 0px; border-color: rgba(22, 104, 159, 0.15) transparent transparent; right: -24px; } #community.events-hub .events-list .event-item .bottom-info .line::after { width: 6px; height: 24px; content: ""; background: rgb(67, 237, 248); box-shadow: rgba(0, 112, 202, 0.79) 14px 2px 50px 4px, rgba(0, 112, 202, 0.6) 0px 0px 12px 1px; top: 0px; right: -18px; position: absolute; transform: skew(-45deg); } #community.events-hub .events-list .event-item .bottom-info a { float: right; top: 4px; width: 130px; } #community.events-hub .events-list .event-item .bottom-info a .label { font-family: Electrolize; font-size: 12px; color: rgb(204, 255, 255); padding-left: 55px; text-shadow: rgb(0, 108, 255) 0px 0px 3px, rgba(0, 108, 255, 0.65) 0px 0px 8px; text-transform: uppercase; } #community.events-hub .events-list .event-item .bottom-info a .arrow { top: -18px; left: 8px; } #community.events-hub .events-list .event-item > .glow-corners.bottom-corners::before { bottom: -33px; } #community.events-hub .events-list .event-item.open { background: rgba(22, 104, 159, 0.3); transition-duration: 0.3s; perspective: 1000px; } #community.events-hub .events-list .event-item.open .inner .infos .infos-excerpt .truncate { display: none; } #community.events-hub .events-list .event-item.open .inner .infos .infos-excerpt .no-truncate { display: block; } #community.events-hub .events-list .event-item.open .bottom-info a .arrow { transform: rotate(-90deg); } #community.events-hub .events-list .event-item.open .bottom-info .line { background: rgba(22, 104, 159, 0.3); } #community.events-hub .events-list .event-item.open .bottom-info .line::before { border-color: rgba(22, 104, 159, 0.3) transparent transparent; } #community.events-hub .load-more-wrapper { padding-bottom: 90px; } #community.events-hub .events-list .event-item .inner h3, #community.events-hub .events-list .event-item .inner h3 a { font-size: 22px; color: rgb(77, 255, 255); margin: 0px 0px 30px; } #module h1.page-title.faq-title { background: left center no-repeat; } #module h1.page-title.faq-title .icon { display: none; } #module .bloc-presentation { border-top: 3px solid rgb(99, 220, 255); border-bottom: 1px solid rgb(99, 220, 255); margin-bottom: 45px; margin-top: 40px; position: relative; background: center bottom repeat-x, center top repeat, center top repeat-x, rgba(5, 29, 53, 0.1); } #module .bloc-presentation .inner-content { padding: 75px 55px; } #module .bloc-presentation .inner-content .left { width: 512px; float: left; padding-right: 20px; } @media only screen and (max-width: 1200px) { #module .bloc-presentation .inner-content .left { float: none; width: 100%; padding: 0px; } } #module .bloc-presentation .inner-content .left h2 { font-size: 24px; } #module .bloc-presentation .inner-content .left p { font-size: 14px; color: rgb(149, 173, 183); line-height: 24px; margin-bottom: 30px; } #module .bloc-presentation .inner-content .left p a { color: rgb(0, 228, 255); } #module .bloc-presentation .inner-content .left p a:hover { color: rgb(255, 255, 255); } #module .bloc-presentation .inner-content .left p.instruction { margin-bottom: -60px; color: rgb(0, 228, 255); background: 35% 100% no-repeat; padding-bottom: 60px; } @media only screen and (max-width: 1200px) { #module .bloc-presentation .inner-content .left p.instruction { background: 0px 0px; } } #module .bloc-presentation .inner-content .left a.manual_download { opacity: 0.7; } #module .bloc-presentation .inner-content .left a.manual_download:hover { opacity: 1; } @media only screen and (max-width: 768px) { #module .bloc-presentation .inner-content .left a.manual_download img { width: 100%; } } #module .bloc-presentation .inner-content .right { width: 424px; float: right; padding-top: 25px; position: relative; } @media only screen and (max-width: 1200px) { #module .bloc-presentation .inner-content .right { float: none; margin: 40px auto 70px; } } @media only screen and (max-width: 768px) { #module .bloc-presentation .inner-content .right { margin-left: -28px; } } #module .bloc-presentation .inner-content .right #carousel-holder { position: relative; width: 424px; height: 342px; } #module .bloc-presentation .inner-content .right #carousel-holder #carousel { position: relative; overflow: hidden; } #module .bloc-presentation .inner-content .right #carousel-holder #carousel ul { position: relative; margin: 0px; padding: 0px; list-style-type: none; } #module .bloc-presentation .inner-content .right #carousel-holder #carousel ul li { position: relative; float: left; width: 424px; height: 342px; } #module .bloc-presentation .inner-content .right #carousel-holder #carousel ul li .js-reflected { padding-bottom: 10px; } #module .bloc-presentation .inner-content .right #carousel-holder #carousel ul li .js-reflected img { padding-bottom: 10px; } #module .bloc-presentation .inner-content .right ul.pager-holder { margin: -75px auto 0px; padding: 0px; list-style-type: none; position: relative; text-align: center; } #module .bloc-presentation .inner-content .right ul.pager-holder li { padding: 0px; margin: 0px; width: 19px; height: 19px; background: -19px 0px; display: inline-block; cursor: pointer; text-indent: -9999px; overflow: hidden; } #module .bloc-presentation .inner-content .right ul.pager-holder li.on { background-position: 0px 0px; } #module .bloc-presentation .inner-content .right .lights { width: 100%; height: 61px; position: absolute; top: 0px; left: 0px; background: ; } #module .bloc-presentation .top { background: center top no-repeat; height: 112px; width: 388px; position: absolute; top: -44px; left: -16px; z-index: 5; } #module .bloc-presentation .bottom { background: center bottom no-repeat; height: 112px; width: 388px; position: absolute; bottom: -44px; right: -16px; z-index: 5; } #module #video.ship-section { background: , 50% 0px no-repeat; margin-bottom: 0px; } #module #video.ship-section .wcontent { margin: 0px auto; width: 1140px; } #module #video.ship-section .wcontent .block-title h1 { border: none; color: rgb(0, 231, 255); text-shadow: rgb(0, 231, 255) 0px 0px 20px; } #module #video.ship-section .wcontent #video-wrapper { min-height: 641px; position: relative; } #module #video.ship-section .wcontent #video-wrapper .video-icon { display: block; width: 100%; height: 100%; background: 50% center / 100px 100px no-repeat; position: absolute; top: 0px; left: 0px; opacity: 0.8; z-index: 2; } #module #video.ship-section .wcontent #video-wrapper .video-cover { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: 50% 50% no-repeat; z-index: 1; } #module #video.ship-section .wcontent #video-wrapper:hover .video-icon { opacity: 1; } #module .body { margin-bottom: 45px; } #module .body .content-block4 .content h1 { background: left center no-repeat; padding-left: 65px; margin: 0px; font-size: 24px; color: rgb(0, 231, 255); text-transform: uppercase; text-shadow: rgb(0, 224, 255) 0px 0px 0px, rgb(0, 160, 182) 0px 0px 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 57px; line-height: 57px; } #module .faq { padding-bottom: 150px; background: center top repeat, center top no-repeat, center top repeat; } #press { padding: 0px; } #press #post-background { position: absolute; opacity: 0.7; background: center top no-repeat; } #press #contentbody { margin-bottom: 90px; } #press #contentbody .wrapper { max-width: 1110px; padding: 0px; } @media only screen and (max-width: 1140px) { #press #contentbody .wrapper { padding: 0px 15px; } } #press .hide { display: none; } #press .glow-page-title .actions { background: inherit; vertical-align: top; display: inline-block; position: relative; } #press .glow-page-title.with-subtitle .title { color: rgb(7, 136, 185); } #press .media-coverage { max-width: 1110px; height: 990px; margin-bottom: 45px; overflow: hidden; padding: 0px; } @media only screen and (max-width: 1140px) { #press .media-coverage { width: 735px; padding: 0px !important; } } @media only screen and (max-width: 765px) { #press .media-coverage { width: 360px; height: auto; } } #press .media-coverage .small-article-wrap { width: 360px; height: 480px; display: inline-block; vertical-align: top; } @media only screen and (max-width: 765px) { #press .media-coverage .small-article-wrap { height: auto; } } #press .media-coverage .small-article { width: 360px; height: 232px; display: inline-block; vertical-align: top; margin-bottom: 16px; } #press .media-coverage .flipboard-press-page { width: 1110px; height: 990px; float: left; } @media only screen and (max-width: 1140px) { #press .media-coverage .flipboard-press-page { width: 735px; } } @media only screen and (max-width: 765px) { #press .media-coverage .flipboard-press-page { width: 360px; height: auto; } } #press .media-coverage .inner { height: 990px; transition-duration: 0.3s; perspective: 1000px; position: relative; } @media only screen and (max-width: 765px) { #press .media-coverage .inner { height: auto; } } #press .flipboard-boxes { padding: 0px; margin: 0px auto 48px; position: relative; transition-duration: 0.3s; perspective: 1000px; left: 0px; } #press .flipboard-boxes .box .comments { display: none; } @media only screen and (max-width: 1140px) { #press .flipboard-boxes .box .info .title { font-size: 32px; line-height: 32px; } } #press .flipboard-boxes .box.js-lock { opacity: 0; } #press .leftcol { float: left; vertical-align: top; width: 735px; margin-right: 10px; } @media only screen and (max-width: 1140px) { #press .leftcol { float: none; width: 100%; } } #press .leftcol #press-releases { width: 735px; padding-top: 205px; background: center top no-repeat; } @media only screen and (max-width: 1140px) { #press .leftcol #press-releases { width: 100%; } } @media only screen and (max-width: 1140px) { #press .leftcol #press-releases .listing-atoms { width: 735px; margin: 0px auto 90px; } } @media only screen and (max-width: 765px) { #press .leftcol #press-releases .listing-atoms { width: 360px; } } #press .leftcol #press-releases .release-item { position: relative; background: right bottom no-repeat; max-width: 679px; min-height: 126px; margin-top: 37px; margin-bottom: 60px; padding: 20px 28px; } @media only screen and (max-width: 1140px) { #press .leftcol #press-releases .release-item { margin: 37px auto 60px; } } @media only screen and (max-width: 765px) { #press .leftcol #press-releases .release-item { max-width: 304px; margin: 37px auto 60px; } } #press .leftcol #press-releases .release-item .post-date { position: absolute; top: -25px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 10px; color: rgb(94, 122, 141); text-transform: uppercase; } #press .leftcol #press-releases .release-item .post-date span { color: rgb(0, 204, 255); font-family: Electrolize; } #press .leftcol #press-releases .release-item h3 { margin: 0px; } #press .leftcol #press-releases .release-item h3 a { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 17px; color: rgb(177, 216, 241); text-shadow: rgb(0, 108, 255) 0px 0px 15px; } #press .leftcol #press-releases .release-item p { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(7, 136, 185); line-height: 20px; } #press .leftcol #press-releases .release-item .bottom-link { position: absolute; right: 20px; bottom: 0px; } #press .leftcol #press-releases .release-item .bottom-link * { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 11px; color: rgb(7, 136, 185); } #press .leftcol #press-releases .release-item .bottom-link a { text-transform: uppercase; opacity: 0.5; } #press .leftcol #press-releases .release-item .bottom-link a:hover { opacity: 1; } #press .leftcol #press-releases .release-item .bottom-link .arrow { left: -55px; top: -13px; } #press .leftcol #press-releases .release-item .bottom-link span.sepa { margin: 0px 10px; } #press .leftcol #press-releases .release-item .bottom-link .glow-arrows-button { position: relative; bottom: 11px; } #press.archive .media-coverage { height: auto; } @media only screen and (max-width: 1140px) { #press.archive .media-coverage { width: 560px; margin: 0px auto 45px; } } @media only screen and (max-width: 765px) { #press.archive .media-coverage { width: 270px; } } #press.archive .media-coverage .inner { height: auto; margin-bottom: 0px; box-sizing: border-box; display: block; } #press.archive .media-coverage .inner .box { float: left; margin-right: 10px; } #press.archive .media-coverage .inner .box.last { margin-right: 0px; } #press.archive .media-coverage .inner .box h3 { font-size: 17px; line-height: 17px; } #newsletter #contentbody { margin-bottom: 90px; } #newsletter #contentbody .inner .flipboard-boxes .box.small.post .info > *, #newsletter #contentbody .inner .flipboard-boxes .box.post .info > * { width: auto; max-width: 100%; } @media only screen and (max-width: 1170px) { #newsletter #contentbody .inner { width: 560px; margin: 0px auto 45px; } } @media only screen and (max-width: 1170px) { #newsletter #contentbody .inner .two-third { width: 560px; } } @media only screen and (max-width: 1170px) { #newsletter #contentbody .inner .one-third { width: 270px; } } @media only screen and (max-width: 658px) { #newsletter #contentbody .inner { width: 100%; } #newsletter #contentbody .inner .box { margin: 5px auto; } #newsletter #contentbody .inner .box:last-child { margin-bottom: 0px; } } #newsletter #contentbody .archive { display: block; } #newsletter #contentbody .archive .box { float: left; margin-right: 10px; } #newsletter #contentbody .archive .box:nth-child(4n) { margin-right: 0px; } @media only screen and (max-width: 1170px) { #newsletter #contentbody .archive .box { margin-right: 20px; } #newsletter #contentbody .archive .box:nth-child(2n) { margin-right: 0px; } } @media only screen and (max-width: 658px) { #newsletter #contentbody .archive .box, #newsletter #contentbody .archive .box:nth-child(2n), #newsletter #contentbody .archive .box:nth-child(4n) { margin: 10px auto; float: none; } } #newsletter #contentbody .archive h3 { font-size: 17px; line-height: 17px; } #newsletter #contentbody .glow-load-more-btn { clear: both; margin-top: 45px; } #newsletter #contentbody .clear { clear: both; } #help { padding: 0px; } #help #home-background { position: absolute; inset: 0px; background: center bottom no-repeat, center bottom repeat-y; overflow: hidden; } @media only screen and (max-width: 1280px) { #help #home-background { background-image: , ; } } @media only screen and (max-width: 768px) { #help #home-background { background-image: , ; } } @media only screen and (max-width: 500px) { #help #home-background { background-image: , ; } } #help #home-background .bg-home-stars { position: absolute; inset: 0px 0px 750px; background: center bottom repeat-y; } @media only screen and (max-width: 1280px) { #help #home-background .bg-home-stars { background-image: ; } } @media only screen and (max-width: 768px) { #help #home-background .bg-home-stars { background-image: ; } } @media only screen and (max-width: 500px) { #help #home-background .bg-home-stars { background-image: ; } } #help #post-background { position: absolute; opacity: 1; background: center top no-repeat; } #help #contentbody.help > .wrapper { max-width: 1110px; padding: 0px 15px; } @media only screen and (max-width: 768px) { #help #contentbody.help > .wrapper { margin-bottom: 500px; } } #help #contentbody.help > .wrapper .glow-hub-title { height: 100px; } #help #contentbody.help > .wrapper .glow-page-title { margin-bottom: 0px; } #help #contentbody.help > .wrapper .glow-page-title::before { content: ""; display: block; width: 100px; height: 2px; position: absolute; left: 0px; bottom: 0px; background: rgb(10, 86, 136); } #help #contentbody.help > .wrapper .glow-page-title .title { left: 0px; padding-left: 30px; } #help #contentbody.help > .wrapper p, #help #contentbody.help > .wrapper ul li { font-size: 14px; color: rgb(8, 145, 197); margin-top: 0px; } #help #contentbody.help > .wrapper .block-wrapper { margin-bottom: 200px; } #help #contentbody.help > .wrapper .block-left, #help #contentbody.help > .wrapper .block-right { width: 533px; float: left; } @media only screen and (max-width: 1140px) { #help #contentbody.help > .wrapper .block-left, #help #contentbody.help > .wrapper .block-right { width: 100%; float: none; } } #help #contentbody.help > .wrapper .block-left { margin-top: 10px; border-width: 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(10, 86, 136); border-right-color: rgb(10, 86, 136); border-left-color: rgb(10, 86, 136); border-image: initial; border-bottom-style: initial; border-bottom-color: initial; } #help #contentbody.help > .wrapper .block-left .block-content { background: rgba(0, 44, 69, 0.6); padding-top: 15px; margin-bottom: 0px; border-bottom: 0px; } #help #contentbody.help > .wrapper .block-right { float: right; } @media only screen and (max-width: 1140px) { #help #contentbody.help > .wrapper .block-right { margin-top: 70px; } } #help #contentbody.help > .wrapper .block-right .help-cut { margin: -40px 50px 40px 0px; } #help #contentbody.help > .wrapper .block-content { margin-bottom: 70px; padding: 50px 30px 30px; box-sizing: border-box; background: repeat; border-bottom: 1px solid rgb(10, 86, 136); } #help #contentbody.help > .wrapper .block-content * { font-family: Electrolize; } #help #contentbody.help > .wrapper .block-content a { font-size: 14px; margin-top: 1em; color: rgb(218, 158, 0); display: block; } #help #contentbody.help > .wrapper .block-content p a { display: inline; } #help #contentbody.help > .wrapper .block-content .category-info { list-style: none; margin: 0px; padding: 0px; position: relative; top: -8px; } #help #contentbody.help > .wrapper .block-content .category-info li { color: rgb(204, 0, 0); display: none; } #help #contentbody.help > .wrapper .block-content h2 { font: 500 18px / 18px Orbitron; color: rgb(0, 231, 255); border-bottom: 1px solid rgb(6, 59, 93); padding-bottom: 11px; margin-bottom: 30px; } #help #contentbody.help > .wrapper .block-content hr { width: 100%; height: 1px; background-color: rgba(10, 86, 136, 0.5); position: relative; border: 0px; } #help #contentbody.help > .wrapper .block-content hr::before, #help #contentbody.help > .wrapper .block-content hr::after { width: 3px; height: 1px; background: rgb(0, 231, 255); position: absolute; content: ""; display: block; top: 0px; } #help #contentbody.help > .wrapper .block-content hr::before { left: 0px; } #help #contentbody.help > .wrapper .block-content hr::after { right: 0px; } #help #contentbody.help > .wrapper .block-content h4 { font-size: 18px; color: rgb(77, 255, 255); margin: 0px 0px 1em; padding: 0px; text-shadow: rgb(0, 108, 255) 0px 0px 15px, rgb(0, 108, 255) 0px 0px 15px; } #help #contentbody.help > .wrapper .block-content.style1 p { color: rgb(180, 238, 252); font-size: 16px; } #help #contentbody.help > .wrapper .block-content.block-faq a { width: 333px; margin: 0px 22px 1em 0px; height: 92px; text-align: center; float: left; position: relative; display: block; border: 1px solid rgba(10, 86, 136, 0.5); overflow: hidden; } #help #contentbody.help > .wrapper .block-content.block-faq a .faq, #help #contentbody.help > .wrapper .block-content.block-faq a .text, #help #contentbody.help > .wrapper .block-content.block-faq a .img { width: 333px; height: 92px; vertical-align: middle; display: table-cell; position: relative; transition-duration: 0.2s; perspective: 1000px; } #help #contentbody.help > .wrapper .block-content.block-faq a .faq { font: 500 16px / 16px Orbitron; color: rgb(0, 231, 255); text-transform: uppercase; opacity: 1; } #help #contentbody.help > .wrapper .block-content.block-faq a .text { vertical-align: middle; display: table-cell; top: 0px; height: 92px; box-sizing: border-box; padding: 0px 20px; transition-duration: 0.2s; perspective: 1000px; opacity: 0; } #help #contentbody.help > .wrapper .block-content.block-faq a .holder { position: absolute; left: 4px; top: 4px; width: 325px; height: 84px; background-color: rgb(0, 36, 63); } #help #contentbody.help > .wrapper .block-content.block-faq a .holder .bg { transition-duration: 0.2s; perspective: 1000px; position: absolute; left: 0px; top: 0px; width: 325px; height: 84px; background-color: rgba(0, 0, 0, 0.5); opacity: 0; } #help #contentbody.help > .wrapper .block-content.block-faq a .holder .img { opacity: 0.2; } #help #contentbody.help > .wrapper .block-content.block-faq a:nth-child(3n+3) { margin-right: 0px; } @media only screen and (max-width: 1140px) { #help #contentbody.help > .wrapper .block-content.block-faq a:nth-child(3n+3) { margin-right: 22px; } } @media only screen and (max-width: 768px) { #help #contentbody.help > .wrapper .block-content.block-faq a:nth-child(3n+3) { margin: 0px auto 1em; } } @media only screen and (max-width: 1140px) { #help #contentbody.help > .wrapper .block-content.block-faq a:nth-child(2n+2) { margin-right: 0px; float: right; } } @media only screen and (max-width: 768px) { #help #contentbody.help > .wrapper .block-content.block-faq a:nth-child(2n+2) { margin: 0px auto 1em; float: none; } } @media only screen and (max-width: 768px) { #help #contentbody.help > .wrapper .block-content.block-faq a { margin: 0px auto 1em; float: none; } } #help #contentbody.help > .wrapper .block-content.block-faq a:hover .faq { top: -93px; opacity: 0; } #help #contentbody.help > .wrapper .block-content.block-faq a:hover .text { top: -93px; opacity: 1; } #help #contentbody.help > .wrapper .block-content.block-faq a:hover .holder .bg { opacity: 0.5; } #help #contentbody.help > .wrapper .block-content.block-faq a:hover .holder img { opacity: 0.5; } #help #contentbody.help > .wrapper .block-content form { position: relative; } #help #contentbody.help > .wrapper .block-content form label { font-size: 16px; color: rgb(0, 237, 255); text-transform: uppercase; } #help #contentbody.help > .wrapper .block-content form input[type="text"], #help #contentbody.help > .wrapper .block-content form .selectlist, #help #contentbody.help > .wrapper .block-content form textarea { color: rgb(77, 255, 255); font-size: 14px; margin-bottom: 15px; } #help #contentbody.help > .wrapper .block-content form input[type="text"], #help #contentbody.help > .wrapper .block-content form .selectlist { line-height: 50px; height: 50px; padding: 0px 15px; } #help #contentbody.help > .wrapper .block-content form textarea { height: 250px; padding: 15px; } #help #contentbody.help > .wrapper .block-content form .selectlist { background: rgba(0, 0, 0, 0.4); border: 1px solid rgba(22, 42, 63, 0.8); border-radius: 0px; } #help #contentbody.help > .wrapper .block-content form .selectlist > span { line-height: 50px; height: 50px; padding: 0px; font-size: 14px; } #help #contentbody.help > .wrapper .block-content form .selectlist .arrow { margin-top: 11px; } #help #contentbody.help > .wrapper .block-content form .selectlist ul { margin-left: -15px; } #help #contentbody.help > .wrapper .block-content form .selectlist ul li { height: 50px; line-height: 50px; font-size: 14px; padding: 0px 25px; color: rgb(22, 146, 193); background: rgba(0, 0, 0, 0.8); border-style: solid; border-color: rgba(22, 42, 63, 0.8) rgba(22, 42, 63, 0.8) rgba(22, 42, 63, 0.8) rgb(8, 145, 197); border-image: initial; border-width: 1px 0px 0px 5px; } #help #contentbody.help > .wrapper .block-content form .selectlist ul li:hover { background: rgba(0, 0, 0, 0.4); border-left-color: rgb(0, 237, 255); color: rgb(77, 255, 255); text-shadow: rgb(0, 108, 255) 0px 0px 15px, rgb(0, 108, 255) 0px 0px 15px; } #help #contentbody.help > .wrapper .block-content form .contact-submit-wrapper { position: absolute; bottom: -90px; right: 0px; display: flex; flex-flow: wrap; box-sizing: border-box; width: 100%; } #help #contentbody.help > .wrapper .block-content form .contact-submit-wrapper .line { flex: 1 1 0%; position: relative; height: 1px; background-color: rgb(10, 86, 136); left: -30px; width: calc(100% + 55px); padding-right: 10px; } #help #contentbody.help > .wrapper .block-content form .contact-submit-wrapper button { position: relative; outline: none; transition-duration: 0.2s; perspective: 1000px; height: 60px; border-top: none; border-left: none; border-image: initial; right: -31px; padding-right: 50px; color: rgb(8, 145, 197); text-transform: uppercase; border-right: 1px solid rgb(10, 86, 136); border-bottom: 1px solid rgb(10, 86, 136); background-color: rgba(0, 44, 69, 0.6); } #help #contentbody.help > .wrapper .block-content form .contact-submit-wrapper button strong { font: bold 16px / 16px Orbitron, sans-serif; position: relative; } #help #contentbody.help > .wrapper .block-content form .contact-submit-wrapper button strong::before { transition-duration: 0.2s; perspective: 1000px; background: right center no-repeat; width: 20px; height: 24px; display: block; content: ""; position: absolute; right: -25px; top: -5px; opacity: 0.6; } #help #contentbody.help > .wrapper .block-content form .contact-submit-wrapper button::before, #help #contentbody.help > .wrapper .block-content form .contact-submit-wrapper button::after { content: ""; display: block; position: absolute; } #help #contentbody.help > .wrapper .block-content form .contact-submit-wrapper button::before { top: 0px; left: -60px; width: 0px; height: 0px; border-style: solid; border-width: 0px 60px 60px 0px; border-color: transparent rgba(0, 44, 69, 0.6) transparent transparent; } #help #contentbody.help > .wrapper .block-content form .contact-submit-wrapper button::after { transition-duration: 0.2s; perspective: 1000px; transform: skew(45deg); width: 6px; height: 60px; top: 0px; left: -32px; background-color: rgb(10, 86, 136); } #help #contentbody.help > .wrapper .block-content form .contact-submit-wrapper button:hover { color: rgb(0, 237, 255); text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; } #help #contentbody.help > .wrapper .block-content form .contact-submit-wrapper button:hover strong::before { opacity: 1; } #help #contentbody.help > .wrapper .block-content form .contact-submit-wrapper button:hover::after { background-color: rgb(0, 237, 255); box-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; } #help #contentbody.help > .wrapper a.help-cut { margin: 0px 19px 0px 130px; right: 0px; transition-duration: 0.2s; perspective: 1000px; position: relative; border-top: 1px solid rgb(10, 86, 136); border-bottom: 1px solid rgb(10, 86, 136); border-left: 1px solid rgb(10, 86, 136); background: rgba(10, 86, 136, 0.4); padding: 22px 19px 22px 38px; display: block; float: right; text-transform: uppercase; color: rgb(213, 247, 255); font: 500 16px / 16px Orbitron; } #help #contentbody.help > .wrapper a.help-cut::before, #help #contentbody.help > .wrapper a.help-cut::after { content: ""; display: block; position: absolute; border-right: 1px solid rgb(10, 86, 136); border-top: 1px solid rgb(10, 86, 136); background: rgba(10, 86, 136, 0.4); } #help #contentbody.help > .wrapper a.help-cut::before { width: 20px; height: 40px; position: absolute; right: -21px; top: -1px; } #help #contentbody.help > .wrapper a.help-cut::after { background: 0px 0px; right: -21px; bottom: -1px; width: 0px; height: 0px; border-style: solid; border-width: 21px 21px 0px 0px; border-color: rgba(10, 86, 136, 0.4) transparent transparent; } #help #contentbody.help > .wrapper a.help-cut span { transition-duration: 0.2s; perspective: 1000px; width: 6px; height: 20px; content: ""; display: block; background: rgb(10, 86, 136); bottom: -1px; right: -11px; position: absolute; transform: skew(-45deg); z-index: 2; } #help #contentbody.help > .wrapper a.help-cut span::after { transition-duration: 0.2s; perspective: 1000px; transform: skew(45deg); width: 0px; height: 0px; border-style: solid; border-width: 0px 0px 6px 6px; border-color: transparent transparent rgb(10, 86, 136); content: ""; display: block; position: absolute; left: -3px; top: -6px; } #help #contentbody.help > .wrapper a.help-cut:hover { text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; } #help #contentbody.help > .wrapper a.help-cut:hover span { box-shadow: rgba(0, 112, 202, 0.6) 0px 0px 8px 1px, rgba(0, 112, 202, 0.5) 0px 0px 55px 15px; background-color: rgb(67, 237, 248); } #help #contentbody.help > .wrapper a.help-cut:hover span::after { border-color: transparent transparent rgb(67, 237, 248); } @media only screen and (max-width: 768px) { #help #contentbody.help > .wrapper a.help-cut { display: inline-block; margin: 0px 0px 20px; float: none; } } #enlist #post-background { position: absolute; opacity: 1; background: center 200px no-repeat; } #enlist #home-background { position: absolute; inset: 0px; background: center bottom no-repeat, center bottom repeat-y; overflow: hidden; } #enlist #home-background .bg-home-stars { position: absolute; inset: 0px 0px 750px; background: center bottom repeat-y; } #enlist #contentbody .wrapper { padding-bottom: 90px; max-width: 1110px; } @media only screen and (max-width: 1140px) { #enlist #contentbody .wrapper { padding-bottom: 500px; } } #enlist .glow-hub-title h2 { font-size: 16px; color: rgb(180, 238, 252); line-height: 22px; font-family: Electrolize; text-transform: none; text-shadow: none; font-weight: 100; } #enlist .left { float: left; } #enlist .right { float: right; } #enlist form.enlist-form { padding-bottom: 5em; } #enlist form.enlist-form .cut { outline: none; transition-duration: 0.2s; perspective: 1000px; border-right: none; border-image: initial; position: relative; border-top: 1px solid rgb(10, 86, 136); border-bottom: 1px solid rgb(10, 86, 136); border-left: 1px solid rgb(10, 86, 136); background: rgba(10, 86, 136, 0.4); padding: 18px 11px 18px 30px; display: block; float: right; margin-right: 21px; text-transform: uppercase; cursor: default; color: rgba(8, 145, 167, 0.9); font: 500 13px / 13px Orbitron; } #enlist form.enlist-form .cut::before, #enlist form.enlist-form .cut::after { content: ""; display: block; position: absolute; border-right: 1px solid rgb(10, 86, 136); border-top: 1px solid rgb(10, 86, 136); background: rgba(10, 86, 136, 0.4); } #enlist form.enlist-form .cut::before { width: 20px; height: 29px; position: absolute; right: -21px; top: -1px; } #enlist form.enlist-form .cut::after { background: 0px 0px; right: -21px; bottom: -1px; width: 0px; height: 0px; border-style: solid; border-width: 21px 21px 0px 0px; border-color: rgba(10, 86, 136, 0.4) transparent transparent; } #enlist form.enlist-form .cut span.edge { transition-duration: 0.2s; perspective: 1000px; width: 6px; height: 20px; content: ""; display: block; background: rgb(10, 86, 136); bottom: -1px; right: -11px; position: absolute; transform: skew(-45deg); z-index: 2; } #enlist form.enlist-form .cut span.edge::after { transition-duration: 0.2s; perspective: 1000px; transform: skew(45deg); width: 0px; height: 0px; border-style: solid; border-width: 0px 0px 6px 6px; border-color: transparent transparent rgb(10, 86, 136); content: ""; display: block; position: absolute; left: -3px; top: -6px; } #enlist form.enlist-form .cut.active { color: rgb(213, 247, 255); cursor: pointer; text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; } #enlist form.enlist-form .cut.active span.edge { box-shadow: rgba(0, 112, 202, 0.6) 0px 0px 8px 1px, rgba(0, 112, 202, 0.5) 0px 0px 55px 15px; background-color: rgb(67, 237, 248); } #enlist form.enlist-form .cut.active span.edge::after { border-color: transparent transparent rgb(67, 237, 248); } #enlist form.enlist-form .cut.submit-wrapper { padding: 15px 19px 15px 18px; color: rgb(213, 247, 255); float: right; } #enlist form.enlist-form .cut.submit-wrapper input[type="submit"] { font: 500 20px / 20px Orbitron; padding: 0px 0px 0px 20px; color: rgb(67, 237, 248); text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; } #enlist form.enlist-form .cut.submit-wrapper::before { height: 44px; } #enlist form.enlist-form .cut.submit-wrapper.disabled input { color: rgba(67, 237, 248, 0.4); text-shadow: none; } #enlist form.enlist-form fieldset { padding: 26px; position: relative; width: 533px; margin-bottom: 32px; box-sizing: border-box; border: 1px solid rgb(10, 86, 136); background-color: rgba(0, 44, 69, 0.6); } @media only screen and (max-width: 1140px) { #enlist form.enlist-form fieldset { width: 100%; } } #enlist form.enlist-form fieldset * { font-family: Electrolize; } #enlist form.enlist-form fieldset .comment { color: rgb(3, 101, 138); font-size: 14px; line-height: 18px; font-family: Electrolize; display: block; text-transform: none; padding-top: 5px; } #enlist form.enlist-form fieldset .comment a { color: rgb(0, 231, 255); } #enlist form.enlist-form fieldset .msg-wrapper { float: right; font-size: 12px; position: relative; margin-top: 5px; } #enlist form.enlist-form fieldset .msg-wrapper.good { display: none; } #enlist form.enlist-form fieldset .msg-wrapper .msg-error { display: none; } #enlist form.enlist-form fieldset .msg-wrapper.error { color: rgb(195, 41, 41); } #enlist form.enlist-form fieldset .msg-wrapper.error .msg-error { display: block; } #enlist form.enlist-form fieldset .msg-wrapper.error::after { width: 63px; height: 4px; content: ""; display: block; background-color: rgb(195, 41, 41); position: absolute; right: 12px; bottom: -9px; transform: skew(-45deg); box-shadow: rgba(195, 41, 41, 0.7) 4px 4px 10px, rgba(195, 41, 41, 0.7) -4px -4px 10px, rgba(195, 41, 41, 0.7) -4px 4px 10px, rgba(195, 41, 41, 0.7) 4px -4px 10px; } #enlist form.enlist-form fieldset .section { color: rgb(0, 231, 255); font: 700 18px / 1 Orbitron; text-transform: uppercase; margin-top: 5px; border-bottom: 1px solid rgb(6, 59, 93); } #enlist form.enlist-form fieldset .section .comment { color: rgb(8, 145, 197); padding: 10px 0px 20px; font-weight: 100; } #enlist form.enlist-form fieldset .section i { font-size: 16px; font-style: normal; color: rgb(3, 101, 138); text-transform: none; } #enlist form.enlist-form fieldset .section--no-border-bottom { border-bottom: 0px; } #enlist form.enlist-form fieldset label { font-size: 16px; color: rgb(0, 237, 255); text-transform: uppercase; margin-top: 45px; display: block; width: 100%; } #enlist form.enlist-form fieldset input[type="text"], #enlist form.enlist-form fieldset input[type="password"], #enlist form.enlist-form fieldset .selectlist { background-color: rgba(0, 0, 0, 0.35); height: 52px; line-height: 52px; border-color: rgb(0, 37, 62); } #enlist form.enlist-form fieldset input[type="text"].success, #enlist form.enlist-form fieldset input[type="password"].success, #enlist form.enlist-form fieldset .selectlist.success { border-color: rgb(31, 122, 39); } #enlist form.enlist-form fieldset input[type="text"].error, #enlist form.enlist-form fieldset input[type="password"].error, #enlist form.enlist-form fieldset .selectlist.error { border-color: rgb(195, 41, 41); } #enlist form.enlist-form fieldset input[type="text"], #enlist form.enlist-form fieldset input[type="password"] { padding: 0px 15px; transition-duration: 0.2s; perspective: 1000px; font-size: 18px; color: rgb(0, 231, 255); } #enlist form.enlist-form fieldset input[type="text"]:focus, #enlist form.enlist-form fieldset input[type="password"]:focus { border-color: rgb(0, 231, 255); } #enlist form.enlist-form fieldset .selectlist { border-radius: 0px; } #enlist form.enlist-form fieldset .selectlist.small { width: 122px; } #enlist form.enlist-form fieldset .selectlist.medium { width: 186px; } #enlist form.enlist-form fieldset .selectlist > span { height: 52px; line-height: 52px; width: 100px; font-size: 20px; color: rgb(3, 101, 138); padding: 0px; text-align: center; margin-top: 0px; } #enlist form.enlist-form fieldset .selectlist .arrow { width: 20px; height: 16px; background: no-repeat; position: absolute; top: 18px; right: 15px; } #enlist form.enlist-form fieldset .selectlist .scrollable { max-height: initial; height: 300px; } #enlist form.enlist-form fieldset .selectlist .scrollable .viewport { width: 103px; } #enlist form.enlist-form fieldset .selectlist .scrollable .scrollbar .track { width: 8px; } #enlist form.enlist-form fieldset .selectlist ul { margin-left: 0px; background-color: rgba(0, 0, 0, 0.8); } #enlist form.enlist-form fieldset .selectlist ul li { height: 40px; line-height: 40px; font-size: 16px; padding: 0px; text-align: center; color: rgb(22, 146, 193); background: rgba(0, 0, 0, 0.8); border-style: solid; border-color: rgba(22, 42, 63, 0.8) rgba(22, 42, 63, 0.8) rgba(22, 42, 63, 0.8) rgb(8, 145, 197); border-image: initial; border-width: 1px 0px 0px 5px; } #enlist form.enlist-form fieldset .selectlist ul li:hover { background: rgba(0, 0, 0, 0.4); border-left-color: rgb(0, 237, 255); color: rgb(77, 255, 255); text-shadow: rgb(0, 108, 255) 0px 0px 15px, rgb(0, 108, 255) 0px 0px 15px; } #enlist form.enlist-form fieldset .error-level-line { display: block; width: 108px; height: 5px; background: rgb(25, 60, 76); margin-top: 10px; } #enlist form.enlist-form fieldset .error-level-line.on { background: rgb(0, 231, 255); box-shadow: rgb(0, 237, 255) 0px 0px 30px; } @media only screen and (max-width: 1140px) { #enlist form.enlist-form fieldset .error-level-line { width: 23%; } } #enlist form.enlist-form fieldset .row { display: flex; flex-flow: wrap; box-sizing: border-box; justify-content: space-between; width: 100%; } #enlist form.enlist-form fieldset.referral { padding: 0px; background: 0px 0px; } #enlist form.enlist-form fieldset.referral .referral-wrapper { padding: 16px; background: repeat; margin: 9px; border: 1px solid rgb(14, 51, 74); } #enlist form.enlist-form fieldset.referral .referral-wrapper .section { border: none; } #enlist form.enlist-form fieldset.referral .referral-wrapper .section .comment { padding-bottom: 0px; } #enlist form.enlist-form fieldset.referral .referral-wrapper label { margin-top: 20px; } #enlist form.enlist-form fieldset.referral.disabled { opacity: 0.6; } #enlist form.enlist-form fieldset.referral.disabled .referral-wrapper { height: 175px; } #enlist form.enlist-form fieldset.referral.disabled .glow-corners { display: none; } #enlist form.enlist-form fieldset.referral.validated { border-color: rgb(18, 101, 10); } #enlist form.enlist-form fieldset.referral.validated .glow-corners::before, #enlist form.enlist-form fieldset.referral.validated .glow-corners::after { border-color: rgb(8, 179, 9); } #enlist form.enlist-form fieldset.referral.validated .referral-wrapper { border-color: rgb(18, 78, 25); background: repeat; } #enlist form.enlist-form fieldset.security .section { border: none; margin-bottom: 23px; } #enlist form.enlist-form fieldset.security .captcha { width: 265px; height: 114px; border: 1px solid rgb(10, 86, 136); display: none; float: left; margin-right: 15px; } #enlist form.enlist-form fieldset.security .captcha img { width: 265px; height: 114px; } #enlist form.enlist-form fieldset.security .re-generate { float: left; font-size: 16px; color: rgb(0, 237, 255); padding-left: 30px; position: relative; height: 25px; line-height: 25px; margin-top: 91px; } #enlist form.enlist-form fieldset.security .re-generate .icon { position: absolute; left: 0px; top: 0px; width: 25px; height: 25px; background: ; display: block; } #enlist form.enlist-form .security .enlist-form__newsletter-inner, #enlist form.enlist-form .enlist-form__newsletter .enlist-form__newsletter-inner { padding-left: 30px; } #enlist form.enlist-form .security label, #enlist form.enlist-form .enlist-form__newsletter label { margin-top: 20px; } #enlist form.enlist-form .security label.checkbox, #enlist form.enlist-form .enlist-form__newsletter label.checkbox { position: relative; padding-left: 5px; } #enlist form.enlist-form .security label.checkbox::before, #enlist form.enlist-form .enlist-form__newsletter label.checkbox::before { content: ""; position: absolute; left: 0px; top: 50%; margin-top: -10px; display: block; height: 20px; width: 20px; border: 1px solid rgb(0, 37, 62); background-color: rgba(0, 0, 0, 0.35); } #enlist form.enlist-form .security label.checkbox::after, #enlist form.enlist-form .enlist-form__newsletter label.checkbox::after { content: ""; height: 53px; width: 50px; position: absolute; top: 50%; margin-top: -20px; left: -10px; display: block; pointer-events: none; opacity: 0; transition: opacity 0.2s ease-in-out 0s; background: center center no-repeat transparent; } #enlist form.enlist-form .security label.checkbox span, #enlist form.enlist-form .enlist-form__newsletter label.checkbox span { margin-top: 2px; font-size: 14px; line-height: 1.2em; text-transform: none; } #enlist form.enlist-form .security label.checkbox span, #enlist form.enlist-form .enlist-form__newsletter label.checkbox span, #enlist form.enlist-form .security label.checkbox span.on, #enlist form.enlist-form .enlist-form__newsletter label.checkbox span.on { background: 0px 0px; } #enlist form.enlist-form .security label.checkbox.on::after, #enlist form.enlist-form .enlist-form__newsletter label.checkbox.on::after { opacity: 1; } #enlist form.enlist-form .security label.checkbox, #enlist form.enlist-form .enlist-form__newsletter label.checkbox, #enlist form.enlist-form .security .terms, #enlist form.enlist-form .enlist-form__newsletter .terms { display: inline-block; margin-bottom: 0px; font-size: 16px; color: rgb(8, 145, 197); width: auto; line-height: 22px; } #enlist form.enlist-form .security label.checkbox a, #enlist form.enlist-form .enlist-form__newsletter label.checkbox a, #enlist form.enlist-form .security .terms a, #enlist form.enlist-form .enlist-form__newsletter .terms a { color: rgb(0, 231, 255); } #enlist form.enlist-form .enlist-form__newsletter { width: 100%; } #enlist form.enlist-form .enlist-form__newsletter .section { max-width: 480px; width: 100%; } #referral #post-background { position: absolute; opacity: 1; background: center top no-repeat; } @media only screen and (max-width: 765px) { #referral #post-background { background: center top no-repeat; } } #referral #home-background { position: absolute; inset: 0px; background: center bottom no-repeat, center bottom repeat-y; overflow: hidden; } #referral #home-background .bg-home-stars { position: absolute; inset: 0px 0px 750px; background: center bottom repeat-y; } #referral #contentbody { padding-bottom: 80px; } #referral #contentbody .wrapper { padding-bottom: 90px; overflow: hidden; max-width: 1110px; } @media only screen and (max-width: 1140px) { #referral #contentbody .wrapper { padding-bottom: 500px; } } #referral .subscriptions-item { position: relative; width: 760px; height: 460px; margin: 0px auto; background: 0px -20px / 100% no-repeat rgb(16, 18, 28); padding: 16px 3% 17px; border-top: 2px solid rgb(0, 230, 255); border-bottom: 1px solid rgb(6, 145, 164); } #referral .subscriptions-item, #referral .subscriptions-item::before, #referral .subscriptions-item::after, #referral .subscriptions-item *, #referral .subscriptions-item ::before, #referral .subscriptions-item ::after { box-sizing: border-box; } #referral .subscriptions-item::before { content: ""; visibility: hidden; width: 94%; height: 400px; position: absolute; top: 25px; left: 3%; border: 1px solid rgb(17, 61, 71); } #referral .subscriptions-item::after { content: ""; display: block; width: 100px; height: 2px; position: absolute; left: 0px; top: 0px; background: rgb(0, 230, 255); } #referral .subscriptions-item .description { padding: 0px 35px; } #referral .subscriptions-item h1 { margin: 0px 0px 45px; text-align: center; position: relative; z-index: 3; visibility: hidden; } #referral .subscriptions-item h2 { position: relative; font: bold 17px / 1.5 Orbitron, sans-serif; text-transform: uppercase; text-align: center; color: rgb(207, 228, 238); text-shadow: rgba(0, 108, 255, 0.55) 0px 0px 8px, rgba(0, 108, 255, 0.55) 0px 0px 8px; margin: 110px 0px 15px; padding: 8px 0px; } #referral .subscriptions-item h2::before, #referral .subscriptions-item h2::after { content: ""; display: block; width: 100%; height: 1px; background: rgb(28, 118, 187); box-shadow: rgba(28, 118, 187, 0.65) 0px -2px 5px 0px, rgba(28, 118, 187, 0.65) 0px 2px 5px 0px; position: absolute; left: 0px; top: 0px; } #referral .subscriptions-item h2::after { top: auto; bottom: 0px; } #referral .subscriptions-item p { font: 17px / 1.25 Electrolize, sans-serif; height: 85px; color: rgb(8, 145, 197); text-align: center; margin: 0px 0px 62px; } #referral .subscriptions-item footer { height: 51px !important; top: -92px; } #referral .subscriptions-item footer::before, #referral .subscriptions-item footer::after { content: " "; display: table; } #referral .subscriptions-item footer::after { clear: both; } #referral .subscriptions-item footer .pricing-info { width: 50%; float: left; position: relative; top: 0px; left: 10px; } #referral .subscriptions-item footer .pricing-info .price-details { font: 12px / 1.25 Electrolize, sans-serif; color: rgb(208, 221, 226); } #referral .subscriptions-item footer .pricing-info .price-wrapper { position: relative; z-index: 2; } #referral .subscriptions-item footer .pricing-info .price-wrapper *, #referral .subscriptions-item footer .pricing-info .price-wrapper ::before, #referral .subscriptions-item footer .pricing-info .price-wrapper ::after { box-sizing: content-box; } #referral .subscriptions-item footer .pricing-info .price { display: inline-block; vertical-align: top; position: relative; text-shadow: none; margin-top: 0px; } #referral .subscriptions-item footer .pricing-info .price, #referral .subscriptions-item footer .pricing-info .price * { font-family: Electrolize, sans-serif; } #referral .subscriptions-item footer .pricing-info .price .final-price { display: block; color: rgb(255, 174, 0); font-size: 26px; font-weight: 400; } #referral .subscriptions-item footer .pricing-info .price .original-price, #referral .subscriptions-item footer .pricing-info .price .discount { display: inline-block; vertical-align: middle; line-height: 1em; } #referral .subscriptions-item footer .pricing-info .price .original-price { text-decoration: none; position: relative; color: rgb(110, 174, 193); font-size: 18px; } #referral .subscriptions-item footer .pricing-info .price .original-price .super .currency { color: inherit; font-size: 11px; } #referral .subscriptions-item footer .pricing-info .price .original-price::after { content: ""; position: absolute; top: 50%; border-top: 1px solid; left: 0px; right: 0px; } #referral .subscriptions-item footer .pricing-info .price .discount { color: rgb(77, 255, 42); font-size: 14px; margin-left: 1em; text-transform: uppercase; } #referral .subscriptions-item footer .pricing-info .price .discount strong { margin-left: 0.3em; font-weight: 400; } #referral .subscriptions-item footer .pricing-info .price .discount .super { font-size: 9px; } #referral .subscriptions-item footer .pricing-info .price .discount .super .currency { color: inherit; } #referral .subscriptions-item footer .pricing-info .price .super { font-size: 14px; vertical-align: text-top; } #referral .subscriptions-item footer .pricing-info .price .super .currency { color: rgb(210, 210, 210); } #referral .subscriptions-item .read-more { color: rgb(255, 255, 255); font: 16px / 25px Electrolize, sans-serif; text-transform: uppercase; display: block; float: right; width: 185px; margin-top: 12px; height: 25px; position: relative; } #referral .subscriptions-item .read-more::before { content: ""; display: block; width: 53px; height: 45px; position: absolute; top: -10px; right: -5px; background: 0px 0px no-repeat; filter: drop-shadow(rgba(28, 118, 187, 0.75) 1px 1px 5px); } @media only screen and (max-width: 765px) { #referral .subscriptions-item { width: 100%; } } #referral .hexs { position: relative; } @media only screen and (max-width: 765px) { #referral .hexs { display: none; } } #referral .hexs .hex { position: absolute; transition-duration: 0.2s; perspective: 1000px; } #referral .hexs .hex.invite { top: -32px; left: 174px; width: 284px; height: 265px; background: center center no-repeat; } @media only screen and (max-width: 1150px) { #referral .hexs .hex.invite { left: 10px; } } #referral .hexs .hex.recruit { margin-left: -157px; left: 50%; top: -45px; width: 314px; height: 291px; background: center center no-repeat; } #referral .hexs .hex.rewards { top: -32px; right: 174px; width: 284px; height: 265px; background: center center no-repeat; } @media only screen and (max-width: 1150px) { #referral .hexs .hex.rewards { right: 10px; } } #referral .hexs .hex:hover { opacity: 0.7; } #referral .referral-field { width: 658px; height: 152px; background: center center no-repeat; margin: 30px auto 0px; position: relative; z-index: 1; } @media only screen and (max-width: 765px) { #referral .referral-field { width: 100%; } } #referral .referral-field .blur { width: 100%; height: 100%; background: center center no-repeat; position: absolute; left: 0px; top: 0px; } #referral .referral-field .avatar { width: 82px; z-index: 5; height: 82px; position: absolute; left: 50%; margin-left: -41px; top: -35px; background: center center no-repeat; } #referral .referral-field .avatar img { border: 2px solid rgb(62, 230, 247); top: 9px; left: 9px; position: absolute; } #referral .referral-field input { z-index: 2; position: relative; width: 100%; height: 100%; font-size: 29px; text-transform: uppercase; color: rgb(254, 248, 197); font-family: Electrolize; text-align: center; background: center center no-repeat; margin: 0px; padding: 0px; border: none; } #referral .referral-field input:focus { box-shadow: none; } #referral .referral-field input::-webkit-input-placeholder { color: rgb(254, 248, 197); } #referral .not-login-in { margin-top: 150px; margin-bottom: -20px; text-align: center; } #referral .not-login-in a { margin: 20px auto 0px; transition-duration: 0.2s; perspective: 1000px; position: relative; width: 297px; height: 131px; display: block; background: left top no-repeat; } #referral .not-login-in a span { transition-duration: 0.2s; perspective: 1000px; padding-top: 24px; color: rgb(67, 237, 248); text-transform: uppercase; font: bold 20px / 20px Orbitron; position: relative; z-index: 10; } #referral .not-login-in a .hover { opacity: 0; transition-duration: 0.2s; perspective: 1000px; z-index: 9; position: absolute; width: 297px; height: 131px; left: 0px; top: 0px; background: right top no-repeat; } #referral .not-login-in a:hover span { text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px; } #referral .not-login-in a:hover .hover { opacity: 1; } #referral .not-login-in span { color: rgb(16, 83, 125); display: block; font-size: 14px; text-transform: uppercase; font-family: Electrolize; } #referral .not-login-in span.or { margin-top: -40px; } #referral .referral-share p { color: rgb(31, 131, 196); font-size: 11px; text-transform: uppercase; text-align: center; font-family: Electrolize; margin: 35px auto 0px; } #referral .referral-share .btn { display: flex; gap: 50px; justify-content: center; margin-top: 25px; } #referral .referral-share .referral-share-social { display: flex; justify-content: center; align-items: center; width: 55px; height: 55px; box-sizing: content-box; background-color: rgb(26, 123, 195); border-radius: 50%; transition: all 0.2s ease 0s; } #referral .referral-share .referral-share-social::after { content: ""; display: block; height: 25px; width: 25px; background-color: rgb(255, 255, 255); } #referral .referral-share .referral-share-social.facebook::after { mask-image: ; } #referral .referral-share .referral-share-social.x::after { mask-image: ; } #referral .referral-share .referral-share-social:hover { background-color: rgb(17, 97, 159); } #referral .description { display: flex; flex-flow: wrap; box-sizing: border-box; justify-content: space-between; width: 950px; margin: 50px auto 0px; } @media only screen and (max-width: 990px) { #referral .description { width: 80%; padding: 0px 10%; margin-bottom: 50px; } } #referral .description .block { width: 250px; box-sizing: border-box; } @media only screen and (max-width: 990px) { #referral .description .block { display: block; width: 100%; padding-bottom: 50px; } } #referral .description .block .title { text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; font: bold 16px / 16px Orbitron; color: rgb(147, 215, 247); text-align: center; text-transform: uppercase; } #referral .description .block p { color: rgb(147, 215, 247); font-size: 14px; font-family: Electrolize; line-height: 20px; text-align: left; } #referral h3 { text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; margin: 0px; padding-top: 20px; font: bold 30px / 105px Orbitron; color: rgb(209, 243, 253); text-align: center; text-transform: uppercase; background: center center no-repeat; } @media only screen and (max-width: 765px) { #referral h3 { font-size: 20px; } } #referral p.recruitment { font-size: 14px; color: rgb(22, 116, 155); text-align: center; width: 650px; margin: -10px auto 50px; line-height: 18px; font-family: Electrolize; } @media only screen and (max-width: 765px) { #referral p.recruitment { width: 100%; margin: -10px 20px 50px; } } #referral h4 { height: 90px; text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; margin: 0px; padding-top: 20px; font: bold 24px / 33px Orbitron; color: rgb(0, 237, 255); text-align: center; text-transform: uppercase; background: center bottom no-repeat; } #referral h4 span { color: rgb(22, 116, 155); font: bold 18px / 18px Orbitron; display: block; text-shadow: none; position: relative; top: -40px; } #referral .leaderboard-table { width: 800px; margin: 40px auto 0px; border: 1px solid rgb(11, 96, 150); background: rgba(0, 0, 0, 0.3); } #referral .leaderboard-table .leaderboard-row { display: flex; height: 75px; } #referral .leaderboard-table .leaderboard-row:not(:last-child) { border-bottom: 1px solid rgb(6, 49, 75); } #referral .leaderboard-table .leaderboard-row.top-row { background-color: rgb(5, 66, 102); box-shadow: rgba(26, 140, 255, 0.5) 0px 0px 60px 0px, rgba(26, 140, 255, 0.5) 0px 0px 60px 0px; border-color: rgb(11, 96, 150); } #referral .leaderboard-table .leaderboard-row.top-row .leaderboard-cell:not(:last-child) { border-color: rgb(11, 96, 150); } #referral .leaderboard-table .leaderboard-row .leaderboard-cell { display: flex; align-items: center; justify-content: center; flex: 1 1 0%; font-family: Electrolize, sans-serif; } #referral .leaderboard-table .leaderboard-row .leaderboard-cell:not(:last-child) { border-right: 1px solid rgb(6, 49, 75); } #referral .leaderboard-table .leaderboard-row .cell-inner { font-family: inherit; } #referral .leaderboard-table .leaderboard-row .leaderboard-rank { max-width: 140px; padding-top: 3px; font-family: Orbitron, sans-serif; font-size: 25px; color: rgb(115, 177, 203); } #referral .leaderboard-table .leaderboard-row .leaderboard-rank.top-rank { color: rgb(255, 255, 255); background-image: ; background-repeat: no-repeat; background-position: center 45%; } #referral .leaderboard-table .leaderboard-row .leaderboard-avatar { max-width: 76px; } #referral .leaderboard-table .leaderboard-row .leaderboard-avatar img { max-height: 75px; max-width: 76px; } #referral .leaderboard-table .leaderboard-row .leaderboard-name { justify-content: flex-start; padding-left: 20px; } #referral .leaderboard-table .leaderboard-row .leaderboard-name .name-displayname { font-family: inherit; font-size: 14px; color: rgb(162, 119, 15); text-transform: uppercase; } #referral .leaderboard-table .leaderboard-row .leaderboard-name .name-nickname { font-family: inherit; font-size: 12px; color: rgb(40, 112, 147); } #referral .leaderboard-table .leaderboard-row .leaderboard-referrals { justify-content: flex-end; padding-right: 20px; } #referral .leaderboard-table .leaderboard-row .leaderboard-referrals .referrals-count { font-family: inherit; font-size: 20px; color: rgb(115, 177, 203); } #referral .leaderboard-table .leaderboard-row .leaderboard-referrals .referrals-unit { font-family: inherit; font-size: 14px; color: rgb(22, 116, 155); } @media only screen and (max-width: 850px) { #referral .leaderboard-table { width: 700px; } #referral .leaderboard-table .leaderboard-row .leaderboard-rank { max-width: 100px; } } @media only screen and (max-width: 765px) { #referral .leaderboard-table { width: 90%; } #referral .leaderboard-table .leaderboard-row .leaderboard-rank { max-width: 75px; } #referral .leaderboard-table .leaderboard-row .leaderboard-referrals { max-width: 110px; } #referral .leaderboard-table .leaderboard-row .leaderboard-name { padding-left: 10px; } } #referral .table { width: 836px; margin: 0px auto; } #referral .table .table-header { height: 82px; position: relative; } #referral .table .table-header .empty { background-color: rgba(0, 0, 0, 0.5); border-top: 1px solid rgb(22, 116, 155); height: 50px; margin-top: 31px; } #referral .table .table-header .label { border-top: 1px solid rgb(22, 116, 155); color: rgb(209, 243, 253); font: bold 22px / 22px Orbitron; position: relative; } @media only screen and (max-width: 765px) { #referral .table .table-header .label { font: bold 15px / 15px Orbitron; } } #referral .table .table-header .label::before, #referral .table .table-header .label::after { position: absolute; content: ""; display: block; top: 0px; } #referral .table .table-header .label::before { width: 0px; height: 0px; border-style: solid; } #referral .table .table-header .label::after { width: 6px; height: 32px; background-color: rgb(67, 237, 248); top: -1px; box-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; } #referral .table .table-header.ranks { float: left; border-right: 1px solid rgb(22, 116, 155); width: 311px; } @media only screen and (max-width: 990px) { #referral .table .table-header.ranks { width: 231px; } } @media only screen and (max-width: 765px) { #referral .table .table-header.ranks { width: 209px; } } #referral .table .table-header.ranks .empty { border-left: 1px solid rgb(22, 116, 155); width: 122px; float: left; } @media only screen and (max-width: 990px) { #referral .table .table-header.ranks .empty { width: 50px; } } @media only screen and (max-width: 765px) { #referral .table .table-header.ranks .empty { width: 49px; } } #referral .table .table-header.ranks .label { float: right; text-align: right; padding: 30px 25px 0px 35px; } #referral .table .table-header.ranks .label::before { border-width: 0px 0px 31px 31px; border-color: transparent transparent rgba(0, 0, 0, 0.5); left: -30px; } #referral .table .table-header.ranks .label::after { transform: skew(-45deg); left: -22px; } #referral .table .table-header.rewards { float: right; border-left: 1px solid rgb(22, 116, 155); width: 493px; } @media only screen and (max-width: 990px) { #referral .table .table-header.rewards { width: 477px; } } @media only screen and (max-width: 765px) { #referral .table .table-header.rewards { width: 209px; } } #referral .table .table-header.rewards .empty { border-right: 1px solid rgb(22, 116, 155); width: 268px; float: right; } @media only screen and (max-width: 990px) { #referral .table .table-header.rewards .empty { width: 250px; } } @media only screen and (max-width: 765px) { #referral .table .table-header.rewards .empty { width: 22px; } } #referral .table .table-header.rewards .label { float: left; text-align: left; padding: 30px 35px 0px 25px; } #referral .table .table-header.rewards .label::before { border-width: 31px 0px 0px 31px; border-color: transparent transparent transparent rgba(0, 0, 0, 0.5); right: -30px; } #referral .table .table-header.rewards .label::after { transform: skew(45deg); right: -22px; } @media only screen and (max-width: 990px) { #referral .table { width: 740px; } } @media only screen and (max-width: 765px) { #referral .table { width: 450px; } } #referral .table * { font-family: Electrolize; } #referral .table .rows { border-right: 1px solid rgb(22, 116, 155); border-left: 1px solid rgb(22, 116, 155); } #referral .table .rows .row { background-color: rgba(0, 0, 0, 0.5); height: 82px; transition-duration: 0.2s; perspective: 1000px; position: relative; border-top: 1px solid rgba(22, 116, 155, 0); border-bottom: 1px solid rgba(22, 116, 155, 0); } #referral .table .rows .row > div { float: left; } #referral .table .rows .row > span { pointer-events: none; width: 109px; height: 178px; position: absolute; display: block; opacity: 0; transition-duration: 0.2s; perspective: 1000px; top: -34px; background: ; } #referral .table .rows .row > span.left { left: -59px; } #referral .table .rows .row > span.right { right: -59px; top: -61px; transform: rotate(180deg); } #referral .table .rows .row:nth-child(2n) { background-color: rgba(18, 101, 172, 0.3); } #referral .table .rows .row .grade { width: 152px; text-align: right; font-size: 18px; color: rgb(115, 177, 203); padding-top: 19px; white-space: nowrap; overflow: hidden; } @media only screen and (max-width: 990px) { #referral .table .rows .row .grade { width: 125px; } } @media only screen and (max-width: 765px) { #referral .table .rows .row .grade { display: none; } } #referral .table .rows .row .grade span { display: block; color: rgb(115, 177, 203); } #referral .table .rows .row .grade span sup { color: rgb(22, 116, 155); font-size: 14px; top: 0px; } #referral .table .rows .row .icon { width: 158px; margin-right: 30px; border-right: 1px solid rgb(22, 116, 155); overflow: hidden; height: 82px; } @media only screen and (max-width: 990px) { #referral .table .rows .row .icon { width: 105px; } } @media only screen and (max-width: 765px) { #referral .table .rows .row .icon { width: 208px; } } #referral .table .rows .row .icon img { float: right; position: relative; top: -7px; width: 98px; height: 96px; } @media only screen and (max-width: 765px) { #referral .table .rows .row .icon img { display: block; margin: 0px auto; float: none; } } #referral .table .rows .row .reward { width: 175px; border-left: 1px solid rgb(22, 116, 155); height: 82px; } #referral .table .rows .row .reward .holder { width: 130px; height: 67px; overflow: hidden; margin: 7px 0px 0px 25px; position: relative; } #referral .table .rows .row .reward .holder img { height: 67px; width: 198px; position: absolute; left: 50%; top: 0px; margin-left: -99px; } #referral .table .rows .row .infos { width: 315px; font-size: 16px; color: rgb(115, 177, 203); padding-top: 10px; } @media only screen and (max-width: 990px) { #referral .table .rows .row .infos { width: 265px; font-size: 14px; } } @media only screen and (max-width: 765px) { #referral .table .rows .row .infos { display: none; } } #referral .table .rows .row .infos span { display: block; font-size: 12px; color: rgb(22, 116, 155); } #referral .table .rows .row:hover, #referral .table .rows .row.active { background-color: rgba(18, 101, 172, 0.5); border-color: rgb(22, 116, 155); } #referral .table .rows .row:hover > span, #referral .table .rows .row.active > span { opacity: 1; } #referral .table .table-footer { height: 30px; background-color: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgb(22, 116, 155); position: relative; } #referral .table .table-footer::before, #referral .table .table-footer::after { position: absolute; content: ""; display: block; top: 0px; } #referral .table .table-footer::before { width: 0px; height: 0px; border-style: solid; } #referral .table .table-footer::after { width: 1px; height: 31px; background-color: rgb(22, 116, 155); } #referral .table .table-footer.ranks { float: left; border-right: 1px solid rgb(22, 116, 155); width: 281px; margin-left: 30px; } @media only screen and (max-width: 990px) { #referral .table .table-footer.ranks { width: 201px; } } @media only screen and (max-width: 765px) { #referral .table .table-footer.ranks { width: 179px; } } #referral .table .table-footer.ranks::before { border-width: 0px 30px 30px 0px; border-color: transparent rgba(0, 0, 0, 0.5) transparent transparent; left: -30px; } #referral .table .table-footer.ranks::after { transform: skew(45deg); left: -15px; } #referral .table .table-footer.rewards { float: right; border-left: 1px solid rgb(22, 116, 155); width: 463px; margin-right: 30px; } @media only screen and (max-width: 990px) { #referral .table .table-footer.rewards { width: 447px; } } @media only screen and (max-width: 765px) { #referral .table .table-footer.rewards { width: 179px; } } #referral .table .table-footer.rewards::before { border-width: 30px 30px 0px 0px; border-color: rgba(0, 0, 0, 0.5) transparent transparent; right: -30px; } #referral .table .table-footer.rewards::after { transform: skew(-45deg); right: -15px; } #referral .fly-now-home-wrapper { width: 100%; position: relative; z-index: 11; overflow: hidden; height: 139px; top: -50px; } #referral .fly-now-home-wrapper::before, #referral .fly-now-home-wrapper::after { content: ""; position: absolute; width: 100%; height: 50px; z-index: 9; } #referral .fly-now-home-wrapper::before { top: 10px; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 80%); } #referral .fly-now-home-wrapper::after { bottom: 5px; background: linear-gradient(rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0) 100%); } #referral .fly-now-home-wrapper .fly-now-home-btn { width: 332px; position: absolute; left: 50%; transform: translateX(-50%); z-index: 10; top: 25px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label { width: 320px; z-index: 15; display: block; position: absolute; left: 50%; height: 61px; transform: translateX(-50%); text-transform: uppercase; text-align: center; top: 21px; text-shadow: rgba(76, 33, 4, 0.79) 0px 0px 13px, rgba(255, 187, 24, 0.6) 0px 0px 32px; user-select: none; transition-duration: 0.3s; perspective: 1000px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label, #referral .fly-now-home-wrapper .fly-now-home-btn .label * { font: 500 24px / 58px Orbitron; color: rgb(255, 239, 199); } #referral .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron { transition-duration: 0.2s; perspective: 1000px; background: rgb(255, 252, 216); } #referral .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron.small.left { right: 32px; box-shadow: rgba(226, 97, 11, 0.8) -12px -5px 25px 3px, rgba(226, 97, 11, 0.85) 0px 0px 13px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron.small.left::before { box-shadow: rgba(251, 169, 40, 0.8) -38px 3px 34px 3px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron.small.left::after { box-shadow: rgba(204, 91, 7, 0.8) -72px 1px 46px 2px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron.small.right { left: 32px; box-shadow: rgba(226, 97, 11, 0.8) 12px -5px 25px 3px, rgba(226, 97, 11, 0.85) 0px 0px 13px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron.small.right::before { box-shadow: rgba(251, 169, 40, 0.8) 38px 3px 34px 3px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron.small.right::after { box-shadow: rgba(204, 91, 7, 0.8) 72px 1px 46px 2px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron.fat.left { left: 43px; box-shadow: rgba(226, 97, 11, 0.8) 12px 5px 25px 3px, rgba(226, 97, 11, 0.85) 0px 0px 13px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron.fat.right { right: 43px; box-shadow: rgba(226, 97, 11, 0.8) -12px 5px 25px 3px, rgba(226, 97, 11, 0.85) 0px 0px 13px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper { filter: drop-shadow(rgba(205, 101, 0, 0.66) 0px 2px 12px); } #referral .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper::before { box-shadow: rgba(251, 169, 40, 0.8) -54px -1px 45px 5px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper::after { box-shadow: rgba(251, 169, 40, 0.8) 54px -1px 45px 5px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line { transition-duration: 0.2s; perspective: 1000px; opacity: 0.9; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line::before, #referral .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line::after { transition-duration: 0.2s; perspective: 1000px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line.top { width: 238px; border-bottom-color: rgb(32, 14, 0); } #referral .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line.top::before { background: linear-gradient(to right, rgb(255, 254, 241) 0%, rgba(224, 132, 0, 0.68) 25%, rgba(201, 77, 0, 0.48) 40%, rgba(201, 77, 0, 0.35) 50%, rgba(201, 77, 0, 0.48) 60%, rgba(224, 132, 0, 0.68) 75%, rgb(255, 254, 241) 100%); } #referral .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line.top::after { width: 284px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line.bottom { width: 198px; border-top-color: rgb(32, 14, 0); } #referral .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line.bottom::before { width: 224px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line.bottom::after { background: linear-gradient(to right, rgb(254, 250, 235) 0%, rgba(224, 132, 0, 0.55) 30%, rgba(207, 77, 13, 0.4) 40%, rgba(207, 77, 13, 0.25) 50%, rgba(207, 77, 13, 0.4) 60%, rgba(224, 132, 0, 0.55) 70%, rgb(254, 250, 235) 100%); } #referral .fly-now-home-wrapper .fly-now-home-btn .label:hover .noise-wrapper { background-image: ; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:active { font-size: 25px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron { background: rgb(255, 254, 241); } #referral .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron.small.left { right: 42px; box-shadow: rgba(226, 97, 11, 0.9) -13px -5px 32px 5px, rgba(226, 97, 11, 0.9) 0px 0px 13px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron.small.left::before { box-shadow: rgba(251, 169, 40, 0.75) -38px 3px 34px 3px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron.small.left::after { box-shadow: rgba(204, 91, 7, 0.75) -72px 1px 46px 2px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron.small.right { left: 42px; box-shadow: rgba(226, 97, 11, 0.9) 13px -5px 32px 5px, rgba(226, 97, 11, 0.9) 0px 0px 13px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron.small.right::before { box-shadow: rgba(251, 169, 40, 0.75) 38px 3px 34px 3px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron.small.right::after { box-shadow: rgba(204, 91, 7, 0.75) 72px 1px 46px 2px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron.fat.left { left: 53px; box-shadow: rgba(226, 97, 11, 0.9) 13px 5px 32px 5px, rgba(226, 97, 11, 0.9) 0px 0px 13px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron.fat.right { right: 53px; box-shadow: rgba(226, 97, 11, 0.9) -13px 5px 32px 5px, rgba(226, 97, 11, 0.9) 0px 0px 13px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:active .line-wrapper { filter: drop-shadow(rgba(205, 101, 0, 0.56) 0px 2px 12px); } #referral .fly-now-home-wrapper .fly-now-home-btn .label:active .line-wrapper::before { box-shadow: rgba(251, 169, 40, 0.75) -50px 1px 77px 1px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:active .line-wrapper::after { box-shadow: rgba(251, 169, 40, 0.75) 50px 1px 77px 1px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:active .line-wrapper .line { opacity: 1; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:active .line-wrapper .line.top { width: 218px; border-bottom-color: rgb(32, 14, 0); } #referral .fly-now-home-wrapper .fly-now-home-btn .label:active .line-wrapper .line.bottom { width: 178px; border-top-color: rgb(32, 14, 0); } #referral .fly-now-home-wrapper .fly-now-home-btn .label:active .line-wrapper .line.bottom::before { width: 204px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label:active .noise-wrapper { background-image: ; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .inner { position: relative; z-index: 20; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper { position: absolute; z-index: 14; transform: translateZ(0px); inset: 0px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron { position: absolute; background: rgb(226, 214, 145); z-index: 15; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron::before, #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron::after { content: ""; position: absolute; display: block; width: 22px; background: 0px 0px; opacity: 0.5; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.left { transform: translateZ(0px) skew(45deg, 0deg); } #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.right { transform: translateZ(0px) skew(-45deg, 0deg); } #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small { top: 1px; height: 12px; transition-duration: 0.2s; perspective: 1000px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small::before, #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small::after { height: 10px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.left { right: 0px; box-shadow: rgb(226, 97, 11) -9px 0px 26px 2px, rgba(226, 97, 11, 0.5) 0px 0px 10px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.left::before, #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.left::after { right: -17px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.left::before { box-shadow: rgba(251, 169, 40, 0.66) -38px 3px 34px 3px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.left::after { box-shadow: rgba(204, 91, 7, 0.66) -72px 1px 46px 2px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.right { left: 0px; box-shadow: rgb(226, 97, 11) 9px 0px 26px 2px, rgba(226, 97, 11, 0.5) 0px 0px 10px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.right::before, #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.right::after { left: -17px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.right::before { box-shadow: rgba(251, 169, 40, 0.66) 38px 3px 34px 3px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.right::after { box-shadow: rgba(204, 91, 7, 0.66) 72px 1px 46px 2px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat { top: 13px; height: 36px; transition-duration: 0.2s; perspective: 1000px; transition-delay: 0s; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat::before, #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat::after { height: 22px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.left { left: 46px; box-shadow: rgb(226, 97, 11) 9px 0px 26px 2px, rgba(226, 97, 11, 0.5) 0px 0px 10px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.left::before, #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.left::after { left: -17px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.left::before { box-shadow: rgba(251, 169, 40, 0.66) 42px 9px 44px 5px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.left::after { box-shadow: rgba(204, 91, 7, 0.66) 79px 2px 36px 0px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.right { right: 46px; box-shadow: rgb(226, 97, 11) -9px 0px 26px 2px, rgba(226, 97, 11, 0.5) 0px 0px 10px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.right::before, #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.right::after { right: -17px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.right::before { box-shadow: rgba(251, 169, 40, 0.66) -42px 9px 44px 5px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.right::after { box-shadow: rgba(204, 91, 7, 0.66) -79px 2px 36px 0px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper { position: absolute; z-index: 13; top: 1px; height: 61px; width: 100%; filter: drop-shadow(rgba(205, 101, 0, 0.25) 0px 2px 3px); } #referral .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper::before, #referral .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper::after { content: ""; position: absolute; opacity: 0.5; display: block; width: 32px; height: 16px; top: 20px; background: 0px 0px; transition-duration: 0.2s; perspective: 1000px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper::before { box-shadow: rgba(251, 169, 40, 0.66) -48px 3px 37px 1px; left: 60px; transform: skew(45deg); } #referral .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper::after { box-shadow: rgba(251, 169, 40, 0.66) 48px 3px 37px 1px; right: 60px; transform: skew(-45deg); } #referral .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line { position: relative; margin: auto; height: 0px; opacity: 0.66; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line::before, #referral .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line::after { content: ""; position: absolute; top: 0px; height: 1px; width: 100%; left: 50%; transform: translateX(-50%); } #referral .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.top { width: 300px; transition-duration: 0.2s; perspective: 1000px; border-bottom: 12px solid rgb(6, 5, 5); border-left: 12px solid transparent; border-right: 12px solid transparent; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.top::before, #referral .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.top::after { transition-duration: 0.2s; perspective: 1000px; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.top::before { background: linear-gradient(to right, rgb(224, 132, 0) 0%, rgb(201, 77, 0) 15%, rgb(92, 39, 2) 30%, rgb(27, 15, 0) 50%, rgb(92, 39, 2) 70%, rgb(201, 77, 0) 85%, rgb(224, 132, 0) 100%); } #referral .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.top::after { width: 260px; top: 12px; background: linear-gradient(to right, rgb(224, 132, 0) 0%, rgba(207, 79, 13, 0.65) 10%, rgba(181, 68, 10, 0.3) 20%, rgba(104, 34, 0, 0) 50%, rgba(181, 68, 10, 0.3) 80%, rgba(207, 79, 13, 0.65) 90%, rgb(224, 132, 0) 100%); } #referral .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.bottom { border-top: 34px solid rgb(6, 5, 5); border-left: 34px solid transparent; border-right: 34px solid transparent; top: 1px; width: 184px; transition-duration: 0.2s; perspective: 1000px; transition-delay: 0s; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.bottom::before, #referral .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.bottom::after { transition-duration: 0.2s; perspective: 1000px; transition-delay: 0s; } #referral .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.bottom::before { top: -11px; width: 200px; left: 50%; transform: translateX(-50%); background: linear-gradient(to right, rgb(224, 132, 0) 0%, rgba(201, 77, 0, 0.86) 10%, rgba(59, 25, 1, 0.72) 20%, rgba(17, 10, 2, 0.3) 50%, rgba(59, 25, 1, 0.72) 80%, rgba(201, 77, 0, 0.86) 90%, rgb(224, 132, 0) 100%); } #referral .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.bottom::after { bottom: 0px; background: linear-gradient(to right, rgb(224, 132, 0) 0%, rgba(207, 77, 13, 0.66) 20%, rgba(89, 40, 6, 0.15) 50%, rgba(207, 77, 13, 0.66) 80%, rgb(224, 132, 0) 100%); } #referral .fly-now-home-wrapper > .line-wrapper { top: 24px; width: 1920px; left: 50%; transform: translateX(-50%); } #referral .fly-now-home-wrapper > .line-wrapper::before, #referral .fly-now-home-wrapper > .line-wrapper::after { content: ""; position: absolute; background: rgba(0, 0, 0, 0.5); height: 23px; width: 100%; top: 35px; border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px 0px; } #referral .fly-now-home-wrapper > .line-wrapper::before { left: -100%; } #referral .fly-now-home-wrapper > .line-wrapper::after { right: -100%; } #referral .fly-now-home-wrapper > .line-wrapper .line.middle { top: 35px; width: 860px; height: 23px; position: absolute; margin-top: 1px; background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.94) 90%, rgb(0, 0, 0) 95%, rgb(0, 0, 0) 100%); } #referral .fly-now-home-wrapper > .line-wrapper .line.middle.left { left: 0px; } #referral .fly-now-home-wrapper > .line-wrapper .line.middle.right { right: 0px; transform: rotateY(180deg); } #referral .fly-now-home-wrapper > .line-wrapper .line.middle::before, #referral .fly-now-home-wrapper > .line-wrapper .line.middle::after { content: ""; position: absolute; height: 1px; } #referral .fly-now-home-wrapper > .line-wrapper .line.middle::before { width: 833px; top: -1px; background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(59, 25, 1) 25%, rgb(201, 77, 0) 55%, rgb(192, 132, 0) 100%); } #referral .fly-now-home-wrapper > .line-wrapper .line.middle::after { width: 860px; top: 23px; background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(59, 25, 1) 40%, rgb(201, 77, 0) 70%, rgb(192, 132, 0) 100%); } #referral .fly-now-home-wrapper .line-wrapper { z-index: 9; position: relative; } #referral .fly-now-home-wrapper .line-wrapper .line { z-index: 10; transform: translateZ(0px); } #referral-contest .lightbox.referralcomp ol.n { list-style-type: lower-alpha; } #referral-contest .lightbox.referralcomp ol.q { list-style-type: lower-roman; } #referral-contest .lightbox.referralcomp ol.f { list-style-type: decimal; } #referral-contest #post-background { position: absolute; opacity: 1; background: center top no-repeat; } #referral-contest #home-background { position: absolute; inset: 0px; background: center bottom no-repeat, center bottom repeat-y; overflow: hidden; } #referral-contest #home-background .bg-home-stars { position: absolute; inset: 0px 0px 750px; background: center bottom repeat-y; } #referral-contest #contentbody { padding-bottom: 800px; } @media only screen and (max-width: 765px) { #referral-contest #contentbody { padding-bottom: 235px; } } #referral-contest #contentbody .wrapper { padding-bottom: 90px; overflow: hidden; max-width: 1110px; } @media only screen and (max-width: 1140px) { #referral-contest #contentbody .wrapper { padding-bottom: 500px; } } #referral-contest .hexs { position: relative; margin-top: 130px; } @media only screen and (max-width: 765px) { #referral-contest .hexs { display: none; } } #referral-contest .hexs .hex-bg { position: absolute; top: -177px; left: -93px; opacity: 0.7; } #referral-contest .hexs .hex-wrapper { display: flex; justify-content: center; } #referral-contest .hexs .hex { transition-duration: 0.2s; perspective: 1000px; width: 215px; height: 265px; margin: 0px -12px; } #referral-contest .hexs .hex.invite { background: center center no-repeat; } @media only screen and (max-width: 1150px) { #referral-contest .hexs .hex.invite { left: 10px; } } #referral-contest .hexs .hex.recruit { position: relative; top: -14px; width: 314px; height: 291px; background: center center no-repeat; } #referral-contest .hexs .hex.rewards { background: center center no-repeat; } @media only screen and (max-width: 1150px) { #referral-contest .hexs .hex.rewards { right: 10px; } } #referral-contest .hexs .hex:hover { opacity: 0.7; } #referral-contest .referral-field { width: 658px; height: 152px; background: center center no-repeat; margin: 100px auto 0px; position: relative; z-index: 1; } @media only screen and (max-width: 765px) { #referral-contest .referral-field { width: 100%; } } #referral-contest .referral-field .blur { width: 100%; height: 100%; background: center center no-repeat; position: absolute; left: 0px; top: 0px; } #referral-contest .referral-field .avatar { width: 82px; z-index: 5; height: 82px; position: absolute; left: 50%; margin-left: -41px; top: -35px; background: center center no-repeat; } #referral-contest .referral-field .avatar img { border: 2px solid rgb(62, 230, 247); top: 9px; left: 9px; position: absolute; } #referral-contest .referral-field input { z-index: 2; position: relative; width: 100%; height: 100%; font-size: 29px; text-transform: uppercase; color: rgb(254, 248, 197); font-family: Electrolize; text-align: center; background: center center no-repeat; margin: 0px; padding: 0px; border: none; } #referral-contest .referral-field input:focus { box-shadow: none; } #referral-contest .referral-field input::-webkit-input-placeholder { color: rgb(254, 248, 197); } #referral-contest .not-login-in { margin-top: 150px; margin-bottom: -20px; text-align: center; } #referral-contest .not-login-in a { margin: 20px auto 0px; transition-duration: 0.2s; perspective: 1000px; position: relative; width: 297px; height: 131px; display: block; background: left top no-repeat; } #referral-contest .not-login-in a span { transition-duration: 0.2s; perspective: 1000px; padding-top: 24px; color: rgb(67, 237, 248); text-transform: uppercase; font: bold 20px / 20px Orbitron; position: relative; z-index: 10; } #referral-contest .not-login-in a .hover { opacity: 0; transition-duration: 0.2s; perspective: 1000px; z-index: 9; position: absolute; width: 297px; height: 131px; left: 0px; top: 0px; background: right top no-repeat; } #referral-contest .not-login-in a:hover span { text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px; } #referral-contest .not-login-in a:hover .hover { opacity: 1; } #referral-contest .not-login-in span { color: rgb(16, 83, 125); display: block; font-size: 14px; text-transform: uppercase; font-family: Electrolize; } #referral-contest .not-login-in span.or { margin-top: -40px; } #referral-contest .referral-share p { color: rgb(31, 131, 196); font-size: 11px; text-transform: uppercase; text-align: center; font-family: Electrolize; margin: 35px auto 0px; } #referral-contest .referral-share .btn { width: 213px; margin: 0px auto; } #referral-contest .referral-share a { display: inline-block; width: 106px; height: 106px; transition-duration: 0.2s; perspective: 1000px; margin-right: -4px; text-align: center; background: no-repeat; } #referral-contest .referral-share a.link { background-position: 0px 0px; } #referral-contest .referral-share a.email { background-position: 0px -109px; } #referral-contest .referral-share a.facebook { background-position: 0px -228px; } #referral-contest .referral-share a.twitter { background-position: 0px -368px; } #referral-contest .referral-share a:hover { opacity: 0.5; } #referral-contest .description { display: flex; flex-flow: wrap; box-sizing: border-box; justify-content: space-between; width: 950px; margin: 50px auto 0px; } @media only screen and (max-width: 990px) { #referral-contest .description { width: 80%; padding: 0px 10%; margin-bottom: 50px; } } #referral-contest .description .block { width: 250px; box-sizing: border-box; } @media only screen and (max-width: 990px) { #referral-contest .description .block { display: block; width: 100%; padding-bottom: 50px; } } #referral-contest .description .block .title { text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; font: bold 16px / 16px Orbitron; color: rgb(147, 215, 247); text-align: center; text-transform: uppercase; } #referral-contest .description .block p { color: rgb(147, 215, 247); font-size: 14px; font-family: Electrolize; line-height: 20px; text-align: left; } #referral-contest h3 { text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; margin: 0px; padding-top: 20px; font: bold 30px / 105px Orbitron; color: rgb(209, 243, 253); text-align: center; text-transform: uppercase; background: center center no-repeat; } @media only screen and (max-width: 765px) { #referral-contest h3 { font-size: 20px; } } #referral-contest p.recruitment { font-size: 14px; color: rgb(22, 116, 155); text-align: center; width: 650px; margin: -10px auto 50px; line-height: 18px; font-family: Electrolize; } @media only screen and (max-width: 765px) { #referral-contest p.recruitment { width: 100%; margin: -10px 20px 50px; } } #referral-contest h4 { height: 90px; text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; margin: 0px; padding-top: 20px; font: bold 24px / 33px Orbitron; color: rgb(0, 237, 255); text-align: center; text-transform: uppercase; background: center bottom no-repeat; } #referral-contest h4 span { color: rgb(22, 116, 155); font: bold 18px / 18px Orbitron; display: block; text-shadow: none; position: relative; top: -40px; } #referral-contest .referral-header { margin-bottom: 65px; } #referral-contest .referral-header h1 { font: bold 28px / 1.25 Orbitron, sans-serif; color: rgb(177, 216, 241); text-shadow: rgba(0, 108, 255, 0.45) -4px -4px 8px, rgba(0, 108, 255, 0.45) 4px 4px 8px; text-transform: uppercase; text-align: center; position: relative; height: 90px; margin: 0px auto; padding-top: 35px; max-width: 1240px; } #referral-contest .referral-header h1 .header-text { display: inline-block; font-family: inherit; } @media only screen and (max-width: 950px) { #referral-contest .referral-header h1 .header-text { width: 60%; } } #referral-contest .referral-header h1::before { content: ""; display: block; width: 50%; height: 100%; position: absolute; top: 0px; left: 0px; background: -70px top / 788px no-repeat; z-index: -1; } #referral-contest .referral-header h1::after { content: ""; display: block; width: 50%; height: 100%; position: absolute; top: 0px; right: 0px; background: -70px top / 788px no-repeat; transform: rotateY(180deg); z-index: -1; } @media only screen and (max-width: 1240px) { #referral-contest .referral-header h1::before { background-position: 70% top; } #referral-contest .referral-header h1::after { background-position: 70% top; } } @media only screen and (max-width: 950px) { #referral-contest .referral-header h1::before { background-position: 50% top; } #referral-contest .referral-header h1::after { background-position: 50% top; } } @media only screen and (max-width: 765px) { #referral-contest .referral-header h1 { font-size: 20px; } } #referral-contest .referral-header .featured-video .placeholder { width: 783px; height: 439px; border: 1px solid rgb(6, 108, 147); margin: 0px auto 30px; position: relative; cursor: pointer; overflow: hidden; } #referral-contest .referral-header .featured-video .placeholder::before { content: ""; display: block; width: 114px; height: 104px; position: absolute; top: 50%; left: 50%; margin: -52px 0px 0px -57px; background: 0px 0px no-repeat; transition: filter 0.2s ease-out 0s, opacity 0.25s linear 0s; } #referral-contest .referral-header .featured-video .placeholder > img { display: block; width: 100%; cursor: pointer; } #referral-contest .referral-header .featured-video .placeholder.playing::before { filter: blur(8px); opacity: 0; } @media only screen and (max-width: 945px) { #referral-contest .referral-header .featured-video .placeholder { width: 90%; height: auto; } } #referral-contest .referral-header .featured-video #video-container { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } #referral-contest .referral-header .featured-video figcaption { width: 845px; font: 17px / 1.25 Electrolize, sans-serif; color: rgb(8, 145, 197); text-align: center; margin: 0px auto; } @media only screen and (max-width: 945px) { #referral-contest .referral-header .featured-video figcaption { width: 90%; } } #referral-contest .contest-button-wrapper { margin-top: 50px; text-align: center; } #referral-contest .contest-button-wrapper .contest-button-link { margin-top: 50px; } #referral-contest .contest-button-wrapper .contest-button-link span { display: block; width: 220px; margin: 0px auto; padding-top: 16px !important; } #referral-contest .table.contest-rewards-table { margin-bottom: 50px; } #referral-contest .table.contest-rewards-table .rows .row { height: auto; } #referral-contest .table.contest-rewards-table .rows .row > span { height: 194px; } #referral-contest .table.contest-rewards-table .rows .row > span.left { top: -16px; } #referral-contest .table.contest-rewards-table .rows .row .grade { text-align: left; padding-left: 40px; } @media only screen and (max-width: 990px) { #referral-contest .table.contest-rewards-table .rows .row .grade { width: 92px; padding-left: 20px; } } #referral-contest .table.contest-rewards-table .rows .row:not(.has-title) .grade { font-size: 28px; } #referral-contest .table.contest-rewards-table .rows .row:not(.has-title) sup { font-size: 18px; } #referral-contest .table.contest-rewards-table .rows .row .title { width: 310px; } #referral-contest .table.contest-rewards-table .rows .row .title span { margin-bottom: 5px; } #referral-contest .table.contest-rewards-table .rows .row .title .infos { padding: 5px; } @media only screen and (max-width: 990px) { #referral-contest .table.contest-rewards-table .rows .row .title { width: 295px; } } #referral-contest .table.contest-rewards-table .rows .row .reward, #referral-contest .table.contest-rewards-table .rows .row .icon { height: 116px; } #referral-contest .table.contest-rewards-table .rows .row .icon { position: relative; width: 118px; text-align: center; } #referral-contest .table.contest-rewards-table .rows .row .icon .icon-text { position: relative; right: -8px; top: 27px; color: rgb(215, 243, 255); font-size: 24px; font-family: Orbitron; font-weight: 700; text-shadow: rgb(0, 110, 224) 0px 0px 15px, rgb(0, 110, 224) 0px 0px 15px, rgb(0, 110, 224) 0px 0px 15px, rgb(0, 110, 224) 0px 0px 15px; } #referral-contest .table.contest-rewards-table .rows .row .icon img { position: absolute; z-index: -1; right: 1px; } @media only screen and (max-width: 765px) { #referral-contest .table.contest-rewards-table .rows .row .icon { width: 208px; } #referral-contest .table.contest-rewards-table .rows .row .icon img { right: 46px; } } #referral-contest .table.contest-rewards-table .rows .row .reward .holder { height: 80px; } #referral-contest .table.contest-rewards-table .rows .row .reward .holder img { height: 75px; width: 128px; left: 79%; top: 7px; } #referral-contest .table.contest-rewards-table .rows .row a { color: rgb(230, 230, 230); } #referral-contest .table.contest-rewards-table .rows .row a:visited { color: rgb(153, 153, 153); } #referral-contest .fine-print { margin: 0px auto 10px; width: 800px; font-size: 11px; color: rgb(31, 131, 196); text-transform: uppercase; } @media only screen and (max-width: 990px) { #referral-contest .fine-print { width: 700px; } } @media only screen and (max-width: 765px) { #referral-contest .fine-print { width: 400px; } } #referral-contest .star-kitten { margin: 0px 10%; display: flex; align-items: flex-start; } #referral-contest .star-kitten img { width: 120px; margin-right: 30px; margin-top: 13px; } #referral-contest .star-kitten p { white-space: pre-line; color: rgb(147, 215, 247); font-size: 17px; font-family: Electrolize; line-height: 24px; } #referral-contest .leaderboard-table { width: 800px; margin: 40px auto 0px; border: 1px solid rgb(11, 96, 150); background: rgba(0, 0, 0, 0.3); } #referral-contest .leaderboard-table .leaderboard-row { display: flex; height: 75px; } #referral-contest .leaderboard-table .leaderboard-row:not(:last-child) { border-bottom: 1px solid rgb(6, 49, 75); } #referral-contest .leaderboard-table .leaderboard-row.top-row { background-color: rgb(5, 66, 102); box-shadow: rgba(26, 140, 255, 0.5) 0px 0px 60px 0px, rgba(26, 140, 255, 0.5) 0px 0px 60px 0px; border-color: rgb(11, 96, 150); } #referral-contest .leaderboard-table .leaderboard-row.top-row .leaderboard-cell:not(:last-child) { border-color: rgb(11, 96, 150); } #referral-contest .leaderboard-table .leaderboard-row .leaderboard-cell { display: flex; align-items: center; justify-content: center; flex: 1 1 0%; font-family: Electrolize, sans-serif; } #referral-contest .leaderboard-table .leaderboard-row .leaderboard-cell:not(:last-child) { border-right: 1px solid rgb(6, 49, 75); } #referral-contest .leaderboard-table .leaderboard-row .cell-inner { font-family: inherit; } #referral-contest .leaderboard-table .leaderboard-row .leaderboard-rank { max-width: 140px; padding-top: 3px; font-family: Orbitron, sans-serif; font-size: 25px; color: rgb(115, 177, 203); } #referral-contest .leaderboard-table .leaderboard-row .leaderboard-rank.top-rank { color: rgb(255, 255, 255); background-image: ; background-repeat: no-repeat; background-position: center 45%; } #referral-contest .leaderboard-table .leaderboard-row .leaderboard-avatar { max-width: 76px; } #referral-contest .leaderboard-table .leaderboard-row .leaderboard-avatar img { max-height: 75px; max-width: 76px; } #referral-contest .leaderboard-table .leaderboard-row .leaderboard-name { justify-content: flex-start; padding-left: 20px; } #referral-contest .leaderboard-table .leaderboard-row .leaderboard-name .name-displayname { font-family: inherit; font-size: 14px; color: rgb(162, 119, 15); text-transform: uppercase; } #referral-contest .leaderboard-table .leaderboard-row .leaderboard-name .name-nickname { font-family: inherit; font-size: 12px; color: rgb(40, 112, 147); } #referral-contest .leaderboard-table .leaderboard-row .leaderboard-referrals { justify-content: flex-end; padding-right: 20px; } #referral-contest .leaderboard-table .leaderboard-row .leaderboard-referrals .referrals-count { font-family: inherit; font-size: 20px; color: rgb(115, 177, 203); } #referral-contest .leaderboard-table .leaderboard-row .leaderboard-referrals .referrals-unit { font-family: inherit; font-size: 14px; color: rgb(22, 116, 155); } @media only screen and (max-width: 850px) { #referral-contest .leaderboard-table { width: 700px; } #referral-contest .leaderboard-table .leaderboard-row .leaderboard-rank { max-width: 100px; } } @media only screen and (max-width: 765px) { #referral-contest .leaderboard-table { width: 90%; } #referral-contest .leaderboard-table .leaderboard-row .leaderboard-rank { max-width: 75px; } #referral-contest .leaderboard-table .leaderboard-row .leaderboard-referrals { max-width: 110px; } #referral-contest .leaderboard-table .leaderboard-row .leaderboard-name { padding-left: 10px; } } #referral-contest .table { width: 836px; margin: 0px auto; } #referral-contest .table .table-header { height: 82px; position: relative; } #referral-contest .table .table-header .empty { background-color: rgba(0, 0, 0, 0.5); border-top: 1px solid rgb(22, 116, 155); height: 50px; margin-top: 31px; } #referral-contest .table .table-header .label { border-top: 1px solid rgb(22, 116, 155); color: rgb(209, 243, 253); font: bold 22px / 22px Orbitron; position: relative; } @media only screen and (max-width: 765px) { #referral-contest .table .table-header .label { font: bold 15px / 15px Orbitron; } } #referral-contest .table .table-header .label::before, #referral-contest .table .table-header .label::after { position: absolute; content: ""; display: block; top: 0px; } #referral-contest .table .table-header .label::before { width: 0px; height: 0px; border-style: solid; } #referral-contest .table .table-header .label::after { width: 6px; height: 32px; background-color: rgb(67, 237, 248); top: -1px; box-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; } #referral-contest .table .table-header.ranks { float: left; border-right: 1px solid rgb(22, 116, 155); width: 311px; } @media only screen and (max-width: 990px) { #referral-contest .table .table-header.ranks { width: 231px; } } @media only screen and (max-width: 765px) { #referral-contest .table .table-header.ranks { width: 209px; } } #referral-contest .table .table-header.ranks .empty { border-left: 1px solid rgb(22, 116, 155); width: 122px; float: left; } @media only screen and (max-width: 990px) { #referral-contest .table .table-header.ranks .empty { width: 50px; } } @media only screen and (max-width: 765px) { #referral-contest .table .table-header.ranks .empty { width: 49px; } } #referral-contest .table .table-header.ranks .label { float: right; text-align: right; padding: 30px 25px 0px 35px; } #referral-contest .table .table-header.ranks .label::before { border-width: 0px 0px 31px 31px; border-color: transparent transparent rgba(0, 0, 0, 0.5); left: -30px; } #referral-contest .table .table-header.ranks .label::after { transform: skew(-45deg); left: -22px; } #referral-contest .table .table-header.rewards { float: right; border-left: 1px solid rgb(22, 116, 155); width: 493px; } @media only screen and (max-width: 990px) { #referral-contest .table .table-header.rewards { width: 477px; } } @media only screen and (max-width: 765px) { #referral-contest .table .table-header.rewards { width: 209px; } } #referral-contest .table .table-header.rewards .empty { border-right: 1px solid rgb(22, 116, 155); width: 268px; float: right; } @media only screen and (max-width: 990px) { #referral-contest .table .table-header.rewards .empty { width: 250px; } } @media only screen and (max-width: 765px) { #referral-contest .table .table-header.rewards .empty { width: 22px; } } #referral-contest .table .table-header.rewards .label { float: left; text-align: left; padding: 30px 35px 0px 25px; } #referral-contest .table .table-header.rewards .label::before { border-width: 31px 0px 0px 31px; border-color: transparent transparent transparent rgba(0, 0, 0, 0.5); right: -30px; } #referral-contest .table .table-header.rewards .label::after { transform: skew(45deg); right: -22px; } @media only screen and (max-width: 990px) { #referral-contest .table { width: 740px; } } @media only screen and (max-width: 765px) { #referral-contest .table { width: 450px; } } #referral-contest .table * { font-family: Electrolize; } #referral-contest .table .rows { border-right: 1px solid rgb(22, 116, 155); border-left: 1px solid rgb(22, 116, 155); } #referral-contest .table .rows .row { background-color: rgba(0, 0, 0, 0.5); height: 82px; transition-duration: 0.2s; perspective: 1000px; position: relative; border-top: 1px solid rgba(22, 116, 155, 0); border-bottom: 1px solid rgba(22, 116, 155, 0); } #referral-contest .table .rows .row > div { float: left; } #referral-contest .table .rows .row > span { pointer-events: none; width: 109px; height: 178px; position: absolute; display: block; opacity: 0; transition-duration: 0.2s; perspective: 1000px; top: -34px; background: ; } #referral-contest .table .rows .row > span.left { left: -59px; } #referral-contest .table .rows .row > span.right { right: -59px; top: -61px; transform: rotate(180deg); } #referral-contest .table .rows .row:nth-child(2n) { background-color: rgba(18, 101, 172, 0.3); } #referral-contest .table .rows .row .grade { width: 152px; text-align: right; font-size: 18px; color: rgb(115, 177, 203); padding-top: 19px; } @media only screen and (max-width: 990px) { #referral-contest .table .rows .row .grade { width: 125px; } } @media only screen and (max-width: 765px) { #referral-contest .table .rows .row .grade { display: none; } } #referral-contest .table .rows .row .grade span { display: block; color: rgb(115, 177, 203); } #referral-contest .table .rows .row .grade span sup { color: rgb(22, 116, 155); font-size: 14px; top: 0px; } #referral-contest .table .rows .row .icon { width: 158px; margin-right: 30px; border-right: 1px solid rgb(22, 116, 155); overflow: hidden; height: 82px; } @media only screen and (max-width: 990px) { #referral-contest .table .rows .row .icon { width: 105px; } } @media only screen and (max-width: 765px) { #referral-contest .table .rows .row .icon { width: 208px; } } #referral-contest .table .rows .row .icon img { float: right; position: relative; top: -7px; width: 98px; height: 96px; } @media only screen and (max-width: 765px) { #referral-contest .table .rows .row .icon img { display: block; margin: 0px auto; float: none; } } #referral-contest .table .rows .row .reward { width: 175px; border-left: 1px solid rgb(22, 116, 155); height: 82px; } #referral-contest .table .rows .row .reward .holder { width: 130px; height: 67px; overflow: hidden; margin: 7px 0px 0px 25px; position: relative; } #referral-contest .table .rows .row .reward .holder img { height: 67px; width: 198px; position: absolute; left: 50%; top: 0px; margin-left: -99px; } #referral-contest .table .rows .row .infos { width: 315px; font-size: 16px; color: rgb(115, 177, 203); padding-top: 10px; } @media only screen and (max-width: 990px) { #referral-contest .table .rows .row .infos { width: 265px; font-size: 14px; } } @media only screen and (max-width: 765px) { #referral-contest .table .rows .row .infos { display: none; } } #referral-contest .table .rows .row .infos span { display: block; font-size: 12px; color: rgb(22, 116, 155); } #referral-contest .table .rows .row:hover, #referral-contest .table .rows .row.active { background-color: rgba(18, 101, 172, 0.5); border-color: rgb(22, 116, 155); } #referral-contest .table .rows .row:hover > span, #referral-contest .table .rows .row.active > span { opacity: 1; } #referral-contest .table .table-footer { height: 30px; background-color: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgb(22, 116, 155); position: relative; } #referral-contest .table .table-footer::before, #referral-contest .table .table-footer::after { position: absolute; content: ""; display: block; top: 0px; } #referral-contest .table .table-footer::before { width: 0px; height: 0px; border-style: solid; } #referral-contest .table .table-footer::after { width: 1px; height: 31px; background-color: rgb(22, 116, 155); } #referral-contest .table .table-footer.ranks { float: left; border-right: 1px solid rgb(22, 116, 155); width: 281px; margin-left: 30px; } @media only screen and (max-width: 990px) { #referral-contest .table .table-footer.ranks { width: 201px; } } @media only screen and (max-width: 765px) { #referral-contest .table .table-footer.ranks { width: 179px; } } #referral-contest .table .table-footer.ranks::before { border-width: 0px 30px 30px 0px; border-color: transparent rgba(0, 0, 0, 0.5) transparent transparent; left: -30px; } #referral-contest .table .table-footer.ranks::after { transform: skew(45deg); left: -15px; } #referral-contest .table .table-footer.rewards { float: right; border-left: 1px solid rgb(22, 116, 155); width: 463px; margin-right: 30px; } @media only screen and (max-width: 990px) { #referral-contest .table .table-footer.rewards { width: 447px; } } @media only screen and (max-width: 765px) { #referral-contest .table .table-footer.rewards { width: 179px; } } #referral-contest .table .table-footer.rewards::before { border-width: 30px 30px 0px 0px; border-color: rgba(0, 0, 0, 0.5) transparent transparent; right: -30px; } #referral-contest .table .table-footer.rewards::after { transform: skew(-45deg); right: -15px; } #referral-contest .fly-now-home-wrapper { width: 100%; position: relative; z-index: 11; overflow: hidden; height: 139px; top: -50px; } #referral-contest .fly-now-home-wrapper::before, #referral-contest .fly-now-home-wrapper::after { content: ""; position: absolute; width: 100%; height: 50px; z-index: 9; } #referral-contest .fly-now-home-wrapper::before { top: 10px; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 80%); } #referral-contest .fly-now-home-wrapper::after { bottom: 5px; background: linear-gradient(rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0) 100%); } #referral-contest .fly-now-home-wrapper .fly-now-home-btn { width: 332px; position: absolute; left: 50%; transform: translateX(-50%); z-index: 10; top: 25px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label { width: 320px; z-index: 15; display: block; position: absolute; left: 50%; height: 61px; transform: translateX(-50%); text-transform: uppercase; text-align: center; top: 21px; text-shadow: rgba(76, 33, 4, 0.79) 0px 0px 13px, rgba(255, 187, 24, 0.6) 0px 0px 32px; user-select: none; transition-duration: 0.3s; perspective: 1000px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label, #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label * { font: 500 24px / 58px Orbitron; color: rgb(255, 239, 199); } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron { transition-duration: 0.2s; perspective: 1000px; background: rgb(255, 252, 216); } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron.small.left { right: 32px; box-shadow: rgba(226, 97, 11, 0.8) -12px -5px 25px 3px, rgba(226, 97, 11, 0.85) 0px 0px 13px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron.small.left::before { box-shadow: rgba(251, 169, 40, 0.8) -38px 3px 34px 3px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron.small.left::after { box-shadow: rgba(204, 91, 7, 0.8) -72px 1px 46px 2px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron.small.right { left: 32px; box-shadow: rgba(226, 97, 11, 0.8) 12px -5px 25px 3px, rgba(226, 97, 11, 0.85) 0px 0px 13px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron.small.right::before { box-shadow: rgba(251, 169, 40, 0.8) 38px 3px 34px 3px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron.small.right::after { box-shadow: rgba(204, 91, 7, 0.8) 72px 1px 46px 2px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron.fat.left { left: 43px; box-shadow: rgba(226, 97, 11, 0.8) 12px 5px 25px 3px, rgba(226, 97, 11, 0.85) 0px 0px 13px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:hover .chevron-wrapper .chevron.fat.right { right: 43px; box-shadow: rgba(226, 97, 11, 0.8) -12px 5px 25px 3px, rgba(226, 97, 11, 0.85) 0px 0px 13px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper { filter: drop-shadow(rgba(205, 101, 0, 0.66) 0px 2px 12px); } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper::before { box-shadow: rgba(251, 169, 40, 0.8) -54px -1px 45px 5px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper::after { box-shadow: rgba(251, 169, 40, 0.8) 54px -1px 45px 5px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line { transition-duration: 0.2s; perspective: 1000px; opacity: 0.9; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line::before, #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line::after { transition-duration: 0.2s; perspective: 1000px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line.top { width: 238px; border-bottom-color: rgb(32, 14, 0); } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line.top::before { background: linear-gradient(to right, rgb(255, 254, 241) 0%, rgba(224, 132, 0, 0.68) 25%, rgba(201, 77, 0, 0.48) 40%, rgba(201, 77, 0, 0.35) 50%, rgba(201, 77, 0, 0.48) 60%, rgba(224, 132, 0, 0.68) 75%, rgb(255, 254, 241) 100%); } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line.top::after { width: 284px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line.bottom { width: 198px; border-top-color: rgb(32, 14, 0); } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line.bottom::before { width: 224px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:hover .line-wrapper .line.bottom::after { background: linear-gradient(to right, rgb(254, 250, 235) 0%, rgba(224, 132, 0, 0.55) 30%, rgba(207, 77, 13, 0.4) 40%, rgba(207, 77, 13, 0.25) 50%, rgba(207, 77, 13, 0.4) 60%, rgba(224, 132, 0, 0.55) 70%, rgb(254, 250, 235) 100%); } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:hover .noise-wrapper { background-image: ; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:active { font-size: 25px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron { background: rgb(255, 254, 241); } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron.small.left { right: 42px; box-shadow: rgba(226, 97, 11, 0.9) -13px -5px 32px 5px, rgba(226, 97, 11, 0.9) 0px 0px 13px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron.small.left::before { box-shadow: rgba(251, 169, 40, 0.75) -38px 3px 34px 3px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron.small.left::after { box-shadow: rgba(204, 91, 7, 0.75) -72px 1px 46px 2px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron.small.right { left: 42px; box-shadow: rgba(226, 97, 11, 0.9) 13px -5px 32px 5px, rgba(226, 97, 11, 0.9) 0px 0px 13px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron.small.right::before { box-shadow: rgba(251, 169, 40, 0.75) 38px 3px 34px 3px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron.small.right::after { box-shadow: rgba(204, 91, 7, 0.75) 72px 1px 46px 2px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron.fat.left { left: 53px; box-shadow: rgba(226, 97, 11, 0.9) 13px 5px 32px 5px, rgba(226, 97, 11, 0.9) 0px 0px 13px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:active .chevron-wrapper .chevron.fat.right { right: 53px; box-shadow: rgba(226, 97, 11, 0.9) -13px 5px 32px 5px, rgba(226, 97, 11, 0.9) 0px 0px 13px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:active .line-wrapper { filter: drop-shadow(rgba(205, 101, 0, 0.56) 0px 2px 12px); } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:active .line-wrapper::before { box-shadow: rgba(251, 169, 40, 0.75) -50px 1px 77px 1px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:active .line-wrapper::after { box-shadow: rgba(251, 169, 40, 0.75) 50px 1px 77px 1px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:active .line-wrapper .line { opacity: 1; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:active .line-wrapper .line.top { width: 218px; border-bottom-color: rgb(32, 14, 0); } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:active .line-wrapper .line.bottom { width: 178px; border-top-color: rgb(32, 14, 0); } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:active .line-wrapper .line.bottom::before { width: 204px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label:active .noise-wrapper { background-image: ; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .inner { position: relative; z-index: 20; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper { position: absolute; z-index: 14; transform: translateZ(0px); inset: 0px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron { position: absolute; background: rgb(226, 214, 145); z-index: 15; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron::before, #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron::after { content: ""; position: absolute; display: block; width: 22px; background: 0px 0px; opacity: 0.5; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.left { transform: translateZ(0px) skew(45deg, 0deg); } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.right { transform: translateZ(0px) skew(-45deg, 0deg); } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small { top: 1px; height: 12px; transition-duration: 0.2s; perspective: 1000px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small::before, #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small::after { height: 10px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.left { right: 0px; box-shadow: rgb(226, 97, 11) -9px 0px 26px 2px, rgba(226, 97, 11, 0.5) 0px 0px 10px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.left::before, #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.left::after { right: -17px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.left::before { box-shadow: rgba(251, 169, 40, 0.66) -38px 3px 34px 3px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.left::after { box-shadow: rgba(204, 91, 7, 0.66) -72px 1px 46px 2px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.right { left: 0px; box-shadow: rgb(226, 97, 11) 9px 0px 26px 2px, rgba(226, 97, 11, 0.5) 0px 0px 10px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.right::before, #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.right::after { left: -17px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.right::before { box-shadow: rgba(251, 169, 40, 0.66) 38px 3px 34px 3px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.small.right::after { box-shadow: rgba(204, 91, 7, 0.66) 72px 1px 46px 2px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat { top: 13px; height: 36px; transition-duration: 0.2s; perspective: 1000px; transition-delay: 0s; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat::before, #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat::after { height: 22px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.left { left: 46px; box-shadow: rgb(226, 97, 11) 9px 0px 26px 2px, rgba(226, 97, 11, 0.5) 0px 0px 10px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.left::before, #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.left::after { left: -17px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.left::before { box-shadow: rgba(251, 169, 40, 0.66) 42px 9px 44px 5px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.left::after { box-shadow: rgba(204, 91, 7, 0.66) 79px 2px 36px 0px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.right { right: 46px; box-shadow: rgb(226, 97, 11) -9px 0px 26px 2px, rgba(226, 97, 11, 0.5) 0px 0px 10px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.right::before, #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.right::after { right: -17px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.right::before { box-shadow: rgba(251, 169, 40, 0.66) -42px 9px 44px 5px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .chevron-wrapper .chevron.fat.right::after { box-shadow: rgba(204, 91, 7, 0.66) -79px 2px 36px 0px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper { position: absolute; z-index: 13; top: 1px; height: 61px; width: 100%; filter: drop-shadow(rgba(205, 101, 0, 0.25) 0px 2px 3px); } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper::before, #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper::after { content: ""; position: absolute; opacity: 0.5; display: block; width: 32px; height: 16px; top: 20px; background: 0px 0px; transition-duration: 0.2s; perspective: 1000px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper::before { box-shadow: rgba(251, 169, 40, 0.66) -48px 3px 37px 1px; left: 60px; transform: skew(45deg); } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper::after { box-shadow: rgba(251, 169, 40, 0.66) 48px 3px 37px 1px; right: 60px; transform: skew(-45deg); } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line { position: relative; margin: auto; height: 0px; opacity: 0.66; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line::before, #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line::after { content: ""; position: absolute; top: 0px; height: 1px; width: 100%; left: 50%; transform: translateX(-50%); } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.top { width: 300px; transition-duration: 0.2s; perspective: 1000px; border-bottom: 12px solid rgb(6, 5, 5); border-left: 12px solid transparent; border-right: 12px solid transparent; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.top::before, #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.top::after { transition-duration: 0.2s; perspective: 1000px; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.top::before { background: linear-gradient(to right, rgb(224, 132, 0) 0%, rgb(201, 77, 0) 15%, rgb(92, 39, 2) 30%, rgb(27, 15, 0) 50%, rgb(92, 39, 2) 70%, rgb(201, 77, 0) 85%, rgb(224, 132, 0) 100%); } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.top::after { width: 260px; top: 12px; background: linear-gradient(to right, rgb(224, 132, 0) 0%, rgba(207, 79, 13, 0.65) 10%, rgba(181, 68, 10, 0.3) 20%, rgba(104, 34, 0, 0) 50%, rgba(181, 68, 10, 0.3) 80%, rgba(207, 79, 13, 0.65) 90%, rgb(224, 132, 0) 100%); } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.bottom { border-top: 34px solid rgb(6, 5, 5); border-left: 34px solid transparent; border-right: 34px solid transparent; top: 1px; width: 184px; transition-duration: 0.2s; perspective: 1000px; transition-delay: 0s; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.bottom::before, #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.bottom::after { transition-duration: 0.2s; perspective: 1000px; transition-delay: 0s; } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.bottom::before { top: -11px; width: 200px; left: 50%; transform: translateX(-50%); background: linear-gradient(to right, rgb(224, 132, 0) 0%, rgba(201, 77, 0, 0.86) 10%, rgba(59, 25, 1, 0.72) 20%, rgba(17, 10, 2, 0.3) 50%, rgba(59, 25, 1, 0.72) 80%, rgba(201, 77, 0, 0.86) 90%, rgb(224, 132, 0) 100%); } #referral-contest .fly-now-home-wrapper .fly-now-home-btn .label .line-wrapper .line.bottom::after { bottom: 0px; background: linear-gradient(to right, rgb(224, 132, 0) 0%, rgba(207, 77, 13, 0.66) 20%, rgba(89, 40, 6, 0.15) 50%, rgba(207, 77, 13, 0.66) 80%, rgb(224, 132, 0) 100%); } #referral-contest .fly-now-home-wrapper > .line-wrapper { top: 24px; width: 1920px; left: 50%; transform: translateX(-50%); } #referral-contest .fly-now-home-wrapper > .line-wrapper::before, #referral-contest .fly-now-home-wrapper > .line-wrapper::after { content: ""; position: absolute; background: rgba(0, 0, 0, 0.5); height: 23px; width: 100%; top: 35px; border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px 0px; } #referral-contest .fly-now-home-wrapper > .line-wrapper::before { left: -100%; } #referral-contest .fly-now-home-wrapper > .line-wrapper::after { right: -100%; } #referral-contest .fly-now-home-wrapper > .line-wrapper .line.middle { top: 35px; width: 860px; height: 23px; position: absolute; margin-top: 1px; background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.94) 90%, rgb(0, 0, 0) 95%, rgb(0, 0, 0) 100%); } #referral-contest .fly-now-home-wrapper > .line-wrapper .line.middle.left { left: 0px; } #referral-contest .fly-now-home-wrapper > .line-wrapper .line.middle.right { right: 0px; transform: rotateY(180deg); } #referral-contest .fly-now-home-wrapper > .line-wrapper .line.middle::before, #referral-contest .fly-now-home-wrapper > .line-wrapper .line.middle::after { content: ""; position: absolute; height: 1px; } #referral-contest .fly-now-home-wrapper > .line-wrapper .line.middle::before { width: 833px; top: -1px; background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(59, 25, 1) 25%, rgb(201, 77, 0) 55%, rgb(192, 132, 0) 100%); } #referral-contest .fly-now-home-wrapper > .line-wrapper .line.middle::after { width: 860px; top: 23px; background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(59, 25, 1) 40%, rgb(201, 77, 0) 70%, rgb(192, 132, 0) 100%); } #referral-contest .fly-now-home-wrapper .line-wrapper { z-index: 9; position: relative; } #referral-contest .fly-now-home-wrapper .line-wrapper .line { z-index: 10; transform: translateZ(0px); } #contentbody.ship-matrix { background: center top / auto repeat, center top / auto no-repeat, center top / 100% repeat, 0% 0% / auto; padding-bottom: 760px; } #ship-matrix { position: relative; z-index: 99; } #contentbody.ship-matrix #ship-matrix-heading { margin: 0px 0px 50px 220px; } @media (max-width: 600px) { #contentbody.ship-matrix #ship-matrix-heading { margin: 0px 50px; } } #contentbody.ship-matrix #ship-matrix-heading .document-title { font-size: 60px; font-weight: 700; color: rgb(0, 235, 255); text-shadow: rgb(0, 116, 194) 0px 0px 50px; margin: 0px; line-height: normal; } #contentbody.ship-matrix #ship-matrix-heading .lastupdated { font-size: 12px; color: rgb(0, 235, 255); } #contentbody.ship-matrix #ship-matrix-heading .lastupdated > strong { color: rgb(255, 255, 255); } #contentbody.ship-matrix #ship-matrix-heading .disclaimer { font-size: 12px; color: rgb(137, 177, 196); margin: 5px 0px 0px; width: 70%; line-height: 18px; } #contentbody.ship-matrix #ship-matrix-heading .disclaimer strong { color: rgb(255, 255, 255); } @keyframes glowLoop { 0% { opacity: 0.8; } 12.5% { opacity: 0.9; } 25% { opacity: 1; } 37.5% { opacity: 0.9; } 50% { opacity: 0.8; } 62.5% { opacity: 0.7; } 75% { opacity: 0.6; } 87.5% { opacity: 0.7; } 100% { opacity: 0.8; } } #statsapp { transition: all 5s ease-out 0s; opacity: 1; max-height: 5000px; padding-top: 0px; overflow: hidden; } #statsapp.initial { max-height: 500px; } #statsapp.initial * { opacity: 0; max-height: 0px; display: none; } #statsapp.initial .loading { opacity: 1; max-height: 400px; display: flex; } #statsapp .loading { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 3rem; margin: 100px 0px; font-weight: 700; color: rgb(0, 235, 255); text-shadow: rgb(0, 116, 194) 0px 0px 50px; line-height: normal; align-items: center; justify-content: center; animation: 1.5s linear 0s infinite normal none running glowLoop; display: none; } #statsapp .c-matrix_filter { display: inline-block; margin-right: 20px; cursor: default; vertical-align: top; } #statsapp .c-matrix_filter__text { position: relative; } #statsapp.specifications-collapsed .statboxcontainer.specifications, #statsapp.propulsions-collapsed .statboxcontainer.propulsions, #statsapp.thrusters-collapsed .statboxcontainer.thrusters, #statsapp.modular-collapsed .statboxcontainer.modular, #statsapp.avionics-collapsed .statboxcontainer.avionics, #statsapp.weapons-collapsed .statboxcontainer.weapons { max-height: 40px; } #statsapp.specifications-collapsed .statboxcontainer.specifications .statbox.heading .intertitle, #statsapp.propulsions-collapsed .statboxcontainer.propulsions .statbox.heading .intertitle, #statsapp.thrusters-collapsed .statboxcontainer.thrusters .statbox.heading .intertitle, #statsapp.modular-collapsed .statboxcontainer.modular .statbox.heading .intertitle, #statsapp.avionics-collapsed .statboxcontainer.avionics .statbox.heading .intertitle, #statsapp.weapons-collapsed .statboxcontainer.weapons .statbox.heading .intertitle { opacity: 0 !important; } #statsapp.specifications-collapsed .statboxcontainer.specifications .js-section-toggle::after, #statsapp.propulsions-collapsed .statboxcontainer.propulsions .js-section-toggle::after, #statsapp.thrusters-collapsed .statboxcontainer.thrusters .js-section-toggle::after, #statsapp.modular-collapsed .statboxcontainer.modular .js-section-toggle::after, #statsapp.avionics-collapsed .statboxcontainer.avionics .js-section-toggle::after, #statsapp.weapons-collapsed .statboxcontainer.weapons .js-section-toggle::after { transform: rotate(-90deg); margin-top: -30px; } #statsapp .statboxcontainer { margin-bottom: 20px; transition: all 0.3s ease 0s; max-height: 2000px; overflow: hidden; background-color: rgba(0, 0, 0, 0.9); background-image: ; background-repeat: repeat; border-width: 1px 0px 1px 1px; border-style: solid; border-color: rgb(32, 76, 122); border-image: initial; } #statsapp .ship:last-child .statboxcontainer { border-right-width: 1px; } #statsapp .statbox { height: 31px; padding: 0px 15px; position: relative; border-bottom: 1px solid rgba(29, 63, 98, 0.6); display: flex; align-items: center; vertical-align: middle; } #statsapp .statbox--tall { height: 60px; } #statsapp .statbox.size { text-transform: capitalize; } #statsapp .statbox .statbox:hover > p.collapsable { } #statsapp .statbox .statbox > p.collapsable > .component-item { margin-right: 5px; display: inline; } #statsapp .statbox.title, #statsapp .statbox.heading { height: 40px; padding-right: 0px; } #statsapp .statbox.title > p, #statsapp .statbox.heading > p { margin-top: 0px; } #statsapp .statbox.title > p { line-height: normal; } #statsapp .statbox.role > p { color: rgb(84, 130, 160); } #statsapp .statbox.title > p > a { transition: all 0.2s ease 0s; } #statsapp .statbox.title > p, #statsapp .statbox.title > p > a { font-family: Electrolize, Arial, Helvetica, sans-serif; font-weight: 700; color: rgb(0, 222, 255); text-transform: uppercase; } #statsapp .statbox.title > p > a:hover { color: rgb(255, 255, 255); } #statsapp .statbox.description { min-height: 220px; overflow: visible; } #statsapp .statbox.production { height: 80px; } #statsapp .statbox .statbox .production_status { text-shadow: rgb(0, 132, 255) 0px 0px 20px; font-family: Electrolize, Arial, Helvetica, sans-serif; font-weight: 700; color: rgb(0, 222, 255); text-transform: uppercase; } #statsapp .statbox .statbox .production_status { color: rgb(228, 159, 85); } #statsapp .statbox .statbox .production_status.ready { color: rgb(67, 160, 74); } #statsapp .statbox.heading > p { font-family: Electrolize, Arial, Helvetica, sans-serif; color: rgb(255, 255, 255); font-size: 15px; font-weight: 700; transition: all 0.2s ease 0s; } #statsapp #statsheadings .statboxcontainer, #statsapp .ship.current .statboxcontainer { background-image: , linear-gradient(to right, rgba(29, 63, 98, 0.35) 0%, rgba(29, 63, 98, 0.35) 14%, rgba(29, 63, 98, 0.3) 22%, rgba(29, 63, 98, 0.24) 37%, rgba(29, 63, 98, 0.09) 74%, rgba(29, 63, 98, 0) 100%); } #statsapp .statbox:nth-child(2n+1) { background-color: rgba(29, 63, 98, 0.3); } #statsapp .statbox p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; vertical-align: middle; line-height: 14px; margin: 0px; position: relative; } #statsapp #statsheadings .statboxcontainer-wrapper:last-child { height: 102px; } #statsapp #statsheadings .statboxcontainer-wrapper { position: relative; } #statsapp #statsheadings .statboxcontainer-wrapper::before, #statsapp #statsheadings .statboxcontainer-wrapper::after { content: ""; width: 873px; height: 22px; position: absolute; top: -7px; left: 274px; background-image: , ; background-position: left top, right top; background-repeat: no-repeat; background-size: auto, 0px; z-index: 2; } #statsapp #statsheadings .statboxcontainer-wrapper::after { top: auto; bottom: -7px; background-size: 0px, auto; transform: rotate(180deg); } #statsapp .modularcontainer .statbox { height: 75px; } #statsapp #statswrapper { width: 100%; height: 663px; position: relative; transition: all 0.3s ease 0s; } #statsapp #appheader, #statsapp #appfooter { position: relative; margin-left: 220px; margin-bottom: 26px; } #statsapp #appheader .holobtn { display: inline-block; margin-right: 20px; cursor: default; } #statsapp #appheader .holobtn:hover .holobtn-top, #statsapp #appheader .holobtn:hover .holobtn-bottom { transform: none; } #statsapp #appheader .holobtn .holobtn-top, #statsapp #appheader .holobtn .holobtn-bottom { opacity: 0.2; color: rgb(101, 177, 219); } #statsapp #appheader .holobtn.active { cursor: pointer; } #statsapp #appheader .holobtn.active .holobtn-top, #statsapp #appheader .holobtn.active .holobtn-bottom { opacity: 1; color: rgb(0, 247, 255); } #statsapp #appheader .holobtn.active:hover .holobtn-top { transform: translate(16px, 0px); } #statsapp #appheader .holobtn.active:hover .holobtn-bottom { transform: translate(11px, -8px); } #statsapp #appheader .shiftbtn { background: 0px 0px no-repeat; width: 43px; height: 48px; display: inline-block; position: relative; vertical-align: top; user-select: none; } #statsapp #appheader .shiftbtn::after { content: ""; background: 0px 0px no-repeat; width: 48px; height: 56px; display: block; position: absolute; top: 0px; left: 0px; opacity: 0; transition: all 0.2s ease 0s; } #statsapp #appheader .shiftbtn:hover::after { opacity: 1; } #statsapp #appheader #shift-left { background-position: 0px -8px; margin-right: 10px; margin-left: 20px; } #statsapp #appheader #shift-right { background-position: -5px -56px; } #statsapp #appheader #shift-left::after { background-position: -48px 0px; top: -8px; } #statsapp #appheader #shift-right::after { background-position: -48px -56px; left: auto; right: 0px; } #statsapp #appheader #shift-left:active::after { left: -8px; } #statsapp #appheader #shift-right:active::after { right: -8px; } #statsapp .statsruler { background-repeat: repeat-x; height: 34px; border-width: 3px; border-color: rgba(13, 117, 177, 0.5); position: relative; } #statsapp .statsruler#statsruler-top { background-image: ; background-position: left bottom; margin-top: 10px; border-top-style: solid; } #statsapp .statsruler#statsruler-bottom { background-image: ; background-position: left top; margin-top: 30px; border-bottom-style: solid; } #statsapp .statsruler .rulernode { background: -58px 0px no-repeat; width: 58px; height: 59px; top: -31px; margin-left: -28px; display: block; } #statsapp .statsruler#statsruler-bottom .rulernode { background-position: -58px -59px; top: auto; bottom: -31px; } #statsapp .statsruler .rulernode::after { content: ""; background: no-repeat; width: 58px; height: 59px; position: absolute; top: 0px; left: 0px; opacity: 0; transition: all 0.2s ease 0s; } #statsapp .statsruler#statsruler-bottom .rulernode::after { background-position: 0px -59px; } #statsapp .statsruler#statsruler-top .rulernode::after { background-position: 0px 0px; } #statsapp .statsruler .rulernode:hover::after, #statsapp .statsruler .rulernode.rulernode-dragging::after { opacity: 1; } #statsapp .statbox p { color: rgb(136, 163, 173); } #statsapp .statbox.title > p, #statsapp #statsheadings .statbox.title > p, #statsapp #statsheadings .statbox.heading > p { color: rgb(111, 216, 255); text-shadow: rgb(0, 132, 255) 0px 0px 20px; text-transform: uppercase; } #statsapp .ship.current .statbox > p { color: rgb(111, 216, 255); text-shadow: rgb(0, 132, 255) 0px 0px 20px; } #statsapp #statsheadings .statbox.heading:hover > p { color: rgb(255, 174, 0) !important; } #statsapp #statsheadings .statbox.heading::after { content: ""; background: center center no-repeat; width: 64px; height: 60px; position: absolute; right: 0px; top: 50%; margin-top: -33px; transition: all 0.2s ease 0s; } #statsapp #statsheadings .sortable { transition: all 0.2s ease 0s; } #statsapp #statsheadings .sortable:hover { background-color: rgba(0, 132, 255, 0.4); } #statsapp #statsheadings .sortable::after { content: ""; background: no-repeat; width: 7px; height: 8px; position: absolute; right: 10px; top: 50%; margin-top: -4px; opacity: 0.2; } #statsapp #statsheadings .active > p { color: lime; } #statsapp #statsheadings .active::after { opacity: 1; } #statsapp #statsheadings .asc::after { transform: rotate(180deg); } #statsapp #statsheadings { position: absolute; width: 281px; height: auto; top: 0px; left: 0px; padding-top: 233px; } #statsapp #statsheadings .statbox { position: relative; user-select: none; } #statsapp #statsheadings .statbox .highlighter { width: 100%; height: 100%; } #statsapp #statsheadings .statbox .highlighter::before { content: ""; width: 0px; height: 100%; display: inline-block; vertical-align: middle; } #statsapp #statsheadings .statbox .highlighter::after { content: ""; background: rgba(3, 102, 15, 0.5); width: 100%; height: 0px; display: inline-block; vertical-align: middle; transition: all 0.3s ease 0s; } #statsapp #statsheadings .statbox.active .highlighter::after { height: 100%; } #statsapp #slidercontainer { height: 100%; margin-left: 281px; position: relative; overflow: hidden; } #statsapp #shipscontainer { position: absolute; width: 7560px; height: 100%; top: 0px; left: 0px; cursor: 8 8, move; } #statsapp #shipscontainer.grabbing { cursor: 8 8, move; } #statsapp .ship { float: left; width: 286px; height: auto; position: relative; transition: background-color 2s ease 0s; } #statsapp .ship.variant-hidden { background-color: rgb(0, 82, 255); } #statsapp .ship.variants-expanded .variantlayers { transform: translate(8px) rotateY(0deg); } #statsapp .ship.variants-expanded .showvariants .raquo { transform: rotateY(-180deg); } #statsapp .ship.variants-expanded .showvariants .text { display: none; } #statsapp .ship.variants-expanded .showvariants .text-hide { display: block; } #statsapp .ship .shipimg, #statsapp .ship .shipimg > img { box-sizing: border-box; } #statsapp .ship .shipimg { margin: 20px 10px 1px; height: 179px; position: relative; display: block; overflow: hidden; opacity: 0.7; } #statsapp .ship.current .statboxcontainer { background-color: rgba(2, 56, 103, 0.2); } #statsapp .ship.current .shipimg { opacity: 1; } #statsapp .ship.current .shipimg::before, #statsapp .ship.current .shipimg::after { content: ""; position: absolute; top: 0px; bottom: 0px; left: -60px; width: 130px; background-image: ; background-repeat: no-repeat; background-position: left bottom 10px; } #statsapp .ship.current .shipimg::after { left: auto; right: -60px; background-position: 0px 10px; transform: rotate(180deg); } #statsapp .ship .shipimg > img { width: 100%; } #statsapp .ship a.shipimg::before { content: ""; background: rgb(0, 133, 255); width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; opacity: 0; transition: opacity 0.2s ease 0s; } #statsapp .ship a.shipimg::after { content: "MORE INFO"; background: rgba(0, 0, 0, 0.7); margin: 0px auto; width: 100%; display: block; padding: 8px 0px; position: absolute; bottom: -35px; left: 0px; font-family: Electrolize, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700; color: rgb(255, 255, 255); text-align: center; transition: bottom 0.2s ease 0s; } #statsapp .ship a.shipimg:hover::before { opacity: 0.4; } #statsapp .ship a.shipimg:hover::after { bottom: 5px; } #statsapp .ship .title > p > a:hover { text-shadow: rgb(116, 150, 255) 0px 0px 25px; } #statsapp .ship .statbox.manufacturer > p { font-family: Electrolize, Arial, Helvetica, sans-serif; font-weight: 700; color: rgb(255, 174, 0); } #statsapp .description, #statsapp .production { padding: 14px; height: 70px; } #statsapp .description::before, #statsapp .production::before { display: none; } #statsapp .description > p, #statsapp #statsapp.production > p { line-height: 16px; max-height: 100%; padding: 6px; box-sizing: border-box; } #statsapp .ship .titlecontainer .statbox:not(.title) > p { font-size: 12px; } #statsapp .ship .actionscontainer .statbox { text-align: center; white-space: nowrap; height: 100px; border-bottom: 0px; } #statsapp .ship.current .actionscontainer .statbox { text-align: left; } #statsapp .ship .actionscontainer .add-to-cart { display: none; vertical-align: top; } #statsapp .ship.current .actionscontainer .add-to-cart { display: inline-block; } #statsapp .ship .actionscontainer .other { display: inline-block; vertical-align: middle; color: rgb(0, 222, 255); font-family: Electrolize, Arial, Helvetica, sans-serif; font-size: 11px; text-shadow: rgb(17, 241, 255) 0px 0px 30px; text-transform: uppercase; opacity: 0.7; transition: opacity 0.15s ease-out 0s; } #statsapp .ship .actionscontainer .other:hover { opacity: 1; } #statsapp .ship .actionscontainer .other::after { content: ""; width: 74px; height: 74px; background: center center no-repeat; display: inline-block; vertical-align: middle; margin-left: -10px; margin-right: -26px; } #statsapp .ship.current .actionscontainer .other { display: none; } #statsapp .ship .statbox.heading > .intertitle { color: rgb(0, 222, 255); text-transform: uppercase; opacity: 0; font-size: 12px; } #statsapp #statsapp.showintertitle .ship .statbox.heading > .intertitle { opacity: 1; } #statsapp .ship .shipcompare { background: rgba(11, 36, 67, 0.7); height: 33px; margin-bottom: 5px; display: block; text-align: right; border-left: 1px solid rgb(28, 82, 117); } #statsapp .ship .shipcompare::before { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0px; margin-left: -4px; } #statsapp .ship .shipcompare > span { font-family: Electrolize, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 12px; color: rgb(0, 222, 255); display: inline-block; vertical-align: middle; margin-right: 20px; } #statsapp .ship .shipcompare:hover, #statsapp .ship.selected .shipcompare { background: rgba(20, 74, 141, 0.7); } #statsapp .ship.selected .shipcompare { border-left: 6px solid rgb(0, 222, 255); } #statsapp .ship.selected .shipcompare > span { margin-right: 210px; } #statsapp .ship.selected .statboxcontainer { background: rgba(0, 122, 255, 0.75); } #statsapp .ship .showvariants { width: 95px; float: right; position: relative; top: 17px; margin-right: 20px; } #statsapp .ship .showvariants .text, #statsapp .ship .showvariants .text-hide { font-family: Electrolize, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 700; color: rgb(255, 255, 255); line-height: 11px; text-align: right; float: right; } #statsapp .ship .showvariants .text-hide { display: none; } #statsapp .ship .showvariants .raquo { width: 20px; height: 100%; display: block; float: right; font-size: 38px; line-height: 18px; color: rgb(255, 255, 0); margin-left: 6px; position: relative; top: -1px; transition: right 0.2s ease 0s; } #statsapp .ship .showvariants:hover .raquo { right: -2px; } #statsapp .ship .showvariants:hover .text { color: rgb(255, 255, 0); } #statsapp .ship .showvariants:hover .text-hide { color: rgb(255, 255, 0); } #statsapp .ship .variantlayers { width: 20px; height: 392px; position: absolute; top: 38px; right: -7px; z-index: 1; transition: transform 0.2s ease 0s; transform: translate(-7px) rotateY(-180deg); } #holo-viewer:-webkit-full-screen-ancestor:not(iframe) { position: relative !important; width: 100% !important; height: 100% !important; padding: 0px !important; } #holo-viewer .holo-container .main-view { position: relative; z-index: 1; margin-top: 30px; border: 1px solid rgb(32, 76, 122); background-color: rgb(0, 0, 0); box-shadow: rgba(139, 243, 255, 0.2) 0px 0px 30px; } #holo-viewer .holo-container .main-view::before, #holo-viewer .holo-container .main-view::after { position: absolute; top: -8px; right: -8px; left: -8px; height: 22px; content: ""; background-image: , ; background-repeat: no-repeat; background-position: left top, right top; } #holo-viewer .holo-container .main-view::after { top: auto; bottom: -8px; transform: rotate(180deg); } #holo-viewer .holo-container .main-view .legend { position: absolute; z-index: 1; top: 45px; right: 15px; } #holo-viewer .holo-container .main-view .legend li { font-size: 11px; display: inline-block; margin-right: 10px; color: rgba(136, 163, 173, 0.4); } #holo-viewer .holo-container .main-view .legend li::before { display: block; width: 10px; height: 5px; margin-bottom: 3px; content: ""; background-color: rgb(0, 87, 119); } #holo-viewer .holo-container .main-view .legend li.available::before { background-color: rgb(37, 110, 25); } #holo-viewer .holo-container .main-view .key-tech-info, #holo-viewer .holo-container .main-view .sheet { position: relative; z-index: 0; display: inline-block; width: 400px; height: 420px; margin-right: 40px; text-align: left; vertical-align: top; } #holo-viewer .holo-container .main-view .key-tech-info { width: 210px; margin-right: 135px; } #holo-viewer .holo-container .main-view .key-tech-info ul { margin-top: 25px; } #holo-viewer .holo-container .main-view .key-tech-info li { display: block; margin-bottom: 10px; } #holo-viewer .holo-container .main-view .key-tech-info label, #holo-viewer .holo-container .main-view .key-tech-info span { font-size: 12px; font-weight: 400; display: block; margin: 0px; color: rgba(136, 163, 173, 0.3); } #holo-viewer .holo-container .main-view .key-tech-info label { margin-bottom: 3px; } #holo-viewer .holo-container .main-view .key-tech-info span { color: rgb(111, 216, 255); text-shadow: rgb(0, 132, 255) 0px 0px 30px; } #holo-viewer .holo-container .main-view .sheet.propulsion { margin-left: -173px; } #holo-viewer .holo-container .main-view .sheet.propulsion h3, #holo-viewer .holo-container .main-view .sheet.propulsion .subtitle { margin-left: 173px; } #holo-viewer .holo-container .main-view .sheet.modular { margin-right: 0px; } #holo-viewer .holo-container .main-view .sheet.modular h3, #holo-viewer .holo-container .main-view .sheet.modular .subtitle { margin-left: 100px; } #holo-viewer .holo-container .main-view .sheet::before { position: absolute; z-index: -1; top: 60px; right: 0px; bottom: 0px; width: 250px; content: ""; background: ; } #holo-viewer .holo-container .main-view .key-tech-info h3, #holo-viewer .holo-container .main-view .sheet h3 { margin: 0px; text-transform: uppercase; } #holo-viewer .holo-container .main-view .key-tech-info .subtitle, #holo-viewer .holo-container .main-view .sheet .subtitle { font-size: 13px; color: rgb(53, 62, 66); } #holo-viewer .holo-container .main-view .sheet .types { margin-top: 25px; } #holo-viewer .holo-container .main-view .sheet .types header, #holo-viewer .holo-container .main-view .sheet .types .rating, #holo-viewer .holo-container .main-view .sheet .types .installed { display: inline-block; vertical-align: middle; } #holo-viewer .holo-container .main-view .sheet .types header { width: 80px; text-align: right; } #holo-viewer .holo-container .main-view .sheet .types header h4, #holo-viewer .holo-container .main-view .sheet .types header .max { font-size: 12px; margin: 0px; } #holo-viewer .holo-container .main-view .sheet .types header .max { color: rgb(53, 63, 66); } #holo-viewer .holo-container .main-view .sheet .types .rating { font-size: 14px; position: relative; width: 60px; height: 50px; margin-left: 10px; padding-top: 17px; text-align: center; color: rgb(189, 219, 249); text-shadow: rgb(0, 108, 255) 0px 0px 25px; } #holo-viewer .holo-container .main-view .sheet .types .rating::before { position: absolute; top: -6px; left: 0px; width: 60px; height: 60px; content: ""; background: center center no-repeat; } #holo-viewer .holo-container .main-view .sheet .types .installed { width: 250px; vertical-align: top; } #holo-viewer .holo-container .main-view .sheet .types .installed li { display: inline-block; width: 50px; height: 50px; vertical-align: top; } #holo-viewer .holo-container .main-view button.point-icon { font-size: 12px; width: 50px; height: 50px; padding-bottom: 33px; text-align: right; background: -100px 1px no-repeat; } #holo-viewer .holo-container .holo-tabs li button:disabled { color: rgb(68, 68, 68); } #holo-viewer .holo-container .main-view .component-details label { text-align: left; } #holo-viewer .holo-container .main-view .component-details li.icon { position: relative; } #holo-viewer .holo-container .main-view .viewport .component-details li.icon::before { position: absolute; top: 0px; bottom: 0px; left: -8px; width: 16px; content: ""; background: left center no-repeat; } #holo-viewer .holo-container .main-view .component-details li.icon > * { height: 50px; padding: 0px; text-align: center; } #holo-viewer .holo-container .main-view .component-details li.icon label::after { display: inline-block; width: 50px; padding: 0px; content: ""; } #holo-viewer .holo-container .main-view .viewport { z-index: -1; inset: 0px; overflow: hidden; perspective: 500px; } #holo-load-container { position: relative; width: 100%; height: 100%; text-align: center; } #holo-load-container .alveoles-prog-loader { position: absolute; display: block; width: 100%; height: 100%; } #holo-load-container .alveoles-prog-loader div { position: absolute; width: 100%; height: 100%; } #holo-load-container .alveoles-prog-loader .image-0 { opacity: 1; background: center center / 107px 101px no-repeat; } #holo-load-container .alveoles-prog-loader .image-1 { opacity: 0; background: center center / 603px 231px no-repeat; } #holo-load-container .alveoles-prog-loader .image-2 { opacity: 0; background: center center / 446px 363px no-repeat; } #holo-load-container .alveoles-prog-loader .image-3 { opacity: 0; background: center center / 989px 466px no-repeat; } #holo-load-container .progress { font-size: 14px; line-height: normal; position: absolute; top: 50%; width: 100%; margin-top: 50px; text-align: center; text-transform: uppercase; color: rgb(0, 231, 255); } #holo-load-container .progress > div { font-size: 14px; line-height: normal; width: 100%; height: 30px; text-align: center; text-transform: uppercase; color: rgb(0, 231, 255); } #holo-load-container progress { bottom: 0px; left: 0px; display: inline-block; width: 300px; height: 7px; border: none; background-color: rgb(9, 114, 132); box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 5px inset; appearance: none; } #holo-load-container progress[value]::-webkit-progress-bar { border-radius: 2px; background-color: rgb(0, 237, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 5px inset; } #holo-load-container progress[value]::-webkit-progress-value { background: rgb(9, 114, 132); } #holo-viewer .holo-container .main-view .viewport .error { position: absolute; top: 50%; left: 50%; display: none; width: 350px; height: 60px; margin: -130px 0px 0px -175px; } #holo-viewer .holo-container .main-view .viewport .error a { font-weight: 700; color: rgb(255, 255, 255); } #holo-viewer .holo-container .main-view .viewport .error span { position: relative; display: block; width: 45px; height: 40px; margin: auto; padding: 30px; background: 7px 50% no-repeat; } #holo-viewer .holo-container .main-view .viewport .component-details li.icon::before { position: absolute; top: 0px; bottom: 0px; left: -8px; width: 16px; content: ""; background: left center no-repeat; } #holo-viewer .holo-container .main-view .component-details .close span { display: none; } #holo-viewer .holo-container .main-view .component-details li:nth-child(2) { border-bottom: 0px; } #holo-viewer .holo-container .main-view .component-details li.icon, #holo-viewer .holo-container .main-view .component-details li:nth-child(3) { border-bottom: 1px solid rgb(29, 63, 98); } #holo-viewer .holo-container .main-view .component-details h3 { display: none; margin-left: 0px; } #holo-viewer .holo-container .info { position: absolute; width: 1096px; height: 200px; margin: -1px auto 0px; padding: 13px 0px; opacity: 0; background: center center no-repeat; } #holo-viewer .holo-container .info-sheet h3 { text-transform: uppercase; } #holo-viewer .holo-container .info-sheet ul { border: 1px solid rgb(29, 63, 98); } #holo-viewer .holo-container .info-sheet ul li { display: block; } #holo-viewer .holo-container .info-sheet ul li:first-child > * { height: 50px; padding: 0px; text-align: center; } #holo-viewer .holo-container .info-sheet ul li > * { display: inline-block; margin: 0px; padding: 5px 20px; vertical-align: top; background-color: rgba(29, 63, 98, 0.1); } #holo-viewer .holo-container .info-sheet ul li:last-child > * { padding-bottom: 15px; } #holo-viewer .holo-container .info-sheet ul li.empty > * { height: 90px; } #holo-viewer .holo-container .info-sheet ul li label { font-weight: 400; width: 145px; text-align: right; color: rgba(136, 163, 173, 0.3); border-right: 1px solid rgb(29, 63, 98); } #holo-viewer .holo-container .info-sheet ul li span { width: 280px; color: rgb(111, 216, 255); background-image: linear-gradient(to right, rgba(25, 55, 85, 0.45) 0%, rgba(23, 49, 76, 0.39) 16%, rgba(29, 63, 98, 0.2) 65%, rgba(5, 11, 17, 0.14) 85%, rgba(0, 0, 0, 0.1) 100%); text-shadow: rgb(0, 132, 255) 0px 0px 30px; } #holo-viewer .holo-container .info-sheet.component-details ul li label { width: 120px; } #holo-viewer .holo-container .info-sheet.component-details ul li span { width: 320px; } #holo-viewer .holo-container .main-view .component-details-container, #holo-viewer .holo-container .viewport .info-sheet.component-details { visibility: hidden; transition: opacity 0.1s ease-out 0s, visibility 0s linear 0.1s, transform 0.2s ease-in 0s; opacity: 0; background-color: transparent; } #holo-viewer .holo-container .main-view .component-details-container.active, #holo-viewer .holo-container .viewport .info-sheet.component-details.active { visibility: visible; transition: opacity 0.2s ease-out 0s, transform 0.8s ease-out 0s; transform: rotateY(-5deg); opacity: 1; } #holo-viewer .holo-container .main-view .component-details-container { position: absolute; inset: 0px; background-color: rgba(0, 0, 0, 0.6); } #holo-viewer .holo-container .info-sheet.component-details ul { background-color: rgba(0, 0, 0, 0.8); } #holo-viewer .holo-container .info-sheet.component-details li:nth-child(2) { border-bottom: 1px solid rgb(29, 63, 98); } #holo-viewer .holo-container .info.viewer-mode::after { position: absolute; z-index: -1; top: 100px; right: 0px; left: 0px; height: 51px; content: ""; background: no-repeat; } #holo-viewer .holo-container .info.viewer-mode > div { display: inline-block; text-align: left; vertical-align: top; } #holo-viewer .holo-container .info.viewer-mode .actions { display: inline-block; height: 100%; vertical-align: top; } #holo-viewer .holo-container .info.viewer-mode .actions button { position: relative; display: block; width: 100%; height: 48px; margin-top: 3px; margin-left: 9px; padding-left: 80px; text-align: left; background: left center no-repeat; } #holo-viewer .holo-container .info.viewer-mode .actions button, #holo-viewer .holo-container .info.viewer-mode .actions button span { transition: all 0.1s ease-out 0s; color: rgba(97, 228, 251, 0.3); } #holo-viewer .holo-container .info.viewer-mode .actions button:first-child { margin-top: 9px; } #holo-viewer .holo-container .info.viewer-mode .actions button::after { position: absolute; inset: 0px 0px 0px -16px; content: ""; transition: opacity 0.1s ease-out 0s; opacity: 0; background: left center no-repeat; } #holo-viewer .holo-container .info.viewer-mode .actions button.active { color: rgb(97, 228, 251); } #holo-viewer .holo-container .info.viewer-mode .actions button.active::after { opacity: 1; } #holo-viewer .holo-container .info.viewer-mode .control-mode h3 { width: 50px; } #holo-viewer .holo-container .info.viewer-mode .control-mode .actions { width: 140px; padding-top: 10px; background: 0px 10px no-repeat; } #holo-viewer .holo-container .info.viewer-mode .control-mode .actions button.free::before { position: absolute; z-index: -1; top: 20px; left: -55px; width: 148px; height: 116px; content: ""; opacity: 0; background: left center no-repeat; } #holo-viewer .holo-container .info.viewer-mode .control-mode .actions button.free.active::before { opacity: 1; } #holo-viewer .holo-container .info.viewer-mode .angle { width: 358px; } #holo-viewer .holo-container .info.viewer-mode .angle h3 { width: 70px; } #holo-viewer .holo-container .info.viewer-mode .angle .actions { position: relative; width: 270px; padding-top: 10px; background: 0px 10px no-repeat; } #holo-viewer .holo-container .info.viewer-mode .angle button { width: 45px; padding: 0px; } #holo-viewer .holo-container .info.viewer-mode .angle button span { position: absolute; top: 17px; left: 72px; padding: 0px 24px; } #holo-viewer .holo-container .info.viewer-mode .angle button.active span { color: rgb(97, 228, 251); } #holo-viewer .holo-container .info.viewer-mode .angle button.active span::after { opacity: 1; } #holo-viewer .holo-container .info.viewer-mode .angle button span::before, #holo-viewer .holo-container .info.viewer-mode .angle button span::after { position: absolute; top: 0px; left: 0px; width: 16px; height: 17px; content: ""; background: -58px -16px no-repeat; } #holo-viewer .holo-container .info.viewer-mode .angle button span::after { opacity: 0; background-image: ; background-position: -74px -31px; } #holo-viewer .holo-container .info.viewer-mode .angle .front, #holo-viewer .holo-container .info.viewer-mode .angle .bottom, #holo-viewer .holo-container .info.viewer-mode .angle .back { margin-left: 67px; } #holo-viewer .holo-container .info.viewer-mode .angle .left, #holo-viewer .holo-container .info.viewer-mode .angle .right, #holo-viewer .holo-container .info.viewer-mode .angle .cockpit, #holo-viewer .holo-container .info.viewer-mode .angle .top { position: absolute; top: 66px; } #holo-viewer .holo-container .info.viewer-mode .angle .cockpit span::before, #holo-viewer .holo-container .info.viewer-mode .angle .cockpit span::after, #holo-viewer .holo-container .info.viewer-mode .angle .left span::before, #holo-viewer .holo-container .info.viewer-mode .angle .left span::after { right: 0px; left: auto; } #holo-viewer .holo-container .info.viewer-mode .angle .top, #holo-viewer .holo-container .info.viewer-mode .angle .cockpit { top: 123px; background: 8px 4px no-repeat; } #holo-viewer .holo-container .info.viewer-mode .actions button.top::after, #holo-viewer .holo-container .info.viewer-mode .actions button.cockpit::after { top: -13px; left: -8px; background: left center no-repeat; } #holo-viewer .holo-container .info.viewer-mode .angle .top { left: 116px; } #holo-viewer .holo-container .info.viewer-mode .angle .front span { top: 17px; left: 60px; } #holo-viewer .holo-container .info.viewer-mode .angle .left span { top: -33px; right: 5px; left: auto; } #holo-viewer .holo-container .info.viewer-mode .angle .cockpit span { top: 10px; right: 55px; left: auto; } #holo-viewer .holo-container .info.viewer-mode .angle .right { margin-left: 125px; } #holo-viewer .holo-container .info.viewer-mode .angle .right span { top: 17px; left: 62px; } #holo-viewer .holo-container .info.viewer-mode .angle .back span, #holo-viewer .holo-container .info.viewer-mode .angle .bottom span { top: -10px; left: 120px; } #holo-viewer .holo-container .info.viewer-mode .angle .top span { top: 12px; left: 62px; } #holo-viewer .holo-container .info.viewer-mode .poi h3 { width: 90px; } #holo-viewer .holo-container .info.viewer-mode .poi .actions { padding-top: 10px; } #holo-viewer .holo-container .info.viewer-mode .render h3 { width: 90px; } #holo-viewer .holo-container .info.viewer-mode .render .actions { padding-top: 10px; background-image: ; background-repeat: no-repeat; background-position: 0px 10px; } .v-primary-fill { fill: rgb(111, 216, 255) !important; stroke: rgb(111, 216, 255) !important; } .v-secondary-fill { fill: rgb(0, 42, 57) !important; stroke: rgb(111, 216, 255) !important; } .v-primary-border { border-color: rgb(29, 63, 98) !important; } .v-primary-font-family, .v-primary-font-family * { font-family: Electrolize, sans-serif, Arial, Verdana; } .v-primary-font-glow { text-shadow: rgb(111, 216, 255) 0px 0px 20px; } .v-primary-font-color { color: rgb(111, 216, 255); } .v-secondary-font-color { color: rgb(118, 150, 174); } #holo-viewer h2 { position: absolute; z-index: 200; top: -40px; right: 0px; left: 0px; margin: 0px; text-align: center; pointer-events: none; } #holo-viewer h2::before, #holo-viewer h2::after, #holo-viewer h2 span { display: inline-block; height: 70px; vertical-align: top; } #holo-viewer h2::before, #holo-viewer h2::after { width: 109px; content: ""; } #holo-viewer h2::before { background: no-repeat; } #holo-viewer h2::after { background: no-repeat; } #holo-viewer h2 span { font-size: 22px; padding-top: 29px; text-transform: uppercase; color: rgb(178, 222, 238); background: repeat-x; } #holo-viewer h4 { font-size: 0.8rem; margin: 0px; opacity: 0.6; color: inherit; filter: grayscale(60%); text-shadow: inherit; } #holo-viewer p { font-size: 0.95rem; margin-top: 0px; color: inherit; opacity: 0.9; filter: grayscale(10%); text-shadow: none; } #holo-viewer button { margin: 0px; padding: 0px; border: 0px; outline: none; background: 0px 0px; } #holo-viewer button.fullscreen { position: absolute; z-index: 2; top: 22px; right: 40px; width: 58px; height: 68px; transition: opacity 0.1s ease-out 0s; opacity: 0.2; background: center center no-repeat; } #holo-viewer button.fullscreen:hover { opacity: 1; } #holo-viewer button.fullscreen span { display: none; } #holo-viewer button.fullscreen.active { opacity: 0.8; } #holo-viewer button.fullscreen .explorer { position: absolute; height: auto; background-color: rgb(0, 0, 0); } #holo-viewer .c-manufacturer { font-size: 12px; position: absolute; z-index: 50; right: 0px; max-width: 25%; left: 0px; color: rgba(111, 216, 255, 0.3); height: 90px; padding: 15px 0px 0px 40px; pointer-events: none; background-image: , linear-gradient(rgb(0, 0, 0) 0%, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.3) 72%, rgba(0, 0, 0, 0.2) 88%, rgba(0, 0, 0, 0) 100%); background-repeat: no-repeat; background-position: left 32px, left top; } #holo-viewer .c-manufacturer__logo { margin-top: 5px; width: 175px; height: 45px; background-repeat: no-repeat; background-size: contain; background-position: 0px 0px; } #holo-viewer .c-manufacturer__heading { margin: 0px; } #holo-viewer .c-manufacturer__name { width: 200px; height: 50px; font-weight: 900; font-size: 1.2em; display: flex; align-items: center; } #holo-viewer .l-sheet { box-sizing: border-box; flex: 1 0 30%; padding: 10px; } #holo-viewer .l-sheet--narrow { flex: 1 0 20%; } #holo-viewer .l-sheet__header { font-size: 0.8rem; margin-top: 24px; padding-bottom: 5px; text-transform: uppercase; color: inherit; border-bottom: 1px solid rgb(16, 38, 61); } #holo-viewer .l-sheet__header:first-of-type { margin-top: 0px; } #holo-viewer .l-sheet__row { margin-bottom: 10px; display: flex; justify-content: space-around; max-height: 40px; } #holo-viewer .l-sheet__row--no-max-height { max-height: none; } #holo-viewer .l-sheet__cell { display: flex; flex-flow: column; justify-content: center; } #holo-viewer .l-sheet__cell--icon { flex: 0 1 30px; } #holo-viewer .l-sheet__cell--label { flex: 1 0 80px; } #holo-viewer .l-sheet__cell--specbox { flex: 1 1 0%; } #holo-viewer .l-sheet__iconblock { background: left center / contain no-repeat red; vertical-align: middle; display: inline-block; width: 20px; margin: 5px 10px 5px 0px; height: 20px; } #holo-viewer .c-specbox { position: relative; width: 48px; height: 55.2px; font-size: 12px; z-index: 0; display: flex; flex-flow: column; font-weight: 100; flex: 0 0 48px; margin: 0px; } #holo-viewer .c-specbox svg { width: 100%; height: 100%; } #holo-viewer .c-specbox > div { cursor: pointer; } #holo-viewer .c-specbox__mounts { width: 20%; position: absolute; text-align: center; font-size: 0.7em; right: 15%; margin-top: 1.75%; color: rgba(0, 0, 0, 0.8); } #holo-viewer .c-specbox__mounts::after { width: 10rem; } #holo-viewer .c-specbox__size { flex: 1 1 55%; place-content: center; text-align: center; display: flex; flex-flow: column; font-size: 1.1em; line-height: 100%; } #holo-viewer .c-specbox__quantity { flex: 1 1 45%; padding-top: 10%; box-sizing: border-box; place-content: center; text-align: center; display: flex; flex-flow: column; font-size: 0.8em; line-height: 100%; } #holo-viewer .c-specbox__quantity::after { width: 10rem; } #holo-viewer .c-specbox__category { width: 20%; position: absolute; text-align: center; font-size: 0.7em; left: 15%; margin-top: 1.75%; color: rgba(0, 0, 0, 0.8); } #holo-viewer .c-specbox__category::after { width: 10rem; } #holo-viewer .c-specbox__background { cursor: default; position: absolute; width: 100%; height: 100%; z-index: -1; background-image: url("data:image/svg+xml;utf8,"); } #holo-viewer .c-specbox__background-quantity, #holo-viewer .c-specbox__background-mounts, #holo-viewer .c-specbox__background-size, #holo-viewer .c-specbox__background-solid, #holo-viewer .c-specbox__background-available, #holo-viewer .c-specbox__background-dot { opacity: 1; transition: all 0.5s ease 0s; } #holo-viewer .c-specbox.no-quantity .c-specbox__background-quantity { opacity: 0; } #holo-viewer .c-specbox.no-quantity .c-specbox__quantity { opacity: 0; display: none; } #holo-viewer .c-specbox.no-mounts .c-specbox__background-mounts { opacity: 0; } #holo-viewer .c-specbox.no-mounts .c-specbox__mounts { opacity: 0; display: none; } #holo-viewer .c-specbox.no-category .c-specbox__background-category { opacity: 0; } #holo-viewer .c-specbox.no-category .c-specbox__category { opacity: 0; display: none; } #holo-viewer .c-specbox.no-size .c-specbox__background-size { opacity: 0; } #holo-viewer .c-specbox.no-size .c-specbox__size { opacity: 0; display: none; } #holo-viewer .c-specbox.no-available .c-specbox__background-available { opacity: 0; } #holo-viewer .c-specbox.no-dot .c-specbox__background-dot { opacity: 0; } #holo-viewer .c-specbox.no-solid .c-specbox__background-solid { opacity: 0; } #holo-viewer .c-specbox.transparent-solid .c-specbox__background-solid { opacity: 0.25; } #holo-viewer .c-legend { padding-top: 25px; flex: 1 1 100%; text-align: right; display: block; position: relative; right: -25px; } #holo-viewer .c-tabs { height: 100%; } #holo-viewer .c-tabs__tab { display: none; height: 100%; padding: 90px 15px 60px; opacity: 0; background-image: ; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; flex-flow: wrap; } @media (max-width: 800px) { #holo-viewer .c-tabs__tab { display: flex; opacity: 1; } } #holo-viewer .c-tabs__tab--holoviewer { padding: 0px; } #holo-viewer .c-tabs__tab--holoviewer .component-details { position: absolute; top: 100px; right: 50px; margin: 0px; } #holo-viewer .c-tabs__tab--active { z-index: 1; display: flex; position: relative; visibility: visible !important; opacity: 1 !important; } #holo-viewer .c-tabs__tab--active button { color: rgb(0, 237, 255); text-shadow: rgb(0, 112, 202) 0px 0px 30px; } #holo-viewer .c-tabs__tab--inbackground { z-index: -1; position: absolute; } #holo-viewer .c-tabs__tab--centered { padding: 100px 40px 60px; } @media (max-width: 800px) { #holo-viewer .c-tabs__tab--centered { padding: 90px 15px 0px; } } #holo-viewer .c-control_tabs { max-width: 1000px; font-size: 14px; position: absolute; z-index: 1; right: 0px; left: 0px; display: flex; margin: -30px auto 0px; text-align: center; justify-content: space-around; padding-left: 0px; } #holo-viewer .c-control_tabs.is-hidden { display: none; } #holo-viewer .c-control_tabs__tab { display: inline-block; width: 300px; height: 41px; background: center top no-repeat; } #holo-viewer .c-control_tabs__tab button { position: relative; width: 100%; height: 41px; padding: 12px 25px; text-transform: uppercase; color: rgb(9, 114, 132); } #holo-viewer .c-control_tabs__tab button::after { position: absolute; top: -46px; left: -85px; width: 470px; height: 87px; content: ""; transition: opacity 0.2s ease-out 0s; pointer-events: none; opacity: 0; background: center center no-repeat; } #holo-viewer .c-control_tabs__tab--active button { color: rgb(0, 237, 255); text-shadow: rgb(0, 112, 202) 0px 0px 30px; } #holo-viewer .c-control_tabs__tab--active button::after { opacity: 1; } @media (max-width: 800px) { #holo-viewer .c-control_tabs { display: none; } } #holo-viewer .l-holo-controls { font-size: 14px; position: relative; z-index: 1; margin-top: -1px; transition: transform 0.1s ease-out 0s; transform: translate3d(0px, 0px, 0px); } #holo-viewer .l-holo-controls.expanded { transform: translate3d(0px, -200px, 0px); } #holo-viewer .l-holo-controls.expanded .info { position: absolute; opacity: 1; right: 0px; left: 0px; } #holo-viewer .holo-container { background-color: transparent; box-sizing: border-box; } #holo-viewer .holo-container .main-view .component-details-container .info-sheet.component-details { top: 130px; left: 400px; } #holo-viewer .holo-container .info-sheet { display: inline-block; text-align: left; vertical-align: top; } #holo-viewer .holo-container .info-sheet .c-popup { margin-left: 375px; } #holo-viewer .c-popup { border: 1px solid; background-color: rgba(0, 0, 0, 0.8); width: 375px; flex-flow: wrap; position: relative; display: flex; } #holo-viewer .c-popup__left, #holo-viewer .c-popup__right { box-sizing: border-box; padding: 10px 20px; justify-content: flex-start; display: flex; flex-flow: row; align-items: flex-end; } #holo-viewer .c-popup__left div, #holo-viewer .c-popup__right div { flex: 1 0 50%; max-width: 50%; } #holo-viewer .c-popup__left div span, #holo-viewer .c-popup__right div span { padding-right: 10px; display: inline-block; } #holo-viewer .c-popup__left div em, #holo-viewer .c-popup__right div em { display: inline-block; text-transform: uppercase; text-shadow: none; filter: grayscale(60%); opacity: 0.6; font-size: 0.7em; line-height: 1em; } #holo-viewer .c-popup__left--border, #holo-viewer .c-popup__right--border { border-bottom: 1px solid; } #holo-viewer .c-popup__left { flex: 1 1 30%; max-width: 30%; background-color: rgba(29, 63, 98, 0.1); flex-flow: column; } #holo-viewer .c-popup__left h4 { opacity: 0.4; text-shadow: none; text-align: right; } #holo-viewer .c-popup__left--icon { flex-flow: row; justify-content: center; padding: 20px 30px 15px; } #holo-viewer .c-popup__left--icon .c-iconed__icon { max-width: 50%; flex: 0 1 50%; } #holo-viewer .c-popup__right { flex: 1 1 70%; max-width: 70%; font-size: 0.9rem; background-image: linear-gradient(to right, rgba(25, 55, 85, 0.45) 0%, rgba(23, 49, 76, 0.39) 16%, rgba(29, 63, 98, 0.2) 65%, rgba(5, 11, 17, 0.14) 85%, rgba(0, 0, 0, 0.1) 100%); } #holo-viewer .c-popup__close { position: absolute; top: 0px; right: 0px; cursor: pointer; width: 32px; height: 32px; transition: opacity 0.2s ease-out 0s; opacity: 0.8; background: no-repeat; } #holo-viewer .c-popup__close:hover { opacity: 1; } #holo-viewer .l-controls { position: relative; opacity: 1; width: 1096px; height: 100%; margin: -1px auto 0px; box-sizing: border-box; padding: 10px 0px; } #holo-viewer .l-controls__section { display: inline-block; height: 100%; text-align: left; vertical-align: top; margin: 0px 10px; } #holo-viewer .l-controls__section--systems { margin-left: 30px; } #holo-viewer .l-controls__section h3 { display: inline-block; margin: 78px 0px 0px; padding-right: 16px; text-align: right; vertical-align: top; text-transform: uppercase; color: rgba(97, 228, 251, 0.5); background: right center no-repeat; } #holo-viewer .c-actionlist { display: inline-block; height: 100%; vertical-align: top; position: relative; background-repeat: no-repeat; } #holo-viewer .c-actionlist--systems { width: 105px; } #holo-viewer .c-actionlist__centered { display: flex; height: 100%; flex-flow: column; vertical-align: middle; justify-content: center; } #holo-viewer .c-actionlist__item { position: relative; display: block; padding: 0px 0px 0px 30px; height: 22px; text-align: left; background-image: ; background-position: -50px 50%; background-repeat: no-repeat; transition: all 0.1s ease-out 0s; color: rgba(97, 228, 251, 0.3); margin-left: 0px; margin-top: 9px; } #holo-viewer .c-actionlist__item.is-active { background-image: ; background-position-x: -65px; } .component-details-container { display: flex; flex-flow: row; justify-content: center; align-items: center; } #devHub { background: rgb(5, 17, 29); color: rgb(105, 152, 182); } #devHub #contentbody { background: center top / auto 710px no-repeat; padding: 70px 0px 0px; } #devHub p { font-family: Electrolize, serif; color: rgb(105, 152, 182); margin: 0px; } #devHub .page-wrapper ul { margin: 0px; padding: 0px; } #devHub .devHub-heading { font-family: Orbitron, serif; text-transform: uppercase; font-weight: 700; letter-spacing: 0.057em; margin: 0px; line-height: 1.3; } #devHub h1.devHub-heading { color: rgb(221, 242, 255); font-size: 34px; } #devHub h2.devHub-heading { color: rgb(170, 216, 235); font-size: 24px; } #devHub .devHub-nav { max-width: 1280px; margin: 70px auto; padding: 0px 20px; } #devHub .devHub-nav ul { display: flex; margin-top: 50px; } @media only screen and (max-width: 990px) { #devHub .devHub-nav ul { display: block; } } #devHub .devHub-nav li { flex: 1 1 0%; } #devHub .devHub-nav li:not(:last-child) { margin-right: 20px; } @media only screen and (max-width: 990px) { #devHub .devHub-nav li:not(:last-child) { margin: 0px 0px 20px; } } #devHub .devHub-nav .devHub-navLink { border-top: 22px solid rgb(5, 38, 62); } #devHub .devHub-nav .devHub-navLink::before { content: ""; display: block; height: 1px; position: absolute; top: -23px; left: 0px; width: 100%; background: linear-gradient(to right, rgb(28, 99, 170), rgb(90, 208, 255)); } #devHub .devHub-nav .devHub-navLink span { top: -22px; } #devHub .devHub-nav .devHub-navLink span::before { display: block; content: ""; height: 0px; left: -44px; position: absolute; border-width: 22px; border-style: solid; border-image: initial; border-color: rgb(5, 38, 62) rgb(5, 38, 62) transparent transparent; } #devHub .devHub-navbox { background: linear-gradient(135deg, rgb(8, 43, 68), rgb(2, 25, 42)); } #devHub .devHub-navbox__wrapper { height: 300px; padding: 30px; background-position: right bottom; background-size: 100%; background-repeat: no-repeat; } @media only screen and (max-width: 990px) { #devHub .devHub-navbox__wrapper { padding: 20px; } } #devHub .devHub-navbox--shipmatrix .devHub-navbox__wrapper, #devHub .devHub-navbox--funding .devHub-navbox__wrapper { background-size: 70%; } #devHub .devHub-navbox--roadmap .devHub-navbox__wrapper { background-image: ; } #devHub .devHub-navbox--issue .devHub-navbox__wrapper { background-image: ; } #devHub .devHub-navbox--telemetry .devHub-navbox__wrapper { background-image: ; } #devHub .devHub-navbox--shipmatrix .devHub-navbox__wrapper { background-image: ; } #devHub .devHub-navbox--funding .devHub-navbox__wrapper { background-image: ; } #devHub .devHub-navLink { display: block; text-align: right; font-size: 17px; position: relative; } #devHub .devHub-navLink span { position: relative; display: inline-block; padding: 0px 15px; height: 44px; line-height: 44px; background: rgb(5, 38, 62); color: rgb(26, 135, 179); font-family: Electrolize, serif; transition: all 0.125s ease-out 0s; } #devHub .devHub-navLink span::after { content: ""; display: inline-block; margin-left: 8px; border-style: solid; border-image: initial; border-width: 6px 0px 6px 6px; border-color: transparent transparent transparent rgb(90, 208, 255); } #devHub .devHub-navLink em { color: rgb(90, 208, 255); font-style: normal; text-transform: uppercase; font-family: Electrolize, serif; } #devHub .devHub-navLink:hover span { color: rgb(255, 255, 255); } #devHub .devHub-section { margin: 70px auto; } #devHub .devHub-section__header { max-width: 1280px; padding-left: 50px; margin: 0px auto; display: flex; flex-wrap: wrap; position: relative; } @media only screen and (max-width: 990px) { #devHub .devHub-section__header { padding-left: 20px; } } #devHub .devHub-section__header::after { content: ""; display: block; position: absolute; height: 22px; right: 0px; top: 22px; transform: translateX(100%); background: rgb(3, 31, 51); width: calc(-640px + 50vw); } #devHub .devHub-section__header .devHub-heading { position: relative; top: 10px; } #devHub .devHub-section .devHub-navLink { margin-left: auto; position: relative; z-index: 1; top: 22px; } #devHub .devHub-section .devHub-navLink span { padding-right: 20px; background-color: rgb(3, 31, 51); } #devHub .devHub-section .devHub-navLink span::before { display: block; content: ""; height: 0px; left: -44px; position: absolute; border-width: 22px; border-style: solid; border-image: initial; border-color: transparent rgb(3, 31, 51) rgb(3, 31, 51) transparent; } #devHub .devHub-section__wrapper { background-color: rgb(3, 31, 51); padding: 40px 0px; } #devHub .devHub-section__wrapper ul { max-width: 1280px; padding: 0px 20px; margin: 0px auto; } #devHub .devHub-patchNotes { display: flex; margin: 0px; padding: 0px; list-style: none; } @media only screen and (max-width: 990px) { #devHub .devHub-patchNotes { display: block; } } #devHub .devHub-patchNotes li { background-color: rgb(5, 38, 62); border-image: 10 fill / 10px / 0 stretch; flex: 1 1 0%; } #devHub .devHub-patchNotes li:not(:last-child) { margin-right: 20px; } @media only screen and (max-width: 990px) { #devHub .devHub-patchNotes li { width: 100%; } #devHub .devHub-patchNotes li:not(:last-child) { margin: 0px 0px 20px; } } #devHub .devHub-patchNotes li a { display: flex; justify-content: center; flex-direction: column; align-items: center; padding: 40px 20px; } #devHub .devHub-patchNotes li a:hover strong { color: rgb(255, 255, 255); } #devHub .devHub-patchNotes li strong { color: rgb(144, 200, 222); text-transform: uppercase; font-family: Electrolize, serif; font-size: 20px; transition: all 0.125s ease-out 0s; } #devHub .devHub-patchNotes li span { color: rgb(26, 135, 179); font-family: Electrolize, serif; font-size: 14px; } #devHub .devHub-devActivities { margin: 0px; padding: 0px; list-style: none; display: flex; } @media only screen and (max-width: 990px) { #devHub .devHub-devActivities { display: block; } } #devHub .devHub-devActivity { max-width: 50%; flex: 1 1 0%; } #devHub .devHub-devActivity:not(:last-child) { margin-right: 20px; } @media only screen and (max-width: 990px) { #devHub .devHub-devActivity { width: 100%; max-width: 100%; } #devHub .devHub-devActivity:not(:last-child) { margin: 0px 0px 40px; } } #devHub .devHub-devActivity__header { background-color: rgb(5, 21, 37); position: relative; padding: 0px 15px; font-size: 12px; margin-top: 18px; } #devHub .devHub-devActivity__header::before, #devHub .devHub-devActivity__header::after { content: ""; display: block; position: absolute; top: -18px; } #devHub .devHub-devActivity__header::before { height: 18px; background: rgb(5, 21, 37); width: 75%; left: 0px; } #devHub .devHub-devActivity__header::after { left: 75%; border-width: 9px; border-style: solid; border-image: initial; border-color: transparent transparent rgb(5, 21, 37) rgb(5, 21, 37); } #devHub .devHub-devActivity__profile { display: flex; font-family: Electrolize, serif; } #devHub .devHub-devActivity__profile p { padding-left: 12px; font-family: inherit; } #devHub .devHub-devActivity__profile p span { font-family: inherit; } #devHub .devHub-devActivity__profile time { font-size: 12px; font-family: inherit; color: rgb(26, 135, 179); margin-left: auto; align-self: center; } #devHub .devHub-devActivity__profile__username { display: block; font-size: 15px; color: rgb(150, 125, 25); } #devHub .devHub-devActivity__profile__handle { font-size: 12px; color: rgb(26, 135, 179); } #devHub .devHub-devActivity__body { background-color: rgb(5, 21, 37); padding: 15px 15px 30px; font-size: 14px; font-family: Electrolize, serif; } #devHub .devHub-devActivity__body a { font-family: inherit; color: rgb(150, 125, 25); transition: all 0.125s ease-out 0s; } #devHub .devHub-devActivity__body a span { font-family: inherit; color: rgb(26, 135, 179); } #devHub .devHub-devActivity__body a:hover { color: rgb(255, 255, 255); } #devHub .devHub-devActivity__body p { margin-top: 5px; font-family: inherit; color: rgb(144, 200, 222); } #rsi-sales-livestream .page-wrapper { overflow-x: hidden; } #rsi-sales-livestream #contentbody { padding-top: 210px; background: 0px 0px; } @media only screen and (max-width: 760px) { #rsi-sales-livestream #contentbody { padding-bottom: 560px; } } #rsi-sales-livestream #contentbody .wrapper { padding: 0px 15px; max-width: 1110px; } @media only screen and (max-width: 1140px) { #rsi-sales-livestream #contentbody .wrapper { max-width: 980px; } } @media only screen and (max-width: 1024px) { #rsi-sales-livestream #contentbody .wrapper { max-width: 1110px; } } #rsi-sales-livestream #post-background { position: absolute; opacity: 0.8; background: 50% top no-repeat; min-width: 1140px; } #rsi-sales-livestream #grid-background { position: absolute; inset: 0px; background: url(data:image/webp;base64,UklGRr4HAABXRUJQVlA4WAoAAAA8AAAAdwAAdwAASUNDUOABAAAAAAHgbGNtcwQgAABtbnRyUkdCIFhZWiAH4gADABQACQAOAB1hY3NwTVNGVAAAAABzYXdzY3RybAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLWhhbmR56b9WWj4BtoMjhVVG90+qAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAApkZXNjAAAA/AAAACRjcHJ0AAABIAAAACJ3dHB0AAABRAAAABRjaGFkAAABWAAAACxyWFlaAAABhAAAABRnWFlaAAABmAAAABRiWFlaAAABrAAAABRyVFJDAAABwAAAACBnVFJDAAABwAAAACBiVFJDAAABwAAAACBtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAYAAAAcAEMAQwAwAABYWVogAAAAAAAA9tYAAQAAAADTLXNmMzIAAAAAAAEMPwAABd3///MmAAAHkAAA/ZL///uh///9ogAAA9wAAMBxWFlaIAAAAAAAAG+gAAA48gAAA49YWVogAAAAAAAAYpYAALeJAAAY2lhZWiAAAAAAAAAkoAAAD4UAALbEcGFyYQAAAAAAAwAAAAJmaQAA8qcAAA1ZAAAT0AAACltBTFBISAAAAAEfICQg3NH9v+ZGRAQnFEWS1BB9IOX04CvjAH0X4J0qov8K2rZhEgLtDonRkbMjY6IxsEoQvNrTnBsMJhAsibG8wd/k74MXUFZQOCCMAQAAEA4AnQEqeAB4AD5tNJdHJCMiISeJIIANiWNu40ACZe5nXfO3NQA9Xn+m/rNrAHoAfoB1mflAasirKD9KOBZcKsVzOjyU2gd+c5w0N8irDa0y0A1fY2uMCAckKfGtp+mY6fha6Z3AWNeLHMBTo+cHCusdjZMUjD/XAAD+6VTh//PzHCXvsMQWzKtv//b2J/Ex7cii/4dLf/q3z/47fd0F/gh/+Rx/8jjs3yLVfu6gGtdy/UhUIctdZSOHkOTAPjOQc7//6Kr5Lw7CAgzwfh2EBAoRg3cMctf2vjlGzqtEbHAvxvzY4GmPHA39zwDowcPVbn3zJD+xx//+ipDTXXXEtBvzYzsjXN51CJzw6+OSe5LuCfJwqOLigZYFepAkz+54yLuqlYvyiI/wmdd4jueHe/1Bn7GVGf46X//ocvApFRVUkinZuLAxsFQ3qSEWDrTOIJK/JZ9KuucKWBs01mHU6zEQ4FF+Y1MIJKOeL1viQhdxn+tfbYXKwtJtUe3p392xiqH4nzGfW8RQAAAARVhJRroAAABFeGlmAABJSSoACAAAAAYAEgEDAAEAAAABAAAAGgEFAAEAAABWAAAAGwEFAAEAAABeAAAAKAEDAAEAAAACAAAAEwIDAAEAAAABAAAAaYcEAAEAAABmAAAAAAAAAEgAAAABAAAASAAAAAEAAAAGAACQBwAEAAAAMDIxMAGRBwAEAAAAAQIDAACgBwAEAAAAMDEwMAGgAwABAAAA//8AAAKgBAABAAAAeAAAAAOgBAABAAAAeAAAAAAAAABYTVAgEgMAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTY1MTk2MDM2RjU0MTFFNEE4ODBDMjFEM0VBMzg3MDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTY1MTk2MDQ2RjU0MTFFNEE4ODBDMjFEM0VBMzg3MDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNjUxOTYwMTZGNTQxMUU0QTg4MEMyMUQzRUEzODcwMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNjUxOTYwMjZGNTQxMUU0QTg4MEMyMUQzRUEzODcwMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg==) center top repeat; } #rsi-sales-livestream #home-background { position: absolute; inset: 0px; background: center bottom no-repeat, center bottom repeat-y; overflow: hidden; } @media only screen and (max-width: 1280px) { #rsi-sales-livestream #home-background { background-image: , ; } } @media only screen and (max-width: 768px) { #rsi-sales-livestream #home-background { background-image: , ; } } @media only screen and (max-width: 500px) { #rsi-sales-livestream #home-background { background-image: , ; } } #rsi-sales-livestream #home-background .bg-home-stars { position: absolute; inset: 0px 0px 750px; background: center bottom repeat-y; } @media only screen and (max-width: 1280px) { #rsi-sales-livestream #home-background .bg-home-stars { background-image: ; } } @media only screen and (max-width: 768px) { #rsi-sales-livestream #home-background .bg-home-stars { background-image: ; } } @media only screen and (max-width: 500px) { #rsi-sales-livestream #home-background .bg-home-stars { background-image: ; } } #rsi-sales-livestream #livestream-sc-logo { position: absolute; left: -75px; top: -45px; width: 148px; height: 182px; background: no-repeat; opacity: 0.8; } #rsi-sales-livestream .cutting-edge-content .sidebar-content { background: rgba(0, 44, 69, 0.5); padding: 20px; } #rsi-sales-livestream .cutting-edge-content .top-info .title { padding: 0px 5px 0px 20px; background: rgba(0, 44, 69, 0.5); position: relative; height: 24px; min-width: 115px; } #rsi-sales-livestream .cutting-edge-content .top-info .title h3 { font-size: 12px; color: rgb(175, 130, 10); text-transform: uppercase; margin: 0px; padding-top: 9px; } #rsi-sales-livestream .cutting-edge-content .top-info .title::before { content: ""; display: block; position: absolute; height: 0px; border-style: solid; bottom: 0px; z-index: 1; border-width: 24px 0px 0px 24px; border-color: transparent transparent transparent rgba(0, 44, 69, 0.5); right: -24px; } #rsi-sales-livestream .cutting-edge-content .bottom-info { float: right; height: 24px; } #rsi-sales-livestream .cutting-edge-content .bottom-info > div::before { content: ""; display: block; position: absolute; height: 0px; border-style: solid; bottom: 0px; z-index: 1; border-width: 0px 24px 24px 0px; border-color: transparent rgba(0, 44, 69, 0.5) transparent transparent; left: -24px; } #rsi-sales-livestream .cutting-edge-content .bottom-info > div .actions { width: 165px; height: 24px; background: rgba(0, 44, 69, 0.5); position: relative; } #rsi-sales-livestream .cutting-edge-content .bottom-info > div .actions .link { display: block; line-height: 7px; float: right; padding-right: 25px; } #rsi-sales-livestream .cutting-edge-content .bottom-info > div .actions .link .arrow { top: -25px; } #rsi-sales-livestream .cutting-edge-content .bottom-info > div .actions .link .label { opacity: 0.4; font-family: Electrolize, Helvetica, Arial, sans-serif; font-size: 12px; color: rgb(44, 121, 159); text-transform: uppercase; transition-duration: 0.3s; perspective: 1000px; } #rsi-sales-livestream .cutting-edge-content:hover .bottom-info > div .actions .link .label { opacity: 1; } #rsi-sales-livestream .glow-hub-title { height: 150px; padding: 0px; } #rsi-sales-livestream .glow-hub-title h1, #rsi-sales-livestream .glow-hub-title h1 a { margin: 10px 0px -5px; } #rsi-sales-livestream .glow-hub-title h2 { color: rgb(255, 255, 255); text-transform: none; font-weight: 400; letter-spacing: 0.03rem; text-shadow: none; } #rsi-sales-livestream .glow-page-title { margin-bottom: 15px; } #rsi-sales-livestream .glow-page-title .link-title { margin-top: 30px; } #rsi-sales-livestream .glow-page-title .link-title::before { height: 20px; } #rsi-sales-livestream .glow-page-title .link-title .link { color: rgb(8, 161, 221); padding-top: 8px; } #rsi-sales-livestream .glow-page-title .link-title .link::after { left: -3px; } #rsi-sales-livestream .glow-page-title .link-title .link:hover { color: rgb(8, 161, 221); } #rsi-sales-livestream .glow-page-title .link-title .link:hover::after { width: 0px; box-shadow: none; } #rsi-sales-livestream .glow-page-title .link-title .link .view-all { font-size: 12px; color: rgb(8, 161, 221); text-shadow: rgba(0, 0, 0, 0.8) -1px 0px 20px, rgba(0, 0, 0, 0.8) -1px 0px 10px; } #rsi-sales-livestream .glow-page-title .link-title .link .view-all:hover { color: rgb(8, 161, 221); } #rsi-sales-livestream .stream-container { float: left; min-height: 675px; margin-bottom: 40px; } @media only screen and (max-width: 1024px) { #rsi-sales-livestream .stream-container { float: none; width: 100%; min-height: 0px; margin-bottom: 40px; } } #rsi-sales-livestream .livestream-stream { margin: 0px auto; width: 735px; } @media only screen and (max-width: 1140px) { #rsi-sales-livestream .livestream-stream { width: 600px; } } @media only screen and (max-width: 1024px) { #rsi-sales-livestream .livestream-stream { width: 735px; } } @media only screen and (max-width: 765px) { #rsi-sales-livestream .livestream-stream { width: 100%; } } #rsi-sales-livestream .livestream-stream .stream-player { width: 100%; height: 0px; padding-bottom: 56.25%; position: relative; } #rsi-sales-livestream .livestream-stream .stream-player iframe, #rsi-sales-livestream .livestream-stream .stream-player object, #rsi-sales-livestream .livestream-stream .stream-player embed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } #rsi-sales-livestream .livestream-stream .stream-text { font-family: Electrolize, Helvetica, Arial, sans-serif; font-size: 18px; line-height: 24px; } #rsi-sales-livestream .livestream-stream .stream-text.light { color: rgb(177, 216, 241); } #rsi-sales-livestream .livestream-stream .stream-text.dark { color: rgb(8, 145, 197); } #rsi-sales-livestream .news-container { float: left; margin-top: -32px; } @media only screen and (max-width: 1024px) { #rsi-sales-livestream .news-container { float: none; margin-top: 0px; width: 100%; } } #rsi-sales-livestream .livestream-news { margin: 0px auto 40px; width: 735px; } @media only screen and (max-width: 1140px) { #rsi-sales-livestream .livestream-news { width: 600px; } } @media only screen and (max-width: 1024px) { #rsi-sales-livestream .livestream-news { width: 735px; } } @media only screen and (max-width: 765px) { #rsi-sales-livestream .livestream-news { width: 100%; } } #rsi-sales-livestream .livestream-news .livestream-news-item { display: flex; margin-bottom: 30px; } #rsi-sales-livestream .livestream-news .livestream-news-item .news-item-img { flex: 0 0 auto; height: 164px; width: 222px; margin-right: 24px; background-size: cover; background-position: center center; position: relative; } #rsi-sales-livestream .livestream-news .livestream-news-item .news-item-img .news-overlay { height: 100%; width: 100%; background: rgba(31, 114, 173, 0.2); opacity: 1; transition: opacity 0.2s ease-in 0s; } #rsi-sales-livestream .livestream-news .livestream-news-item .news-item-img .glow-corners.top-corners { top: 15px; } #rsi-sales-livestream .livestream-news .livestream-news-item .news-item-img .glow-corners.bottom-corners { bottom: 24px; } #rsi-sales-livestream .livestream-news .livestream-news-item .news-item-img .glow-corners::before { left: 15px; } #rsi-sales-livestream .livestream-news .livestream-news-item .news-item-img .glow-corners::after { right: 15px; } #rsi-sales-livestream .livestream-news .livestream-news-item .news-item-details { flex: 1 1 auto; height: 164px; border-bottom: 1px solid rgb(0, 44, 69); } #rsi-sales-livestream .livestream-news .livestream-news-item .news-item-details h2 { margin: 0px; font-size: 24px; color: rgb(68, 212, 248); text-transform: uppercase; text-shadow: rgba(0, 106, 255, 0.5) 0px 0px 15px, rgba(0, 106, 255, 0.5) 0px 0px 15px; transition: text-shadow 0.3s ease-in 0s, color 0.3s ease-in 0s; } #rsi-sales-livestream .livestream-news .livestream-news-item .news-item-details h4 { margin: 0px; font-size: 12px; color: rgb(68, 212, 248); text-transform: uppercase; text-shadow: none; transition: text-shadow 0.3s ease-in 0s, color 0.3s ease-in 0s; } #rsi-sales-livestream .livestream-news .livestream-news-item .news-item-details p { margin-top: 10px; font-family: Electrolize, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; color: rgb(177, 216, 241); } #rsi-sales-livestream .livestream-news .livestream-news-item:hover .news-item-img .news-overlay { opacity: 0; } #rsi-sales-livestream .livestream-news .livestream-news-item:hover .news-item-img .glow-corners.top-corners { top: -3px; } #rsi-sales-livestream .livestream-news .livestream-news-item:hover .news-item-img .glow-corners.bottom-corners { bottom: 6px; } #rsi-sales-livestream .livestream-news .livestream-news-item:hover .news-item-img .glow-corners::before { left: -3px; } #rsi-sales-livestream .livestream-news .livestream-news-item:hover .news-item-img .glow-corners::after { right: -3px; } #rsi-sales-livestream .livestream-news .livestream-news-item:hover .news-item-details h2 { color: rgb(153, 235, 255); text-shadow: rgba(0, 106, 255, 0.9) 0px 0px 16px, rgba(0, 106, 255, 0.9) 0px 0px 16px; } #rsi-sales-livestream .livestream-news .livestream-news-item:hover .news-item-details h4 { color: rgb(104, 223, 253); text-shadow: rgba(0, 127, 255, 0.4) 0px 0px 12px, rgba(0, 127, 255, 0.4) 0px 0px 12px; } #rsi-sales-livestream .chat-schedule-container { margin-top: 26px; width: 360px; float: right; } @media only screen and (max-width: 1024px) { #rsi-sales-livestream .chat-schedule-container { width: 740px; float: none; margin: 0px auto; } } @media only screen and (max-width: 780px) { #rsi-sales-livestream .chat-schedule-container { width: 360px; } } @media only screen and (max-width: 780px) { #rsi-sales-livestream .chat-schedule-container { width: 360px; } } #rsi-sales-livestream .livestream-schedule { width: 360px; margin-top: -6px; } @media only screen and (max-width: 1024px) { #rsi-sales-livestream .livestream-schedule { margin-top: 0px; float: right; } } #rsi-sales-livestream .livestream-schedule .top-info .title { min-width: 138px; } #rsi-sales-livestream .livestream-schedule .livestream-event { display: block; margin-bottom: 20px; } #rsi-sales-livestream .livestream-schedule .livestream-event .date { margin: 0px; color: rgb(132, 128, 96); font-family: Orbitron, Verdana, Arial, sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 2px; text-shadow: rgba(202, 71, 0, 0.6) 0px 3px 40px, rgba(255, 118, 17, 0.6) 0px 0px 6px; } #rsi-sales-livestream .livestream-schedule .livestream-event .title { color: rgb(217, 207, 152); margin: 4px 0px 0px; font-family: Orbitron, Verdana, Arial, sans-serif; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; text-shadow: rgba(255, 118, 17, 0.72) 0px 0px 10px, rgba(255, 118, 17, 0.72) 0px 0px 10px; } #rsi-sales-livestream .livestream-schedule .livestream-event .subtitle { margin: 1px 0px 0px; color: rgb(132, 128, 96); font-family: Orbitron, Verdana, Arial, sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 2px; text-shadow: none; } #rsi-sales-livestream .livestream-schedule .livestream-event:last-child { margin-bottom: 0px; } #gamescom2016 .page-wrapper { overflow-x: hidden; } @media only screen and (max-width: 760px) { #gamescom2016 #contentbody { padding-bottom: 560px; } } #gamescom2016 #contentbody .wrapper { padding: 0px 15px; max-width: 1110px; } @media only screen and (max-width: 1140px) { #gamescom2016 #contentbody .wrapper { max-width: 980px; } } @media only screen and (max-width: 1024px) { #gamescom2016 #contentbody .wrapper { max-width: 1110px; } } #gamescom2016 #post-background { position: absolute; opacity: 0.7; background: center top no-repeat; min-width: 1140px; } @media only screen and (max-width: 1140px) { #gamescom2016 #post-background { min-width: 1010px; background-position-x: calc(50% + 67.5px); } } #gamescom2016 #home-background { position: absolute; inset: 0px; background: center bottom no-repeat, center bottom repeat-y; overflow: hidden; } @media only screen and (max-width: 1280px) { #gamescom2016 #home-background { background-image: , ; } } @media only screen and (max-width: 768px) { #gamescom2016 #home-background { background-image: , ; } } @media only screen and (max-width: 500px) { #gamescom2016 #home-background { background-image: , ; } } #gamescom2016 #home-background .bg-home-stars { position: absolute; inset: 0px 0px 750px; background: center bottom repeat-y; } @media only screen and (max-width: 1280px) { #gamescom2016 #home-background .bg-home-stars { background-image: ; } } @media only screen and (max-width: 768px) { #gamescom2016 #home-background .bg-home-stars { background-image: ; } } @media only screen and (max-width: 500px) { #gamescom2016 #home-background .bg-home-stars { background-image: ; } } #gamescom2016 .cutting-edge-content .sidebar-content { background: rgba(0, 44, 69, 0.5); padding: 20px; } #gamescom2016 .cutting-edge-content .top-info .title { padding: 0px 5px 0px 20px; background: rgba(0, 44, 69, 0.5); position: relative; height: 24px; min-width: 115px; } #gamescom2016 .cutting-edge-content .top-info .title h3 { font-size: 12px; color: rgb(175, 130, 10); text-transform: uppercase; margin: 0px; padding-top: 9px; } #gamescom2016 .cutting-edge-content .top-info .title::before { content: ""; display: block; position: absolute; height: 0px; border-style: solid; bottom: 0px; z-index: 1; border-width: 24px 0px 0px 24px; border-color: transparent transparent transparent rgba(0, 44, 69, 0.5); right: -24px; } #gamescom2016 .cutting-edge-content .bottom-info { float: right; height: 24px; } #gamescom2016 .cutting-edge-content .bottom-info > div::before { content: ""; display: block; position: absolute; height: 0px; border-style: solid; bottom: 0px; z-index: 1; border-width: 0px 24px 24px 0px; border-color: transparent rgba(0, 44, 69, 0.5) transparent transparent; left: -24px; } #gamescom2016 .cutting-edge-content .bottom-info > div .actions { width: 165px; height: 24px; background: rgba(0, 44, 69, 0.5); position: relative; } #gamescom2016 .cutting-edge-content .bottom-info > div .actions .link { display: block; line-height: 7px; float: right; padding-right: 25px; } #gamescom2016 .cutting-edge-content .bottom-info > div .actions .link .label { opacity: 0.4; font-family: Electrolize, Helvetica, Arial, sans-serif; font-size: 12px; color: rgb(44, 121, 159); text-transform: uppercase; transition-duration: 0.3s; perspective: 1000px; } #gamescom2016 .cutting-edge-content .bottom-info > div .actions .link .arrow { top: -25px; } #gamescom2016 .cutting-edge-content:hover .bottom-info > div .actions .link .label { opacity: 1; } #gamescom2016.main .glow-hub-title { padding: 0px; } #gamescom2016.main .glow-hub-title h2 { text-transform: none; font-weight: 400; } #gamescom2016.main .glow-page-title { margin-bottom: 15px; } #gamescom2016.main .glow-page-title .link-title { margin-top: 30px; } #gamescom2016.main .glow-page-title .link-title::before { height: 20px; } #gamescom2016.main .glow-page-title .link-title .link { color: rgb(8, 161, 221); padding-top: 8px; } #gamescom2016.main .glow-page-title .link-title .link::after { left: -3px; } #gamescom2016.main .glow-page-title .link-title .link:hover { color: rgb(8, 161, 221); } #gamescom2016.main .glow-page-title .link-title .link:hover::after { width: 0px; box-shadow: none; } #gamescom2016.main .glow-page-title .link-title .link .view-all { font-size: 12px; color: rgb(8, 161, 221); text-shadow: rgba(0, 0, 0, 0.6) -1px 0px 20px, rgba(0, 0, 0, 0.6) -1px 0px 10px, rgba(0, 0, 0, 0.6) -1px 0px 10px; } #gamescom2016.main .glow-page-title .link-title .link .view-all:hover { color: rgb(8, 161, 221); } #gamescom2016.main .stream-container { float: left; min-height: 675px; margin-bottom: 40px; } @media only screen and (max-width: 1024px) { #gamescom2016.main .stream-container { float: none; width: 100%; min-height: 0px; margin-bottom: 40px; } } #gamescom2016.main .gamescom2016-stream { margin: 0px auto; width: 735px; } @media only screen and (max-width: 1140px) { #gamescom2016.main .gamescom2016-stream { width: 600px; } } @media only screen and (max-width: 1024px) { #gamescom2016.main .gamescom2016-stream { width: 735px; } } @media only screen and (max-width: 765px) { #gamescom2016.main .gamescom2016-stream { width: 100%; } } #gamescom2016.main .gamescom2016-stream .stream-player { width: 100%; height: 0px; padding-bottom: 56.25%; position: relative; } #gamescom2016.main .gamescom2016-stream .stream-player iframe, #gamescom2016.main .gamescom2016-stream .stream-player object, #gamescom2016.main .gamescom2016-stream .stream-player embed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } #gamescom2016.main .gamescom2016-stream .stream-text { font-family: Electrolize, Helvetica, Arial, sans-serif; font-size: 18px; line-height: 24px; } #gamescom2016.main .gamescom2016-stream .stream-text.light { color: rgb(177, 216, 241); } #gamescom2016.main .gamescom2016-stream .stream-text.dark { color: rgb(8, 145, 197); } #gamescom2016.main .news-container { float: left; margin-top: -32px; } @media only screen and (max-width: 1024px) { #gamescom2016.main .news-container { float: none; margin-top: 0px; width: 100%; } } #gamescom2016.main .gamescom2016-news { margin: 0px auto 40px; width: 735px; } @media only screen and (max-width: 1140px) { #gamescom2016.main .gamescom2016-news { width: 600px; } } @media only screen and (max-width: 1024px) { #gamescom2016.main .gamescom2016-news { width: 735px; } } @media only screen and (max-width: 765px) { #gamescom2016.main .gamescom2016-news { width: 100%; } } #gamescom2016.main .gamescom2016-news .gamescom2016-news-item { display: flex; margin-bottom: 30px; } #gamescom2016.main .gamescom2016-news .gamescom2016-news-item .news-item-img { flex: 0 0 auto; height: 164px; width: 222px; margin-right: 24px; background-size: cover; background-position: center center; position: relative; } #gamescom2016.main .gamescom2016-news .gamescom2016-news-item .news-item-img .news-overlay { height: 100%; width: 100%; background: rgba(31, 114, 173, 0.2); opacity: 1; transition: opacity 0.2s ease-in 0s; } #gamescom2016.main .gamescom2016-news .gamescom2016-news-item .news-item-img .glow-corners.top-corners { top: 15px; } #gamescom2016.main .gamescom2016-news .gamescom2016-news-item .news-item-img .glow-corners.bottom-corners { bottom: 24px; } #gamescom2016.main .gamescom2016-news .gamescom2016-news-item .news-item-img .glow-corners::before { left: 15px; } #gamescom2016.main .gamescom2016-news .gamescom2016-news-item .news-item-img .glow-corners::after { right: 15px; } #gamescom2016.main .gamescom2016-news .gamescom2016-news-item .news-item-details { flex: 1 1 auto; height: 164px; border-bottom: 1px solid rgb(0, 44, 69); } #gamescom2016.main .gamescom2016-news .gamescom2016-news-item .news-item-details h2 { margin: 0px; font-size: 24px; color: rgb(68, 212, 248); text-transform: uppercase; text-shadow: rgba(0, 106, 255, 0.5) 0px 0px 15px, rgba(0, 106, 255, 0.5) 0px 0px 15px; transition: text-shadow 0.3s ease-in 0s, color 0.3s ease-in 0s; } #gamescom2016.main .gamescom2016-news .gamescom2016-news-item .news-item-details h4 { margin: 0px; font-size: 12px; color: rgb(68, 212, 248); text-transform: uppercase; text-shadow: none; transition: text-shadow 0.3s ease-in 0s, color 0.3s ease-in 0s; } #gamescom2016.main .gamescom2016-news .gamescom2016-news-item .news-item-details p { margin-top: 10px; font-family: Electrolize, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; color: rgb(177, 216, 241); } #gamescom2016.main .gamescom2016-news .gamescom2016-news-item:hover .news-item-img .news-overlay { opacity: 0; } #gamescom2016.main .gamescom2016-news .gamescom2016-news-item:hover .news-item-img .glow-corners.top-corners { top: -3px; } #gamescom2016.main .gamescom2016-news .gamescom2016-news-item:hover .news-item-img .glow-corners.bottom-corners { bottom: 6px; } #gamescom2016.main .gamescom2016-news .gamescom2016-news-item:hover .news-item-img .glow-corners::before { left: -3px; } #gamescom2016.main .gamescom2016-news .gamescom2016-news-item:hover .news-item-img .glow-corners::after { right: -3px; } #gamescom2016.main .gamescom2016-news .gamescom2016-news-item:hover .news-item-details h2 { color: rgb(153, 235, 255); text-shadow: rgba(0, 106, 255, 0.9) 0px 0px 16px, rgba(0, 106, 255, 0.9) 0px 0px 16px; } #gamescom2016.main .gamescom2016-news .gamescom2016-news-item:hover .news-item-details h4 { color: rgb(104, 223, 253); text-shadow: rgba(0, 127, 255, 0.4) 0px 0px 12px, rgba(0, 127, 255, 0.4) 0px 0px 12px; } #gamescom2016.main .chat-schedule-container { margin-top: 26px; width: 360px; float: right; } @media only screen and (max-width: 1024px) { #gamescom2016.main .chat-schedule-container { width: 740px; float: none; margin: 0px auto; } } @media only screen and (max-width: 780px) { #gamescom2016.main .chat-schedule-container { width: 360px; } } @media only screen and (max-width: 780px) { #gamescom2016.main .chat-schedule-container { width: 360px; } } #gamescom2016.main .gamescom2016-schedule { width: 360px; margin-top: -6px; } @media only screen and (max-width: 1024px) { #gamescom2016.main .gamescom2016-schedule { margin-top: 0px; float: right; } } #gamescom2016.main .gamescom2016-schedule .top-info .title { min-width: 138px; } #gamescom2016.main .gamescom2016-schedule .gamescom2016-event { display: block; margin-bottom: 20px; } #gamescom2016.main .gamescom2016-schedule .gamescom2016-event .date { margin: 0px; color: rgb(132, 128, 96); font-family: Orbitron, Verdana, Arial, sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 2px; text-shadow: rgba(202, 71, 0, 0.6) 0px 3px 40px, rgba(255, 118, 17, 0.6) 0px 0px 6px; } #gamescom2016.main .gamescom2016-schedule .gamescom2016-event .title { color: rgb(217, 207, 152); margin: 4px 0px 0px; font-family: Orbitron, Verdana, Arial, sans-serif; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; text-shadow: rgba(255, 118, 17, 0.72) 0px 0px 10px, rgba(255, 118, 17, 0.72) 0px 0px 10px; } #gamescom2016.main .gamescom2016-schedule .gamescom2016-event .subtitle { margin: 1px 0px 0px; color: rgb(132, 128, 96); font-family: Orbitron, Verdana, Arial, sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 2px; text-shadow: none; } #gamescom2016.main .gamescom2016-schedule .gamescom2016-event:last-child { margin-bottom: 0px; } #rsi-sales-livestream.citcon2016 #contentbody { background: 0px 0px; } #rsi-sales-livestream.citcon2016 #post-background { position: absolute; opacity: 0.8; background: calc(50% + 70px) top no-repeat, url(data:image/webp;base64,UklGRr4HAABXRUJQVlA4WAoAAAA8AAAAdwAAdwAASUNDUOABAAAAAAHgbGNtcwQgAABtbnRyUkdCIFhZWiAH4gADABQACQAOAB1hY3NwTVNGVAAAAABzYXdzY3RybAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLWhhbmR56b9WWj4BtoMjhVVG90+qAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAApkZXNjAAAA/AAAACRjcHJ0AAABIAAAACJ3dHB0AAABRAAAABRjaGFkAAABWAAAACxyWFlaAAABhAAAABRnWFlaAAABmAAAABRiWFlaAAABrAAAABRyVFJDAAABwAAAACBnVFJDAAABwAAAACBiVFJDAAABwAAAACBtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAYAAAAcAEMAQwAwAABYWVogAAAAAAAA9tYAAQAAAADTLXNmMzIAAAAAAAEMPwAABd3///MmAAAHkAAA/ZL///uh///9ogAAA9wAAMBxWFlaIAAAAAAAAG+gAAA48gAAA49YWVogAAAAAAAAYpYAALeJAAAY2lhZWiAAAAAAAAAkoAAAD4UAALbEcGFyYQAAAAAAAwAAAAJmaQAA8qcAAA1ZAAAT0AAACltBTFBISAAAAAEfICQg3NH9v+ZGRAQnFEWS1BB9IOX04CvjAH0X4J0qov8K2rZhEgLtDonRkbMjY6IxsEoQvNrTnBsMJhAsibG8wd/k74MXUFZQOCCMAQAAEA4AnQEqeAB4AD5tNJdHJCMiISeJIIANiWNu40ACZe5nXfO3NQA9Xn+m/rNrAHoAfoB1mflAasirKD9KOBZcKsVzOjyU2gd+c5w0N8irDa0y0A1fY2uMCAckKfGtp+mY6fha6Z3AWNeLHMBTo+cHCusdjZMUjD/XAAD+6VTh//PzHCXvsMQWzKtv//b2J/Ex7cii/4dLf/q3z/47fd0F/gh/+Rx/8jjs3yLVfu6gGtdy/UhUIctdZSOHkOTAPjOQc7//6Kr5Lw7CAgzwfh2EBAoRg3cMctf2vjlGzqtEbHAvxvzY4GmPHA39zwDowcPVbn3zJD+xx//+ipDTXXXEtBvzYzsjXN51CJzw6+OSe5LuCfJwqOLigZYFepAkz+54yLuqlYvyiI/wmdd4jueHe/1Bn7GVGf46X//ocvApFRVUkinZuLAxsFQ3qSEWDrTOIJK/JZ9KuucKWBs01mHU6zEQ4FF+Y1MIJKOeL1viQhdxn+tfbYXKwtJtUe3p392xiqH4nzGfW8RQAAAARVhJRroAAABFeGlmAABJSSoACAAAAAYAEgEDAAEAAAABAAAAGgEFAAEAAABWAAAAGwEFAAEAAABeAAAAKAEDAAEAAAACAAAAEwIDAAEAAAABAAAAaYcEAAEAAABmAAAAAAAAAEgAAAABAAAASAAAAAEAAAAGAACQBwAEAAAAMDIxMAGRBwAEAAAAAQIDAACgBwAEAAAAMDEwMAGgAwABAAAA//8AAAKgBAABAAAAeAAAAAOgBAABAAAAeAAAAAAAAABYTVAgEgMAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTY1MTk2MDM2RjU0MTFFNEE4ODBDMjFEM0VBMzg3MDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTY1MTk2MDQ2RjU0MTFFNEE4ODBDMjFEM0VBMzg3MDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNjUxOTYwMTZGNTQxMUU0QTg4MEMyMUQzRUEzODcwMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNjUxOTYwMjZGNTQxMUU0QTg4MEMyMUQzRUEzODcwMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg==) center top repeat; min-width: 1140px; } @media only screen and (max-width: 1140px) { #rsi-sales-livestream.citcon2016 #post-background { min-width: 1010px; background-position-x: calc(50% + 135px); } } body.disable-scroll { overflow: hidden; } #advertise-magazine { margin: 50px 0px; } #advertise-magazine .fake { width: 100%; height: 100%; position: relative; overflow: hidden; } #advertise-magazine img { float: left; } @media only screen and (max-width: 1024px) { #advertise-magazine img { float: none; margin: 0px auto; width: 525px; display: block; } } @media only screen and (max-width: 658px) { #advertise-magazine img { width: 100%; } } #advertise-magazine .f-right { width: 450px; } @media only screen and (max-width: 1024px) { #advertise-magazine .f-right { float: none; margin: 0px auto; } } #advertise-magazine h1 { font-size: 32px; padding: 46px 0px; color: rgb(177, 216, 241); font-weight: 700; text-align: center; background: center top no-repeat; font-family: Orbitron; } #advertise-magazine p { margin-top: -30px; font-size: 18px; color: rgb(242, 242, 242); font-family: Electrolize; text-align: center; } #advertise-magazine a { width: 371px; text-align: center; transition-duration: 0.2s; perspective: 1000px; position: relative; border-top: 1px solid rgb(10, 86, 136); border-bottom: 1px solid rgb(10, 86, 136); border-left: 1px solid rgb(10, 86, 136); background: rgba(10, 86, 136, 0.4); padding: 22px 19px 22px 38px; display: block; text-transform: uppercase; color: rgb(213, 247, 255); font: 500 16px / 16px Orbitron; } #advertise-magazine a::before, #advertise-magazine a::after { content: ""; display: block; position: absolute; border-right: 1px solid rgb(10, 86, 136); border-top: 1px solid rgb(10, 86, 136); background: rgba(10, 86, 136, 0.4); } #advertise-magazine a::before { width: 20px; height: 40px; position: absolute; right: -21px; top: -1px; } #advertise-magazine a::after { background: 0px 0px; right: -21px; bottom: -1px; width: 0px; height: 0px; border-style: solid; border-width: 21px 21px 0px 0px; border-color: rgba(10, 86, 136, 0.4) transparent transparent; } #advertise-magazine a span { transition-duration: 0.2s; perspective: 1000px; width: 6px; height: 20px; content: ""; display: block; background: rgb(10, 86, 136); bottom: -1px; right: -11px; position: absolute; transform: skew(-45deg); z-index: 2; } #advertise-magazine a span::after { transition-duration: 0.2s; perspective: 1000px; transform: skew(45deg); width: 0px; height: 0px; border-style: solid; border-width: 0px 0px 6px 6px; border-color: transparent transparent rgb(10, 86, 136); content: ""; display: block; position: absolute; left: -3px; top: -6px; } #advertise-magazine a:hover { text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; } #advertise-magazine a:hover span { box-shadow: rgba(0, 112, 202, 0.6) 0px 0px 8px 1px, rgba(0, 112, 202, 0.5) 0px 0px 55px 15px; background-color: rgb(67, 237, 248); } #advertise-magazine a:hover span::after { border-color: transparent transparent rgb(67, 237, 248); } @media only screen and (max-width: 768px) { #advertise-magazine a { display: inline-block; margin: 0px 0px 20px; float: none; } } #post .magazine-close, .js-magazine .magazine-close { width: 86px; height: 47px; background: center top; position: absolute; right: 0px; top: 0px; z-index: 9996; cursor: pointer; transition-duration: 0.2s; perspective: 1000px; } #post .magazine-close:hover, .js-magazine .magazine-close:hover { opacity: 0.7; } #post .bb-bookblock, .js-magazine .bb-bookblock { width: 100%; height: 100%; position: fixed; background: rgb(0, 0, 0); z-index: 9995; top: 0px; left: 0px; } #post .bb-custom-wrapper, .js-magazine .bb-custom-wrapper { width: 100%; height: 100%; position: relative; overflow: hidden; } #post .bb-page, .js-magazine .bb-page { width: 50%; height: 100%; left: 50%; position: absolute; transform-style: preserve-3d; transform-origin: left center; } #post .bb-page > div, .js-magazine .bb-page > div, #post .bb-outer, .js-magazine .bb-outer, #post .bb-content, .js-magazine .bb-content { position: absolute; height: 100%; top: 0px; left: 0px; } #post .bb-inner, .js-magazine .bb-inner { position: relative; width: 100%; height: 100%; } #post .bb-overlay, .js-magazine .bb-overlay, #post .bb-outer, .js-magazine .bb-outer { backface-visibility: hidden; } #post .bb-page > div, .js-magazine .bb-page > div { width: 100%; transform-style: preserve-3d; backface-visibility: hidden; } #post .bb-back, .js-magazine .bb-back { transform: rotateY(-180deg); } #post .bb-outer, .js-magazine .bb-outer { width: 100%; overflow: hidden; z-index: 9998; } #post .bb-overlay, .js-magazine .bb-overlay, #post .bb-flipoverlay, .js-magazine .bb-flipoverlay { background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; z-index: 9999; } #post .bb-flipoverlay, .js-magazine .bb-flipoverlay { background-color: rgba(0, 0, 0, 0.2); } #post .bb-bookblock > div.bb-page:first-child, .js-magazine .bb-bookblock > div.bb-page:first-child, #post .bb-bookblock > div.bb-page:first-child .bb-back, .js-magazine .bb-bookblock > div.bb-page:first-child .bb-back { transform: rotateY(180deg); } #post .bb-item, .js-magazine .bb-item { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: none; background: rgb(0, 0, 0); } #post .img, .js-magazine .img { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; } #post .block-misc, .js-magazine .block-misc { position: absolute; opacity: 0; transition-duration: 0.2s; perspective: 1000px; } #post .block-misc .block-top, .js-magazine .block-misc .block-top { background: center top no-repeat; width: 517px; height: 99px; } #post .block-misc .block-middle, .js-magazine .block-misc .block-middle { background: center top repeat-y; width: 517px; box-sizing: border-box; padding: 0px 42px 0px 52px; position: relative; } #post .block-misc .block-middle h2, .js-magazine .block-misc .block-middle h2 { font: 23px Orbitron !important; color: rgb(222, 224, 228) !important; text-transform: uppercase !important; margin: 0px !important; position: absolute !important; top: -46px !important; } #post .block-misc .block-middle h2 .caps, .js-magazine .block-misc .block-middle h2 .caps { font: 23px Orbitron !important; color: rgb(222, 224, 228) !important; text-transform: uppercase !important; } #post .block-misc .block-middle .text p, .js-magazine .block-misc .block-middle .text p { font-family: Electrolize !important; font-size: 18px !important; color: rgb(209, 209, 209) !important; margin: 0px 0px 20px !important; padding: 0px !important; line-height: 28px !important; max-width: initial !important; width: auto !important; min-width: initial !important; } #post .block-misc .block-middle .text p .initial, .js-magazine .block-misc .block-middle .text p .initial { float: none !important; line-height: inherit !important; height: auto !important; font-size: 18px !important; text-transform: none !important; margin-right: 0px !important; } #post .block-misc .block-bottom, .js-magazine .block-misc .block-bottom { background: center top no-repeat; width: 517px; height: 48px; position: relative; top: -20px; } #post .bb-nav, .js-magazine .bb-nav { width: 86px; height: 86px; display: block; background: rgba(0, 0, 0, 0.7); position: absolute; top: 50%; margin-top: -43px; z-index: 9996; border-radius: 100%; } #post .bb-nav::after, .js-magazine .bb-nav::after { content: ""; display: block; background-image: ; width: 25px; height: 27px; position: absolute; top: 30px; } #post .bb-nav#bb-nav-prev, .js-magazine .bb-nav#bb-nav-prev { left: -43px; } #post .bb-nav#bb-nav-prev::after, .js-magazine .bb-nav#bb-nav-prev::after { background-position: left top; left: 46px; } #post .bb-nav#bb-nav-next, .js-magazine .bb-nav#bb-nav-next { right: -43px; } #post .bb-nav#bb-nav-next::after, .js-magazine .bb-nav#bb-nav-next::after { background-position: right top; right: 46px; } #argo-advertise-magazine { margin: 50px 0px; } #argo-advertise-magazine .fake { width: 100%; height: 100%; position: relative; overflow: hidden; } #argo-advertise-magazine img { float: left; } @media only screen and (max-width: 1024px) { #argo-advertise-magazine img { float: none; margin: 0px auto; width: 525px; display: block; } } @media only screen and (max-width: 658px) { #argo-advertise-magazine img { width: 100%; } } #argo-advertise-magazine .f-right { width: 450px; } @media only screen and (max-width: 1024px) { #argo-advertise-magazine .f-right { float: none; margin: 0px auto; } } #argo-advertise-magazine h1 { font-size: 32px; padding: 46px 0px; color: rgb(177, 216, 241); font-weight: 700; text-align: center; background: center top no-repeat; font-family: Orbitron; } #argo-advertise-magazine p { margin-top: -30px; font-size: 18px; color: rgb(242, 242, 242); font-family: Electrolize; text-align: center; } #argo-advertise-magazine a { width: 371px; text-align: center; transition-duration: 0.2s; perspective: 1000px; position: relative; border-top: 1px solid rgb(10, 86, 136); border-bottom: 1px solid rgb(10, 86, 136); border-left: 1px solid rgb(10, 86, 136); background: rgba(10, 86, 136, 0.4); padding: 22px 19px 22px 38px; display: block; text-transform: uppercase; color: rgb(213, 247, 255); font: 500 16px / 16px Orbitron; } #argo-advertise-magazine a::before, #argo-advertise-magazine a::after { content: ""; display: block; position: absolute; border-right: 1px solid rgb(10, 86, 136); border-top: 1px solid rgb(10, 86, 136); background: rgba(10, 86, 136, 0.4); } #argo-advertise-magazine a::before { width: 20px; height: 40px; position: absolute; right: -21px; top: -1px; } #argo-advertise-magazine a::after { background: 0px 0px; right: -21px; bottom: -1px; width: 0px; height: 0px; border-style: solid; border-width: 21px 21px 0px 0px; border-color: rgba(10, 86, 136, 0.4) transparent transparent; } #argo-advertise-magazine a span { transition-duration: 0.2s; perspective: 1000px; width: 6px; height: 20px; content: ""; display: block; background: rgb(10, 86, 136); bottom: -1px; right: -11px; position: absolute; transform: skew(-45deg); z-index: 2; } #argo-advertise-magazine a span::after { transition-duration: 0.2s; perspective: 1000px; transform: skew(45deg); width: 0px; height: 0px; border-style: solid; border-width: 0px 0px 6px 6px; border-color: transparent transparent rgb(10, 86, 136); content: ""; display: block; position: absolute; left: -3px; top: -6px; } #argo-advertise-magazine a:hover { text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; } #argo-advertise-magazine a:hover span { box-shadow: rgba(0, 112, 202, 0.6) 0px 0px 8px 1px, rgba(0, 112, 202, 0.5) 0px 0px 55px 15px; background-color: rgb(67, 237, 248); } #argo-advertise-magazine a:hover span::after { border-color: transparent transparent rgb(67, 237, 248); } @media only screen and (max-width: 768px) { #argo-advertise-magazine a { display: inline-block; margin: 0px 0px 20px; float: none; } } #argo-video { position: relative; } #argo-video a { display: block; position: relative; } #argo-video a img { width: 100%; } #argo-video a::before, #argo-video a::after { content: ""; display: block; position: absolute; } #argo-video a::before { width: 155px; height: 141px; background: center center; top: 50%; left: 50%; margin: -80px 0px 0px -78px; } #argo-video a::after { content: "Meet the Argo"; text-align: center; width: 100%; left: 0px; top: 50%; margin-top: 55px; color: rgb(255, 255, 255); font-size: 24px; font-family: Electrolize; } #argo-video .video-container { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; } #argo-video .video-container .fluid-video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0px; } #argo-video .video-container .fluid-video iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } #argo-magazine { max-width: 100%; width: 100%; height: 100%; padding: 0px; margin: 0px; position: fixed; left: 0px; top: 0px; background-color: rgb(0, 0, 0); visibility: hidden; display: block; overflow: hidden; z-index: 1; } #argo-magazine .argo-magazine-close { width: 86px; height: 47px; background: center top; position: absolute; right: 0px; top: 0px; z-index: 9996; cursor: pointer; transition-duration: 0.2s; perspective: 1000px; } #argo-magazine .argo-magazine-close:hover { opacity: 0.7; } #argo-magazine .bb-bookblock { width: 200%; height: 100%; max-height: none; position: fixed; background: rgb(0, 0, 0); z-index: 9995; top: 0px; left: -77.5%; } #argo-magazine .bb-custom-wrapper { width: 100%; height: 100%; position: relative; overflow: hidden; } #argo-magazine .bb-page { width: 50%; height: 100%; left: 50%; position: absolute; transform-style: preserve-3d; transform-origin: left center; } #argo-magazine .bb-page > div, #argo-magazine .bb-outer, #argo-magazine .bb-content { position: absolute; height: 100%; top: 0px; left: 0px; } #argo-magazine .bb-inner { position: relative; width: 100%; height: 100%; } #argo-magazine .bb-overlay, #argo-magazine .bb-outer { backface-visibility: hidden; } #argo-magazine .bb-page > div { width: 100%; transform-style: preserve-3d; backface-visibility: hidden; } #argo-magazine .bb-back { transform: rotateY(-180deg); } #argo-magazine .bb-outer { width: 100%; overflow: hidden; z-index: 9998; } #argo-magazine .bb-overlay, #argo-magazine .bb-flipoverlay { background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; z-index: 9999; } #argo-magazine .bb-flipoverlay { background-color: rgba(0, 0, 0, 0.2); } #argo-magazine .bb-bookblock > div.bb-page:first-child, #argo-magazine .bb-bookblock > div.bb-page:first-child .bb-back { transform: rotateY(180deg); } #argo-magazine .bb-bookblock .bb-item { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: none; background: rgb(0, 0, 0); } #argo-magazine .img { width: 127.5%; height: 100%; background-size: 33%; background-repeat: no-repeat; background-position: center center; } #argo-magazine .img1 { background-image: ; } #argo-magazine .img2 { background-image: ; } #argo-magazine .img3 { background-image: ; } #argo-magazine .img4 { background-image: ; } #argo-magazine .img5 { background-image: ; } #argo-magazine .img6 { background-image: ; } #argo-magazine .img7 { background-image: ; } #argo-magazine .img8 { background-image: ; } #argo-magazine .img9 { background-image: ; } #argo-magazine .img10 { background-image: ; } #argo-magazine .img11 { background-image: ; } #argo-magazine .block-misc { display: none; position: absolute; opacity: 0; transition-duration: 0.2s; perspective: 1000px; } #argo-magazine .block-misc .block-top { display: none; } #argo-magazine .block-misc .block-middle { background: center top repeat-y; width: 603px; box-sizing: border-box; padding: 40px 56px 0px; position: relative; } #argo-magazine .block-misc .block-middle h2 { font: 20px Lora !important; color: rgb(222, 224, 228) !important; text-transform: uppercase !important; margin: 0px 0px 10px !important; position: relative !important; top: 0px !important; } #argo-magazine .block-misc .block-middle h2 .caps { font: 23px Orbitron !important; color: rgb(222, 224, 228) !important; text-transform: uppercase !important; } #argo-magazine .block-misc .block-middle .text p { font-family: Lora !important; font-size: 16px !important; color: rgb(209, 209, 209) !important; margin: 0px 0px 20px !important; padding: 0px !important; line-height: 28px !important; max-width: initial !important; width: auto !important; min-width: initial !important; } #argo-magazine .block-misc .block-middle .text p .initial { float: none !important; line-height: inherit !important; height: auto !important; font-size: 18px !important; text-transform: none !important; margin-right: 0px !important; } #argo-magazine .block-misc .block-bottom { background: center top no-repeat; width: 603px; height: 53px; position: relative; top: -20px; } #argo-magazine .bb-bookblock #item1.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page1; } #argo-magazine .bb-bookblock #item2.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page2; } #argo-magazine .bb-bookblock #item3.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page3; } #argo-magazine .bb-bookblock #item4.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page4; } #argo-magazine .bb-bookblock #item5.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page5; } #argo-magazine .bb-bookblock #item6.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page6; } #argo-magazine .bb-bookblock #item7.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page7; } #argo-magazine .bb-bookblock #item8.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page8; } #argo-magazine .bb-bookblock #item9.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page9; } #argo-magazine .bb-bookblock #item10.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page10; } #argo-magazine .bb-bookblock #item11.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page11; } #argo-magazine .bb-bookblock #item12.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page12; } #argo-magazine .bb-bookblock #item13.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page13; } #argo-magazine .bb-bookblock #item14.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page14; } #argo-magazine .bb-bookblock #item15.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page15; } #argo-magazine .bb-bookblock #item16.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page16; } #argo-magazine .bb-bookblock #item17.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page17; } #argo-magazine .bb-bookblock #item18.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page18; } #argo-magazine .bb-bookblock #item19.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page19; } #argo-magazine .bb-bookblock #item20.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page20; } #argo-magazine .bb-bookblock #item21.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page21; } #argo-magazine .bb-bookblock #item22.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page22; } #argo-magazine .bb-bookblock #item23.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page23; } @-webkit-keyframes page1 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; right: 0px; } } @keyframes page1 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; right: 0px; } } @-webkit-keyframes page2 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; right: 0px; } } @keyframes page2 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; right: 0px; } } @-webkit-keyframes page3 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; right: 0px; } } @keyframes page3 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page4 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page4 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page5 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page5 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page6 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page6 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page7 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page7 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page8 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page8 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page9 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page9 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page10 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page10 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page11 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page11 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page12 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page12 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page13 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page13 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page14 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page14 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page15 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page15 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page16 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page16 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page17 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page17 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page18 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page18 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page19 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page19 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page20 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page20 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page21 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page21 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page22 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page22 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page23 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page23 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } .nav-argo { width: 86px; height: 86px; display: block; background: rgba(0, 0, 0, 0.7); position: absolute; top: 50%; margin-top: -43px; z-index: 9996; border-radius: 100%; } .nav-argo::after { content: ""; display: block; background-image: ; width: 25px; height: 27px; position: absolute; top: 30px; } .nav-argo#bb-nav-prev { left: -43px; } .nav-argo#bb-nav-prev::after { background-position: left top; left: 46px; } .nav-argo#bb-nav-next { right: -43px; } .nav-argo#bb-nav-next::after { background-position: right top; right: 46px; } #caterpillar-magazine { max-width: 100%; width: 100%; height: 100%; padding: 0px; margin: 0px; position: fixed; left: 0px; top: 0px; background-color: rgb(0, 0, 0); visibility: hidden; display: block; overflow: hidden; z-index: 1; } #caterpillar-magazine .bb-bookblock { width: 200%; height: 100%; max-height: none; position: fixed; background: rgb(0, 0, 0); z-index: 9995; top: 0px; left: -95%; } #caterpillar-magazine .img { width: 145.5%; height: 100%; background-size: 35%; background-repeat: no-repeat; background-position: center center; } #caterpillar-magazine .img0 { background-image: ; } #caterpillar-magazine .img1 { background-image: ; } #caterpillar-magazine .img2 { background-image: ; } #caterpillar-magazine .img3 { background-image: ; } #caterpillar-magazine .img4 { background-image: ; } #caterpillar-magazine .img5 { background-image: ; } #caterpillar-magazine .img6 { background-image: ; } #caterpillar-magazine .img7 { background-image: ; } #caterpillar-magazine .img8 { background-image: ; } #caterpillar-magazine .img9 { background-image: ; } #caterpillar-magazine .img10 { background-image: ; } #caterpillar-magazine .img11 { background-image: ; } #caterpillar-magazine .img12 { background-image: ; } #caterpillar-magazine .img13 { background-image: ; } #caterpillar-magazine .img14 { background-image: ; } #caterpillar-magazine .img15 { background-image: ; } #caterpillar-magazine .img16 { background-image: ; } #caterpillar-magazine .img17 { background-image: ; } #caterpillar-magazine .img18 { background-image: ; } #caterpillar-magazine .img19 { background-image: ; } #caterpillar-magazine .img20 { background-image: ; } #caterpillar-magazine .img21 { background-image: ; } #caterpillar-magazine .img22 { background-image: ; } #caterpillar-magazine .img23 { background-image: ; } #caterpillar-magazine .img24 { background-image: ; } #caterpillar-magazine .img25 { background-image: ; } #caterpillar-magazine .img26 { background-image: ; } #caterpillar-magazine .img27 { background-image: ; } #defender-advertise-magazine { margin: 50px 0px; } #defender-advertise-magazine .fake { width: 100%; height: 100%; position: relative; overflow: hidden; } #defender-advertise-magazine img { float: left; } @media only screen and (max-width: 1024px) { #defender-advertise-magazine img { float: none; margin: 0px auto; width: 525px; display: block; } } @media only screen and (max-width: 658px) { #defender-advertise-magazine img { width: 100%; } } #defender-advertise-magazine .f-right { width: 450px; } @media only screen and (max-width: 1024px) { #defender-advertise-magazine .f-right { float: none; margin: 0px auto; } } #defender-advertise-magazine h1 { font-size: 32px; padding: 46px 0px; color: rgb(177, 216, 241); font-weight: 700; text-align: center; background: center top no-repeat; font-family: Orbitron; } #defender-advertise-magazine p { margin-top: -30px; font-size: 18px; color: rgb(242, 242, 242); font-family: Electrolize; text-align: center; } #defender-advertise-magazine a { width: 371px; text-align: center; transition-duration: 0.2s; perspective: 1000px; position: relative; border-top: 1px solid rgb(10, 86, 136); border-bottom: 1px solid rgb(10, 86, 136); border-left: 1px solid rgb(10, 86, 136); background: rgba(10, 86, 136, 0.4); padding: 22px 19px 22px 38px; display: block; text-transform: uppercase; color: rgb(213, 247, 255); font: 500 16px / 16px Orbitron; } #defender-advertise-magazine a::before, #defender-advertise-magazine a::after { content: ""; display: block; position: absolute; border-right: 1px solid rgb(10, 86, 136); border-top: 1px solid rgb(10, 86, 136); background: rgba(10, 86, 136, 0.4); } #defender-advertise-magazine a::before { width: 20px; height: 40px; position: absolute; right: -21px; top: -1px; } #defender-advertise-magazine a::after { background: 0px 0px; right: -21px; bottom: -1px; width: 0px; height: 0px; border-style: solid; border-width: 21px 21px 0px 0px; border-color: rgba(10, 86, 136, 0.4) transparent transparent; } #defender-advertise-magazine a span { transition-duration: 0.2s; perspective: 1000px; width: 6px; height: 20px; content: ""; display: block; background: rgb(10, 86, 136); bottom: -1px; right: -11px; position: absolute; transform: skew(-45deg); z-index: 2; } #defender-advertise-magazine a span::after { transition-duration: 0.2s; perspective: 1000px; transform: skew(45deg); width: 0px; height: 0px; border-style: solid; border-width: 0px 0px 6px 6px; border-color: transparent transparent rgb(10, 86, 136); content: ""; display: block; position: absolute; left: -3px; top: -6px; } #defender-advertise-magazine a:hover { text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; } #defender-advertise-magazine a:hover span { box-shadow: rgba(0, 112, 202, 0.6) 0px 0px 8px 1px, rgba(0, 112, 202, 0.5) 0px 0px 55px 15px; background-color: rgb(67, 237, 248); } #defender-advertise-magazine a:hover span::after { border-color: transparent transparent rgb(67, 237, 248); } @media only screen and (max-width: 768px) { #defender-advertise-magazine a { display: inline-block; margin: 0px 0px 20px; float: none; } } #defender-video { position: relative; display: none; } #defender-video a { display: block; position: relative; } #defender-video a img { width: 100%; } #defender-video a::before, #defender-video a::after { content: ""; display: block; position: absolute; } #defender-video a::before { width: 155px; height: 141px; background: center center; top: 50%; left: 50%; margin: -80px 0px 0px -78px; } #defender-video a::after { content: "Meet the Starfarer"; text-align: center; width: 100%; left: 0px; top: 50%; margin-top: 55px; color: rgb(255, 255, 255); font-size: 24px; font-family: Electrolize; } #defender-video .video-container { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; } #defender-video .video-container .fluid-video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0px; } #defender-video .video-container .fluid-video iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } #defender-magazine { max-width: 100%; width: 100%; height: 100%; padding: 0px; margin: 0px; position: fixed; left: 0px; top: 0px; background-color: rgb(0, 0, 0); visibility: hidden; display: block; overflow: hidden; z-index: 1; } #defender-magazine .bb-bookblock { width: 200%; height: 100%; max-height: none; position: fixed; background: rgb(0, 0, 0); z-index: 9995; top: 0px; left: -50%; } #defender-magazine .img { width: 100%; height: 100%; background-size: 38%; background-repeat: no-repeat; background-position: center center; } #defender-magazine .img0 { background-image: ; } #defender-magazine .img1 { background-image: ; } #defender-magazine .img2 { background-image: ; } #defender-magazine .img3 { background-image: ; } #defender-magazine .img4 { background-image: ; } #defender-magazine .img5 { background-image: ; } #defender-magazine .img6 { background-image: ; } #defender-magazine .img7 { background-image: ; } #defender-magazine .img8 { background-image: ; } #defender-magazine .img9 { background-image: ; } #defender-magazine .img10 { background-image: ; } #dragonfly-advertise-magazine { margin: 50px 0px; } #dragonfly-advertise-magazine .fake { width: 100%; height: 100%; position: relative; overflow: hidden; } #dragonfly-advertise-magazine img { float: left; } @media only screen and (max-width: 1024px) { #dragonfly-advertise-magazine img { float: none; margin: 0px auto; width: 525px; display: block; } } @media only screen and (max-width: 658px) { #dragonfly-advertise-magazine img { width: 100%; } } #dragonfly-advertise-magazine .f-right { width: 450px; } @media only screen and (max-width: 1024px) { #dragonfly-advertise-magazine .f-right { float: none; margin: 0px auto; } } #dragonfly-advertise-magazine h1 { font-size: 32px; padding: 46px 0px; color: rgb(177, 216, 241); font-weight: 700; text-align: center; background: center top no-repeat; font-family: Orbitron; } #dragonfly-advertise-magazine p { margin-top: -30px; font-size: 18px; color: rgb(242, 242, 242); font-family: Electrolize; text-align: center; } #dragonfly-advertise-magazine a { width: 371px; text-align: center; transition-duration: 0.2s; perspective: 1000px; position: relative; border-top: 1px solid rgb(10, 86, 136); border-bottom: 1px solid rgb(10, 86, 136); border-left: 1px solid rgb(10, 86, 136); background: rgba(10, 86, 136, 0.4); padding: 22px 19px 22px 38px; display: block; text-transform: uppercase; color: rgb(213, 247, 255); font: 500 16px / 16px Orbitron; } #dragonfly-advertise-magazine a::before, #dragonfly-advertise-magazine a::after { content: ""; display: block; position: absolute; border-right: 1px solid rgb(10, 86, 136); border-top: 1px solid rgb(10, 86, 136); background: rgba(10, 86, 136, 0.4); } #dragonfly-advertise-magazine a::before { width: 20px; height: 40px; position: absolute; right: -21px; top: -1px; } #dragonfly-advertise-magazine a::after { background: 0px 0px; right: -21px; bottom: -1px; width: 0px; height: 0px; border-style: solid; border-width: 21px 21px 0px 0px; border-color: rgba(10, 86, 136, 0.4) transparent transparent; } #dragonfly-advertise-magazine a span { transition-duration: 0.2s; perspective: 1000px; width: 6px; height: 20px; content: ""; display: block; background: rgb(10, 86, 136); bottom: -1px; right: -11px; position: absolute; transform: skew(-45deg); z-index: 2; } #dragonfly-advertise-magazine a span::after { transition-duration: 0.2s; perspective: 1000px; transform: skew(45deg); width: 0px; height: 0px; border-style: solid; border-width: 0px 0px 6px 6px; border-color: transparent transparent rgb(10, 86, 136); content: ""; display: block; position: absolute; left: -3px; top: -6px; } #dragonfly-advertise-magazine a:hover { text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; } #dragonfly-advertise-magazine a:hover span { box-shadow: rgba(0, 112, 202, 0.6) 0px 0px 8px 1px, rgba(0, 112, 202, 0.5) 0px 0px 55px 15px; background-color: rgb(67, 237, 248); } #dragonfly-advertise-magazine a:hover span::after { border-color: transparent transparent rgb(67, 237, 248); } @media only screen and (max-width: 768px) { #dragonfly-advertise-magazine a { display: inline-block; margin: 0px 0px 20px; float: none; } } #dragonfly-video { position: relative; display: none; } #dragonfly-video a { display: block; position: relative; } #dragonfly-video a img { width: 100%; } #dragonfly-video a::before, #dragonfly-video a::after { content: ""; display: block; position: absolute; } #dragonfly-video a::before { width: 155px; height: 141px; background: center center; top: 50%; left: 50%; margin: -80px 0px 0px -78px; } #dragonfly-video a::after { content: "Meet the Starfarer"; text-align: center; width: 100%; left: 0px; top: 50%; margin-top: 55px; color: rgb(255, 255, 255); font-size: 24px; font-family: Electrolize; } #dragonfly-video .video-container { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; } #dragonfly-video .video-container .fluid-video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0px; } #dragonfly-video .video-container .fluid-video iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } #dragonfly-magazine { max-width: 100%; width: 100%; height: 100%; padding: 0px; margin: 0px; position: fixed; left: 0px; top: 0px; background-color: rgb(0, 0, 0); visibility: hidden; display: block; overflow: hidden; z-index: 1; } #dragonfly-magazine .dragonfly-magazine-close { width: 86px; height: 47px; background: center top; position: absolute; right: 0px; top: 0px; z-index: 9996; cursor: pointer; transition-duration: 0.2s; perspective: 1000px; } #dragonfly-magazine .dragonfly-magazine-close:hover { opacity: 0.7; } #dragonfly-magazine .bb-bookblock { width: 200%; height: 100%; max-height: 945px; position: fixed; background: rgb(0, 0, 0); z-index: 9995; top: 0px; left: -100%; } #dragonfly-magazine .bb-custom-wrapper { width: 100%; height: 100%; position: relative; overflow: hidden; } #dragonfly-magazine .bb-page { width: 50%; height: 100%; left: 50%; position: absolute; transform-style: preserve-3d; transform-origin: left center; } #dragonfly-magazine .bb-page > div, #dragonfly-magazine .bb-outer, #dragonfly-magazine .bb-content { position: absolute; height: 100%; top: 0px; left: 0px; } #dragonfly-magazine .bb-inner { position: relative; width: 100%; height: 100%; } #dragonfly-magazine .bb-overlay, #dragonfly-magazine .bb-outer { backface-visibility: hidden; } #dragonfly-magazine .bb-page > div { width: 100%; transform-style: preserve-3d; backface-visibility: hidden; } #dragonfly-magazine .bb-back { transform: rotateY(-180deg); } #dragonfly-magazine .bb-outer { width: 100%; overflow: hidden; z-index: 9998; } #dragonfly-magazine .bb-overlay, #dragonfly-magazine .bb-flipoverlay { background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; z-index: 9999; } #dragonfly-magazine .bb-flipoverlay { background-color: rgba(0, 0, 0, 0.2); } #dragonfly-magazine .bb-bookblock > div.bb-page:first-child, #dragonfly-magazine .bb-bookblock > div.bb-page:first-child .bb-back { transform: rotateY(180deg); } #dragonfly-magazine .js .bb-item { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: none; background: rgb(255, 255, 255); } #dragonfly-magazine .img { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; } #dragonfly-magazine .img1 { background-image: ; } #dragonfly-magazine .img2 { background-image: ; } #dragonfly-magazine .img3 { background-image: ; } #dragonfly-magazine .img4 { background-image: ; } #dragonfly-magazine .img5 { background-image: ; } #dragonfly-magazine .img6 { background-image: ; } #dragonfly-magazine .img7 { background-image: ; } #dragonfly-magazine .img8 { background-image: ; } #dragonfly-magazine .img9 { background-image: ; } #dragonfly-magazine .img10 { background-image: ; } #dragonfly-magazine .img11 { background-image: ; } #dragonfly-magazine .img12 { background-image: ; } #dragonfly-magazine .img13 { background-image: ; } #dragonfly-magazine .img14 { background-image: ; } #dragonfly-magazine .img15 { background-image: ; } #dragonfly-magazine .img16 { background-image: ; } #dragonfly-magazine .img17 { background-image: ; } #dragonfly-magazine .img18 { background-image: ; } #dragonfly-magazine .img19 { background-image: ; } #dragonfly-magazine .img20 { background-image: ; } #dragonfly-magazine .img21 { background-image: ; } #dragonfly-magazine .img22 { background-image: ; } #dragonfly-magazine .img23 { background-image: ; } #dragonfly-magazine .img24 { background-image: ; } #dragonfly-magazine .img25 { background-image: ; } #dragonfly-magazine .img26 { background-image: ; } #dragonfly-magazine .block-misc { position: absolute; opacity: 0; transition-duration: 0.2s; perspective: 1000px; } #dragonfly-magazine .block-misc .block-top { display: none; } #dragonfly-magazine .block-misc .block-middle { background: center top repeat-y; width: 603px; box-sizing: border-box; padding: 40px 56px 0px; position: relative; } #dragonfly-magazine .block-misc .block-middle h2 { font: 20px Lora !important; color: rgb(222, 224, 228) !important; text-transform: uppercase !important; margin: 0px 0px 10px !important; position: relative !important; top: 0px !important; } #dragonfly-magazine .block-misc .block-middle h2 .caps { font: 23px Orbitron !important; color: rgb(222, 224, 228) !important; text-transform: uppercase !important; } #dragonfly-magazine .block-misc .block-middle .text p { font-family: Lora !important; font-size: 16px !important; color: rgb(209, 209, 209) !important; margin: 0px 0px 20px !important; padding: 0px !important; line-height: 28px !important; max-width: initial !important; width: auto !important; min-width: initial !important; } #dragonfly-magazine .block-misc .block-middle .text p .initial { float: none !important; line-height: inherit !important; height: auto !important; font-size: 18px !important; text-transform: none !important; margin-right: 0px !important; } #dragonfly-magazine .block-misc .block-bottom { background: center top no-repeat; width: 603px; height: 53px; position: relative; top: -20px; } #dragonfly-magazine .bb-bookblock #item1.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page1; } #dragonfly-magazine .bb-bookblock #item2.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page2; } #dragonfly-magazine .bb-bookblock #item3.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page3; } #dragonfly-magazine .bb-bookblock #item4.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page4; } #dragonfly-magazine .bb-bookblock #item5.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page5; } #dragonfly-magazine .bb-bookblock #item6.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page6; } #dragonfly-magazine .bb-bookblock #item7.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page7; } #dragonfly-magazine .bb-bookblock #item8.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page8; } #dragonfly-magazine .bb-bookblock #item9.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page9; } #dragonfly-magazine .bb-bookblock #item10.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page10; } #dragonfly-magazine .bb-bookblock #item11.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page11; } #dragonfly-magazine .bb-bookblock #item12.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page12; } #dragonfly-magazine .bb-bookblock #item13.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page13; } #dragonfly-magazine .bb-bookblock #item14.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page14; } #dragonfly-magazine .bb-bookblock #item15.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page15; } #dragonfly-magazine .bb-bookblock #item16.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page16; } #dragonfly-magazine .bb-bookblock #item17.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page17; } #dragonfly-magazine .bb-bookblock #item18.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page18; } #dragonfly-magazine .bb-bookblock #item19.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page19; } #dragonfly-magazine .bb-bookblock #item20.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page20; } #dragonfly-magazine .bb-bookblock #item21.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page21; } #dragonfly-magazine .bb-bookblock #item22.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page22; } #dragonfly-magazine .bb-bookblock #item23.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page23; } .nav-dragonfly { width: 86px; height: 86px; display: block; background: rgba(0, 0, 0, 0.7); position: absolute; top: 50%; margin-top: -43px; z-index: 9996; border-radius: 100%; } .nav-dragonfly::after { content: ""; display: block; background-image: ; width: 25px; height: 27px; position: absolute; top: 30px; } .nav-dragonfly#bb-nav-prev { left: -43px; } .nav-dragonfly#bb-nav-prev::after { background-position: left top; left: 46px; } .nav-dragonfly#bb-nav-next { right: -43px; } .nav-dragonfly#bb-nav-next::after { background-position: right top; right: 46px; } @-webkit-keyframes page1 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; right: 0px; } } @keyframes page1 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; right: 0px; } } @-webkit-keyframes page2 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; right: 0px; } } @keyframes page2 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; right: 0px; } } @-webkit-keyframes page3 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; right: 0px; } } @keyframes page3 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page4 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page4 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page5 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page5 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page6 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page6 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page7 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page7 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page8 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page8 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page9 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page9 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page10 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page10 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page11 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page11 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page12 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page12 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page13 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page13 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page14 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page14 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page15 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page15 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page16 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page16 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page17 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page17 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page18 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page18 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page19 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page19 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page20 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page20 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page21 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page21 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page22 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page22 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page23 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page23 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } #herald-magazine { max-width: 100%; width: 100%; height: 100%; padding: 0px; margin: 0px; position: fixed; left: 0px; top: 0px; background-color: rgb(0, 0, 0); visibility: hidden; display: block; overflow: hidden; z-index: 1; } #herald-magazine .bb-bookblock { width: 200%; height: 100%; max-height: none; position: fixed; background: rgb(0, 0, 0); z-index: 9995; top: 0px; left: -95%; } #herald-magazine .img { width: 145.5%; height: 100%; background-size: 35%; background-repeat: no-repeat; background-position: center center; } #herald-magazine .img0 { background-image: ; } #herald-magazine .img1 { background-image: ; } #herald-magazine .img2 { background-image: ; } #herald-magazine .img3 { background-image: ; } #herald-magazine .img4 { background-image: ; } #herald-magazine .img5 { background-image: ; } #herald-magazine .img6 { background-image: ; } #herald-magazine .img7 { background-image: ; } #herald-magazine .img8 { background-image: ; } #herald-magazine .img9 { background-image: ; } #hurricane-magazine { max-width: 100%; width: 100%; height: 100%; padding: 0px; margin: 0px; position: fixed; left: 0px; top: 0px; background-color: rgb(0, 0, 0); visibility: hidden; display: block; overflow: hidden; z-index: 1; } #hurricane-magazine .bb-bookblock { width: 200%; height: 100%; max-height: none; position: fixed; background: rgb(0, 0, 0); z-index: 9995; top: 0px; left: -95%; } #hurricane-magazine .img { width: 146.2%; height: 100%; background-size: 35%; background-repeat: no-repeat; background-position: center center; } #hurricane-magazine .img0 { background-image: ; } #hurricane-magazine .img1 { background-image: ; } #hurricane-magazine .img2 { background-image: ; } #hurricane-magazine .img3 { background-image: ; } #hurricane-magazine .img4 { background-image: ; } #hurricane-magazine .img5 { background-image: ; } #hurricane-magazine .img6 { background-image: ; } #hurricane-magazine .img7 { background-image: ; } #polaris-advertise-magazine { margin: 50px 0px; } #polaris-advertise-magazine .fake { width: 100%; height: 100%; position: relative; overflow: hidden; } #polaris-advertise-magazine img { float: left; } @media only screen and (max-width: 1024px) { #polaris-advertise-magazine img { float: none; margin: 0px auto; width: 525px; display: block; } } @media only screen and (max-width: 658px) { #polaris-advertise-magazine img { width: 100%; } } #polaris-advertise-magazine .f-right { width: 450px; } @media only screen and (max-width: 1024px) { #polaris-advertise-magazine .f-right { float: none; margin: 0px auto; } } #polaris-advertise-magazine h1 { font-size: 32px; padding: 46px 0px; color: rgb(177, 216, 241); font-weight: 700; text-align: center; background: center top no-repeat; font-family: Orbitron; } #polaris-advertise-magazine p { margin-top: -30px; font-size: 18px; color: rgb(242, 242, 242); font-family: Electrolize; text-align: center; } #polaris-advertise-magazine a { width: 371px; text-align: center; transition-duration: 0.2s; perspective: 1000px; position: relative; border-top: 1px solid rgb(10, 86, 136); border-bottom: 1px solid rgb(10, 86, 136); border-left: 1px solid rgb(10, 86, 136); background: rgba(10, 86, 136, 0.4); padding: 22px 19px 22px 38px; display: block; text-transform: uppercase; color: rgb(213, 247, 255); font: 500 16px / 16px Orbitron; } #polaris-advertise-magazine a::before, #polaris-advertise-magazine a::after { content: ""; display: block; position: absolute; border-right: 1px solid rgb(10, 86, 136); border-top: 1px solid rgb(10, 86, 136); background: rgba(10, 86, 136, 0.4); } #polaris-advertise-magazine a::before { width: 20px; height: 40px; position: absolute; right: -21px; top: -1px; } #polaris-advertise-magazine a::after { background: 0px 0px; right: -21px; bottom: -1px; width: 0px; height: 0px; border-style: solid; border-width: 21px 21px 0px 0px; border-color: rgba(10, 86, 136, 0.4) transparent transparent; } #polaris-advertise-magazine a span { transition-duration: 0.2s; perspective: 1000px; width: 6px; height: 20px; content: ""; display: block; background: rgb(10, 86, 136); bottom: -1px; right: -11px; position: absolute; transform: skew(-45deg); z-index: 2; } #polaris-advertise-magazine a span::after { transition-duration: 0.2s; perspective: 1000px; transform: skew(45deg); width: 0px; height: 0px; border-style: solid; border-width: 0px 0px 6px 6px; border-color: transparent transparent rgb(10, 86, 136); content: ""; display: block; position: absolute; left: -3px; top: -6px; } #polaris-advertise-magazine a:hover { text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; } #polaris-advertise-magazine a:hover span { box-shadow: rgba(0, 112, 202, 0.6) 0px 0px 8px 1px, rgba(0, 112, 202, 0.5) 0px 0px 55px 15px; background-color: rgb(67, 237, 248); } #polaris-advertise-magazine a:hover span::after { border-color: transparent transparent rgb(67, 237, 248); } @media only screen and (max-width: 768px) { #polaris-advertise-magazine a { display: inline-block; margin: 0px 0px 20px; float: none; } } #polaris-video { position: relative; display: none; } #polaris-video a { display: block; position: relative; } #polaris-video a img { width: 100%; } #polaris-video a::before, #polaris-video a::after { content: ""; display: block; position: absolute; } #polaris-video a::before { width: 155px; height: 141px; background: center center; top: 50%; left: 50%; margin: -80px 0px 0px -78px; } #polaris-video a::after { content: "Meet the Starfarer"; text-align: center; width: 100%; left: 0px; top: 50%; margin-top: 55px; color: rgb(255, 255, 255); font-size: 24px; font-family: Electrolize; } #polaris-video .video-container { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; } #polaris-video .video-container .fluid-video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0px; } #polaris-video .video-container .fluid-video iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } #polaris-magazine { max-width: 100%; width: 100%; height: 100%; padding: 0px; margin: 0px; position: fixed; left: 0px; top: 0px; background-color: rgb(0, 0, 0); visibility: hidden; display: block; overflow: hidden; z-index: 1; } #polaris-magazine .magazine-close { width: 86px; height: 47px; background: center top; position: absolute; right: 0px; top: 0px; z-index: 9996; cursor: pointer; transition-duration: 0.2s; perspective: 1000px; } #polaris-magazine .magazine-close:hover { opacity: 0.7; } #polaris-magazine .bb-bookblock { width: 200%; height: 100%; max-height: none; position: fixed; background: rgb(0, 0, 0); z-index: 9995; top: 0px; left: -80%; } #polaris-magazine .bb-custom-wrapper { width: 100%; height: 100%; position: relative; overflow: hidden; } #polaris-magazine .bb-page { width: 50%; height: 100%; left: 50%; position: absolute; transform-style: preserve-3d; transform-origin: left center; } #polaris-magazine .bb-page > div, #polaris-magazine .bb-outer, #polaris-magazine .bb-content { position: absolute; height: 100%; top: 0px; left: 0px; } #polaris-magazine .bb-inner { position: relative; width: 100%; height: 100%; } #polaris-magazine .bb-overlay, #polaris-magazine .bb-outer { backface-visibility: hidden; } #polaris-magazine .bb-page > div { width: 100%; transform-style: preserve-3d; backface-visibility: hidden; } #polaris-magazine .bb-back { transform: rotateY(-180deg); } #polaris-magazine .bb-outer { width: 100%; overflow: hidden; z-index: 9998; } #polaris-magazine .bb-overlay, #polaris-magazine .bb-flipoverlay { background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; z-index: 9999; } #polaris-magazine .bb-flipoverlay { background-color: rgba(0, 0, 0, 0.2); } #polaris-magazine .bb-bookblock > div.bb-page:first-child, #polaris-magazine .bb-bookblock > div.bb-page:first-child .bb-back { transform: rotateY(180deg); } #polaris-magazine .bb-bookblock .bb-item { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: none; background: rgb(0, 0, 0); } #polaris-magazine .img { width: 132%; height: 100%; background-size: 37%; background-repeat: no-repeat; background-position: center center; } #polaris-magazine .img1 { background-image: ; } #polaris-magazine .img2 { background-image: ; } #polaris-magazine .img3 { background-image: ; } #polaris-magazine .img4 { background-image: ; } #polaris-magazine .img5 { background-image: ; } #polaris-magazine .img6 { background-image: ; } #polaris-magazine .img7 { background-image: ; } #polaris-magazine .img8 { background-image: ; } #polaris-magazine .img9 { background-image: ; } #polaris-magazine .img10 { background-image: ; } #polaris-magazine .img11 { background-image: ; } #polaris-magazine .img12 { background-image: ; } #polaris-magazine .img13 { background-image: ; } #polaris-magazine .img14 { background-image: ; } #polaris-magazine .img15 { background-image: ; } #polaris-magazine .img16 { background-image: ; } #polaris-magazine .img17 { background-image: ; } #polaris-magazine .img18 { background-image: ; } #polaris-magazine .img19 { background-image: ; } #polaris-magazine .img20 { background-image: ; } #polaris-magazine .img21 { background-image: ; } #polaris-magazine .img22 { background-image: ; } #polaris-magazine .img23 { background-image: ; } #polaris-magazine .img24 { background-image: ; } #polaris-magazine .img25 { background-image: ; } #polaris-magazine .img26 { background-image: ; } #polaris-magazine .img27 { background-image: ; } #polaris-magazine .img28 { background-image: ; } #polaris-magazine .block-misc { display: none; position: absolute; opacity: 0; transition-duration: 0.2s; perspective: 1000px; } #polaris-magazine .block-misc .block-top { display: none; } #polaris-magazine .block-misc .block-middle { background: center top repeat-y; width: 603px; box-sizing: border-box; padding: 40px 56px 0px; position: relative; } #polaris-magazine .block-misc .block-middle h2 { font: 20px Lora !important; color: rgb(222, 224, 228) !important; text-transform: uppercase !important; margin: 0px 0px 10px !important; position: relative !important; top: 0px !important; } #polaris-magazine .block-misc .block-middle h2 .caps { font: 23px Orbitron !important; color: rgb(222, 224, 228) !important; text-transform: uppercase !important; } #polaris-magazine .block-misc .block-middle .text p { font-family: Lora !important; font-size: 16px !important; color: rgb(209, 209, 209) !important; margin: 0px 0px 20px !important; padding: 0px !important; line-height: 28px !important; max-width: initial !important; width: auto !important; min-width: initial !important; } #polaris-magazine .block-misc .block-middle .text p .initial { float: none !important; line-height: inherit !important; height: auto !important; font-size: 18px !important; text-transform: none !important; margin-right: 0px !important; } #polaris-magazine .block-misc .block-bottom { background: center top no-repeat; width: 603px; height: 53px; position: relative; top: -20px; } .nav-polaris { width: 86px; height: 86px; display: block; background: rgba(0, 0, 0, 0.7); position: absolute; top: 50%; margin-top: -43px; z-index: 9996; border-radius: 100%; } .nav-polaris::after { content: ""; display: block; background-image: ; width: 25px; height: 27px; position: absolute; top: 30px; } .nav-polaris#bb-nav-prev { left: -43px; } .nav-polaris#bb-nav-prev::after { background-position: left top; left: 46px; } .nav-polaris#bb-nav-next { right: -43px; } .nav-polaris#bb-nav-next::after { background-position: right top; right: 46px; } #prowler-advertise-magazine { margin: 50px 0px; } #prowler-advertise-magazine .fake { width: 100%; height: 100%; position: relative; overflow: hidden; } #prowler-advertise-magazine img { float: left; } @media only screen and (max-width: 1024px) { #prowler-advertise-magazine img { float: none; margin: 0px auto; width: 525px; display: block; } } @media only screen and (max-width: 658px) { #prowler-advertise-magazine img { width: 100%; } } #prowler-advertise-magazine .f-right { width: 450px; } @media only screen and (max-width: 1024px) { #prowler-advertise-magazine .f-right { float: none; margin: 0px auto; } } #prowler-advertise-magazine h1 { font-size: 32px; padding: 46px 0px; color: rgb(177, 216, 241); font-weight: 700; text-align: center; background: center top no-repeat; font-family: Orbitron; } #prowler-advertise-magazine p { margin-top: -30px; font-size: 18px; color: rgb(242, 242, 242); font-family: Electrolize; text-align: center; } #prowler-advertise-magazine a { width: 371px; text-align: center; transition-duration: 0.2s; perspective: 1000px; position: relative; border-top: 1px solid rgb(10, 86, 136); border-bottom: 1px solid rgb(10, 86, 136); border-left: 1px solid rgb(10, 86, 136); background: rgba(10, 86, 136, 0.4); padding: 22px 19px 22px 38px; display: block; text-transform: uppercase; color: rgb(213, 247, 255); font: 500 16px / 16px Orbitron; } #prowler-advertise-magazine a::before, #prowler-advertise-magazine a::after { content: ""; display: block; position: absolute; border-right: 1px solid rgb(10, 86, 136); border-top: 1px solid rgb(10, 86, 136); background: rgba(10, 86, 136, 0.4); } #prowler-advertise-magazine a::before { width: 20px; height: 40px; position: absolute; right: -21px; top: -1px; } #prowler-advertise-magazine a::after { background: 0px 0px; right: -21px; bottom: -1px; width: 0px; height: 0px; border-style: solid; border-width: 21px 21px 0px 0px; border-color: rgba(10, 86, 136, 0.4) transparent transparent; } #prowler-advertise-magazine a span { transition-duration: 0.2s; perspective: 1000px; width: 6px; height: 20px; content: ""; display: block; background: rgb(10, 86, 136); bottom: -1px; right: -11px; position: absolute; transform: skew(-45deg); z-index: 2; } #prowler-advertise-magazine a span::after { transition-duration: 0.2s; perspective: 1000px; transform: skew(45deg); width: 0px; height: 0px; border-style: solid; border-width: 0px 0px 6px 6px; border-color: transparent transparent rgb(10, 86, 136); content: ""; display: block; position: absolute; left: -3px; top: -6px; } #prowler-advertise-magazine a:hover { text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; } #prowler-advertise-magazine a:hover span { box-shadow: rgba(0, 112, 202, 0.6) 0px 0px 8px 1px, rgba(0, 112, 202, 0.5) 0px 0px 55px 15px; background-color: rgb(67, 237, 248); } #prowler-advertise-magazine a:hover span::after { border-color: transparent transparent rgb(67, 237, 248); } @media only screen and (max-width: 768px) { #prowler-advertise-magazine a { display: inline-block; margin: 0px 0px 20px; float: none; } } #prowler-video { position: relative; display: none; } #prowler-video a { display: block; position: relative; } #prowler-video a img { width: 100%; } #prowler-video a::before, #prowler-video a::after { content: ""; display: block; position: absolute; } #prowler-video a::before { width: 155px; height: 141px; background: center center; top: 50%; left: 50%; margin: -80px 0px 0px -78px; } #prowler-video a::after { content: "Meet the Starfarer"; text-align: center; width: 100%; left: 0px; top: 50%; margin-top: 55px; color: rgb(255, 255, 255); font-size: 24px; font-family: Electrolize; } #prowler-video .video-container { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; } #prowler-video .video-container .fluid-video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0px; } #prowler-video .video-container .fluid-video iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } #prowler-magazine { max-width: 100%; width: 100%; height: 100%; padding: 0px; margin: 0px; position: fixed; left: 0px; top: 0px; background-color: rgb(0, 0, 0); visibility: hidden; display: block; overflow: hidden; z-index: 1; } #prowler-magazine .bb-bookblock { width: 200%; height: 100%; max-height: none; position: fixed; background: rgb(0, 0, 0); z-index: 9995; top: 0px; left: -95%; } #prowler-magazine .img { width: 145.5%; height: 100%; background-size: 35%; background-repeat: no-repeat; background-position: center center; } #prowler-magazine .img1 { background-image: ; } #prowler-magazine .img2 { background-image: ; } #prowler-magazine .img3 { background-image: ; } #prowler-magazine .img4 { background-image: ; } #prowler-magazine .img5 { background-image: ; } #prowler-magazine .img6 { background-image: ; } #prowler-magazine .img7 { background-image: ; } #prowler-magazine .img8 { background-image: ; } #prowler-magazine .img9 { background-image: ; } #prowler-magazine .img10 { background-image: ; } #prowler-magazine .img11 { background-image: ; } #prowler-magazine .img12 { background-image: ; } #prowler-magazine .img13 { background-image: ; } #prowler-magazine .img14 { background-image: ; } #prowler-magazine .img15 { background-image: ; } #prowler-magazine .img16 { background-image: ; } #prowler-magazine .img17 { background-image: ; } #prowler-magazine .img18 { background-image: ; } #prowler-magazine .img19 { background-image: ; } #prowler-magazine .img20 { background-image: ; } #prowler-magazine .img21 { background-image: ; } #prowler-magazine .img22 { background-image: ; } #prowler-magazine .img23 { background-image: ; } #razor-magazine { max-width: 100%; width: 100%; height: 100%; padding: 0px; margin: 0px; position: fixed; left: 0px; top: 0px; background-color: rgb(0, 0, 0); visibility: hidden; display: block; overflow: hidden; z-index: 1; } #razor-magazine .bb-bookblock { width: 200%; height: 100%; max-height: none; position: fixed; background: rgb(0, 0, 0); z-index: 9995; top: 0px; left: -95%; } #razor-magazine .img { width: 145.5%; height: 100%; background-size: 35%; background-repeat: no-repeat; background-position: center center; } #razor-magazine .img0 { background-image: ; } #razor-magazine .img1 { background-image: ; } #razor-magazine .img2 { background-image: ; } #razor-magazine .img3 { background-image: ; } #razor-magazine .img4 { background-image: ; } #razor-magazine .img5 { background-image: ; } #razor-magazine .img6 { background-image: ; } #razor-magazine .img7 { background-image: ; } #razor-magazine .img8 { background-image: ; } #razor-magazine .img9 { background-image: ; } #razor-magazine .img10 { background-image: ; } #razor-magazine .img11 { background-image: ; } #razor-magazine .img12 { background-image: ; } #razor-magazine .img13 { background-image: ; } #starfarer-advertise-magazine { margin: 50px 0px; } #starfarer-advertise-magazine img { float: left; } @media only screen and (max-width: 1024px) { #starfarer-advertise-magazine img { float: none; margin: 0px auto; width: 525px; display: block; } } @media only screen and (max-width: 658px) { #starfarer-advertise-magazine img { width: 100%; } } #starfarer-advertise-magazine .f-right { width: 450px; } @media only screen and (max-width: 1024px) { #starfarer-advertise-magazine .f-right { float: none; margin: 0px auto; } } #starfarer-advertise-magazine h1 { font-size: 32px; padding: 46px 0px; color: rgb(177, 216, 241); font-weight: 700; text-align: center; background: center top no-repeat; font-family: Orbitron; } #starfarer-advertise-magazine p { margin-top: -30px; font-size: 18px; color: rgb(242, 242, 242); font-family: Electrolize; text-align: center; } #starfarer-advertise-magazine a { width: 371px; text-align: center; transition-duration: 0.2s; perspective: 1000px; position: relative; border-top: 1px solid rgb(10, 86, 136); border-bottom: 1px solid rgb(10, 86, 136); border-left: 1px solid rgb(10, 86, 136); background: rgba(10, 86, 136, 0.4); padding: 22px 19px 22px 38px; display: block; text-transform: uppercase; color: rgb(213, 247, 255); font: 500 16px / 16px Orbitron; } #starfarer-advertise-magazine a::before, #starfarer-advertise-magazine a::after { content: ""; display: block; position: absolute; border-right: 1px solid rgb(10, 86, 136); border-top: 1px solid rgb(10, 86, 136); background: rgba(10, 86, 136, 0.4); } #starfarer-advertise-magazine a::before { width: 20px; height: 40px; position: absolute; right: -21px; top: -1px; } #starfarer-advertise-magazine a::after { background: 0px 0px; right: -21px; bottom: -1px; width: 0px; height: 0px; border-style: solid; border-width: 21px 21px 0px 0px; border-color: rgba(10, 86, 136, 0.4) transparent transparent; } #starfarer-advertise-magazine a span { transition-duration: 0.2s; perspective: 1000px; width: 6px; height: 20px; content: ""; display: block; background: rgb(10, 86, 136); bottom: -1px; right: -11px; position: absolute; transform: skew(-45deg); z-index: 2; } #starfarer-advertise-magazine a span::after { transition-duration: 0.2s; perspective: 1000px; transform: skew(45deg); width: 0px; height: 0px; border-style: solid; border-width: 0px 0px 6px 6px; border-color: transparent transparent rgb(10, 86, 136); content: ""; display: block; position: absolute; left: -3px; top: -6px; } #starfarer-advertise-magazine a:hover { text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; } #starfarer-advertise-magazine a:hover span { box-shadow: rgba(0, 112, 202, 0.6) 0px 0px 8px 1px, rgba(0, 112, 202, 0.5) 0px 0px 55px 15px; background-color: rgb(67, 237, 248); } #starfarer-advertise-magazine a:hover span::after { border-color: transparent transparent rgb(67, 237, 248); } @media only screen and (max-width: 768px) { #starfarer-advertise-magazine a { display: inline-block; margin: 0px 0px 20px; float: none; } } #starfarer-video { position: relative; } #starfarer-video a { display: block; position: relative; } #starfarer-video a img { width: 100%; } #starfarer-video a::before, #starfarer-video a::after { content: ""; display: block; position: absolute; } #starfarer-video a::before { width: 155px; height: 141px; background: center center; top: 50%; left: 50%; margin: -80px 0px 0px -78px; } #starfarer-video a::after { content: "Meet the Starfarer"; text-align: center; width: 100%; left: 0px; top: 50%; margin-top: 55px; color: rgb(255, 255, 255); font-size: 24px; font-family: Electrolize; } #starfarer-video .video-container { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; } #starfarer-video .video-container .fluid-video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0px; } #starfarer-video .video-container .fluid-video iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } #starfarer-magazine { max-width: 100%; width: 100%; height: 100%; padding: 0px; margin: 0px; position: fixed; left: 0px; top: 0px; background-color: rgb(0, 0, 0); visibility: hidden; display: block; overflow: hidden; z-index: 1; } #starfarer-magazine .starfarer-magazine-close { width: 86px; height: 47px; background: center top; position: absolute; right: 0px; top: 0px; z-index: 9996; cursor: pointer; transition-duration: 0.2s; perspective: 1000px; } #starfarer-magazine .starfarer-magazine-close:hover { opacity: 0.7; } .bb-bookblock { width: 100%; height: 100%; position: fixed; background: rgb(0, 0, 0); z-index: 9995; top: 0px; left: 0px; } .bb-custom-wrapper { width: 100%; height: 100%; position: relative; overflow: hidden; } .bb-page { width: 50%; height: 100%; left: 50%; position: absolute; transform-style: preserve-3d; transform-origin: left center; } .bb-page > div, .bb-outer, .bb-content { position: absolute; height: 100%; top: 0px; left: 0px; } .bb-inner { position: relative; width: 100%; height: 100%; } .bb-overlay, .bb-outer { backface-visibility: hidden; } .bb-page > div { width: 100%; transform-style: preserve-3d; backface-visibility: hidden; } .bb-back { transform: rotateY(-180deg); } .bb-outer { width: 100%; overflow: hidden; z-index: 9998; } .bb-overlay, .bb-flipoverlay { background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; z-index: 9999; } .bb-flipoverlay { background-color: rgba(0, 0, 0, 0.2); } .bb-bookblock > div.bb-page:first-child, .bb-bookblock > div.bb-page:first-child .bb-back { transform: rotateY(180deg); } .js .bb-item { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: none; background: rgb(255, 255, 255); } #starfarer-magazine .nav { width: 86px; height: 86px; display: block; background: rgba(0, 0, 0, 0.7); position: absolute; top: 50%; margin-top: -43px; z-index: 9996; border-radius: 100%; } #starfarer-magazine .nav::after { content: ""; display: block; background-image: ; width: 25px; height: 27px; position: absolute; top: 30px; } #starfarer-magazine .nav#bb-nav-prev { left: -43px; } #starfarer-magazine .nav#bb-nav-prev::after { background-position: left top; left: 46px; } #starfarer-magazine .nav#bb-nav-next { right: -43px; } #starfarer-magazine .nav#bb-nav-next::after { background-position: right top; right: 46px; } .img { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; } .block-misc { position: absolute; opacity: 0; transition-duration: 0.2s; perspective: 1000px; } .block-misc .block-top { background: center top no-repeat; width: 517px; height: 99px; } .block-misc .block-middle { background: center top repeat-y; width: 517px; box-sizing: border-box; padding: 0px 42px 0px 52px; position: relative; } .block-misc .block-middle h2 { font: 23px Orbitron !important; color: rgb(222, 224, 228) !important; text-transform: uppercase !important; margin: 0px !important; position: absolute !important; top: -46px !important; } .block-misc .block-middle h2 .caps { font: 23px Orbitron !important; color: rgb(222, 224, 228) !important; text-transform: uppercase !important; } .block-misc .block-middle .text p { font-family: Electrolize !important; font-size: 18px !important; color: rgb(209, 209, 209) !important; margin: 0px 0px 20px !important; padding: 0px !important; line-height: 28px !important; max-width: initial !important; width: auto !important; min-width: initial !important; } .block-misc .block-middle .text p .initial { float: none !important; line-height: inherit !important; height: auto !important; font-size: 18px !important; text-transform: none !important; margin-right: 0px !important; } .block-misc .block-bottom { background: center top no-repeat; width: 517px; height: 48px; position: relative; top: -20px; } .bb-bookblock #item1.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page1; } .bb-bookblock #item2.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page2; } .bb-bookblock #item3.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page3; } .bb-bookblock #item4.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page4; } .bb-bookblock #item5.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page5; } .bb-bookblock #item6.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page6; } .bb-bookblock #item7.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page7; } .bb-bookblock #item8.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page8; } .bb-bookblock #item9.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page9; } .bb-bookblock #item10.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page10; } .bb-bookblock #item11.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page11; } .bb-bookblock #item12.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page12; } .bb-bookblock #item13.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page13; } .bb-bookblock #item14.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page14; } .bb-bookblock #item15.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page15; } .bb-bookblock #item16.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page16; } .bb-bookblock #item17.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page17; } @-webkit-keyframes page1 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page1 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page2 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page2 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page3 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page3 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page4 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page4 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page5 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page5 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page6 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page6 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page7 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page7 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page8 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page8 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page9 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page9 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page10 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page10 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page11 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page11 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page12 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page12 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page13 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page13 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page14 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page14 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page15 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page15 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page16 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page16 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page17 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page17 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } #terrapin-advertise-magazine { margin: 50px 0px; } #terrapin-advertise-magazine .fake { width: 100%; height: 100%; position: relative; overflow: hidden; } #terrapin-advertise-magazine img { float: left; } @media only screen and (max-width: 1024px) { #terrapin-advertise-magazine img { float: none; margin: 0px auto; width: 525px; display: block; } } @media only screen and (max-width: 658px) { #terrapin-advertise-magazine img { width: 100%; } } #terrapin-advertise-magazine .f-right { width: 450px; } @media only screen and (max-width: 1024px) { #terrapin-advertise-magazine .f-right { float: none; margin: 0px auto; } } #terrapin-advertise-magazine h1 { font-size: 32px; padding: 46px 0px; color: rgb(177, 216, 241); font-weight: 700; text-align: center; background: center top no-repeat; font-family: Orbitron; } #terrapin-advertise-magazine p { margin-top: -30px; font-size: 18px; color: rgb(242, 242, 242); font-family: Electrolize; text-align: center; } #terrapin-advertise-magazine a { width: 371px; text-align: center; transition-duration: 0.2s; perspective: 1000px; position: relative; border-top: 1px solid rgb(10, 86, 136); border-bottom: 1px solid rgb(10, 86, 136); border-left: 1px solid rgb(10, 86, 136); background: rgba(10, 86, 136, 0.4); padding: 22px 19px 22px 38px; display: block; text-transform: uppercase; color: rgb(213, 247, 255); font: 500 16px / 16px Orbitron; } #terrapin-advertise-magazine a::before, #terrapin-advertise-magazine a::after { content: ""; display: block; position: absolute; border-right: 1px solid rgb(10, 86, 136); border-top: 1px solid rgb(10, 86, 136); background: rgba(10, 86, 136, 0.4); } #terrapin-advertise-magazine a::before { width: 20px; height: 40px; position: absolute; right: -21px; top: -1px; } #terrapin-advertise-magazine a::after { background: 0px 0px; right: -21px; bottom: -1px; width: 0px; height: 0px; border-style: solid; border-width: 21px 21px 0px 0px; border-color: rgba(10, 86, 136, 0.4) transparent transparent; } #terrapin-advertise-magazine a span { transition-duration: 0.2s; perspective: 1000px; width: 6px; height: 20px; content: ""; display: block; background: rgb(10, 86, 136); bottom: -1px; right: -11px; position: absolute; transform: skew(-45deg); z-index: 2; } #terrapin-advertise-magazine a span::after { transition-duration: 0.2s; perspective: 1000px; transform: skew(45deg); width: 0px; height: 0px; border-style: solid; border-width: 0px 0px 6px 6px; border-color: transparent transparent rgb(10, 86, 136); content: ""; display: block; position: absolute; left: -3px; top: -6px; } #terrapin-advertise-magazine a:hover { text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; } #terrapin-advertise-magazine a:hover span { box-shadow: rgba(0, 112, 202, 0.6) 0px 0px 8px 1px, rgba(0, 112, 202, 0.5) 0px 0px 55px 15px; background-color: rgb(67, 237, 248); } #terrapin-advertise-magazine a:hover span::after { border-color: transparent transparent rgb(67, 237, 248); } @media only screen and (max-width: 768px) { #terrapin-advertise-magazine a { display: inline-block; margin: 0px 0px 20px; float: none; } } #terrapin-video { position: relative; display: none; } #terrapin-video a { display: block; position: relative; } #terrapin-video a img { width: 100%; } #terrapin-video a::before, #terrapin-video a::after { content: ""; display: block; position: absolute; } #terrapin-video a::before { width: 155px; height: 141px; background: center center; top: 50%; left: 50%; margin: -80px 0px 0px -78px; } #terrapin-video a::after { content: "Meet the Starfarer"; text-align: center; width: 100%; left: 0px; top: 50%; margin-top: 55px; color: rgb(255, 255, 255); font-size: 24px; font-family: Electrolize; } #terrapin-video .video-container { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; } #terrapin-video .video-container .fluid-video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0px; } #terrapin-video .video-container .fluid-video iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } #terrapin-magazine { max-width: 100%; width: 100%; height: 100%; padding: 0px; margin: 0px; position: fixed; left: 0px; top: 0px; background-color: rgb(0, 0, 0); visibility: hidden; display: block; overflow: hidden; z-index: 1; } #terrapin-magazine .terrapin-magazine-close { width: 86px; height: 47px; background: center top; position: absolute; right: 0px; top: 0px; z-index: 9996; cursor: pointer; transition-duration: 0.2s; perspective: 1000px; } #terrapin-magazine .terrapin-magazine-close:hover { opacity: 0.7; } #terrapin-magazine .bb-bookblock { width: 200%; height: 100%; max-height: none; position: fixed; background: rgb(0, 0, 0); z-index: 9995; top: 0px; left: -83%; } #terrapin-magazine .bb-custom-wrapper { width: 100%; height: 100%; position: relative; overflow: hidden; } #terrapin-magazine .bb-page { width: 50%; height: 100%; left: 50%; position: absolute; transform-style: preserve-3d; transform-origin: left center; } #terrapin-magazine .bb-page > div, #terrapin-magazine .bb-outer, #terrapin-magazine .bb-content { position: absolute; height: 100%; top: 0px; left: 0px; } #terrapin-magazine .bb-inner { position: relative; width: 100%; height: 100%; } #terrapin-magazine .bb-overlay, #terrapin-magazine .bb-outer { backface-visibility: hidden; } #terrapin-magazine .bb-page > div { width: 100%; transform-style: preserve-3d; backface-visibility: hidden; } #terrapin-magazine .bb-back { transform: rotateY(-180deg); } #terrapin-magazine .bb-outer { width: 100%; overflow: hidden; z-index: 9998; } #terrapin-magazine .bb-overlay, #terrapin-magazine .bb-flipoverlay { background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; z-index: 9999; } #terrapin-magazine .bb-flipoverlay { background-color: rgba(0, 0, 0, 0.2); } #terrapin-magazine .bb-bookblock > div.bb-page:first-child, #terrapin-magazine .bb-bookblock > div.bb-page:first-child .bb-back { transform: rotateY(180deg); } #terrapin-magazine .bb-bookblock .bb-item { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: none; background: rgb(0, 0, 0); } #terrapin-magazine .img { width: 133%; height: 100%; background-size: 38%; background-repeat: no-repeat; background-position: center center; } #terrapin-magazine .img1 { background-image: ; } #terrapin-magazine .img2 { background-image: ; } #terrapin-magazine .img3 { background-image: ; } #terrapin-magazine .img4 { background-image: ; } #terrapin-magazine .img5 { background-image: ; } #terrapin-magazine .img6 { background-image: ; } #terrapin-magazine .img7 { background-image: ; } #terrapin-magazine .img8 { background-image: ; } #terrapin-magazine .img9 { background-image: ; } #terrapin-magazine .img10 { background-image: ; } #terrapin-magazine .img11 { background-image: ; } #terrapin-magazine .img12 { background-image: ; } #terrapin-magazine .img13 { background-image: ; } #terrapin-magazine .img14 { background-image: ; } #terrapin-magazine .img15 { background-image: ; } #terrapin-magazine .img16 { background-image: ; } #terrapin-magazine .img17 { background-image: ; } #terrapin-magazine .img18 { background-image: ; } #terrapin-magazine .img19 { background-image: ; } #terrapin-magazine .img20 { background-image: ; } #terrapin-magazine .img21 { background-image: ; } #terrapin-magazine .img22 { background-image: ; } #terrapin-magazine .img23 { background-image: ; } #terrapin-magazine .img24 { background-image: ; } #terrapin-magazine .block-misc { display: none; position: absolute; opacity: 0; transition-duration: 0.2s; perspective: 1000px; } #terrapin-magazine .block-misc .block-top { display: none; } #terrapin-magazine .block-misc .block-middle { background: center top repeat-y; width: 603px; box-sizing: border-box; padding: 40px 56px 0px; position: relative; } #terrapin-magazine .block-misc .block-middle h2 { font: 20px Lora !important; color: rgb(222, 224, 228) !important; text-transform: uppercase !important; margin: 0px 0px 10px !important; position: relative !important; top: 0px !important; } #terrapin-magazine .block-misc .block-middle h2 .caps { font: 23px Orbitron !important; color: rgb(222, 224, 228) !important; text-transform: uppercase !important; } #terrapin-magazine .block-misc .block-middle .text p { font-family: Lora !important; font-size: 16px !important; color: rgb(209, 209, 209) !important; margin: 0px 0px 20px !important; padding: 0px !important; line-height: 28px !important; max-width: initial !important; width: auto !important; min-width: initial !important; } #terrapin-magazine .block-misc .block-middle .text p .initial { float: none !important; line-height: inherit !important; height: auto !important; font-size: 18px !important; text-transform: none !important; margin-right: 0px !important; } #terrapin-magazine .block-misc .block-bottom { background: center top no-repeat; width: 603px; height: 53px; position: relative; top: -20px; } #terrapin-magazine .bb-bookblock #item1.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page1; } #terrapin-magazine .bb-bookblock #item2.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page2; } #terrapin-magazine .bb-bookblock #item3.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page3; } #terrapin-magazine .bb-bookblock #item4.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page4; } #terrapin-magazine .bb-bookblock #item5.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page5; } #terrapin-magazine .bb-bookblock #item6.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page6; } #terrapin-magazine .bb-bookblock #item7.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page7; } #terrapin-magazine .bb-bookblock #item8.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page8; } #terrapin-magazine .bb-bookblock #item9.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page9; } #terrapin-magazine .bb-bookblock #item10.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page10; } #terrapin-magazine .bb-bookblock #item11.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page11; } #terrapin-magazine .bb-bookblock #item12.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page12; } #terrapin-magazine .bb-bookblock #item13.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page13; } #terrapin-magazine .bb-bookblock #item14.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page14; } #terrapin-magazine .bb-bookblock #item15.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page15; } #terrapin-magazine .bb-bookblock #item16.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page16; } #terrapin-magazine .bb-bookblock #item17.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page17; } #terrapin-magazine .bb-bookblock #item18.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page18; } #terrapin-magazine .bb-bookblock #item19.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page19; } #terrapin-magazine .bb-bookblock #item20.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page20; } #terrapin-magazine .bb-bookblock #item21.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page21; } #terrapin-magazine .bb-bookblock #item22.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page22; } #terrapin-magazine .bb-bookblock #item23.show .block-misc { animation: 0.3s linear 0.3s 1 normal forwards running page23; } @-webkit-keyframes page1 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; right: 0px; } } @keyframes page1 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; right: 0px; } } @-webkit-keyframes page2 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; right: 0px; } } @keyframes page2 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; right: 0px; } } @-webkit-keyframes page3 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; right: 0px; } } @keyframes page3 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page4 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page4 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page5 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page5 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page6 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page6 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page7 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page7 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page8 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page8 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page9 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page9 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page10 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page10 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page11 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page11 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page12 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page12 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page13 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page13 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page14 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page14 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page15 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page15 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page16 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page16 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page17 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page17 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page18 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page18 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page19 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page19 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page20 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page20 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page21 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page21 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page22 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page22 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @-webkit-keyframes page23 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } @keyframes page23 { 0% { opacity: 0; top: 150px; } 100% { opacity: 1; top: 170px; } } .nav-terrapin { width: 86px; height: 86px; display: block; background: rgba(0, 0, 0, 0.7); position: absolute; top: 50%; margin-top: -43px; z-index: 9996; border-radius: 100%; } .nav-terrapin::after { content: ""; display: block; background-image: ; width: 25px; height: 27px; position: absolute; top: 30px; } .nav-terrapin#bb-nav-prev { left: -43px; } .nav-terrapin#bb-nav-prev::after { background-position: left top; left: 46px; } .nav-terrapin#bb-nav-next { right: -43px; } .nav-terrapin#bb-nav-next::after { background-position: right top; right: 46px; } #community #post-background { position: absolute; opacity: 1; background: center top no-repeat; } #community #home-background { position: absolute; inset: 0px; background: center bottom no-repeat, center bottom repeat-y; overflow: hidden; } @media only screen and (max-width: 1280px) { #community #home-background { background-image: , ; } } @media only screen and (max-width: 768px) { #community #home-background { background-image: , ; } } @media only screen and (max-width: 500px) { #community #home-background { background-image: , ; } } #community #home-background .bg-home-stars { position: absolute; inset: 0px 0px 750px; background: center bottom repeat-y; } @media only screen and (max-width: 1280px) { #community #home-background .bg-home-stars { background-image: ; } } @media only screen and (max-width: 768px) { #community #home-background .bg-home-stars { background-image: ; } } @media only screen and (max-width: 500px) { #community #home-background .bg-home-stars { background-image: ; } } #community #contentbody .wrapper { max-width: 1110px; padding: 0px 15px; } #community #contentbody .wrapper .glow-page-title .wrapper { padding: 0px; } #community #contentbody .wrapper .glow-page-title .inner-title .title { left: 0px; padding-left: 30px; } #community #contentbody .wrapper .submission-listing { min-height: 300px; } #community #contentbody .profile-user { width: 355px; height: 160px; background: center center; position: absolute; right: 0px; top: -36px; } @media only screen and (max-width: 1110px) { #community #contentbody .profile-user { height: 33px; width: 343px; top: initial; position: relative; right: initial; border-style: solid; border-color: rgb(2, 64, 110); border-image: initial; border-width: 1px 0px; } } #community #contentbody .profile-user .citizen-identity-info { position: absolute; left: 17px; top: 17px; } @media only screen and (max-width: 1110px) { #community #contentbody .profile-user .citizen-identity-info { display: none; } } #community #contentbody .profile-user .actions { width: 320px; height: 33px; position: absolute; bottom: 0px; left: 0px; } #community #contentbody .profile-user .actions .action { display: block; position: relative; line-height: 33px; width: 160px; height: 100%; float: left; text-align: center; font-size: 11px; color: rgb(13, 103, 162); transition-duration: 0.2s; perspective: 1000px; } #community #contentbody .profile-user .actions .action span { position: relative; display: inline-block; margin: 0px auto; font-family: Electrolize; } #community #contentbody .profile-user .actions .action span::after { transition-duration: 0.2s; perspective: 1000px; content: ""; display: block; opacity: 0; position: absolute; bottom: 0px; height: 4px; width: 100%; background: rgb(67, 237, 248); transform: skew(-30deg, 0deg); box-shadow: rgba(0, 112, 202, 0.79) 14px 2px 50px 4px, rgba(0, 112, 202, 0.5) 2px 2px 12px 1px; } #community #contentbody .profile-user .actions .action.submit-post::before { content: ""; display: block; position: absolute; top: 11px; right: 0px; height: 12px; width: 1px; background: rgb(13, 103, 162); transform: skew(-30deg, 0deg); } #community #contentbody .profile-user .actions .action:hover { color: rgb(67, 237, 248); } #community #contentbody .profile-user .actions .action:hover span::after { opacity: 1; } #community #contentbody .glow-page-title .inner-title .subtitle { padding-right: 30px; line-height: 48px; } @media only screen and (max-width: 765px) { #community #contentbody .glow-page-title .inner-title .title, #community #contentbody .glow-page-title .inner-title .subtitle { font-size: 12px; } } @media only screen and (max-width: 765px) { #community #contentbody .glow-page-title .nav-title .link .sepa, #community #contentbody .glow-page-title .nav-title .link .actions { display: none; } } #community #contentbody .glow-page-title.wrapper { padding: 0px; } #community #contentbody .glow-page-title.wrapper .inner-title .subtitle { padding: 0px; } #community #contentbody .glow-page-title.cloned { position: fixed; top: 0px; margin: 0px; z-index: 500; background: rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 0px 4px 2px -2px; } #community #contentbody .vote { height: 40px; } #community #contentbody .vote .upvote, #community #contentbody .vote .value { transition-duration: 0.2s; perspective: 1000px; float: left; display: block; color: rgb(21, 142, 188); } #community #contentbody .vote .upvote span, #community #contentbody .vote .value span { transition-duration: 0.2s; perspective: 1000px; } #community #contentbody .vote .upvote { width: 38px; height: 35px; border: 1px solid rgb(6, 108, 147); position: relative; transition-duration: 0.2s; perspective: 1000px; margin-right: 8px; } #community #contentbody .vote .upvote::before, #community #contentbody .vote .upvote::after { content: ""; display: block; position: absolute; transition-duration: 0.2s; perspective: 1000px; background: rgb(21, 142, 188); width: 10px; height: 7px; top: 14px; } #community #contentbody .vote .upvote::before { transform: skew(0deg, -45deg); left: 8px; } #community #contentbody .vote .upvote::after { transform: skew(0deg, 45deg); right: 8px; } #community #contentbody .vote .value { line-height: 40px; font-size: 11px; transition-duration: 0.2s; perspective: 1000px; text-transform: none; } #community #contentbody .vote.js-upvote { cursor: pointer; } #community #contentbody .vote.voted .upvote::before, #community #contentbody .vote.voted .upvote::after { background: rgb(67, 237, 247); box-shadow: rgb(0, 112, 202) 0px 0px 14px 1px; } #community #contentbody .vote.voted .value span { color: rgb(77, 255, 255); } #community #contentbody .vote:hover .upvote { box-shadow: rgba(0, 112, 202, 0.5) 0px 0px 14px 1px; border: 1px solid rgb(6, 108, 147); background: rgba(20, 155, 250, 0.1); } #community #contentbody .vote:hover .value span { color: rgb(21, 142, 188); } #community #contentbody .vote.vote-detail .upvote { width: auto; margin-right: 0px; } #community #contentbody .vote.vote-detail .upvote::before { left: 13px; } #community #contentbody .vote.vote-detail .upvote::after { right: initial; left: 25px; } #community #contentbody .vote.vote-detail .upvote span { padding: 0px 12px; margin-left: 47px; font-size: 18px; color: rgb(44, 121, 159); position: relative; line-height: 38px; } #community #contentbody .vote.vote-detail .upvote span::before { width: 1px; height: 19px; content: ""; position: absolute; background: rgb(6, 108, 147); display: block; left: 0px; top: 7px; } #community #contentbody .vote.vote-detail.voted .upvote span { color: rgb(67, 237, 248); } #community #contentbody .vote.vote-detail.voted .upvote span::before { background: rgb(67, 237, 248); } #community #contentbody article.staff-pick::before, #community #contentbody .dsr-box.staff-pick::before { content: ""; display: block; position: absolute; right: 0px; top: 0px; width: 111px; height: 111px; background: center center; z-index: 2; } #community #contentbody .dsr-box.staff-pick::before { background: center center; top: initial; bottom: 0px; } #community #contentbody .no-sub-block { width: 100%; height: 100%; max-height: 720px; background: rgba(0, 30, 49, 0.7); border-style: solid; border-color: rgb(10, 86, 136); border-image: initial; border-width: 0px 1px; padding: 90px 70px 100px; box-sizing: border-box; } #community #contentbody .no-sub-block .text { position: relative; color: rgb(0, 237, 255); font: bold 15px / 1 Orbitron, sans-serif; text-transform: uppercase; padding: 0px 0px 15px; border-bottom: 1px solid rgb(0, 237, 255); } #community #contentbody .no-sub-block .text::after { content: ""; display: block; width: 100px; height: 2px; position: absolute; left: 0px; bottom: -3px; background: rgb(0, 237, 255); } #community #contentbody .load-more-wrapper { margin-top: 15px; padding-bottom: 90px; } @media only screen and (max-width: 760px) { #community #contentbody { padding-bottom: 540px; } } #community.hub-action-container { display: flex; } #community.hub .two-columns .left-column { float: left; } @media only screen and (max-width: 1140px) { #community.hub .two-columns .left-column { float: none; } } #community.hub .two-columns .right-column { float: right; } @media only screen and (max-width: 1140px) { #community.hub .two-columns .right-column { width: 735px; margin: 0px auto 90px; float: none; } } @media only screen and (max-width: 765px) { #community.hub .two-columns .right-column { width: 360px; } } #community.hub .two-columns .right-column .cutting-edge-content { width: 360px; } #community.hub .cutting-edge-content .top-info .title { transition-duration: 0.3s; perspective: 1000px; padding: 0px 5px 0px 30px; background: rgba(0, 44, 69, 0.5); position: relative; height: 30px; min-width: 115px; } #community.hub .cutting-edge-content .top-info .title h3 { font-size: 12px; color: rgb(175, 130, 10); text-transform: uppercase; margin: 0px; padding-top: 16px; } #community.hub .cutting-edge-content .top-info .title::before { content: ""; display: block; position: absolute; height: 0px; border-style: solid; bottom: 0px; z-index: 1; border-width: 30px 0px 0px 30px; border-color: transparent transparent transparent rgba(0, 44, 69, 0.5); right: -30px; } #community.hub .cutting-edge-content .bottom-info { float: right; height: 30px; } #community.hub .cutting-edge-content .bottom-info > div::before { content: ""; display: block; position: absolute; height: 0px; border-style: solid; bottom: 0px; z-index: 1; border-width: 0px 30px 30px 0px; border-color: transparent rgba(0, 44, 69, 0.5) transparent transparent; left: -30px; } #community.hub .cutting-edge-content .bottom-info > div .actions { width: 165px; height: 30px; background: rgba(0, 44, 69, 0.5); position: relative; } #community.hub .cutting-edge-content .bottom-info > div .actions .link { display: block; line-height: 7px; float: right; padding-right: 25px; } #community.hub .cutting-edge-content .bottom-info > div .actions .link .label { opacity: 0.4; font-family: Electrolize; font-size: 12px; color: rgb(44, 121, 159); text-transform: uppercase; transition-duration: 0.3s; perspective: 1000px; } #community.hub .cutting-edge-content .bottom-info > div .actions .link .arrow { top: -25px; } #community.hub .cutting-edge-content .bottom-info > div .actions.nav { width: 100px; } #community.hub .cutting-edge-content .bottom-info > div .actions.nav .up, #community.hub .cutting-edge-content .bottom-info > div .actions.nav .down { display: block; position: absolute; opacity: 0.6; height: 25px; width: 23px; background: no-repeat; } #community.hub .cutting-edge-content .bottom-info > div .actions.nav .up:hover, #community.hub .cutting-edge-content .bottom-info > div .actions.nav .down:hover { opacity: 1; } #community.hub .cutting-edge-content .bottom-info > div .actions.nav .up.inactive, #community.hub .cutting-edge-content .bottom-info > div .actions.nav .down.inactive { opacity: 0.6; cursor: default; } #community.hub .cutting-edge-content .bottom-info > div .actions.nav .up { transform: rotate(270deg); left: 15px; } #community.hub .cutting-edge-content .bottom-info > div .actions.nav .down { transform: rotate(90deg); right: 25px; } #community.hub .cutting-edge-content .content { background: rgba(0, 44, 69, 0.5); padding: 0px 30px; } #community.hub .cutting-edge-content .content * { font-family: Electrolize; } #community.hub .cutting-edge-content .content .cutting-edge-menu { padding-top: 30px; } #community.hub .cutting-edge-content .content .cutting-edge-menu .pointed-line { width: 100%; height: 1px; background: rgb(8, 67, 106); position: relative; } #community.hub .cutting-edge-content .content .cutting-edge-menu .pointed-line::before, #community.hub .cutting-edge-content .content .cutting-edge-menu .pointed-line::after { content: ""; display: block; background: rgb(103, 122, 10); width: 1px; height: 1px; position: absolute; top: 0px; left: 0px; } #community.hub .cutting-edge-content .content .cutting-edge-menu .pointed-line::after { right: 0px; left: inherit; } #community.hub .cutting-edge-content .content .cutting-edge-menu ul.cutting-edge-menu-items { height: 29px; float: right; list-style: none; padding: 0px; margin: 0px; } #community.hub .cutting-edge-content .content .cutting-edge-menu ul.cutting-edge-menu-items li { float: left; cursor: pointer; font-size: 12px; color: rgb(8, 145, 197); line-height: 29px; text-transform: uppercase; margin: 0px 10px; position: relative; text-shadow: rgba(0, 112, 202, 0.5) 0px 0px 15px; } #community.hub .cutting-edge-content .content .cutting-edge-menu ul.cutting-edge-menu-items li span { display: block; height: 4px; width: 100%; opacity: 0; background-color: rgb(60, 223, 243); position: absolute; bottom: 0px; transform: skew(-30deg, 0deg); } #community.hub .cutting-edge-content .content .cutting-edge-menu ul.cutting-edge-menu-items li::after { content: ""; display: block; position: absolute; top: 7px; width: 1px; height: 12px; background: rgba(0, 112, 202, 0.5); z-index: 1; right: -10px; transform: skew(-30deg, 0deg); } #community.hub .cutting-edge-content .content .cutting-edge-menu ul.cutting-edge-menu-items li:last-child::after { display: none; } #community.hub .cutting-edge-content .content .cutting-edge-menu ul.cutting-edge-menu-items li.active { color: rgb(67, 237, 248); text-shadow: rgba(0, 112, 202, 0.5) 0px 0px 15px, rgba(0, 112, 202, 0.5) 0px 0px 15px; } #community.hub .cutting-edge-content .content .cutting-edge-menu ul.cutting-edge-menu-items li.active span, #community.hub .cutting-edge-content .content .cutting-edge-menu ul.cutting-edge-menu-items li.active::after { opacity: 1; box-shadow: rgba(0, 112, 202, 0.6) 0px 0px 8px 1px, rgba(0, 112, 202, 0.5) 0px 0px 55px 15px; } #community.hub .cutting-edge-content .content .cutting-edge-menu ul.cutting-edge-menu-items li.active::after { background-color: rgb(60, 223, 243); } #community.hub .cutting-edge-content .content h4 { margin: 0px; padding: 14px 0px; font-size: 18px; color: rgb(177, 216, 241); opacity: 0.5; display: block; text-shadow: rgb(0, 0, 0) 0px 0px 5px, rgb(0, 0, 0) 0px 0px 5px; } #community.hub .cutting-edge-content:hover .content h4 a { opacity: 0.8; } #community.hub .cutting-edge-content:hover .bottom-info > div .actions .link .label { opacity: 1; } #community.hub #flipboard-citizen-spotlight .glow-page-title, #community.hub #flipboard-deep-space-radar .glow-page-title { margin-bottom: 0px; } #community.hub #flipboard-ship-showdown .hub-action-container { display: flex; } @media only screen and (max-width: 720px) { #community.hub #flipboard-ship-showdown .hub-action-container { flex-direction: column; } } #community.hub #flipboard-ship-showdown .glow-page-title { margin-bottom: 0px; } #community.hub #flipboard-ship-showdown .hub-action-block + .hub-action-block { margin-left: 5px; } @media only screen and (max-width: 720px) { #community.hub #flipboard-ship-showdown .hub-action-block + .hub-action-block { margin-left: 0px; } } #community.hub #flipboard-ship-showdown .hub-action-block { display: flex; justify-content: space-between; align-items: center; width: 100%; background: rgb(24, 30, 43); border-radius: 0px; margin: 0px 5px 20px 0px; padding: 30px; border-width: 1px 0px 0px; border-style: solid; border-image: linear-gradient(90deg, rgb(86, 128, 248) 0%, rgb(221, 137, 9) 100%) 1 / 1 / 0 stretch; } @media only screen and (max-width: 720px) { #community.hub #flipboard-ship-showdown .hub-action-block { margin-right: 0px; } } #community.hub #flipboard-ship-showdown .hub-action-block:last-child { margin-right: 0px; } @media only screen and (max-width: 720px) { #community.hub #flipboard-ship-showdown .hub-action-block { width: auto; flex-direction: column; justify-content: center; } } #community.hub #flipboard-ship-showdown .hub-action-block.medium-size { flex-direction: column; text-align: center; } #community.hub #flipboard-ship-showdown .hub-action-block.medium-size .text-container { max-width: 80%; } @media only screen and (max-width: 720px) { #community.hub #flipboard-ship-showdown .hub-action-block.medium-size .text-container { text-align: center; max-width: none; } } #community.hub #flipboard-ship-showdown .hub-action-block .text-container { max-width: 40%; } @media only screen and (max-width: 720px) { #community.hub #flipboard-ship-showdown .hub-action-block .text-container { text-align: center; max-width: none; } } #community.hub #flipboard-ship-showdown .hub-action-block .text-container .title { color: rgb(255, 255, 255); font-family: countach, sans-serif; font-size: 35px; line-height: 1; letter-spacing: 4.45px; font-style: italic; font-weight: 700; text-transform: uppercase; margin: 0px; } #community.hub #flipboard-ship-showdown .hub-action-block .text-container .description { margin-top: 8px; font-family: univia-pro, sans-serif; font-size: 14px; color: rgb(216, 216, 216); line-height: 24px; width: 100%; max-width: 370px; } @media only screen and (max-width: 720px) { #community.hub #flipboard-ship-showdown .hub-action-block .text-container .description { font-size: 16px; max-width: none; } } #community.hub #flipboard-ship-showdown .hub-action-block .button-container { display: flex; align-items: center; justify-content: center; } #community.hub #flipboard-ship-showdown .hub-action-block .button-container .button { background: rgb(64, 126, 252); border-radius: 23px; margin: 5px 0px; padding: 10px 50px; transition: background 0.25s ease-out 0s; } #community.hub #flipboard-ship-showdown .hub-action-block .button-container .button:hover, #community.hub #flipboard-ship-showdown .hub-action-block .button-container .button:focus { background: rgb(14, 92, 251); } #community.hub #flipboard-ship-showdown .hub-action-block .button-container .button-link { font-family: countach, sans-serif; color: rgb(255, 255, 255); font-size: 26px; line-height: 1; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; } @media only screen and (max-width: 765px) { #community.hub .community-hub-ship-showdown-block .flipboard-viewport-wrapper, #community.hub .community-hub-citizen-spotlight-block .flipboard-viewport-wrapper { height: 360px; overflow: hidden; } } #community.hub .community-hub-ship-showdown-block .submission-wrapper, #community.hub .community-hub-citizen-spotlight-block .submission-wrapper { margin-top: -15px; } #community.hub .community-hub-ship-showdown-block .flipboard-viewport, #community.hub .community-hub-ship-showdown-block .flipboard-viewport .flipboard-boxes, #community.hub .community-hub-ship-showdown-block .flipboard-viewport .flipboard-boxes .flipboard-page { max-height: 735px; } @media only screen and (max-width: 765px) { #community.hub .community-hub-ship-showdown-block .flipboard-viewport, #community.hub .community-hub-ship-showdown-block .flipboard-viewport .flipboard-boxes, #community.hub .community-hub-ship-showdown-block .flipboard-viewport .flipboard-boxes .flipboard-page { max-height: 3376px; width: 1470px; } } #community.hub .community-hub-citizen-spotlight-block .flipboard-viewport, #community.hub .community-hub-citizen-spotlight-block .flipboard-viewport .flipboard-boxes, #community.hub .community-hub-citizen-spotlight-block .flipboard-viewport .flipboard-boxes .flipboard-page { height: 735px; } @media only screen and (max-width: 765px) { #community.hub .community-hub-citizen-spotlight-block .flipboard-viewport, #community.hub .community-hub-citizen-spotlight-block .flipboard-viewport .flipboard-boxes, #community.hub .community-hub-citizen-spotlight-block .flipboard-viewport .flipboard-boxes .flipboard-page { height: 3376px; width: 1470px; } } #community.hub .community-hub-flipboard-block { width: 735px; margin: 0px auto 90px; background: right bottom no-repeat; } #community.hub .community-hub-flipboard-block--full-width { width: 100%; } @media only screen and (max-width: 765px) { #community.hub .community-hub-flipboard-block { height: auto; width: 100%; } } #community.hub .community-hub-flipboard-block .flipboard-viewport { width: 735px; overflow: hidden; } @media only screen and (max-width: 765px) { #community.hub .community-hub-flipboard-block .flipboard-viewport { overflow-x: scroll; width: 100%; } } #community.hub .community-hub-flipboard-block .flipboard-viewport .flipboard-boxes { padding: 0px; position: relative; } #community.hub .community-hub-flipboard-block .flipboard-viewport .flipboard-boxes * { font-family: Electrolize; } #community.hub .community-hub-flipboard-block .flipboard-viewport .flipboard-boxes .flipboard-page { width: 735px; } @media only screen and (max-width: 765px) { #community.hub .community-hub-flipboard-block .flipboard-viewport .flipboard-boxes .flipboard-page { height: 358px; width: 1470px; } } #community.hub .community-hub-ship-showdown-block { width: 100%; } #community.hub .community-hub-ship-showdown-block .flipboard-viewport { width: 100%; } @media only screen and (max-width: 1140px) { #community.hub .community-hub-ship-showdown-block .flipboard-viewport { width: 765px; } } @media only screen and (max-width: 765px) { #community.hub .community-hub-ship-showdown-block .flipboard-viewport { width: 100%; } } @media only screen and (max-width: 765px) { #community.hub .community-hub-ship-showdown-block .flipboard-viewport .flipboard-page { overflow-x: hidden; height: 360px; } } @media only screen and (max-width: 1140px) { #community.hub .community-hub-deep-space-radar-block { width: 100%; } } #community.hub .community-hub-deep-space-radar-block .flipboard-viewport, #community.hub .community-hub-deep-space-radar-block .flipboard-viewport .flipboard-boxes, #community.hub .community-hub-deep-space-radar-block .flipboard-viewport .flipboard-boxes .flipboard-page { height: 636px; } @media only screen and (max-width: 1140px) { #community.hub .community-hub-deep-space-radar-block .flipboard-viewport, #community.hub .community-hub-deep-space-radar-block .flipboard-viewport .flipboard-boxes, #community.hub .community-hub-deep-space-radar-block .flipboard-viewport .flipboard-boxes .flipboard-page { width: 100%; } } @media only screen and (max-width: 765px) { #community.hub .community-hub-deep-space-radar-block .flipboard-viewport, #community.hub .community-hub-deep-space-radar-block .flipboard-viewport .flipboard-boxes, #community.hub .community-hub-deep-space-radar-block .flipboard-viewport .flipboard-boxes .flipboard-page { height: auto; overflow: visible; } } #community.hub .community-hub-social-block { margin: 29px 0px 0px; } @media only screen and (max-width: 1140px) { #community.hub .community-hub-social-block { float: left; margin-top: 0px; } } #community.hub .community-hub-social-block .feeds { height: 350px; width: 300px; overflow: hidden; padding: 0px 0px 50px; margin-top: 29px; position: relative; } #community.hub .community-hub-social-block .feeds .feeds-wrapper { position: absolute; top: 0px; left: 0px; } #community.hub .community-hub-social-block .feeds .feeds-wrapper .feed { width: 350px; float: left; overflow: hidden; opacity: 0.5; } #community.hub .community-hub-social-block .feeds .feeds-wrapper .feed .feed-wrapper { position: relative; top: 0px; height: 375px; } #community.hub .community-hub-social-block .feeds .feeds-wrapper .feed .feed-wrapper .scrollable, #community.hub .community-hub-social-block .feeds .feeds-wrapper .feed .feed-wrapper .scrollable_mobile { height: 375px; } #community.hub .community-hub-social-block .feeds .feeds-wrapper .feed .feed-wrapper .scrollable_mobile { overflow: scroll; } #community.hub .community-hub-social-block .feeds .feeds-wrapper .feed .feed-wrapper .scrollbar { right: -16px; } #community.hub .community-hub-social-block .feeds .feeds-wrapper .feed .feed-wrapper .content { padding: 0px; width: 285px; background: 0px 0px; } #community.hub .community-hub-social-block .feeds .feeds-wrapper .feed .feed-wrapper .content .entry { width: 285px; overflow-wrap: break-word; position: relative; margin-bottom: 50px; } #community.hub .community-hub-social-block .feeds .feeds-wrapper .feed .feed-wrapper .content .entry .avatar { float: left; } #community.hub .community-hub-social-block .feeds .feeds-wrapper .feed .feed-wrapper .content .entry .avatar img { border: 1px solid rgb(7, 58, 91); width: 44px; height: 44px; } #community.hub .community-hub-social-block .feeds .feeds-wrapper .feed .feed-wrapper .content .entry .infos { width: 239px; float: right; } #community.hub .community-hub-social-block .feeds .feeds-wrapper .feed .feed-wrapper .content .entry .infos .date { font-size: 12px; color: rgb(0, 75, 104); padding-top: 15px; padding-left: 13px; } #community.hub .community-hub-social-block .feeds .feeds-wrapper .feed .feed-wrapper .content .entry .infos .author { font-size: 14px; color: rgb(7, 136, 185); padding-bottom: 28px; line-height: 20px; padding-left: 13px; display: block; } #community.hub .community-hub-social-block .feeds .feeds-wrapper .feed .feed-wrapper .content .entry .infos .author span a { font-size: 12px; color: rgb(19, 85, 110); } #community.hub .community-hub-social-block .feeds .feeds-wrapper .feed .feed-wrapper .content .entry .infos .text { line-height: 24px; border-left: 1px solid rgb(8, 67, 106); padding-left: 13px; position: relative; display: block; overflow-wrap: break-word; font-size: 15px; color: rgb(77, 255, 255); } #community.hub .community-hub-social-block .feeds .feeds-wrapper .feed .feed-wrapper .content .entry .infos .text::before, #community.hub .community-hub-social-block .feeds .feeds-wrapper .feed .feed-wrapper .content .entry .infos .text::after { content: ""; height: 1px; width: 1px; display: block; position: absolute; left: -1px; background-color: rgb(103, 122, 10); } #community.hub .community-hub-social-block .feeds .feeds-wrapper .feed .feed-wrapper .content .entry .infos .text::before { top: 0px; } #community.hub .community-hub-social-block .feeds .feeds-wrapper .feed .feed-wrapper .content .entry .infos .text::after { bottom: 0px; } #community.hub .community-hub-social-block .feeds .feeds-wrapper .feed .feed-wrapper .content .entry .infos .text a { font-size: 13px; color: rgb(0, 75, 104); display: block; line-height: 16px; } #community.hub .community-hub-social-block .feeds .feeds-wrapper .feed .feed-wrapper .content .entry .infos .text .link { font-size: 12px; color: rgb(14, 70, 92); } #community.hub .community-hub-social-block .feeds .feeds-wrapper .feed.active { opacity: 1; } #community.hub .community-hub-event-box { margin-bottom: 20px; padding: 0px; position: relative; top: -15px; } @media only screen and (max-width: 1140px) { #community.hub .community-hub-event-box { float: right; top: 0px; } } #community.hub .community-hub-event-box .top-info { display: -webkit-flex; flex: 1 1 0%; } #community.hub .community-hub-event-box .top-info .title { float: left; padding-right: 40px; } #community.hub .community-hub-event-box .flipboard-boxes { padding: 0px; } #community.hub .community-hub-event-box .flipboard-boxes .event { background: rgba(0, 44, 69, 0.5); margin-bottom: 0px; } #community.hub .community-hub-event-box .flipboard-boxes .event .info { display: none; } #community.hub .community-hub-event-box .flipboard-boxes .event .events-list { padding: 37px 30px 23px; } #community.hub .community-hub-event-box .flipboard-boxes .event .events-list .show h3 { margin: 0px 0px 0px 18px; } #community.hub .community-hub-event-box .flipboard-boxes .event .events-list .show.first-show h3 { margin-left: 15px; } #community.hub .community-hub-event-box .flipboard-boxes .event .glow-corners { display: none; } #community.hub .community-hub-organizations-block { margin-top: 30px; } #community.hub .community-hub-chat-block, #community.hub .community-hub-patch-notes-block { margin-top: -16px; } #community.hub .streamer-podcast-carousel { margin-top: -80px; padding-top: 75px; background: center 30px no-repeat; } @media only screen and (max-width: 1140px) { #community.hub .streamer-podcast-carousel { background: 0px 0px; } } #community.hub .streamer-podcast-carousel * { font-family: Electrolize; } #community.hub .streamer-podcast-carousel h2, #community.hub .streamer-podcast-carousel h2 span { font-family: Orbitron; } #community.hub .streamer-podcast-carousel .streamer-boxes { width: 100%; } #community.hub .streamer-podcast-carousel .streamer-large-box-container { max-width: 2085px; margin: 0px auto 90px; display: flex; flex-flow: wrap; box-sizing: border-box; justify-content: space-between; } #community.hub .streamer-podcast-carousel .streamer-large-box-container .streamer-control { margin: 15px 0px; width: 60px; background: rgba(0, 0, 0, 0.3); user-select: none; position: relative; opacity: 0.8; height: 90px; top: 45px; } #community.hub .streamer-podcast-carousel .streamer-large-box-container .streamer-control::before { border-left: 15px solid rgba(0, 0, 0, 0.3); border-top: 15px solid transparent; border-bottom: 15px solid transparent; width: 0px; height: 60px; position: absolute; display: block; content: ""; right: -15px; } #community.hub .streamer-podcast-carousel .streamer-large-box-container .streamer-control.left { transform: rotate(180deg); } #community.hub .streamer-podcast-carousel .streamer-large-box-container .streamer-control .glow-arrows-button { display: block; width: 75px; height: 90px; position: absolute; left: 0px; top: 0px; } #community.hub .streamer-podcast-carousel .streamer-large-box-container .streamer-control .glow-arrows-button .arrow { left: -4px; top: 18px; } @media only screen and (max-width: 765px) { #community.hub .streamer-podcast-carousel .streamer-large-box-container .streamer-control { display: none; } } #community.hub .streamer-podcast-carousel .streamer-large-box-container .streamer-strip-slider-wrapper { max-width: 1860px; height: 328px; padding: 0px; overflow: hidden; } @media only screen and (max-width: 765px) { #community.hub .streamer-podcast-carousel .streamer-large-box-container .streamer-strip-slider-wrapper { overflow-x: scroll; width: 100%; } } #community.hub .streamer-podcast-carousel .submission-wrapper { width: 1110px; margin: 0px auto; } #community.hub .devtracker-list { padding-bottom: 15px; border-bottom: 1px solid rgb(10, 86, 136); margin: 0px auto 90px; } #community .mvp-flipboard-boxes { padding: 0px; margin: 0px auto 70px; } @media only screen and (max-width: 1140px) { #community .mvp-flipboard-boxes { width: 540px; } } @media only screen and (max-width: 765px) { #community .mvp-flipboard-boxes { width: 360px; } } #community .glow-page-title.mvp-post-week-title, #community .glow-page-title.developer-tracker-title { margin-bottom: 15px; } #community.submission-hub .flipboard-boxes { padding: 0px; justify-content: normal; } #community.submission-hub .flipboard-featured { padding-bottom: 15px; border-bottom: 1px solid rgb(10, 86, 136); margin-bottom: 80px; } #community.submission-hub .load-more-wrapper { margin-top: 15px; } #community .flipboard-boxes .box.event { height: auto; } #community .submission-wrapper { height: 48px; } #community .submission-wrapper * { font-family: Electrolize; } #community .submission-wrapper a { height: 48px; width: 225px; float: right; } #community .submission-wrapper a .label { margin-left: 20px; font-size: 14px; color: rgb(67, 212, 248); text-transform: uppercase; transition-duration: 0.2s; perspective: 1000px; padding-left: 35px; position: relative; top: 16px; text-shadow: rgba(0, 112, 202, 0.8) 0px 0px 10px, rgba(0, 112, 202, 0.8) 0px 0px 10px; } #community .submission-wrapper a .label span { font-size: 12px; color: rgb(7, 136, 185); text-transform: none; } #community .submission-wrapper a .arrow { top: -3px; margin-left: 20px; } #community .submission-wrapper a::before, #community .submission-wrapper a::after { content: ""; display: block; position: absolute; } #community .submission-wrapper a::before { width: 6px; height: 16px; content: ""; background: rgb(67, 237, 248); box-shadow: rgba(0, 112, 202, 0.79) 14px 2px 50px 4px, rgba(0, 112, 202, 0.5) 2px 2px 12px 1px; top: 32px; left: -9px; position: absolute; transform: skew(45deg); z-index: 2; } #community .submission-wrapper a::after { background: rgb(67, 237, 248); transform: skew(45deg); height: 4px; width: 0px; bottom: -3px; left: 0px; transition-duration: 0.2s; perspective: 1000px; } #community .submission-wrapper a:hover .label { text-shadow: none; } #community .submission-wrapper a:hover::before, #community .submission-wrapper a:hover::after { box-shadow: rgba(0, 112, 202, 0.79) 14px -12px 50px 7px, rgba(0, 112, 202, 0.6) 0px 0px 12px 1px; } #community .submission-wrapper a:hover::after { width: calc(100%); } #community .devtracker-list { margin: 0px auto; padding-bottom: 30px; display: block; } @media only screen and (max-width: 1140px) { #community .devtracker-list { width: 738px; } } @media only screen and (max-width: 765px) { #community .devtracker-list { width: 360px; } } #community .devtracker-list h3 { color: rgb(7, 136, 185); font: 500 14px / 14px Orbitron; border-bottom: 1px solid rgb(10, 86, 136); padding: 40px 30px 12px; width: 100%; box-sizing: border-box; } #community .devtracker-list h3, #community .devtracker-list .devpost { display: inline-block; vertical-align: top; margin: 0px 3px 15px; } #community .devtracker-list h3.js-lock, #community .devtracker-list .devpost.js-lock { opacity: 0; } #community .devtracker-list h3.js-unlock, #community .devtracker-list .devpost.js-unlock { opacity: 1; } #community .mvps-week-forum-featured, #community .mvps-week-forum-all { margin: 0px auto 90px; padding: 0px 0px 30px; } @media only screen and (max-width: 1110px) { #community .mvps-week-forum-featured, #community .mvps-week-forum-all { width: 735px; } #community .mvps-week-forum-featured .mvp-entry, #community .mvps-week-forum-all .mvp-entry { width: 360px; margin-bottom: 15px; } #community .mvps-week-forum-featured .mvp-entry .bottom-info .line, #community .mvps-week-forum-all .mvp-entry .bottom-info .line { width: 240px; } } @media only screen and (max-width: 765px) { #community .mvps-week-forum-featured, #community .mvps-week-forum-all { width: 360px; } } #community .mvps-week-forum-all { display: block; } #community .mvps-week-forum-all .mvp-entry { float: left; margin-right: 15px; } #community .mvps-week-forum-all .mvp-entry:nth-child(3n+3) { margin-right: 0px; } @media only screen and (max-width: 1140px) { #community .mvps-week-forum-all { width: 735px; margin: 0px auto; } #community .mvps-week-forum-all .mvp-entry { margin-right: 15px; } #community .mvps-week-forum-all .mvp-entry:nth-child(2n+2) { margin-right: 0px; } } @media only screen and (max-width: 765px) { #community .mvps-week-forum-all { width: 360px; margin: 0px auto; } #community .mvps-week-forum-all .mvp-entry { margin-right: 0px; } } #community .mvp-entry { width: 540px; height: 404px; margin-bottom: 30px; position: relative; background: center 130px no-repeat; } @media only screen and (max-width: 765px) { #community .mvp-entry { width: 360px; } } #community .mvp-entry * { font-family: Electrolize; } #community .mvp-entry:hover .detail, #community .mvp-entry:hover .bottom-info .line { background: rgba(22, 104, 159, 0.4); } #community .mvp-entry:hover .bottom-info .line::before { border-color: rgba(22, 104, 159, 0.4) transparent transparent; } #community .mvp-entry .detail { height: 380px; background: rgba(22, 104, 159, 0.15); padding: 0px 30px; } #community .mvp-entry .detail:hover .arrow { animation: 0.1s linear 0s 1 normal none running arrow; } #community .mvp-entry .detail:hover .arrow::before { animation: 0.3s linear 0s 1 normal none running arrow; } #community .mvp-entry .detail:hover .arrow::after { animation: 0.5s linear 0s 1 normal none running arrow; } #community .mvp-entry .detail .label { font-size: 12px; color: rgb(44, 121, 159); text-transform: uppercase; text-shadow: rgb(0, 0, 0) 0px 0px 15px; padding: 30px 0px; } #community .mvp-entry .detail .label span { color: rgb(162, 119, 15); } #community .mvp-entry .detail .citizen { position: relative; } #community .mvp-entry .detail .citizen .posted { position: absolute; right: 0px; top: 7px; text-transform: uppercase; color: rgb(19, 85, 110); font-size: 11px; line-height: 12px; } #community .mvp-entry .detail .citizen .posted span { display: block; color: rgb(8, 145, 197); } #community .mvp-entry .detail .citizen .post { width: 100%; height: 121px; top: 69px; left: 0px; position: absolute; background: center center no-repeat; margin: 28px 0px 20px; text-align: center; display: table; } #community .mvp-entry .detail .citizen .post .mvp_post_title { font-size: 14px; color: rgb(44, 121, 159); display: table-cell; vertical-align: middle; position: relative; } #community .mvp-entry .detail .citizen .post .mvp_post_title .title { font-size: 22px; color: rgb(60, 190, 193); text-transform: uppercase; display: block; margin: 0px auto; width: 300px; } @media only screen and (max-width: 1110px) { #community .mvp-entry .detail .citizen .post .mvp_post_title .title { font-size: 16px; width: 170px; } } #community .mvp-entry .detail .citizen .post .mvp_post_title .quotes { position: absolute; top: 51px; } #community .mvp-entry .detail .citizen .post .mvp_post_title .quotes.left::before, #community .mvp-entry .detail .citizen .post .mvp_post_title .quotes.right::before, #community .mvp-entry .detail .citizen .post .mvp_post_title .quotes.left::after, #community .mvp-entry .detail .citizen .post .mvp_post_title .quotes.right::after { content: ""; display: block; background: rgb(67, 237, 248); box-shadow: rgba(0, 112, 202, 0.79) 14px 0px 50px 7px, rgba(0, 112, 202, 0.6) 0px 0px 0px 1px; opacity: 0.5; width: 8px; height: 18px; position: absolute; top: 0px; left: 0px; } #community .mvp-entry .detail .citizen .post .mvp_post_title .quotes.left { left: 50px; } #community .mvp-entry .detail .citizen .post .mvp_post_title .quotes.left::before, #community .mvp-entry .detail .citizen .post .mvp_post_title .quotes.left::after { transform: skew(45deg); } #community .mvp-entry .detail .citizen .post .mvp_post_title .quotes.left::after { left: -18px; } #community .mvp-entry .detail .citizen .post .mvp_post_title .quotes.right { right: 50px; } #community .mvp-entry .detail .citizen .post .mvp_post_title .quotes.right::before, #community .mvp-entry .detail .citizen .post .mvp_post_title .quotes.right::after { transform: skew(-45deg); } #community .mvp-entry .detail .citizen .post .mvp_post_title .quotes.right::before { left: initial; right: 0px; } #community .mvp-entry .detail .citizen .post .mvp_post_title .quotes.right::after { left: initial; right: -18px; } @media only screen and (max-width: 765px) { #community .mvp-entry .detail .citizen .post .mvp_post_title .quotes { display: none; } } #community .mvp-entry .detail .citizen .post .mvp_post_title:hover .title { color: rgb(255, 255, 255); text-shadow: rgb(60, 190, 193) 0px 0px 15px, rgb(60, 190, 193) 0px 0px 15px; } #community .mvp-entry .detail .citizen .comment { position: absolute; left: 0px; top: 240px; background: 25px center no-repeat; min-height: 33px; padding-left: 110px; font-size: 13px; line-height: 12px; text-transform: uppercase; color: rgb(44, 121, 159); } #community .mvp-entry .detail .citizen .comment span { text-transform: none; color: rgb(8, 145, 197); display: block; overflow-wrap: break-word; margin-top: 5px; } #community .mvp-entry .bottom-info { position: relative; } #community .mvp-entry .bottom-info .line { width: 420px; height: 24px; background: rgba(22, 104, 159, 0.15); position: relative; transition-duration: 0.3s; perspective: 1000px; } @media only screen and (max-width: 765px) { #community .mvp-entry .bottom-info .line { width: 240px; } } #community .mvp-entry .bottom-info .line::before { content: ""; transition-duration: 0.3s; perspective: 1000px; display: block; position: absolute; height: 0px; border-style: solid; bottom: 0px; z-index: 1; border-width: 24px 24px 0px 0px; border-color: rgba(22, 104, 159, 0.15) transparent transparent; right: -24px; } #community .mvp-entry .bottom-info a { position: absolute; right: 0px; top: 4px; width: 88px; } #community .mvp-entry .bottom-info a .label { font-family: Electrolize; font-size: 12px; color: rgb(204, 255, 255); text-shadow: rgb(0, 108, 255) 0px 0px 3px, rgba(0, 108, 255, 0.65) 0px 0px 8px; text-transform: uppercase; } #community .mvp-entry .bottom-info a .arrow { top: -18px; } #community .mvp-entry .bottom-info a::before { width: 6px; height: 24px; content: ""; background: rgb(67, 237, 248); box-shadow: rgba(0, 112, 202, 0.79) 14px 2px 50px 4px, rgba(0, 112, 202, 0.6) 0px 0px 12px 1px; top: -4px; right: 108px; position: absolute; transform: skew(-45deg); } #community .mvp-entry .bottom-info a::after { content: ""; display: block; background: rgb(67, 237, 248); transform: skew(-45deg); height: 4px; position: absolute; width: 0px; top: -8px; left: -12px; transition-duration: 0.2s; perspective: 1000px; } #community .mvp-entry .bottom-info a:hover { color: rgb(67, 237, 248); } #community .mvp-entry .bottom-info a:hover::after { width: calc(100% + 11px); box-shadow: rgba(0, 112, 202, 0.79) 14px 12px 50px 7px, rgba(0, 112, 202, 0.6) 0px 0px 12px 1px; } #community .mvp-entry .glow-corners.bottom-corners::after { bottom: 15px; } #community .mvp-entry.small { width: 360px; margin-bottom: 15px; } #community .mvp-entry.small .detail .citizen .post .mvp_post_title .title { font-size: 16px; width: 170px; } #community .mvp-entry.small .bottom-info .line { width: 240px; } #community.submission-single #contentbody .submission-data { background: rgba(22, 104, 159, 0.25); position: relative; } #community.submission-single #contentbody .submission-data.staff-pick { margin-top: 44px; border-top: 1px solid rgba(20, 128, 228, 0.4); } #community.submission-single #contentbody .submission-data.staff-pick::before, #community.submission-single #contentbody .submission-data.staff-pick::after { content: ""; display: block; position: absolute; top: -44px; } #community.submission-single #contentbody .submission-data.staff-pick::before { text-shadow: rgba(0, 108, 255, 0.75) 0px 0px 5px, rgba(0, 108, 255, 0.75) 0px 0px 12px; content: "Staff Pick"; color: rgb(0, 231, 255); left: 30px; top: -28px; font: 16px / 1 Orbitron; text-transform: uppercase; z-index: 2; } #community.submission-single #contentbody .submission-data.staff-pick::after { width: 100%; height: 44px; left: 0px; background: left top; z-index: 1; } #community.submission-single #contentbody .submission-data.staff-pick .staff-icon { width: 158px; height: 137px; position: absolute; left: 0px; top: -44px; background: left top; } #community.submission-single #contentbody .submission-data .inner { padding: 75px; } @media only screen and (max-width: 1110px) { #community.submission-single #contentbody .submission-data .inner { padding: 35px; } } #community.submission-single #contentbody .submission-data .inner * { font-family: Electrolize; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias { width: 100%; height: 100%; margin-top: 45px; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .holder { opacity: 0; width: 100%; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer { position: relative; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .slide { z-index: 2; margin-bottom: 18px; text-align: center; position: relative; overflow: hidden; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .slide img { max-width: 100%; opacity: 1; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .slide p.caption { position: absolute; left: 0px; bottom: -100px; opacity: 0; transition-duration: 0.2s; perspective: 1000px; width: 100%; padding: 35px 65px; text-align: left; background: rgba(0, 18, 30, 0.8); box-sizing: border-box; margin: 0px; font-size: 17px; color: rgb(8, 145, 197); } @media only screen and (max-width: 765px) { #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .slide p.caption { padding: 15px 45px; font-size: 13px; } } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .slide.draft img { opacity: 0.5; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .slide.draft .draft-message h3 { font-size: 22px; color: rgb(177, 216, 241); position: relative; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .slide.draft .draft-message p { font-size: 14px; color: rgb(8, 145, 197); } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .slide:hover p { opacity: 1; bottom: 0px; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .download-btn { display: flex; flex-flow: row; box-sizing: border-box; margin-bottom: 25px; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .download-btn * { text-transform: uppercase; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 11px; color: rgb(67, 212, 248); } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .download-btn > * { position: relative; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .download-btn .sec-left, #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .download-btn .sec-right { flex: 1 1 0%; position: relative; z-index: 1; margin-right: 10px; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .download-btn .sec-left::before, #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .download-btn .sec-right::before { width: 100%; height: 1px; background: rgb(10, 86, 136); content: ""; position: absolute; top: 0px; left: 0px; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .download-btn .sec-right { margin: 0px 0px 0px 10px; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .download-btn .chevron { height: 26px; z-index: 2; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .download-btn .sec-middle { width: 270px; margin: 0px 4px; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .download-btn .sec-middle::after { width: 100%; height: 1px; background: rgb(10, 86, 136); content: ""; position: absolute; bottom: 0px; left: 0px; z-index: 1; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .download-btn .sec-middle .label-inner { box-sizing: border-box; padding: 0px 47px; position: relative; margin-top: -2px; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .download-btn .sec-middle .label-inner::after { content: ""; background: rgb(67, 237, 248); transform: skew(-45deg); height: 4px; width: 0px; left: 0px; bottom: -11px; transition-duration: 0.3s; perspective: 1000px; display: block; position: absolute; z-index: 2; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .download-btn .sec-middle .label-inner .label { padding-left: 40px; position: relative; top: 2px; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .h_iframe { position: relative; padding-top: 56.25%; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .h_iframe object, #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .h_iframe iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .h_iframe p { font: 700 13px / 13px Orbitron; color: rgb(177, 216, 241); text-transform: uppercase; position: absolute; top: 50%; left: 50%; text-shadow: rgb(177, 216, 241) 0px 0px 15px, rgb(177, 216, 241) 0px 0px 15px; transform: translate(-50%, -50%); } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .glow-corners.top-corners { top: 0px; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .glow-corners.bottom-corners { bottom: 9px; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .glow-corners::before { left: 0px; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer .glow-corners::after { right: 0px; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer:hover .glow-corners.top-corners { top: 0px; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer:hover .glow-corners.bottom-corners { bottom: 9px; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer:hover .glow-corners::before { left: 0px; } #community.submission-single #contentbody .submission-data .inner .submission-data-medias .viewer:hover .glow-corners::after { right: 0px; } #community.submission-single #contentbody .submission-data .inner .citizen-identity-info { margin: 0px 0px 15px; padding-bottom: 34px; border-bottom: 1px solid rgb(8, 67, 106); position: relative; width: 210px; } #community.submission-single #contentbody .submission-data .inner .citizen-identity-info::before, #community.submission-single #contentbody .submission-data .inner .citizen-identity-info::after { content: ""; display: block; position: absolute; bottom: -1px; width: 1px; height: 1px; background: rgb(103, 122, 10); } #community.submission-single #contentbody .submission-data .inner .citizen-identity-info::before { left: 0px; } #community.submission-single #contentbody .submission-data .inner .citizen-identity-info::after { right: 0px; } @media only screen and (max-width: 1110px) { #community.submission-single #contentbody .submission-data .inner .citizen-identity-info { float: none; } } #community.submission-single #contentbody .submission-data .inner .submission-data-citizen { width: 210px; float: left; } @media only screen and (max-width: 1140px) { #community.submission-single #contentbody .submission-data .inner .submission-data-citizen { width: 100%; float: none; margin-bottom: 30px; } } #community.submission-single #contentbody .submission-data .inner .submission-data-citizen .thumb { margin-bottom: 40px; } @media only screen and (max-width: 1140px) { #community.submission-single #contentbody .submission-data .inner .submission-data-citizen .thumb { float: right; } } #community.submission-single #contentbody .submission-data .inner .submission-data-citizen .thumb, #community.submission-single #contentbody .submission-data .inner .submission-data-citizen .thumb img, #community.submission-single #contentbody .submission-data .inner .submission-data-citizen .thumb a { width: 210px; height: 130px; display: block; position: relative; background: ; } #community.submission-single #contentbody .submission-data .inner .submission-data-citizen .date, #community.submission-single #contentbody .submission-data .inner .submission-data-citizen .comments { color: rgb(44, 121, 159); font-size: 12px; } #community.submission-single #contentbody .submission-data .inner .submission-data-citizen .comments span { color: rgb(77, 255, 255); } #community.submission-single #contentbody .submission-data .inner .submission-data-citizen .citizen-identity-info { height: 82px; } #community.submission-single #contentbody .submission-data .inner .submission-admin { width: 735px; float: right; height: 29px; background: rgba(0, 0, 0, 0.2); border-style: solid; border-color: rgb(10, 86, 136); border-image: initial; border-width: 1px 0px; margin-bottom: 20px; text-align: right; } @media only screen and (max-width: 1140px) { #community.submission-single #contentbody .submission-data .inner .submission-admin { width: 100%; float: none; } } #community.submission-single #contentbody .submission-data .inner .submission-admin a { font-size: 12px; color: rgb(13, 103, 162); text-transform: uppercase; display: inline-block; line-height: 29px; margin: 0px 24px; position: relative; } #community.submission-single #contentbody .submission-data .inner .submission-admin a::before { content: ""; display: block; position: absolute; left: 0px; bottom: 0px; opacity: 0; height: 4px; width: 100%; background: none 0% 0% repeat scroll rgb(67, 237, 248); transform: skew(-30deg, 0deg); transition-duration: 0.2s; perspective: 1000px; box-shadow: rgba(0, 112, 202, 0.79) 14px 2px 50px 4px, rgba(0, 112, 202, 0.5) 2px 2px 12px 1px; } #community.submission-single #contentbody .submission-data .inner .submission-admin a:hover { color: rgb(67, 237, 248); } #community.submission-single #contentbody .submission-data .inner .submission-admin a:hover::before { opacity: 1; } #community.submission-single #contentbody .submission-data .inner .submission-data-content { width: 735px; float: right; position: relative; background: rgba(0, 0, 0, 0.35); box-sizing: border-box; padding: 15px 30px; } @media only screen and (max-width: 1140px) { #community.submission-single #contentbody .submission-data .inner .submission-data-content { width: 100%; float: none; } } #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-title, #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-title a { font-size: 22px; color: rgb(8, 145, 197); margin: 0px 0px 15px; transition-duration: 0.2s; perspective: 1000px; } #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-description { margin: 0px 0px 10px; color: rgb(40, 112, 147); } #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-description p, #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-description a, #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-description ol, #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-description ul, #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-description strong { font-size: 16px; overflow-wrap: break-word; color: rgb(40, 112, 147); } #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-description p { color: rgb(40, 112, 147); } #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-description a { color: rgb(67, 212, 248); } #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-description strong { letter-spacing: 2px; } #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-description table { padding: 0px; margin: 0px; border-left: 1px solid rgb(17, 68, 117); border-bottom: 1px solid rgb(17, 68, 117); } #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-description table th, #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-description table td { border-top: 1px solid rgb(17, 68, 117); border-right: 1px solid rgb(17, 68, 117); padding: 17px; } #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-description table th { background: rgb(3, 53, 88); color: rgb(56, 199, 253); font-size: 15px; } #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-description blockquote { background: rgba(43, 88, 132, 0.2); margin: 0px; padding: 20px 80px; color: rgb(8, 145, 197); font-style: italic; position: relative; } #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-description blockquote * { font-size: 20px; } #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-description blockquote::before, #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-description blockquote::after { content: ""; display: block; width: 41px; height: 38px; background: left top; position: absolute; } #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-description blockquote::before { left: 15px; top: -7px; } #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-description blockquote::after { right: 15px; bottom: -7px; background-position: right top; } #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-url { font-size: 12px; color: rgb(67, 212, 248); text-transform: uppercase; box-sizing: border-box; overflow-wrap: break-word; padding-right: 0px; display: block; } #community.submission-single #contentbody .submission-data .inner .submission-data-content .flag { float: right; font-size: 14px; color: rgb(49, 176, 188); text-transform: uppercase; background: left center no-repeat; padding-left: 20px; } #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-social { padding: 9px 0px 0px 25px; margin-left: 25px; height: 47px; float: right; border-left: 1px solid rgb(8, 67, 106); position: relative; z-index: 1; } #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-social::before, #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-social::after { content: ""; display: block; position: absolute; left: -1px; width: 1px; height: 1px; background: rgb(103, 122, 10); } #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-social::before { top: 0px; } #community.submission-single #contentbody .submission-data .inner .submission-data-content .submission-data-social::after { bottom: 0px; } #community.submission-single #contentbody .submission-data .inner .submission-data-content a { transition-duration: 0.2s; perspective: 1000px; } #community.submission-single #contentbody .submission-data .inner .submission-data-content a:hover { text-shadow: rgb(0, 0, 0) 0px 0px 5px, rgb(0, 0, 0) 0px 0px 5px; opacity: 0.9; } #community.submission-single #contentbody #comments { margin-top: 30px; } #community.submission-dsr #contentbody .submission-data { background: rgba(22, 104, 159, 0.25); min-height: initial; position: relative; } #community.submission-podcast #contentbody .submission-data .inner .submission-data-content { margin-bottom: 50px; } #community.submission-podcast #contentbody .submission-data .inner .submission-data-content .submission-podcast-details { color: rgb(8, 145, 197); font-size: 12px; } #community.submission-podcast #contentbody .submission-data .inner .submission-data-content .submission-podcast-details .thumb { width: 95px; height: 95px; float: left; position: relative; margin-right: 20px; background: ; } #community.submission-podcast #contentbody .submission-data .inner .submission-data-content .submission-podcast-details .thumb img { width: 95px; height: 95px; } #community.submission-podcast #contentbody .submission-data .inner .submission-data-content .submission-podcast-details .label { text-transform: uppercase; } #community.submission-podcast #contentbody .submission-data .inner .submission-data-content .submission-podcast-details .lastupdate { display: block; } #community.submission-podcast #contentbody .submission-data .inner .submission-data-episodes .header { border-bottom: 1px solid rgb(0, 237, 255); position: relative; padding-bottom: 20px; color: rgb(0, 237, 255); font: 700 18px / 1 Orbitron; text-transform: uppercase; } #community.submission-podcast #contentbody .submission-data .inner .submission-data-episodes .header span { color: rgb(0, 237, 255); font: 700 18px / 1 Orbitron; text-transform: uppercase; } #community.submission-podcast #contentbody .submission-data .inner .submission-data-episodes .header::before { content: ""; display: block; position: absolute; left: 0px; bottom: -3px; height: 2px; width: 100px; background: rgb(0, 237, 255); } #community.submission-podcast #contentbody .submission-data .inner .submission-data-episodes ul { padding: 0px; margin: 0px; list-style: none; background: ; min-height: 159px; } #community.submission-podcast #contentbody .submission-data .inner .submission-data-episodes ul li { padding: 22px; border-bottom: 1px solid rgb(10, 86, 136); position: relative; } #community.submission-podcast #contentbody .submission-data .inner .submission-data-episodes ul li:nth-child(2n) { background: rgba(22, 104, 159, 0.1); } #community.submission-podcast #contentbody .submission-data .inner .submission-data-episodes ul li .detail .title, #community.submission-podcast #contentbody .submission-data .inner .submission-data-episodes ul li .detail .title a { color: rgb(63, 201, 225); font-size: 16px; } #community.submission-podcast #contentbody .submission-data .inner .submission-data-episodes ul li .detail p { color: rgb(8, 145, 197); overflow-wrap: break-word; } #community.submission-podcast #contentbody .submission-data .inner .submission-data-episodes ul li .detail .more { font-size: 12px; color: rgb(8, 145, 197); } #community.submission-podcast #contentbody .submission-data .inner .submission-data-episodes ul li .detail .more span { margin-right: 20px; padding-right: 20px; border-right: 1px solid rgb(8, 145, 197); } #community.submission-podcast #contentbody .glow-load-more-btn { margin-top: 30px; } #community.submission-podcast #contentbody .glow-load-more-btn .sec-middle .label-inner { text-align: center; } #community.submission-podcast #contentbody .glow-load-more-btn .sec-middle .label-inner .label { padding-right: 0px; transition-duration: 0.2s; perspective: 1000px; } #community.submission-podcast #contentbody .glow-load-more-btn .sec-middle .label-inner .label:hover { color: rgb(255, 255, 255); } #community.submission-podcast #contentbody .glow-load-more-btn .sec-middle .label-inner .label::after { content: ""; padding: 0px; } #community.livestreamers-hub .streamer-boxes, #community.podcasts-hub .streamer-boxes { display: block; } #community.livestreamers-hub .streamer-boxes .box, #community.podcasts-hub .streamer-boxes .box { float: left; margin-right: 15px; } #community.livestreamers-hub .streamer-boxes .box:nth-child(3n+3), #community.podcasts-hub .streamer-boxes .box:nth-child(3n+3) { margin-right: 0px; } @media only screen and (max-width: 1140px) { #community.livestreamers-hub .streamer-boxes, #community.podcasts-hub .streamer-boxes { width: 735px; margin: 0px auto; } #community.livestreamers-hub .streamer-boxes .box, #community.podcasts-hub .streamer-boxes .box { margin-right: 15px; } #community.livestreamers-hub .streamer-boxes .box:nth-child(2n+2), #community.podcasts-hub .streamer-boxes .box:nth-child(2n+2) { margin-right: 0px; } } @media only screen and (max-width: 765px) { #community.livestreamers-hub .streamer-boxes, #community.podcasts-hub .streamer-boxes { width: 360px; margin: 0px auto; } #community.livestreamers-hub .streamer-boxes .box, #community.podcasts-hub .streamer-boxes .box { margin-right: 0px; } } #community .streamer-boxes { display: flex; flex-flow: wrap; box-sizing: border-box; justify-content: space-between; padding: 0px; transition-duration: 0.3s; perspective: 1000px; position: relative; left: 0px; transform: translateZ(0px); } @media only screen and (max-width: 1200px) { #community .streamer-boxes { padding: 0px; margin: 0px auto; } } @media only screen and (max-width: 1140px) { #community .streamer-boxes { width: 735px; } } @media only screen and (max-width: 765px) { #community .streamer-boxes { width: 360px; } } #community .streamer-boxes .box { width: 360px; height: 100%; position: relative; overflow: hidden; margin-bottom: 15px; } #community .streamer-boxes .box .stream-holder { height: 312px; background: rgba(7, 23, 33, 0.8); } #community .streamer-boxes .box .stream-holder .stream-flux { height: 210px; background: rgb(1, 30, 47); position: relative; } #community .streamer-boxes .box .stream-holder .stream-flux img { position: absolute; left: 0px; top: 0px; z-index: 1; opacity: 0.8; } #community .streamer-boxes .box .stream-holder .stream-flux article { z-index: 4; } #community .streamer-boxes .box .stream-holder .stream-flux .texture { width: 100%; height: 100%; background: center center no-repeat; position: absolute; top: 0px; left: 0px; z-index: 3; } #community .streamer-boxes .box .stream-holder .stream-flux .border { width: 270px; height: 120px; border: 45px solid rgba(1, 12, 19, 0.8); position: relative; z-index: 2; } #community .streamer-boxes .box .stream-holder .stream-flux .bar { z-index: 4; width: 360px; height: 24px; background: center bottom no-repeat; position: absolute; left: 0px; top: 50%; margin-top: -12px; } #community .streamer-boxes .box .stream-holder .stream-flux .state { z-index: 4; font: 700 13px / 13px Orbitron; color: rgb(177, 216, 241); display: block; text-align: center; text-transform: uppercase; position: absolute; top: 182px; left: 0px; width: 100%; text-shadow: rgb(177, 216, 241) 0px 0px 15px, rgb(177, 216, 241) 0px 0px 15px; } #community .streamer-boxes .box .stream-holder .stream-flux .source { z-index: 4; width: 82px; height: 46px; display: block; position: absolute; top: 0px; left: 50%; margin-left: -41px; background: center top no-repeat; } #community .streamer-boxes .box .stream-holder .stream-flux .play, #community .streamer-boxes .box .stream-holder .stream-flux .play::before, #community .streamer-boxes .box .stream-holder .stream-flux .play::after { background: center top no-repeat; left: 50%; top: 50%; display: block; position: absolute; } #community .streamer-boxes .box .stream-holder .stream-flux .play { position: absolute; left: 0px; top: 0px; width: 100%; height: 210px; z-index: 5; opacity: 0.5; } #community .streamer-boxes .box .stream-holder .stream-flux .play::before { content: ""; height: 79px; width: 83px; z-index: 6; background-position: -139px -322px; margin-top: -39px; margin-left: -40px; } #community .streamer-boxes .box .stream-holder .stream-flux .play::after { content: ""; height: 48px; width: 54px; z-index: 7; background-position: -154px -449px; margin-top: -26px; margin-left: -23px; } #community .streamer-boxes .box .stream-holder .stream-flux .glow-corners.top-corners { top: 15px; } #community .streamer-boxes .box .stream-holder .stream-flux .glow-corners.bottom-corners { bottom: 24px; } #community .streamer-boxes .box .stream-holder .stream-flux .glow-corners::before { left: 15px; } #community .streamer-boxes .box .stream-holder .stream-flux .glow-corners::after { right: 15px; } #community .streamer-boxes .box .stream-holder .stream-flux:hover .border { width: 360px; height: 210px; border: 1px solid rgba(1, 12, 19, 0.8); } #community .streamer-boxes .box .stream-holder .stream-flux:hover img { opacity: 1; } #community .streamer-boxes .box .stream-holder .stream-flux:hover .play { opacity: 1; } #community .streamer-boxes .box .stream-holder .stream-flux:hover .glow-corners.top-corners { top: 0px; } #community .streamer-boxes .box .stream-holder .stream-flux:hover .glow-corners.bottom-corners { bottom: 9px; } #community .streamer-boxes .box .stream-holder .stream-flux:hover .glow-corners::before { left: 0px; } #community .streamer-boxes .box .stream-holder .stream-flux:hover .glow-corners::after { right: 0px; } #community .streamer-boxes .box .stream-holder .stream-details { padding: 16px; position: relative; } #community .streamer-boxes .box .stream-holder .stream-details * { font-family: Electrolize; } #community .streamer-boxes .box .stream-holder .stream-details .citizen { margin-right: 0px; } #community .streamer-boxes .box .stream-holder .stream-details .citizen .info-citizen .from { width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #community .streamer-boxes .box .stream-holder .stream-details .watchers { float: right; color: rgb(34, 99, 132); font-size: 11px; padding-left: 22px; background: left center no-repeat; line-height: 12px; } #community .streamer-boxes .box .stream-holder .stream-details .released { position: absolute; right: 16px; top: 16px; color: rgb(34, 99, 132); text-transform: uppercase; font-size: 11px; padding-left: 14px; border-left: 1px solid rgb(8, 67, 106); line-height: 12px; } #community .streamer-boxes .box .stream-holder .stream-details .released span { display: block; color: rgb(8, 145, 197); text-transform: none; padding-top: 4px; } #community .streamer-boxes .box .stream-bottom-holder { width: 120px; height: 16px; background: rgba(7, 23, 33, 0.8); position: relative; } #community .streamer-boxes .box .stream-bottom-holder::before { content: ""; display: block; position: absolute; height: 0px; border-style: solid; bottom: 0px; z-index: 1; border-width: 16px 16px 0px 0px; border-color: rgba(7, 23, 33, 0.8) transparent transparent; right: -16px; } #community .streamer-boxes .box.type-P .glow-mini-breadcrumb { display: none; } #community .streamer-boxes .box.live.youtube .source { background-position: 3px -44px; } #community .streamer-boxes .box.live.twitch .source { background-position: 0px 2px; } #community .streamer-boxes .box.offline .stream-holder .stream-flux .state { opacity: 0.6; color: rgb(177, 216, 241); text-shadow: rgb(0, 48, 113) 0px 0px 15px, rgb(0, 48, 113) 0px 0px 15px; } #community .streamer-boxes .box.offline.youtube .source { background-position: -89px -44px; } #community .streamer-boxes .box.offline.twitch .source { background-position: -89px 2px; } #community #contentbody .flipboard-dsp-boxes { position: relative; } #community #contentbody .dsp-boxes { display: flex; flex-flow: wrap; box-sizing: border-box; } #community #contentbody .dsp-boxes .dsr-box { width: 100%; position: relative; margin-bottom: 15px; padding: 20px 20px 20px 190px; background: rgba(0, 44, 65, 0.5); transition-duration: 0.2s; perspective: 1000px; max-height: 210px; box-sizing: border-box; } @media only screen and (max-width: 765px) { #community #contentbody .dsp-boxes .dsr-box { max-height: initial; min-height: 133px; } } #community #contentbody .dsp-boxes .dsr-box * { font-family: Electrolize; text-shadow: rgb(34, 42, 53) 0px 0px 5px; } #community #contentbody .dsp-boxes .dsr-box .inner { width: 100%; min-height: 162px; max-height: 162px; position: relative; } @media only screen and (max-width: 765px) { #community #contentbody .dsp-boxes .dsr-box .inner { min-height: initial; max-height: initial; } } #community #contentbody .dsp-boxes .dsr-box .inner .media { position: absolute; left: -170px; top: 0px; width: 150px; height: 90px; margin-right: 20px; } #community #contentbody .dsp-boxes .dsr-box .inner .media img, #community #contentbody .dsp-boxes .dsr-box .inner .media a { width: 100%; height: 100%; display: block; background: ; } #community #contentbody .dsp-boxes .dsr-box .inner .content .title { margin: 0px; padding: 0px; } #community #contentbody .dsp-boxes .dsr-box .inner .content .title a { font-size: 22px; color: rgb(177, 216, 241); max-height: 60px; min-height: 50px; display: block; } #community #contentbody .dsp-boxes .dsr-box .inner .content .content { font-size: 14px; text-transform: none; color: rgb(8, 145, 197); max-height: 40px; overflow-wrap: break-word; max-width: 750px; margin: 17px 0px; } #community #contentbody .dsp-boxes .dsr-box .inner .content .date, #community #contentbody .dsp-boxes .dsr-box .inner .content .comments { font-size: 13px; color: rgb(44, 121, 159); } #community #contentbody .dsp-boxes .dsr-box .inner .content .date span, #community #contentbody .dsp-boxes .dsr-box .inner .content .comments span, #community #contentbody .dsp-boxes .dsr-box .inner .content .date a, #community #contentbody .dsp-boxes .dsr-box .inner .content .comments a { color: rgb(218, 158, 0); } #community #contentbody .dsp-boxes .dsr-box .vote { float: right; padding: 9px 0px 0px 25px; margin-left: 10px; height: 47px; border-left: 1px solid rgb(8, 67, 106); position: relative; } @media only screen and (max-width: 765px) { #community #contentbody .dsp-boxes .dsr-box .vote { float: none; position: absolute; top: 100px; left: -170px; padding: 0px; margin: 0px; border-left: none; } } #community #contentbody .dsp-boxes .dsr-box .vote::before, #community #contentbody .dsp-boxes .dsr-box .vote::after { content: ""; display: block; position: absolute; left: -1px; width: 1px; height: 1px; background: rgb(103, 122, 10); } @media only screen and (max-width: 765px) { #community #contentbody .dsp-boxes .dsr-box .vote::before, #community #contentbody .dsp-boxes .dsr-box .vote::after { display: none; content: none; } } #community #contentbody .dsp-boxes .dsr-box .vote::before { top: 0px; } #community #contentbody .dsp-boxes .dsr-box .vote::after { bottom: 0px; } #community #contentbody .dsp-boxes .dsr-box:hover { background: rgba(22, 104, 159, 0.4); } #community.hub #contentbody .dsp-boxes .dsr-box { padding-right: 30px; } #community.hub #contentbody .dsp-boxes .dsr-box.staff-pick::before { display: none; z-index: 0; } #community { display: block; } #community.citizen-spotlight-hub .flipboard-boxes { display: block; } #community.citizen-spotlight-hub .flipboard-boxes .box { float: left; margin-right: 15px; } #community.citizen-spotlight-hub .flipboard-boxes .box:nth-child(3n+3) { margin-right: 0px; } @media only screen and (max-width: 1140px) { #community.citizen-spotlight-hub .flipboard-boxes { width: 735px; margin: 0px auto; } #community.citizen-spotlight-hub .flipboard-boxes .box { margin-right: 15px; } #community.citizen-spotlight-hub .flipboard-boxes .box:nth-child(2n+2) { margin-right: 0px; } } @media only screen and (max-width: 765px) { #community.citizen-spotlight-hub .flipboard-boxes { width: 360px; margin: 0px auto; } #community.citizen-spotlight-hub .flipboard-boxes .box { margin-right: 0px; } } #community .flipboard-boxes .box .info .title { font-size: 20px; min-height: 22px; line-height: 22px; width: 290px; max-height: 80px; } #community .flipboard-boxes .box .bg .shade { background: left top; opacity: 0.6; } #community .flipboard-boxes .box .bg .shade::before { background: 0px 0px; } #community .flipboard-boxes .box:hover .bg .shade { opacity: 1; } #community .flipboard-boxes .box.post .complement * { font-family: Electrolize; } #community .flipboard-boxes .box.post .complement > * { line-height: 13px; } #community .flipboard-boxes .box.post .complement > *, #community .flipboard-boxes .box.post .complement > * > * { left: 0px; opacity: 1; } #community .flipboard-boxes .box.post .complement > a { top: -14px; } #community .flipboard-boxes .box.post .complement .date .name, #community .flipboard-boxes .box.post .complement .date .value { padding-bottom: 0px; } #community .flipboard-boxes .box.post .complement .date::before, #community .flipboard-boxes .box.post .complement .date::after { display: none; } #community .flipboard-boxes .box.post .complement .comments { margin-bottom: 5px; } #community .flipboard-boxes .box.post .complement .comments .name, #community .flipboard-boxes .box.post .complement .comments .value { padding: 0px; } #community .flipboard-boxes .box.post .complement .comments::before, #community .flipboard-boxes .box.post .complement .comments::after { display: none; } #community .flipboard-boxes .box.post .complement .vote { top: 10px; } #community .flipboard-boxes .box.post .complement .vote .upvote { margin-right: 8px; } #community .flipboard-boxes .box.post .complement .vote .value { padding-top: 0px; } #community .flipboard-boxes .box.post .complement .vote::before, #community .flipboard-boxes .box.post .complement .vote::after { display: none; } #community .flipboard-boxes .box.post:hover .complement > *, #community .flipboard-boxes .box.post:hover .complement > * > * { left: 0px; opacity: 1; transition-duration: 0.3s; perspective: 1000px; } #community .flipboard-boxes .box.post:hover .complement .date { transition-delay: 0.4s; } #community .flipboard-boxes .box.post:hover .complement .date .name { transition-delay: 0.5s; } #community .flipboard-boxes .box.post:hover .complement .date .value { transition-delay: 0.6s; padding-bottom: 0px; } #community .flipboard-boxes .box.post:hover .complement .comments { margin-bottom: 5px; transition-delay: 0.7s; } #community .flipboard-boxes .box.post:hover .complement .comments .name { transition-delay: 0.8s; padding: 0px; } #community .flipboard-boxes .box.post:hover .complement .comments .value { transition-delay: 0.9s; padding: 0px; } #community .flipboard-boxes .box.post:hover .complement .comments::before, #community .flipboard-boxes .box.post:hover .complement .comments::after { display: none; } #community .flipboard-boxes .box.post:hover .complement .vote { transition-delay: 1s; } #community .flipboard-boxes .box.post:hover .complement .vote .upvote { transition-delay: 1.1s; margin-right: 8px; } #community .flipboard-boxes .box.post:hover .complement .vote .value { transition-delay: 1.2s; padding-top: 0px; } #community .flipboard-boxes .box.post:hover .complement .vote::before, #community .flipboard-boxes .box.post:hover .complement .vote::after { display: none; } #community .flipboard-boxes .box.type-B.CH .bg picture img { width: 100%; } #community.ship-showdown-hub #post-background { background: 0px 0px; } #community.ship-showdown-hub #home-background { background: center bottom repeat-y; } .ship-showdown-hub .flipboard-boxes { display: block; margin-top: 20px; } .ship-showdown-hub .flipboard-boxes .box { float: left; margin-right: 15px; } .ship-showdown-hub .flipboard-boxes .box:nth-child(3n+3) { margin-right: 0px; } @media only screen and (max-width: 1140px) { .ship-showdown-hub .flipboard-boxes { width: 735px; margin: 20px auto; } .ship-showdown-hub .flipboard-boxes .box { margin-right: 15px !important; } .ship-showdown-hub .flipboard-boxes .box:nth-child(2n+2) { margin-right: 0px !important; } } @media only screen and (max-width: 765px) { .ship-showdown-hub .flipboard-boxes { width: 360px; margin: 20px auto; } .ship-showdown-hub .flipboard-boxes .box { margin-right: 0px !important; } } .ship-showdown-hub .ss-gradient-border { border-width: 1px 0px 0px; border-style: solid; border-image: linear-gradient(90deg, rgb(86, 128, 248) 0%, rgb(221, 137, 9) 100%) 1 / 1 / 0 stretch; } .chs-ship-showdown-header *, .chs-ship-showdown-content * { box-sizing: border-box; } .chs-ship-showdown-header { display: flex; margin-bottom: 20px; } @media only screen and (max-width: 960px) { .chs-ship-showdown-header { flex-direction: column; } } .chs-ship-showdown-header .navigation-tabs { width: 100%; border-bottom: 1px solid rgb(67, 237, 248); display: flex; flex-wrap: nowrap; align-items: flex-end; position: relative; padding: 0px; margin: 0px; overflow: auto hidden; scrollbar-width: thin; scrollbar-color: rgb(67, 237, 248) rgb(2, 64, 110); } .chs-ship-showdown-header .navigation-tabs::-webkit-scrollbar { width: 0px; height: 3px; } .chs-ship-showdown-header .navigation-tabs::-webkit-scrollbar-track { background: rgb(2, 64, 110); } .chs-ship-showdown-header .navigation-tabs::-webkit-scrollbar-thumb { background: rgb(67, 237, 248); } @media only screen and (max-width: 960px) { .chs-ship-showdown-header .navigation-tabs { padding: 0px; display: block; overflow: hidden; border-left: 1px solid rgb(10, 86, 136); border-right: 1px solid rgb(10, 86, 136); } } .chs-ship-showdown-header .navigation-tabs::before, .chs-ship-showdown-header .navigation-tabs::after { content: ""; display: block; height: 1px; background: rgb(10, 86, 136); position: absolute; bottom: 0px; } @media only screen and (max-width: 960px) { .chs-ship-showdown-header .navigation-tabs::before, .chs-ship-showdown-header .navigation-tabs::after { display: none; } } .chs-ship-showdown-header .navigation-tabs::before { width: 30px; left: 0px; } .chs-ship-showdown-header .navigation-tabs::after { width: 145px; right: 0px; } .chs-ship-showdown-header .navigation-tabs li { position: relative; height: 70px; border-top: 1px solid rgba(0, 0, 0, 0); padding: 15px 5px 0px 25px; margin-left: 70px; border-bottom: 1px solid rgb(10, 86, 136); border-left: 0px; } .chs-ship-showdown-header .navigation-tabs li.tab--is-hidden { display: none; } @media only screen and (max-width: 960px) { .chs-ship-showdown-header .navigation-tabs li { padding-left: 40px; margin-left: 0px; background: rgba(0, 30, 49, 0.7); } } .chs-ship-showdown-header .navigation-tabs li::before, .chs-ship-showdown-header .navigation-tabs li::after { content: ""; display: block; position: absolute; top: -1px; left: 0px; } .chs-ship-showdown-header .navigation-tabs li::before { width: 100%; height: 1px; background: rgb(10, 86, 136); } .chs-ship-showdown-header .navigation-tabs li .left-cut { display: block; border-color: transparent; border-width: 0px 70px 70px 0px; border-style: solid; position: absolute; left: -70px; top: 0px; z-index: -1; } .chs-ship-showdown-header .navigation-tabs li .left-cut::before { display: block; content: ""; width: 70px; height: 1px; background: rgb(10, 86, 136); position: absolute; left: 0px; top: -1px; } .chs-ship-showdown-header .navigation-tabs li .right-cut { border-color: transparent; border-width: 70px 0px 0px 70px; border-style: solid; right: -70px; display: block; top: 0px; position: absolute; z-index: -1; } .chs-ship-showdown-header .navigation-tabs li .right-cut::before, .chs-ship-showdown-header .navigation-tabs li .right-cut::after { content: ""; display: block; position: absolute; } .chs-ship-showdown-header .navigation-tabs li .right-cut::before { width: 6px; height: 70px; transition-duration: 0.2s; perspective: 1000px; background: rgb(2, 64, 110); top: -71px; right: 30px; transform: skew(45deg, 0deg); z-index: 2; } .chs-ship-showdown-header .navigation-tabs li .right-cut::after { width: 70px; height: 1px; background: rgb(10, 86, 136); position: absolute; bottom: 1px; left: -70px; } .chs-ship-showdown-header .navigation-tabs li .title { font-family: countach, sans-serif; font-size: 35px; font-style: italic; margin: 0px; letter-spacing: 4.45px; text-transform: uppercase; } @media only screen and (max-width: 720px) { .chs-ship-showdown-header .navigation-tabs li .title { font-size: 60px; } } .chs-ship-showdown-header .navigation-tabs li .title::before { width: 6px; height: 70px; transition-duration: 0.2s; perspective: 1000px; background: rgb(2, 64, 110); top: -71px; right: 30px; transform: skew(45deg, 0deg); z-index: 2; } .chs-ship-showdown-header .navigation-tabs li .title::after { width: 70px; height: 1px; background: rgb(10, 86, 136); position: absolute; bottom: 1px; left: -70px; } .chs-ship-showdown-header .navigation-tabs li .description { font-family: univia-pro, sans-serif; font-size: 14px; color: rgb(216, 216, 216); line-height: 24px; } @media only screen and (max-width: 720px) { .chs-ship-showdown-header .navigation-tabs li .description { font-size: 20px; } } .chs-ship-showdown-header .navigation-tabs li a { font: 700 14px / 14px Orbitron; color: rgb(8, 145, 197); } .chs-ship-showdown-header .navigation-tabs li a .title { font: 700 14px / 14px Orbitron; text-transform: uppercase; } .chs-ship-showdown-header .navigation-tabs li a .subtitle { display: block; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(40, 112, 147); } .chs-ship-showdown-header .navigation-tabs li.preceding { padding-right: 59px; } .chs-ship-showdown-header .navigation-tabs li.preceding .right-cut { display: block; border-color: transparent; } .chs-ship-showdown-header .navigation-tabs li.preceding .right-cut::before { width: 8px; } .chs-ship-showdown-header .navigation-tabs li.active { border-top-color: rgb(10, 86, 136); border-right-color: rgb(10, 86, 136); border-left-color: rgb(10, 86, 136); background: rgba(0, 30, 49, 0.7); border-bottom: none; padding-left: 40px; margin-left: 0px; } .chs-ship-showdown-header .navigation-tabs li.active::after { width: calc(100% + 4px); height: 4px; background-color: rgb(67, 237, 248); box-shadow: rgb(0, 112, 202) 0px 0px 100px 5px, rgba(0, 237, 255, 0.6) 0px 0px 10px 1px; left: 0px; } .chs-ship-showdown-header .navigation-tabs li.active .right-cut { border-color: transparent transparent transparent rgba(0, 30, 49, 0.7); } .chs-ship-showdown-header .navigation-tabs li.active .right-cut::before { background-color: rgb(67, 237, 248); box-shadow: rgb(0, 112, 202) 0px 0px 100px 5px, rgba(0, 237, 255, 0.6) 0px 0px 10px 1px; } .chs-ship-showdown-header .navigation-tabs li.active .right-cut::after { background-color: rgb(67, 237, 248); bottom: 0px; } .chs-ship-showdown-header .navigation-tabs li.active a .title { color: rgb(20, 230, 250); text-shadow: rgba(17, 241, 255, 0.7) 0px 0px 1em; } .chs-ship-showdown-header .navigation-tabs li:first-child { position: relative; padding-left: 25px; margin-left: 0px; z-index: 1; } @media only screen and (max-width: 960px) { .chs-ship-showdown-header .navigation-tabs li:first-child { padding-left: 40px; } } .chs-ship-showdown-header .navigation-tabs li:first-child .left-cut { display: none; } .chs-ship-showdown-header .navigation-tabs li:first-child.active { margin-left: 0px; } .chs-ship-showdown-header .navigation-tabs li + li.active { margin-left: 5px; padding-left: 70px; background: linear-gradient(45deg, rgba(0, 30, 49, 0) 0%, rgba(0, 30, 49, 0) 23%, rgba(0, 30, 49, 0.7) 23%, rgba(0, 30, 49, 0.7) 100%); } @media only screen and (max-width: 960px) { .chs-ship-showdown-header .navigation-tabs li + li.active { margin-left: 0px; padding-left: 40px; background: rgba(0, 30, 49, 0.7); } } .chs-ship-showdown-header .filter { display: flex; flex-direction: column; justify-content: flex-end; text-transform: uppercase; } @media only screen and (max-width: 960px) { .chs-ship-showdown-header .filter { border-top: 1px solid rgb(10, 86, 136); border-bottom: 1px solid rgb(10, 86, 136); height: 53px; margin: 20px 0px; } } .chs-ship-showdown-header .options-tabs { width: 173px; font-size: 12px; padding-left: 22px; position: relative; display: inline-block; } @media only screen and (max-width: 960px) { .chs-ship-showdown-header .options-tabs { font-size: 16px; width: 100%; padding: 0px; height: 100%; } } .chs-ship-showdown-header .options-tabs:hover .title span, .chs-ship-showdown-header .options-tabs .title.active { color: rgb(20, 230, 250); } .chs-ship-showdown-header .options-tabs:hover .arrow, .chs-ship-showdown-header .options-tabs .title.active .arrow { opacity: 1; } .chs-ship-showdown-header .options-tabs::before { width: 6px; height: 20px; content: ""; background: rgb(67, 237, 248); box-shadow: rgba(0, 112, 202, 0.79) 14px 2px 50px 4px, rgba(0, 112, 202, 0.5) 2px 2px 12px 1px; top: 2px; left: 9px; position: absolute; transform: skew(-45deg); z-index: 502; } @media only screen and (max-width: 960px) { .chs-ship-showdown-header .options-tabs::before { width: 0px; } } .chs-ship-showdown-header .options-tabs-inner { height: 22px; display: flex; justify-content: flex-end; align-items: baseline; } @media only screen and (max-width: 960px) { .chs-ship-showdown-header .options-tabs-inner { height: 100%; } } .chs-ship-showdown-header .options-tabs .title { display: flex; justify-content: flex-end; align-items: center; color: rgb(44, 121, 159); width: 100%; border-color: rgb(10, 86, 136); border-style: solid; border-width: 1px 0px 0px; } @media only screen and (max-width: 960px) { .chs-ship-showdown-header .options-tabs .title { justify-content: flex-end; height: 100%; } } .chs-ship-showdown-header .options-tabs .title.active { color: rgb(67, 237, 248); border-color: rgb(10, 86, 136); border-style: solid; border-width: 1px 1px 0px 0px; background-color: rgb(6, 16, 25); } .chs-ship-showdown-header .options-tabs .title.active::after { content: ""; display: block; background: 0px 0px; position: absolute; border-width: 0px 0px 16px 16px; border-color: transparent transparent rgb(6, 16, 25); border-style: solid; top: 7px; left: 6px; opacity: 1; } .chs-ship-showdown-header .options-tabs .title .navigation-tabs { width: 100%; border-bottom: 1px solid rgb(67, 237, 248); display: flex; flex-wrap: wrap; align-items: flex-end; position: relative; padding: 0px 0px 0px 30px; margin: 0px; } @media only screen and (max-width: 960px) { .chs-ship-showdown-header .options-tabs .title .navigation-tabs { padding: 0px; display: block; overflow: hidden; border-left: 1px solid rgb(10, 86, 136); border-right: 1px solid rgb(10, 86, 136); } } .chs-ship-showdown-header .options-tabs .title .navigation-tabs::before, .chs-ship-showdown-header .options-tabs .title .navigation-tabs::after { content: ""; display: block; height: 1px; background: rgb(10, 86, 136); position: absolute; bottom: 0px; } @media only screen and (max-width: 960px) { .chs-ship-showdown-header .options-tabs .title .navigation-tabs::before, .chs-ship-showdown-header .options-tabs .title .navigation-tabs::after { display: none; } } .chs-ship-showdown-header .options-tabs .title .navigation-tabs::before { width: 30px; left: 0px; } .chs-ship-showdown-header .options-tabs .title .navigation-tabs::after { width: 145px; right: 0px; } .chs-ship-showdown-header .options-tabs .title .navigation-tabs li { position: relative; height: 53px; border-top: 1px solid rgba(0, 0, 0, 0); padding: 15px 5px 0px 25px; margin-left: 70px; border-bottom: 1px solid rgb(10, 86, 136); } @media only screen and (max-width: 960px) { .chs-ship-showdown-header .options-tabs .title .navigation-tabs li { padding-left: 40px; margin-left: 0px; background: rgba(0, 30, 49, 0.7); } } .chs-ship-showdown-header .options-tabs .title .navigation-tabs li::before, .chs-ship-showdown-header .options-tabs .title .navigation-tabs li::after { content: ""; display: block; position: absolute; top: -1px; left: 0px; } .chs-ship-showdown-header .options-tabs .title .navigation-tabs li::before { width: 100%; height: 1px; background: rgb(10, 86, 136); } .chs-ship-showdown-header .options-tabs .title .navigation-tabs li .left-cut { display: block; border-color: transparent; border-width: 0px 70px 70px 0px; border-style: solid; position: absolute; left: -70px; top: 0px; } .chs-ship-showdown-header .options-tabs .title .navigation-tabs li .left-cut::before { display: block; content: ""; width: 70px; height: 1px; background: rgb(10, 86, 136); position: absolute; left: 0px; top: -1px; } .chs-ship-showdown-header .options-tabs .title .navigation-tabs li .right-cut { border-color: transparent transparent rgb(67, 237, 248); border-width: 70px 0px 0px 70px; border-style: solid; right: -70px; display: block; top: 0px; position: absolute; } .chs-ship-showdown-header .options-tabs .title .navigation-tabs li .right-cut::before, .chs-ship-showdown-header .options-tabs .title .navigation-tabs li .right-cut::after { content: ""; display: block; position: absolute; } .chs-ship-showdown-header .options-tabs .title .navigation-tabs li .right-cut::before { width: 6px; height: 70px; transition-duration: 0.2s; perspective: 1000px; background: rgb(2, 64, 110); top: -71px; right: 30px; transform: skew(45deg, 0deg); z-index: 2; } .chs-ship-showdown-header .options-tabs .title .navigation-tabs li .right-cut::after { width: 70px; height: 1px; background: rgb(10, 86, 136); position: absolute; bottom: 1px; left: -70px; } .chs-ship-showdown-header .options-tabs .title .navigation-tabs li a { font: 700 14px / 14px Orbitron; color: rgb(8, 145, 197); } .chs-ship-showdown-header .options-tabs .title .navigation-tabs li a .title { font: 700 14px / 14px Orbitron; text-transform: uppercase; } .chs-ship-showdown-header .options-tabs .title .navigation-tabs li a .subtitle { display: block; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(40, 112, 147); } .chs-ship-showdown-header .options-tabs .title .navigation-tabs li.preceding { padding-right: 59px; } .chs-ship-showdown-header .options-tabs .title .navigation-tabs li.preceding .right-cut { display: none; } .chs-ship-showdown-header .options-tabs .title .navigation-tabs li.active { border-top-color: rgb(10, 86, 136); border-right-color: rgb(10, 86, 136); background: rgba(0, 30, 49, 0.7); border-left: 1px solid rgb(10, 86, 136); border-bottom: none; padding-left: 40px; margin-left: 0px; } .chs-ship-showdown-header .options-tabs .title .navigation-tabs li.active::after { width: calc(100% + 4px); height: 4px; background-color: rgb(67, 237, 248); box-shadow: rgb(0, 112, 202) 0px 0px 100px 5px, rgba(0, 237, 255, 0.6) 0px 0px 10px 1px; left: -1px; } .chs-ship-showdown-header .options-tabs .title .navigation-tabs li.active .left-cut { display: none; } .chs-ship-showdown-header .options-tabs .title .navigation-tabs li.active .right-cut { border-color: transparent transparent transparent rgba(0, 30, 49, 0.7); } .chs-ship-showdown-header .options-tabs .title .navigation-tabs li.active .right-cut::before { background-color: rgb(67, 237, 248); box-shadow: rgb(0, 112, 202) 0px 0px 100px 5px, rgba(0, 237, 255, 0.6) 0px 0px 10px 1px; } .chs-ship-showdown-header .options-tabs .title .navigation-tabs li.active .right-cut::after { display: none; } .chs-ship-showdown-header .options-tabs .title .navigation-tabs li.active a .title { color: rgb(20, 230, 250); text-shadow: rgba(17, 241, 255, 0.7) 0px 0px 1em; } .chs-ship-showdown-header .options-tabs .title .navigation-tabs li:first-child { position: relative; padding-left: 25px; margin-left: 0px; border-left: 1px solid rgb(10, 86, 136); } @media only screen and (max-width: 960px) { .chs-ship-showdown-header .options-tabs .title .navigation-tabs li:first-child { padding-left: 40px; } } .chs-ship-showdown-header .options-tabs .title .navigation-tabs li:first-child .left-cut { display: none; } .chs-ship-showdown-header .options-tabs .title .navigation-tabs li:first-child.active { margin-left: 0px; } .chs-ship-showdown-header .options-tabs .arrow { transition-duration: 0.2s; perspective: 1000px; width: 37px; height: 32px; display: block; opacity: 0.5; background: no-repeat; } @media only screen and (max-width: 960px) { .chs-ship-showdown-header .options-tabs .arrow { position: relative; } } .chs-ship-showdown-header .category-inner { display: none; position: absolute; width: 190px; right: 0px; z-index: 501; } @media only screen and (max-width: 960px) { .chs-ship-showdown-header .category-inner { width: 100%; } } .chs-ship-showdown-header .category-inner .category-list { list-style: inside none; padding: 30px 0px 25px; margin: 0px; display: block; background: rgb(6, 16, 25); border-right: 1px solid rgb(2, 64, 110); border-bottom: 1px solid rgb(2, 64, 110); border-left: 1px solid rgb(2, 64, 110); border-image: initial; border-top: none; } .chs-ship-showdown-header .category-inner .category-list .list-item .title { display: flex; align-items: center; height: 26px; position: relative; border-bottom: 1px solid rgb(2, 64, 110); text-transform: uppercase; text-align: right; padding: 0px 40px 0px 0px; transition-duration: 0.2s; perspective: 1000px; } @media only screen and (max-width: 768px) { .chs-ship-showdown-header .category-inner .category-list .list-item .title { height: 40px; border-bottom: 0px; } } .chs-ship-showdown-header .category-inner .category-list .list-item .title.last { border-bottom: none; } .chs-ship-showdown-header .category-inner .category-list .list-item .title .checkbox { width: 14px; height: 14px; display: block; background: rgba(8, 145, 197, 0.1); position: absolute; right: 17px; top: 6px; } @media only screen and (max-width: 768px) { .chs-ship-showdown-header .category-inner .category-list .list-item .title .checkbox { top: 11px; } } .chs-ship-showdown-header .category-inner .category-list .list-item .title .checkbox::before, .chs-ship-showdown-header .category-inner .category-list .list-item .title .checkbox::after { background: rgb(20, 230, 250); position: absolute; content: ""; display: block; transition-duration: 0.2s; perspective: 1000px; opacity: 0; } .chs-ship-showdown-header .category-inner .category-list .list-item .title .checkbox::before { width: 2px; height: 8px; left: 6px; top: 3px; } .chs-ship-showdown-header .category-inner .category-list .list-item .title .checkbox::after { width: 8px; height: 2px; left: 3px; top: 6px; } .chs-ship-showdown-header .category-inner .category-list .list-item .title .checkbox .glow-corners.bottom-corners { bottom: 4px; } .chs-ship-showdown-header .category-inner .category-list .list-item .title .checkbox .glow-corners::before, .chs-ship-showdown-header .category-inner .category-list .list-item .title .checkbox .glow-corners::after { width: 3px; height: 3px; border-color: rgb(8, 145, 197); } .chs-ship-showdown-header .category-inner .category-list .list-item .title.check { color: rgb(20, 230, 250); } .chs-ship-showdown-header .category-inner .category-list .list-item .title.check .checkbox::before { opacity: 1; } .chs-ship-showdown-header .category-inner .category-list .list-item .title.check .checkbox::after { display: none; } .chs-ship-showdown-header .category-inner .category-list .list-item .title.check:hover .checkbox::before { width: 8px; height: 2px; left: 3px; top: 6px; } .chs-ship-showdown-header .category-inner .category-list .list-item .title:hover { color: rgb(20, 230, 250); background: rgba(8, 145, 197, 0.1); } .chs-ship-showdown-header .category-inner .category-list .list-item .title:hover span::before, .chs-ship-showdown-header .category-inner .category-list .list-item .title:hover span::after { opacity: 1; } .chs-ship-showdown-header .category-inner .category-list .list-item .title:hover span::before { width: 8px; height: 2px; left: 3px; top: 6px; } .chs-ship-showdown-header .category-inner .category-list .list-item .title:hover span::after { width: 2px; height: 8px; left: 6px; top: 3px; } .chs-ship-showdown-header .category-inner .category-list .list-item .title:hover span .glow-corners::before, .chs-ship-showdown-header .category-inner .category-list .list-item .title:hover span .glow-corners::after { border-color: rgb(0, 237, 255); } .chs-ship-showdown-header .category-inner .category-list .list-item .check { color: rgb(67, 237, 248); } .chs-ship-showdown-header .category-inner .category-list .list-item .check .checkbox::before { opacity: 1; } .chs-ship-showdown-header .category-inner .category-list .list-item .check .checkbox::after { display: none; } .chs-ship-showdown-header .category-inner .category-list .list-item .check:hover .checkbox::before { width: 8px; height: 2px; left: 3px; top: 6px; } .chs-ship-showdown-header .category-inner .category-list .list-item .arrow { transition-duration: 0.2s; perspective: 1000px; width: 37px; height: 32px; display: block; opacity: 0.5; background: no-repeat; } @media only screen and (max-width: 960px) { .chs-ship-showdown-header .category-inner .category-list .list-item .arrow { position: relative; } } .chs-ship-showdown-header .apply-button { float: right; margin-top: -1px; } .chs-ship-showdown-header .apply-button > span { cursor: pointer; background: rgb(6, 16, 25); height: 16px; display: flex; line-height: 16px; font-size: 12px; color: rgb(8, 145, 197); padding: 0px 0px 10px; top: -10px; border-right: 1px solid rgb(2, 64, 110); } .chs-ship-showdown-header .apply-button > span::before { content: ""; display: block; position: absolute; height: 0px; border-style: solid; bottom: 0px; z-index: 1; border-width: 0px 17px 17px 0px; border-color: transparent rgb(6, 16, 25) transparent transparent; left: -17px; } .chs-ship-showdown-header .apply-button > span::after { width: 6px; height: 15px; content: ""; background: rgb(67, 237, 248); box-shadow: rgba(0, 112, 202, 0.79) 14px 2px 50px 4px, rgba(0, 112, 202, 0.5) 2px 2px 12px 1px; top: 11px; left: -8px; position: absolute; transform: skew(45deg); z-index: 502; } .chs-ship-showdown-header .apply-button > span .label { text-transform: uppercase; padding-left: 10px; transition-duration: 0.2s; perspective: 1000px; } .chs-ship-showdown-header .apply-button > span .arrow { background-image: ; position: relative; right: 0px; top: -3px; height: 22px; } .chs-ship-showdown-header .apply-button > span .arrow::before, .chs-ship-showdown-header .apply-button > span .arrow::after { background-image: ; height: 25px; } .chs-ship-showdown-header .apply-button > span .arrow::before { left: -8px; } .chs-ship-showdown-header .apply-button > span .arrow .category-list { list-style: none; padding: 30px 0px 25px; margin: 0px; display: block; background: rgb(6, 16, 25); border-right: 1px solid rgb(2, 64, 110); border-bottom: 1px solid rgb(2, 64, 110); border-left: 1px solid rgb(2, 64, 110); border-image: initial; border-top: none; } .chs-ship-showdown-header .apply-button > span .arrow .category-list .list-item:not(:last-child) { border-bottom: 1px solid rgb(2, 64, 110); } .chs-ship-showdown-header .apply-button > span .arrow .category-list .list-item .title { padding: 5px 0px; } .chs-ship-showdown-header .apply-button > span .arrow .category-list .list-item .glow-corners { display: none; } .chs-ship-showdown-header .apply-button > span .arrow .category-list .list-item .checkbox { width: 14px; height: 14px; background: rgba(8, 145, 197, 0.1); margin: 0px 20px 0px 10px; position: relative; } .chs-ship-showdown-header .apply-button > span .arrow .category-list .list-item .checkbox::before, .chs-ship-showdown-header .apply-button > span .arrow .category-list .list-item .checkbox::after { background: rgb(20, 230, 250); position: absolute; content: ""; display: block; transition-duration: 0.2s; perspective: 1000px; opacity: 0; } .chs-ship-showdown-header .apply-button > span .arrow .category-list .list-item .checkbox::before { width: 2px; height: 8px; left: 6px; top: 3px; } .chs-ship-showdown-header .apply-button > span .arrow .category-list .list-item .checkbox::after { width: 8px; height: 2px; left: 3px; top: 6px; } .chs-ship-showdown-header .apply-button > span .arrow .category-list .list-item .check { color: rgb(67, 237, 248); } .chs-ship-showdown-header .apply-button > span .arrow .category-list .list-item .check .checkbox::before { opacity: 1; } .chs-ship-showdown-header .apply-button > span .arrow .category-list .list-item .check .checkbox::after { display: none; } .chs-ship-showdown-header .apply-button > span .arrow .category-list .list-item .check:hover .checkbox::before { width: 8px; height: 2px; left: 3px; top: 6px; } .chs-ship-showdown-header .apply-button > span .arrow::after { left: -14px; } .ship-showdown-hub #community-hub-submissions .chs-ship-showdown-content { padding: 45px; } .chs-ship-showdown-content .banner, .ship-showdown-hub .banner { background-color: rgb(24, 30, 43); display: flex; } .chs-ship-showdown-content .banner--ship-showdown, .ship-showdown-hub .banner--ship-showdown { padding: 45px 45px 0px; margin-bottom: 20px; } @media only screen and (max-width: 720px) { .chs-ship-showdown-content .banner, .ship-showdown-hub .banner { flex-wrap: wrap; } } .chs-ship-showdown-content .banner .text-container, .ship-showdown-hub .banner .text-container { padding: 0px 35px 25px 0px; width: 100%; } @media only screen and (max-width: 720px) { .chs-ship-showdown-content .banner .text-container, .ship-showdown-hub .banner .text-container { padding: 0px 0px 25px; text-align: center; } } .chs-ship-showdown-content .banner .text-container .title, .ship-showdown-hub .banner .text-container .title { font-family: countach, sans-serif; font-size: 35px; font-style: italic; font-weight: 700; margin: 0px; letter-spacing: 4.45px; text-transform: uppercase; } @media only screen and (max-width: 720px) { .chs-ship-showdown-content .banner .text-container .title, .ship-showdown-hub .banner .text-container .title { font-size: 42px; } } .chs-ship-showdown-content .banner .text-container .description, .ship-showdown-hub .banner .text-container .description { margin-top: 0px; font-family: univia-pro, sans-serif; font-size: 14px; color: rgb(216, 216, 216); line-height: 24px; width: 100%; max-width: 370px; } @media only screen and (max-width: 720px) { .chs-ship-showdown-content .banner .text-container .description, .ship-showdown-hub .banner .text-container .description { font-size: 16px; max-width: none; } } .chs-ship-showdown-content .banner .logo-container, .ship-showdown-hub .banner .logo-container { padding: 0px 0px 25px 45px; display: flex; align-items: center; } @media only screen and (max-width: 720px) { .chs-ship-showdown-content .banner .logo-container, .ship-showdown-hub .banner .logo-container { padding: 0px 0px 45px; width: 100%; justify-content: center; } } .chs-ship-showdown-content .banner .logo-container .logo, .ship-showdown-hub .banner .logo-container .logo { background: ; } .chs-ship-showdown-content .glow-tabs .inner-tabs, .ship-showdown-hub .glow-tabs .inner-tabs { padding-left: 0px; } .ship-showdown-hub .apply-button, .ship-showdown-hub .apply-button * { box-sizing: content-box; } .ship-showdown-hub #community-hub-submissions .chs-content input[type="text"], .ship-showdown-hub #community-hub-submissions .chs-content input[type="password"], .ship-showdown-hub #community-hub-submissions .chs-content input[type="email"], .ship-showdown-hub #community-hub-submissions .chs-content input[type="search"], .ship-showdown-hub #community-hub-submissions .chs-content .x-select [data-select], .ship-showdown-hub #community-hub-submissions .chs-content textarea, .ship-showdown-hub #community-hub-submissions .chs-content .chs-gallery-image-droparea { background: rgb(0, 0, 0); border-color: rgb(3, 52, 84); } .ship-showdown-hub #community-hub-submissions .chs-content .chs-images .chs-form-field-group { height: 160px; } .ship-showdown-hub #community-hub-submissions .chs-content .chs-images .chs-form-field-group .chs-chevrons { display: none; } .ship-showdown-hub #community-hub-submissions .chs-content .x-select { z-index: 99; } .ship-showdown-hub #community-hub-submissions .chs-content .x-select [data-option], .ship-showdown-hub #community-hub-submissions .chs-content .x-select [data-dropdown]:not(.x-select-dropdown-interacted) [data-option][aria-selected="true"], .ship-showdown-hub #community-hub-submissions .chs-content .x-select .x-select-option-highlighted { background: rgb(0, 0, 0); } .ship-showdown-hub #community-hub-submissions .chs-content .x-select [data-select][aria-expanded="true"] { border-width: 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(3, 52, 84); border-right-color: rgb(3, 52, 84); border-left-color: rgb(3, 52, 84); border-image: initial; border-bottom-style: initial; border-bottom-color: initial; } .ship-showdown-hub #community-hub-submissions .chs-content .x-select [data-select] { border-color: rgb(3, 52, 84); } .ship-showdown-hub #community-hub-submissions .chs-content .x-select [data-select]:focus { box-shadow: none; border-color: rgb(3, 52, 84); } .ship-showdown-hub #community-hub-submissions .chs-content .x-select [data-option] { display: flex; align-items: center; flex-wrap: wrap; border: 0px; padding: 0px 18px; height: 33px; transition: color 0.2s ease-out 0s; } .ship-showdown-hub #community-hub-submissions .chs-content .x-select [data-option]::before { display: none; } .ship-showdown-hub #community-hub-submissions .chs-content .x-select [data-option]:hover { color: rgb(67, 237, 248); } .ship-showdown-hub #community-hub-submissions .chs-content .x-select [data-label] { width: 100%; padding-left: 18px; } .ship-showdown-hub #community-hub-submissions .chs-content .x-select [data-dropdown] { border-width: 0px 1px 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(3, 52, 84); border-bottom-color: rgb(3, 52, 84); border-left-color: rgb(3, 52, 84); border-image: initial; border-top-style: initial; border-top-color: initial; } .ship-showdown-hub #community-hub-submissions .chs-content .x-select [data-dropdown]::-webkit-scrollbar { width: 6px; background: rgb(3, 52, 84); border-radius: 4px; } .ship-showdown-hub #community-hub-submissions .chs-content .x-select [data-dropdown]::-webkit-scrollbar-thumb { background: rgb(153, 227, 245); border-radius: 4px; width: 6px; height: 47px; } .ship-showdown-hub #community-hub-submissions .chs-content .x-select--is-open { z-index: 100; } .ship-showdown-hub #community-hub-submissions .chs-content .x-select--is-open [data-select] { position: relative; } .ship-showdown-hub #community-hub-submissions .chs-content .x-select--is-open [data-select]::after { position: absolute; bottom: 0px; left: 0px; right: 0px; content: ""; width: calc(100% - 40px); margin: 0px auto; border-bottom: 1px solid rgb(3, 52, 84); } .ship-showdown-hub #community-hub-submissions .chs-ship-showdown .chs-submit-ship-showdown .chs-media-type-selector ul li label { height: 50px; line-height: 50px; color: rgb(3, 52, 84); font-size: 10px; font-weight: 300; letter-spacing: 1.1px; background: rgb(0, 0, 0); } .ship-showdown-hub #community-hub-submissions .chs-ship-showdown .chs-submit-ship-showdown .chs-media-type-selector ul li label::before { top: 15px; border-color: rgb(3, 52, 84); margin-left: -53px; } .ship-showdown-hub #community-hub-submissions .chs-ship-showdown .chs-submit-ship-showdown .chs-media-type-selector ul li label::after { top: 20px; margin-left: -48px; } .ship-showdown-hub #community-hub-submissions .chs-ship-showdown .chs-submit-ship-showdown .chs-media-type-selector ul li #chs-media-type-video + label::before { margin-left: -59px; } .ship-showdown-hub #community-hub-submissions .chs-ship-showdown .chs-submit-ship-showdown .chs-media-type-selector ul li #chs-media-type-video + label::after { margin-left: -54px; } .ship-showdown-hub #community-hub-submissions .chs-ship-showdown .chs-submit-ship-showdown .chs-media-type-selector ul li input[type="radio"]:checked + label { color: rgb(66, 237, 248); background: rgb(0, 0, 0); } .ship-showdown-hub #community-hub-submissions .chs-ship-showdown .chs-submit-ship-showdown .chs-media-type-selector ul li input[type="radio"]:checked + label::after { box-shadow: none; } .ship-showdown-hub #community-hub-submissions .chs-ship-showdown .chs-submit-ship-showdown .chs-media-type-selector ul li input[type="radio"]:checked + label::before { border-color: rgb(66, 237, 248); } #community.my-submissions .submission-rows { margin-bottom: 64px; } @media only screen and (max-width: 1140px) { #community.my-submissions .submission-rows { width: 100%; margin: 0px auto 64px; } } #community.my-submissions .submission-rows .submission-row { border-bottom: 1px solid rgb(22, 129, 165); position: relative; background: repeat; } #community.my-submissions .submission-rows .submission-row * { font-family: Electrolize; } @media only screen and (max-width: 765px) { #community.my-submissions .submission-rows .submission-row { margin-bottom: 10px; } } #community.my-submissions .submission-rows .submission-row .submission-thumb { position: absolute; left: 32px; top: 23px; width: 83px; height: 83px; } #community.my-submissions .submission-rows .submission-row .submission-infos { width: 55%; padding: 40px 0px; float: left; } @media only screen and (max-width: 765px) { #community.my-submissions .submission-rows .submission-row .submission-infos { width: 100%; } } #community.my-submissions .submission-rows .submission-row .submission-infos .title a, #community.my-submissions .submission-rows .submission-row .submission-infos .type { font-size: 16px; color: rgb(8, 145, 197); position: relative; left: 130px; width: 460px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width: 1140px) { #community.my-submissions .submission-rows .submission-row .submission-infos .title a, #community.my-submissions .submission-rows .submission-row .submission-infos .type { width: 265px; } } @media only screen and (max-width: 765px) { #community.my-submissions .submission-rows .submission-row .submission-infos .title a, #community.my-submissions .submission-rows .submission-row .submission-infos .type { max-width: 300px; } } #community.my-submissions .submission-rows .submission-row .submission-infos .title a { text-transform: uppercase; color: rgb(0, 237, 255); } #community.my-submissions .submission-rows .submission-row .columns { display: flex; flex-flow: wrap; box-sizing: border-box; justify-content: space-between; width: 45%; } @media only screen and (max-width: 765px) { #community.my-submissions .submission-rows .submission-row .columns { width: 100%; } } #community.my-submissions .submission-rows .submission-row .columns .column { height: 65px; width: 25%; margin-top: 20px; padding-top: 20px; text-align: center; position: relative; } @media only screen and (max-width: 765px) { #community.my-submissions .submission-rows .submission-row .columns .column { margin: 0px; padding: 0px; height: auto; } } #community.my-submissions .submission-rows .submission-row .columns .column::before { content: ""; display: block; width: 1px; height: 82px; background: rgb(22, 129, 165); position: absolute; left: 0px; top: 0px; } @media only screen and (max-width: 765px) { #community.my-submissions .submission-rows .submission-row .columns .column::before { height: 25px; top: 13px; } } #community.my-submissions .submission-rows .submission-row .columns .column .label { font-size: 13px; color: rgb(8, 145, 197); margin-bottom: 6px; } #community.my-submissions .submission-rows .submission-row .columns .column .data { font-size: 17px; color: rgb(63, 201, 225); } @media only screen and (max-width: 765px) { #community.my-submissions .submission-rows .submission-row .columns .column .data { font-size: 15px; } } @media only screen and (max-width: 765px) { #community.my-submissions .submission-rows .submission-row .columns .column.state::before { display: none; } } #community.my-submissions .submission-rows .submission-row .columns .column.state.pending .data { color: rgb(236, 111, 0); } #community.my-submissions .submission-rows .submission-row .columns .column.state.published .data { color: rgb(14, 167, 3); } #community.my-submissions .submission-rows .submission-row .columns .column.actions .btn { width: 64px; height: 23px; background: rgba(0, 0, 0, 0.3); margin: 0px; padding: 0px; display: inline-block; border: 1px solid rgba(10, 86, 136, 0.3); transition-duration: 0.2s; perspective: 1000px; } #community.my-submissions .submission-rows .submission-row .columns .column.actions .btn .icon { background: 17px 0px no-repeat; height: 100%; transition-duration: 0.2s; perspective: 1000px; } #community.my-submissions .submission-rows .submission-row .columns .column.actions .btn.edit .icon { background-position: 17px -28px; } #community.my-submissions .submission-rows .submission-row .columns .column.actions .btn:hover { border: 1px solid rgba(10, 86, 136, 0.8); } #community.my-submissions .submission-rows .submission-row .columns .column.actions .btn:hover .icon { opacity: 0.7; } #community.my-submissions .pager { text-align: center; margin-bottom: 80px; } #community.my-submissions .pager .left, #community.my-submissions .pager .right { float: none; display: inline-block; } #ac .section-heading { position: relative; z-index: 10; margin-bottom: 50px; padding: 0px 55px; } #ac .section-heading .title { display: block; position: relative; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 48px; color: rgb(255, 255, 255); text-shadow: rgb(13, 168, 255) 0px 0px 65px; } #ac .logo-header { width: 100%; height: 160px; margin-bottom: -25px; background-position: calc(50% + 1px) 50%; background-repeat: no-repeat; background-size: contain; } #ac .logo-header.fps { background-image: ; } #ac .logo-header.dogfighting { height: 180px; margin-bottom: -45px; background-image: ; background-position: calc(50% + 16px) 50%; } #ac .logo-header.racing { margin-top: 50px; background-image: ; } #ac .content-block5 { position: relative; border-top: 1px solid rgb(0, 230, 255); z-index: 1; } #ac .content-block5 h3 { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(255, 255, 255); text-transform: uppercase; margin-left: 25px; } #ac .content-block5 h1 { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 24px; color: rgb(0, 231, 255); text-transform: uppercase; background: left center no-repeat; padding: 8px 10px 8px 60px; margin: 0px; clear: none; display: inline; float: left; } #ac .content-block5 h1 strong { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 24px; color: rgb(255, 255, 255); text-transform: uppercase; } #ac .content-block5 h1 a { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 24px; color: rgb(0, 231, 255); text-transform: uppercase; } #ac .content-block5 h1 a:hover { text-shadow: rgb(255, 255, 255) 0px 0px 20px; } #ac .content-block5 a { display: inline-block; text-transform: uppercase; font-size: 12px; font-family: Electrolize; } #ac .content-block5 a span { display: inline-block; vertical-align: middle; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(251, 254, 255); } #ac .content-block5 a .label { margin-left: 10px; opacity: 0.3; } #ac .content-block5 a:last-child { padding: 13px 55px 0px 35px; } #ac .content-block5 a.on *, #ac .content-block5 a:hover * { color: rgb(26, 252, 247); opacity: 1; } #ac .content-block5 a.on .radio-pager, #ac .content-block5 a:hover .radio-pager { transform: rotate(-90deg); background: 0px 0px no-repeat, 0px 0px no-repeat; } #ac .content-block5 .bottom { width: 100%; height: 7px; border-top: 1px solid rgb(22, 129, 165); border-left: 1px solid rgb(22, 129, 165); } #ac .content-block5 > .content { background: repeat; } #ac .content-block5 .content .top { width: 100px; height: 2px; background-color: rgb(0, 230, 255); } #ac .content-block5 .content .selector-wrap { float: right; } #ac .game-type { min-height: 421px; padding-top: 83px; margin-bottom: 20px; position: relative; border: 1px solid rgb(12, 103, 161); background: 50% 0px no-repeat rgb(0, 0, 0); margin-top: 36px; text-align: center; } #ac .game-type.fps { background-image: ; background-size: cover; } #ac .game-type.fps .game-mode.EL .heading { background-image: ; } #ac .game-type.fps .game-mode.CO .heading { background-image: ; } #ac .game-type.dogfighting { background-image: ; } #ac .game-type.dogfighting .game-mode.BR .heading { background-image: ; } #ac .game-type.dogfighting .game-mode.SB .heading { background-image: ; } #ac .game-type.dogfighting .game-mode.CC .heading { background-image: ; } #ac .game-type.dogfighting .game-mode.VC .heading { background-image: ; } #ac .game-type.racing { background-image: ; } #ac .game-type.racing .game-mode .RU .heading { background-image: ; } #ac .game-type.racing .game-mode .BL .heading { background-image: ; } #ac .game-type .game-mode { width: 338px; min-height: 276px; padding-top: 47px; position: relative; border-style: solid; border-color: rgb(12, 103, 161); border-image: initial; border-width: 0px 1px; background: rgba(28, 20, 16, 0.8); display: inline-block; text-align: left; margin: 0px 10px 83px; } #ac .game-type .game-mode.org .cell.org { display: none; width: 0px; } #ac .game-type .game-mode.org .top-row .cell.pilot { width: 268px; text-align: center; } #ac .game-type .game-mode .top, #ac .game-type .game-mode .bottom { width: 100%; position: absolute; z-index: 1; } #ac .game-type .game-mode .top { background: no-repeat; top: -28px; height: 28px; } #ac .game-type .game-mode .bottom { background: no-repeat; bottom: -32px; height: 32px; } #ac .game-type .game-mode .bracket-button { position: absolute; z-index: 2; bottom: -34px; left: 56px; } #ac .game-type .game-mode .heading { position: absolute; top: -20px; left: 0px; z-index: 2; background: 50% 0px no-repeat; width: 100%; height: 67px; margin: 0px; padding: 0px; text-align: center; } #ac .game-type .game-mode .heading.racing span { top: 11px; } #ac .game-type .game-mode .heading span { display: block; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 16px; color: rgb(255, 255, 255); text-transform: uppercase; position: relative; top: 21px; text-shadow: rgb(0, 112, 202) 0px 0px 12px, rgb(0, 112, 202) 0px 0px 12px; } #ac .game-type .game-mode .leaderboard { padding: 0px 9px; position: relative; z-index: 3; } #ac .game-type .game-mode .leaderboard .top-row { border: 1px solid rgb(16, 53, 84); height: 20px; margin: 2px 0px; } #ac .game-type .game-mode .leaderboard .top-row .cell { height: 20px; line-height: 20px; font-size: 11px; text-align: center; color: rgb(41, 95, 101); text-transform: uppercase; } #ac .game-type .game-mode .leaderboard .cell { display: block; float: left; border-left: 1px solid rgb(16, 53, 84); font-family: Electrolize; } #ac .game-type .game-mode .leaderboard .cell.rank { width: 49px; border: none; } #ac .game-type .game-mode .leaderboard .cell.pilot { width: 218px; } #ac .game-type .game-mode .leaderboard .cell.org { width: 49px; } #ac .game-type .game-mode .leaderboard .cell .inner { display: block; margin: 5px; height: 37px; } #ac .game-type .game-mode .leaderboard ul.data { list-style: none; margin: 0px; padding: 0px; border: 1px solid rgb(16, 53, 84); background: linear-gradient(rgba(2, 56, 103, 0.6) 0%, rgba(125, 185, 232, 0) 100%); } #ac .game-type .game-mode .leaderboard ul.data .row { display: block; height: 47px; margin: 0px; padding: 0px; border-top: 1px solid rgb(16, 53, 84); transform: rotateX(90deg); perspective: 500px; } #ac .game-type .game-mode .leaderboard ul.data .row:first-child { border: none; } #ac .game-type .game-mode .leaderboard ul.data .row.animDone { transform: none; } #ac .game-type .game-mode .leaderboard ul.data .row.no-data .cell.pilot { line-height: 47px; text-align: center; color: rgb(136, 198, 228); } #ac .game-type .game-mode .leaderboard ul.data .row .cell { height: 47px; } #ac .game-type .game-mode .leaderboard ul.data .row .cell.rank, #ac .game-type .game-mode .leaderboard ul.data .row .cell.org { background: rgba(2, 56, 103, 0.3); } #ac .game-type .game-mode .leaderboard ul.data .row .cell.rank .inner, #ac .game-type .game-mode .leaderboard ul.data .row .cell.org .inner { background: rgba(0, 82, 139, 0.3); width: 39px; line-height: 37px; text-align: center; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 16px; color: rgb(77, 255, 255); text-shadow: rgb(0, 112, 202) 0px 0px 12px, rgb(0, 112, 202) 0px 0px 12px; } #ac .game-type .game-mode .leaderboard ul.data .row .cell.pilot .inner { margin: 5px 0px 5px 5px; } #ac .game-type .game-mode .leaderboard ul.data .row .cell.pilot .thumb { display: block; width: 37px; height: 37px; float: left; } #ac .game-type .game-mode .leaderboard ul.data .row .cell.pilot span { font-size: 12px; font-family: Electrolize; display: block; margin-left: 42px; line-height: 9px; } #ac .game-type .game-mode .leaderboard ul.data .row .cell.pilot .display { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(136, 198, 228); margin-left: 5px; white-space: nowrap; max-width: 169px; overflow: hidden; text-overflow: ellipsis; display: inline-block; } #ac .game-type .game-mode .leaderboard ul.data .row .cell.pilot .handle { color: rgb(4, 111, 163); } #store { --brandMenuStoreHeight: 58px; } @media (max-width: 1024px) { #store { --brandMenuStoreHeight: 50px; } } #store #bodyWrapper { overflow-x: initial; } #store #contentbody { margin-top: 0px; padding-top: 0px; padding-bottom: 0px; } #store #store-header { position: relative; z-index: 14; } #store #store-wrapper { margin: 0px auto; padding-bottom: 50px; position: relative; z-index: 20; } #store #store-wrapper #intro { z-index: 13; } #store #store-wrapper .wcontent { margin-left: auto; margin-right: auto; position: relative; width: 1200px; } @media only screen and (max-width: 1200px) { #store #store-wrapper .wcontent { width: 100%; } } #store #store-wrapper .hr { display: none; } #store #store-wrapper .featured-listing.split { float: left; max-width: 50%; } @media only screen and (max-width: 768px) { #store #store-wrapper .featured-listing.split { max-width: 100%; } } @media only screen and (max-width: 1200px) { #store #store-wrapper .featured-listing.split .subscriptions-item { float: none; width: 100%; } } #store #store-wrapper .featured-listing.split .subscriptions-item img { width: 100%; } #store #store-wrapper .featured-listing.split.last { float: right; } @media only screen and (max-width: 1200px) { #store #store-wrapper .featured-listing.split.last { float: none; width: 100%; } } #store #store-wrapper .featured-listing.split .block-title .text { display: none; } #store #store-wrapper .featured-listing.split .viewall span { display: none; } #store #store-wrapper .featured-listing.split .viewall span.arrow { display: block; } @media only screen and (max-width: 1200px) { #store #store-wrapper .featured-listing.split { float: none; width: 100%; } } #store #store-wrapper .products-row { padding-left: 40px; padding-right: 40px; } @media only screen and (max-width: 1024px) { #store #store-wrapper .products-row { padding-left: calc(50% - 447px); padding-right: calc(50% - 447px); } } @media only screen and (max-width: 768px) { #store #store-wrapper .products-row { padding-left: calc(50% - 298px); padding-right: calc(50% - 298px); } } @media only screen and (max-width: 560px) { #store #store-wrapper .products-row { padding-left: 20px; padding-right: 20px; } } #store .listing-wrapper { box-sizing: border-box; padding-top: 120px; position: relative; } #store .listing-wrapper .intro-text { padding: 0px 20px 0px 0px; margin-top: -40px; } #store .listing-wrapper .intro-text strong { font-size: 18px; } #store .listing-wrapper .intro-text a { color: rgb(202, 233, 255); transition: color 0.3s ease 0s; } #store .listing-wrapper .intro-text a:hover { color: rgb(32, 181, 185); } @media only screen and (max-width: 768px) { #store .listing-wrapper { height: auto; padding-top: 60px; } #store .listing-wrapper .intro-text { padding: 0px 15px; position: relative; text-align: left; top: auto; } } #store .intro-text { box-sizing: border-box; color: rgba(32, 181, 185, 0.8); font-size: 15px; margin-bottom: 22px; text-align: right; width: 100%; } @media only screen and (max-width: 768px) { #store .intro-text { font-size: 12px; margin-top: 30px; padding: 0px 15px; text-align: left; } } #store .content-block4 { border-top-color: rgb(122, 246, 251); } #store .content-block4 .content { background: rgb(9, 18, 28); } #store .content-block4 .content .top { background-color: rgb(122, 246, 251); } #store .content-block4 .content h1 { padding: 17px 10px 9px 60px; max-width: 70%; margin: 0px; text-transform: uppercase; color: rgb(202, 233, 255); font-family: Electrolize; font-size: 24px; background: left center no-repeat; } #store .content-block4 .content h1 a { color: inherit; } #store .content-block4 .content h1 a:hover { text-shadow: rgb(255, 255, 255) 0px 0px 20px; } #store .content-block4 .content h1 strong { color: rgb(255, 255, 255); } @media only screen and (max-width: 768px) { #store .content-block4 .content h1 { display: inline-block; float: none; font-size: 16px; margin: 5px 0px; padding-top: 13px; padding-bottom: 10px; } } #store .content-block4 .content .selectlist { float: right; margin: 9px; } #store .content-block4 .bottom { display: none; } #store .content-block4 .viewall { color: rgb(122, 246, 251); display: block; font-family: Electrolize; font-size: 16px; height: 49px; line-height: 49px; padding: 0px 70px 0px 0px; position: absolute; right: 0px; text-align: right; text-transform: uppercase; top: 10px; width: 245px; } #store .content-block4 .viewall span { font-family: inherit; } @media only screen and (max-width: 768px) { #store .content-block4 .viewall { font-size: 0px; overflow: hidden; text-indent: -1000px; top: 4px; width: 70px; } } #store .content-block4 .arrow { background: center center no-repeat; display: block; height: 43px; position: absolute; top: 2px; width: 46px; } #store .content-block4 .arrow1 { right: 21px; } #store .content-block4 .arrow2 { right: 14px; } #store .content-block4 .arrow3 { right: 7px; } #store .content-block4:hover .arrow { animation-fill-mode: forwards; } #store .content-block4:hover .arrow1 { animation: 0.1s linear 0s 1 normal none running arrow; } #store .content-block4:hover .arrow2 { animation: 0.3s linear 0s 1 normal none running arrow; } #store .content-block4:hover .arrow3 { animation: 0.5s linear 0s 1 normal none running arrow; } @-webkit-keyframes arrow { 0% { opacity: 0; } 100% { opacity: 1; } } #store .products-row { background: rgb(9, 18, 28); border-bottom: 1px solid rgb(122, 246, 251); margin-bottom: 30px; padding: 0px; } #store .subscriptions-item { border-top-color: rgb(122, 246, 251); border-bottom-color: rgb(122, 246, 251); } #store .subscriptions-item::after { background-color: rgb(122, 246, 251); } #store .holosmallbtn .holosmallbtn-top, #store .holosmallbtn .holosmallbtn-bottom { background-image: ; color: rgb(251, 254, 255); text-shadow: none; } #store .customize-button { border: none; } #store .customize-button .holosmallbtn-top { background: center 30px no-repeat; } #store .customize-button .holosmallbtn-bottom { background: center -71px no-repeat; } #store-carousel { background: rgb(9, 18, 28); overflow: hidden; padding: 30px 0px; position: relative; } .store-country-selector + #store-carousel { margin-top: 12px; } #store-carousel .carousel-clip { height: 420px; position: relative; width: 1200px; } #store-carousel .carousel { left: 0px; list-style: none; margin: 0px; padding: 0px; position: absolute; top: 0px; } #store-carousel .slide { float: left; height: 420px; width: 600px; } #store-carousel .slide .item { display: block; height: 210px; margin: 0px; position: relative; width: 600px; } #store-carousel .slide .item::after { content: ""; background: rgba(5, 12, 23, 0.85); display: block; height: 100%; left: 0px; position: absolute; top: 0px; transition: opacity 0.25s ease 0s; width: 100%; z-index: 2; } #store-carousel .slide .item img { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 1; } #store-carousel .slide .item .info { box-sizing: border-box; display: block; height: 50px; opacity: 0; padding: 10px; position: absolute; right: 0px; top: 80px; width: 100%; z-index: 5; } #store-carousel .slide .item .info .inner { background: rgba(36, 63, 88, 0.35); display: block; position: relative; } #store-carousel .slide .item .info .inner * { font-family: Electrolize; font-weight: 400; text-transform: uppercase; } #store-carousel .slide .item .info .title { color: rgb(185, 215, 236); display: block; font-size: 18px; line-height: 50px; overflow: hidden; padding-left: 20px; text-overflow: ellipsis; white-space: nowrap; width: 400px; } #store-carousel .slide .item .info .title span { color: rgb(62, 144, 147); font-size: 16px; text-transform: none; } #store-carousel .slide .item .info .price { vertical-align: top; bottom: -60px; background: rgba(36, 63, 88, 0.35); display: block; margin-top: 0px; position: absolute; padding-top: 130px; right: 0px; text-align: center; text-shadow: none; top: -80px; width: 210px; } #store-carousel .slide .item .info .price .final-price { display: block; color: rgb(255, 174, 0); font-size: 26px; font-weight: 400; } #store-carousel .slide .item .info .price .original-price, #store-carousel .slide .item .info .price .discount { display: inline-block; vertical-align: middle; line-height: 1em; } #store-carousel .slide .item .info .price .original-price { text-decoration: none; position: relative; color: rgb(110, 174, 193); font-size: 18px; } #store-carousel .slide .item .info .price .original-price .super .currency { color: inherit; font-size: 11px; } #store-carousel .slide .item .info .price .original-price::after { content: ""; position: absolute; top: 50%; border-top: 1px solid; left: 0px; right: 0px; } #store-carousel .slide .item .info .price .discount { color: rgb(77, 255, 42); font-size: 14px; margin-left: 1em; text-transform: uppercase; } #store-carousel .slide .item .info .price .discount strong { margin-left: 0.3em; font-weight: 400; } #store-carousel .slide .item .info .price .discount .super { font-size: 9px; } #store-carousel .slide .item .info .price .discount .super .currency { color: inherit; } #store-carousel .slide .item .info .price .super { font-size: 14px; vertical-align: text-top; } #store-carousel .slide .item .info .price .super .currency { color: rgb(210, 210, 210); } #store-carousel .slide .item .info .price * { display: inline-block; vertical-align: top; } #store-carousel .slide .item .info .price .final-price, #store-carousel .slide .item .info .price .super .currency { color: rgb(202, 233, 255); text-shadow: rgba(12, 145, 255, 0.35) 0px 0px 2px; } #store-carousel .slide .item .info .advice { display: none; } #store-carousel .slide .item .info .more { color: rgba(202, 223, 255, 0.5); bottom: 60px; font-size: 11px; opacity: 0; position: absolute; right: 72px; text-transform: uppercase; } #store-carousel .slide .item .info .more::after { background: rgb(96, 255, 231); bottom: -2px; content: ""; display: block; height: 1px; left: 0px; position: absolute; transition: transform 0.25s ease 0s; transform-origin: left center; width: 100%; } #store-carousel .slide .item .info .more:hover::after { transform: scaleX(0); } #store-carousel .slide .item .info .holosmallbtn { bottom: 5px; position: absolute; right: 0px; } #store-carousel .slide .item .info .holosmallbtn-top { font-size: 12px; } #store-carousel .slide .item .info .text { color: rgb(158, 222, 255); display: none; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 16px; margin-top: 20px; text-shadow: rgb(0, 0, 0) -2px 3px 3px; text-transform: none; width: 80%; } #store-carousel .slide .item .info a.viewmore { bottom: 0px; color: rgb(255, 255, 255); display: block; font-size: 16px; height: 49px; line-height: 49px; padding: 0px 70px 0px 0px; position: absolute; text-align: right; right: 0px; width: 245px; } #store-carousel .slide .item .info a.viewmore:hover { color: cyan; text-shadow: rgb(6, 105, 149) 0px 0px 20px, rgb(6, 105, 149) 0px 0px 50px; } #store-carousel .slide.large { width: 1200px; } #store-carousel .slide.large .item { height: 420px; width: 1200px; } #store-carousel .slide.large .item .info { width: 400px; height: 100%; right: 0px; top: 0px; } #store-carousel .slide.large .item .info .inner { height: 300px; padding: 40px 20px 14px 40px; } #store-carousel .slide.large .item .info .title { font-size: 28px; line-height: inherit; overflow: visible; padding: 0px; text-overflow: inherit; white-space: inherit; width: auto; } #store-carousel .slide.large .item .info .title span { display: block; font-size: 22px; } #store-carousel .slide.large .item .info .text { display: block; } #store-carousel .slide.large .item .info .price { position: relative; inset: 0px; width: auto; margin-top: 20px; padding-top: 0px; background-color: transparent; text-align: left; } #store-carousel .slide.large .item .info .price .taxes { position: relative; inset: -3px 0px 0px -5px; } #store-carousel .slide.large .item .info .price .final-price { display: inline-block; font-size: 36px; } #store-carousel .slide.large .item .info .price .final-price .super { font-size: 18px; } #store-carousel .slide.large .item .info .price .original-price { font-size: 22px; } #store-carousel .slide.large .item .info .price .original-price .super { font-size: 12px; } #store-carousel .slide.large .item .info .price .discount { font-size: 20px; } #store-carousel .slide.large .item .info .price .discount .super { font-size: 11px; } #store-carousel .slide.large .item .info .advice { color: rgb(210, 210, 210); display: block; font-size: 14px; opacity: 0; } #store-carousel .slide.large .item .info .more { bottom: 45px; font-size: 11px; opacity: 1; right: inherit; } #store-carousel .slide.large .item .info .holosmallbtn { bottom: 25px; } #store-carousel .slide.large .item .info a.viewmore { bottom: 25px; right: 15px; } #store-carousel .slide.current .item.active::after, #store-carousel .slide.current .item:hover::after { opacity: 0; } #store-carousel .slide.current .item.active .info, #store-carousel .slide.current .item:hover .info, #store-carousel .slide.current.large.current .item .info { opacity: 1; } #store-carousel .slide.current .item:hover { position: relative; z-index: 2; } #store-carousel .slide.current .item:hover .info .price, #store-carousel .slide.current .item:hover .info .advice { opacity: 1; } #store-carousel .arrows { position: absolute; top: 0px; width: 100%; } #store-carousel .arrows a { background-repeat: no-repeat; background-position: 50% 50%; color: transparent; display: block; font: 0px / 0 a; height: 124px; opacity: 0.6; position: absolute; text-indent: -999px; top: 179px; width: 97px; z-index: 13; } #store-carousel .arrows a:hover, #store-carousel .arrows a:focus { opacity: 1; } #store-carousel .arrows .prev { background-image: ; left: 10px; } #store-carousel .arrows .next { background-image: ; right: 10px; } .c-brand-menu--store { border: none; background: 0px 0px; padding-top: 0px; position: sticky; top: 0px; height: var(--brandMenuStoreHeight); z-index: 15; } @media (max-width: 1024px) { .c-brand-menu--store { height: 50px; } } .c-brand-menu--store.is-sticky { position: sticky; } .c-brand-menu--store .c-brand-menu__hamburger span { background-color: rgb(119, 234, 246); } .c-brand-menu--store .c-brand-menu__section { color: rgb(119, 234, 246); font-family: "Univia Pro", sans-serif; } .c-brand-menu--store .c-brand-menu__logo { background-color: rgb(10, 34, 48); border-bottom: 1px solid rgb(62, 144, 147); height: 68px; } .c-brand-menu--store .c-brand-menu__logo::after { right: 0px; } @media (max-width: 1024px) { .c-brand-menu--store .c-brand-menu__logo { display: none; } } .c-brand-menu--store .c-brand-menu__container { border-top: 1px solid rgb(62, 144, 147); } .c-brand-menu--store .c-brand-menu__items-container { height: calc(95% - 85px); background-color: rgb(10, 34, 48); border-bottom: none; } @media (min-width: 1024px) { .c-brand-menu--store .c-brand-menu__items-container { height: 57px; width: 725px; } } @media (min-width: 1260px) { .c-brand-menu--store .c-brand-menu__items-container { width: 910px; } } .c-brand-menu--store .c-brand-menu__items-container::before, .c-brand-menu--store .c-brand-menu__items-container::after { margin-top: 57px; background-color: rgb(202, 233, 255); backface-visibility: hidden; } .c-brand-menu--store .c-brand-menu__items-container::before { box-shadow: rgba(165, 226, 255, 0.79) 0px 0px 8px 0px, rgba(12, 145, 255, 0.75) 7px 2px 25px 4px; } .c-brand-menu--store .c-brand-menu__items-container::after { box-shadow: rgba(165, 226, 255, 0.79) 0px 0px 8px 0px, rgba(12, 145, 255, 0.75) -7px 2px 25px 4px; } .c-brand-menu--store .c-brand-menu__items { height: 70%; border-bottom: none; } @media (min-width: 1024px) { .c-brand-menu--store .c-brand-menu__items { height: 100%; flex-grow: 1; position: relative; } .c-brand-menu--store .c-brand-menu__items::after { background: 0px 0px; border-bottom: 1px solid rgb(62, 144, 147); bottom: 0px; content: ""; display: block; left: 4px; margin-top: 0px; position: absolute; width: calc(100% - 4px); box-shadow: none !important; } } .c-brand-menu--store .c-brand-menu__title { color: rgb(185, 215, 236); font-family: univia-pro, sans-serif; font-size: 18px; line-height: 57px; text-transform: uppercase; } @media (min-width: 1024px) { .c-brand-menu--store .c-brand-menu__title { padding-left: 20px; padding-right: 15px; } } @media (min-width: 1024px) { .c-brand-menu--store .c-brand-menu__item { padding: 0px 25px 0px 30px; box-sizing: border-box; align-items: center; height: 60px; } } @media (min-width: 1024px) { .c-brand-menu--store .c-brand-menu__item::before { display: none; } } .c-brand-menu--store .c-brand-menu__item.is-open > a, .c-brand-menu--store .c-brand-menu__item.is-active > a { color: rgb(119, 234, 246); } .c-brand-menu--store .c-brand-menu__item-text { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 1px; line-height: 34px; padding-right: 12px; white-space: normal; transition-duration: 0.16s; font-family: univia-pro, sans-serif; } .c-brand-menu--store .c-brand-menu__item-desc { display: inline-block; font-family: univia-pro, sans-serif; font-size: 12px; font-weight: 300; line-height: 13px; text-transform: none; transition-duration: 0.16s; white-space: normal; } @media (max-width: 1024px) { .c-brand-menu--store .c-brand-menu__item-desc { display: block; } } .c-brand-menu--store .c-brand-menu__link { color: rgb(35, 197, 201); display: block; height: 30px; padding: 13px 0px; position: relative; } @media (min-width: 1024px) { .c-brand-menu--store .c-brand-menu__link { font-size: 14px; letter-spacing: 1px; } .c-brand-menu--store .c-brand-menu__link::before { background-color: rgb(21, 67, 69); content: ""; display: block; height: 40px; left: -22px; position: absolute; transform: rotate(45deg); transition-duration: 0.22s; top: 8px; width: 1px; } } .c-brand-menu--store .c-brand-menu__link:hover { color: rgb(185, 215, 236) !important; } .c-brand-menu--store .c-brand-menu__link:hover::before { background-color: rgba(185, 215, 236, 0.65); } .c-brand-menu--store .c-brand-menu__cta { background-color: rgb(10, 34, 48); } @media (max-width: 1024px) { .c-brand-menu--store .c-brand-menu__cta { display: flex; align-items: center; justify-content: center; padding-top: 0px; padding-left: 5px; height: 85px; } } @media (min-width: 1024px) { .c-brand-menu--store .c-brand-menu__cta { border-bottom: 1px solid rgb(62, 144, 147); height: 56px; } } @media (min-width: 1260px) { .c-brand-menu--store .c-brand-menu__cta { width: 310px; } } @media (max-width: 1024px) { .c-brand-menu--store .c-brand-menu__cta .c-brand-cta-btn { font-size: 10px; height: 30px; line-height: 33px; margin-right: 10px; padding: 0px 20px; } } @media (min-width: 1024px) { .c-brand-menu--store .c-brand-menu__cta .c-brand-cta-btn { line-height: 32px; padding: 0px 52px; } } .c-brand-menu--store .c-brand-menu__cta .c-brand-cta-btn div:first-of-type { border-width: 1px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: ; border-image-slice: 16 fill; border-image-width: 100px; z-index: 2; } .c-brand-menu--store .c-brand-menu__cta .c-brand-cta-btn div:last-of-type { border-width: 1px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: ; border-image-slice: 33 fill; border-image-width: 100px; z-index: 1; } .c-brand-menu--store .c-brand-menu__cta .c-brand-cta-btn__text { color: rgb(251, 254, 255); font-family: univia-pro, sans-serif; font-size: 13px; font-weight: 200; } .c-brand-menu--store .c-brand-menu__cta .c-brand-cta-btn__text strong { color: rgb(195, 226, 247); font-family: inherit; font-size: inherit; font-weight: 800; } @media (min-width: 1024px) { .c-brand-menu--store .c-brand-menu__cta .c-brand-cta-btn { height: 32px; margin: 1px 0px 0px 58px; } } @media (max-width: 1024px) { .c-brand-menu--store.c-platform-bar__open .c-cross-brand-entry { background-color: rgb(0, 0, 0); } } @media (max-width: 1024px) { .c-brand-menu--store.c-platform-bar__open .c-brand-menu .c-brand-submenu { transition: width 0s ease-in-out 0.16s, left 0.16s ease-in-out 0s; } } @media (max-width: 1024px) { .c-brand-menu--store.c-platform-bar__open .c-brand-cta { background-color: rgb(0, 0, 0); } } .c-brand-menu--store.is-sticky { top: 0px; } @media (min-width: 1025px) { #store.game .c-brand-menu--store, #store.game .c-brand-menu--store.is-sticky { background-color: rgba(56, 36, 24, 0.5); } } @media (min-width: 1025px) { #store.game .c-brand-menu--store .c-brand-menu__container, #store.game .c-brand-menu--store.is-sticky .c-brand-menu__container { border-top-color: rgba(202, 126, 0, 0.5); } } @media (min-width: 1025px) { #store.game .c-brand-menu--store .c-brand-menu__logo, #store.game .c-brand-menu--store.is-sticky .c-brand-menu__logo { border-bottom-color: rgba(202, 126, 0, 0.5); background-color: rgba(132, 84, 15, 0.65); } } @media (min-width: 1025px) { #store.game .c-brand-menu--store .c-brand-menu__logo::after, #store.game .c-brand-menu--store.is-sticky .c-brand-menu__logo::after { margin-right: -14px; border-color: rgba(132, 84, 15, 0.65) transparent transparent; } } @media (min-width: 1025px) { #store.game .c-brand-menu--store .c-brand-menu__items-container, #store.game .c-brand-menu--store.is-sticky .c-brand-menu__items-container { background-color: rgba(132, 84, 15, 0.65); } } #store.game .c-brand-menu--store .c-brand-menu__items-container::before, #store.game .c-brand-menu--store.is-sticky .c-brand-menu__items-container::before, #store.game .c-brand-menu--store .c-brand-menu__items-container::after, #store.game .c-brand-menu--store.is-sticky .c-brand-menu__items-container::after { background-color: rgb(254, 249, 217); } #store.game .c-brand-menu--store .c-brand-menu__items-container::before, #store.game .c-brand-menu--store.is-sticky .c-brand-menu__items-container::before { box-shadow: rgba(226, 97, 11, 0.7) 0px 0px 8px 0px, rgba(226, 97, 11, 0.5) 7px 2px 25px 4px; } #store.game .c-brand-menu--store .c-brand-menu__items-container::after, #store.game .c-brand-menu--store.is-sticky .c-brand-menu__items-container::after { box-shadow: rgba(226, 97, 11, 0.7) 0px 0px 8px 0px, rgba(226, 97, 11, 0.5) -7px 2px 25px 4px; } @media (min-width: 1025px) { #store.game .c-brand-menu--store .c-brand-menu__items::after, #store.game .c-brand-menu--store.is-sticky .c-brand-menu__items::after { border-bottom-color: rgba(202, 126, 0, 0.5); } } @media (min-width: 1025px) { #store.game .c-brand-menu--store .c-brand-menu__title, #store.game .c-brand-menu--store.is-sticky .c-brand-menu__title { color: rgb(247, 233, 202); } } #store.game .c-brand-menu--store .c-brand-menu__item.is-open .c-brand-menu__link::before, #store.game .c-brand-menu--store.is-sticky .c-brand-menu__item.is-open .c-brand-menu__link::before { box-shadow: rgba(255, 236, 166, 0.6) -2px -2px 10px 3px; } #store.game .c-brand-menu--store .c-brand-menu__item.is-open > a, #store.game .c-brand-menu--store.is-sticky .c-brand-menu__item.is-open > a, #store.game .c-brand-menu--store .c-brand-menu__item.is-active > a, #store.game .c-brand-menu--store.is-sticky .c-brand-menu__item.is-active > a { color: rgb(247, 233, 202); } @media (min-width: 1025px) { #store.game .c-brand-menu--store .c-brand-menu__link, #store.game .c-brand-menu--store.is-sticky .c-brand-menu__link { color: rgb(255, 236, 166); } #store.game .c-brand-menu--store .c-brand-menu__link::before, #store.game .c-brand-menu--store.is-sticky .c-brand-menu__link::before { background-color: rgb(255, 236, 166); } #store.game .c-brand-menu--store .c-brand-menu__link:hover, #store.game .c-brand-menu--store.is-sticky .c-brand-menu__link:hover { color: rgb(247, 233, 202) !important; } } @media (min-width: 1025px) { #store.game .c-brand-menu--store .c-brand-menu__cta, #store.game .c-brand-menu--store.is-sticky .c-brand-menu__cta { border-bottom-color: rgba(202, 126, 0, 0.5); background-color: rgba(132, 84, 15, 0.65); } } @media (min-width: 1025px) { #store.game .c-brand-menu--store .c-brand-menu__cta::before, #store.game .c-brand-menu--store.is-sticky .c-brand-menu__cta::before { border-color: transparent rgba(132, 84, 15, 0.65) transparent transparent; } } @media (min-width: 1025px) { #store.game .c-brand-menu--store .c-brand-menu__cta .c-brand-cta-btn div:first-of-type, #store.game .c-brand-menu--store.is-sticky .c-brand-menu__cta .c-brand-cta-btn div:first-of-type { border-width: 1px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: ; border-image-slice: 20 fill; border-image-width: 100px; height: 40px; left: -4px; top: -4px; width: calc(100% + 8px); } #store.game .c-brand-menu--store .c-brand-menu__cta .c-brand-cta-btn div:last-of-type, #store.game .c-brand-menu--store.is-sticky .c-brand-menu__cta .c-brand-cta-btn div:last-of-type { border-width: 1px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: ; border-image-slice: 16 fill; border-image-width: 100px; height: 32px; left: 0px; top: 0px; width: 100%; } #store.game .c-brand-menu--store .c-brand-menu__cta .c-brand-cta-btn__text, #store.game .c-brand-menu--store.is-sticky .c-brand-menu__cta .c-brand-cta-btn__text { color: rgb(251, 254, 255); } #store.game .c-brand-menu--store .c-brand-menu__cta .c-brand-cta-btn__text strong, #store.game .c-brand-menu--store.is-sticky .c-brand-menu__cta .c-brand-cta-btn__text strong { color: rgb(254, 249, 217); } } @media (min-width: 1025px) { #store.rental .c-brand-menu--store, #store.rental .c-brand-menu--store.is-sticky { background-color: rgba(18, 117, 90, 0.2); } } @media (min-width: 1025px) { #store.rental .c-brand-menu--store .c-brand-menu__container, #store.rental .c-brand-menu--store.is-sticky .c-brand-menu__container { border-top-color: rgb(34, 141, 134); } } @media (min-width: 1025px) { #store.rental .c-brand-menu--store .c-brand-menu__logo, #store.rental .c-brand-menu--store.is-sticky .c-brand-menu__logo { border-bottom-color: rgb(34, 141, 134); background-color: rgba(11, 37, 40, 0.85); } } @media (min-width: 1025px) { #store.rental .c-brand-menu--store .c-brand-menu__logo::after, #store.rental .c-brand-menu--store.is-sticky .c-brand-menu__logo::after { border-color: rgba(11, 37, 40, 0.85) transparent transparent; } } @media (min-width: 1025px) { #store.rental .c-brand-menu--store .c-brand-menu__items-container, #store.rental .c-brand-menu--store.is-sticky .c-brand-menu__items-container { background-color: rgba(11, 37, 40, 0.85); } } #store.rental .c-brand-menu--store .c-brand-menu__items-container::before, #store.rental .c-brand-menu--store.is-sticky .c-brand-menu__items-container::before, #store.rental .c-brand-menu--store .c-brand-menu__items-container::after, #store.rental .c-brand-menu--store.is-sticky .c-brand-menu__items-container::after { background-color: rgb(215, 238, 214); } #store.rental .c-brand-menu--store .c-brand-menu__items-container::before, #store.rental .c-brand-menu--store.is-sticky .c-brand-menu__items-container::before { box-shadow: rgba(210, 189, 96, 0.64) 0px 0px 8px 0px, rgba(149, 202, 49, 0.63) 7px 2px 25px 4px; } #store.rental .c-brand-menu--store .c-brand-menu__items-container::after, #store.rental .c-brand-menu--store.is-sticky .c-brand-menu__items-container::after { box-shadow: rgba(210, 189, 96, 0.64) 0px 0px 8px 0px, rgba(149, 202, 49, 0.63) -7px 2px 25px 4px; } @media (min-width: 1025px) { #store.rental .c-brand-menu--store .c-brand-menu__items::after, #store.rental .c-brand-menu--store.is-sticky .c-brand-menu__items::after { border-bottom-color: rgb(34, 141, 134); } } @media (min-width: 1025px) { #store.rental .c-brand-menu--store .c-brand-menu__title, #store.rental .c-brand-menu--store.is-sticky .c-brand-menu__title { color: rgb(182, 227, 209); } } #store.rental .c-brand-menu--store .c-brand-menu__item.is-open > a, #store.rental .c-brand-menu--store.is-sticky .c-brand-menu__item.is-open > a, #store.rental .c-brand-menu--store .c-brand-menu__item.is-active > a, #store.rental .c-brand-menu--store.is-sticky .c-brand-menu__item.is-active > a { color: rgb(247, 233, 202); } @media (min-width: 1025px) { #store.rental .c-brand-menu--store .c-brand-menu__link, #store.rental .c-brand-menu--store.is-sticky .c-brand-menu__link { color: rgb(86, 180, 142); } #store.rental .c-brand-menu--store .c-brand-menu__link .c-brand-menu__item-desc, #store.rental .c-brand-menu--store.is-sticky .c-brand-menu__link .c-brand-menu__item-desc { color: rgb(42, 136, 101); } #store.rental .c-brand-menu--store .c-brand-menu__link::before, #store.rental .c-brand-menu--store.is-sticky .c-brand-menu__link::before { background-color: rgb(21, 67, 69); } #store.rental .c-brand-menu--store .c-brand-menu__link:hover, #store.rental .c-brand-menu--store.is-sticky .c-brand-menu__link:hover { color: rgb(182, 227, 209) !important; } #store.rental .c-brand-menu--store .c-brand-menu__link:hover .c-brand-menu__item-desc, #store.rental .c-brand-menu--store.is-sticky .c-brand-menu__link:hover .c-brand-menu__item-desc { color: rgb(42, 136, 101); } } @media (min-width: 1025px) { #store.rental .c-brand-menu--store .c-brand-menu__cta, #store.rental .c-brand-menu--store.is-sticky .c-brand-menu__cta { border-bottom-color: rgb(34, 141, 134); background-color: rgba(11, 37, 40, 0.85); } } @media (min-width: 1025px) { #store.rental .c-brand-menu--store .c-brand-menu__cta::before, #store.rental .c-brand-menu--store.is-sticky .c-brand-menu__cta::before { border-color: transparent rgba(11, 37, 40, 0.85) transparent transparent; } } @media (min-width: 1025px) { #store.rental .c-brand-menu--store .c-brand-menu__cta .c-brand-cta-btn::before, #store.rental .c-brand-menu--store.is-sticky .c-brand-menu__cta .c-brand-cta-btn::before { border-width: 1px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: ; border-image-slice: 16 fill; border-image-width: 100px; } #store.rental .c-brand-menu--store .c-brand-menu__cta .c-brand-cta-btn::after, #store.rental .c-brand-menu--store.is-sticky .c-brand-menu__cta .c-brand-cta-btn::after { border-width: 1px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: ; border-image-slice: 33 fill; border-image-width: 100px; } #store.rental .c-brand-menu--store .c-brand-menu__cta .c-brand-cta-btn__text, #store.rental .c-brand-menu--store.is-sticky .c-brand-menu__cta .c-brand-cta-btn__text { color: rgb(182, 227, 209); } #store.rental .c-brand-menu--store .c-brand-menu__cta .c-brand-cta-btn__text strong, #store.rental .c-brand-menu--store.is-sticky .c-brand-menu__cta .c-brand-cta-btn__text strong { color: rgb(218, 247, 235); } } #store .page-wrapper .selectlist { background: rgb(0, 0, 0); border: 1px solid rgb(122, 246, 251); color: rgb(202, 233, 255); border-radius: 0px; display: inline-block; height: 32px; position: relative; width: 205px; } @media only screen and (max-width: 768px) { #store .page-wrapper .selectlist { background: 99% center no-repeat rgb(0, 0, 0); } } #store .page-wrapper .selectlist .body { border-color: rgb(122, 246, 251); border-radius: 0px; box-shadow: none; color: rgb(202, 233, 255); margin-left: -1px; margin-right: 0px; max-height: 400px; width: calc(100% - 2px); } #store .page-wrapper .selectlist .arrow { background: -7px center no-repeat; height: 32px; margin-left: -4px; } #store .page-wrapper .selectlist.loading .arrow { background: center center no-repeat; } #store .page-wrapper .selectlist > span { border-right: 1px solid rgb(122, 246, 251); height: 22px; line-height: 22px; margin: 5px 0px; padding: 0px 0px 0px 10px; width: 160px; } #store .page-wrapper .selectlist ul li.hover, #store .page-wrapper .selectlist ul li.hover.selected { background-color: rgb(36, 63, 88); color: rgb(255, 255, 255); } #store .page-wrapper .selectlist .scrollable .viewport { width: calc(100% - 6px); } #store .page-wrapper .selectlist .scrollable .scrollbar { overflow: hidden; } #store .page-wrapper .selectlist .scrollable .scrollbar .track .thumb { background-color: rgb(236, 117, 31); min-height: 10px; width: auto; } #store-wrapper .nav-container { position: sticky; top: var(--brandMenuStoreHeight); z-index: 100; margin-top: -1px; } #store-wrapper .nav-container .nav-wrapper { height: 70px; position: relative; z-index: 100; backface-visibility: hidden; } #store-wrapper .nav-container .nav-wrapper .nav-inner { height: 60px; z-index: 100; top: 1px; } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav { float: left; height: 60px; list-style: none; margin: 0px; padding: 0px; position: relative; z-index: 3; } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav.mobile-store-nav { display: none; user-select: none; } @media only screen and (max-width: 1024px) { #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav.mobile-store-nav { display: block; } } @media only screen and (max-width: 1024px) { #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav.store-nav-full { background: rgb(9, 18, 28); border-right: 1px solid rgb(62, 144, 147); border-bottom: 1px solid rgb(62, 144, 147); border-left: 1px solid rgb(62, 144, 147); border-image: initial; border-top: none; height: auto; left: 15px; position: absolute; top: 61px; width: 250px; } } @media only screen and (max-width: 1024px) { #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav.store-nav-full > .item:first-child { display: none; } } @media only screen and (max-width: 1024px) { #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav.store-nav-full > .item > .link { display: block; padding: 0px 14px 0px 13px !important; } } @media only screen and (max-width: 1024px) { #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav.store-nav-full > .item > .link > span { background: right center no-repeat; } } @media only screen and (max-width: 1024px) { #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav.store-nav-full > .item > .link > span::before, #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav.store-nav-full > .item > .link > span::after { display: none !important; } } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav.active { display: block; } @media only screen and (max-width: 1024px) { #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav { display: none; } } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item { float: left; position: relative; } @media only screen and (max-width: 1024px) { #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item { float: none; } } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item.drop > .link { padding-right: 38px; background: 94% 50% no-repeat; } @media only screen and (max-width: 1024px) { #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item.drop > .link { background: 0px 0px !important; } } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .link { display: inline-block; height: 60px; overflow: hidden; padding: 0px 14px; position: relative; } @media only screen and (max-width: 1200px) { #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .link { padding: 0px 4px; } } @media only screen and (max-width: 1024px) { #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .link { padding: 0px 28px; } } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .link > span { transition-duration: 0.3s; perspective: 1000px; color: rgb(35, 197, 201); display: block; font-family: Electrolize; font-size: 14px; line-height: 61px; padding: 0px 7px; position: relative; text-transform: uppercase; } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .link > span::before { transition-duration: 0.3s; perspective: 1000px; border-width: 0px 3px 5px; border-style: none solid solid; border-color: transparent transparent rgb(202, 233, 255); bottom: 0px; content: ""; display: block; height: 0px; left: -3px; position: absolute; width: 100%; z-index: 2; transform: translate(0px, 100%); } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .link > span::after { transition-duration: 0.3s; perspective: 1000px; content: ""; box-shadow: rgba(155, 226, 255, 0.8) 0px 0px 12px 1px, rgba(12, 145, 255, 0.75) -1px -1px 15px 2px; width: 100%; height: 5px; opacity: 0; position: absolute; bottom: 0px; left: 0px; z-index: 2; transform: scaleY(0); } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .sub-nav { background: rgb(9, 18, 28); border-width: 0px 1px 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(62, 144, 147); border-bottom-color: rgb(62, 144, 147); border-left-color: rgb(62, 144, 147); border-image: initial; border-top-style: initial; border-top-color: initial; display: none; padding: 0px; margin: 0px; position: absolute; top: 61px; } @media only screen and (max-width: 1024px) { #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .sub-nav { display: none; } } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .sub-nav.ships { left: -200px; width: 1020px; } @media only screen and (max-width: 1200px) { #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .sub-nav.ships { left: -225px; } } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .sub-nav.extras { width: 248px; } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .sub-nav > .list { margin: 0px; padding: 0px; list-style: none; } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .sub-nav > .list.manufacturer-list { border-top: 1px solid rgb(19, 41, 64); margin: 35px 0px; } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .sub-nav > .list.manufacturer-list .manufacturer { width: 340px; height: 56px; float: left; border-bottom: 1px solid rgb(19, 41, 64); margin-top: -1px; position: relative; } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .sub-nav > .list.manufacturer-list .manufacturer:hover::before, #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .sub-nav > .list.manufacturer-list .manufacturer:hover::after { opacity: 1; } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .sub-nav > .list.manufacturer-list .manufacturer::before, #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .sub-nav > .list.manufacturer-list .manufacturer::after { transition-duration: 0.3s; perspective: 1000px; left: 55px; opacity: 0.5; content: ""; position: absolute; display: block; transform: translate(0px, -50%); width: 28px; height: 28px; background: ; } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .sub-nav > .list.manufacturer-list .manufacturer::before { background-position: center top; top: 50%; } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .sub-nav > .list.manufacturer-list .manufacturer::after { background-position: center bottom; top: 51%; } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .sub-nav > .list.manufacturer-list .manufacturer .link { padding: 0px 55px 0px 95px; height: 56px; background-repeat: no-repeat; background-position: 280px center; display: table-cell; vertical-align: middle; width: 340px; } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .sub-nav > .list.extra-list { padding: 20px; } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .sub-nav > .list.extra-list .extra .link { line-height: 40px; padding-right: 20px; background: right center no-repeat; display: block; } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .sub-nav > .list.extra-list .extra .link.all, #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .sub-nav > .list.extra-list .extra .link.all:hover { color: rgb(255, 255, 255); } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .sub-nav > .list .item { transition-duration: 0.3s; perspective: 1000px; opacity: 0.5; } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .sub-nav > .list .item:hover { opacity: 1; } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item > .sub-nav > .list .item .link { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(66, 237, 248); } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item:hover > .sub-nav { display: block; } @media only screen and (max-width: 1024px) { #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item:hover > .sub-nav { display: none; } } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item.active > .link > span, #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item:hover > .link > span { color: rgb(202, 233, 255); } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item.active > .link > span::before, #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item:hover > .link > span::before { transform: translate(0px, 0px); } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item.active > .link > span::after, #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item:hover > .link > span::after { opacity: 1; transform: scaleY(1); } #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav > .item.disabled > .link { color: rgb(204, 204, 204); cursor: default; } #store-wrapper .nav-container .nav-wrapper .nav-inner .MiniCart { display: inline-block; width: auto; float: right; } #store-wrapper .nav-container .nav-wrapper .nav-inner .view-cart { background: center center no-repeat; display: block; height: 29px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(202, 233, 255); float: right; margin: 17px 5px 0px 12px; padding-left: 50px; } @media only screen and (max-width: 1200px) { #store-wrapper .nav-container .nav-wrapper .nav-inner .view-cart { margin-left: 0px; } } @media only screen and (max-width: 1024px) { #store-wrapper .nav-container .nav-wrapper .nav-inner .view-cart { margin-left: 17px; margin-right: 25px; } } #store-wrapper .nav-container .nav-wrapper .nav-inner .selectlist { border: 1px solid rgb(62, 144, 147); border-radius: 0px; color: rgb(35, 197, 201); float: right; height: 32px; margin: 13px 2px 0px 0px; width: 85px; } #store-wrapper .nav-container .nav-wrapper .nav-inner .selectlist * { font-family: Electrolize; } #store-wrapper .nav-container .nav-wrapper .nav-inner .selectlist > span { border-right: 1px solid rgb(62, 144, 147); height: 22px; line-height: 22px; margin: 5px 0px; padding: 0px 0px 0px 10px; width: 47px; } #store-wrapper .nav-container .nav-wrapper .nav-inner .selectlist > .arrow { background-image: ; background-position: center center; height: 32px; margin-left: -10px; width: 26px; } #store-wrapper .nav-container .nav-wrapper .nav-inner .selectlist .track { width: 6px; } #store-wrapper .nav-container .nav-wrapper .nav-inner .selectlist .track .thumb { background-color: rgb(255, 255, 255); width: 6px; border-radius: 0px; } #store-wrapper .nav-container .nav-wrapper .nav-inner .selectlist .viewport { width: 77px; } #store-wrapper .nav-container .nav-wrapper .nav-inner .selectlist > .body { background: rgba(9, 18, 28, 0.85); border-color: rgb(62, 144, 147); border-radius: 0px; color: rgb(35, 197, 201); margin: 0px 0px 0px -1px; width: 90px; } #store-wrapper .nav-container .nav-wrapper .nav-inner .selectlist > .body .body { background: 0px 0px; width: 72px; } #store-wrapper .nav-container .nav-wrapper .nav-inner .selectlist > .body ul li.hover, #store-wrapper .nav-container .nav-wrapper .nav-inner .selectlist > .body ul li.hover.selected { background: rgb(202, 233, 255); } #store-wrapper .nav-container .nav-wrapper .exterior-lines { top: 0px; } #store-wrapper .nav-container .nav-wrapper .exterior-lines .line-menu { opacity: 1; } #store-wrapper .nav-container .nav-wrapper .exterior-lines .line-menu > * { border-width: 1px 0px; } #store-wrapper .nav-container .nav-wrapper .exterior-lines .line-menu .center { box-sizing: border-box; background: rgba(9, 18, 28, 0.85); border-style: solid; border-color: rgb(62, 144, 147); height: 62px; transition-duration: 0.2s; perspective: 1000px; } #store-wrapper .nav-container .nav-wrapper .exterior-lines .line-menu .exterior { border-top-color: rgb(62, 144, 147); border-bottom-color: rgb(62, 144, 147); height: 70px; } #store-wrapper .nav-container .nav-wrapper .exterior-lines .line-menu .exterior.inner { background-color: rgba(9, 18, 28, 0.85); height: 62px; width: 103px; flex: 0 0 auto; transition-duration: 0.2s; perspective: 1000px; z-index: 20; } #store-wrapper .nav-container .nav-wrapper .exterior-lines .line-menu .exterior.inner > .chevron { background: rgb(202, 233, 255); position: absolute; top: 60px; z-index: 101; } #store-wrapper .nav-container .nav-wrapper .exterior-lines .line-menu .exterior.inner > .chevron.small { height: 9px; } #store-wrapper .nav-container .nav-wrapper .exterior-lines .line-menu .exterior.inner > .chevron.right { box-shadow: rgba(12, 145, 255, 0.75) 0px 0px 12px 1px, rgba(12, 145, 255, 0.75) -5px -1px 20px 2px; left: -3px; } #store-wrapper .nav-container .nav-wrapper .exterior-lines .line-menu .exterior.inner > .chevron.left { box-shadow: rgba(12, 145, 255, 0.75) 0px 0px 12px 1px, rgba(12, 145, 255, 0.75) 5px -1px 20px 2px; right: -3px; } #store-wrapper .nav-container .nav-wrapper .exterior-lines .line-menu .exterior:not(.inner).left { transition-duration: 0.2s; perspective: 1000px; background-color: rgba(9, 18, 28, 0.85); } #store-wrapper .nav-container .nav-wrapper .exterior-lines .line-menu .exterior:not(.inner).right { transition-duration: 0.2s; perspective: 1000px; background-color: rgba(9, 18, 28, 0.85); } @media only screen and (max-width: 1024px) { #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav.store-nav-full { background: rgba(132, 84, 15, 0.6); border-color: rgba(202, 126, 0, 0.5); } } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav .item.drop > .link { background: 94% 50% no-repeat; } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav .item.drop .sub-nav { border-color: rgba(202, 126, 0, 0.5); background: rgba(132, 84, 15, 0.6); } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav .item.drop .sub-nav > .list .item { opacity: 0.8; } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav .item.drop .sub-nav > .list .item .link { transition-duration: 0.2s; perspective: 1000px; color: rgb(185, 128, 39); } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav .item.drop .sub-nav > .list .item .link:hover { color: rgb(255, 236, 166); } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav .item.drop .sub-nav > .list .item .link.all { color: rgb(255, 255, 255); } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav .item.drop .sub-nav > .list .item:hover { opacity: 1; } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav .item.active > .link > span { color: rgb(255, 236, 166); } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav .item > .link > span { color: rgb(185, 128, 39); } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav .item > .link > span::before { border-bottom-color: rgb(255, 236, 166); } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav .item > .link > span::after { box-shadow: rgba(226, 97, 11, 0.6) 0px 0px 12px 1px, rgba(226, 97, 11, 0.7) -1px -1px 15px 2px; } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav .item > .link:hover > span { color: rgb(255, 236, 166); } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .nav-inner .view-cart { background-image: ; color: rgb(255, 236, 166); } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .nav-inner .selectlist { border-color: rgba(202, 126, 0, 0.5); color: rgba(223, 212, 171, 0.5); } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .nav-inner .selectlist > span { border-right-color: rgba(202, 126, 0, 0.5); color: rgba(223, 212, 171, 0.5); } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .nav-inner .selectlist > .arrow { background-image: ; } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .nav-inner .selectlist > .body { color: rgba(223, 212, 171, 0.5); border-color: rgba(202, 126, 0, 0.5); background-color: rgba(100, 62, 0, 0.5); background-image: ; } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .nav-inner .selectlist > .body .body { background: 0px 0px; } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .nav-inner .selectlist > .body .body > .option.hover, #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .nav-inner .selectlist > .body .body > .option.hover.selected { background-color: rgba(226, 97, 11, 0.75); color: rgb(0, 0, 0); } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .exterior-lines .line-menu .exterior.inner { border-color: rgba(202, 126, 0, 0.5); background-color: rgba(132, 84, 15, 0.6); } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .exterior-lines .line-menu .exterior.inner .chevron { background: rgb(254, 249, 217); } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .exterior-lines .line-menu .exterior.inner .chevron.left { box-shadow: rgba(226, 97, 11, 0.6) 0px 0px 12px 2px, rgba(226, 97, 11, 0.6) 5px -1px 20px 4px; } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .exterior-lines .line-menu .exterior.inner .chevron.right { box-shadow: rgba(226, 97, 11, 0.6) 0px 0px 12px 2px, rgba(226, 97, 11, 0.6) -5px -1px 20px 4px; } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .exterior-lines .line-menu .exterior:not(.inner).left { background: rgba(132, 84, 15, 0.6); border-color: rgba(202, 126, 0, 0.5); } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .exterior-lines .line-menu .exterior:not(.inner).right { background: rgba(132, 84, 15, 0.6); border-color: rgba(202, 126, 0, 0.5); } #store .page-wrapper.game #store-wrapper .nav-container .nav-wrapper .exterior-lines .line-menu .center { border-color: rgba(202, 126, 0, 0.5); background-color: rgba(132, 84, 15, 0.6); } @media only screen and (max-width: 1024px) { #store .page-wrapper.rental #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav.store-nav-full { border-color: rgb(34, 141, 134); background-color: rgb(8, 26, 28); } } #store .page-wrapper.rental #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav .item.drop > .link { background: 94% 50% no-repeat; } #store .page-wrapper.rental #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav .item.active > .link > span { color: rgb(233, 248, 232); } #store .page-wrapper.rental #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav .item > .link > span { color: rgb(86, 180, 142); } #store .page-wrapper.rental #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav .item > .link > span::before { border-bottom-color: rgb(215, 238, 214); } #store .page-wrapper.rental #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav .item > .link > span::after { box-shadow: rgba(210, 189, 96, 0.64) 0px 0px 12px 1px, rgba(149, 202, 49, 0.63) -1px -1px 15px 2px; } #store .page-wrapper.rental #store-wrapper .nav-container .nav-wrapper .nav-inner .store-nav .item > .link:hover > span { color: rgb(233, 248, 232); } #store .page-wrapper.rental #store-wrapper .nav-container .nav-wrapper .selectlist { background-image: none; border-color: rgb(34, 141, 134); color: rgb(86, 180, 142); } #store .page-wrapper.rental #store-wrapper .nav-container .nav-wrapper .selectlist > span { border-right-color: rgb(34, 141, 134); color: rgb(86, 180, 142); } #store .page-wrapper.rental #store-wrapper .nav-container .nav-wrapper .selectlist > .arrow { background-image: ; } #store .page-wrapper.rental #store-wrapper .nav-container .nav-wrapper .selectlist > .body { color: rgb(86, 180, 142); } #store .page-wrapper.rental #store-wrapper .nav-container .nav-wrapper .selectlist > .body .body { background: 0px 0px; } #store .page-wrapper.rental #store-wrapper .nav-container .nav-wrapper .selectlist > .body .body > .option.hover, #store .page-wrapper.rental #store-wrapper .nav-container .nav-wrapper .selectlist > .body .body > .option.hover.selected { background-color: rgb(34, 141, 134); color: rgb(0, 0, 0); } #store .page-wrapper.rental #store-wrapper .nav-container .nav-wrapper .exterior-lines .line-menu .exterior.inner { border-color: rgb(34, 141, 134); background-color: rgba(8, 26, 28, 0.85); } #store .page-wrapper.rental #store-wrapper .nav-container .nav-wrapper .exterior-lines .line-menu .exterior.inner .chevron { background: rgb(215, 238, 214); } #store .page-wrapper.rental #store-wrapper .nav-container .nav-wrapper .exterior-lines .line-menu .exterior.inner .chevron.left { box-shadow: rgba(149, 202, 49, 0.6) 0px 0px 12px 2px, rgba(149, 202, 49, 0.6) 5px -1px 20px 4px; } #store .page-wrapper.rental #store-wrapper .nav-container .nav-wrapper .exterior-lines .line-menu .exterior.inner .chevron.right { box-shadow: rgba(149, 202, 49, 0.6) 0px 0px 12px 2px, rgba(149, 202, 49, 0.6) -5px -1px 20px 4px; } #store .page-wrapper.rental #store-wrapper .nav-container .nav-wrapper .exterior-lines .line-menu .exterior:not(.inner).left { background: rgba(8, 26, 28, 0.85); border-color: rgb(34, 141, 134); } #store .page-wrapper.rental #store-wrapper .nav-container .nav-wrapper .exterior-lines .line-menu .exterior:not(.inner).right { background: rgba(8, 26, 28, 0.85); border-color: rgb(34, 141, 134); } #store .page-wrapper.rental #store-wrapper .nav-container .nav-wrapper .exterior-lines .line-menu .center { border-color: rgb(34, 141, 134); background-color: rgba(8, 26, 28, 0.85); } #store.sku-detail .rcol .carousel-holder-ship .carousel .pager { position: relative; left: 50%; display: inline-block; width: auto; max-width: calc(100% - 96px); transform: translateX(-50%); } #store.sku-detail .rcol .carousel-holder-ship--wide .carousel .pager { padding: 0px 12px 0px 24px; } #store.sku-detail .rcol .carousel-holder-ship--wide .carousel .pager .radio-pager { position: relative; float: left; width: 6px; border-radius: 0px; background: rgb(6, 56, 94); transition: background-color 0.45s cubic-bezier(0.39, 0.01, 0.2, 0.98) 0s; will-change: background-color; } #store.sku-detail .rcol .carousel-holder-ship--wide .carousel .pager .radio-pager, #store.sku-detail .rcol .carousel-holder-ship--wide .carousel .pager .radio-pager.on { transform: skewX(-45deg); } #store.sku-detail .rcol .carousel-holder-ship--wide .carousel .pager .radio-pager::before, #store.sku-detail .rcol .carousel-holder-ship--wide .carousel .pager .radio-pager::after { content: ""; position: absolute; margin: auto; top: 0px; height: 100%; user-select: none; pointer-events: none; } #store.sku-detail .rcol .carousel-holder-ship--wide .carousel .pager .radio-pager::after { left: 0px; width: 100%; box-shadow: rgba(155, 226, 255, 0.8) 0px 0px 12px 1px, rgba(12, 145, 255, 0.75) -1px -1px 15px 2px; opacity: 0; transition: opacity 0.45s cubic-bezier(0.39, 0.01, 0.2, 0.98) 0s; will-change: opacity; } #store.sku-detail .rcol .carousel-holder-ship--wide .carousel .pager .radio-pager:not(:last-child)::before { right: 0px; width: 1px; background-color: rgb(15, 43, 47); } #store.sku-detail .rcol .carousel-holder-ship--wide .carousel .pager .radio-pager:focus, #store.sku-detail .rcol .carousel-holder-ship--wide .carousel .pager .radio-pager:hover, #store.sku-detail .rcol .carousel-holder-ship--wide .carousel .pager .radio-pager.on { transition-duration: 50ms; background: rgb(63, 236, 248); } #store.sku-detail .rcol .carousel-holder-ship--wide .carousel .pager .radio-pager:focus::after, #store.sku-detail .rcol .carousel-holder-ship--wide .carousel .pager .radio-pager:hover::after, #store.sku-detail .rcol .carousel-holder-ship--wide .carousel .pager .radio-pager.on::after { transition-duration: 50ms; opacity: 1; } #store.sku-detail .rcol .carousel-holder-ship--wide .carousel .pager .radio-pager:focus, #store.sku-detail .rcol .carousel-holder-ship--wide .carousel .pager .radio-pager.on { z-index: 5; } #store.sku-detail .rcol .carousel-holder-ship--wide .carousel .pager .radio-pager:focus::before, #store.sku-detail .rcol .carousel-holder-ship--wide .carousel .pager .radio-pager.on::before { opacity: 0; } .product-item { float: left; height: 264px; margin: 10px 10px 51px; padding-top: 154px; padding-bottom: 20px; position: relative; width: 258px; } @media only screen and (max-width: 1200px) { .product-item { margin: 6px 20px 40px; } } @media only screen and (max-width: 560px) { .product-item { float: none; margin: 6px auto 40px; } .product-item:nth-child(4) { display: block; } } .product-item a { display: block; } .product-item > a { left: 0px; position: absolute; top: 0px; } .product-item img { border: 4px solid rgb(32, 89, 91); height: 146px; width: 250px; } .product-item .type { background: center top repeat; color: rgb(205, 207, 207); font-size: 12px; height: 18px; line-height: 21px; padding: 0px 18px 0px 5px; position: absolute; right: 4px; text-transform: uppercase; top: 4px; } .product-item .type div { background: left bottom no-repeat; height: 18px; left: -17px; position: absolute; top: 0px; width: 17px; } .product-item .info { font-size: 14px; font-weight: 400; height: calc(100% - 45px); padding: 0px 13px; position: relative; text-transform: uppercase; background: rgba(36, 63, 88, 0.35); } .product-item .info * { font-family: Electrolize; } .product-item .info .title { clear: both; color: rgb(202, 233, 255); display: block; font-size: 14px; height: 70px; margin-top: 20px; text-transform: uppercase; } .product-item .info .title span { color: rgb(71, 144, 12); display: block; text-transform: none; } .product-item .info .desc { clear: both; color: rgb(179, 216, 235); display: block; margin-bottom: 10px; text-transform: inherit; } .product-item .info .stock { color: rgb(255, 255, 255); font-size: 18px; } .product-item .info .detail { color: rgb(158, 159, 159); font-size: 11px; left: 13px; position: absolute; text-transform: none; top: 90px; } .product-item .info .note { font-size: 10px; color: rgb(71, 144, 12); text-transform: none; } .product-item .info .price { text-shadow: rgb(0, 0, 0) 2px 2px 0px; display: inline-block; vertical-align: top; position: absolute; top: 102px; left: 13px; margin-top: 0px; } .product-item .info .price .final-price { display: block; color: rgb(255, 174, 0); font-size: 26px; font-weight: 400; } .product-item .info .price .original-price, .product-item .info .price .discount { display: inline-block; vertical-align: middle; line-height: 1em; } .product-item .info .price .original-price { text-decoration: none; position: relative; color: rgb(110, 174, 193); font-size: 18px; } .product-item .info .price .original-price .super .currency { color: inherit; font-size: 11px; } .product-item .info .price .original-price::after { content: ""; position: absolute; top: 50%; border-top: 1px solid; left: 0px; right: 0px; } .product-item .info .price .discount { color: rgb(77, 255, 42); font-size: 14px; margin-left: 1em; text-transform: uppercase; } .product-item .info .price .discount strong { margin-left: 0.3em; font-weight: 400; } .product-item .info .price .discount .super { font-size: 9px; } .product-item .info .price .discount .super .currency { color: inherit; } .product-item .info .price .super { font-size: 14px; vertical-align: text-top; } .product-item .info .price .super .currency { color: rgb(210, 210, 210); } .product-item .info .price .final-price { color: rgb(202, 233, 255); margin-bottom: -10px; text-shadow: rgba(12, 145, 255, 0.35) 0px 0px 2px; } .product-item .info .price .super .currency { color: rgb(62, 144, 147); } .product-item .info .state { display: block; font-size: 10px; left: 13px; line-height: 14px; position: absolute; top: 145px; width: 100px; } .product-item .info .more { color: rgba(202, 233, 255, 0.5); font-size: 11px; left: 13px; position: absolute; text-transform: uppercase; bottom: 19px; } .product-item .info .more::after { background: rgb(96, 255, 231); bottom: -2px; content: ""; display: block; height: 1px; left: 0px; position: absolute; transition: transform 0.25s ease 0s; transform-origin: left center; width: 100%; } .product-item .info .more:hover { color: rgba(202, 233, 255, 0.75); } .product-item .info .more:hover::after { transform: scaleX(0); } .product-item .info .add-cart { top: auto; bottom: 5px; position: absolute; right: -5px; text-transform: uppercase; } .product-item.game { background: rgb(11, 8, 4); } .product-item.game img { border-color: rgb(113, 76, 13); } .product-item.game .info .title { color: rgb(223, 212, 171); } .product-item.game .info .desc { color: rgb(243, 232, 187); font-size: 10px; margin-top: 5px; } .product-item.game .info .price .final-price { color: rgb(248, 248, 232); } .product-item.game .info .price .super .currency { color: rgba(243, 232, 187, 0.5); } .product-item.game .info .state { color: rgb(85, 126, 88) !important; } .product-item.game .info .more { color: rgba(223, 212, 171, 0.5); } .product-item.game .info .more::after { background: rgba(223, 212, 171, 0.5); } .product-item.rental { background: rgb(12, 24, 27); } .product-item.rental img { border-color: rgb(62, 142, 134); } .product-item.rental .info .title { color: rgb(182, 227, 209); } .product-item.rental .info .title span { color: rgb(51, 92, 75); } .product-item.rental .info .price .final-price { color: rgb(233, 248, 232); } .product-item.rental .info .price .super .currency { color: rgb(182, 227, 209); } .product-item.rental .info .state { color: rgb(103, 191, 110) !important; } .product-item.rental .info .more { color: rgb(182, 227, 209); } .product-item.rental .info .more::after { background: rgb(34, 141, 134); } .product-item.rental .info .desc { font-size: 10px; color: rgb(205, 207, 207); } .product-item.large { height: 230px; margin: 10px 11px 58px; padding-top: 210px; width: 351px; } @media only screen and (max-width: 1200px) { .product-item.large { height: 244px; margin: 6px 20px 40px; padding-top: 154px; width: 258px; } } @media only screen and (max-width: 768px) { .product-item.large { float: none; margin: 6px auto 40px; } } .product-item.large img { height: 202px; width: 343px; } @media only screen and (max-width: 1200px) { .product-item.large img { width: 250px; height: 146px; } } .product-item.large .info { height: calc(116% - 45px); padding: 0px 20px 0px 42px; } @media only screen and (max-width: 1200px) { .product-item.large .info { font-size: 14px; height: calc(116% - 45px); padding: 0px 13px; } } .product-item.large .info .title { font-size: 16px; } .product-item.large .info .price { font-size: 26px; top: 108px; } @media only screen and (max-width: 1200px) { .product-item.large .info .price { font-size: 22px; left: 13px; top: 102px; } } .product-item.large .info .price .super .currency { font-size: 12px; } .product-item.large .info .more { top: 190px; } @media only screen and (max-width: 1200px) { .product-item.large .info .more { top: 205px; } } .product-item.large .info add-cart { top: 143px; } @media only screen and (max-width: 1200px) { .product-item.large .info add-cart { top: 159px; } } .product-item.large .info .detail { top: 96px; } @media only screen and (max-width: 1200px) { .product-item.large .info .detail { top: 90px; } } .product-item.large .info .state { top: 160px; } .product-item.large .info .price, .product-item.large .info .more, .product-item.large .info .state, .product-item.large .info .detail { left: 42px; } @media only screen and (max-width: 1200px) { .product-item.large .info .price, .product-item.large .info .more, .product-item.large .info .state, .product-item.large .info .detail { left: 13px; } } .product-item.huge { height: 238px; margin: 10px 11px 58px; padding-top: 320px; width: 538px; } @media only screen and (max-width: 1200px) { .product-item.huge { height: 244px; margin: 6px 20px 40px; padding-top: 184px; width: 337px; } } @media only screen and (max-width: 560px) { .product-item.huge { float: none; margin: 6px auto 40px; height: 244px; padding-top: 154px; width: 258px; } } .product-item.huge img { height: 312px; width: 530px; } @media only screen and (max-width: 1200px) { .product-item.huge img { width: 328px; height: 186px; } } @media only screen and (max-width: 560px) { .product-item.huge img { width: 250px; height: 146px; } } .product-item.huge .excerpt { overflow: hidden; text-overflow: ellipsis; max-width: 100%; white-space: nowrap; } @media only screen and (max-width: 560px) { .product-item.huge .excerpt { margin-top: -2px; } } .product-item.huge .info { height: calc(116% - 45px); padding: 0px 20px 0px 42px; } @media only screen and (max-width: 1200px) { .product-item.huge .info { font-size: 14px; height: calc(116% - 45px); padding: 0px 13px; } } .product-item.huge .info .title { font-size: 16px; } .product-item.huge .info .price { font-size: 26px; top: 108px; } @media only screen and (max-width: 1200px) { .product-item.huge .info .price { font-size: 22px; left: 13px; top: 102px; } } .product-item.huge .info .price .super .currency { font-size: 12px; } .product-item.huge .info .more { top: 190px; } @media only screen and (max-width: 1200px) { .product-item.huge .info .more { top: 205px; } } .product-item.huge .info .detail { top: 96px; } @media only screen and (max-width: 1200px) { .product-item.huge .info .detail { top: 90px; } } .product-item.huge .info .state { top: 160px; } .product-item.huge .info .price, .product-item.huge .info .more, .product-item.huge .info .state, .product-item.huge .info .detail { left: 42px; } @media only screen and (max-width: 1200px) { .product-item.huge .info .price, .product-item.huge .info .more, .product-item.huge .info .state, .product-item.huge .info .detail { left: 13px; } } .product-item.ships-item .detail { top: 82px; color: rgb(158, 159, 159); } .product-item__limited { color: rgb(151, 37, 37) !important; } .h-stock-level--high { color: rgb(0, 136, 0); } .h-stock-level--low { color: rgb(255, 255, 0); } .h-stock-level--none { color: red; } #store-wrapper .sort-filter-wrap { background: rgb(9, 18, 28); border: 1px solid rgb(122, 246, 251); box-sizing: border-box; height: auto; min-height: 28px; position: relative; width: 100%; } @media only screen and (max-width: 768px) { #store-wrapper .sort-filter-wrap { border-left: none; border-right: none; } } #store-wrapper .sort-filter-wrap.type-ships .sort-filters fieldset.sort a.sort { border-left: 1px solid rgba(99, 133, 163, 0.6); border-bottom: 1px solid rgba(99, 133, 163, 0.6); } #store-wrapper .sort-filter-wrap.type-ships .sort-filters fieldset input[type="text"] { border-bottom: 1px solid rgba(99, 133, 163, 0.6); } #store-wrapper .sort-filters { float: right; height: auto; } @media only screen and (max-width: 768px) { #store-wrapper .sort-filters { float: none; } } #store-wrapper .sort-filters fieldset { float: left; margin: 0px; padding: 0px; position: relative; } @media only screen and (max-width: 768px) { #store-wrapper .sort-filters fieldset { float: none; } } #store-wrapper .sort-filters fieldset input[type="text"] { border-right-color: rgb(122, 246, 251); border-left-color: rgb(122, 246, 251); border-top: none; border-bottom: none; margin-bottom: 0px; padding-top: 8px; padding-bottom: 7px; } @media only screen and (max-width: 768px) { #store-wrapper .sort-filters fieldset input[type="text"] { border-left: none; } } #store-wrapper .sort-filters fieldset .search-submit { background: -17px -10px no-repeat; display: block; height: 30px; position: absolute; right: 0px; top: 0px; width: 30px; } #store-wrapper .sort-filters fieldset .search-submit span { background: -17px -59px no-repeat; display: block; height: 38px; left: 0px; opacity: 0; position: absolute; top: 0px; width: 38px; } #store-wrapper .sort-filters fieldset .search-submit:hover span { opacity: 1; } #store-wrapper .sort-filters fieldset .selectlist { border-width: 1px 1px 0px 0px; border-top-style: solid; border-right-style: solid; border-top-color: rgb(122, 246, 251); border-right-color: rgb(122, 246, 251); border-image: initial; border-bottom-style: initial; border-bottom-color: initial; border-left-style: initial; border-left-color: initial; border-radius: 0px; background-color: rgb(9, 18, 28); float: right; height: 29px; margin: -1px 0px 0px; width: 190px; } #store-wrapper .sort-filters fieldset .selectlist * { font-family: Electrolize; } #store-wrapper .sort-filters fieldset .selectlist > span { border-right: 1px solid rgb(31, 91, 132); height: 22px; line-height: 22px; margin: 3px 0px; padding: 0px 0px 0px 10px; width: 149px; } #store-wrapper .sort-filters fieldset .selectlist > .arrow { background-position: 3px center; height: 28px; margin-left: -10px; } #store-wrapper .sort-filters fieldset .selectlist .track { width: 6px; } #store-wrapper .sort-filters fieldset .selectlist .track .thumb { background-color: rgb(255, 255, 255); border-radius: 0px; width: 6px; } #store-wrapper .sort-filters fieldset .selectlist .viewport { width: 177px; } #store-wrapper .sort-filters fieldset .selectlist .option { background-color: rgb(9, 18, 28); } #store-wrapper .sort-filters fieldset .selectlist .option.hover { background-color: rgb(36, 63, 88); } #store-wrapper .sort-filters fieldset .selectlist > .body { margin-top: 1px; } #store-wrapper .sort-filters fieldset .selectlist > .body .body { width: 72px; } #store-wrapper .sort-filters fieldset.lfilters { left: 0px; position: absolute; top: 0px; width: 100px; } #store-wrapper .sort-filters fieldset.lfilters a.reset-filter { background: left 4px no-repeat; color: rgb(111, 216, 255); font-family: Electrolize; font-size: 12px; height: 31px; left: 0px; line-height: 28px; margin-left: 20px; opacity: 0.5; padding-left: 40px; position: absolute; text-transform: uppercase; width: 100px; } #store-wrapper .sort-filters fieldset.lfilters a.reset-filter:hover { opacity: 1; padding-left: 35px; background-color: rgb(36, 63, 88); } @media only screen and (max-width: 768px) { #store-wrapper .sort-filters fieldset.lfilters { border-bottom: 1px solid rgb(122, 246, 251); position: relative; left: auto; width: auto; } #store-wrapper .sort-filters fieldset.lfilters a.reset-filter { display: inline-block; padding-left: 22px; position: relative; white-space: nowrap; width: auto; } #store-wrapper .sort-filters fieldset.lfilters .selectlist { border-right: none; float: none; padding-left: 15px; width: 100%; } } #store-wrapper .sort-filters fieldset.search { padding-right: 28px; } @media only screen and (max-width: 768px) { #store-wrapper .sort-filters fieldset.sort { border-bottom: 1px solid rgb(122, 246, 251); padding: 0px 15px; } } #store-wrapper .sort-filters fieldset.sort a.sort, #store-wrapper .sort-filters fieldset.sort label { color: rgb(177, 216, 241); display: inline-block; font-family: Electrolize; font-size: 14px; height: 28px; line-height: 28px; margin: 0px 10px 0px 0px; } #store-wrapper .sort-filters fieldset.sort a.sort { background: 120% 50% no-repeat; border-left: 1px solid rgba(99, 133, 163, 0.6); margin: 0px; padding: 0px 45px 0px 10px; } #store-wrapper .sort-filters fieldset.sort a.sort.asc { background-image: ; } #store-wrapper .sort-filters fieldset.sort a.sort.desc { background-image: ; } #store-wrapper .sort-filters fieldset.sort label { color: rgb(111, 216, 255); font-size: 12px; opacity: 0.5; } #store-wrapper .ship-item { max-width: 480px; } @media only screen and (min-width: 945px) { #store-wrapper .ship-item { max-width: 820px; } } #store-wrapper .tags-form { border-top: 1px solid rgb(122, 246, 251); padding: 10px 20px; } #store-wrapper .tags-form::after { clear: both; content: ""; display: table; } #store-wrapper .tags-form label { color: rgb(111, 216, 255); float: left; font-family: Electrolize; font-size: 12px; height: 34px; line-height: 34px; margin: 0px; opacity: 0.5; } #store-wrapper .tags-form .tags { padding-left: 85px; } #store-wrapper .tags-form .tag { border: 1px solid rgb(68, 90, 107); border-radius: 3px; color: rgb(115, 140, 157); float: left; font-family: Electrolize; font-size: 12px; margin: 0px 5px 5px 0px; padding: 8px 37px 8px 11px; position: relative; } #store-wrapper .tags-form .tag a { background: center top; display: block; height: 32px; position: absolute; right: 0px; top: 0px; width: 32px; } #store-wrapper .tags-form .tag a span { background: -39px -39px; display: block; height: 18px; left: 7px; position: absolute; top: 7px; width: 18px; } #store-wrapper .tags-form .tag a:hover span { opacity: 0.6; } #store-wrapper #search-filters { float: left; margin: 42px 0px 0px; min-height: 850px; padding: 0px; position: relative; width: 276px; } @media only screen and (max-width: 768px) { #store-wrapper #search-filters { left: -278px !important; } #store-wrapper #search-filters.on { left: -1px !important; } } @media only screen and (max-width: 1156px) { #store-wrapper #search-filters { position: absolute; top: 370px; left: -276px; } #store-wrapper #search-filters.on { left: 0px; } } #store-wrapper #search-filters.hidden { display: none; } #store-wrapper #search-filters fieldset { float: none; margin: 0px 0px 23px; padding: 0px; width: 278px; } #store-wrapper #search-filters fieldset > .title { background: left top repeat-y; border-width: 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(29, 63, 98); border-right-color: rgb(29, 63, 98); border-left-color: rgb(29, 63, 98); border-image: initial; color: rgb(111, 216, 255); cursor: pointer; border-bottom-style: initial; border-bottom-color: initial; display: block; font-family: Electrolize; font-size: 14px; margin: 0px; padding: 11px 18px 31px; position: relative; text-shadow: rgb(0, 153, 255) 0px 0px 15px; text-transform: uppercase; } #store-wrapper #search-filters fieldset > .title .plus { color: rgb(39, 93, 148); font-family: Electrolize; text-transform: none; } #store-wrapper #search-filters fieldset > .title .arrow { background: center center no-repeat; display: block; height: 48px; position: absolute; right: 0px; top: -3px; width: 48px; } #store-wrapper #search-filters fieldset > .inner { position: relative; } #store-wrapper #search-filters fieldset > .inner .line { background-color: rgb(28, 64, 100); height: 100%; left: 30px; position: absolute; top: 0px; width: 2px; } #store-wrapper #search-filters fieldset > .inner .gauge_minus { background: left top no-repeat; height: 16px; left: 23px; opacity: 1; position: absolute; top: -20px; width: 16px; transform: rotate(90deg); } #store-wrapper #search-filters fieldset > .inner .gauge_plus { background: left top repeat-y; border-width: 0px 1px 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(29, 63, 98); border-bottom-color: rgb(29, 63, 98); border-left-color: rgb(29, 63, 98); border-image: initial; border-top-style: initial; border-top-color: initial; height: 30px; position: relative; width: 276px; } #store-wrapper #search-filters fieldset > .inner .gauge_plus span { background: left bottom no-repeat; height: 16px; left: 22px; position: absolute; top: 8px; width: 16px; } #store-wrapper #search-filters fieldset > .inner label { background: left top repeat-y; border-width: 0px 1px 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(29, 63, 98); border-bottom-color: rgb(29, 63, 98); border-left-color: rgb(29, 63, 98); border-image: initial; border-top-style: initial; border-top-color: initial; clear: both; display: block; margin: 0px auto; overflow: hidden; padding: 0px 0px 0px 9px; position: relative; width: 267px; } #store-wrapper #search-filters fieldset > .inner label:hover { background-color: rgba(29, 63, 98, 0.5); } #store-wrapper #search-filters fieldset > .inner label .text { background: left center no-repeat; color: rgb(136, 163, 173); display: table-cell; font-family: Electrolize; font-size: 14px; font-weight: 400; height: 38px; padding-left: 30px; position: relative; vertical-align: middle; white-space: normal; } #store-wrapper #search-filters fieldset > .inner label .glow { background-color: rgb(66, 237, 248); height: 50%; position: absolute; top: 25%; width: 5px; } #store-wrapper #search-filters fieldset > .inner label .glow.left .top, #store-wrapper #search-filters fieldset > .inner label .glow.right .top, #store-wrapper #search-filters fieldset > .inner label .glow.left .bottom, #store-wrapper #search-filters fieldset > .inner label .glow.right .bottom { border-style: solid; height: 0px; margin: 0px; padding: 0px; position: absolute; width: 0px; } #store-wrapper #search-filters fieldset > .inner label .glow.left { left: -5px; } #store-wrapper #search-filters fieldset > .inner label .glow.left .top { border-color: transparent transparent transparent rgb(66, 236, 248); border-width: 5px 0px 0px 5px; left: 0px; top: -5px; } #store-wrapper #search-filters fieldset > .inner label .glow.left .bottom { border-color: rgb(66, 236, 248) transparent transparent; border-width: 5px 5px 0px 0px; bottom: -5px; left: 0px; } #store-wrapper #search-filters fieldset > .inner label .glow.right { right: -5px; } #store-wrapper #search-filters fieldset > .inner label .glow.right .top { border-color: transparent rgb(66, 236, 248) transparent transparent; border-width: 5px 5px 5px 0px; left: 0px; top: -5px; } #store-wrapper #search-filters fieldset > .inner label .glow.right .bottom { border-color: transparent rgb(66, 236, 248) transparent transparent; border-width: 0px 5px 5px 0px; bottom: -5px; left: 0px; } #store-wrapper #search-filters fieldset > .inner label:hover .glow.left, #store-wrapper #search-filters fieldset > .inner label:hover .glow.right { box-shadow: rgb(66, 237, 248) 0px 1px 20px 0px; } #store-wrapper #search-filters fieldset > .inner label:hover .glow.left { left: -1px; } #store-wrapper #search-filters fieldset > .inner label:hover .glow.right { right: -1px; } #store-wrapper #search-filters fieldset > .inner label:hover .text, #store-wrapper #search-filters fieldset > .inner label.on .text { background: left center no-repeat; color: rgb(0, 231, 255); padding-left: 30px; } #store-wrapper #search-filters fieldset > .inner label.checkbox .text span { background: 0px 0px; display: block; height: 16px; left: 0px; margin-top: -8px; opacity: 0; padding: 0px; position: absolute; top: 19px; width: 16px; } #store-wrapper #search-filters fieldset > .inner label.checkbox.on .text span { background: left top no-repeat; opacity: 1; } #store-wrapper #search-filters fieldset > .inner label.checkbox:hover .text span { background: left bottom no-repeat; opacity: 1; transform: rotate(90deg); } #store-wrapper #search-filters fieldset > .inner label.radio .text { background: 0px 0px; } #store-wrapper #search-filters fieldset > .inner label.radio.on .text, #store-wrapper #search-filters fieldset > .inner label.radio:hover .text { background: -5px center no-repeat; opacity: 0.5; } #store-wrapper #search-filters fieldset > .inner label.radio.on .text { opacity: 1; } #store-wrapper #search-filters fieldset.closed > .inner, #store-wrapper #search-filters fieldset.closed > .gauge_plus { display: none; } #store-wrapper #search-filters fieldset.closed > .title { border-bottom: 1px solid rgb(29, 63, 98); padding-bottom: 11px; } #store-wrapper #search-filters fieldset.closed > .title .arrow { transform: rotate(-90deg); } #store-wrapper #search-filters fieldset.closed > .title:hover { background-color: rgba(29, 63, 98, 0.5); } #store-wrapper #search-filters fieldset.manufacturer > .inner label { min-height: 39px; padding: 8px 60px 8px 9px; position: relative; width: 207px; } #store-wrapper #search-filters fieldset.manufacturer .icon { position: absolute; right: 10px; top: 5px; } #store-wrapper #search-filters .expand-filters { display: block; } @media only screen and (min-width: 1156px) { #store-wrapper #search-filters .expand-filters { display: none; } } #store-wrapper #search-results { box-sizing: border-box; padding-left: 40px; } @media only screen and (min-width: 945px) { #store-wrapper #search-results { padding-left: 0px; } } #search-results .products-listing::after { content: ""; clear: both; display: table; } #search-results .inner { background: rgb(9, 18, 28); padding: 40px 40px 0px; } #search-results.ships-product-type { float: right; width: 862px; min-height: 850px; padding-top: 40px; } #search-results.ships-product-type .inner { background: 0px 0px; padding: 40px 0px 0px; } #search-results .traj-loader { display: none; } #search-results .no-results { color: rgb(68, 255, 130); clear: both; display: block; font-family: Electrolize; font-size: 11px; margin-top: 5px; text-align: center; text-transform: uppercase; } #search-results .ships-listing { clear: both; float: right; list-style: none; margin: -40px 0px 0px; overflow: hidden; padding: 0px; } #search-results .products-row { background: 0px 0px; border: none; } #search-results .products-row .bar { display: none; } #search-results .pager-wrapper { background: rgba(0, 0, 0, 0.5); border-style: solid; border-color: rgb(213, 240, 255); border-image: initial; border-width: 3px 0px 0px; margin-bottom: 50px; padding: 5px 15px; position: relative; } #search-results .pager-wrapper.bottom { border-width: 0px 0px 3px; } #search-results .pager-wrapper .pager .selectlist { border-color: rgb(77, 88, 96); } #search-results .pager-wrapper .pager .right a { border-color: rgb(77, 88, 96); border-radius: 3px; font-family: Electrolize; } #store #cart.confirmation form input.ty-pay-button { background: linear-gradient(rgba(12, 103, 161, 0.8) 0%, rgba(2, 14, 27, 0.8) 100%); border-radius: 5px; padding: 6px 30px 5px; margin-left: 25px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 16px; color: rgb(204, 204, 204); border-top: 1px solid rgb(66, 237, 248); height: auto; line-height: 43px; transition-duration: 0.3s; perspective: 1000px; } #store #cart.confirmation form input.ty-pay-button:hover { color: rgb(255, 255, 255); } #store #cart.confirmation form input.ty-pay-button.disabled { background: rgb(85, 85, 85); border-top-color: rgb(187, 187, 187); color: rgb(204, 204, 204) !important; } #store.sku-detail .lcol .price { margin-top: 20px; text-shadow: rgb(0, 0, 0) 2px 2px 0px; display: inline-block; vertical-align: top; position: relative; } #store.sku-detail .lcol .price .final-price { display: block; color: rgb(255, 174, 0); font-size: 26px; font-weight: 400; } #store.sku-detail .lcol .price .original-price, #store.sku-detail .lcol .price .discount { display: inline-block; vertical-align: middle; line-height: 1em; } #store.sku-detail .lcol .price .original-price { text-decoration: none; position: relative; color: rgb(110, 174, 193); font-size: 18px; } #store.sku-detail .lcol .price .original-price .super .currency { color: inherit; font-size: 11px; } #store.sku-detail .lcol .price .original-price::after { content: ""; position: absolute; top: 50%; border-top: 1px solid; left: 0px; right: 0px; } #store.sku-detail .lcol .price .discount { color: rgb(77, 255, 42); font-size: 14px; margin-left: 1em; text-transform: uppercase; } #store.sku-detail .lcol .price .discount strong { margin-left: 0.3em; font-weight: 400; } #store.sku-detail .lcol .price .discount .super { font-size: 9px; } #store.sku-detail .lcol .price .discount .super .currency { color: inherit; } #store.sku-detail .lcol .price .super { font-size: 14px; vertical-align: text-top; } #store.sku-detail .lcol .price .super .currency { color: rgb(210, 210, 210); } .suggested-block .price { text-shadow: rgb(0, 0, 0) 2px 2px 0px; display: inline-block; vertical-align: top; position: relative; margin-top: 0px; } .suggested-block .price .final-price { display: block; color: rgb(255, 174, 0); font-size: 26px; font-weight: 400; } .suggested-block .price .original-price, .suggested-block .price .discount { display: inline-block; vertical-align: middle; line-height: 1em; } .suggested-block .price .original-price { text-decoration: none; position: relative; color: rgb(110, 174, 193); font-size: 18px; } .suggested-block .price .original-price .super .currency { color: inherit; font-size: 11px; } .suggested-block .price .original-price::after { content: ""; position: absolute; top: 50%; border-top: 1px solid; left: 0px; right: 0px; } .suggested-block .price .discount { color: rgb(77, 255, 42); font-size: 14px; margin-left: 1em; text-transform: uppercase; } .suggested-block .price .discount strong { margin-left: 0.3em; font-weight: 400; } .suggested-block .price .discount .super { font-size: 9px; } .suggested-block .price .discount .super .currency { color: inherit; } .suggested-block .price .super { font-size: 14px; vertical-align: text-top; } .suggested-block .price .super .currency { color: rgb(210, 210, 210); } #buying-options .buying-options-content .price { margin-top: 20px; text-shadow: rgb(0, 0, 0) 2px 2px 0px; display: inline-block; vertical-align: top; position: relative; } #buying-options .buying-options-content .price .final-price { display: block; color: rgb(255, 174, 0); font-size: 26px; font-weight: 400; } #buying-options .buying-options-content .price .original-price, #buying-options .buying-options-content .price .discount { display: inline-block; vertical-align: middle; line-height: 1em; } #buying-options .buying-options-content .price .original-price { text-decoration: none; position: relative; color: rgb(110, 174, 193); font-size: 18px; } #buying-options .buying-options-content .price .original-price .super .currency { color: inherit; font-size: 11px; } #buying-options .buying-options-content .price .original-price::after { content: ""; position: absolute; top: 50%; border-top: 1px solid; left: 0px; right: 0px; } #buying-options .buying-options-content .price .discount { color: rgb(77, 255, 42); font-size: 14px; margin-left: 1em; text-transform: uppercase; } #buying-options .buying-options-content .price .discount strong { margin-left: 0.3em; font-weight: 400; } #buying-options .buying-options-content .price .discount .super { font-size: 9px; } #buying-options .buying-options-content .price .discount .super .currency { color: inherit; } #buying-options .buying-options-content .price .super { font-size: 14px; vertical-align: text-top; } #buying-options .buying-options-content .price .super .currency { color: rgb(210, 210, 210); } #buying-options .row .price { text-shadow: rgb(0, 0, 0) 2px 2px 0px; display: inline-block; vertical-align: top; position: relative; margin-top: 9px; float: right; } #buying-options .row .price .final-price { display: block; color: rgb(255, 174, 0); font-size: 26px; font-weight: 400; } #buying-options .row .price .original-price, #buying-options .row .price .discount { display: inline-block; vertical-align: middle; line-height: 1em; } #buying-options .row .price .original-price { text-decoration: none; position: relative; color: rgb(110, 174, 193); font-size: 18px; } #buying-options .row .price .original-price .super .currency { color: inherit; font-size: 11px; } #buying-options .row .price .original-price::after { content: ""; position: absolute; top: 50%; border-top: 1px solid; left: 0px; right: 0px; } #buying-options .row .price .discount { color: rgb(77, 255, 42); font-size: 14px; margin-left: 1em; text-transform: uppercase; } #buying-options .row .price .discount strong { margin-left: 0.3em; font-weight: 400; } #buying-options .row .price .discount .super { font-size: 9px; } #buying-options .row .price .discount .super .currency { color: inherit; } #buying-options .row .price .super { font-size: 14px; vertical-align: text-top; } #buying-options .row .price .super .currency { color: rgb(210, 210, 210); } #store .store-country-selector { background: rgba(10, 34, 48, 0.85); border-bottom: 1px solid rgb(62, 144, 147); margin-top: -133px; padding: 143px 0px 0px; position: relative; z-index: 10; height: 100px; } @media only screen and (max-width: 768px) { #store .store-country-selector { padding-top: 213px; } } #store .store-country-selector * { font-family: univia-pro, sans-serif; } #store .store-country-selector .title { color: rgb(35, 197, 201); float: left; font-size: 18px; line-height: 38px; margin-right: 20px; text-transform: uppercase; } #store .store-country-selector p { color: rgb(6, 76, 103); font-size: 16px; } #store .store-country-selector select { display: none; height: 100%; left: 0px; opacity: 0; position: absolute; top: 0px; width: 100%; } #store .store-country-selector .selectlist { background: rgb(0, 0, 0); border: 1px solid rgb(62, 144, 147); color: rgb(35, 197, 201); width: 205px; } #store .store-country-selector .selectlist .body { height: 100px; background: rgb(0, 0, 0); border-color: rgb(62, 144, 147); border-radius: 0px; color: rgb(62, 144, 147); } #store .store-country-selector .selectlist .arrow { background: -7px center no-repeat; height: 32px; margin-left: -4px; } #store .store-country-selector .selectlist > span { border-right: 1px solid rgb(62, 144, 147); } #store .store-country-selector .selectlist ul li.hover, #store .store-country-selector .selectlist ul li.hover.selected { background-color: rgb(62, 144, 147); color: rgb(255, 255, 255); } #store .store-country-selector .selectlist .scrollable .scrollbar .track .thumb { background-color: rgb(62, 144, 147); } #store .international-bottom { max-width: 100%; margin: 0px auto; padding-top: 10px; padding-bottom: 10px; border-bottom: unset; border-top: 1px solid rgb(62, 144, 147); height: 150px; } #store .international-bottom p span { background: left top no-repeat; display: inline-block; padding-left: 40px; height: 20px; line-height: 20px; } #store.sku-detail.subscriptions-type .corner.corner-top-left { top: 30px; left: 30px; } #store.sku-detail.subscriptions-type .corner.corner-top-right { top: 30px; right: 30px; } #store.sku-detail.subscriptions-type .corner.corner-bottom-left { bottom: 30px; left: 30px; } #store.sku-detail.subscriptions-type .corner.corner-bottom-right { bottom: 30px; right: 30px; } #store.sku-detail.subscriptions-type .play-button { position: relative; top: 167px; background: 0% 0% / cover; width: 120px; height: 120px; margin: -25px auto; opacity: 0.7; cursor: pointer; } #store.sku-detail.subscriptions-type .play-button:hover { opacity: 1; } #store.sku-detail.subscriptions-type .modal-wrapper { text-align: center; } #store.sku-detail.subscriptions-type .modal-inner .close { right: 10px; top: 10px; } #store.sku-detail.subscriptions-type .modal-inner .hr, #store.sku-detail.subscriptions-type .modal-inner .content-block4 { display: none; } #store.sku-detail.subscriptions-type .hide { display: none; } #store.sku-detail.subscriptions-type .subscription-banner { position: relative; width: 100%; height: 311px; background-position: center top; background-repeat: no-repeat; top: -8px; } #store.sku-detail.subscriptions-type .subscription-banner .thumbnail { position: relative; background-position: center top; background-repeat: no-repeat; width: 335px; height: 95px; margin: 0px auto; top: 263px; } #store.sku-detail.subscriptions-type #store-header { margin-bottom: 10px; } #store.sku-detail.subscriptions-type .description { position: relative; max-width: 640px; padding: 30px 60px 0px; } #store.sku-detail.subscriptions-type .description p { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 16px; color: rgb(177, 216, 241); line-height: 24px; } #store.sku-detail.subscriptions-type .description a { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 16px; color: rgb(255, 255, 255); text-decoration: underline; } #store.sku-detail.subscriptions-type .subscription-top { background: center top no-repeat; height: 545px; margin-top: 40px; position: relative; } #store.sku-detail.subscriptions-type .subscription-top .selection-sku { display: inline-block; vertical-align: top; } #store.sku-detail.subscriptions-type .subscription-top .lcol { float: none; width: 475px; margin-top: 0px; padding-left: 60px; } #store.sku-detail.subscriptions-type .subscription-top .lcol .price { margin-left: 40px; } #store.sku-detail.subscriptions-type .subscription-top .lcol .holosmallbtn { display: inline; position: relative; top: -3px; left: -113px; } #store.sku-detail.subscriptions-type .subscription-top .lcol .disclaimer { display: block; width: 220px; font-size: 12px; line-height: 17px; color: rgb(133, 159, 168); background-image: inherit; font-style: normal; float: right; padding: 0px; margin-top: -22px; } #store.sku-detail.subscriptions-type #features { position: relative; z-index: 1; } #store.sku-detail.subscriptions-type #features .hr { display: none; } #store.sku-detail.subscriptions-type #features .content-block1 { display: none; } #store.sku-detail.subscriptions-type #features .content-block4 { margin: 40px 0px; } #store.sku-detail.subscriptions-type #features .feature-block { position: relative; max-width: 1140px; min-height: 415px; background: rgba(0, 108, 255, 0.1); margin-bottom: 70px; display: flex; flex-wrap: nowrap; } #store.sku-detail.subscriptions-type #features .feature-block .media { position: relative; width: 415px; height: 415px; overflow: hidden; background: grey; } #store.sku-detail.subscriptions-type #features .feature-block .media::before { content: ""; position: absolute; top: 0px; width: 415px; height: 65px; background: center top no-repeat; z-index: 3; } #store.sku-detail.subscriptions-type #features .feature-block .media::after { content: ""; position: absolute; bottom: 0px; width: 415px; height: 65px; background: center bottom no-repeat; z-index: 3; } #store.sku-detail.subscriptions-type #features .feature-block .media .play-button { z-index: 3; } #store.sku-detail.subscriptions-type #features .feature-block .media img { position: absolute; top: 0px; left: 0px; z-index: 0; height: 100%; } #store.sku-detail.subscriptions-type #features .feature-block .details { flex: 1 1 0%; padding: 60px 35px 30px; box-sizing: border-box; } #store.sku-detail.subscriptions-type #features .feature-block h5 { font-family: Orbitron, sans-serif, Arial, Verdana; font-size: 16px; color: rgb(177, 216, 241); text-transform: uppercase; border-bottom: 1px solid rgb(29, 63, 98); margin-top: 0px; padding: 0px 0px 7px 3px; } #store.sku-detail.subscriptions-type #features .feature-block p { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 16px; color: rgb(177, 216, 241); line-height: 24px; } #store.sku-detail.subscriptions-type #features .feature-block .other-medias { position: absolute; bottom: 30px; } #store.sku-detail.subscriptions-type #features .feature-block .other-medias .thumbnail { background: rgb(29, 29, 29); width: 95px; height: 95px; display: inline-block; border: 1px solid rgb(29, 65, 101); margin-right: 10px; vertical-align: bottom; cursor: pointer; } #store.sku-detail.subscriptions-type #features .feature-block .other-medias .thumbnail img { width: 100%; } #store.sku-detail.subscriptions-type #features .feature-block.right { flex-direction: row; } #store.sku-detail.subscriptions-type #features .feature-block.left { flex-direction: row-reverse; } #store.subscription-packages .wcontent { padding-top: 50px; } @media only screen and (max-width: 1230px) { #store.subscription-packages .wcontent { width: auto; } } #store.subscription-packages .wcontent, #store.subscription-packages .wcontent *, #store.subscription-packages .wcontent ::before, #store.subscription-packages .wcontent ::after { box-sizing: border-box; } #store.subscription-packages .wcontent .logo { position: relative; height: 170px; width: 355px; margin: 0px auto 25px; } #store.subscription-packages .wcontent .logo img { position: absolute; left: -85px; top: -85px; } #store.subscription-packages .wcontent .support-community { margin-bottom: 95px; } #store.subscription-packages .wcontent .support-community h1 { font: bold 28px / 1.25 Orbitron, sans-serif; color: rgb(177, 216, 241); text-shadow: rgba(0, 108, 255, 0.45) -4px -4px 8px, rgba(0, 108, 255, 0.45) 4px 4px 8px; text-transform: uppercase; text-align: center; position: relative; width: 122.8%; height: 90px; margin: 0px 0px 0px -11.4%; padding-top: 35px; padding-left: 25%; padding-right: 25%; } #store.subscription-packages .wcontent .support-community h1::before { content: ""; display: block; width: 50%; height: 100%; position: absolute; top: 0px; left: 0px; background: -40px top / 788px no-repeat; z-index: -1; } #store.subscription-packages .wcontent .support-community h1::after { content: ""; display: block; width: 50%; height: 100%; position: absolute; top: 0px; right: 0px; background: -40px top / 788px no-repeat; transform: rotateY(180deg); z-index: -1; } @media only screen and (max-width: 1150px) { #store.subscription-packages .wcontent .support-community h1::before { background-position: 90% top; } #store.subscription-packages .wcontent .support-community h1::after { background-position: 90% top; } } @media only screen and (max-width: 950px) { #store.subscription-packages .wcontent .support-community h1::before { background-position: 50% top; } #store.subscription-packages .wcontent .support-community h1::after { background-position: 50% top; } } @media only screen and (max-width: 830px) { #store.subscription-packages .wcontent .support-community h1 { font-size: 3vw; } } #store.subscription-packages .wcontent .support-community .featured-video .placeholder { width: 783px; height: 439px; border: 1px solid rgb(6, 108, 147); margin: 0px auto 20px; position: relative; cursor: pointer; overflow: hidden; } #store.subscription-packages .wcontent .support-community .featured-video .placeholder::before { content: ""; display: block; width: 114px; height: 104px; position: absolute; top: 50%; left: 50%; margin: -52px 0px 0px -57px; background: 0px 0px no-repeat; transition: filter 0.2s ease-out 0s, opacity 0.25s linear 0s; } #store.subscription-packages .wcontent .support-community .featured-video .placeholder > img { display: block; width: 100%; cursor: pointer; } #store.subscription-packages .wcontent .support-community .featured-video .placeholder .sponsors { position: absolute; padding-top: 8%; bottom: 0px; left: 0px; width: 100%; height: 33%; background: 0px bottom / 100% no-repeat; transition: bottom 0.25s ease-out 0s; } #store.subscription-packages .wcontent .support-community .featured-video .placeholder .sponsors ul { list-style: none; padding: 0px 60px; margin: 0px; } #store.subscription-packages .wcontent .support-community .featured-video .placeholder .sponsors ul li { float: left; margin-left: 6.5%; } #store.subscription-packages .wcontent .support-community .featured-video .placeholder .sponsors ul li:first-child { margin-left: 0px; width: 26.2%; } #store.subscription-packages .wcontent .support-community .featured-video .placeholder .sponsors ul li:nth-child(2) { width: 16.5%; } #store.subscription-packages .wcontent .support-community .featured-video .placeholder .sponsors ul li:nth-child(2) img { top: -5px; } #store.subscription-packages .wcontent .support-community .featured-video .placeholder .sponsors ul li:nth-child(3) { width: 21.1%; } #store.subscription-packages .wcontent .support-community .featured-video .placeholder .sponsors ul li:nth-child(3) img { top: 19px; } #store.subscription-packages .wcontent .support-community .featured-video .placeholder .sponsors ul li:nth-child(4) { width: 15.2%; } #store.subscription-packages .wcontent .support-community .featured-video .placeholder .sponsors ul li:nth-child(4) img { top: -5px; } #store.subscription-packages .wcontent .support-community .featured-video .placeholder .sponsors img { display: block; position: relative; width: 100%; } #store.subscription-packages .wcontent .support-community .featured-video .placeholder.playing::before { filter: blur(8px); opacity: 0; } #store.subscription-packages .wcontent .support-community .featured-video .placeholder.playing .sponsors { bottom: -140px; } @media only screen and (max-width: 785px) { #store.subscription-packages .wcontent .support-community .featured-video .placeholder { width: 100%; height: auto; } } #store.subscription-packages .wcontent .support-community .featured-video #video-container { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } #store.subscription-packages .wcontent .support-community figcaption, #store.subscription-packages .wcontent .support-community p { width: 915px; font: 17px / 1.25 Electrolize, sans-serif; color: rgb(8, 145, 197); text-align: center; margin: 40px auto 0px; } @media only screen and (max-width: 950px) { #store.subscription-packages .wcontent .support-community figcaption, #store.subscription-packages .wcontent .support-community p { width: auto; } } #store.subscription-packages .wcontent .exclusive-rewards > h1 { font: bold 28px / 1.25 Orbitron, sans-serif; color: rgb(177, 216, 241); text-shadow: rgba(0, 108, 255, 0.45) -4px -4px 8px, rgba(0, 108, 255, 0.45) 4px 4px 8px; text-transform: uppercase; text-align: center; position: relative; width: 122.8%; height: 90px; margin: 0px 0px 0px -11.4%; padding-top: 35px; padding-left: 25%; padding-right: 25%; } #store.subscription-packages .wcontent .exclusive-rewards > h1::before { content: ""; display: block; width: 50%; height: 100%; position: absolute; top: 0px; left: 0px; background: -40px top / 788px no-repeat; z-index: -1; } #store.subscription-packages .wcontent .exclusive-rewards > h1::after { content: ""; display: block; width: 50%; height: 100%; position: absolute; top: 0px; right: 0px; background: -40px top / 788px no-repeat; transform: rotateY(180deg); z-index: -1; } @media only screen and (max-width: 1150px) { #store.subscription-packages .wcontent .exclusive-rewards > h1::before { background-position: 90% top; } #store.subscription-packages .wcontent .exclusive-rewards > h1::after { background-position: 90% top; } } @media only screen and (max-width: 950px) { #store.subscription-packages .wcontent .exclusive-rewards > h1::before { background-position: 50% top; } #store.subscription-packages .wcontent .exclusive-rewards > h1::after { background-position: 50% top; } } @media only screen and (max-width: 830px) { #store.subscription-packages .wcontent .exclusive-rewards > h1 { font-size: 3vw; } } #store.subscription-packages .wcontent .exclusive-rewards .caption { font: 17px / 1.25 Electrolize, sans-serif; color: rgb(8, 145, 197); text-align: center; margin: 0px 0px 20px; } #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels { display: flex; flex-wrap: nowrap; gap: 75px; justify-content: center; list-style: none; padding: 0px; margin: 75px 0px; overflow: hidden; } #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels li { flex-basis: 50%; } @media only screen and (max-width: 1150px) { #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels { flex-wrap: wrap; gap: 25px; } #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels li, #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels li:first-child { flex-basis: 100%; } } #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level { display: flex; flex-direction: column; height: 100%; max-width: none; padding: 15px 10px; position: relative; border-top: 1px solid rgb(6, 108, 147); overflow: hidden; } @media only screen and (max-width: 1150px) { #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level { max-width: 550px; padding: 5px; } } @media only screen and (max-width: 600px) { #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level { max-width: 450px; } } #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level::before, #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level::after { content: ""; position: absolute; top: 0px; left: 0px; display: block; width: 50%; height: calc(100% + 20px); background: rgba(22, 104, 159, 0.4); transform: skewY(8deg) translateY(-40px); } #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level::after { left: auto; right: 0px; transform: skewY(-8deg) translateY(-40px); } @media only screen and (max-width: 1150px) { #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level { margin: 0px auto; } } #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level h1 { margin: 0px; text-align: center; position: relative; z-index: 2; } #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level p { font: 17px / 1.25 Electrolize, sans-serif; color: rgb(8, 145, 197); text-align: center; margin: 0px 0px 10px; } @media only screen and (max-width: 600px) { #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level p { font-size: 14px; } } #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level .price-details { margin-top: auto; font: 12px / 1.25 Electrolize, sans-serif; color: rgb(208, 221, 226); text-align: center; } #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level .price-wrapper { text-align: center; position: relative; z-index: 2; } #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level .price { display: inline-block; vertical-align: top; position: relative; text-shadow: none; margin-top: 0px; } #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level .price, #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level .price * { font-family: Electrolize, sans-serif; } #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level .price .final-price { display: block; color: rgb(255, 174, 0); font-size: 26px; font-weight: 400; } #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level .price .original-price, #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level .price .discount { display: inline-block; vertical-align: middle; line-height: 1em; } #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level .price .original-price { text-decoration: none; position: relative; color: rgb(110, 174, 193); font-size: 18px; } #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level .price .original-price .super .currency { color: inherit; font-size: 11px; } #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level .price .original-price::after { content: ""; position: absolute; top: 50%; border-top: 1px solid; left: 0px; right: 0px; } #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level .price .discount { color: rgb(77, 255, 42); font-size: 14px; margin-left: 1em; text-transform: uppercase; } #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level .price .discount strong { margin-left: 0.3em; font-weight: 400; } #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level .price .discount .super { font-size: 9px; } #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level .price .discount .super .currency { color: inherit; } #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level .price .super { font-size: 14px; vertical-align: text-top; } #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level .price .super .currency { color: rgb(210, 210, 210); } #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level .subscribe { left: 0px; right: 0px; margin: -30px auto 0px; } #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level .subscribe, #store.subscription-packages .wcontent .exclusive-rewards .subscription-levels .level .subscribe * { box-sizing: content-box; } #store.subscription-packages .wcontent .exclusive-rewards .features thead .description { width: 59.5%; } #store.subscription-packages .wcontent .exclusive-rewards .features thead .package { width: 20%; text-align: center; color: rgb(77, 255, 255); text-transform: uppercase; font: bold 24px / 1 Orbitron, sans-serif; padding-bottom: 20px; position: relative; perspective: 50px; perspective-origin: 50% 50%; } @media only screen and (max-width: 1150px) { #store.subscription-packages .wcontent .exclusive-rewards .features thead .package { font-size: 18px; } } #store.subscription-packages .wcontent .exclusive-rewards .features thead .package::before { content: ""; display: block; height: 5px; width: 75%; background-color: rgb(69, 231, 233); position: absolute; left: 12.5%; bottom: 0px; transform: rotateX(45deg); } #store.subscription-packages .wcontent .exclusive-rewards .features tbody { border-top: 1px solid rgb(6, 108, 147); } #store.subscription-packages .wcontent .exclusive-rewards .features tbody td:first-child { padding: 10px 60px 10px 10px; } @media only screen and (max-width: 1230px) { #store.subscription-packages .wcontent .exclusive-rewards .features tbody td:first-child { padding: 10px 30px 10px 10px; } } @media only screen and (max-width: 830px) { #store.subscription-packages .wcontent .exclusive-rewards .features tbody td:first-child { padding: 10px 30px; } } #store.subscription-packages .wcontent .exclusive-rewards .features tbody h2 { font: 20px / 1.25 Electrolize, sans-serif; color: rgb(77, 255, 255); text-shadow: rgb(0, 108, 255) 0px 0px 8px, rgb(0, 108, 255) 0px 0px 8px; margin: 0px 0px 15px; text-transform: uppercase; padding-top: 15px; } #store.subscription-packages .wcontent .exclusive-rewards .features tbody p { font: 17px / 1.25 Electrolize, sans-serif; color: rgb(8, 145, 197); margin: 0px 0px 10px; } #store.subscription-packages .wcontent .exclusive-rewards .features tbody p small { display: block; margin-top: 8px; font: 11px / 1.25 Electrolize, sans-serif; color: rgb(103, 180, 228); } #store.subscription-packages .wcontent .exclusive-rewards .features tbody .info { overflow: hidden; } @media only screen and (max-width: 1230px) { #store.subscription-packages .wcontent .exclusive-rewards .features tbody h2 { padding-top: 8px; font-size: 16px; margin-bottom: 8px; } #store.subscription-packages .wcontent .exclusive-rewards .features tbody p { font-size: 14px; } } #store.subscription-packages .wcontent .exclusive-rewards .features tbody .more-info { font: 14px / 1.25 Electrolize, sans-serif; color: rgb(2, 238, 255); background: -5px -3px no-repeat transparent; padding-left: 14px; } #store.subscription-packages .wcontent .exclusive-rewards .features tbody .package-value { font: bold 28px / 1px Orbitron, sans-serif; color: rgb(177, 216, 241); text-transform: uppercase; text-align: center; position: relative; white-space: nowrap; } #store.subscription-packages .wcontent .exclusive-rewards .features tbody .package-value.small, #store.subscription-packages .wcontent .exclusive-rewards .features tbody .package-value.small .wrap { font-size: 20px; } #store.subscription-packages .wcontent .exclusive-rewards .features tbody .package-value .wrap { font: bold 28px / 1px Orbitron, sans-serif; color: rgb(177, 216, 241); position: relative; } @media only screen and (max-width: 1150px) { #store.subscription-packages .wcontent .exclusive-rewards .features tbody .package-value { font-size: 15px; } #store.subscription-packages .wcontent .exclusive-rewards .features tbody .package-value .wrap { font-size: 15px; } #store.subscription-packages .wcontent .exclusive-rewards .features tbody .package-value.small, #store.subscription-packages .wcontent .exclusive-rewards .features tbody .package-value.small .wrap { font-size: 15px; } } #store.subscription-packages .wcontent .exclusive-rewards .features tbody .package-value.standard { color: rgb(8, 145, 197); } #store.subscription-packages .wcontent .exclusive-rewards .features tbody .package-value.unavailable { color: rgb(4, 64, 87); } #store.subscription-packages .wcontent .exclusive-rewards .features tbody .package-value::before { content: ""; display: block; width: 1px; height: calc(100% - 60px); position: absolute; top: 30px; left: 0px; z-index: 1; background: rgb(67, 237, 248); } #store.subscription-packages .wcontent .exclusive-rewards .features tbody .package-value::after { content: ""; display: block; width: 1px; height: calc(100% - 70px); position: absolute; top: 35px; left: 0px; z-index: 2; background: rgb(12, 104, 132); } #store.subscription-packages .wcontent .exclusive-rewards .features tbody figure { position: relative; float: left; width: 219px; border: 1px solid rgb(0, 234, 255); margin: 18px 28px 10px 15px; overflow: hidden; } #store.subscription-packages .wcontent .exclusive-rewards .features tbody figure::before { content: ""; display: block; width: calc(100% - 16px); height: calc(100% + 2px); position: absolute; left: 8px; top: -1px; border-style: solid; border-color: rgb(0, 76, 105); border-image: initial; border-width: 1px 0px; } #store.subscription-packages .wcontent .exclusive-rewards .features tbody figure::after { content: ""; display: block; width: calc(100% + 2px); height: calc(100% - 16px); position: absolute; left: -1px; top: 8px; border-style: solid; border-color: rgb(0, 76, 105); border-image: initial; border-width: 0px 1px; } #store.subscription-packages .wcontent .exclusive-rewards .features tbody figure img { display: block; width: 100%; } @media only screen and (max-width: 1230px) { #store.subscription-packages .wcontent .exclusive-rewards .features tbody figure { width: 127px; height: 113px; } #store.subscription-packages .wcontent .exclusive-rewards .features tbody figure::before { width: 109px; height: 113px; } #store.subscription-packages .wcontent .exclusive-rewards .features tbody figure::after { width: 127px; height: 93px; } } @media only screen and (max-width: 830px) { #store.subscription-packages .wcontent .exclusive-rewards .features tbody figure { display: none; } } #store.subscription-packages .wcontent .exclusive-rewards .features tbody .feature { background: rgba(22, 104, 159, 0.25); } #store.subscription-packages .wcontent .exclusive-rewards .features tbody .feature.no-preview td:first-child { padding-left: 30px; } #store.subscription-packages .wcontent .exclusive-rewards .features tbody .feature:nth-child(2n) { background: rgba(22, 104, 159, 0.4); } #store.subscription-packages .wcontent .exclusive-rewards .features tbody .extra-info { background: rgba(26, 33, 55, 0.5); overflow: hidden; } #store.subscription-packages .wcontent .exclusive-rewards .features tbody .extra-info.collapsed { display: none; } #store.subscription-packages .wcontent .exclusive-rewards .features tbody .extra-info h3 { font: 16px / 1.25 Electrolize, sans-serif; color: rgb(77, 236, 255); text-transform: uppercase; margin: 0px 0px 3px; } #store.subscription-packages .wcontent .exclusive-rewards .features tbody .extra-info p { margin-bottom: 15px; } #store.subscription-packages .wcontent .exclusive-rewards .features tbody .extra-info td { padding: 25px 35px; } #store.subscription-packages .wcontent .exclusive-rewards .features tfoot td { position: relative; perspective: 100px; perspective-origin: 50% 50%; padding-top: 30px; text-align: center; } #store.subscription-packages .wcontent .exclusive-rewards .features tfoot td:not(:first-child)::before { content: ""; display: block; height: 5px; width: 75%; background-color: rgb(69, 231, 233); position: absolute; left: 12.5%; top: 0px; transform: rotateX(-45deg); } #store.subscription-packages .wcontent .exclusive-rewards .features tfoot .subscribe-wrapper { width: 158px; height: 44px; position: relative; display: inline-block; } #store.subscription-packages .wcontent .exclusive-rewards .features tfoot .subscribe { position: absolute; left: -28px; top: -30px; } #store.subscription-packages .wcontent .exclusive-rewards .features tfoot .subscribe, #store.subscription-packages .wcontent .exclusive-rewards .features tfoot .subscribe * { box-sizing: content-box; } #store.subscription-packages [data-help-tooltip] { width: 25px; height: 25px; display: block; background: 0px 0px no-repeat; position: absolute; top: -10px; right: -22px; cursor: pointer; } #store.subscription-packages [data-help-tooltip] .tooltip { position: absolute; right: -50px; bottom: 50px; z-index: 5; width: 540px; padding: 15px; border-style: solid; border-color: rgb(76, 117, 162); border-image: initial; border-width: 1px 1px 0px; color: rgb(208, 221, 226); font: 16px / 1.25 Electrolize, sans-serif; background: rgba(0, 0, 0, 0.9); text-transform: none; text-align: left; filter: drop-shadow(rgba(0, 0, 0, 0.5) 2px 2px 2px); opacity: 0; transition: opacity 0.2s ease-in 0s; white-space: normal; } #store.subscription-packages [data-help-tooltip] .tooltip::before { content: ""; width: 462px; height: 1px; background: rgb(76, 117, 162); display: block; position: absolute; bottom: 0px; left: 0px; } #store.subscription-packages [data-help-tooltip] .tooltip::after { content: ""; width: 46px; height: 1px; background: rgb(76, 117, 162); display: block; position: absolute; bottom: 0px; right: 0px; } #store.subscription-packages [data-help-tooltip] .tooltip .arrow { width: 45px; height: 45px; overflow: hidden; position: absolute; bottom: -45px; right: 38px; } #store.subscription-packages [data-help-tooltip] .tooltip .arrow::before { content: ""; display: block; width: 30px; height: 30px; transform: rotate(45deg); background: rgba(0, 0, 0, 0.9); border: 1px solid rgb(76, 117, 162); position: absolute; left: 7px; top: -20px; } @media only screen and (max-width: 600px) { #store.subscription-packages [data-help-tooltip] .tooltip { width: 290px; right: -2px; } #store.subscription-packages [data-help-tooltip] .tooltip::before { width: 258px; } #store.subscription-packages [data-help-tooltip] .tooltip::after { display: none; } #store.subscription-packages [data-help-tooltip] .tooltip .arrow { right: -8px; } } #store.subscription-packages [data-help-tooltip]:hover .tooltip { opacity: 1; } #store.subscription-packages .stripped-background-2 { background: linear-gradient(rgb(0, 50, 83) 0%, rgb(0, 50, 83) 50%, rgb(0, 69, 119) 51%, rgb(0, 69, 119) 100%) 0% 0% / 2px 2px; } #store.subscription-packages .package-bar { position: fixed; top: -150px; left: 0px; z-index: 10; width: 100%; height: 55px; border-bottom: 1px solid rgb(7, 131, 178); background: linear-gradient(rgb(0, 30, 50) 0%, rgb(0, 30, 50) 50%, rgb(0, 56, 98) 51%, rgb(0, 56, 98) 100%) 0% 0% / 2px 2px; box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 10px; transition: top 0.25s ease-in-out 0s; } #store.subscription-packages .package-bar, #store.subscription-packages .package-bar *, #store.subscription-packages .package-bar ::before, #store.subscription-packages .package-bar ::after { box-sizing: border-box; } @media only screen and (max-width: 850px) { #store.subscription-packages .package-bar { display: none; } } #store.subscription-packages .package-bar .package-wrapper { width: 1200px; margin: 0px auto; } #store.subscription-packages .package-bar .package-wrapper::before, #store.subscription-packages .package-bar .package-wrapper::after { content: " "; display: table; } #store.subscription-packages .package-bar .package-wrapper::after { clear: both; } @media only screen and (max-width: 1230px) { #store.subscription-packages .package-bar .package-wrapper { width: auto; } } #store.subscription-packages .package-bar .package { width: 18.5%; margin: 0px 0.8%; border-top: 2px solid rgb(20, 204, 250); padding-top: 8px; float: right; background: linear-gradient(rgb(0, 50, 83) 0%, rgb(0, 50, 83) 50%, rgb(0, 69, 119) 51%, rgb(0, 69, 119) 100%) 0% 0% / 2px 2px; filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 3px 8px); position: relative; top: -125px; transition: top 0.25s ease-in-out 0s; } #store.subscription-packages .package-bar .package:nth-child(1) { transition-delay: 0.375s; } #store.subscription-packages .package-bar .package:nth-child(2) { transition-delay: 0.25s; } #store.subscription-packages .package-bar .package h1 { font: bold 18px / 1.25 Orbitron, sans-serif; margin: 0px; color: rgb(177, 216, 241); text-transform: uppercase; text-align: center; text-shadow: rgba(0, 108, 255, 0.63) 0px 0px 8px, rgba(0, 108, 255, 0.63) 0px 0px 8px; } #store.subscription-packages .package-bar.show { top: 128px; } #store.subscription-packages .package-bar.show .package { top: 0px; } #store.subscription-packages .package-bar .price-details { font: 12px / 1 Electrolize, sans-serif; color: rgb(208, 221, 226); text-align: center; } #store.subscription-packages .package-bar .price-wrapper { text-align: center; position: relative; top: -4px; z-index: 2; transform: scale(0.8); } #store.subscription-packages .package-bar .price { display: inline-block; vertical-align: top; position: relative; text-shadow: none; margin-top: 0px; } #store.subscription-packages .package-bar .price, #store.subscription-packages .package-bar .price * { font-family: Electrolize, sans-serif; } #store.subscription-packages .package-bar .price .final-price { display: block; color: rgb(255, 174, 0); font-size: 26px; font-weight: 400; } #store.subscription-packages .package-bar .price .original-price, #store.subscription-packages .package-bar .price .discount { display: inline-block; vertical-align: middle; line-height: 1em; } #store.subscription-packages .package-bar .price .original-price { text-decoration: none; position: relative; color: rgb(110, 174, 193); font-size: 18px; } #store.subscription-packages .package-bar .price .original-price .super .currency { color: inherit; font-size: 11px; } #store.subscription-packages .package-bar .price .original-price::after { content: ""; position: absolute; top: 50%; border-top: 1px solid; left: 0px; right: 0px; } #store.subscription-packages .package-bar .price .discount { color: rgb(77, 255, 42); font-size: 14px; margin-left: 1em; text-transform: uppercase; } #store.subscription-packages .package-bar .price .discount strong { margin-left: 0.3em; font-weight: 400; } #store.subscription-packages .package-bar .price .discount .super { font-size: 9px; } #store.subscription-packages .package-bar .price .discount .super .currency { color: inherit; } #store.subscription-packages .package-bar .price .super { font-size: 14px; vertical-align: text-top; } #store.subscription-packages .package-bar .price .super .currency { color: rgb(210, 210, 210); } #store.subscription-packages .package-bar a { display: block; font: 13px / 1 Electrolize, sans-serif; color: rgb(177, 216, 241); text-decoration: underline; text-align: center; position: relative; top: -8px; } #store.subscription-packages .package-bar .bottom-decoration { width: 100%; height: 20px; overflow: hidden; position: absolute; bottom: -20px; left: 0px; } #store.subscription-packages .package-bar .bottom-decoration .left { width: 50.5%; height: 150%; transform: skewY(8deg) translateY(-18px); overflow: hidden; position: absolute; top: 0px; left: 0px; } #store.subscription-packages .package-bar .bottom-decoration .left::before { content: ""; display: block; width: 100%; height: 100%; background: linear-gradient(rgb(0, 50, 83) 0%, rgb(0, 50, 83) 50%, rgb(0, 69, 119) 51%, rgb(0, 69, 119) 100%) 0px 1px / 2px 2px; transform: skewY(-8deg) translateY(18px); } #store.subscription-packages .package-bar .bottom-decoration .right { width: 50.5%; height: 150%; position: absolute; top: 0px; right: 0px; transform: skewY(-8deg) translateY(-18px); overflow: hidden; } #store.subscription-packages .package-bar .bottom-decoration .right::before { content: ""; display: block; width: 100%; height: 100%; background: linear-gradient(rgb(0, 50, 83) 0%, rgb(0, 50, 83) 50%, rgb(0, 69, 119) 51%, rgb(0, 69, 119) 100%) 0px 1px / 2px 2px; transform: skewY(8deg) translateY(18px); } @media only screen and (max-width: 950px) { #store.subscriptions-type .wcontent { width: 740px; } } @media only screen and (max-width: 760px) { #store.subscriptions-type .wcontent { width: 100%; } } .subscription-details, .subscription-details *, .subscription-details ::before, .subscription-details ::after { box-sizing: border-box; } .subscription-details .product-thumb { display: block; width: 351px; height: 210px; margin: 0px auto 15px; } .subscription-details .main-header { font: bold 28px / 1.25 Orbitron, sans-serif; color: rgb(177, 216, 241); text-shadow: rgba(0, 108, 255, 0.45) -4px -4px 8px, rgba(0, 108, 255, 0.45) 4px 4px 8px; text-transform: uppercase; text-align: center; position: relative; width: 122.8%; height: 90px; margin: 0px 0px 30px -11.4%; padding-top: 35px; } .subscription-details .main-header::before { content: ""; display: block; width: 50%; height: 100%; position: absolute; top: 0px; left: 0px; background: -70px top / 788px no-repeat; z-index: -1; } .subscription-details .main-header::after { content: ""; display: block; width: 50%; height: 100%; position: absolute; top: 0px; right: 0px; background: -70px top / 788px no-repeat; transform: rotateY(180deg); z-index: -1; } @media only screen and (max-width: 1150px) { .subscription-details .main-header::before { background-position: 90% top; } .subscription-details .main-header::after { background-position: 90% top; } } @media only screen and (max-width: 950px) { .subscription-details .main-header::before { background-position: 50% top; } .subscription-details .main-header::after { background-position: 50% top; } } @media only screen and (max-width: 830px) { .subscription-details .main-header { font-size: 3vw; } } .subscription-details h2 { font: 22px / 1.25 Electrolize, sans-serif; color: rgb(77, 255, 255); text-shadow: rgb(0, 108, 255) 0px 0px 8px, rgb(0, 108, 255) 0px 0px 8px; margin: 0px 0px 15px; text-transform: uppercase; text-align: center; } .subscription-details p { color: rgb(8, 145, 197); font: 17px / 1.25 Electrolize, sans-serif; max-width: 725px; margin: 0px auto 25px; text-align: center; } .subscription-details p em { font-style: normal; color: rgb(177, 216, 241); } .subscription-details ul { list-style: none; padding: 0px; margin: 0px 0px 60px; } .subscription-details ul::before, .subscription-details ul::after { content: " "; display: table; } .subscription-details ul::after { clear: both; } .subscription-details ul li { width: 48%; float: right; } .subscription-details ul li:first-child { float: left; } @media only screen and (max-width: 950px) { .subscription-details ul li, .subscription-details ul li:first-child { float: none; width: 100%; margin-bottom: 15px; } } .subscription-details .plan { width: 100%; height: 125px; background: rgba(22, 104, 159, 0.25); padding: 30px 40px; position: relative; } .subscription-details .plan .chevrons { width: 8px; height: 125px; position: absolute; top: 0px; } .subscription-details .plan .chevrons::before { content: ""; border: solid rgb(0, 234, 255); display: block; width: 8px; height: 8px; position: absolute; top: 0px; left: 0px; } .subscription-details .plan .chevrons::after { content: ""; border: solid rgb(0, 234, 255); display: block; width: 8px; height: 8px; position: absolute; bottom: 0px; left: 0px; } .subscription-details .plan .chevrons.left { left: 0px; } .subscription-details .plan .chevrons.left::before { border-width: 1px 0px 0px 1px; } .subscription-details .plan .chevrons.left::after { border-width: 0px 0px 1px 1px; } .subscription-details .plan .chevrons.right { right: 0px; } .subscription-details .plan .chevrons.right::before { border-width: 1px 1px 0px 0px; } .subscription-details .plan .chevrons.right::after { border-width: 0px 1px 1px 0px; } .subscription-details .plan h1 { font: 20px / 1 Electrolize, sans-serif; color: rgb(77, 255, 255); margin: 0px 0px 12px; text-shadow: rgba(0, 108, 255, 0.63) 0px 0px 5px; text-transform: uppercase; } .subscription-details .plan .holosmallbtn.add-cart { position: absolute; top: 13px; right: 18px; } .subscription-details .plan .holosmallbtn.add-cart, .subscription-details .plan .holosmallbtn.add-cart * { box-sizing: content-box; } .subscription-details .plan .price-wrapper { position: relative; z-index: 2; } .subscription-details .plan .price { display: inline-block; vertical-align: top; position: relative; text-shadow: none; margin-top: 0px; } .subscription-details .plan .price, .subscription-details .plan .price * { font-family: Electrolize, sans-serif; } .subscription-details .plan .price .final-price { display: block; color: rgb(255, 174, 0); font-size: 26px; font-weight: 400; } .subscription-details .plan .price .original-price, .subscription-details .plan .price .discount { display: inline-block; vertical-align: middle; line-height: 1em; } .subscription-details .plan .price .original-price { text-decoration: none; position: relative; color: rgb(110, 174, 193); font-size: 18px; } .subscription-details .plan .price .original-price .super .currency { color: inherit; font-size: 11px; } .subscription-details .plan .price .original-price::after { content: ""; position: absolute; top: 50%; border-top: 1px solid; left: 0px; right: 0px; } .subscription-details .plan .price .discount { color: rgb(77, 255, 42); font-size: 14px; margin-left: 1em; text-transform: uppercase; } .subscription-details .plan .price .discount strong { margin-left: 0.3em; font-weight: 400; } .subscription-details .plan .price .discount .super { font-size: 9px; } .subscription-details .plan .price .discount .super .currency { color: inherit; } .subscription-details .plan .price .super { font-size: 14px; vertical-align: text-top; } .subscription-details .plan .price .super .currency { color: rgb(210, 210, 210); } .subscription-details .plan.active { border: 1px solid rgb(16, 174, 255); box-shadow: rgb(0, 108, 255) 0px 0px 15px 0px, rgb(0, 108, 255) 0px 0px 15px 0px inset; } .subscription-details .plan.active .chevrons { display: none; } .subscriptions-item { position: relative; width: 560px; background: 0px 0px / 100% no-repeat rgb(16, 18, 28); padding: 16px 3% 17px; border-top: 2px solid rgb(0, 230, 255); border-bottom: 1px solid rgb(6, 145, 164); } .subscriptions-item, .subscriptions-item::before, .subscriptions-item::after, .subscriptions-item *, .subscriptions-item ::before, .subscriptions-item ::after { box-sizing: border-box; } .subscriptions-item::before { content: ""; display: block; width: 94%; height: 400px; position: absolute; top: 25px; left: 3%; border: 1px solid rgb(17, 61, 71); } .subscriptions-item::after { content: ""; display: block; width: 100px; height: 2px; position: absolute; left: 0px; top: 0px; background: rgb(0, 230, 255); } .subscriptions-item .subscriptions-description { padding: 0px 35px; } .subscriptions-item h1 { margin: 0px 0px 45px; text-align: center; position: relative; z-index: 3; } .subscriptions-item h2 { position: relative; font: bold 17px / 1.5 Orbitron, sans-serif; text-transform: uppercase; text-align: center; color: rgb(207, 228, 238); text-shadow: rgba(0, 108, 255, 0.55) 0px 0px 8px, rgba(0, 108, 255, 0.55) 0px 0px 8px; margin: 0px 0px 15px; padding: 8px 0px; } .subscriptions-item h2::before, .subscriptions-item h2::after { content: ""; display: block; width: 100%; height: 1px; background: rgb(28, 118, 187); box-shadow: rgba(28, 118, 187, 0.65) 0px -2px 5px 0px, rgba(28, 118, 187, 0.65) 0px 2px 5px 0px; position: absolute; left: 0px; top: 0px; } .subscriptions-item h2::after { top: auto; bottom: 0px; } .subscriptions-item p { font: 17px / 1.25 Electrolize, sans-serif; height: 85px; color: rgb(8, 145, 197); text-align: center; margin: 0px 10px 72px; } .subscriptions-item footer { height: 51px !important; } .subscriptions-item footer::before, .subscriptions-item footer::after { content: " "; display: table; } .subscriptions-item footer::after { clear: both; } .subscriptions-item footer .pricing-info { width: 50%; float: left; position: relative; top: 0px; left: 10px; } .subscriptions-item footer .pricing-info .price-details { font: 12px / 1.25 Electrolize, sans-serif; color: rgb(208, 221, 226); } .subscriptions-item footer .pricing-info .price-wrapper { position: relative; z-index: 2; } .subscriptions-item footer .pricing-info .price-wrapper *, .subscriptions-item footer .pricing-info .price-wrapper ::before, .subscriptions-item footer .pricing-info .price-wrapper ::after { box-sizing: content-box; } .subscriptions-item footer .pricing-info .price { display: inline-block; vertical-align: top; position: relative; text-shadow: none; margin-top: 0px; } .subscriptions-item footer .pricing-info .price, .subscriptions-item footer .pricing-info .price * { font-family: Electrolize, sans-serif; } .subscriptions-item footer .pricing-info .price .final-price { display: block; color: rgb(255, 174, 0); font-size: 26px; font-weight: 400; } .subscriptions-item footer .pricing-info .price .original-price, .subscriptions-item footer .pricing-info .price .discount { display: inline-block; vertical-align: middle; line-height: 1em; } .subscriptions-item footer .pricing-info .price .original-price { text-decoration: none; position: relative; color: rgb(110, 174, 193); font-size: 18px; } .subscriptions-item footer .pricing-info .price .original-price .super .currency { color: inherit; font-size: 11px; } .subscriptions-item footer .pricing-info .price .original-price::after { content: ""; position: absolute; top: 50%; border-top: 1px solid; left: 0px; right: 0px; } .subscriptions-item footer .pricing-info .price .discount { color: rgb(77, 255, 42); font-size: 14px; margin-left: 1em; text-transform: uppercase; } .subscriptions-item footer .pricing-info .price .discount strong { margin-left: 0.3em; font-weight: 400; } .subscriptions-item footer .pricing-info .price .discount .super { font-size: 9px; } .subscriptions-item footer .pricing-info .price .discount .super .currency { color: inherit; } .subscriptions-item footer .pricing-info .price .super { font-size: 14px; vertical-align: text-top; } .subscriptions-item footer .pricing-info .price .super .currency { color: rgb(210, 210, 210); } .subscriptions-item .read-more { color: rgb(255, 255, 255); font: 16px / 25px Electrolize, sans-serif; text-transform: uppercase; display: block; float: right; width: 135px; margin-top: 12px; height: 25px; position: relative; } .subscriptions-item .read-more::before { content: ""; display: block; width: 53px; height: 45px; position: absolute; top: -10px; right: -5px; background: 0px 0px no-repeat; filter: drop-shadow(rgba(28, 118, 187, 0.75) 1px 1px 5px); } @media only screen and (max-width: 1230px) { .subscriptions-item { width: 100%; } .subscriptions-item h1 { margin-bottom: 50px; } } @media only screen and (max-width: 950px) { .subscriptions-item { background-size: 115%; } .subscriptions-item h1 { margin-bottom: 40px; } .subscriptions-item p { margin-bottom: 45px; } } @-webkit-keyframes arrowShadow1 { 0% { opacity: 0; } 100% { opacity: 0.1; } } @keyframes arrowShadow1 { 0% { opacity: 0; } 100% { opacity: 0.1; } } @-webkit-keyframes arrowShadow2 { 0% { opacity: 0; } 100% { opacity: 0.6; } } @keyframes arrowShadow2 { 0% { opacity: 0; } 100% { opacity: 0.6; } } #store.ship-upgrade #post-background { opacity: 1; position: absolute; inset: 0px; background: center bottom no-repeat, center bottom repeat-y; overflow: hidden; } @media only screen and (max-width: 1280px) { #store.ship-upgrade #post-background { background-image: , ; } } @media only screen and (max-width: 768px) { #store.ship-upgrade #post-background { background-image: , ; } } @media only screen and (max-width: 500px) { #store.ship-upgrade #post-background { background-image: , ; } } #store.ship-upgrade #post-background::before { content: ""; display: block; z-index: 2; opacity: 0.6; position: absolute; top: 240px; left: 0px; right: 0px; height: 632px; background: center center no-repeat; } #store.ship-upgrade #post-background .bg-stars { z-index: 1; position: absolute; inset: 0px 0px 750px; background: center bottom repeat-y; } @media only screen and (max-width: 1280px) { #store.ship-upgrade #post-background .bg-stars { background-image: ; } } @media only screen and (max-width: 768px) { #store.ship-upgrade #post-background .bg-stars { background-image: ; } } @media only screen and (max-width: 500px) { #store.ship-upgrade #post-background .bg-stars { background-image: ; } } #store.ship-upgrade #store-wrapper > .wrapper { z-index: 10; } #store.ship-upgrade #store-wrapper > .wrapper .glow-hub-title { padding: 10px 0px 0px 25px; margin-bottom: 0px; height: 100px; } #store.ship-upgrade #store-wrapper > .wrapper .excerpt { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 16px; color: rgb(153, 227, 245); width: 70%; min-width: 300px; max-width: 700px; padding-left: 25px; } #store.ship-upgrade #store-wrapper > .wrapper .excerpt strong { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 17px; color: rgb(255, 255, 255); } #store.ship-upgrade #store-wrapper #ship-upgrader { margin-top: 80px; } #store.ship-upgrade #store-wrapper #ship-upgrader.loading-result .result-loader { max-height: 200px; } #store.ship-upgrade #store-wrapper #ship-upgrader > .wrapper { z-index: 10; background: -367px 28px no-repeat transparent; } @media only screen and (max-width: 1140px) { #store.ship-upgrade #store-wrapper #ship-upgrader > .wrapper { background: 0px 0px; } } #store.ship-upgrade #store-wrapper #ship-upgrader > .wrapper::before, #store.ship-upgrade #store-wrapper #ship-upgrader > .wrapper::after { content: ""; position: absolute; width: 400px; height: 400px; top: 0px; background: right 28px no-repeat transparent; } @media only screen and (max-width: 1140px) { #store.ship-upgrade #store-wrapper #ship-upgrader > .wrapper::before, #store.ship-upgrade #store-wrapper #ship-upgrader > .wrapper::after { background: 0px 0px; } } #store.ship-upgrade #store-wrapper #ship-upgrader > .wrapper::before { background-position-x: 0%; left: -400px; } #store.ship-upgrade #store-wrapper #ship-upgrader > .wrapper::after { background-position-x: 100%; right: -400px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader { position: relative; height: 370px; } @media only screen and (max-width: 1140px) { #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader { width: 50% !important; height: 200px; } } @media only screen and (max-width: 765px) { #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader { width: 100% !important; height: 200px; } } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader::before { content: ""; display: block; z-index: 1; background-color: transparent; background-repeat: no-repeat; position: absolute; top: -21px; opacity: 0; } @media only screen and (max-width: 1140px) { #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader::before { display: none; } } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .title { text-transform: uppercase; font-family: Orbitron, sans-serif, Arial, Verdana; font-size: 15px; color: rgb(0, 231, 255); font-weight: 700; padding-left: 8px; } @media only screen and (max-width: 1140px) { #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .title { text-align: center; } } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .title::before { content: "Upgrade /"; padding-right: 6px; color: rgb(10, 86, 136); } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader.active::before { opacity: 1; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader.from { width: 574px; float: left; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader.from::before { height: 439px; width: 739px; background-image: ; right: -59px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader.from .inner-upgrader > * { width: 561px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader.from svg { width: 573px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader.from .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing.filter-own-ship .ship:not(.own-ship) { display: none; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader.to { width: 563px; float: right; padding-left: 1px; box-sizing: border-box; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader.to::before { height: 439px; width: 896px; background-image: ; left: -41px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader.to .inner-upgrader > * { width: 560px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader.to .title { padding-left: 6px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader.to .inner-upgrader .ship-chooser .filters form .search-field { width: 340px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader.to .inner-upgrader .ship-chooser .filters form .manufacturer-list .inner::before, #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader.to .inner-upgrader .ship-chooser .filters form .manufacturer-list .inner::after { left: 525px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader.to .inner-upgrader .ship-chooser .filters form .manufacturer-list .inner .viewport { width: 525px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader.to .inner-upgrader .ship-chooser .ship-listing-wrapper { margin-left: 10px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader.to .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport { width: 525px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader.to .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship { background-size: 98% 39px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader.to .inner-upgrader .selected-ship svg { top: -1px; left: -1px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader.to .inner-upgrader .selected-ship .info { text-align: right; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader.to .inner-upgrader .selected-ship .info::before { right: -17px; left: initial; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader.to .inner-upgrader .selected-ship .info::after { right: -22px; left: initial; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader.to .inner-upgrader .selected-ship .info .name::before { left: initial; right: -4px; background: linear-gradient(to right, rgba(0, 111, 202, 0.05) 0%, rgba(0, 111, 202, 0.34) 31%, rgb(66, 236, 248) 100%); } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader { margin-top: 9px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader > * { position: relative; z-index: 2; } @media only screen and (max-width: 1140px) { #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader > * { width: 100% !important; } } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .choose-ship { margin-top: 24px; height: 317px; display: block; text-align: center; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 18px; color: rgb(193, 238, 254); line-height: 310px; text-transform: uppercase; background: center center no-repeat transparent; } @media only screen and (max-width: 1140px) { #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .choose-ship { display: none; } } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .choose-ship:hover .fat-shadow-arrow .arrow.arrow-1 { animation: 0.1s linear 0s 1 normal none running arrowShadow1; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .choose-ship:hover .fat-shadow-arrow .arrow.arrow-2 { animation: 0.3s linear 0s 1 normal none running arrowShadow2; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .choose-ship:hover .fat-shadow-arrow .arrow.arrow-3 { animation: 0.5s linear 0s 1 normal none running arrow; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .choose-ship .fat-shadow-arrow { width: 136px; height: 120px; position: absolute; top: calc(50% - 6px); transform: translateY(-50%); } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .choose-ship .fat-shadow-arrow.first { left: calc(50% - 161px); } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .choose-ship .fat-shadow-arrow.last { left: calc(50% + 41px); } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .choose-ship .fat-shadow-arrow .arrow { background: center center no-repeat transparent; width: 112px; height: 120px; display: block; position: absolute; transform: translateZ(0px); backface-visibility: hidden; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .choose-ship .fat-shadow-arrow .arrow.arrow-1 { opacity: 0.1; left: 0px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .choose-ship .fat-shadow-arrow .arrow.arrow-2 { opacity: 0.6; left: 12px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .choose-ship .fat-shadow-arrow .arrow.arrow-3 { opacity: 1; left: 24px; } @media only screen and (max-width: 1140px) { #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser { display: none; } } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters { height: 57px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form * { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(177, 216, 241); text-shadow: rgba(0, 0, 0, 0.75) -2px -1px 1px; position: relative; float: left; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form > * { background: rgba(0, 0, 0, 0.5); } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-choose { position: relative; margin: 0px; display: block; width: 120px; padding: 5px 10px; border-style: solid; border-color: rgba(22, 42, 63, 0.8); border-image: initial; border-width: 0px 1px 1px; overflow: hidden; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-choose::after { content: ""; display: block; position: absolute; top: -8px; right: -5px; width: 48px; height: 48px; background: center center no-repeat transparent; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .search-field { width: 338px; padding: 6px 10px; border-top-width: 0px; border-left-width: 0px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .search-field:focus { box-shadow: none; border-color: rgba(22, 42, 63, 0.8); } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .submit-field { height: 30px; border-style: solid; border-color: rgba(22, 42, 63, 0.8); border-image: initial; border-width: 0px 1px 1px 0px; background-image: ; background-repeat: no-repeat; background-position: center center; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .cancel-search { margin-left: 5px; width: 29px; height: 29px; background: 0px 0px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .cancel-search::before, #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .cancel-search::after { content: ""; position: absolute; width: 32px; height: 32px; background: no-repeat transparent; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .cancel-search::before { background-position: center top; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .cancel-search::after { background-position: center bottom; transition-duration: 0.3s; perspective: 1000px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .cancel-search:hover::after { opacity: 0.6; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .my-ships { left: -5px; position: absolute; top: 33px; margin: 0px; background: 0px 0px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .my-ships * { font-size: 12px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .my-ships .my-ships-label { color: rgb(56, 109, 129); margin: 0px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-list { opacity: 0; overflow: hidden; max-height: 0px; position: absolute; top: 29px; left: -3px; z-index: 18; height: calc(100% - 24px); width: calc(100% + 2px); border: 1px solid rgb(29, 64, 99); background: linear-gradient(rgb(0, 15, 27), rgb(0, 15, 27) 50%, transparent 50%, transparent) 0% 0% / 100% 2px, linear-gradient(to right, rgb(17, 38, 59) 0%, rgba(17, 38, 59, 0) 100%) rgb(0, 0, 0); transition-duration: 0.3s; perspective: 1000px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-list::before { content: ""; position: absolute; top: -5px; left: -1px; width: 140px; height: 0px; border-bottom: 4px solid rgb(66, 237, 248); border-left: 4px solid transparent; border-right: 4px solid transparent; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-list.active { max-height: 308px; overflow: initial; opacity: 1; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-list .inner { height: 288px; margin: 10px 0px; position: relative; width: 100%; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-list .inner::before, #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-list .inner::after { content: ""; display: block; position: absolute; left: 525px; width: 1px; height: 10px; background: rgb(29, 64, 99); } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-list .inner::before { top: -10px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-list .inner::after { bottom: -10px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-list .scrollbar { right: 12px; position: absolute; top: -3px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-list .scrollbar .track { margin: 0px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-list .viewport { width: 525px; border-right: 1px solid rgb(29, 64, 99); } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-list .viewport ul { padding: 0px; margin: 0px; list-style: none; width: 100%; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-list .viewport ul li { float: none; height: 45px; line-height: 45px; padding-left: 45px; border-bottom: 1px solid rgb(29, 64, 99); opacity: 0.5; cursor: pointer; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-list .viewport ul li, #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-list .viewport ul li::before, #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-list .viewport ul li::after { transition-duration: 0.3s; perspective: 1000px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-list .viewport ul li::before, #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-list .viewport ul li::after { content: ""; background: transparent; width: 28px; height: 28px; display: block; position: absolute; left: 8px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-list .viewport ul li::before { background-position: center top; top: calc(50% - 14px); } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-list .viewport ul li::after { background-position: center bottom; top: calc(50% - 13px); } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-list .viewport ul li:hover, #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-list .viewport ul li.active { opacity: 1; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-list .viewport ul li:first-child { border-top: 1px solid rgb(29, 64, 99); } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-list .viewport ul li .ico { width: 30px; height: 30px; background-position: center center; background-repeat: no-repeat; background-size: 100%; position: absolute; right: 15px; top: 8px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .filters form .manufacturer-list .viewport ul li .ico.all { background-image: ; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper { position: relative; height: 275px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .scrollbar { top: -2px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .scrollbar .track { margin: 0px 9px 0px 0px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport { width: 532px; border-top: 1px solid rgb(11, 75, 116); border-bottom: 1px solid rgb(11, 75, 116); } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing { margin: 0px; padding: 0px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship { position: relative; border-style: solid; border-color: rgb(11, 75, 116); border-image: initial; border-width: 1px 1px 0px; background: center center / 98% 39px no-repeat rgba(1, 23, 40, 0.5); padding: 8px 0px 8px 8px; cursor: pointer; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship::before, #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship::after { content: ""; opacity: 0; display: block; position: absolute; top: 10px; transition-duration: 0.4s; perspective: 1000px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; width: 0px; height: 35px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship::before { left: 0px; border-left: 4px solid rgb(66, 237, 248); filter: drop-shadow(rgb(0, 112, 202) 4px 0px 8px); box-shadow: rgba(0, 132, 255, 0.65) -4px 0px 38px 1px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship::after { right: 0px; border-right: 4px solid rgb(66, 237, 248); filter: drop-shadow(rgb(0, 112, 202) -4px 0px 8px); box-shadow: rgba(0, 132, 255, 0.65) -4px 0px 38px 1px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship:hover::before, #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship.active::before, #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship:hover::after, #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship.active::after { opacity: 1; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship:hover img, #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship.active img { box-shadow: rgba(0, 132, 255, 0.65) 0px 0px 6px 0px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship:hover .extra .ico, #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship.active .extra .ico { opacity: 1; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship.not-searched { display: none; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship.disabled { cursor: default; opacity: 0.5; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship.disabled:hover::before, #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship.disabled:hover::after { opacity: 0; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship.disabled:hover img { box-shadow: none; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship.disabled:hover .extra .ico { opacity: 0.5; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship:first-child { border-top-width: 0px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship img { border: 1px solid rgb(6, 108, 147); display: inline-block; width: 104px; height: 45px; object-fit: cover; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship .info { display: inline-block; vertical-align: top; margin-top: 8px; margin-left: 5px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship .info .line { display: block; text-transform: uppercase; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(111, 216, 255); max-width: 285px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship .info .line::before { padding-right: 4px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(136, 163, 173); text-transform: none; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship .info .line.name::before { content: "Ship :"; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship .info .line.manufacturer::before { content: "MSRP :"; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship .extra { position: absolute; right: 0px; top: 0px; height: 100%; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship .extra .ico { width: 45px; height: 45px; background-color: transparent; background-repeat: no-repeat; background-position: center center; display: inline-block; margin-top: 9px; margin-right: 25px; opacity: 0.5; transition-duration: 0.3s; perspective: 1000px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship .extra .price { display: inline-block; vertical-align: top; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 18px; color: rgb(255, 174, 0); text-align: center; margin: 20px 55px 0px 10px; position: relative; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship .extra .price .super { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 10px; color: rgb(255, 174, 0); text-shadow: rgba(0, 0, 0, 0.2) 2px 2px 2px; position: relative; margin-left: 2px; text-align: left; display: inline-block; top: -7px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship .extra .price .super .currency { text-transform: uppercase; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 10px; color: rgb(210, 210, 210); text-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px; position: absolute; display: inline-block; top: 10px; left: 2px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship .extra .taxes { right: 18px; top: 7px; z-index: auto; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .ship-chooser .ship-listing-wrapper .viewport .ships-listing .ship .extra .taxes .taxes-details { z-index: 12; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .selected-ship { position: relative; } @media only screen and (max-width: 1140px) { #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .selected-ship { display: none; } } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .selected-ship svg { top: 0px; position: absolute; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .selected-ship .info { top: 185px; left: 60px; position: absolute; width: 85%; cursor: pointer; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .selected-ship .info::before, #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .selected-ship .info::after { content: ""; display: block; position: absolute; border-radius: 50%; box-shadow: rgba(0, 112, 202, 0.6) 0px 0px 6px 1px, rgba(0, 112, 202, 0.79) 9px 0px 54px 2px; opacity: 0.8; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .selected-ship .info::before { width: 8px; height: 8px; display: block; background-color: rgb(0, 228, 255); top: -17px; left: -17px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .selected-ship .info::after { width: 16px; height: 16px; display: block; border: 1px solid rgb(0, 228, 255); top: -22px; left: -22px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .selected-ship .info > * { margin: 0px; padding: 0px; text-transform: uppercase; text-shadow: rgb(4, 24, 36) 0px 0px 4px; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .selected-ship .info .name { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 18px; color: rgb(193, 238, 254); } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .selected-ship .info .name::before { content: ""; height: 1px; width: 100%; position: absolute; top: -14px; left: -4px; background: linear-gradient(to right, rgb(66, 236, 248) 0%, rgba(0, 111, 202, 0.34) 69%, rgba(0, 111, 202, 0.05) 100%); } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .selected-ship .info .manufacturer { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(111, 216, 255); } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .selected-ship .info .price { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(0, 231, 255); display: block; } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .mobile-ship-view { display: none; text-align: center; } @media only screen and (max-width: 1140px) { #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .mobile-ship-view { display: block; } } #store.ship-upgrade #store-wrapper #ship-upgrader .upgrader .inner-upgrader .mobile-ship-view select { width: 300px; height: 25px; padding: 4px 10px; background: 260px 0px repeat scroll, -11px no-repeat; border: 1px solid rgb(31, 91, 132); border-radius: 0px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(67, 237, 248); text-transform: uppercase; text-shadow: rgb(67, 237, 248) 0px 0px 12px; outline: 0px; appearance: none; margin-top: 25px; } #store.ship-upgrade #store-wrapper #ship-upgrader .error { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(187, 0, 0); display: none; margin-top: 35px; } #store.ship-upgrade #store-wrapper #ship-upgrader .result-loader { max-height: 0px; transition-duration: 0.3s; perspective: 1000px; overflow: hidden; margin-top: 75px; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result { margin-top: 30px; max-height: 0px; transition-duration: 0.3s; perspective: 1000px; overflow: hidden; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result.active { max-height: 500px; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result.warning .inner { background-image: ; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result.warning .inner .title strong { color: red; font-family: Electrolize; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .inner { background: right center no-repeat transparent; height: 250px; padding: 20px 0px 0px 75px; box-sizing: border-box; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .inner .title { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 20px; color: rgb(177, 216, 241); } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .inner .explain { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 16px; color: rgb(133, 159, 168); max-width: 770px; margin-top: 8px; margin-bottom: 8px; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .inner .explain a { color: rgb(255, 255, 255); text-decoration: underline; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .inner .explain.info { margin-top: 0px; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .inner .price { text-shadow: rgb(0, 0, 0) 2px 2px 0px; vertical-align: top; position: relative; display: inline-block; margin-top: 0px; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .inner .price .final-price { display: block; color: rgb(255, 174, 0); font-size: 26px; font-weight: 400; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .inner .price .original-price, #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .inner .price .discount { display: inline-block; vertical-align: middle; line-height: 1em; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .inner .price .original-price { text-decoration: none; position: relative; color: rgb(110, 174, 193); font-size: 18px; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .inner .price .original-price .super .currency { color: inherit; font-size: 11px; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .inner .price .original-price::after { content: ""; position: absolute; top: 50%; border-top: 1px solid; left: 0px; right: 0px; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .inner .price .discount { color: rgb(77, 255, 42); font-size: 14px; margin-left: 1em; text-transform: uppercase; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .inner .price .discount strong { margin-left: 0.3em; font-weight: 400; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .inner .price .discount .super { font-size: 9px; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .inner .price .discount .super .currency { color: inherit; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .inner .price .super { font-size: 14px; vertical-align: text-top; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .inner .price .super .currency { color: rgb(210, 210, 210); } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .inner .price .final-price { display: inline-block; vertical-align: middle; margin-right: 1em; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .inner .price * { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .inner .add-to-cart { margin-top: -15px; margin-left: -28px; display: inline-block; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .inner .more-details { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 16px; color: rgb(255, 255, 255); display: inline-block; vertical-align: top; padding-top: 25px; padding-left: 25px; text-decoration: underline; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing { padding: 20px 30px 0px; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing .title { padding-left: 30px; padding-bottom: 4px; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing .title .first, #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing .title .second { text-transform: uppercase; font-weight: 500; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing .title .first { font-family: Orbitron, sans-serif, Arial, Verdana; font-size: 15px; color: rgb(10, 86, 136); } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing .title .first::after { content: "/"; padding-left: 5px; padding-right: 6px; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing .title .second { font-family: Orbitron, sans-serif, Arial, Verdana; font-size: 15px; color: rgb(0, 231, 255); } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing table { width: 100%; background-color: rgba(10, 86, 136, 0.1); } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing table thead tr td { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 16px; color: rgb(59, 98, 123); line-height: 45px; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing table thead tr td.name { background: linear-gradient(to right, rgba(10, 86, 136, 0.25) 0%, rgba(10, 86, 136, 0) 73%, rgba(10, 86, 136, 0.2) 100%); } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing table thead tr td.type { background-color: rgba(10, 86, 136, 0.15); } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing table tbody tr:last-child { border-bottom: 1px solid rgb(10, 86, 136); } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing table tbody tr:nth-child(2n+1) .name { background: linear-gradient(to right, rgba(10, 86, 136, 0.12) 0%, rgba(10, 86, 136, 0) 63%, rgba(10, 86, 136, 0.1) 100%); } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing table tbody tr:nth-child(2n+1) .number { background-color: rgba(10, 86, 136, 0.1); } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing table tbody tr:nth-child(2n) .name { background: linear-gradient(to right, rgba(10, 86, 136, 0.25) 0%, rgba(10, 86, 136, 0) 73%, rgba(10, 86, 136, 0.2) 100%); } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing table tbody tr:nth-child(2n) .type { background-color: rgba(10, 86, 136, 0.18); } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing table tbody tr td { text-transform: uppercase; height: 65px; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing table tbody tr td.name { padding-left: 15px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 18px; color: rgb(111, 216, 255); } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing table tbody tr td.name img { border: 1px solid rgb(6, 108, 147); margin-right: 20px; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing table tbody tr td.type { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 16px; color: rgb(111, 216, 255); } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing table tbody tr td.number { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 16px; color: rgb(111, 216, 255); } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing table tbody tr td.number .legend { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 16px; color: rgb(124, 151, 162); } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing table tr { border-style: solid; border-color: rgb(10, 86, 136); border-image: initial; border-width: 1px 1px 0px; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing table tr td { padding-left: 30px; text-shadow: rgba(0, 132, 255, 0.5) 0px 0px 8px; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing table tr td:not(:last-child) { border-right: 1px solid rgb(10, 86, 136); } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing table tr td.name { width: 60%; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing table tr td.type { width: 20%; } #store.ship-upgrade #store-wrapper #ship-upgrader #info-result .plegde-listing table tr td.number { width: 20%; } #store.ship-upgrade #rsi-website-footer { padding-top: 110px; margin-top: -750px; } @media only screen and (max-width: 760px) { #store.ship-upgrade #rsi-website-footer { margin-top: -235px; } } #store.ship-upgrade #rsi-website-footer .exterior-lines { top: 111px; } .sku-detail.buy-back #store-wrapper .content-block4 .viewall { display: none; } @media (max-width: 945px) { .sku-detail.buy-back#store .wcontent { width: auto; padding: 0px 15px; } .sku-detail.buy-back#store.sku-detail .lcol { width: auto; } .sku-detail.buy-back#store .buy-back-description p { width: auto; } .sku-detail.buy-back#store.sku-detail .rcol .package-listing { width: auto; } } .sku-detail.buy-back .rcol .package-listing ul li a { display: none; } .sku-detail.buy-back figure { position: relative; width: 248px; height: 148px; border: 1px solid rgb(2, 255, 255); } .sku-detail.buy-back figure img { max-width: 100%; } .sku-detail.buy-back figure::before { content: ""; width: 236px; height: 148px; position: absolute; left: 6px; top: -1px; border-style: solid; border-color: rgb(1, 78, 109); border-image: initial; border-width: 1px 0px; } .sku-detail.buy-back figure::after { content: ""; width: 248px; height: 136px; position: absolute; left: -1px; top: 6px; border-style: solid; border-color: rgb(1, 78, 109); border-image: initial; border-width: 0px 1px; } .sku-detail.buy-back .buy-back-title { width: 776px; margin: 0px auto 15px; font: 20px / 1 Electrolize, sans-serif; color: rgb(0, 231, 255); text-transform: uppercase; } .sku-detail.buy-back .buy-back-description { margin-bottom: 25px; } .sku-detail.buy-back .buy-back-description p { width: 776px; margin: 0px auto; font-size: 14px; color: rgb(208, 221, 226); } .sku-detail.buy-back .lcol .buy-back-warning { padding: 15px 15px 15px 55px; margin: 15px 0px 0px -50px; border: 1px solid currentcolor; font: italic 14px / 1.25 Electrolize, sans-serif; background: linear-gradient(rgba(106, 97, 56, 0.28) 0%, rgba(106, 97, 56, 0.28) 50%, rgba(106, 97, 56, 0) 51%, rgba(106, 97, 56, 0) 100%) 0% 0% / 2px 2px rgba(181, 170, 127, 0.1); position: relative; color: rgb(250, 171, 1) !important; } .sku-detail.buy-back .lcol .buy-back-warning::before { content: ""; display: block; width: calc(100% - 16px); height: 100%; border-style: solid; border-color: rgb(102, 73, 7); border-image: initial; border-width: 1px 0px; position: absolute; top: -1px; left: 8px; } .sku-detail.buy-back .lcol .buy-back-warning::after { content: ""; display: block; width: 100%; height: calc(100% - 16px); border-style: solid; border-color: rgb(102, 73, 7); border-image: initial; border-width: 0px 1px; position: absolute; top: 8px; left: -1px; } .sku-detail.buy-back .lcol .buy-back-warning .warn-icon { display: block; width: 34px; height: 31px; position: absolute; left: 12px; top: 12px; background: 0px 0px no-repeat; } .sku-detail.buy-back .lcol .buy-back-warning strong { color: rgb(221, 221, 221); } #store.cart #bodyWrapper { overflow-x: initial; } #store.cart .page-wrapper { border: none; position: relative; z-index: 14; } #store.cart #contentbody { padding: 0px; background: rgb(34, 40, 44); border: none; } #store.cart #root { min-height: 50vh; margin-top: -7px; } #store.cart .c-brand-menu--store { border-bottom: none; background: 0px 0px; } #store.cart .c-brand-menu--store .c-brand-menu__item-desc { display: inline-block; } @media (max-width: 1023px) { #store.cart #contentbody { margin-top: 50px; } } #electronic-access { min-width: 0px; } #electronic-access #contentbody { padding: 0px; } .electronic-access { background: center top / cover no-repeat; box-sizing: border-box; padding: 30vh 0px 0px; min-height: 70vh; } .electronic-access *, .electronic-access ::before, .electronic-access ::after { box-sizing: inherit; } .electronic-access__wrapper { position: relative; padding: 0px; display: flex; justify-content: flex-end; max-width: 1200px; } .electronic-access__wrapper::after { content: ""; display: block; position: absolute; top: 26px; bottom: 40px; background: rgb(9, 50, 76); width: 200%; right: -190%; height: calc(100% - 52px); z-index: 0; } .electronic-access__box { max-width: 800px; width: 100%; font-family: Electrolize, sans-serif; font-size: 26px; line-height: 1.7em; background: rgb(9, 50, 76); color: rgb(255, 255, 255); padding: 40px 0px 40px 80px; z-index: 1; } .electronic-access__box strong { font-family: Electrolize, sans-serif; font-size: 30px; font-weight: 400; } @media only screen and (max-width: 1024px) { #electronic-access #contentbody { padding: 0px; } .electronic-access__wrapper { padding: 0px 20px; justify-content: center; } .electronic-access__wrapper::after { display: none; } .electronic-access__box { text-align: center; padding: 40px; } } @media only screen and (max-width: 760px) { .electronic-access__box { padding: 20px; font-size: 18px; } .electronic-access__box strong { font-size: 20px; } } #voyager-direct { min-width: 0px; } #voyager-direct #contentbody { padding: 0px; } .voyager-direct { background: center center / cover no-repeat; box-sizing: border-box; padding: 146px 0px 0px; min-height: 70vh; } .voyager-direct *, .voyager-direct ::before, .voyager-direct ::after { box-sizing: inherit; } .voyager-direct__wrapper { position: relative; padding: 0px; display: flex; justify-content: flex-end; max-width: 1200px; } .voyager-direct__wrapper::after { content: ""; display: block; position: absolute; top: 24px; bottom: 40px; background: rgb(9, 50, 76); width: 200%; right: -190%; height: calc(100% - 48px); z-index: 0; } .voyager-direct__box { max-width: 800px; width: 100%; font-family: Electrolize, sans-serif; font-size: 26px; line-height: 1.7em; background: rgb(9, 50, 76); color: rgb(255, 255, 255); padding: 40px 0px 40px 80px; z-index: 1; } .voyager-direct__box strong { font-family: Electrolize, sans-serif; font-size: 30px; font-weight: 400; } @media only screen and (max-width: 1024px) { .voyager-direct { padding: 70px 0px 0px; } .voyager-direct__wrapper { padding: 0px 20px; justify-content: center; } .voyager-direct__wrapper::after { display: none; } .voyager-direct__box { text-align: center; padding: 40px; } } @media only screen and (max-width: 760px) { .voyager-direct__box { padding: 20px; font-size: 18px; } .voyager-direct__box strong { font-size: 20px; } } #store.rental .page-wrapper { background-image: ; border-top-color: rgba(28, 109, 101, 0.25); } #store.rental #contentbody { border-top-color: rgba(28, 109, 101, 0.25); } #store.rental .holosmallbtn .holosmallbtn-top, #store.rental .holosmallbtn .holosmallbtn-bottom { background-image: ; color: rgb(218, 247, 235); } #store.rental #store-carousel { background: rgba(16, 53, 54, 0.35); } #store.rental #store-carousel .slide .item::after { background: rgba(3, 16, 16, 0.85); } #store.rental #store-carousel .slide .item .info .inner { background: rgba(3, 15, 15, 0.75); } #store.rental #store-carousel .slide .item .info .title { color: rgb(182, 227, 209); } #store.rental #store-carousel .slide .item .info .title span { color: rgb(42, 136, 123); } #store.rental #store-carousel .slide .item .info .text { color: rgb(42, 136, 123); } #store.rental #store-carousel .slide .item .info .price { background: rgba(3, 15, 15, 0.75); } #store.rental #store-carousel .slide .item .info .price .final-price, #store.rental #store-carousel .slide .item .info .price .super .currency { color: rgb(233, 248, 232); text-shadow: rgba(6, 224, 192, 0.33) 0px 0px 2px; } #store.rental #store-carousel .slide .item .info .more { color: rgb(182, 227, 209); } #store.rental #store-carousel .slide .item .info .more::after { background: rgb(34, 141, 134); } #store.rental #store-carousel .slide .item .info .viewmore { color: rgb(182, 227, 209); } #store.rental #store-carousel .slide .item .info .viewmore .arrow { background: center center no-repeat; } #store.rental #store-carousel .arrows .prev { background-image: ; } #store.rental #store-carousel .arrows .next { background-image: ; } #store.rental #store-wrapper .intro-text { color: rgb(64, 114, 93); } #store.rental #store-wrapper .content-block4 { border-top-color: rgb(34, 141, 134); } #store.rental #store-wrapper .content-block4 .content { background: rgba(6, 18, 20, 0.75); } #store.rental #store-wrapper .content-block4 .content .top { background-color: rgb(34, 141, 134); } #store.rental #store-wrapper .content-block4 h1 { color: rgb(233, 248, 232); background: 0px -3px no-repeat; } @media only screen and (max-width: 768px) { #store.rental #store-wrapper .content-block4 h1 { background-position: 0px -13px; } } #store.rental #store-wrapper .content-block4 .viewall { color: rgba(42, 136, 101, 0.5); } #store.rental #store-wrapper .content-block4 .viewall .arrow { background: center center no-repeat; } #store.rental #store-wrapper .products-row { background: rgba(6, 18, 20, 0.75); border-bottom-color: rgb(34, 141, 134); } #store.rental #store-wrapper .sort-filter-wrap { background: rgba(6, 18, 20, 0.75); border-color: rgb(34, 141, 134); } #store.rental #store-wrapper .sort-filter-wrap .sort-filters fieldset input[type="text"] { border-color: rgb(34, 141, 134); } #store.rental #store-wrapper .sort-filter-wrap .sort-filters fieldset.sort a.sort { border-left-color: rgb(34, 141, 134); } #store.rental #store-wrapper .sort-filter-wrap .sort-filters fieldset.sort a.sort, #store.rental #store-wrapper .sort-filter-wrap .sort-filters fieldset.sort label { color: rgb(233, 248, 232); } @media only screen and (max-width: 768px) { #store.rental #store-wrapper .sort-filter-wrap .sort-filters fieldset.lfilters, #store.rental #store-wrapper .sort-filter-wrap .sort-filters fieldset.sort { border-bottom-color: rgb(34, 141, 134); } } #store.rental #store-wrapper #search-results .inner { background: rgba(6, 18, 20, 0.75); } #store.rental .selectlist { border-color: rgb(34, 141, 134); } @media only screen and (max-width: 990px) { #store.rental .selectlist { border: 1px solid rgb(34, 141, 134); } } #store.rental .selectlist * { color: rgb(255, 255, 255); } #store.rental .selectlist > .arrow { background-image: ; } #store.rental .selectlist > span { border-right: 1px solid rgb(34, 141, 134); } #store.rental .selectlist ul li.hover, #store.rental .selectlist ul li.hover.selected { background-color: rgb(29, 223, 240); color: rgb(0, 0, 0); } #store.rental .selectlist .body { border-color: rgb(34, 141, 134); } #store.rental .corner { background-image: ; } #store.rental.sku-detail h4 { color: rgb(182, 227, 209); } #store.rental.sku-detail .lcol p { color: rgb(182, 227, 209); } #store.rental.sku-detail .lcol .price .final-price { color: rgb(233, 248, 232); } #store.rental.sku-detail .lcol .price .super .currency { color: rgb(182, 227, 209); } #store.rental.sku-detail .rcol .no-carousel { border: 1px solid rgb(218, 247, 235); } #store.rental.sku-detail .rcol .carousel-sku .viewport .slide img { border-color: rgb(218, 247, 235); } #store.rental.sku-detail .rcol .carousel-holder { background: center top no-repeat; border: none; } #store.rental.sku-detail .rcol .carousel .pager { background: center bottom; height: 24px; margin: 0px auto; position: relative; text-align: center; width: 200px; } #store.rental.sku-detail .rcol .carousel .pager .left, #store.rental.sku-detail .rcol .carousel .pager .right { display: none; } #store.rental.sku-detail .rcol .carousel .pager .left span, #store.rental.sku-detail .rcol .carousel .pager .right span { background: ; } #store.rental.sku-detail .rcol .carousel .pager .right span { background-position: right center; } #store.rental.sku-detail .rcol .carousel .pager .radio-pager.small { background: center center no-repeat; } #store.rental.sku-detail .rcol .carousel .pager .radio-pager.small.on { background: center center no-repeat, center center no-repeat; } #store.rental.sku-detail .rcol .weapons-stats-block { background: rgba(6, 18, 20, 0.75); border: 1px solid rgb(34, 141, 134); height: 87px; margin: 0px auto; padding: 8px 0px 0px 80px; position: relative; width: 694px; } #store.rental.sku-detail .rcol .weapons-stats-block * { font-family: Electrolize; } #store.rental.sku-detail .rcol .weapons-stats-block .info { color: rgb(51, 92, 75); float: left; font-size: 12px; height: 26px; line-height: 26px; width: 300px; } #store.rental.sku-detail .rcol .weapons-stats-block .info span { color: rgb(182, 227, 209); font-size: 14px; text-transform: uppercase; } #store.rental.sku-detail .rcol .weapons-stats-block .info span.rate { width: 24px; height: 5px; margin-left: 6px; display: inline-block; background: rgba(6, 18, 20, 0.75); } #store.rental.sku-detail .rcol .weapons-stats-block .info span.rate.on { background: rgb(29, 223, 240); box-shadow: rgb(255, 255, 255) 0px 0px 15px 0px; } #store.rental.sku-detail .rcol .package-listing.item ul { background: rgba(6, 18, 20, 0.75); border-color: rgb(34, 141, 134); } #store.rental.sku-detail .rcol .package-listing.item ul li { background: left center no-repeat; color: rgb(182, 227, 209); } #store.rental.sku-detail .rcol .wrapper .content-block1 .content p { color: rgb(182, 227, 209); } #store.rental .modals.sku_detail_zoom .modal-inner .close { background: no-repeat; } #store.rental .modals.sku_detail_zoom .modal-inner #sku-detail-zoom { border: 1px solid rgb(34, 141, 134); box-shadow: rgba(174, 229, 244, 0.5) 0px 0px 10px 0px; } #store.rental .modals.sku_detail_zoom .modal-inner #sku-detail-zoom .download_source { background: center center; } #store.rental .modals.sku_detail_zoom .modal-inner #sku-detail-zoom .download_source a .text { color: rgb(182, 227, 209); } #store.rental .modals.sku_detail_zoom .modal-inner #sku-detail-zoom .download_source a .icon { background: center bottom no-repeat; } #store.rental .modals.sku_detail_zoom .modal-inner #sku-detail-zoom .download_source a .icon span { background: center top no-repeat; } #store.rental .modals.sku_detail_zoom .modal-inner #sku-detail-zoom .to-zoom, #store.rental .modals.sku_detail_zoom .modal-inner #sku-detail-zoom #target-zoom { border: 1px solid rgb(34, 141, 134); } #store.rental #cart h1.page-title { background: rgba(6, 18, 20, 0.75); border-top: 1px solid rgb(34, 141, 134); border-bottom: 1px solid rgb(34, 141, 134); color: rgb(218, 247, 235); text-shadow: rgb(34, 141, 134) 0px 0px 20px; } #store.rental #cart h1.page-title a { color: rgb(218, 247, 235); } #store.rental #cart h1.page-title .icon { background: 0px -10px no-repeat; } #store.rental #cart h1.page-title .top-line { background-color: rgb(34, 141, 134); } #store.rental #cart h1.page-title .bottom-line { background-color: rgb(34, 141, 134); } #store.rental #cart h1.page-title .inner-line { background-color: rgb(34, 141, 134); } #store.rental #cart .content-block1 { border-color: rgb(34, 141, 134); } #store.rental #cart .content-block1 .top-line-thin, #store.rental #cart .content-block1 .top-line { background: rgb(34, 141, 134); } #store.rental #cart .content-wrapper { background: rgba(6, 18, 20, 0.75); } #store.rental #cart .content .row .line, #store.rental #cart .content .separator { background: none 0% 0% repeat scroll rgb(34, 141, 134); box-shadow: rgba(218, 247, 235, 0.6) 0px 0px 40px; } #store.rental #cart .content .section .right, #store.rental #cart .content .cart-header h2 { color: rgb(218, 247, 235); } #store.rental #cart .content .cart-header { border-bottom-color: rgb(34, 141, 134); } #store.rental #cart .content .list-items .row { background: rgb(12, 24, 27); border-top-color: rgb(34, 141, 134); border-right-color: rgb(34, 141, 134); border-bottom-color: rgb(34, 141, 134); } #store.rental #cart .content .list-items .item-col h3 a { color: rgb(218, 247, 235); } #store.rental #cart.address .inner-content .address-content { background: rgba(6, 18, 20, 0.75); border-top-color: rgb(34, 141, 134); border-bottom-color: rgb(34, 141, 134); } #store.rental #cart.address .inner-content .address-content .line { background: none 0% 0% repeat scroll rgb(34, 141, 134); box-shadow: rgba(218, 247, 235, 0.6) 0px 0px 40px; } #store.rental #cart.address .inner-content .address-content h2 { border-bottom-color: rgb(34, 141, 134); } #store.rental #cart.address .inner-content .address-content input[type="text"], #store.rental #cart.address .inner-content .address-content input[type="password"], #store.rental #cart.address .inner-content .address-content input[type="email"] { background-color: rgb(12, 24, 27); border: 1px solid rgb(34, 141, 134); color: rgb(218, 247, 235); } #store.rental #cart.address .inner-content .address-content .notice { color: rgba(218, 247, 235, 0.5); } #store.rental #cart.address .inner-content .address-content .notice span { color: rgb(218, 247, 235); } #store.rental #cart.address .inner-content .top > h2.title { color: rgb(218, 247, 235); } #store.rental #cart.address .inner-content label { color: rgb(218, 247, 235); } #store.rental #cart.pay .inner-content .pay-content { background: rgba(6, 18, 20, 0.75); border-top-color: rgb(34, 141, 134); border-bottom-color: rgb(34, 141, 134); } #store.rental #cart.pay .inner-content .pay-content .line { background: none 0% 0% repeat scroll rgb(34, 141, 134); box-shadow: rgba(218, 247, 235, 0.6) 0px 0px 40px; } #store.rental #cart.pay .inner-content .pay-content table { color: rgb(218, 247, 235); } #store.rental #cart.pay .inner-content .pay-content table a { color: inherit; } #store.rental #cart.pay .inner-content .pay-content table.billing-summary th { border-bottom-color: rgb(34, 141, 134); } #store.rental #cart.pay .inner-content .payment-wrapper { border-top-color: rgb(34, 141, 134); } #store.rental #cart.pay .inner-content .payment-wrapper .address p { color: rgba(218, 247, 235, 0.5); } #store.rental #cart.pay .inner-content .payment-wrapper .address p strong { color: rgb(218, 247, 235); } #store.rental #cart.pay .inner-content .payment-wrapper .right-section .s-row { border-bottom-color: rgb(34, 141, 134); color: rgb(218, 247, 235); } #store.rental #cart.pay .inner-content label { color: rgba(218, 247, 235, 0.5); } #store.rental #cart.pay .inner-content label a { color: rgba(218, 247, 235, 0.5); } #store.rental #cart.pay .inner-content label a:hover { color: rgb(255, 255, 255); } #store.rental #cart.confirmation .inner-content .top > h2.title { color: rgb(218, 247, 235); } #store.rental #cart #rec-payment-page .wrapper { background: rgba(6, 18, 20, 0.75); border-color: rgb(34, 141, 134); } #store.rental #cart #rec-payment-page .wrapper .modal-inner .explanation-message { background-color: rgb(12, 24, 27); border: 1px solid rgb(34, 141, 134); color: rgba(218, 247, 235, 0.5); } #store.rental #cart #rec-payment-page .wrapper .modal-inner .explanation-message strong { color: rgb(218, 247, 235); } .cart-promotion { margin-bottom: 35px; } .cart-promotion .cart-promotion-recommend-label { margin-bottom: 35px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 20px; color: rgb(115, 177, 203); text-shadow: rgb(0, 153, 255) 0px 0px 20px; } .cart-promotion .cart-promotion-blocks { border: 1px solid rgb(0, 69, 112); position: relative; } .cart-promotion .logo { position: absolute; top: -25px; } @media only screen and (max-width: 1024px) { .cart-promotion .logo { left: 200px; top: -256px; } } @media only screen and (max-width: 768px) { .cart-promotion .logo { left: 100px; } } .cart-promotion .logo img { height: 116px; position: relative; left: -50%; } .cart-promotion .cart-promotion-block1 { float: left; width: 621px; height: 227px; background-size: cover; position: relative; overflow: hidden; } @media only screen and (max-width: 1280px) { .cart-promotion .cart-promotion-block1 { width: 60%; } } @media only screen and (max-width: 1024px) { .cart-promotion .cart-promotion-block1 { width: 100%; } } .cart-promotion .cart-promotion-block1 .cart-promotion-item { width: 250px; position: absolute; left: 40px; bottom: 20px; } @media only screen and (max-width: 1140px) { .cart-promotion .cart-promotion-block1 .cart-promotion-item { width: 200px; } } @media only screen and (max-width: 1024px) { .cart-promotion .cart-promotion-block1 .cart-promotion-item { width: 41%; } } .cart-promotion .cart-promotion-block1 .cart-promotion-item .item-title { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 22px; color: rgb(255, 255, 255); } .cart-promotion .cart-promotion-block1 .cart-promotion-item .item-description { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(177, 216, 241); margin: 5px 0px; } .cart-promotion .cart-promotion-block1 .cart-promotion-item a { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 11px; color: rgb(19, 220, 240); text-decoration: underline; } .cart-promotion .cart-promotion-block1 .overlay-more-info { background-color: rgba(0, 31, 51, 0.9); max-width: 440px; padding: 30px 25px; position: absolute; bottom: -400px; left: 17px; border: 1px solid rgb(19, 61, 85); transition-duration: 0.3s; perspective: 1000px; opacity: 0; z-index: 2; } @media only screen and (max-width: 658px) { .cart-promotion .cart-promotion-block1 .overlay-more-info { width: calc(100% - 50px); height: calc(100% - 60px); left: 0px; } } .cart-promotion .cart-promotion-block1 .overlay-more-info ul { padding: 0px; margin: 0px 0px 10px; } .cart-promotion .cart-promotion-block1 .overlay-more-info ul li { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(44, 121, 159); list-style: inside; } .cart-promotion .cart-promotion-block1 .overlay-more-info p { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(44, 121, 159); } .cart-promotion .cart-promotion-block1 .overlay-more-info a { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 11px; color: rgb(19, 220, 240); text-decoration: underline; } .cart-promotion .cart-promotion-block1 .overlay-more-info.show { bottom: 17px; opacity: 1; } @media only screen and (max-width: 658px) { .cart-promotion .cart-promotion-block1 .overlay-more-info.show { bottom: 0px; } } .cart-promotion .cart-promotion-block2 { float: right; width: 417px; height: 227px; background-size: cover; position: relative; } @media only screen and (max-width: 1280px) { .cart-promotion .cart-promotion-block2 { width: 40%; } } @media only screen and (max-width: 1024px) { .cart-promotion .cart-promotion-block2 { width: 100%; } } .cart-promotion .cart-promotion-block2 .cart-promotion-item { width: 250px; position: absolute; right: 40px; top: 40px; } @media only screen and (max-width: 1024px) { .cart-promotion .cart-promotion-block2 .cart-promotion-item { position: relative; top: 0px; right: initial; width: 100%; height: 100%; } } .cart-promotion .cart-promotion-block2 .cart-promotion-item .item-description { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(177, 216, 241); } @media only screen and (max-width: 1024px) { .cart-promotion .cart-promotion-block2 .cart-promotion-item .item-description { margin: 20px 0px 0px 20px; width: 40%; } } .cart-promotion .cart-promotion-block2 .cart-promotion-item .price-wrapper { margin-top: 20px; text-shadow: rgb(0, 0, 0) 2px 2px 0px; display: inline-block; vertical-align: top; position: relative; } .cart-promotion .cart-promotion-block2 .cart-promotion-item .price-wrapper .final-price { display: block; color: rgb(255, 174, 0); font-size: 26px; font-weight: 400; } .cart-promotion .cart-promotion-block2 .cart-promotion-item .price-wrapper .original-price, .cart-promotion .cart-promotion-block2 .cart-promotion-item .price-wrapper .discount { display: inline-block; vertical-align: middle; line-height: 1em; } .cart-promotion .cart-promotion-block2 .cart-promotion-item .price-wrapper .original-price { text-decoration: none; position: relative; color: rgb(110, 174, 193); font-size: 18px; } .cart-promotion .cart-promotion-block2 .cart-promotion-item .price-wrapper .original-price .super .currency { color: inherit; font-size: 11px; } .cart-promotion .cart-promotion-block2 .cart-promotion-item .price-wrapper .original-price::after { content: ""; position: absolute; top: 50%; border-top: 1px solid; left: 0px; right: 0px; } .cart-promotion .cart-promotion-block2 .cart-promotion-item .price-wrapper .discount { color: rgb(77, 255, 42); font-size: 14px; margin-left: 1em; text-transform: uppercase; } .cart-promotion .cart-promotion-block2 .cart-promotion-item .price-wrapper .discount strong { margin-left: 0.3em; font-weight: 400; } .cart-promotion .cart-promotion-block2 .cart-promotion-item .price-wrapper .discount .super { font-size: 9px; } .cart-promotion .cart-promotion-block2 .cart-promotion-item .price-wrapper .discount .super .currency { color: inherit; } .cart-promotion .cart-promotion-block2 .cart-promotion-item .price-wrapper .super { font-size: 14px; vertical-align: text-top; } .cart-promotion .cart-promotion-block2 .cart-promotion-item .price-wrapper .super .currency { color: rgb(210, 210, 210); } @media only screen and (max-width: 1024px) { .cart-promotion .cart-promotion-block2 .cart-promotion-item .price-wrapper { position: absolute; right: 40px; top: 0px; } } .cart-promotion .cart-promotion-block2 .cart-promotion-item .price-wrapper .label { font-size: 14px; color: rgb(255, 255, 255); font-family: Orbitron; display: inline-block; font-weight: 700; text-transform: uppercase; } @media only screen and (max-width: 1024px) { .cart-promotion .cart-promotion-block2 .cart-promotion-item .price-wrapper .label { display: block; text-align: right; } } .cart-promotion .cart-promotion-block2 .cart-promotion-item .price-wrapper .price { padding: 0px 0px 20px; } .cart-promotion .cart-promotion-block2 .cart-promotion-item .price-wrapper .taxes { top: 14px; } @media only screen and (max-width: 1024px) { .cart-promotion .cart-promotion-block2 .cart-promotion-item .add-promotion { position: absolute; bottom: 40px; left: 101px; } } .cart-promotion .cart-promotion-block2 .cart-promotion-item .add-promotion .holobtn-top { color: rgb(221, 247, 192); font-size: 12px; } .cart-promotion .cart-promotion-block2::before { content: ""; display: block; width: 100%; height: 100%; background: 0% 0% / cover; position: absolute; left: 0px; top: 0px; } @media only screen and (max-width: 1024px) { .cart-promotion .cart-promotion-block2::before { background-size: initial; background-repeat: repeat; } } .cart-promotion.squadron-42 .cart-promotion-block1 .cart-promotion-item { left: initial; bottom: initial; right: 40px; top: 40px; } .cart-promotion.squadron-42 .cart-promotion-block2 .cart-promotion-item .add-promotion { margin-left: -45px; } .cart-promotion.squadron-42 .cart-promotion-block2 .cart-promotion-item .add-promotion .abs-overlay { width: 346px; height: 55px; background: -9px -38px no-repeat transparent; } .cart-promotion.squadron-42 .cart-promotion-block2 .cart-promotion-item .add-promotion .abs-overlay.holobtn-top { padding-top: 14px; } .cart-promotion.squadron-42 .cart-promotion-block2 .cart-promotion-item .add-promotion .abs-overlay.holobtn-bottom { background-position: -9px -138px; } .merchandise-header { margin-bottom: 65px; } .merchandise-header h1 { font: bold 28px / 1.25 Orbitron, sans-serif; color: rgb(177, 216, 241); text-shadow: rgba(0, 108, 255, 0.45) -4px -4px 8px, rgba(0, 108, 255, 0.45) 4px 4px 8px; text-transform: uppercase; text-align: center; position: relative; width: 122.8%; height: 90px; margin: 0px 0px 0px -11.4%; padding-top: 35px; } .merchandise-header h1 .header-text { display: inline-block; font-family: inherit; } @media only screen and (max-width: 945px) { .merchandise-header h1 .header-text { width: 70%; } } .merchandise-header h1::before { content: ""; display: block; width: 50%; height: 100%; position: absolute; top: 0px; left: 0px; background: -70px top / 788px no-repeat; z-index: -1; } .merchandise-header h1::after { content: ""; display: block; width: 50%; height: 100%; position: absolute; top: 0px; right: 0px; background: -70px top / 788px no-repeat; transform: rotateY(180deg); z-index: -1; } .merchandise-header h1.flipped { margin-top: -20px; transform: scaleY(-1); } .merchandise-header h1.flipped::before, .merchandise-header h1.flipped::after { background-image: ; } @media only screen and (max-width: 1150px) { .merchandise-header h1::before { background-position: 90% top; } .merchandise-header h1::after { background-position: 90% top; } } @media only screen and (max-width: 950px) { .merchandise-header h1::before { background-position: 50% top; } .merchandise-header h1::after { background-position: 50% top; } } .merchandise-header .featured-video .placeholder { width: 783px; height: 439px; border: 1px solid rgb(6, 108, 147); margin: 0px auto 30px; position: relative; cursor: pointer; overflow: hidden; } .merchandise-header .featured-video .placeholder::before { content: ""; display: block; width: 114px; height: 104px; position: absolute; top: 50%; left: 50%; margin: -52px 0px 0px -57px; background: 0px 0px no-repeat; transition: filter 0.2s ease-out 0s, opacity 0.25s linear 0s; } .merchandise-header .featured-video .placeholder > img { display: block; width: 100%; cursor: pointer; } .merchandise-header .featured-video .placeholder.playing::before { filter: blur(8px); opacity: 0; } @media only screen and (max-width: 945px) { .merchandise-header .featured-video .placeholder { width: 100%; height: auto; } } .merchandise-header .featured-video #video-container { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .merchandise-header .featured-video figcaption { width: 845px; font: 17px / 1.25 Electrolize, sans-serif; color: rgb(8, 145, 197); text-align: center; margin: 0px auto; } @media only screen and (max-width: 945px) { .merchandise-header .featured-video figcaption { width: auto; } } @-webkit-keyframes flash-slow { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes flash-slow { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes flash-fast { 0% { opacity: 0; } 24% { opacity: 0; } 25% { opacity: 1; } 30% { opacity: 0; } 34% { opacity: 0; } 35% { opacity: 1; } 40% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 0; } } @keyframes flash-fast { 0% { opacity: 0; } 24% { opacity: 0; } 25% { opacity: 1; } 30% { opacity: 0; } 34% { opacity: 0; } 35% { opacity: 1; } 40% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes particles1 { 0% { opacity: 1; top: 62px; left: 29px; } 50% { opacity: 0; top: 12px; left: 65px; } 100% { opacity: 0; top: 12px; left: 65px; } } @keyframes particles1 { 0% { opacity: 1; top: 62px; left: 29px; } 50% { opacity: 0; top: 12px; left: 65px; } 100% { opacity: 0; top: 12px; left: 65px; } } @-webkit-keyframes particles2 { 0% { opacity: 0; top: 80px; left: 40px; } 49% { opacity: 0; top: 80px; left: 40px; } 50% { opacity: 1; top: 80px; left: 40px; } 100% { opacity: 0; top: 15px; left: 80px; } } @keyframes particles2 { 0% { opacity: 0; top: 80px; left: 40px; } 49% { opacity: 0; top: 80px; left: 40px; } 50% { opacity: 1; top: 80px; left: 40px; } 100% { opacity: 0; top: 15px; left: 80px; } } @-webkit-keyframes particles3 { 0% { opacity: 0; top: 61px; left: 51px; } 24% { opacity: 0; top: 61px; left: 51px; } 25% { opacity: 1; top: 61px; left: 51px; } 100% { opacity: 0; top: 3px; left: 96px; } } @keyframes particles3 { 0% { opacity: 0; top: 61px; left: 51px; } 24% { opacity: 0; top: 61px; left: 51px; } 25% { opacity: 1; top: 61px; left: 51px; } 100% { opacity: 0; top: 3px; left: 96px; } } @-webkit-keyframes core { 0% { opacity: 1; } 25% { opacity: 0.7; } 50% { opacity: 1; } 75% { opacity: 0.7; } 100% { opacity: 1; } } @keyframes core { 0% { opacity: 1; } 25% { opacity: 0.7; } 50% { opacity: 1; } 75% { opacity: 0.7; } 100% { opacity: 1; } } @-webkit-keyframes core-flare { 0% { opacity: 0.2; } 30% { opacity: 0.8; } 50% { opacity: 0.2; } 100% { opacity: 0.2; } } @keyframes core-flare { 0% { opacity: 0.2; } 30% { opacity: 0.8; } 50% { opacity: 0.2; } 100% { opacity: 0.2; } } @-webkit-keyframes core-shade { 0% { opacity: 0.2; } 25% { opacity: 0.5; } 50% { opacity: 0.1; } 75% { opacity: 0.5; } 100% { opacity: 0.2; } } @keyframes core-shade { 0% { opacity: 0.2; } 25% { opacity: 0.5; } 50% { opacity: 0.1; } 75% { opacity: 0.5; } 100% { opacity: 0.2; } } @-webkit-keyframes planet-shade { 0% { opacity: 0.5; } 30% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 0.5; } } @keyframes planet-shade { 0% { opacity: 0.5; } 30% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 0.5; } } @-webkit-keyframes aqu-computer { 0% { opacity: 0.5; } 50% { opacity: 0.3; } 100% { opacity: 0.5; } } @keyframes aqu-computer { 0% { opacity: 0.5; } 50% { opacity: 0.3; } 100% { opacity: 0.5; } } @-webkit-keyframes aqui-part1 { 0% { opacity: 0.2; top: 235px; left: 307px; } 50% { opacity: 0; top: 380px; left: 402px; } 100% { opacity: 0; top: 380px; left: 402px; } } @keyframes aqui-part1 { 0% { opacity: 0.2; top: 235px; left: 307px; } 50% { opacity: 0; top: 380px; left: 402px; } 100% { opacity: 0; top: 380px; left: 402px; } } @-webkit-keyframes aqui-part2 { 0% { opacity: 0; } 49% { opacity: 0; } 50% { opacity: 0.2; top: 265px; left: 345px; } 100% { opacity: 0; top: 340px; left: 400px; } } @keyframes aqui-part2 { 0% { opacity: 0; } 49% { opacity: 0; } 50% { opacity: 0.2; top: 265px; left: 345px; } 100% { opacity: 0; top: 340px; left: 400px; } } @-webkit-keyframes aqui-part3 { 0% { opacity: 0; } 24% { opacity: 0; } 25% { opacity: 0.2; top: 340px; left: 350px; } 100% { opacity: 0; top: 440px; left: 415px; } } @keyframes aqui-part3 { 0% { opacity: 0; } 24% { opacity: 0; } 25% { opacity: 0.2; top: 340px; left: 350px; } 100% { opacity: 0; top: 440px; left: 415px; } } @-webkit-keyframes drill-light { 0% { opacity: 0; } 10% { opacity: 0.1; } 20% { opacity: 0; } 30% { opacity: 0.15; } 40% { opacity: 0.1; } 50% { opacity: 0; } 60% { opacity: 0.1; } 70% { opacity: 0.15; } 80% { opacity: 0; } 90% { opacity: 0.1; } 100% { opacity: 0; } } @keyframes drill-light { 0% { opacity: 0; } 10% { opacity: 0.1; } 20% { opacity: 0; } 30% { opacity: 0.15; } 40% { opacity: 0.1; } 50% { opacity: 0; } 60% { opacity: 0.1; } 70% { opacity: 0.15; } 80% { opacity: 0; } 90% { opacity: 0.1; } 100% { opacity: 0; } } @-webkit-keyframes drill-beam { 0% { opacity: 1; } 50% { opacity: 0.75; } 100% { opacity: 1; } } @keyframes drill-beam { 0% { opacity: 1; } 50% { opacity: 0.75; } 100% { opacity: 1; } } @-webkit-keyframes drill-beam2 { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } } @keyframes drill-beam2 { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } } @-webkit-keyframes drill-particle1 { 0% { top: 1015px; left: 373px; opacity: 0.7; } 20% { top: 1185px; left: 425px; opacity: 0; } 100% { top: 1185px; left: 425px; opacity: 0; } } @keyframes drill-particle1 { 0% { top: 1015px; left: 373px; opacity: 0.7; } 20% { top: 1185px; left: 425px; opacity: 0; } 100% { top: 1185px; left: 425px; opacity: 0; } } @-webkit-keyframes drill-particle2 { 0% { top: 1035px; left: 379px; opacity: 0; } 79% { top: 1035px; left: 379px; opacity: 0; } 80% { top: 1035px; left: 379px; opacity: 0.7; } 100% { top: 1265px; left: 450px; opacity: 0; } } @keyframes drill-particle2 { 0% { top: 1035px; left: 379px; opacity: 0; } 79% { top: 1035px; left: 379px; opacity: 0; } 80% { top: 1035px; left: 379px; opacity: 0.7; } 100% { top: 1265px; left: 450px; opacity: 0; } } @-webkit-keyframes drill-particle3 { 0% { top: 1185px; left: 420px; opacity: 0; } 49% { top: 1185px; left: 420px; opacity: 0; } 50% { top: 1185px; left: 420px; opacity: 0.7; } 100% { top: 1415px; left: 490px; opacity: 0; } } @keyframes drill-particle3 { 0% { top: 1185px; left: 420px; opacity: 0; } 49% { top: 1185px; left: 420px; opacity: 0; } 50% { top: 1185px; left: 420px; opacity: 0.7; } 100% { top: 1415px; left: 490px; opacity: 0; } } @-webkit-keyframes back-drill-beam { 0% { opacity: 1; } 50% { opacity: 0.1; } 100% { opacity: 1; } } @keyframes back-drill-beam { 0% { opacity: 1; } 50% { opacity: 0.1; } 100% { opacity: 1; } } @-webkit-keyframes back-drill-glow { 0% { opacity: 0.4; } 25% { opacity: 0.1; } 50% { opacity: 0.2; } 75% { opacity: 0.1; } 100% { opacity: 0.4; } } @keyframes back-drill-glow { 0% { opacity: 0.4; } 25% { opacity: 0.1; } 50% { opacity: 0.2; } 75% { opacity: 0.1; } 100% { opacity: 0.4; } } #about-rsi { position: relative; z-index: 0; } #about-rsi #contentbody { overflow-x: hidden; } #about-rsi .modal-wrapper { text-align: center; } #about-rsi .modal-wrapper .hr { display: none; } #about-rsi .modal-wrapper .content-block4 { display: none; } #about-rsi .modal-wrapper .close { right: 10px; top: 10px; } #about-rsi #bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } #about-rsi #bg.p1 { background: center top no-repeat rgb(0, 0, 0); padding-bottom: 669px; } #about-rsi #bg.p2 { background: 0px 1310px no-repeat rgb(0, 0, 0); padding-bottom: 727px; } #about-rsi #bg.p3 { background: center top no-repeat rgb(0, 0, 0); padding-bottom: 751px; } #about-rsi .bracket-button { cursor: default; } #about-rsi h1 { width: 660px; margin-top: 0px; margin-bottom: 0px; font-size: 45px; color: rgb(66, 237, 248); font-family: Orbitron; font-weight: 700; text-transform: uppercase; line-height: 45px; text-shadow: rgb(0, 112, 202) 0px 0px 30px; } #about-rsi h3 { margin-bottom: 40px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 22px; color: rgb(182, 142, 4); } #about-rsi section { height: auto; position: relative; padding-top: 42px; z-index: 0; } #about-rsi section .feature-block { width: 480px; padding: 30px 30px 0px; position: absolute; right: 0px; background: rgba(0, 11, 24, 0.5); border-style: solid; border-color: rgb(12, 103, 161); border-image: initial; border-width: 1px 1px 0px; } #about-rsi section .feature-block .block-content { width: 100%; } #about-rsi section .feature-block .block-content .summary { left: -230px; } #about-rsi section .feature-block .block-content .feature-title { position: absolute; top: -49px; left: 0px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 24px; color: rgb(66, 237, 248); } #about-rsi h5 { color: rgb(66, 237, 248); font-size: 11px; text-transform: uppercase; margin: 0px 0px 10px; } #about-rsi ul { padding: 0px; margin: 0px; list-style-type: none; } #about-rsi .container { width: 1020px; margin: 0px auto; position: relative; z-index: 1; } #about-rsi .play-button { position: absolute; background: ; width: 230px; height: 230px; margin-left: auto; margin-right: auto; cursor: pointer; opacity: 0.7; } #about-rsi .play-button:hover { opacity: 1; } #about-rsi .pillar-content3 { position: relative; } #about-rsi .block { position: relative; background: rgba(0, 11, 24, 0.5); width: 131.5%; padding: 30px 30px 0px; border-style: solid; border-color: rgb(12, 103, 161); border-image: initial; border-width: 0px 1px; margin-bottom: 340px; z-index: 2; } #about-rsi .block .feature { padding: 0px; } #about-rsi .block .block-title { position: absolute; top: -80px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 24px; color: rgb(66, 237, 248); } #about-rsi .block .block-content { width: 415px; } #about-rsi .block .block-intro { margin-bottom: 30px; } #about-rsi .block .block-intro p { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: rgb(115, 177, 203); line-height: 24px; margin-top: 0px; } #about-rsi .block.middle { position: relative; width: 508px; margin-left: 478px; padding-bottom: 2px; border-top: none; border-bottom: none; } #about-rsi .block.middle .chevron { position: absolute; top: -31px; right: 224px; } #about-rsi .block.middle::before { content: ""; position: absolute; background: no-repeat; width: 570px; height: 31px; top: -31px; left: -1px; } #about-rsi .block.middle .summary { left: -230px; } #about-rsi .block.middle .block-title { top: -50px; left: 0px; } #about-rsi .block.middle .block-content { width: 100%; } #about-rsi .block.middle::after { content: ""; position: absolute; background: no-repeat; width: 570px; height: 31px; left: -1px; bottom: -31px; } #about-rsi .block.right { right: -570px; margin-bottom: 119px; } #about-rsi .block.right .chevron { left: 183px; position: absolute; } #about-rsi .block.right .block-top { position: relative; height: 31px; top: -61px; left: -31px; display: flex; } #about-rsi .block.right .block-top .block-top-corner { background: left top no-repeat; width: 204px; height: 31px; left: -1px; top: -31px; } #about-rsi .block.right .block-top .block-top-right { background-color: rgba(0, 11, 24, 0.4); border-top: 1px solid rgb(12, 103, 161); height: 31px; bottom: -1px; flex: 1 1 0%; } #about-rsi .block.right .block-title { top: -43px; left: 0px; } #about-rsi .block.right .block-content { width: 470px; margin-top: -31px; } #about-rsi .block.right .block-btm { position: relative; height: 31px; bottom: -31px; left: -31px; display: flex; } #about-rsi .block.right .block-btm .block-btm-corner { background: left top no-repeat; width: 30px; height: 30px; left: -1px; } #about-rsi .block.right .block-btm .block-btm-right { background-color: rgba(0, 11, 24, 0.4); border-bottom: 1px solid rgb(12, 103, 161); height: 28px; bottom: -1px; flex: 1 1 0%; } #about-rsi .block.left { left: -1073px; text-align: right; width: 143.3%; padding-top: 0px; } #about-rsi .block.left .chevron { position: absolute; left: 14px; z-index: 2; } #about-rsi .block.left .block-top { position: relative; height: 31px; top: -31px; right: -32px; display: flex; } #about-rsi .block.left .block-top .block-top-corner { position: absolute; background: left top no-repeat; width: 572px; height: 31px; right: 0px; } #about-rsi .block.left .block-top .block-top-corner .block-title { left: 45px; top: -10px; } #about-rsi .block.left .block-top .block-top-left { position: relative; flex: 1 1 0%; background-color: rgba(0, 11, 24, 0.4); border-top: 1px solid rgb(12, 103, 161); height: 31px; bottom: 0px; right: 570px; z-index: 0; } #about-rsi .block.left .block-content { width: 470px; display: inline-block; text-align: left; } #about-rsi .block.left .block-btm { position: relative; height: 31px; bottom: -31px; left: -31px; display: flex; } #about-rsi .block.left .block-btm .block-btm-corner { position: absolute; background: left top no-repeat; width: 30px; height: 30px; right: -63px; } #about-rsi .block.left .block-btm .block-btm-left { position: relative; right: -33px; bottom: 0px; height: 28px; background-color: rgba(0, 11, 24, 0.5); border-bottom: 1px solid rgb(12, 103, 161); flex: 1 1 0%; } #about-rsi .block .block-video { position: relative; width: 450px; height: 250px; border: 1px solid rgb(2, 26, 47); margin: 0px auto 60px; } #about-rsi .block .block-video .title { margin: 65px 0px 0px; background: 16px no-repeat; text-align: center; font-size: 34px; color: rgb(177, 216, 241); font-family: Orbitron; font-weight: 700; text-transform: uppercase; line-height: 65px; } #about-rsi .block .block-video .play-button { position: relative; background: 0% 0% / cover; width: 120px; height: 120px; margin: -25px auto; opacity: 0.7; } #about-rsi .block .block-video .play-button:hover { opacity: 1; background: ; } #about-rsi .block .feature { margin-bottom: 30px; padding: 0px 30px; } #about-rsi .block .feature:last-child { margin-bottom: 0px; } #about-rsi .block .feature h5 { margin-bottom: 0px; } #about-rsi .block .feature p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(28, 107, 137); line-height: 20px; margin: 0px 0px 21px; } #about-rsi .block .feature p:last-child { margin: 0px; } #about-rsi .block a.bracket-button { position: absolute; width: 164px; } #about-rsi .block a.bracket-button .label { font-family: Electrolize; width: 100%; display: none; } #about-rsi .hex { width: 220px; height: 197px; position: absolute; opacity: 1; text-align: center; cursor: pointer; z-index: 25; } #about-rsi .hex a { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10; } #about-rsi .hex a.arrows-button { position: relative; transform: rotate(90deg); padding: 0px; width: 59px; height: 56px; margin: -15px auto; } #about-rsi .hex .bg { background: 0% 0% / 100% 100%; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 1; } #about-rsi .hex .hover { background: ; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; } #about-rsi .hex .hex-title { display: block; width: 140px; height: auto; vertical-align: middle; color: rgb(66, 237, 248); margin: 78px auto 25px; font-family: Orbitron; font-weight: 700; z-index: 4; font-size: 14px; line-height: 14px; text-transform: uppercase; position: relative; text-shadow: rgb(66, 169, 248) 0px 0px 30px; } #about-rsi .hex:hover .bg { opacity: 0; } #about-rsi .hex:hover .hover { opacity: 1; } #about-rsi .hex:hover a.arrows-button .arrow0 { animation: 0.1s linear 0s 1 normal none running arrow; } #about-rsi .hex:hover a.arrows-button .arrow1 { animation: 0.3s linear 0s 1 normal none running arrow; } #about-rsi .hex:hover a.arrows-button .arrow2 { animation: 0.5s linear 0s 1 normal none running arrow; } #about-rsi .hex.active .bg { opacity: 0; } #about-rsi .hex.active .hover { opacity: 1; } #about-rsi .hex.inactive { opacity: 0.5; } #about-rsi .hex.inactive .bg { opacity: 1; } #about-rsi .hex.inactive .hover { opacity: 0; } #about-rsi .hex.inactive:hover a { cursor: default; text-shadow: rgb(66, 169, 248) 0px 0px 30px; color: rgb(66, 237, 248); } #about-rsi .hex .hex-title a { display: block; width: 140px; height: auto; vertical-align: middle; color: rgb(66, 237, 248); margin: 78px auto 25px; font-family: Orbitron; font-weight: 700; z-index: 4; font-size: 14px; line-height: 14px; text-transform: uppercase; position: relative; text-shadow: rgb(66, 169, 248) 0px 0px 30px; } #about-rsi .hex .hex-content { position: relative; z-index: 4; } #about-rsi .hex .hex-content li { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(177, 169, 146); line-height: 18px; } #about-rsi .hex .hex-content .arrows-button { width: 90px; height: 54px; position: relative; margin: 0px auto; padding: 0px; display: block; transform: rotate(90deg); } #about-rsi #hex-footer { margin-top: 1485px; margin-bottom: 150px; } #about-rsi .title { margin: 80px 0px 38px; } #about-rsi .title h3 { margin-bottom: 15px; } #about-rsi .gplay-block { position: absolute; top: 1077px; left: -14px; background: rgba(182, 142, 4, 0.15); text-align: right; height: 402px; } #about-rsi .gplay-block::before { content: ""; position: absolute; background: rgba(182, 142, 4, 0.15); width: 2000px; height: 497px; left: -2000px; top: -62px; } #about-rsi .gplay-block .gplay-top { position: relative; height: 62px; top: -62px; display: flex; } #about-rsi .gplay-block .gplay-top .chevron { position: absolute; top: 0px; right: 275px; background: rgb(217, 207, 152); box-shadow: rgba(255, 118, 17, 0.6) 0px 0px 12px 1px, rgba(255, 118, 17, 0.6) 5px -1px 20px 2px; } #about-rsi .gplay-block .gplay-top .gplay-top-corner { background: center top no-repeat; width: 301px; height: 62px; } #about-rsi .gplay-block .gplay-top .gplay-top-left { background: rgba(182, 142, 4, 0.15); height: 62px; bottom: -1px; flex: 1 1 0%; } #about-rsi .gplay-block .gplay-content { position: relative; display: inline-block; background: center -25px no-repeat; right: 0px; width: 225px; padding: 0px 45px; text-align: left; transform: translateZ(0px); } #about-rsi .gplay-block .gplay-content .gplay-title { position: absolute; top: -133px; left: 70px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 18px; color: rgb(251, 231, 161); text-shadow: rgb(251, 231, 161) 0px 0px 25px; } #about-rsi .gplay-block .gplay-content.opened { max-height: 999px; } #about-rsi .gplay-block .gplay-content h6 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: rgb(253, 214, 140); font-weight: 700; font-style: italic; text-transform: uppercase; margin-bottom: 0px; margin-top: -18px; } #about-rsi .gplay-block .gplay-content p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: rgb(177, 169, 146); font-style: italic; margin: 17px 0px 0px; } #about-rsi .gplay-block .gplay-content .sc-logo { position: relative; background: center top no-repeat; width: 225px; height: 173px; top: -115px; left: -3px; } #about-rsi .gplay-block .gplay-content .hex-gplay { position: absolute; background: 0px 0px no-repeat; width: 90px; height: 90px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 10px; color: rgb(177, 169, 146); text-transform: uppercase; text-align: center; cursor: pointer; opacity: 0.6; } #about-rsi .gplay-block .gplay-content .hex-gplay span { width: 100%; height: 100%; display: block; margin-top: 39px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 10px; color: rgb(177, 169, 146); opacity: 0.5; } #about-rsi .gplay-block .gplay-content .hex-gplay.left { left: 52px; top: -17px; } #about-rsi .gplay-block .gplay-content .hex-gplay.middle { left: 109px; top: 17px; } #about-rsi .gplay-block .gplay-content .hex-gplay.right { right: 59px; top: -17px; } #about-rsi .gplay-block .gplay-content .hex-gplay:hover { background-position: 0px -90px; } #about-rsi .gplay-block .gplay-content .hex-gplay.active { background-position: 0px -90px; opacity: 1; } #about-rsi .gplay-block .gplay-content .hex-gplay.active span { opacity: 1; } #about-rsi .gplay-block .gplay-content .hex-item { display: none; } #about-rsi .gplay-block .gplay-content .hex-item.current { display: block; } #about-rsi .gplay-block .gp-btm { position: absolute; background: rgba(182, 142, 4, 0.15); width: calc(100% - 32px); height: 32px; right: 32px; bottom: -32px; flex: 1 1 0%; } #about-rsi .gplay-block .gp-btm::after { content: ""; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 32px 32px 0px 0px; border-color: rgb(182, 142, 4) transparent transparent; opacity: 0.15; } #about-rsi .pillar-section-title { position: relative; width: 390px; font-size: 30px; color: rgb(177, 216, 241); font-family: Orbitron; font-weight: 700; text-transform: uppercase; line-height: 44px; margin-bottom: 100px; z-index: 1; text-shadow: rgb(28, 72, 137) 0px 0px 30px; } #about-rsi #pillar-intro { position: relative; background-color: rgba(0, 11, 24, 0.4); margin-bottom: 20px; padding: 25px 0px; z-index: 2; border-top: 1px solid rgb(12, 103, 161); } #about-rsi #pillar-intro .sc-placeholder { position: absolute; width: 100%; height: 31px; bottom: -31px; margin-left: auto; margin-right: auto; display: flex; } #about-rsi #pillar-intro .sc-placeholder .btm-sc { position: relative; width: 181px; height: 31px; margin: 0px auto; } #about-rsi #pillar-intro .sc-placeholder .btm-sc::before { content: ""; position: absolute; width: 120px; height: 1px; background: rgb(12, 103, 161); left: 30px; } #about-rsi #pillar-intro .sc-placeholder .btm-sc .chevron { position: absolute; } #about-rsi #pillar-intro .sc-placeholder .btm-sc .chevron::before { content: ""; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; } #about-rsi #pillar-intro .sc-placeholder .btm-sc .chevron.left { right: 15px; } #about-rsi #pillar-intro .sc-placeholder .btm-sc .chevron.left::before { right: -31px; border-width: 31px 31px 0px 0px; border-color: rgb(0, 11, 24) transparent transparent; opacity: 0.4; } #about-rsi #pillar-intro .sc-placeholder .btm-sc .chevron.right { left: 15px; } #about-rsi #pillar-intro .sc-placeholder .btm-sc .chevron.right::before { left: -31px; border-width: 0px 31px 31px 0px; border-color: transparent rgb(0, 11, 24) transparent transparent; opacity: 0.4; } #about-rsi #pillar-intro .sc-placeholder .btm-right, #about-rsi #pillar-intro .sc-placeholder .btm-left { background-color: rgba(0, 11, 24, 0.4); border-bottom: 1px solid rgb(12, 103, 161); height: 31px; bottom: -1px; flex: 1 1 0%; } #about-rsi #pillar-intro .sc-placeholder .glow-corner { position: relative; background: ; width: 150px; height: 110px; z-index: 5; } #about-rsi #pillar-intro .sc-placeholder .glow-corner.left { left: -59px; top: -26px; } #about-rsi #pillar-intro .sc-placeholder .glow-corner.right { background-position-x: 150px; right: -89px; top: -136px; } #about-rsi #pillar-intro .intro-title { position: absolute; width: 300%; top: -56px; left: -95px; background-color: rgba(0, 11, 24, 0.4); padding: 12px 0px 3px 5px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 11px; color: rgb(58, 96, 115); border-top: 1px solid rgb(12, 103, 161); } #about-rsi #pillar-intro .intro-title span { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 11px; color: rgb(0, 228, 255); text-transform: uppercase; } #about-rsi #pillar-intro .intro-title::before { content: ""; position: absolute; background: ; width: 38px; height: 31px; top: -1px; left: -36px; } #about-rsi #pillar-intro .intro-title::after { content: ""; position: absolute; left: -1510px; width: 1475px; border-bottom: 1px solid rgb(12, 103, 161); top: 29px; } #about-rsi #pillar-intro .intro-content { width: 630px; overflow: hidden; } #about-rsi #pillar-intro .intro-content .js-more { display: none; } #about-rsi #pillar-intro .intro-content.opened { max-height: 999px; } #about-rsi #pillar-intro .intro-content .quote { width: 530px; margin: 0px 0px 20px 30px; position: relative; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 28px; color: rgb(177, 216, 241); } #about-rsi #pillar-intro .intro-content .quote::before { content: "“"; position: absolute; font-size: 80px; top: -20px; left: -34px; } #about-rsi #pillar-intro .intro-content .quote::after { content: "”"; position: absolute; font-size: 80px; margin-top: -10px; margin-left: 8px; } #about-rsi #pillar-intro .intro-content .quote span { margin-left: 40px; display: inline-block; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 28px; color: rgb(177, 216, 241); } #about-rsi #pillar-intro .intro-content p { width: 480px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: rgb(115, 177, 203); line-height: 24px; margin: 0px auto 25px; } #about-rsi #pillar-intro .intro-content h5 { margin-left: 44px; } #about-rsi #pillar-intro .read-more { position: absolute; width: 200%; height: 3px; left: 400px; bottom: -44px; background-color: rgba(0, 11, 24, 0.4); padding: 12px 0px 3px 5px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 11px; color: rgb(58, 96, 115); border-bottom: 1px solid rgb(12, 103, 161); } #about-rsi #pillar-intro .read-more::before { content: ""; position: absolute; background: ; width: 18px; height: 19px; bottom: -1px; left: -18px; } #about-rsi #pillar-intro .read-more::after { content: ""; position: absolute; left: -1493px; width: 1475px; border-bottom: 1px solid rgb(12, 103, 161); bottom: 17px; } #about-rsi #pillar-intro .read-more a.bracket-button { position: relative; width: 182px; left: -48px; top: -31px; z-index: 1; } #about-rsi #pillar-intro .chris-roberts { position: absolute; background: center top no-repeat; width: 672px; height: 740px; bottom: -56px; right: -250px; } #about-rsi #pillar-intro .chris-roberts .bio { position: absolute; bottom: 78px; width: 340px; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: rgb(177, 169, 146); font-style: italic; } #about-rsi #pillar-intro .chris-roberts .bio span { color: rgb(182, 142, 4); } #about-rsi .sc-logo { position: absolute; background: ; top: -158px; left: 0px; right: 0px; margin-left: auto; margin-right: auto; width: 370px; height: 420px; z-index: 0; } #about-rsi #pillar-hex { position: relative; width: 100%; height: 560px; background: center 100px no-repeat; margin-top: 36px; } #about-rsi #pillar-hex .sc-logo { position: absolute; background: ; top: -158px; left: 0px; right: 0px; margin-left: auto; margin-right: auto; width: 370px; height: 420px; z-index: 0; } #about-rsi #pillar-hex #ship-small { position: absolute; left: 25px; top: 0px; width: 226px; height: 158px; background: center top no-repeat; z-index: 2; } #about-rsi #pillar-hex .pillar1-hex { top: 110px; left: 0px; right: 355px; margin: 0px auto; } #about-rsi #pillar-hex .pillar2-hex { top: 225px; left: 0px; right: 0px; margin: 0px auto; } #about-rsi #pillar-hex .pillar3-hex { top: 110px; right: 0px; left: 355px; margin: 0px auto; } #about-rsi #pillar-hex .pillar3-hex .hex-title { margin-top: 92px; } #about-rsi .pillar-video { background-color: rgb(0, 7, 15); width: 100%; height: 659px; position: relative; margin-top: -72px; margin-bottom: 238px; text-align: center; } #about-rsi .pillar-video .title { background: center center no-repeat; font-family: Orbitron; font-weight: 700; text-transform: uppercase; font-size: 80px; line-height: 90px; color: rgb(177, 216, 241); text-shadow: rgb(28, 72, 137) 0px 0px 20px; position: relative; top: 175px; opacity: 0.8; } #about-rsi .pillar-video .caption { position: absolute; width: 410px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 18px; color: rgb(15, 72, 94); text-transform: uppercase; text-align: center; margin: 0px auto; left: 0px; right: 0px; text-shadow: rgba(28, 72, 137, 0.3) 0px 0px 30px; } #about-rsi .pillar-video .caption.top { top: -48px; } #about-rsi .pillar-video .caption.bottom { bottom: -48px; } #about-rsi .pillar-video .vid-top { position: absolute; width: 100%; height: 31px; top: -31px; display: flex; } #about-rsi .pillar-video .vid-top .vid-top-left { background-color: rgb(0, 7, 15); height: 30px; border-top: 1px solid rgb(12, 103, 161); flex: 1 1 0%; } #about-rsi .pillar-video .vid-top .vid-top-mid { position: relative; width: 479px; height: 31px; } #about-rsi .pillar-video .vid-top .vid-top-mid .chevron { position: absolute; } #about-rsi .pillar-video .vid-top .vid-top-mid .chevron.left { left: 14px; } #about-rsi .pillar-video .vid-top .vid-top-mid .chevron.right { right: 14px; } #about-rsi .pillar-video .vid-top .vid-top-right { background-color: rgb(0, 7, 15); height: 30px; border-top: 1px solid rgb(12, 103, 161); flex: 1 1 0%; } #about-rsi .pillar-video .vid-btm { position: absolute; width: 100%; height: 31px; bottom: -31px; display: flex; } #about-rsi .pillar-video .vid-btm .vid-btm-left { background-color: rgb(0, 7, 15); height: 30px; border-bottom: 1px solid rgb(12, 103, 161); flex: 1 1 0%; } #about-rsi .pillar-video .vid-btm .vid-btm-mid { position: relative; width: 479px; height: 31px; } #about-rsi .pillar-video .vid-btm .vid-btm-mid .chevron { position: absolute; } #about-rsi .pillar-video .vid-btm .vid-btm-mid .chevron.left { right: 14px; } #about-rsi .pillar-video .vid-btm .vid-btm-mid .chevron.right { left: 14px; } #about-rsi .pillar-video .vid-btm .vid-btm-right { background-color: rgb(0, 7, 15); height: 30px; border-bottom: 1px solid rgb(12, 103, 161); flex: 1 1 0%; } #about-rsi .pillar-video iframe { width: 100%; height: 100%; border: none; } #about-rsi .pillar-video .play-button { top: 360px; left: 0px; right: 0px; } #about-rsi #pillar-footer { margin: 0px auto 100px; } #about-rsi #pillar-footer .hex-wrap { min-height: 400px; position: relative; background-position-y: -49px; } #about-rsi #pillar-footer .hex-wrap .hex { position: absolute; display: inline-block; width: 221px; height: 197px; background-size: 100% 100%; } #about-rsi #pillar-footer .hex-wrap .hex .hex-title { width: 140px; margin: 80px auto 0px; } #about-rsi #pillar-footer .hex-wrap .hex .hex-title a { display: block; font-size: 14px; line-height: 14px; margin: 0px auto; color: rgb(180, 242, 246); width: 140px; vertical-align: middle; position: relative; } #about-rsi #pillar-footer .hex-wrap .hex .hover { width: 220px; height: 197px; background-size: 100% 100%; } #about-rsi #pillar-footer .hex-wrap .hex .inner { width: 192px; height: 171px; background-size: 100% 100%; left: 16px; top: 13px; } #about-rsi #pillar-footer .hex-wrap .hex .inner .center { width: 163px; height: 145px; background-size: 100% 100%; position: relative; margin: 0px auto; top: 14px; left: 0px; } #about-rsi #pillar-footer .hex-wrap .hex .glow { width: 100%; height: 100%; background-size: 100% 100%; } #about-rsi #pillar-footer .hex-wrap .hex .hex-content li { font-size: 10px; line-height: 11px; } #about-rsi #pillar-footer .hex-wrap .hex .arrows-button { transform: rotate(-90deg); margin: -20px auto; height: 60px; } #about-rsi #pillar-footer .hex-wrap .hex.footer-hex1 { top: 30px; left: 233px; } #about-rsi #pillar-footer .hex-wrap .hex.footer-hex2 { top: 155px; left: 402px; } #about-rsi #pillar-footer .hex-wrap .hex.footer-hex3 { top: 30px; right: 227px; } #about-rsi #pillar-footer .hex-wrap .hex.footer-hex3 .hex-title { margin-top: 91px; } #about-rsi #pillar-footer .footer-intro { width: 100%; height: auto; text-align: center; } #about-rsi #pillar-footer .footer-intro span { display: block; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(66, 237, 248); line-height: 18px; margin: 0px auto 15px; } #about-rsi #pillar-footer .footer-intro h4 { text-transform: uppercase; margin: 0px; font-size: 22px; font-family: Orbitron; font-weight: 700; color: rgb(188, 218, 248); } #about-rsi #pillar-footer .footer-intro h5 { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 22px; color: rgb(177, 216, 241); line-height: 32px; text-transform: inherit; } #about-rsi .flash { position: absolute; width: 60px; height: 60px; top: 461px; left: 383px; } #about-rsi .flash.slow { animation: 3s ease 0s infinite normal none running flash-slow; } #about-rsi .flash.fast { animation: 3s ease 0s infinite normal none running flash-fast; } #about-rsi .flash.orange { width: 25px; height: 25px; background: center top no-repeat; } #about-rsi .flash.blue { background-image: ; } #about-rsi .flash.red { background-image: ; } #about-rsi .flash.small { width: 25px; height: 25px; background-size: 25px 25px; } #about-rsi section#pillar1 #ship-javelin { position: absolute; top: -356px; right: -347px; width: 880px; height: 770px; background: center top no-repeat; z-index: 2; } #about-rsi section#pillar1 #ship-javelin .particles-wrap { position: absolute; width: 110px; height: 110px; z-index: 0; } #about-rsi section#pillar1 #ship-javelin .particles-wrap.right { top: 285px; left: 575px; } #about-rsi section#pillar1 #ship-javelin .particles-wrap.left { top: 394px; left: 205px; transform: rotate(8deg); } #about-rsi section#pillar1 #ship-javelin .particles-wrap .jav-part1 { position: relative; width: 2px; height: 4px; background: center top no-repeat; animation: 2s ease 0s infinite normal none running particles1; } #about-rsi section#pillar1 #ship-javelin .particles-wrap .jav-part2 { position: relative; width: 2px; height: 4px; background: center top no-repeat; animation: 2s ease 0s infinite normal none running particles2; } #about-rsi section#pillar1 #ship-javelin .particles-wrap .jav-part3 { position: relative; width: 2px; height: 4px; background: center top no-repeat; animation: 2s ease 0s infinite normal none running particles3; } #about-rsi section#pillar1 #ship-javelin .flash:nth-child(1) { top: 452px; left: 373px; } #about-rsi section#pillar1 #ship-javelin .flash:nth-child(2) { top: 241px; left: 577px; } #about-rsi section#pillar1 #ship-javelin .flash:nth-child(3) { top: 164px; left: 480px; } #about-rsi section#pillar1 #asteroid { position: absolute; top: -920px; right: -790px; width: 1045px; height: 1570px; background: center top; z-index: 1; } #about-rsi section#pillar1 .block.middle { margin-left: 450px; margin-top: 395px; } #about-rsi section#pillar1 .block.middle .block-video { background: no-repeat; } #about-rsi section#pillar1 #planet-core { width: 1230px; height: 1290px; position: absolute; left: -602px; top: -210px; z-index: 0; } #about-rsi section#pillar1 #planet-core #crust { position: absolute; background: no-repeat; width: 1230px; height: 1290px; z-index: 5; } #about-rsi section#pillar1 #planet-core #core { position: absolute; background: no-repeat; width: 1230px; height: 1290px; z-index: 1; animation: 15s linear 0s infinite normal none running core; } #about-rsi section#pillar1 #planet-core #core-shade { position: absolute; top: 486px; left: 410px; width: 358px; height: 358px; background: no-repeat; z-index: 3; animation: 15s linear 0s infinite normal none running core-shade; } #about-rsi section#pillar1 #planet-core #core-glow { position: absolute; top: 410px; left: 360px; width: 488px; height: 488px; background: no-repeat; z-index: 0; animation: 15s linear 0s infinite normal none running core-glow; } #about-rsi section#pillar1 #planet-core #core-flare { position: absolute; width: 1230px; height: 1290px; background: no-repeat; z-index: 0; animation: 15s linear 0s infinite normal none running core-flare; } #about-rsi section#pillar1 #planet-core #core-light { position: absolute; width: 1230px; height: 1290px; background: no-repeat; z-index: 0; animation: 15s linear 0s infinite normal none running core-flare; } #about-rsi section#pillar1 #planet-core #planet-shade { position: absolute; width: 1230px; height: 1290px; background: no-repeat; z-index: 6; animation: 15s linear 0s infinite normal none running planet-shade; } #about-rsi section#pillar1 #ship-cockpit { position: absolute; left: -424px; background: 0px 130px no-repeat; width: 1160px; height: 700px; z-index: 3; } #about-rsi section#pillar1 #ship-cockpit .aqu-computer { position: absolute; top: 325px; left: 507px; background: no-repeat; width: 57px; height: 40px; z-index: 2; animation: 0.1s linear 0s infinite normal none running aqu-computer; } #about-rsi section#pillar1 #station { width: 1250px; height: 865px; position: absolute; background: ; top: 500px; right: -480px; z-index: 3; } #about-rsi section#pillar1 #station .flash:nth-child(1) { top: 195px; left: 557px; } #about-rsi section#pillar1 #station .flash:nth-child(2) { top: 220px; left: 563px; } #about-rsi section#pillar1 .pillar-section-title { width: 100%; } #about-rsi section#pillar1 .pillar-video { background: center top no-repeat rgb(0, 7, 15); } #about-rsi section#pillar1 .pillar-video .vid-top .vid-top-left { background: right top no-repeat rgb(0, 0, 0); } #about-rsi section#pillar1 .pillar-video .vid-top .vid-top-mid { background: center top no-repeat; } #about-rsi section#pillar1 .pillar-video .vid-top .vid-top-right { background: left top no-repeat rgb(0, 0, 0); } #about-rsi section#pillar1 .pillar-video .vid-btm .vid-btm-left { background: right top no-repeat rgb(0, 0, 0); } #about-rsi section#pillar1 .pillar-video .vid-btm .vid-btm-mid { background: center top no-repeat; } #about-rsi section#pillar1 .pillar-video .vid-btm .vid-btm-right { background: left top no-repeat rgb(0, 0, 0); } #about-rsi section#pillar2 #top { position: relative; top: -312px; height: 1410px; background: calc(50% + 1px) top no-repeat; text-align: center; } #about-rsi section#pillar2 #top #pillar-hex { position: absolute; top: 200px; } #about-rsi section#pillar2 #top .top-btm { position: absolute; width: 100%; height: 31px; bottom: -31px; display: flex; } #about-rsi section#pillar2 #top .top-btm .top-btm-left { height: 30px; background: right top no-repeat; border-bottom: 1px solid rgb(12, 103, 161); flex: 1 1 0%; } #about-rsi section#pillar2 #top .top-btm .top-btm-mid { position: relative; background: center top no-repeat; width: 483px; height: 31px; } #about-rsi section#pillar2 #top .top-btm .top-btm-mid .chevron { position: absolute; } #about-rsi section#pillar2 #top .top-btm .top-btm-mid .chevron.left { right: 14px; } #about-rsi section#pillar2 #top .top-btm .top-btm-mid .chevron.right { left: 14px; } #about-rsi section#pillar2 #top .top-btm .top-btm-right { height: 30px; background: left top no-repeat; border-bottom: 1px solid rgb(12, 103, 161); flex: 1 1 0%; } #about-rsi section#pillar2 h1 { width: 100%; text-align: center; margin-top: -72px; margin-bottom: 225px; } #about-rsi section#pillar2 #redeemer { position: absolute; background: 0px 382px no-repeat; width: 673px; height: 764px; left: 480px; } #about-rsi section#pillar2 #asteroids1 { position: absolute; left: -760px; top: 450px; width: 1468px; height: 1234px; background: left top no-repeat; z-index: 2; } #about-rsi section#pillar2 #asteroids2 { position: absolute; left: -760px; top: 120px; width: 1468px; height: 984px; background: -630px -250px no-repeat; z-index: 2; } #about-rsi section#pillar2 .gplay-block { top: 150px; } #about-rsi section#pillar2 .block.middle { margin-left: -90px; } #about-rsi section#pillar2 .block.middle .block-title { top: -80px; left: -30px; } #about-rsi section#pillar2 .block.middle .summary { left: inherit; right: -235px; text-align: left; } #about-rsi section#pillar2 .block.left { margin-bottom: 320px; } #about-rsi section#pillar2 .block.right .block-top-corner { width: 360px; background: left top no-repeat; } #about-rsi section#pillar2 .block.right .chevron { left: 340px; } #about-rsi section#pillar2 .block.right .block-video { background: center top no-repeat; } #about-rsi section#pillar2 .station { width: 1210px; height: 678px; position: absolute; top: 600px; left: -565px; background: left top no-repeat; z-index: 2; } #about-rsi section#pillar2 #bigblue { width: 750px; height: 626px; position: absolute; right: -420px; top: -120px; background: left top no-repeat; z-index: 1; } #about-rsi section#pillar2 #orangemoon { width: 198px; height: 198px; position: absolute; right: -530px; top: -110px; background: left top no-repeat; z-index: 1; } #about-rsi section#pillar2 .plnt-light { width: 418px; height: 283px; position: absolute; right: -250px; top: -135px; background: left top no-repeat; z-index: 1; } #about-rsi section#pillar2 .personna { position: absolute; top: 128px; right: -95px; width: 605px; height: 630px; } #about-rsi section#pillar2 .personna .characters { position: relative; width: 510px; height: 556px; margin: 0px auto; background: left top no-repeat; z-index: 1; } #about-rsi section#pillar2 .personna .text { position: relative; bottom: 17px; padding-top: 15px; background: left top no-repeat; width: 604px; height: 85px; text-align: center; z-index: 0; } #about-rsi section#pillar2 .personna .text h3 { font-family: Orbitron; font-weight: 700; font-size: 23px; margin: 0px; text-transform: uppercase; color: rgb(255, 255, 255); text-shadow: rgb(66, 169, 248) 0px 0px 30px; } #about-rsi section#pillar2 .personna .text .left { position: absolute; left: 66px; bottom: 15px; top: inherit; } #about-rsi section#pillar2 .personna .text .right { position: absolute; right: 66px; bottom: 15px; top: inherit; } #about-rsi section#pillar2 .personna .text p { margin: 0px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(66, 237, 248); text-transform: uppercase; text-shadow: rgb(66, 169, 248) 0px 0px 30px, rgb(66, 169, 248) 0px 0px 30px; padding-top: 6px; } #about-rsi section#pillar2 .personna .text p span { text-transform: none; } #about-rsi section#pillar2 .container.careers { height: 550px; } #about-rsi section#pillar2 .container.careers .gplay-block { top: 0px; } #about-rsi section#pillar2 .pillar-video { margin-top: 496px; background: center top no-repeat rgb(0, 7, 15); } #about-rsi section#pillar2 .pillar-video .vid-top .vid-top-left { background: right top no-repeat rgb(0, 7, 15); } #about-rsi section#pillar2 .pillar-video .vid-top .vid-top-mid { background: center top no-repeat; } #about-rsi section#pillar2 .pillar-video .vid-top .vid-top-right { background: left top no-repeat rgb(0, 7, 15); } #about-rsi section#pillar2 .pillar-video .vid-btm .vid-btm-left { background: right top no-repeat rgb(0, 7, 15); } #about-rsi section#pillar2 .pillar-video .vid-btm .vid-btm-mid { background: center top no-repeat; } #about-rsi section#pillar2 .pillar-video .vid-btm .vid-btm-right { background: left top no-repeat rgb(0, 7, 15); } #about-rsi section#pillar2 #pillar-footer { margin-top: 280px; } #about-rsi section#pillar2 #pillar-footer .hex-wrap { margin-top: 116px; } #about-rsi section#pillar2 #pillar-footer .sc-logo { top: -47px; } #about-rsi section#pillar3 .p3-intro { height: 845px; } #about-rsi section#pillar3 .snapshots { position: absolute; } #about-rsi section#pillar3 .snapshots.left { top: 485px; left: 30px; } #about-rsi section#pillar3 .snapshots.right { top: 872px; right: 30px; } #about-rsi section#pillar3 .snapshots .caption { position: relative; background: rgba(0, 11, 24, 0.5); width: 358px; border-top: 1px solid rgb(12, 103, 161); border-right: 1px solid rgb(12, 103, 161); border-left: 1px solid rgb(12, 103, 161); border-image: initial; border-bottom: none; } #about-rsi section#pillar3 .snapshots .caption::after { content: ""; position: absolute; bottom: -17px; left: -1px; width: 360px; height: 17px; background: center top no-repeat; } #about-rsi section#pillar3 .snapshots .caption .text { padding: 8px 19px 0px; } #about-rsi section#pillar3 .snapshots .caption .text span { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(66, 237, 248); text-shadow: rgb(66, 169, 248) 0px 0px 30px, rgb(66, 169, 248) 0px 0px 30px; } #about-rsi section#pillar3 .snapshots .snapshot-item { position: relative; width: 360px; height: 295px; margin-bottom: 185px; } #about-rsi section#pillar3 .snapshots .snapshot-item .img { position: relative; width: 360px; height: 240px; z-index: 1; } #about-rsi section#pillar3 .snapshots .snapshot-item.step1 .img { background: center top / cover no-repeat; } #about-rsi section#pillar3 .snapshots .snapshot-item.step1 .img .cutlass { position: absolute; top: -84px; left: -80px; width: 500px; height: 333px; background: center top no-repeat; } #about-rsi section#pillar3 .snapshots .snapshot-item.step2 .img { background: center top / cover no-repeat; } #about-rsi section#pillar3 .snapshots .snapshot-item.step2 .img .cutlass { position: absolute; top: -75px; left: -80px; width: 520px; height: 333px; background: center top no-repeat; } #about-rsi section#pillar3 .snapshots .snapshot-item.racing .img { background: center top / cover no-repeat; } #about-rsi section#pillar3 .snapshots .snapshot-item.racing .img .ship-racing { position: absolute; top: -25px; left: -175px; width: 510px; height: 265px; background: center top / cover no-repeat; z-index: 1; } #about-rsi section#pillar3 .snapshots .snapshot-item.fps .img { background: center top / cover no-repeat; } #about-rsi section#pillar3 .snapshots .snapshot-item.fps .img .machine { position: absolute; top: -95px; left: -6px; width: 372px; height: 225px; background: center top no-repeat; z-index: 1; } #about-rsi section#pillar3 #ship-constellation { position: absolute; width: 1000px; height: 628px; top: -120px; left: 30px; background: center top no-repeat; z-index: 3; } #about-rsi section#pillar3 #ship-constellation-shade { position: absolute; width: 574px; height: 200px; top: 320px; left: 210px; background: center top no-repeat; z-index: 3; } #about-rsi section#pillar3 #landsite { position: absolute; width: 750px; height: 438px; top: 324px; left: 89px; background: center top no-repeat; z-index: 1; } #about-rsi section#pillar3 #drill-wrap { position: absolute; width: 640px; height: 1850px; bottom: -1590px; left: -350px; z-index: 3; } #about-rsi section#pillar3 #drill-wrap #drill { position: absolute; width: 640px; height: 1155px; top: 0px; left: 0px; background: center top no-repeat; z-index: 15; } #about-rsi section#pillar3 #drill-wrap #drill-glow { position: absolute; top: 855px; left: 170px; width: 422px; height: 385px; background: center top no-repeat; z-index: 15; animation: 1s ease 0s infinite normal none running drill-light; } #about-rsi section#pillar3 #drill-wrap #drill-light { position: absolute; top: 555px; left: 0px; width: 640px; height: 524px; background: center top no-repeat; z-index: 3; opacity: 0.2; animation: 3s ease 0s infinite normal none running drill-light; } #about-rsi section#pillar3 #drill-wrap #drill-beam { position: absolute; top: 1005px; left: 353px; width: 280px; height: 835px; background: center top no-repeat; z-index: 1; animation: 0.2s ease 0s infinite normal none running drill-beam; } #about-rsi section#pillar3 #drill-wrap #drill-beam2 { position: absolute; top: 1005px; left: 353px; width: 280px; height: 835px; background: center top no-repeat; z-index: 4; animation: 1s ease 0s infinite normal none running drill-beam2; } #about-rsi section#pillar3 #drill-wrap #drill-shade { position: absolute; top: 1005px; left: 353px; width: 280px; height: 835px; background: center top no-repeat; z-index: 3; opacity: 0.2; } #about-rsi section#pillar3 #drill-wrap .drill-particle1 { position: absolute; width: 28px; height: 54px; background: center top no-repeat; z-index: 5; animation: 1s ease 0s infinite normal none running drill-particle1; } #about-rsi section#pillar3 #drill-wrap .drill-particle2 { position: absolute; width: 28px; height: 54px; background: center top no-repeat; z-index: 5; animation: 1s ease 0s infinite normal none running drill-particle2; } #about-rsi section#pillar3 #drill-wrap .drill-particle3 { position: absolute; width: 28px; height: 54px; background: center top no-repeat; z-index: 5; animation: 1s ease 0s infinite normal none running drill-particle3; } #about-rsi section#pillar3 #gametype { position: absolute; width: 1200px; height: 790px; top: 950px; right: -470px; } #about-rsi section#pillar3 #gametype.hangar { background: center top / cover no-repeat; } #about-rsi section#pillar3 #gametype.fighting { background: center top / cover no-repeat; } #about-rsi section#pillar3 #gametype.fps { background: center top / cover no-repeat; } #about-rsi section#pillar3 #gametype.racing { background: center top / cover no-repeat; } #about-rsi section#pillar3 #gametype.puniverse { background: center top / cover no-repeat; } #about-rsi section#pillar3 #back-drill-beam { position: absolute; width: 169px; height: 309px; top: -216px; right: 8px; background: center top no-repeat; z-index: 5; animation: 0.2s ease 0s infinite normal none running back-drill-beam; } #about-rsi section#pillar3 #back-drill-glow { position: absolute; width: 102px; height: 68px; top: 13px; right: 9px; background: center top no-repeat; z-index: 5; animation: 0.4s ease 0s infinite normal none running back-drill-glow; } #about-rsi section#pillar3 .block-video { background: center top no-repeat; } #about-rsi section#pillar3 .block.middle { margin-bottom: 490px; } #about-rsi section#pillar3 .block.right .block-top-corner { width: 360px; background: left top no-repeat; } #about-rsi section#pillar3 .block.right .chevron { left: 340px; } #about-rsi section#pillar3 .block.right .block-video { background: center top no-repeat; } #about-rsi section#pillar3 .pillar-section-title { text-align: center; margin: 12px auto 234px; width: 500px; } #about-rsi section#pillar3 .gplay-block { top: 2634px; } #about-rsi section#pillar3 .feature-block { position: relative; margin-left: 478px; margin-bottom: 765px; } #about-rsi section#pillar3 #p3-asteroid { position: absolute; background: center top no-repeat; width: 526px; height: 530px; bottom: 0px; left: -235px; z-index: 1; } #about-rsi section#pillar3 #p3-asteroid-prlx { position: absolute; background: center top no-repeat; width: 1468px; height: 1234px; bottom: -300px; left: -725px; z-index: 0; } #about-rsi section#pillar3 .pillar-video { background: center top no-repeat; } #about-rsi section#pillar3 .pillar-video .vid-top .vid-top-left { background: right top no-repeat rgb(0, 0, 0); } #about-rsi section#pillar3 .pillar-video .vid-top .vid-top-mid { background: center top no-repeat; } #about-rsi section#pillar3 .pillar-video .vid-top .vid-top-right { background: left top no-repeat rgb(0, 0, 0); } #about-rsi section#pillar3 .pillar-video .vid-btm .vid-btm-left { background: right top no-repeat rgb(0, 0, 0); } #about-rsi section#pillar3 .pillar-video .vid-btm .vid-btm-mid { background: center top no-repeat; } #about-rsi section#pillar3 .pillar-video .vid-btm .vid-btm-right { background: left top no-repeat rgb(0, 0, 0); } #about-rsi section#pillar3 #pillar-footer { margin-top: 1032px; } #about-rsi section#pillar3 #pillar-footer span { margin: 0px auto 50px; } #about-rsi section#pillar3 #pillar-footer h4 { font-size: 36px; margin-bottom: 50px; } #about-rsi section#pillar3 #pillar-footer h5 { margin: 0px 0px 90px; } #about-rsi section#pillar3 #pillar-footer .hex-wrap { margin-top: -100px; } #about-rsi section#pillar3 #pillar-footer .hex-wrap .hex-title { font-size: 12px; } #about-rsi section#pillar3 #pillar-footer .hex-wrap .content { width: 115px; font-size: 13px; color: rgb(177, 216, 241); font-family: Electrolize; margin: 80px auto; line-height: 22px; } #about-rsi section#pillar3 #pillar-footer .hex-wrap .footer-hex2 { top: 165px; } #about-rsi section#pillar3 #pillar-footer .hex-wrap .hex.footer-hex3 .hex-title { margin-top: 82px; } #about-rsi section#pillar3 #pillar-footer .hex-wrap .arrows-button { transform: rotate(0deg); top: 15px; left: 12px; } #about-rsi section#pillar3 #pillar-footer .hex-wrap .arrows-button .arrow { background: ; } #about-rsi section#pillar3 .fly-now-home-wrapper { width: 100%; position: relative; z-index: 11; overflow: hidden; height: 139px; top: -60px; } #about-rsi section#pillar3 .fly-now-home-wrapper::before, #about-rsi section#pillar3 .fly-now-home-wrapper::after { content: ""; position: absolute; width: 100%; height: 50px; z-index: 9; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn { width: 332px; position: absolute; left: 50%; transform: translateX(-50%); z-index: 10; top: 25px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label { width: 176px; z-index: 15; display: block; position: absolute; left: 50%; height: 61px; transform: translateX(-50%); text-transform: uppercase; text-align: center; font: 700 27px / 58px Orbitron; color: rgb(255, 239, 199); top: 21px; text-shadow: rgba(76, 33, 4, 0.79) 0px 0px 13px, rgba(255, 187, 24, 0.6) 0px 0px 32px; user-select: none; transition-duration: 0.3s; perspective: 1000px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:hover + .chevron-wrapper .chevron { transition-duration: 0.2s; perspective: 1000px; background: rgb(255, 252, 216); } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:hover + .chevron-wrapper .chevron.small.left { right: 32px; box-shadow: rgba(226, 97, 11, 0.8) -12px -5px 25px 3px, rgba(226, 97, 11, 0.85) 0px 0px 13px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:hover + .chevron-wrapper .chevron.small.left::before { box-shadow: rgba(251, 169, 40, 0.8) -38px 3px 34px 3px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:hover + .chevron-wrapper .chevron.small.left::after { box-shadow: rgba(204, 91, 7, 0.8) -72px 1px 46px 2px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:hover + .chevron-wrapper .chevron.small.right { left: 32px; box-shadow: rgba(226, 97, 11, 0.8) 12px -5px 25px 3px, rgba(226, 97, 11, 0.85) 0px 0px 13px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:hover + .chevron-wrapper .chevron.small.right::before { box-shadow: rgba(251, 169, 40, 0.8) 38px 3px 34px 3px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:hover + .chevron-wrapper .chevron.small.right::after { box-shadow: rgba(204, 91, 7, 0.8) 72px 1px 46px 2px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:hover + .chevron-wrapper .chevron.fat.left { left: 43px; box-shadow: rgba(226, 97, 11, 0.8) 12px 5px 25px 3px, rgba(226, 97, 11, 0.85) 0px 0px 13px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:hover + .chevron-wrapper .chevron.fat.right { right: 43px; box-shadow: rgba(226, 97, 11, 0.8) -12px 5px 25px 3px, rgba(226, 97, 11, 0.85) 0px 0px 13px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:hover + .chevron-wrapper + .line-wrapper { filter: drop-shadow(rgba(205, 101, 0, 0.66) 0px 2px 12px); } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:hover + .chevron-wrapper + .line-wrapper::before { box-shadow: rgba(251, 169, 40, 0.8) -54px -1px 45px 5px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:hover + .chevron-wrapper + .line-wrapper::after { box-shadow: rgba(251, 169, 40, 0.8) 54px -1px 45px 5px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:hover + .chevron-wrapper + .line-wrapper .line { transition-duration: 0.2s; perspective: 1000px; opacity: 0.9; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:hover + .chevron-wrapper + .line-wrapper .line::before, #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:hover + .chevron-wrapper + .line-wrapper .line::after { transition-duration: 0.2s; perspective: 1000px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:hover + .chevron-wrapper + .line-wrapper .line.top { width: 248px; border-bottom-color: rgb(32, 14, 0); } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:hover + .chevron-wrapper + .line-wrapper .line.top::before { background: linear-gradient(to right, rgb(255, 254, 241) 0%, rgba(224, 132, 0, 0.68) 25%, rgba(201, 77, 0, 0.48) 40%, rgba(201, 77, 0, 0.35) 50%, rgba(201, 77, 0, 0.48) 60%, rgba(224, 132, 0, 0.68) 75%, rgb(255, 254, 241) 100%); } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:hover + .chevron-wrapper + .line-wrapper .line.top::after { width: 284px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:hover + .chevron-wrapper + .line-wrapper .line.bottom { width: 208px; border-top-color: rgb(32, 14, 0); } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:hover + .chevron-wrapper + .line-wrapper .line.bottom::before { width: 224px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:hover + .chevron-wrapper + .line-wrapper .line.bottom::after { background: linear-gradient(to right, rgb(254, 250, 235) 0%, rgba(224, 132, 0, 0.55) 30%, rgba(207, 77, 13, 0.4) 40%, rgba(207, 77, 13, 0.25) 50%, rgba(207, 77, 13, 0.4) 60%, rgba(224, 132, 0, 0.55) 70%, rgb(254, 250, 235) 100%); } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:hover + .chevron-wrapper + .line-wrapper + .noise-wrapper { background-image: ; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:active { font-size: 25px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:active + .chevron-wrapper .chevron { background: rgb(255, 254, 241); } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:active + .chevron-wrapper .chevron.small.left { right: 42px; box-shadow: rgba(226, 97, 11, 0.9) -13px -5px 32px 5px, rgba(226, 97, 11, 0.9) 0px 0px 13px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:active + .chevron-wrapper .chevron.small.left::before { box-shadow: rgba(251, 169, 40, 0.75) -38px 3px 34px 3px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:active + .chevron-wrapper .chevron.small.left::after { box-shadow: rgba(204, 91, 7, 0.75) -72px 1px 46px 2px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:active + .chevron-wrapper .chevron.small.right { left: 42px; box-shadow: rgba(226, 97, 11, 0.9) 13px -5px 32px 5px, rgba(226, 97, 11, 0.9) 0px 0px 13px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:active + .chevron-wrapper .chevron.small.right::before { box-shadow: rgba(251, 169, 40, 0.75) 38px 3px 34px 3px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:active + .chevron-wrapper .chevron.small.right::after { box-shadow: rgba(204, 91, 7, 0.75) 72px 1px 46px 2px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:active + .chevron-wrapper .chevron.fat.left { left: 53px; box-shadow: rgba(226, 97, 11, 0.9) 13px 5px 32px 5px, rgba(226, 97, 11, 0.9) 0px 0px 13px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:active + .chevron-wrapper .chevron.fat.right { right: 53px; box-shadow: rgba(226, 97, 11, 0.9) -13px 5px 32px 5px, rgba(226, 97, 11, 0.9) 0px 0px 13px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:active + .chevron-wrapper + .line-wrapper { filter: drop-shadow(rgba(205, 101, 0, 0.56) 0px 2px 12px); } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:active + .chevron-wrapper + .line-wrapper::before { box-shadow: rgba(251, 169, 40, 0.75) -50px 1px 77px 1px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:active + .chevron-wrapper + .line-wrapper::after { box-shadow: rgba(251, 169, 40, 0.75) 50px 1px 77px 1px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:active + .chevron-wrapper + .line-wrapper .line { opacity: 1; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:active + .chevron-wrapper + .line-wrapper .line.top { width: 228px; border-bottom-color: rgb(32, 14, 0); } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:active + .chevron-wrapper + .line-wrapper .line.bottom { width: 188px; border-top-color: rgb(32, 14, 0); } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:active + .chevron-wrapper + .line-wrapper .line.bottom::before { width: 204px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .label:active + .chevron-wrapper + .line-wrapper + .noise-wrapper { background-image: ; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper { position: relative; z-index: 14; transform: translateZ(0px); } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron { position: absolute; background: rgb(226, 214, 145); z-index: 15; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron::before, #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron::after { content: ""; position: absolute; display: block; width: 22px; background: 0px 0px; opacity: 0.5; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.left { transform: translateZ(0px) skew(45deg, 0deg); } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.right { transform: translateZ(0px) skew(-45deg, 0deg); } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.small { top: 22px; height: 12px; transition-duration: 0.2s; perspective: 1000px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.small::before, #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.small::after { height: 10px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.small.left { right: 9px; box-shadow: rgb(226, 97, 11) -9px 0px 26px 2px, rgba(226, 97, 11, 0.5) 0px 0px 10px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.small.left::before, #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.small.left::after { right: -17px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.small.left::before { box-shadow: rgba(251, 169, 40, 0.66) -38px 3px 34px 3px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.small.left::after { box-shadow: rgba(204, 91, 7, 0.66) -72px 1px 46px 2px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.small.right { left: 9px; box-shadow: rgb(226, 97, 11) 9px 0px 26px 2px, rgba(226, 97, 11, 0.5) 0px 0px 10px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.small.right::before, #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.small.right::after { left: -17px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.small.right::before { box-shadow: rgba(251, 169, 40, 0.66) 38px 3px 34px 3px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.small.right::after { box-shadow: rgba(204, 91, 7, 0.66) 72px 1px 46px 2px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.fat { top: 34px; height: 36px; transition-duration: 0.2s; perspective: 1000px; transition-delay: 0s; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.fat::before, #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.fat::after { height: 22px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.fat.left { left: 55px; box-shadow: rgb(226, 97, 11) 9px 0px 26px 2px, rgba(226, 97, 11, 0.5) 0px 0px 10px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.fat.left::before, #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.fat.left::after { left: -17px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.fat.left::before { box-shadow: rgba(251, 169, 40, 0.66) 42px 9px 44px 5px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.fat.left::after { box-shadow: rgba(204, 91, 7, 0.66) 79px 2px 36px 0px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.fat.right { right: 55px; box-shadow: rgb(226, 97, 11) -9px 0px 26px 2px, rgba(226, 97, 11, 0.5) 0px 0px 10px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.fat.right::before, #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.fat.right::after { right: -17px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.fat.right::before { box-shadow: rgba(251, 169, 40, 0.66) -42px 9px 44px 5px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .chevron-wrapper .chevron.fat.right::after { box-shadow: rgba(204, 91, 7, 0.66) -79px 2px 36px 0px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .line-wrapper { position: relative; z-index: 13; top: 22px; height: 61px; filter: drop-shadow(rgba(205, 101, 0, 0.25) 0px 2px 3px); } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .line-wrapper::before, #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .line-wrapper::after { content: ""; position: absolute; opacity: 0.5; display: block; width: 32px; height: 16px; top: 20px; background: 0px 0px; transition-duration: 0.2s; perspective: 1000px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .line-wrapper::before { box-shadow: rgba(251, 169, 40, 0.66) -48px 3px 37px 1px; left: 60px; transform: skew(45deg); } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .line-wrapper::after { box-shadow: rgba(251, 169, 40, 0.66) 48px 3px 37px 1px; right: 60px; transform: skew(-45deg); } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .line-wrapper .line { position: relative; margin: auto; height: 0px; opacity: 0.66; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .line-wrapper .line::before, #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .line-wrapper .line::after { content: ""; position: absolute; top: 0px; height: 1px; width: 100%; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .line-wrapper .line.top { width: 294px; transition-duration: 0.2s; perspective: 1000px; border-bottom: 12px solid rgb(6, 5, 5); border-left: 12px solid transparent; border-right: 12px solid transparent; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .line-wrapper .line.top::before, #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .line-wrapper .line.top::after { transition-duration: 0.2s; perspective: 1000px; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .line-wrapper .line.top::before { background: linear-gradient(to right, rgb(224, 132, 0) 0%, rgb(201, 77, 0) 15%, rgb(92, 39, 2) 30%, rgb(27, 15, 0) 50%, rgb(92, 39, 2) 70%, rgb(201, 77, 0) 85%, rgb(224, 132, 0) 100%); } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .line-wrapper .line.top::after { width: 260px; top: 12px; left: 50%; transform: translateX(-50%); background: linear-gradient(to right, rgb(224, 132, 0) 0%, rgba(207, 79, 13, 0.65) 10%, rgba(181, 68, 10, 0.3) 20%, rgba(104, 34, 0, 0) 50%, rgba(181, 68, 10, 0.3) 80%, rgba(207, 79, 13, 0.65) 90%, rgb(224, 132, 0) 100%); } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .line-wrapper .line.bottom { border-top: 34px solid rgb(6, 5, 5); border-left: 34px solid transparent; border-right: 34px solid transparent; top: 1px; width: 184px; transition-duration: 0.2s; perspective: 1000px; transition-delay: 0s; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .line-wrapper .line.bottom::before, #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .line-wrapper .line.bottom::after { transition-duration: 0.2s; perspective: 1000px; transition-delay: 0s; } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .line-wrapper .line.bottom::before { top: -11px; width: 200px; left: 50%; transform: translateX(-50%); background: linear-gradient(to right, rgb(224, 132, 0) 0%, rgba(201, 77, 0, 0.86) 10%, rgba(59, 25, 1, 0.72) 20%, rgba(17, 10, 2, 0.3) 50%, rgba(59, 25, 1, 0.72) 80%, rgba(201, 77, 0, 0.86) 90%, rgb(224, 132, 0) 100%); } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .line-wrapper .line.bottom::after { bottom: 0px; background: linear-gradient(to right, rgb(224, 132, 0) 0%, rgba(207, 77, 13, 0.66) 20%, rgba(89, 40, 6, 0.15) 50%, rgba(207, 77, 13, 0.66) 80%, rgb(224, 132, 0) 100%); } #about-rsi section#pillar3 .fly-now-home-wrapper .fly-now-home-btn .noise-wrapper { animation: 0.8s steps(6) 0s infinite normal none running home-fly-now-btn-noise; z-index: 12; background: left center no-repeat transparent; width: 600px; height: 100px; position: absolute; left: 50%; top: -4px; transform: translateX(-50%); } #about-rsi section#pillar3 .fly-now-home-wrapper > .line-wrapper { top: 24px; width: 1920px; left: 50%; transform: translateX(-50%); } #about-rsi section#pillar3 .fly-now-home-wrapper > .line-wrapper::before, #about-rsi section#pillar3 .fly-now-home-wrapper > .line-wrapper::after { content: ""; position: absolute; height: 23px; width: 100%; top: 35px; border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px 0px; } #about-rsi section#pillar3 .fly-now-home-wrapper > .line-wrapper::before { left: -100%; } #about-rsi section#pillar3 .fly-now-home-wrapper > .line-wrapper::after { right: -100%; } #about-rsi section#pillar3 .fly-now-home-wrapper > .line-wrapper .line.middle { top: 35px; width: 860px; height: 23px; position: absolute; margin-top: 1px; } #about-rsi section#pillar3 .fly-now-home-wrapper > .line-wrapper .line.middle.left { left: 0px; } #about-rsi section#pillar3 .fly-now-home-wrapper > .line-wrapper .line.middle.right { right: 0px; transform: rotateY(180deg); } #about-rsi section#pillar3 .fly-now-home-wrapper > .line-wrapper .line.middle::before, #about-rsi section#pillar3 .fly-now-home-wrapper > .line-wrapper .line.middle::after { content: ""; position: absolute; height: 1px; } #about-rsi section#pillar3 .fly-now-home-wrapper > .line-wrapper .line.middle::before { width: 833px; top: -1px; background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(59, 25, 1) 25%, rgb(201, 77, 0) 55%, rgb(192, 132, 0) 100%); } #about-rsi section#pillar3 .fly-now-home-wrapper > .line-wrapper .line.middle::after { width: 860px; top: 23px; background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(59, 25, 1) 40%, rgb(201, 77, 0) 70%, rgb(192, 132, 0) 100%); } #about-rsi section#pillar3 .fly-now-home-wrapper .line-wrapper { z-index: 9; position: relative; } #about-rsi section#pillar3 .fly-now-home-wrapper .line-wrapper .line { z-index: 10; transform: translateZ(0px); } #about-rsi section#pillar3 .fly-now-home-wrapper .home-carousel-featured-indicator { z-index: 100; position: relative; } #about-rsi section#pillar3 .fly-now-home-wrapper .home-carousel-featured-indicator .nav { display: flex; width: auto; height: 24px; position: absolute; right: 200px; top: 23px; z-index: 66; } @media only screen and (max-width: 1200px) { #about-rsi section#pillar3 .fly-now-home-wrapper .home-carousel-featured-indicator .nav { right: 50px; } } @media only screen and (max-width: 768px) { #about-rsi section#pillar3 .fly-now-home-wrapper .home-carousel-featured-indicator .nav { right: 10px; } } #about-rsi section#pillar3 .fly-now-home-wrapper .home-carousel-featured-indicator .nav a { width: 24px; height: 24px; position: relative; display: block; background: center top / 100% no-repeat; margin: 0px 3px; } #about-rsi section#pillar3 .fly-now-home-wrapper .home-carousel-featured-indicator .nav a.sound { right: 0px; top: 33px; background: -11px -57px no-repeat; display: none; } @media only screen and (max-width: 1200px) { #about-rsi section#pillar3 .fly-now-home-wrapper .home-carousel-featured-indicator .nav a.sound { display: none; } } #about-rsi section#pillar3 .fly-now-home-wrapper .home-carousel-featured-indicator .nav a.sound .elipse { background: no-repeat; opacity: 0.3; position: absolute; display: block; } #about-rsi section#pillar3 .fly-now-home-wrapper .home-carousel-featured-indicator .nav a.sound .elipse.elipse1 { width: 56px; height: 43px; left: -12px; top: -4px; background-position: 1px -90px; } #about-rsi section#pillar3 .fly-now-home-wrapper .home-carousel-featured-indicator .nav a.sound .elipse.elipse2 { width: 33px; height: 33px; left: 0px; top: 0px; background-position: -11px -23px; } #about-rsi section#pillar3 .fly-now-home-wrapper .home-carousel-featured-indicator .nav a.sound .elipse.elipse3 { width: 33px; height: 33px; left: 0px; top: 0px; background-position: -11px 6px; } #about-rsi section#pillar3 .fly-now-home-wrapper .home-carousel-featured-indicator .nav a.sound .elipse.active { opacity: 1; } #about-rsi section#pillar3 .fly-now-home-wrapper .home-carousel-featured-indicator .nav a.sound:hover .elipse { opacity: 0.8; } #about-rsi section#pillar3 .fly-now-home-wrapper .home-carousel-featured-indicator .nav a.sound:hover .elipse.elipse1 { transition-delay: 0.1s; } #about-rsi section#pillar3 .fly-now-home-wrapper .home-carousel-featured-indicator .nav a.sound:hover .elipse.elipse2 { transition-delay: 0.2s; } #about-rsi section#pillar3 .fly-now-home-wrapper .home-carousel-featured-indicator .nav a.sound:hover .elipse.elipse3 { transition-delay: 0.3s; } #about-rsi section#pillar3 .fly-now-home-wrapper .home-carousel-featured-indicator .nav a.sound:hover.active .elipse { opacity: 0.3; } #about-rsi section#pillar3 .fly-now-home-wrapper .home-carousel-featured-indicator .nav a.sound.active .elipse { opacity: 0.8; } #about-rsi section#pillar3 .fly-now-home-wrapper .home-carousel-featured-indicator .nav a canvas { position: absolute; top: -2px; left: -2px; } #contentbody.stretchgoals { background: center top / auto repeat, center top / auto no-repeat, center top / 100% repeat, 0% 0% / auto; width: 100%; padding-bottom: 775px; } @media only screen and (max-width: 760px) { #contentbody.stretchgoals { padding-bottom: 305px; } } #stretchgoals .top h1 { margin-bottom: 20px; font-size: 60px; color: rgb(0, 240, 255); text-shadow: rgb(0, 0, 0) -2px 3px 3px, rgb(6, 105, 149) 0px 0px 20px, rgb(6, 105, 149) 0px 0px 50px; } #stretchgoals .top p { margin-bottom: 30px; font-family: Arial; font-size: 14px; line-height: 24px; color: rgb(136, 171, 199); } #stretchgoals .current-stretchgoal { background: ; padding-top: 40px; padding-bottom: 45px; margin-bottom: 50px; } #stretchgoals .current-stretchgoal .left { float: left; width: 340px; } @media only screen and (max-width: 1150px) { #stretchgoals .current-stretchgoal .left { float: none; } } #stretchgoals .current-stretchgoal .right { padding-left: 340px; } @media only screen and (max-width: 1150px) { #stretchgoals .current-stretchgoal .right { padding-left: 0px; } } #stretchgoals .current-stretchgoal ul { color: rgb(0, 204, 255); font-size: 14px; line-height: 18px; list-style-type: none; padding-left: 0px; } #stretchgoals .current-stretchgoal ul li { background: left center no-repeat; min-height: 35px; padding-left: 40px; padding-top: 16px; margin-bottom: 15px; } #stretchgoals .current-stretchgoal .current-row { margin-bottom: 30px; } @media only screen and (max-width: 1150px) { #stretchgoals .current-stretchgoal .wrapper { max-width: 572px; } } #stretchgoals .crowdfunding-stats.current-stretchgoal .column { float: none; } #stretchgoals .crowdfunding-stats .column h2 { font-size: 22px; margin: 0px; line-height: 50px; } #stretchgoals .crowdfunding-stats .column .next-stretch-box { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 36px; color: rgb(48, 255, 0); text-shadow: rgb(1, 134, 8) 0px 0px 5px; } #stretchgoals .crowdfunding-stats .column .next-stretch-box span { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: inherit; color: rgb(48, 255, 0); } #stretchgoals .crowdfunding-stats .column .body .bars { float: left; } #stretchgoals .crowdfunding-stats .column .body .pourcentage { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 30px; color: rgb(0, 204, 255); padding-left: 20px; float: left; margin-top: 0px; } #stretchgoals .stats-block .crowdfunding-stats { margin-bottom: 100px; } #stretchgoals .stats-block .crowdfunding-stats .two-line-separator { display: none; } #stretchgoals .stats-block .crowdfunding-stats .hexagons { padding-bottom: 50px; } #stretchgoals .stretchgoal-list { margin-top: 120px; } #stretchgoals .stretchgoal-list .amount span { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(255, 255, 255); } #stretchgoals .stretchgoal-list .goal { position: relative; } #stretchgoals .stretchgoal-list .goal .title { margin: 0px; } #stretchgoals .stretchgoal-list .amount-bg { position: absolute; height: 100%; } @media only screen and (max-width: 990px) { #stretchgoals .stretchgoal-list .amount-bg { display: none; } } #stretchgoals .stretchgoal-list .amount-bg .large-line { background: rgb(17, 35, 51); width: 5px; position: absolute; height: 100%; top: 0px; left: 0px; } #stretchgoals .stretchgoal-list .amount-bg .date { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 11px; color: rgb(255, 255, 255); } #stretchgoals .stretchgoal-list .amount-bg .amount { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 16px; color: rgb(0, 255, 0); } #stretchgoals .stretchgoal-list .amount-bg .thin-line { position: absolute; bottom: 0px; left: 0px; width: 25px; height: 1px; background: rgb(31, 211, 255); } #stretchgoals .stretchgoal-list .amount-bg .campaign-amount-box { position: absolute; bottom: 63px; left: 0px; padding-left: 12px; padding-bottom: 5px; } #stretchgoals .stretchgoal-list .amount-bg .campaign-amount-box.current { bottom: auto; top: 50px; } #stretchgoals .stretchgoal-list .amount-bg .campaign-amount-box.current .large-line { background: rgb(38, 228, 255); box-shadow: rgb(19, 151, 255) 0px 0px 20px; height: 92px; z-index: 2; top: auto; bottom: 0px; } #stretchgoals .stretchgoal-list .amount-bg .campaign-amount-box.last { bottom: 0px; } #stretchgoals .stretchgoal-list .amount-bg .campaign-amount-box.last .amount { color: rgb(240, 255, 0); } #stretchgoals .stretchgoal-list .amount-bg .campaign-start-box { top: -70px; position: absolute; left: 0px; padding-left: 12px; padding-bottom: 5px; width: 140px; } #stretchgoals .stretchgoal-list .amount-bg .campaign-start-box .large-line { height: 28px; top: auto; bottom: -28px; } #stretchgoals .stretchgoal-list .right { padding-left: 160px; } @media only screen and (max-width: 990px) { #stretchgoals .stretchgoal-list .right { padding-left: 0px; } } #stretchgoals .stretchgoal-list .right ul, #stretchgoals .stretchgoal-list .right ul li { margin: 0px; } #stretchgoals .stretchgoal-list .last .goal-item { padding-bottom: 0px; } #stretchgoals .stretchgoal-list .last .goal-item .bottom-line { bottom: -5px; } #stretchgoals .stretchgoal-list .goal-item { padding-bottom: 50px; position: relative; } #stretchgoals .stretchgoal-list .goal-item.with-update .right-section { position: relative; float: right; right: 0px; top: 15px; margin-top: -65px; margin-bottom: 20px; margin-left: 10px; padding: 75px 35px 20px; background: rgba(0, 0, 0, 0.5); width: 40%; min-width: 330px; box-sizing: border-box; } @media only screen and (max-width: 658px) { #stretchgoals .stretchgoal-list .goal-item.with-update .right-section { float: none; width: 100%; padding: 10px 10px 10px 135px; margin: 0px; top: 0px; background-image: ; background-position: left bottom; background-repeat: no-repeat; } } #stretchgoals .stretchgoal-list .goal-item.with-update .right-section .info { position: relative; background: linear-gradient(to top, rgba(0, 103, 183, 0.25), rgba(0, 103, 183, 0.25) 50%, transparent 50%, transparent) 0% 0% / 100% 2px transparent; border-style: solid; border-color: rgba(17, 171, 255, 0.25); border-image: initial; border-width: 1px 0px; border-collapse: collapse; padding: 12px 15px 4px; } #stretchgoals .stretchgoal-list .goal-item.with-update .right-section .info::before, #stretchgoals .stretchgoal-list .goal-item.with-update .right-section .info::after { content: ""; display: block; position: absolute; left: 0px; width: calc(100% - 4px); height: 1px; border-width: 0px 2px; border-style: solid; border-color: rgb(17, 171, 255); } #stretchgoals .stretchgoal-list .goal-item.with-update .right-section .info::before { top: -1px; } #stretchgoals .stretchgoal-list .goal-item.with-update .right-section .info::after { bottom: -1px; } #stretchgoals .stretchgoal-list .goal-item.with-update .right-section .info .update { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 11px; color: rgb(255, 255, 255); line-height: 5px; display: block; } #stretchgoals .stretchgoal-list .goal-item.with-update .right-section .info .date { font-family: arial; font-size: 11px; line-height: 5px; color: rgb(171, 211, 243); } #stretchgoals .stretchgoal-list .goal-item.with-update .right-section .info .status { text-transform: uppercase; position: absolute; right: 20px; top: 14px; padding-right: 35px; } #stretchgoals .stretchgoal-list .goal-item.with-update .right-section .info .status::after { content: ""; display: block; width: 27px; height: 23px; position: absolute; top: -4px; right: 0px; background: center center no-repeat transparent; } #stretchgoals .stretchgoal-list .goal-item.with-update .right-section .info .status.ready { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(0, 255, 24); } #stretchgoals .stretchgoal-list .goal-item.with-update .right-section .info .status.ready::after { background-position: left center; } #stretchgoals .stretchgoal-list .goal-item.with-update .right-section .info .status.in-progress { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(255, 186, 0); } #stretchgoals .stretchgoal-list .goal-item.with-update .right-section .info .status.in-progress::after { background-position: right center; } #stretchgoals .stretchgoal-list .goal-item.with-update .right-section .text { padding: 0px 5px; } #stretchgoals .stretchgoal-list .goal-item.with-update .right-section .text, #stretchgoals .stretchgoal-list .goal-item.with-update .right-section .text * { font-family: arial; font-size: 12px; line-height: 18px; color: rgb(171, 211, 243); } #stretchgoals .stretchgoal-list .goal-item.with-update .right-section .text a { color: rgb(0, 220, 250); } #stretchgoals .stretchgoal-list .goal-item .top-line { position: absolute; top: -4px; right: 40px; width: 70px; height: 3px; background: rgb(9, 185, 255); box-shadow: rgb(19, 151, 255) 0px 0px 20px; } #stretchgoals .stretchgoal-list .goal-item .bottom-line { width: 70px; height: 3px; background: rgb(9, 185, 255); position: absolute; bottom: 45px; left: 40px; box-shadow: rgb(19, 151, 255) 0px 0px 20px; } #stretchgoals .stretchgoal-list .goal-item .inner-item { background: center bottom repeat-x rgba(0, 0, 0, 0.4); position: relative; } #stretchgoals .stretchgoal-list .goal-item .title { background: center top repeat-x; padding-top: 22px; margin-bottom: -8px; position: relative; } #stretchgoals .stretchgoal-list .goal-item .title .text { padding-left: 200px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 18px; color: rgb(18, 255, 0); text-transform: uppercase; } @media only screen and (max-width: 760px) { #stretchgoals .stretchgoal-list .goal-item .title .text { padding-left: 160px; } } #stretchgoals .stretchgoal-list .goal-item .title .line { height: 18px; background: right center no-repeat; } #stretchgoals .stretchgoal-list .goal-item .title .fle { width: 8px; height: 10px; background: ; position: absolute; top: 34px; left: 180px; } @media only screen and (max-width: 760px) { #stretchgoals .stretchgoal-list .goal-item .title .fle { left: 140px; } } #stretchgoals .stretchgoal-list .goal-item .title .associated-post { margin: 0px auto; width: 256px; height: 30px; position: absolute; top: 18px; right: 0px; white-space: nowrap; z-index: 2; } @media only screen and (max-width: 560px) { #stretchgoals .stretchgoal-list .goal-item .title .associated-post { top: 55px; } } #stretchgoals .stretchgoal-list .goal-item .item-content { background: left top no-repeat; padding-bottom: 43px; position: relative; } @media only screen and (max-width: 560px) { #stretchgoals .stretchgoal-list .goal-item .item-content.with-associated-post > div:first-child { padding-top: 45px; } } #stretchgoals .stretchgoal-list .goal-item .item-content a { color: rgb(0, 255, 255); } #stretchgoals .stretchgoal-list .goal-item .item-content p { margin: 0px; padding-top: 10px; line-height: 22px; } #stretchgoals .stretchgoal-list .goal-item .item-content .stripes { background: left top repeat; min-height: 100px; color: rgb(255, 255, 255); font-size: 12px; padding: 10px 10px 30px 175px; } @media only screen and (max-width: 760px) { #stretchgoals .stretchgoal-list .goal-item .item-content .stripes { padding-left: 125px; } } #stretchgoals .stretchgoal-list .goal-item .item-content ul { list-style-type: none; padding-left: 0px; padding-top: 10px; } #stretchgoals .stretchgoal-list .goal-item .item-content ul li { background: left top no-repeat; min-height: 25px; padding-left: 40px; padding-top: 9px; text-shadow: rgb(0, 0, 0) 2px 2px; } #stretchgoals .stretchgoal-list .goal-item .left-section { background: rgba(0, 0, 0, 0.4); width: 160px; position: absolute; top: 15px; bottom: 15px; left: 0px; } @media only screen and (max-width: 760px) { #stretchgoals .stretchgoal-list .goal-item .left-section { width: 125px; } } #stretchgoals .stretchgoal-list .goal-item .left-section h2 { font-size: 14px; color: rgb(0, 255, 24); text-align: center; line-height: 30px; } #stretchgoals .stretchgoal-list .goal-item .left-section .goal-title { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 16px; color: rgb(255, 255, 255); text-align: center; text-transform: uppercase; padding-top: 10px; } #stretchgoals .stretchgoal-list .goal-item .left-section .donut-container { width: 102px; height: 102px; margin: 30px auto 0px; } #stretchgoals .stretchgoal-list .goal-item .left-section .donut-container .percentage { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 16px; color: rgb(0, 255, 24); text-align: center; margin-top: -65px; } #stretchgoals .stretchgoal-list .accomplished .amount-bg .large-line { background: rgb(38, 228, 255); box-shadow: rgb(19, 151, 255) 0px 0px 20px; } #stretchgoals .stretchgoal-list .in-progress .amount-bg .amount { color: rgb(240, 255, 0); } #stretchgoals .stretchgoal-list .in-progress .goal-item .left-section h2 { color: rgb(240, 255, 0); } #stretchgoals .stretchgoal-list .in-progress .goal-item .left-section .donut-container .percentage { color: rgb(240, 255, 0); } #stretchgoals .stretchgoal-list .locked .goal-item .left-section h2 { color: rgb(170, 192, 209); } #stretchgoals .stretchgoal-list .locked .goal-item .left-section .donut-container .percentage { color: rgb(170, 192, 209); } #stretchgoals .stretchgoal-list .in-progress .goal-item .inner-item, #stretchgoals .stretchgoal-list .locked .goal-item .inner-item, #stretchgoals .stretchgoal-list .waiting .goal-item .inner-item { background: center bottom repeat-x rgba(0, 0, 0, 0.4); } #stretchgoals .stretchgoal-list .in-progress .goal-item .item-content, #stretchgoals .stretchgoal-list .locked .goal-item .item-content, #stretchgoals .stretchgoal-list .waiting .goal-item .item-content { background: left top no-repeat; } #stretchgoals .stretchgoal-list .in-progress .goal-item .item-content ul li, #stretchgoals .stretchgoal-list .locked .goal-item .item-content ul li, #stretchgoals .stretchgoal-list .waiting .goal-item .item-content ul li { color: rgb(124, 143, 166); } #stretchgoals .stretchgoal-list .in-progress .goal-item .title, #stretchgoals .stretchgoal-list .locked .goal-item .title, #stretchgoals .stretchgoal-list .waiting .goal-item .title { background: center top repeat-x; } #stretchgoals .stretchgoal-list .in-progress .goal-item .title .text, #stretchgoals .stretchgoal-list .locked .goal-item .title .text, #stretchgoals .stretchgoal-list .waiting .goal-item .title .text { color: rgb(92, 148, 171); } #stretchgoals .stretchgoal-list .in-progress .goal-item .title .line, #stretchgoals .stretchgoal-list .locked .goal-item .title .line, #stretchgoals .stretchgoal-list .waiting .goal-item .title .line { background: right center no-repeat; } #stretchgoals .stretchgoal-list .in-progress .goal-item .top-line, #stretchgoals .stretchgoal-list .locked .goal-item .top-line, #stretchgoals .stretchgoal-list .waiting .goal-item .top-line, #stretchgoals .stretchgoal-list .in-progress .goal-item .bottom-line, #stretchgoals .stretchgoal-list .locked .goal-item .bottom-line, #stretchgoals .stretchgoal-list .waiting .goal-item .bottom-line { background: rgb(92, 148, 171); } #project-status #post-background { position: absolute; height: 1600px; opacity: 1; background-repeat: no-repeat; } #project-status.hangar #project #status .hex.star_citizen { background: ; } #project-status.hangar #post-background { background: center 157px no-repeat; } #project-status.arena-commander #project #status .hex.star_citizen { background: ; } #project-status.arena-commander #post-background { background: center 120px no-repeat; } #project-status.persistent-universe #project #status .hex.star_citizen { background: ; } #project-status.persistent-universe #post-background { background: center 21px no-repeat; } #project-status.squadron-42 #project #status .hex.star_citizen { background: ; } #project-status.squadron-42 #post-background { background: center 77px no-repeat; } #project-status.planetside #project #status .hex.star_citizen { background: ; } #project-status.planetside #post-background { background: center 77px no-repeat; } #project-status.fps #project #status .hex.star_citizen { background: ; } #project-status.fps #post-background { background: center 118px no-repeat; } #project-status #project { padding-bottom: 30px; } #project-status #project h1 { text-align: left; font-size: 24px; color: rgb(16, 249, 248); text-transform: uppercase; text-shadow: rgb(0, 153, 255) 0px 0px 20px; margin: 40px 0px 30px; } #project-status #project .date { color: rgb(44, 121, 159); font-size: 12px; font-family: Electrolize; } #project-status #project .date span { color: rgb(0, 228, 255); font-family: Electrolize; } #project-status #project #status { width: 100%; height: 1062px; z-index: 20; position: relative; margin: 24px 0px 30px; overflow: hidden; } #project-status #project #status .hex { width: 397px; height: 355px; background: ; position: absolute; opacity: 0.6; } #project-status #project #status .hex * { text-shadow: rgb(66, 169, 248) 0px 9px 30px; font-family: Electrolize; text-align: center; text-transform: uppercase; } #project-status #project #status .hex .glow { z-index: 3; width: 394px; height: 358px; opacity: 1; background: ; position: absolute; left: 1px; top: -1px; } #project-status #project #status .hex .inner { width: 346px; opacity: 1; height: 309px; background: ; position: absolute; left: 25px; top: 23px; } #project-status #project #status .hex .inner .bar { z-index: 2; width: 346px; height: 309px; background: center bottom no-repeat; position: absolute; left: 0px; top: 0px; } #project-status #project #status .hex .inner .center { z-index: 3; width: 275px; height: 264px; margin: -132px 0px 0px -138px; background: center center no-repeat; position: absolute; left: 50%; top: 50%; } #project-status #project #status .hex .hover { opacity: 0; z-index: 2; width: 397px; height: 355px; position: absolute; left: 0px; top: 0px; } #project-status #project #status .hex .hex-title { top: 90px; left: 50px; width: 297px; height: 90px; vertical-align: middle; color: rgb(0, 228, 255); font-size: 29px; z-index: 4; position: relative; line-height: 30px; } #project-status #project #status .hex .hex-status { font-size: 15px; color: rgb(255, 255, 255); position: absolute; top: 187px; width: 100%; height: 170px; z-index: 4; } #project-status #project #status .hex .hex-status .hex-status-inner { line-height: 20px; } #project-status #project #status .hex .hex-status .hex-status-inner div { color: rgb(228, 201, 23); } #project-status #project #status .hex .hex-status .hex-status-inner .icon { width: 49px; height: 44px; margin: 25px auto; background: ; } #project-status #project #status .hex .hex-status .hex-status-inner-hover { opacity: 0; color: rgb(255, 255, 255); position: absolute; left: 0px; top: 0px; width: 100%; height: 170px; z-index: 4; } #project-status #project #status .hex .hex-status .hex-status-inner-hover .icon { display: block; width: 107px; height: 101px; margin: 20px auto 0px; background: ; } #project-status #project #status .hex .hex-status.multiple .hex-status-inner { position: relative; } #project-status #project #status .hex .hex-status.multiple .hex-status-inner .hex-sub { cursor: default; font-size: 10px; color: rgb(255, 255, 255); position: absolute; left: 0px; top: 0px; background: center bottom; width: 90px; height: 79px; display: block; } #project-status #project #status .hex .hex-status.multiple .hex-status-inner .hex-sub div { color: rgb(255, 255, 255); line-height: 12px; width: 90px; height: 36px; display: table-cell; vertical-align: middle; position: relative; padding-top: 18px; text-align: center; } #project-status #project #status .hex .hex-status.multiple .hex-status-inner .hex-sub div span { display: block; color: rgb(228, 201, 23); } #project-status #project #status .hex .hex-status.multiple .hex-status-inner .hex-sub .icon { width: 25px; height: 21px; background: ; position: absolute; bottom: -10px; left: 33px; margin: 0px; } #project-status #project #status .hex .hex-status.multiple .hex-status-inner .hex-sub .arrow { width: 60px; height: 52px; background: right top; position: absolute; left: 15px; top: 5px; opacity: 0; } #project-status #project #status .hex .hex-status.multiple .hex-status-inner .hex-sub.ready { background-position: center top; cursor: pointer; } #project-status #project #status .hex .hex-status.multiple .hex-status-inner .hex-sub.ready div span { color: rgb(77, 255, 42); } #project-status #project #status .hex .hex-status.multiple .hex-status-inner .hex-sub.ready .icon { width: 29px; height: 25px; background: ; } #project-status #project #status .hex .hex-status.multiple .hex-status-inner .hex-sub.ready .arrow { background-position: right center; } #project-status #project #status .hex .hex-status.multiple .hex-status-inner .hex-sub.ready:hover .icon, #project-status #project #status .hex .hex-status.multiple .hex-status-inner .hex-sub.ready:hover div { opacity: 0; } #project-status #project #status .hex .hex-status.multiple .hex-status-inner .hex-sub.ready:hover .arrow { opacity: 1; top: 15px; } #project-status #project #status .hex .hex-status.multiple2 .hex-status-inner .hex-sub1 { left: 85px; top: -1px; } #project-status #project #status .hex .hex-status.multiple2 .hex-status-inner .hex-sub2 { left: 153px; top: 37px; } #project-status #project #status .hex .hex-status.multiple3 .hex-status-inner .hex-sub1 { left: 85px; top: -1px; } #project-status #project #status .hex .hex-status.multiple3 .hex-status-inner .hex-sub2 { left: 153px; top: 37px; } #project-status #project #status .hex .hex-status.multiple3 .hex-status-inner .hex-sub3 { left: 221px; top: -1px; } #project-status #project #status .hex.center { top: 354px; left: 50%; margin: 0px 0px 0px -199px; } #project-status #project #status .hex.top { top: 0px; left: 50%; margin: 0px 0px 0px -199px; } #project-status #project #status .hex.top-left { top: 0px; left: 50%; margin: 177px 0px 0px -503px; } #project-status #project #status .hex.top-right { top: 0px; left: 50%; margin: 177px 0px 0px 105px; } #project-status #project #status .hex.bottom { bottom: 0px; left: 50%; margin: 0px 0px 0px -199px; } #project-status #project #status .hex.bottom-left { bottom: 177px; left: 50%; margin: 0px 0px 0px -503px; } #project-status #project #status .hex.bottom-right { bottom: 177px; left: 50%; margin: 0px 0px 0px 105px; } #project-status #project #status .hex.left { top: 354px; left: 50%; margin: 0px 0px 0px -807px; } #project-status #project #status .hex.right { top: 354px; left: 50%; margin: 0px 0px 0px 409px; } #project-status #project #status .hex.star_citizen.active { opacity: 1; } #project-status #project #status .hex.star_citizen.active:hover .glow, #project-status #project #status .hex.star_citizen.active:hover .hover, #project-status #project #status .hex.star_citizen.active:hover .inner { opacity: 1; } #project-status #project #status .hex.star_citizen.active:hover .hex-title { color: rgb(255, 255, 255); } #project-status #project #status .hex.star_citizen img { margin-top: 10px; } #project-status #project #status .hex.hangar .hover { background: ; } #project-status #project #status .hex.arena-commander .hover { background: ; } #project-status #project #status .hex.persistent-universe .hover { background: ; } #project-status #project #status .hex.squadron-42 .hover { background: ; } #project-status #project #status .hex.planetside .hover { background: ; } #project-status #project #status .hex.fps .hover { background: ; } #project-status #project #status .hex.ready .inner .bar { background-position: center top; } #project-status #project #status .hex.ready .hex-status .hex-status-inner div { color: rgb(77, 255, 42); } #project-status #project #status .hex.ready .hex-status .hex-status-inner .icon { margin: 15px 0px 0px 174px; background: ; width: 63px; height: 58px; } #project-status #project #status .hex:hover .hex-status .hex-status-inner { opacity: 0; } #project-status #project #status .hex:hover .hex-status .hex-status-inner .icon { margin-top: -5px; } #project-status #project #status .hex:hover .hex-status .hex-status-inner-hover { opacity: 1; } #project-status #project #status .hex:hover .hex-status .hex-status-inner-hover .icon { margin-top: -5px; } #project-status #project #status .hex:hover .hex-status.multiple .hex-status-inner { opacity: 1; } #project-status #project #the-vision { margin-bottom: 60px; position: relative; } @media only screen and (max-width: 1360px) { #project-status #project #the-vision { width: 728px; position: relative; margin: 0px auto 60px; } } #project-status #project #the-vision h2 { text-align: center; } #project-status #project #the-vision .viewport { position: relative; overflow: hidden; width: 1066px; padding: 0px 5px; height: 373px; margin: 0px auto; border: 1px solid rgb(2, 56, 103); } @media only screen and (max-width: 1360px) { #project-status #project #the-vision .viewport { width: 716px; } } #project-status #project #the-vision .content { position: relative; height: 373px; background: ; } #project-status #project #the-vision .content .slide { float: left; width: 1046px; height: 333px; margin: 20px auto; padding: 0px 10px; overflow: hidden; } @media only screen and (max-width: 1360px) { #project-status #project #the-vision .content .slide { width: 716px; } } #project-status #project #the-vision .content .slide a.box { width: 328px; height: 331px; display: block; position: relative; border: 1px solid rgb(2, 56, 103); margin: 0px 9px; float: left; box-shadow: none; } #project-status #project #the-vision .content .slide a.box:hover .shadow { box-shadow: none; } #project-status #project #the-vision .content .slide a.box:hover .info { opacity: 1; } #project-status #project #the-vision .content .slide a.box img { position: absolute; left: 0px; top: 0px; } #project-status #project #the-vision .content .slide a.box .shadow { width: 100%; height: 100%; position: relative; box-shadow: rgba(50, 50, 50, 0.51) 0px 1px 30px 13px inset; } #project-status #project #the-vision .content .slide a.box .info { position: absolute; opacity: 0.7; bottom: 0px; left: 0px; padding: 0px 19px; width: 290px; height: 110px; background: rgba(5, 45, 71, 0.85); } #project-status #project #the-vision .content .slide a.box .info h5 { text-shadow: rgb(0, 0, 0) 1px 1px 0px; font-size: 20px; margin: 0px; height: 80px; vertical-align: middle; display: table-cell; } @media only screen and (max-width: 1360px) { #project-status #project #the-vision .nav { display: none; } } #project-status #project #the-vision .nav a { width: 32px; height: 141px; display: block; position: absolute; top: 180px; background: ; } #project-status #project #the-vision .nav a.left { background-position: left top; left: 0px; } #project-status #project #the-vision .nav a.left span.top { background-position: left top; } #project-status #project #the-vision .nav a.left span.bottom { background-position: left bottom; } #project-status #project #the-vision .nav a.right { background-position: right top; right: 0px; } #project-status #project #the-vision .nav a.right span.top { background-position: right top; } #project-status #project #the-vision .nav a.right span.bottom { background-position: right bottom; } #project-status #project #the-vision .nav a:hover span.top { top: -2px; } #project-status #project #the-vision .nav a:hover span.bottom { bottom: -2px; } #project-status #project #the-vision .nav a span { width: 128px; height: 121px; left: -48px; display: block; position: absolute; background: ; } #project-status #project #the-vision .nav a span.top { top: -30px; } #project-status #project #the-vision .nav a span.bottom { bottom: -30px; } #project-status #project #the-vision .pager { text-align: center; width: 175px; height: 50px; margin: -20px auto 0px; position: relative; background: center bottom; } #project-status #project #the-vision .pager .left, #project-status #project #the-vision .pager .right { position: absolute; width: 35px; height: 31px; background: ; } #project-status #project #the-vision .pager .left { background-position: left top; left: -35px; bottom: 0px; } #project-status #project #the-vision .pager .right { background-position: right top; right: -35px; bottom: 0px; } #project-status #project #the-vision .pager a { position: relative; margin: 8px; width: 33px; height: 33px; background: ; display: inline-block; } #project-status #project #the-vision .pager a span { width: 10px; height: 10px; border-radius: 6px; background-color: rgb(0, 231, 255); display: block; position: absolute; top: 11px; left: 11px; opacity: 0; } #project-status #project #the-vision .pager a:hover, #project-status #project #the-vision .pager a.on { transform: rotate(270deg); } #project-status #project #the-vision .pager a:hover span, #project-status #project #the-vision .pager a.on span { opacity: 1; } #project-status #project #development-reports { float: left; } @media only screen and (max-width: 1200px) { #project-status #project #development-reports { float: none; margin: 0px auto 80px; } } #project-status #project #development-reports .corner.corner-bottom-left, #project-status #project #development-reports .corner.corner-bottom-right { bottom: -13px; } #download #post-background { background: center -50px no-repeat rgb(2, 13, 19); position: absolute; opacity: 1; } @media only screen and (max-width: 1360px) { #download #post-background { background: right -50px no-repeat rgb(2, 13, 19); } } @media only screen and (max-width: 658px) { #download #post-background { background: -640px -50px no-repeat rgb(2, 13, 19); } } #download .bloc-presentation { padding: 0px 25px; } #download .bloc-presentation, #download .bloc-presentation.inner-content { padding: 0px; margin: 0px; background: 0px 0px; border: none; } #download .bloc-presentation h1 { font-size: 48px; } #download .bloc-presentation h2 { color: rgb(97, 228, 251); margin-top: 70px; } #download .bloc-presentation .left { width: 50%; float: left; padding: 0px 0px 0px 25px; } #download .bloc-presentation .left p { font-size: 14px; color: rgb(149, 173, 183); } #download .bloc-presentation .left p a { color: rgb(0, 228, 255); } #download .bloc-presentation .left p a:hover { color: rgb(255, 255, 255); } #download .bloc-presentation .hex { position: absolute; right: 94px; top: 72px; width: 299px; height: 298px; background: ; } @media only screen and (max-width: 658px) { #download .bloc-presentation .hex { right: 0px; } } #download .bloc-presentation .hex a { text-transform: uppercase; font-family: Electrolize; text-shadow: rgb(66, 169, 248) 0px 9px 30px; font-size: 14px; color: rgb(255, 255, 255); text-decoration: none; text-align: center; position: absolute; top: -10px; left: 50%; margin-left: -174px; width: 348px; padding-top: 315px; height: 290px; background: center top no-repeat; display: block; } #download .bloc-presentation .hex a .arrow { display: block; position: absolute; width: 100%; height: 52px; top: 217px; left: 0px; background: center 2px no-repeat; } #download .bloc-presentation .hex a .version { font-family: Electrolize; font-size: 18px; display: block; position: absolute; width: 100%; top: 260px; left: 0px; } #download .bloc-presentation .hex a:hover .arrow { top: 233px; } #download .bloc-presentation .hex a:hover .version { top: 280px; opacity: 0; } #download .download-step { margin: 100px auto 0px; position: relative; } @media only screen and (max-width: 1200px) { #download .download-step { width: 845px; } } @media only screen and (max-width: 990px) { #download .download-step { width: 500px; } } #download .download-step * { font-family: Electrolize; } #download .download-step .content { position: relative; margin: 80px 0px 45px; } #download .download-step h3 { font-size: 30px; color: rgb(97, 228, 251); } #download .download-step h3 span { font-size: 24px; display: block; color: rgb(149, 173, 183); } #download .download-step .status { width: 212px; height: 100%; left: 243px; top: 0px; position: absolute; } #download .download-step .status .top { top: -64px; height: 106px; padding-top: 30px; font-size: 16px; color: rgb(255, 255, 255); text-align: center; width: 258px; position: absolute; left: -27px; background: center top; } #download .download-step .status .bottom { bottom: -46px; left: -27px; position: absolute; width: 258px; height: 106px; background: center bottom; } #download .download-step .status.ready .glow { width: 219px; height: 458px; display: block; position: absolute; bottom: -190px; left: -12px; background: center center; } #download .download-step .step-row { height: 126px; clear: both; position: relative; background-color: rgba(22, 104, 159, 0.4); } #download .download-step .step-row.first { border-top: 1px solid rgb(22, 129, 165); } #download .download-step .step-row.last { margin-bottom: 0px; height: 176px; border-bottom: 1px solid rgb(22, 129, 165); } #download .download-step .step-row.last h4 div { height: 176px; } #download .download-step .step-row.last .icon-wrapper { position: relative; } #download .download-step .step-row.last .icon-wrapper .line { height: 137px; } #download .download-step .step-row.last .icon-wrapper .icon.access { margin-top: 30px; } #download .download-step .step-row.last .state { height: 160px; } #download .download-step .step-row.last .state .line { height: 138px; } #download .download-step .step-row.last .state > p { height: 146px; } #download .download-step .step-row.last .state .download-wrapper { position: absolute; bottom: 0px; left: 320px; } @media only screen and (max-width: 1200px) { #download .download-step .step-row.last .state .download-wrapper { left: 15px; bottom: -90px; } } #download .download-step .step-row.last .state .download-wrapper .installer-btn { position: relative; right: inherit; top: inherit; } #download .download-step .step-row.last .state .download-wrapper p { margin: 12px 0px 0px 30px; float: left; } #download .download-step .step-row:nth-child(2n+2) { background-color: rgba(22, 104, 159, 0.25); } #download .download-step .step-row h4 { width: 209px; height: 126px; color: rgb(0, 217, 243); font-size: 18px; float: left; padding: 0px 0px 0px 32px; margin: 0px; } #download .download-step .step-row h4 div { display: table-cell; height: 126px; vertical-align: middle; } #download .download-step .step-row .icon-wrapper { width: 212px; height: 100%; display: block; float: left; position: relative; } #download .download-step .step-row .icon-wrapper .line { width: 1px; height: 88px; background-color: rgb(13, 110, 144); position: absolute; top: 20px; } #download .download-step .step-row .icon-wrapper .line::before, #download .download-step .step-row .icon-wrapper .line::after { content: ""; display: block; background-color: rgb(67, 237, 248); position: absolute; left: 0px; width: 1px; height: 3px; } #download .download-step .step-row .icon-wrapper .line::before { top: 0px; } #download .download-step .step-row .icon-wrapper .line::after { bottom: 0px; } #download .download-step .step-row .icon-wrapper .line.left { left: 0px; } #download .download-step .step-row .icon-wrapper .line.right { right: 0px; } #download .download-step .step-row .icon-wrapper .icon { margin-top: 10px; display: block; width: 100%; height: 101px; background: center center no-repeat; } #download .download-step .step-row .icon-wrapper .icon.access { background-position: center -199px; } #download .download-step .step-row .icon-wrapper .icon.denied { background-position: center -96px; } #download .download-step .step-row .state { width: 683px; height: 126px; position: relative; float: left; } #download .download-step .step-row .state .line { width: 1px; height: 88px; background-color: rgb(13, 110, 144); position: absolute; top: 20px; left: 300px; } @media only screen and (max-width: 1200px) { #download .download-step .step-row .state .line { display: none; } } #download .download-step .step-row .state .line::before, #download .download-step .step-row .state .line::after { content: ""; display: block; background-color: rgb(67, 237, 248); position: absolute; left: 0px; width: 1px; height: 3px; } #download .download-step .step-row .state .line::before { top: 0px; } #download .download-step .step-row .state .line::after { bottom: 0px; } @media only screen and (max-width: 1200px) { #download .download-step .step-row .state { width: 388px; } } @media only screen and (max-width: 990px) { #download .download-step .step-row .state:not(.state--download) { display: none; } #download .download-step .step-row .state.state--download { height: 0px; width: 100%; max-width: 500px; } #download .download-step .step-row .state.state--download .requirements { display: none; } #download .download-step .step-row .state.state--download .download-wrapper { right: auto; left: 50%; transform: translateX(-50%); } } #download .download-step .step-row .state a { position: absolute; right: 40px; top: 42px; } #download .download-step .step-row .state p { width: 234px; height: 96px; margin: 0px; padding: 30px 30px 0px; font-size: 15px; color: rgb(179, 201, 210); float: left; } #download .download-step .step-row .state p div { height: 126px; vertical-align: middle; display: table-cell; } #download .download-step .step-row .state p.ready { color: rgb(77, 255, 42); } @media only screen and (max-width: 1200px) { #download .download-step .step-row .state p { display: none; } } #download .download-step .step-row .state .identity-wrapper { margin: -25px 0px 0px; width: 275px; height: 48px; border: 1px solid rgb(41, 140, 143); position: absolute; right: 55px; top: 50%; box-shadow: rgba(2, 56, 103, 0.8) 0px 0px 50px 0px inset; } #download .download-step .step-row .state .identity-wrapper .thumb { float: left; margin: 4px 10px 0px 15px; } #download .download-step .step-row .state .identity-wrapper .infos { height: 48px; float: left; position: relative; } #download .download-step .step-row .state .identity-wrapper .infos .name { font-size: 12px; color: rgb(177, 216, 241); text-transform: uppercase; font-family: Electrolize; margin-top: 7px; position: relative; } #download .download-step .step-row .state .identity-wrapper .infos .handle { font-size: 12px; color: rgb(4, 106, 156); font-family: Electrolize; position: relative; } #download .download-step .step-row .state .pledge-wrapper { margin: -25px 0px 0px; width: 275px; height: 48px; border: 1px solid rgb(41, 140, 143); position: absolute; right: 55px; top: 50%; box-shadow: rgba(2, 56, 103, 0.8) 0px 0px 50px 0px inset; } #download .download-step .step-row .state .pledge-wrapper .thumb { float: left; margin: 4px 10px 0px 15px; } #download .download-step .step-row .state .pledge-wrapper .infos { height: 48px; float: left; position: relative; } #download .download-step .step-row .state .pledge-wrapper .infos .name { font-size: 12px; color: rgb(177, 216, 241); text-transform: uppercase; font-family: Electrolize; height: 48px; vertical-align: middle; display: table-cell; position: relative; } #download .download-step .step-row .state .ships { float: left; width: 338px; } #download .download-step .step-row .state .ships h6 { font-size: 15px; color: rgb(66, 237, 248); margin: 20px 0px 0px 27px; } #download .download-step .step-row .state .ships ul { list-style-type: square; padding-left: 43px; margin: 0px; } #download .download-step .step-row .state .ships ul li { color: rgb(179, 201, 210); line-height: 24px; font-size: 12px; margin-right: 15px; padding-left: 0px; } #download .download-step .step-row .state .ships ul li span { color: rgb(255, 255, 255); } #download .download-step .step-row .state .requirements { float: left; width: 292px; height: 176px; } #download .download-step .step-row .state .requirements h6 { font-size: 15px; color: rgb(66, 237, 248); margin: 20px 0px 5px 27px; } #download .download-step .step-row .state .requirements ul { list-style-type: square; padding-left: 43px; margin-top: 0px; } #download .download-step .step-row .state .requirements ul li { color: rgb(179, 201, 210); line-height: 24px; font-size: 12px; padding-left: 0px; } #download .download-step .step-row .state .requirements ul li span { color: rgb(255, 255, 255); } #download .download-step .step-row .state.last { height: 176px; margin-bottom: 0px; } #download .download-step .step-row .state.last h4 div, #download .download-step .step-row .state.last .icon-wrapper, #download .download-step .step-row .state.last .state { height: 176px; } #download .download-step .step-row .state.last .icon-wrapper .icon { margin-top: 34px; } #download .download-step .step-row .state.last .icon-wrapper .icon.access { background-position: center -302px; text-align: center; padding-top: 55px; color: rgb(0, 255, 24); font-size: 16px; } #download .download-step .step-row .state.last p { height: 146px; } #download .faq-module, #download .patch-notes-module { width: 560px; min-height: 282px; border-top: 1px solid rgb(22, 129, 165); background-color: rgba(22, 104, 159, 0.25); box-sizing: border-box; position: relative; margin: 85px 0px 60px; } @media only screen and (max-width: 1200px) { #download .faq-module, #download .patch-notes-module { width: 48%; } } @media only screen and (max-width: 990px) { #download .faq-module, #download .patch-notes-module { width: 100%; float: none; } } #download .faq-module *, #download .patch-notes-module * { font-family: Electrolize; } #download .faq-module .inner-module, #download .patch-notes-module .inner-module { padding: 28px 32px 0px; min-height: 253px; } #download .faq-module .inner-module .title, #download .patch-notes-module .inner-module .title { font-size: 18px; color: rgb(255, 255, 255); text-transform: uppercase; margin-bottom: 15px; } #download .faq-module .inner-module .title a, #download .patch-notes-module .inner-module .title a { color: rgb(0, 217, 243); font-size: 14px; float: right; transition-duration: 0.2s; perspective: 1000px; } #download .faq-module .inner-module .title a:hover, #download .patch-notes-module .inner-module .title a:hover { color: rgb(255, 255, 255); } #download .faq-module .inner-module ul, #download .patch-notes-module .inner-module ul { padding: 0px 0px 10px 20px; margin: 0px; list-style: none; } #download .faq-module .inner-module ul li, #download .patch-notes-module .inner-module ul li { margin: 0px 0px 6px; padding: 0px; height: 27px; line-height: 27px; } #download .faq-module .inner-module ul li a, #download .patch-notes-module .inner-module ul li a { display: block; font-size: 14px; color: rgb(0, 217, 243); position: relative; padding-left: 22px; transition-duration: 0.2s; perspective: 1000px; } #download .faq-module .inner-module ul li a::before, #download .patch-notes-module .inner-module ul li a::before, #download .faq-module .inner-module ul li a::after, #download .patch-notes-module .inner-module ul li a::after { content: ""; display: block; height: 100%; position: absolute; top: 0px; background-color: rgb(9, 53, 75); transition-duration: 0.2s; perspective: 1000px; } #download .faq-module .inner-module ul li a::before, #download .patch-notes-module .inner-module ul li a::before { width: 5px; left: 0px; } #download .faq-module .inner-module ul li a::after, #download .patch-notes-module .inner-module ul li a::after { width: 1px; right: 0px; opacity: 0; } #download .faq-module .inner-module ul li a:hover, #download .patch-notes-module .inner-module ul li a:hover { background-color: rgba(22, 104, 159, 0.3); color: rgb(179, 201, 210); } #download .faq-module .inner-module ul li a:hover::before, #download .patch-notes-module .inner-module ul li a:hover::before, #download .faq-module .inner-module ul li a:hover::after, #download .patch-notes-module .inner-module ul li a:hover::after { background-color: rgb(67, 237, 248); } #download .faq-module .inner-module ul li a:hover::before, #download .patch-notes-module .inner-module ul li a:hover::before { box-shadow: rgba(7, 82, 234, 0.75) 7px 0px 21px 2px, rgba(16, 139, 238, 0.64) 0px 0px 8px 1px; } #download .faq-module .inner-module ul li a:hover::after, #download .patch-notes-module .inner-module ul li a:hover::after { opacity: 1; } #download .faq-module .footer, #download .patch-notes-module .footer { box-sizing: border-box; display: flex; flex-direction: row; position: absolute; width: 100%; height: 26px; } #download .faq-module .footer .inner-footer, #download .patch-notes-module .footer .inner-footer { flex: 1 1 0%; position: relative; border-bottom: 1px solid rgb(22, 129, 165); background-color: rgba(22, 104, 159, 0.25); } #download .faq-module .footer .inner-footer::before, #download .patch-notes-module .footer .inner-footer::before, #download .faq-module .footer .inner-footer::after, #download .patch-notes-module .footer .inner-footer::after { content: ""; display: block; position: absolute; top: 0px; } #download .faq-module .footer .inner-footer::before, #download .patch-notes-module .footer .inner-footer::before { width: 0px; height: 0px; border-style: solid; border-width: 27px 27px 0px 0px; border-color: rgba(22, 104, 159, 0.25) transparent transparent; right: -27px; } #download .faq-module .footer .inner-footer::after, #download .patch-notes-module .footer .inner-footer::after { width: 5px; height: 26px; background-color: rgb(67, 237, 248); transform: skew(-45deg); right: -15px; z-index: 2; box-shadow: rgba(0, 112, 202, 0.79) 14px 2px 50px 4px, rgba(0, 112, 202, 0.5) 2px 2px 12px 1px; } #download .faq-module .footer a, #download .patch-notes-module .footer a { display: block; position: relative; line-height: 27px; padding: 0px 11px 0px 20px; margin-left: 26px; border-top: 1px solid rgb(22, 129, 165); } #download .faq-module .footer a .label, #download .patch-notes-module .footer a .label { font-size: 14px; color: rgb(0, 217, 243); text-transform: uppercase; } #download .faq-module .footer a .arrow, #download .patch-notes-module .footer a .arrow { top: -17px; left: -15px; } #download .faq-module { float: left; } #download .patch-notes-module { float: right; } #play-now #post-background { background: center top no-repeat rgb(0, 0, 0); position: absolute; top: 0px; } #play-now #home-background { position: absolute; inset: 0px; background: center bottom no-repeat, center bottom repeat-y; overflow: hidden; } @media only screen and (max-width: 1280px) { #play-now #home-background { background-image: , ; } } @media only screen and (max-width: 768px) { #play-now #home-background { background-image: , ; } } @media only screen and (max-width: 500px) { #play-now #home-background { background-image: , ; } } #play-now #home-background .bg-home-stars { position: absolute; inset: 0px 0px 750px; background: center bottom repeat-y; } @media only screen and (max-width: 1280px) { #play-now #home-background .bg-home-stars { background-image: ; } } @media only screen and (max-width: 768px) { #play-now #home-background .bg-home-stars { background-image: ; } } @media only screen and (max-width: 500px) { #play-now #home-background .bg-home-stars { background-image: ; } } #play-now #contentbody > .wrapper { margin-bottom: 50px; } #play-now #contentbody > .wrapper .info { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 21px; color: rgb(115, 177, 203); text-shadow: rgba(0, 108, 255, 0.63) 0px 1px 6px; } #play-now #contentbody > .wrapper .info .sup { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 15px; color: rgb(115, 177, 203); display: block; } #play-now #contentbody > .wrapper .step { padding-left: 68px; position: relative; } #play-now #contentbody > .wrapper .step::before { line-height: 72px; text-align: center; background: center top no-repeat transparent; position: absolute; left: -14px; display: block; height: 72px; color: rgb(115, 177, 203); text-shadow: rgba(0, 108, 255, 0.63) 0px 1px 6px; } #play-now #contentbody > .wrapper .step.first::before { content: "1"; width: 76px; top: -22px; } #play-now #contentbody > .wrapper .step.second::before { content: "2"; width: 74px; top: -20px; } #play-now #contentbody > .wrapper .step.third::before { content: "3"; width: 74px; top: -1px; } #play-now #contentbody > .wrapper .glow-hub-title { height: 50px; } #play-now #contentbody > .wrapper .game-packages { position: relative; padding: 242px 0px 30px; margin: -100px 0px 100px; background: center top no-repeat; } @media only screen and (max-width: 1200px) { #play-now #contentbody > .wrapper .game-packages { background: center top no-repeat; } } @media only screen and (max-width: 658px) { #play-now #contentbody > .wrapper .game-packages { margin-bottom: 50px; } } #play-now #contentbody > .wrapper .game-packages::after { content: ""; display: block; width: 894px; height: 1px; background-color: rgb(0, 69, 112); position: absolute; bottom: 0px; left: 123px; } @media only screen and (max-width: 1200px) { #play-now #contentbody > .wrapper .game-packages::after { display: none; } } #play-now #contentbody > .wrapper .game-packages .choice { position: absolute; background: center center no-repeat transparent; z-index: 10; width: 234px; height: 97px; left: 50%; transform: translateX(-50%); top: 352px; } #play-now #contentbody > .wrapper .game-packages .choice h2 { font: 21px / 24px Orbitron; color: rgb(66, 237, 248); text-transform: uppercase; width: 135px; text-align: center; display: block; margin: 23px auto 0px; text-shadow: rgba(52, 167, 240, 0.6) 0px 0px 12px, rgba(52, 167, 240, 0.6) 0px 0px 12px; } @media only screen and (max-width: 1200px) { #play-now #contentbody > .wrapper .game-packages .choice h2 { width: 100%; margin: 37px 0px 0px; text-align: left; } } @media only screen and (max-width: 1200px) { #play-now #contentbody > .wrapper .game-packages .choice { width: 325px; top: 603px; background: right center no-repeat transparent; } } @media only screen and (max-width: 658px) { #play-now #contentbody > .wrapper .game-packages .choice { top: 571px; } } #play-now #contentbody > .wrapper .game-packages .list { margin-top: 30px; z-index: 5; } @media only screen and (max-width: 1200px) { #play-now #contentbody > .wrapper .game-packages .list { width: 600px; margin: 0px auto; } } @media only screen and (max-width: 658px) { #play-now #contentbody > .wrapper .game-packages .list { width: 440px; margin: 0px auto; } } #play-now #contentbody > .wrapper .game-packages .list:hover .package { opacity: 0.9; } #play-now #contentbody > .wrapper .game-packages .list:hover .package .content img { opacity: 0.59; } #play-now #contentbody > .wrapper .game-packages .list .package-infos { width: 650px; height: auto; position: relative; display: none; margin: 0px auto; } @media only screen and (max-width: 1200px) { #play-now #contentbody > .wrapper .game-packages .list .package-infos { width: 560px; } } @media only screen and (max-width: 658px) { #play-now #contentbody > .wrapper .game-packages .list .package-infos { width: 440px; } } #play-now #contentbody > .wrapper .game-packages .list .package-infos.active { display: block; } #play-now #contentbody > .wrapper .game-packages .list .package-infos .details { width: 50%; float: left; transition-duration: 0.3s; perspective: 1000px; transform: translateZ(0px); overflow: hidden; padding-left: 0px; list-style-position: inside; margin: 30px 0px 6px; } #play-now #contentbody > .wrapper .game-packages .list .package-infos .details.active { max-height: 175px; } @media only screen and (max-width: 1200px) { #play-now #contentbody > .wrapper .game-packages .list .package-infos .details { width: 35%; } } @media only screen and (max-width: 658px) { #play-now #contentbody > .wrapper .game-packages .list .package-infos .details { width: 100%; margin-top: 0px; } } @media only screen and (max-width: 1140px) { #play-now #contentbody > .wrapper .game-packages .list .package-infos .details li { width: 100%; float: none; padding-right: 0px; } } #play-now #contentbody > .wrapper .game-packages .list .package-infos .details .detail { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(177, 216, 241); } @media only screen and (max-width: 658px) { #play-now #contentbody > .wrapper .game-packages .list .package-infos .details .detail { width: 50%; float: left; } } #play-now #contentbody > .wrapper .game-packages .list .package-infos .details .headline { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 18px; color: rgb(177, 216, 241); list-style: none; margin-bottom: 15px; } #play-now #contentbody > .wrapper .game-packages .list .package-infos .price-wrapper { float: right; max-width: 322px; display: block; text-align: right; margin-top: 17px; } #play-now #contentbody > .wrapper .game-packages .list .package-infos .price-wrapper .label { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 21px; color: rgb(255, 255, 255); text-transform: uppercase; } #play-now #contentbody > .wrapper .game-packages .list .package-infos .price-wrapper .alpha-game-disclaimer { background-position: left top; } #play-now #contentbody > .wrapper .game-packages .list .package-infos .price-wrapper .taxes { top: 36px; } @media only screen and (max-width: 658px) { #play-now #contentbody > .wrapper .game-packages .list .package-infos .price-wrapper .taxes { top: 20px; } } @media only screen and (max-width: 658px) { #play-now #contentbody > .wrapper .game-packages .list .package-infos .price-wrapper { position: relative; margin-right: 10px; width: 100%; max-width: 100%; } } @media only screen and (max-width: 658px) { #play-now #contentbody > .wrapper .game-packages .list .package-infos .price-wrapper .requirements, #play-now #contentbody > .wrapper .game-packages .list .package-infos .price-wrapper .disclaimer { text-align: left; } } @media only screen and (max-width: 658px) { #play-now #contentbody > .wrapper .game-packages .list .package-infos .price-wrapper .requirements { margin-left: 12px; } } #play-now #contentbody > .wrapper .game-packages .list .package-infos .price { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 31px; color: rgb(255, 174, 0); display: inline-block; margin-left: 20px; text-shadow: rgba(0, 0, 0, 0.9) 0px 2px 1px; } #play-now #contentbody > .wrapper .game-packages .list .package-infos .price .super { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 15px; color: rgb(255, 174, 0); text-shadow: rgba(0, 0, 0, 0.2) 2px 2px 2px; position: relative; top: 9px; margin-left: 2px; width: 25px; display: inline-block; text-align: left; } #play-now #contentbody > .wrapper .game-packages .list .package-infos .price .super .currency { text-transform: uppercase; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 11px; color: rgb(210, 210, 210); text-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px; position: relative; display: inline-block; bottom: 8px; } #play-now #contentbody > .wrapper .game-packages .list .package { width: 558px; position: relative; border: 1px solid rgb(2, 56, 103); background-color: rgba(0, 0, 0, 0.7); } @media only screen and (max-width: 1200px) { #play-now #contentbody > .wrapper .game-packages .list .package { margin: 30px 0px; width: 600px; } } @media only screen and (max-width: 658px) { #play-now #contentbody > .wrapper .game-packages .list .package { width: 440px; } } #play-now #contentbody > .wrapper .game-packages .list .package:hover { opacity: 1; border-color: rgb(2, 137, 210); } #play-now #contentbody > .wrapper .game-packages .list .package:hover .content img { opacity: 1; } #play-now #contentbody > .wrapper .game-packages .list .package.active { opacity: 1; border-color: rgb(255, 174, 0); } #play-now #contentbody > .wrapper .game-packages .list .package.active img { opacity: 1; } #play-now #contentbody > .wrapper .game-packages .list .package.active::after { opacity: 1; } #play-now #contentbody > .wrapper .game-packages .list .package::after { content: ""; display: block; width: 50px; height: 70px; background: center center no-repeat transparent; opacity: 0; top: 88px; position: absolute; z-index: 15; transition-duration: 0.3s; perspective: 1000px; } #play-now #contentbody > .wrapper .game-packages .list .package:first-child { float: left; margin-left: -5px; } #play-now #contentbody > .wrapper .game-packages .list .package:first-child .title { text-align: right; } @media only screen and (max-width: 1200px) { #play-now #contentbody > .wrapper .game-packages .list .package:first-child { margin-left: 0px; } } #play-now #contentbody > .wrapper .game-packages .list .package:first-child::after { right: 51px; transform: rotate(180deg); } @media only screen and (max-width: 1200px) { #play-now #contentbody > .wrapper .game-packages .list .package:first-child::after { right: 147px; transform: rotate(-90deg); top: 319px; } } @media only screen and (max-width: 658px) { #play-now #contentbody > .wrapper .game-packages .list .package:first-child::after { top: 286px; right: 67px; } } #play-now #contentbody > .wrapper .game-packages .list .package:nth-child(2) { float: right; margin-right: -4px; } @media only screen and (max-width: 1200px) { #play-now #contentbody > .wrapper .game-packages .list .package:nth-child(2) { margin-right: 0px; } } #play-now #contentbody > .wrapper .game-packages .list .package:nth-child(2) .title { text-align: left; } #play-now #contentbody > .wrapper .game-packages .list .package:nth-child(2)::after { left: 51px; } @media only screen and (max-width: 1200px) { #play-now #contentbody > .wrapper .game-packages .list .package:nth-child(2)::after { top: -42px; left: 405px; transform: rotate(90deg); } } @media only screen and (max-width: 658px) { #play-now #contentbody > .wrapper .game-packages .list .package:nth-child(2)::after { left: 325px; } } #play-now #contentbody > .wrapper .game-packages .list .package .top-info .title { transition-duration: 0.3s; perspective: 1000px; background: rgba(0, 0, 0, 0.3); position: relative; padding: 10px 30px; } #play-now #contentbody > .wrapper .game-packages .list .package .top-info .title h3 { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 21px; color: rgb(255, 255, 255); text-transform: uppercase; margin: 0px; } #play-now #contentbody > .wrapper .game-packages .list .package .content { transition-duration: 0.3s; perspective: 1000px; z-index: 1; position: relative; background: rgba(0, 0, 0, 0.3); } #play-now #contentbody > .wrapper .game-packages .list .package .content img { transition-duration: 0.3s; perspective: 1000px; width: 100%; } @media only screen and (max-width: 1200px) { #play-now #contentbody > .wrapper .game-packages .list .package .content img { width: 600px; height: 211px; } } @media only screen and (max-width: 658px) { #play-now #contentbody > .wrapper .game-packages .list .package .content img { width: 440px; height: 154px; } } #play-now #contentbody > .wrapper .game-packages .list .package .content .infos { position: relative; padding: 14px 0px 14px 28px; } #play-now #contentbody > .wrapper .game-packages .list .package .content .infos .text { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(177, 216, 241); text-shadow: rgba(0, 0, 0, 0.9) 0px 2px 1px; margin: 0px 200px 20px 0px; } #play-now #contentbody > .wrapper .game-packages .list .package .content .infos .show-details { transition-duration: 0.3s; perspective: 1000px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(19, 220, 240); padding-left: 24px; position: relative; margin-left: -5px; } #play-now #contentbody > .wrapper .game-packages .list .package .content .infos .show-details:hover { text-shadow: rgb(28, 107, 137) 0px 0px 3px; } #play-now #contentbody > .wrapper .game-packages .list .package .content .infos .show-details::before { transition-duration: 0.3s; perspective: 1000px; content: ""; position: absolute; width: 22px; height: 22px; left: 0px; top: -3px; background: center center no-repeat transparent; } #play-now #contentbody > .wrapper .game-packages .list .package .content .infos .show-details.active::before { transform: rotate(90deg); } #play-now #contentbody > .wrapper .game-packages .list .package .content .infos .holosmallbtn { position: absolute; top: -10px; right: 0px; } #play-now #contentbody > .wrapper .star-citizen-sku-block { width: 894px; margin: 0px auto 50px; height: 411px; background: left top no-repeat transparent; position: relative; overflow: hidden; } @media only screen and (max-width: 1200px) { #play-now #contentbody > .wrapper .star-citizen-sku-block { width: 600px; height: 544px; background: center top no-repeat transparent; } } @media only screen and (max-width: 658px) { #play-now #contentbody > .wrapper .star-citizen-sku-block { width: 480px; height: 544px; background: right center no-repeat transparent; } } #play-now #contentbody > .wrapper .star-citizen-sku-block > * { position: absolute; left: 38px; } #play-now #contentbody > .wrapper .star-citizen-sku-block .call-to-action { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 24px; color: rgb(255, 255, 255); text-transform: uppercase; text-shadow: rgba(0, 0, 0, 0.9) 0px 2px 1px; top: 260px; } #play-now #contentbody > .wrapper .star-citizen-sku-block p { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(177, 216, 241); top: 310px; max-width: 416px; } @media only screen and (max-width: 1200px) { #play-now #contentbody > .wrapper .star-citizen-sku-block p { width: 250px; } } #play-now #contentbody > .wrapper .star-citizen-sku-block p a { margin-top: 15px; } #play-now #contentbody > .wrapper .star-citizen-sku-block a { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 11px; color: rgb(19, 220, 240); text-decoration: underline; display: block; } #play-now #contentbody > .wrapper .star-citizen-sku-block a.add-remove-s42 { left: 529px; top: 330px; } @media only screen and (max-width: 1200px) { #play-now #contentbody > .wrapper .star-citizen-sku-block a.add-remove-s42 { left: initial; top: 450px; right: 96px; } } #play-now #contentbody > .wrapper .star-citizen-sku-block a.add-remove-s42 .abs-overlay { width: 346px; height: 50px; background: -9px -38px no-repeat transparent; } #play-now #contentbody > .wrapper .star-citizen-sku-block a.add-remove-s42 .abs-overlay.holobtn-top { color: rgb(221, 247, 192); padding-top: 14px; } #play-now #contentbody > .wrapper .star-citizen-sku-block a.add-remove-s42 .abs-overlay.holobtn-bottom { background-position: -9px -138px; } #play-now #contentbody > .wrapper .star-citizen-sku-block .overlay-more-info { background-color: rgba(0, 31, 51, 0.9); max-width: 440px; padding: 30px 25px; position: absolute; bottom: -400px; left: 12px; border: 1px solid rgb(19, 61, 85); transition-duration: 0.3s; perspective: 1000px; opacity: 0; } @media only screen and (max-width: 1200px) { #play-now #contentbody > .wrapper .star-citizen-sku-block .overlay-more-info { left: 38px; z-index: 20; } } #play-now #contentbody > .wrapper .star-citizen-sku-block .overlay-more-info ul { padding: 0px; margin: 0px 0px 10px; } #play-now #contentbody > .wrapper .star-citizen-sku-block .overlay-more-info ul li { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(44, 121, 159); list-style: inside; } #play-now #contentbody > .wrapper .star-citizen-sku-block .overlay-more-info.show { bottom: 12px; opacity: 1; } #play-now #contentbody > .wrapper .star-citizen-sku-block .price-wrapper { top: 251px; left: inherit; right: 97px; } @media only screen and (max-width: 1200px) { #play-now #contentbody > .wrapper .star-citizen-sku-block .price-wrapper { top: 315px; right: 53px; } } #play-now #contentbody > .wrapper .star-citizen-sku-block .price-wrapper .price { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 31px; color: rgb(255, 174, 0); margin-left: 20px; text-shadow: rgba(0, 0, 0, 0.9) 0px 2px 1px; } #play-now #contentbody > .wrapper .star-citizen-sku-block .price-wrapper .price .super { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 15px; color: rgb(255, 174, 0); text-shadow: rgba(0, 0, 0, 0.2) 2px 2px 2px; position: relative; top: 9px; margin-left: 2px; width: 25px; display: inline-block; text-align: left; } #play-now #contentbody > .wrapper .star-citizen-sku-block .price-wrapper .price .super .currency { text-transform: uppercase; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 11px; color: rgb(210, 210, 210); text-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px; position: relative; display: inline-block; bottom: 8px; } #play-now #contentbody > .wrapper .star-citizen-sku-block .price-wrapper .price.active { display: inline-block; } #play-now #contentbody > .wrapper .star-citizen-sku-block .price-wrapper .package-difference-price .price, #play-now #contentbody > .wrapper .star-citizen-sku-block .price-wrapper .package-full-price .price { display: none; } #play-now #contentbody > .wrapper .star-citizen-sku-block .price-wrapper .package-difference-price .price.active { display: block; } #play-now #contentbody > .wrapper .continue { padding: 0px 0px 47px; opacity: 0; display: none; margin-top: 0px; transition-duration: 0.3s; perspective: 1000px; } #play-now #contentbody > .wrapper .continue .account, #play-now #contentbody > .wrapper .continue .go, #play-now #contentbody > .wrapper .continue .account .label, #play-now #contentbody > .wrapper .continue .go .label { text-transform: uppercase; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 18px; color: rgb(158, 184, 196); } #play-now #contentbody > .wrapper .continue .account.signin, #play-now #contentbody > .wrapper .continue .go.signin, #play-now #contentbody > .wrapper .continue .account.create, #play-now #contentbody > .wrapper .continue .go.create { position: relative; padding-right: 10px; display: inline-block; margin: 25px 0px 15px -11px; transition-duration: 0.3s; perspective: 1000px; } #play-now #contentbody > .wrapper .continue .account.signin::before, #play-now #contentbody > .wrapper .continue .go.signin::before, #play-now #contentbody > .wrapper .continue .account.create::before, #play-now #contentbody > .wrapper .continue .go.create::before { content: ""; display: inline-block; width: 47px; height: 47px; opacity: 0.5; background: center bottom no-repeat transparent; position: absolute; transition-duration: 0.3s; perspective: 1000px; } #play-now #contentbody > .wrapper .continue .account.signin:hover, #play-now #contentbody > .wrapper .continue .go.signin:hover, #play-now #contentbody > .wrapper .continue .account.create:hover, #play-now #contentbody > .wrapper .continue .go.create:hover { text-shadow: rgb(174, 196, 206) 0px 0px 2px; } #play-now #contentbody > .wrapper .continue .account.signin:hover::before, #play-now #contentbody > .wrapper .continue .go.signin:hover::before, #play-now #contentbody > .wrapper .continue .account.create:hover::before, #play-now #contentbody > .wrapper .continue .go.create:hover::before { opacity: 1; } #play-now #contentbody > .wrapper .continue .account.signin, #play-now #contentbody > .wrapper .continue .go.signin { padding-left: 48px; } #play-now #contentbody > .wrapper .continue .account.signin::before, #play-now #contentbody > .wrapper .continue .go.signin::before { background-image: ; left: 2px; top: -14px; } #play-now #contentbody > .wrapper .continue .account.create, #play-now #contentbody > .wrapper .continue .go.create { padding-left: 40px; margin-left: -6px; } #play-now #contentbody > .wrapper .continue .account.create::before, #play-now #contentbody > .wrapper .continue .go.create::before { background-image: ; left: -6px; top: -12px; } #play-now #contentbody > .wrapper .continue .go { top: -14px; } #play-now #contentbody > .wrapper .continue.active { opacity: 1; visibility: visible; } #play-now #contentbody > .wrapper .fly-now-warning a { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(115, 177, 203); } #play-now #contentbody > .wrapper .requirements .title { margin: 18px 0px 0px -5px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(115, 177, 203); display: inline-block; padding-left: 24px; position: relative; } #play-now #contentbody > .wrapper .requirements .title::before { transition-duration: 0.3s; perspective: 1000px; content: ""; position: absolute; width: 22px; height: 22px; left: 0px; top: -2px; background: center center no-repeat transparent; } #play-now #contentbody > .wrapper .requirements .title.active::before { transform: rotate(90deg); } #play-now #contentbody > .wrapper .requirements ul { padding-left: 0px; list-style-position: inside; margin: 12px 0px 6px 19px; max-height: 0px; overflow: hidden; transition-duration: 0.3s; perspective: 1000px; } #play-now #contentbody > .wrapper .requirements ul.active { max-height: 200px; } #play-now #contentbody > .wrapper .requirements ul li { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(210, 210, 210); } #play-now #contentbody > .wrapper .requirements ul li:last-child { padding-bottom: 20px; } #play-now #contentbody > .wrapper .error { display: none; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(187, 0, 0); width: 275px; text-align: center; margin: auto; } #play-now .stick-cart-bar { height: 133px; width: calc(100% - 340px); position: fixed; left: 0px; bottom: -133px; background: center top repeat-x; z-index: 0; margin: 0px 170px; transition-duration: 0.3s; perspective: 1000px; opacity: 0; } @media only screen and (max-width: 1110px) { #play-now .stick-cart-bar { width: 100%; margin: 0px 10px; } } @media only screen and (max-width: 658px) { #play-now .stick-cart-bar { height: 154px; overflow: hidden; } } #play-now .stick-cart-bar.show { opacity: 1; z-index: 50; bottom: 0px; } #play-now .stick-cart-bar .inner-bar { width: 894px; height: 133px; margin: 0px auto; position: relative; } @media only screen and (max-width: 1110px) { #play-now .stick-cart-bar .inner-bar { width: 100%; } } #play-now .stick-cart-bar .inner-bar .sku { height: 118px; float: left; background: left 8px no-repeat; } #play-now .stick-cart-bar .inner-bar .sku span.name { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(255, 255, 255); text-transform: uppercase; } @media only screen and (max-width: 658px) { #play-now .stick-cart-bar .inner-bar .sku span.name { font-size: 11px; } } #play-now .stick-cart-bar .inner-bar .sku.star-citizen { padding: 52px 23px 0px 100px; margin-left: -24px; } #play-now .stick-cart-bar .inner-bar .sku.star-citizen span.type { display: block; text-transform: none; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 11px; color: rgb(116, 216, 253); } #play-now .stick-cart-bar .inner-bar .sku.squadron { padding: 52px 23px 0px 117px; background-position: left -111px; display: none; opacity: 0; transition-duration: 0.2s; perspective: 1000px; } #play-now .stick-cart-bar .inner-bar .sku.squadron a { display: block; text-decoration: underline; text-transform: none; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 11px; color: rgb(255, 255, 255); } #play-now .stick-cart-bar .inner-bar .price-wrapper { padding-top: 42px; position: absolute; right: 160px; } @media only screen and (max-width: 658px) { #play-now .stick-cart-bar .inner-bar .price-wrapper { padding-top: 102px; } } #play-now .stick-cart-bar .inner-bar .price-wrapper .label { font: 700 14px Orbitron; color: rgb(255, 255, 255); text-transform: uppercase; position: relative; top: -5px; } @media only screen and (max-width: 1110px) { #play-now .stick-cart-bar .inner-bar .price-wrapper .label { display: block; top: 8px; } } @media only screen and (max-width: 658px) { #play-now .stick-cart-bar .inner-bar .price-wrapper .label { display: inline-block; top: -5px; } } #play-now .stick-cart-bar .inner-bar .price-wrapper .price { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 31px; color: rgb(255, 174, 0); display: inline-block; margin-left: 5px; text-shadow: rgba(0, 0, 0, 0.9) 0px 2px 1px; } #play-now .stick-cart-bar .inner-bar .price-wrapper .price .super { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 15px; color: rgb(255, 174, 0); text-shadow: rgba(0, 0, 0, 0.2) 2px 2px 2px; position: relative; top: 9px; margin-left: 2px; width: 25px; display: inline-block; text-align: left; } #play-now .stick-cart-bar .inner-bar .price-wrapper .price .super .currency { text-transform: uppercase; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 11px; color: rgb(210, 210, 210); text-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px; position: relative; display: inline-block; bottom: 8px; } @media only screen and (max-width: 1110px) { #play-now .stick-cart-bar .inner-bar .price-wrapper { right: 180px; } } #play-now .stick-cart-bar .inner-bar .price-wrapper .taxes { top: 35px; } @media only screen and (max-width: 1110px) { #play-now .stick-cart-bar .inner-bar .price-wrapper .taxes { top: 49px; } } @media only screen and (max-width: 658px) { #play-now .stick-cart-bar .inner-bar .price-wrapper .taxes { top: 99px; } } #play-now .stick-cart-bar .inner-bar .go { position: absolute; right: -30px; top: 38px; display: block; } @media only screen and (max-width: 1110px) { #play-now .stick-cart-bar .inner-bar .go { right: -10px; } } @media only screen and (max-width: 658px) { #play-now .stick-cart-bar .inner-bar .go { top: 99px; } } #play-now .stick-cart-bar .inner-bar .go .label { text-transform: uppercase; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 18px; color: rgb(158, 184, 196); } #play-now .stick-cart-bar::before, #play-now .stick-cart-bar::after { content: ""; display: block; width: 170px; height: 133px; position: absolute; top: 0px; background: center bottom no-repeat; z-index: -1; } #play-now .stick-cart-bar::before { left: -170px; background-position: left -131px; } #play-now .stick-cart-bar::after { right: -170px; background-position: right -131px; } #play-now .stick-cart-bar.with-s42 .inner-bar .squadron { display: block; opacity: 1; } .minigame-wrapper * { font-family: Electrolize; } .minigame-wrapper.started { margin: 50px 0px; background: center top no-repeat, center 55px no-repeat; } .minigame-wrapper.started .intro { display: none; } .minigame-wrapper.started .game-trigger > .started { display: block; } .minigame-wrapper.started .game-trigger > .closed { display: none; } .minigame-wrapper.started .game-trigger .arrow { background-position: 0px -145px; } .minigame-wrapper.started .game-trigger .arrow:hover { background-position: 0px -131px; } .minigame-wrapper .wrapper { max-width: 1200px; width: 1200px; padding: 0px; } .minigame-wrapper .wrapper .workplace { display: none; overflow: hidden; width: 100%; height: 100%; padding-top: 25px; } .minigame-wrapper .intro { position: relative; display: block; max-width: 1200px; height: 450px; width: 100%; padding: 0px; margin: 80px auto 0px; z-index: 20; background: center top no-repeat; } .minigame-wrapper .intro .title { position: relative; top: -18px; font-size: 24px; font-family: Electrolize; color: rgb(16, 249, 248); text-align: center; text-transform: uppercase; text-shadow: rgb(52, 167, 240) 0px 0px 10px; } .minigame-wrapper .intro p { padding: 0px 20px; font-size: 18px; font-family: Electrolize; color: rgb(133, 159, 168); text-align: center; text-transform: none; } .minigame-wrapper .intro p.is_mobile { display: none; } .minigame-wrapper .game-trigger { position: relative; width: 289px; height: 590px; margin: -171px auto 0px; cursor: pointer; background: center center; } .minigame-wrapper .game-trigger .toogle-game { position: relative; display: block; top: 213px; } .minigame-wrapper .game-trigger .toogle-game:hover .arrow { background-position: 0px 20px; } .minigame-wrapper .game-trigger .toogle-game:hover .arrow span { top: 64px; opacity: 0; } .minigame-wrapper .game-trigger .toogle-game .label.started, .minigame-wrapper .game-trigger .toogle-game .arrow.started { display: none; } .minigame-wrapper .game-trigger .toogle-game .label { display: block; padding-bottom: 15px; color: rgb(255, 255, 255); font-size: 14px; text-shadow: rgb(0, 224, 255) 0px 0px 0px, rgb(0, 132, 255) 0px 0px 11px; text-align: center; text-transform: uppercase; } .minigame-wrapper .game-trigger .toogle-game .arrow { display: block; width: 60px; height: 85px; margin: 0px auto; background: 0px 3px no-repeat; } .minigame-wrapper .game-trigger .toogle-game .arrow span { display: block; position: relative; top: 45px; opacity: 1; font-size: 16px; color: rgb(255, 255, 255); text-shadow: rgb(0, 224, 255) 0px 0px 0px, rgb(0, 132, 255) 0px 0px 11px; text-transform: uppercase; text-align: center; } @font-face { font-family: visitor_tt1_brkregular; src: url("/rsi/static/js/minigames/hyper-vanguard-force-iv/fonts/visitortt1brk-webfont.woff2") format("woff2"), url("/rsi/static/js/minigames/hyper-vanguard-force-iv/fonts/visitortt1brk-webfont.woff") format("woff"), url("/rsi/static/js/minigames/hyper-vanguard-force-iv/fonts/visitortt1brk-webfont.ttf") format("truetype"); font-weight: 400; font-style: normal; } #game-hyper-vanguard-force-iv #game { background: center top; width: 100%; height: 0px; opacity: 1; } #game-hyper-vanguard-force-iv #game .inner-game { width: 525px; height: 540px; margin: 0px auto; top: 340px; position: relative; opacity: 0; } #game-hyper-vanguard-force-iv #game .inner-game iframe { margin: 0px auto; position: absolute; display: block; left: 49px; opacity: 1; z-index: 1; border: none; } #game-hyper-vanguard-force-iv #game .inner-game #leaderboard { margin: 0px auto; display: none; left: 49px; opacity: 1; width: 354px; height: 540px; background: center top; position: absolute; top: 0px; z-index: 2; } #game-hyper-vanguard-force-iv #game .inner-game #leaderboard * { font-family: visitor_tt1_brkregular; } #game-hyper-vanguard-force-iv #game .inner-game #leaderboard .logo img { width: 254px; height: 58px; display: block; margin: 5% auto 0px; } #game-hyper-vanguard-force-iv #game .inner-game #leaderboard .stats { padding: 0px 5%; } #game-hyper-vanguard-force-iv #game .inner-game #leaderboard .stats * { text-transform: uppercase; } #game-hyper-vanguard-force-iv #game .inner-game #leaderboard .stats .title { text-align: center; color: rgb(29, 143, 180); font-size: 25px; padding: 10px 0px; } #game-hyper-vanguard-force-iv #game .inner-game #leaderboard .stats .rank, #game-hyper-vanguard-force-iv #game .inner-game #leaderboard .stats .name, #game-hyper-vanguard-force-iv #game .inner-game #leaderboard .stats .score { float: left; } #game-hyper-vanguard-force-iv #game .inner-game #leaderboard .stats .rank { width: 18%; } #game-hyper-vanguard-force-iv #game .inner-game #leaderboard .stats .name { width: 55%; padding-right: 2%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #game-hyper-vanguard-force-iv #game .inner-game #leaderboard .stats .score { width: 25%; text-align: right; } #game-hyper-vanguard-force-iv #game .inner-game #leaderboard .stats .column { color: rgb(255, 255, 255); font-size: 17px; height: 25px; } #game-hyper-vanguard-force-iv #game .inner-game #leaderboard .stats .me { color: rgb(255, 170, 41); font-size: 16px; height: 25px; } #game-hyper-vanguard-force-iv #game .inner-game #leaderboard .stats .player { color: rgb(139, 243, 255); font-size: 16px; } #game-hyper-vanguard-force-iv #game .inner-game #leaderboard.on { display: block; } #game-hyper-vanguard-force-iv #game .inner-game .btn { width: 50px; height: 50px; display: block; position: absolute; right: 57px; } #game-hyper-vanguard-force-iv #game .inner-game .btn a { display: block; width: 50px; height: 50px; background: -3px -53px; } #game-hyper-vanguard-force-iv #game .inner-game .btn a:hover { background-position: -3px -1px; } #game-hyper-vanguard-force-iv #game .inner-game .btn.fullscreen { top: 20px; } #game-hyper-vanguard-force-iv #game .inner-game .btn.highscore { top: 97px; } #game-hyper-vanguard-force-iv #game .inner-game .btn.close { bottom: 27px; } #game-hyper-vanguard-force-iv #game .inner-game .btn.close a { background-position: -69px -53px; } #game-hyper-vanguard-force-iv #game .inner-game .btn.close a:hover { background-position: -69px -2px; } #game-hyper-vanguard-force-iv #game .inner-game .btn span { display: none; } #game-hyper-vanguard-force-iv #game .inner-game .manual { transform: scale(0.7, 0.7); width: 91px; height: 184px; background: center center; position: absolute; left: -37px; bottom: -40px; } #game-hyper-vanguard-force-iv #game .inner-game .manual audio { display: none; } #game-hyper-vanguard-force-iv #game .inner-game .manual a { width: 100%; height: 100%; display: block; } #game-hyper-vanguard-force-iv.started { background: 0px 0px; margin: 0px; height: 1500px; } #game-hyper-vanguard-force-iv.started .intro { display: block; height: 0px; opacity: 0; } #game-hyper-vanguard-force-iv.started .intro .game-trigger { opacity: 0; cursor: default; } #game-hyper-vanguard-force-iv.started .intro .game-trigger .toogle-game { cursor: default; } #game-hyper-vanguard-force-iv.started #game { width: 100%; height: 1500px; opacity: 1; z-index: 9999; position: relative; } #game-hyper-vanguard-force-iv.started #game .inner-game { opacity: 1; z-index: 9000; } #game-hyper-vanguard-force-iv.fullscreen { top: 0px; left: 0px; width: 100%; height: 100%; position: fixed !important; } #game-hyper-vanguard-force-iv.fullscreen .intro { display: none; } #game-hyper-vanguard-force-iv.fullscreen #game .inner-game { height: 100%; top: 0px; padding: 0px 90px 0px 165px; background: left top repeat-y, right top repeat-y; } #game-hyper-vanguard-force-iv.fullscreen #game .inner-game iframe, #game-hyper-vanguard-force-iv.fullscreen #game .inner-game #leaderboard { left: 129px; } #game-hyper-vanguard-force-iv.fullscreen #game .inner-game #leaderboard img { width: 531px; height: 120px; margin-top: 10%; } #game-hyper-vanguard-force-iv.fullscreen #game .inner-game #leaderboard .stats .title { padding: 40px 0px; font-size: 37px; } #game-hyper-vanguard-force-iv.fullscreen #game .inner-game #leaderboard .stats .column { font-size: 25px; } #game-hyper-vanguard-force-iv.fullscreen #game .inner-game #leaderboard .stats .me, #game-hyper-vanguard-force-iv.fullscreen #game .inner-game #leaderboard .stats .player { font-size: 23px; } #game-hyper-vanguard-force-iv.fullscreen #game .inner-game #leaderboard .stats .column, #game-hyper-vanguard-force-iv.fullscreen #game .inner-game #leaderboard .stats .me { height: 50px; } #game-hyper-vanguard-force-iv.fullscreen #game .inner-game .btn { width: 75px; height: 75px; display: block; position: absolute; right: 25px; } #game-hyper-vanguard-force-iv.fullscreen #game .inner-game .btn a { display: block; width: 75px; height: 75px; background: -363px -46px no-repeat; position: relative; } #game-hyper-vanguard-force-iv.fullscreen #game .inner-game .btn a:hover { background-position: -84px -46px; } #game-hyper-vanguard-force-iv.fullscreen #game .inner-game .btn span { width: 180px; height: 180px; display: block; position: absolute; background: center center no-repeat; } #game-hyper-vanguard-force-iv.fullscreen #game .inner-game .btn.fullscreen { top: 50px; } #game-hyper-vanguard-force-iv.fullscreen #game .inner-game .btn.fullscreen span { top: -15px; left: 0px; background-position: right top; } #game-hyper-vanguard-force-iv.fullscreen #game .inner-game .btn.highscore { top: 200px; } #game-hyper-vanguard-force-iv.fullscreen #game .inner-game .btn.highscore span { top: -11px; left: -49px; background-position: left top; } #game-hyper-vanguard-force-iv.fullscreen #game .inner-game .btn.close { bottom: 150px; } #game-hyper-vanguard-force-iv.fullscreen #game .inner-game .btn.close a { background-position: -363px -207px; } #game-hyper-vanguard-force-iv.fullscreen #game .inner-game .btn.close a:hover { background-position: -84px -207px; } #game-hyper-vanguard-force-iv.fullscreen #game .inner-game .btn.close span { top: 18px; left: -36px; background-position: center top; } #game-hyper-vanguard-force-iv.fullscreen #game .inner-game .manual { transform: scale(1, 1); left: 21px; bottom: 50px; } #password-confirmation #contentbody { background: 0px 0px; } #password-confirmation .password-confirmation-content { width: 424px; max-width: 480px; padding: 28px 28px 50px; border: 1px solid rgb(20, 55, 94); background: rgba(28, 45, 67, 0.6); margin: 0px auto; } #password-confirmation .password-confirmation-content h2 { margin: 0px 0px 30px; padding: 0px 0px 20px; position: relative; font: 500 22px / 25px Orbitron; color: rgb(0, 240, 255); text-shadow: rgb(0, 237, 255) 0px 0px 30px; text-transform: uppercase; } #password-confirmation .password-confirmation-content h2::after { content: ""; display: block; width: 100%; height: 1px; background-color: rgb(140, 241, 255); bottom: 0px; left: 0px; position: absolute; box-shadow: rgb(0, 237, 255) 0px 0px 30px; } #password-confirmation .password-confirmation-content form fieldset { float: left; } #password-confirmation .password-confirmation-content .separator { width: 100%; display: block; height: 1px; background-color: rgb(140, 241, 255); box-shadow: rgb(0, 237, 255) 0px 0px 30px; margin: 20px 0px; } #settings.referral-program p { font-size: 12px; padding-bottom: 20px; } #settings.referral-program p a { color: rgb(78, 224, 255); } #settings.referral-program .top { position: relative; } #settings.referral-program .top a { color: rgb(97, 141, 150); text-transform: uppercase; display: block; line-height: 43px; height: 43px; font-size: 13px; position: absolute; right: 0px; bottom: 10px; padding-right: 43px; font-family: Electrolize; } #settings.referral-program .top a::after { content: ""; display: block; width: 43px; height: 43px; position: absolute; right: 0px; top: 0px; background: -50px -2px no-repeat; } @media only screen and (max-width: 990px) { #settings.referral-program .top a { text-indent: -10000em; } } #settings.referral-program .block-head { margin-bottom: 20px; } #settings.referral-program h4 { padding: 0px 0px 11px; margin: 0px 0px 14px; font-size: 18px; font-family: Electrolize; color: rgb(78, 224, 255); border-bottom: 1px solid rgb(38, 93, 122); } #settings.referral-program form button { float: left; color: rgb(255, 255, 255); font-weight: 100; margin: 0px; padding: 0px; border: 0px; outline: none; background: 0px 0px; } #settings.referral-program form#share-referral-form label, #settings.referral-program form#share-referral-form input { float: left; color: rgb(255, 255, 255); font-weight: 100; } #settings.referral-program form#share-referral-form label { font-size: 12px; } @media only screen and (max-width: 768px) { #settings.referral-program form#share-referral-form label { float: none; } } #settings.referral-program form#share-referral-form input { margin: 0px 15px; border-radius: 5px; width: 200px; text-align: center; font-size: 16px; color: rgb(78, 224, 255); font-family: Electrolize; box-shadow: rgb(78, 224, 255) 0px 8px 8px -8px inset, rgb(78, 224, 255) 0px -8px 8px -8px inset; } @media only screen and (max-width: 768px) { #settings.referral-program form#share-referral-form input { margin-left: 0px; } } #settings.referral-program form#share-referral-form .share-referral-socials { display: flex; align-items: center; gap: 15px; height: 37px; } #settings.referral-program form#share-referral-form .share-referral-social { display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; box-sizing: content-box; background-color: rgb(6, 178, 215); border-radius: 50%; transition: all 0.2s ease 0s; } #settings.referral-program form#share-referral-form .share-referral-social::after { content: ""; display: block; height: 15px; width: 15px; background-color: rgb(17, 17, 17); } #settings.referral-program form#share-referral-form .share-referral-social.facebook::after { mask-image: ; } #settings.referral-program form#share-referral-form .share-referral-social.x::after { mask-image: ; } #settings.referral-program form#share-referral-form .share-referral-social:hover { background-color: rgb(17, 97, 159); } #settings.referral-program .referral-rank-wrapper { background-color: rgba(24, 210, 249, 0.07); box-sizing: border-box; padding: 12px; margin-bottom: 15px; } #settings.referral-program .referral-rank-wrapper .rank { width: 495px; float: left; } @media only screen and (max-width: 1200px) { #settings.referral-program .referral-rank-wrapper .rank { float: none; width: auto; } } #settings.referral-program .referral-rank-wrapper .rank .badge { margin-right: 20px; width: 142px; height: 142px; float: left; position: relative; border: 1px solid rgb(23, 47, 69); background: ; } #settings.referral-program .referral-rank-wrapper .rank .progress { font-size: 15px; color: rgb(255, 255, 255); width: 330px; float: left; position: relative; height: 144px; } @media only screen and (max-width: 768px) { #settings.referral-program .referral-rank-wrapper .rank .progress { width: 260px; } } #settings.referral-program .referral-rank-wrapper .rank .progress .label { padding: 21px 0px 18px; font-family: Electrolize; } #settings.referral-program .referral-rank-wrapper .rank .progress .bar { position: relative; width: 310px; height: 14px; } @media only screen and (max-width: 768px) { #settings.referral-program .referral-rank-wrapper .rank .progress .bar { width: 240px; } } #settings.referral-program .referral-rank-wrapper .rank .progress .bar .start, #settings.referral-program .referral-rank-wrapper .rank .progress .bar .end { position: absolute; height: 14px; line-height: 14px; display: block; top: 0px; font-family: Electrolize; } #settings.referral-program .referral-rank-wrapper .rank .progress .bar .start { left: 0px; } #settings.referral-program .referral-rank-wrapper .rank .progress .bar .end { right: 0px; } #settings.referral-program .referral-rank-wrapper .rank .progress .bar .percent { width: 244px; background: center center no-repeat; height: 14px; margin-left: 33px; } @media only screen and (max-width: 768px) { #settings.referral-program .referral-rank-wrapper .rank .progress .bar .percent { width: 174px; } } #settings.referral-program .referral-rank-wrapper .rank .progress .bar .percent span { display: block; height: 14px; width: 20%; background-color: rgb(78, 224, 255); box-shadow: rgba(0, 112, 202, 0.6) 0px 0px 8px 1px, rgba(0, 112, 202, 0.5) 0px 0px 55px 15px; } #settings.referral-program .referral-rank-wrapper .rank .progress .next-rank { font-size: 12px; color: rgb(97, 141, 150); padding: 15px 52px 0px 0px; text-align: right; } #settings.referral-program .referral-rank-wrapper .rank .progress .ranking { text-decoration: underline; position: absolute; left: 0px; bottom: 0px; color: rgb(78, 224, 255); font-size: 11px; text-transform: uppercase; font-family: Electrolize; } #settings.referral-program .referral-rank-wrapper .rank .progress .ranking:hover { text-decoration: none; } #settings.referral-program .referral-rank-wrapper .reward { float: right; width: 285px; position: relative; } @media only screen and (max-width: 1200px) { #settings.referral-program .referral-rank-wrapper .reward { float: none; width: auto; margin-top: 50px; } } #settings.referral-program .referral-rank-wrapper .reward h4 { color: rgb(97, 141, 150); font-size: 13px; height: 36px; line-height: 36px; padding-bottom: 0px; } #settings.referral-program .referral-rank-wrapper .reward img { width: 285px; height: 121px; } #settings.referral-program .referral-rank-wrapper .reward .desc { font-size: 12px; color: rgb(97, 141, 150); margin-top: 4px; } #settings.referral-program .recruits-list-wrapper { background-color: rgba(24, 210, 249, 0.07); box-sizing: border-box; padding: 12px; } #settings.referral-program .recruits-list-wrapper form#recruits-list-form { position: relative; padding-top: 5px; } #settings.referral-program .recruits-list-wrapper form#recruits-list-form a { font-size: 12px; color: rgb(78, 224, 255); position: relative; margin-left: 10px; padding-bottom: 7px; display: inline-block; } #settings.referral-program .recruits-list-wrapper form#recruits-list-form a::before, #settings.referral-program .recruits-list-wrapper form#recruits-list-form a::after { content: ""; display: block; position: absolute; } #settings.referral-program .recruits-list-wrapper form#recruits-list-form a::after { bottom: 0px; left: 0px; width: 100%; height: 2px; background-color: rgb(78, 224, 255); opacity: 0; transition-duration: 0.2s; perspective: 1000px; } #settings.referral-program .recruits-list-wrapper form#recruits-list-form a:first-child { margin: 0px 10px 0px 0px; } #settings.referral-program .recruits-list-wrapper form#recruits-list-form a:first-child::before { height: 15px; width: 1px; background-color: rgb(23, 47, 69); right: -10px; top: 0px; } #settings.referral-program .recruits-list-wrapper form#recruits-list-form a:hover::after, #settings.referral-program .recruits-list-wrapper form#recruits-list-form a.selected::after { opacity: 1; } #settings.referral-program .recruits-list-wrapper #users-list .user-row { border-top: 1px solid rgb(23, 47, 69); height: 92px; width: 100%; box-sizing: border-box; padding: 15px 0px 15px 15px; position: relative; } #settings.referral-program .recruits-list-wrapper #users-list .user-row::before { content: ""; display: block; width: 4px; height: 62px; position: absolute; left: 0px; top: 15px; background-color: rgb(78, 224, 255); box-shadow: rgba(0, 112, 202, 0.6) 0px 0px 8px 1px, rgba(0, 112, 202, 0.5) 0px 0px 55px 15px; transition-duration: 0.2s; perspective: 1000px; } #settings.referral-program .recruits-list-wrapper #users-list .user-row:first-child { padding-top: 25px; height: 102px; } #settings.referral-program .recruits-list-wrapper #users-list .user-row:first-child::before { top: 25px; } #settings.referral-program .recruits-list-wrapper #users-list .user-row .avatar { position: relative; width: 58px; height: 58px; border: 1px solid rgb(44, 121, 159); margin-right: 25px; float: left; } #settings.referral-program .recruits-list-wrapper #users-list .user-row .avatar img { width: 58px; height: 58px; } #settings.referral-program .recruits-list-wrapper #users-list .user-row .user { font-family: Electrolize; text-transform: uppercase; font-size: 13px; color: rgb(218, 158, 0); } #settings.referral-program .recruits-list-wrapper #users-list .user-row .user span { display: block; font-size: 12px; color: rgb(8, 145, 197); font-family: Electrolize; text-transform: uppercase; } #settings.referral-program .recruits-list-wrapper #users-list .user-row .status { font-size: 13px; color: rgb(140, 241, 255); text-align: right; position: absolute; right: 0px; top: 50%; margin-top: -8px; } #settings.referral-program .recruits-list-wrapper #users-list.active .user-row * { opacity: 0.7; } #settings.referral-program .recruits-list-wrapper #users-list.active .user-row::before { background-color: rgb(29, 55, 69); opacity: 1; box-shadow: none; } #settings.referral-program .recruits-list-wrapper #users-list.active .user-row .status { opacity: 1; color: rgb(97, 141, 150); line-height: 16px; margin-top: -16px; } @media (max-width: 890px) { .buy-back .sidenav { margin-bottom: 30px; } } .buy-back .inner-content { float: left; width: 825px; min-height: 400px; } @media (max-width: 890px) { .buy-back .inner-content { width: 100%; } } .buy-back .inner-content, .buy-back .inner-content *, .buy-back .inner-content::before, .buy-back .inner-content::after { box-sizing: border-box; } @media (max-width: 890px) { .buy-back .buy-back-pledges { width: 100%; } } .buy-back .buy-back-pledges header { padding: 0px 0px 20px; position: relative; } .buy-back .buy-back-pledges header::after { content: ""; width: 100%; height: 5px; background: rgb(78, 224, 255); position: absolute; left: 0px; bottom: 0px; box-shadow: rgba(78, 224, 255, 0.65) 0px 0px 15px 0px; } .buy-back .buy-back-pledges header h1 { color: rgb(78, 224, 255); font: 22px / 1.25 Electrolize, sans-serif; text-transform: uppercase; margin: 0px 0px 10px; } .buy-back .buy-back-pledges header .star { font-size: 8px; position: relative; left: 0px; top: -4px; } .buy-back .buy-back-pledges header p { color: rgb(97, 141, 150); font-size: 11px; margin: 0px 0px 15px; } .buy-back .buy-back-pledges header small { color: rgb(255, 255, 255); font-size: 9px; } .buy-back .buy-back-pledges header .buy-back-warning { padding: 15px 15px 15px 55px; height: 66px; margin: 0px; color: rgb(250, 171, 1); border: 1px solid currentcolor; font: italic 14px / 1.25 Electrolize, sans-serif; background: linear-gradient(rgba(106, 97, 56, 0.28) 0%, rgba(106, 97, 56, 0.28) 50%, rgba(106, 97, 56, 0) 51%, rgba(106, 97, 56, 0) 100%) 0% 0% / 2px 2px rgba(181, 170, 127, 0.1); position: relative; } .buy-back .buy-back-pledges header .buy-back-warning::before { content: ""; display: block; width: calc(100% - 16px); height: 100%; border-style: solid; border-color: rgb(102, 73, 7); border-image: initial; border-width: 1px 0px; position: absolute; top: -1px; left: 8px; } .buy-back .buy-back-pledges header .buy-back-warning::after { content: ""; display: block; width: 100%; height: calc(100% - 16px); border-style: solid; border-color: rgb(102, 73, 7); border-image: initial; border-width: 0px 1px; position: absolute; top: 8px; left: -1px; } .buy-back .buy-back-pledges header .buy-back-warning .warn-icon { display: block; width: 34px; height: 31px; position: absolute; left: 12px; top: 12px; background: 0px 0px no-repeat; } .buy-back .buy-back-pledges header .buy-back-warning strong { color: rgb(255, 255, 255); } .buy-back .available-pledges .filters { padding: 10px 0px; border-bottom: 1px solid rgb(41, 73, 97); margin-bottom: 30px; height: 55px; } .buy-back .available-pledges .filters .selectlist { width: 150px; margin-right: 20px; float: left; } .buy-back .available-pledges .filters .selectlist, .buy-back .available-pledges .filters .selectlist *, .buy-back .available-pledges .filters .selectlist ::before, .buy-back .available-pledges .filters .selectlist ::after { box-sizing: content-box; } .buy-back .available-pledges .filters .show-only-available { position: relative; float: left; overflow: hidden; padding-left: 30px; } .buy-back .available-pledges .filters .show-only-available label { font-size: 14px; font-weight: 400; color: rgb(97, 141, 150); } .buy-back .available-pledges .filters .show-only-available input[type="checkbox"] { position: absolute; left: -999em; top: 0px; } .buy-back .available-pledges .filters .show-only-available .styled-checkbox { width: 18px; height: 18px; border: 1px solid rgb(41, 73, 97); background: rgb(11, 31, 49); position: absolute; top: 0px; left: 0px; } .buy-back .available-pledges .filters .show-only-available .styled-checkbox::before { content: ""; width: 8px; height: 8px; background: rgb(78, 224, 255); position: absolute; top: 4px; left: 4px; opacity: 0; transition: opacity 0.25s linear 0s; box-shadow: rgba(78, 224, 255, 0.6) 0px 0px 10px 0px; } .buy-back .available-pledges .filters .show-only-available input[type="checkbox"]:checked + .styled-checkbox::before { opacity: 1; } .buy-back .available-pledges .pledges { list-style: none; padding: 0px; margin: 0px 0px 30px; } .buy-back .available-pledges .pledges > li { margin-bottom: 30px; } .buy-back .available-pledges .pledges > li.no-buy-backs { color: rgb(255, 255, 255); font: 14px / 1 Electrolize, sans-serif; } .buy-back .available-pledges .pledges .pledge { background: rgba(31, 65, 109, 0.5); padding: 20px; position: relative; } .buy-back .available-pledges .pledges .pledge > .information { overflow: hidden; } .buy-back .available-pledges .pledges .pledge > .information figure { float: left; width: 124px; height: 124px; border: 1px solid rgb(78, 224, 255); padding: 11px 0px 0px 11px; margin: 0px 32px 0px 0px; position: relative; } @media (max-width: 890px) { .buy-back .available-pledges .pledges .pledge > .information figure { margin-bottom: 75px; } } .buy-back .available-pledges .pledges .pledge > .information figure::before { content: ""; position: absolute; top: -1px; left: 12px; width: 100px; height: 122px; border-style: solid; border-color: rgb(30, 46, 64); border-image: initial; border-width: 1px 0px; } .buy-back .available-pledges .pledges .pledge > .information figure::after { content: ""; position: absolute; top: 12px; left: -1px; width: 122px; height: 100px; border-style: solid; border-color: rgb(30, 46, 64); border-image: initial; border-width: 0px 1px; } .buy-back .available-pledges .pledges .pledge > .information figure img { display: block; width: 100px; height: 100px; } .buy-back .available-pledges .pledges .pledge > .information > div { float: left; width: 625px; } @media (max-width: 890px) { .buy-back .available-pledges .pledges .pledge > .information > div { float: none; width: auto; overflow: hidden; } } .buy-back .available-pledges .pledges .pledge > .information > div h1 { font: 22px / 1 Electrolize, sans-serif; color: rgb(78, 224, 255); padding-bottom: 15px; margin: 0px 0px 15px; border-bottom: 1px solid rgb(40, 72, 97); text-transform: uppercase; } .buy-back .available-pledges .pledges .pledge > .information > div h1 .upgraded { font: 22px / 1 Electrolize, sans-serif; text-transform: uppercase; color: rgb(181, 170, 127); } .buy-back .available-pledges .pledges .pledge > .information > div dl { padding: 0px; margin: 0px 0px 14px; overflow: hidden; } .buy-back .available-pledges .pledges .pledge > .information > div dl dt, .buy-back .available-pledges .pledges .pledge > .information > div dl dd { padding: 0px; margin: 0px; display: block; float: left; height: 20px; } .buy-back .available-pledges .pledges .pledge > .information > div dl dt { color: rgb(128, 159, 182); font-size: 14px; font-weight: 700; clear: left; margin-right: 5px; } .buy-back .available-pledges .pledges .pledge > .information > div dl dt::after { content: ":"; } .buy-back .available-pledges .pledges .pledge > .information > div dl dd { color: rgb(255, 255, 255); font: 16px / 20px Electrolize, sans-serif; } .buy-back .available-pledges .pledges .pledge > .information > div .show-details { color: rgb(78, 224, 255); font: 14px / 1.25 Electrolize, sans-serif; } .buy-back .available-pledges .pledges .pledge > .information > div .show-details span { display: inline-block; width: 10px; height: 11px; border-left: 2px solid rgb(78, 224, 255); position: relative; overflow: hidden; margin-right: 8px; transition: transform 0.125s linear 0s; } .buy-back .available-pledges .pledges .pledge > .information > div .show-details span::after { content: ""; position: absolute; left: -8px; top: -1px; display: block; width: 9px; height: 9px; border: 2px solid rgb(78, 224, 255); transform: scaleY(0.7) rotate(45deg); } .buy-back .available-pledges .pledges .pledge > .information > div .holosmallbtn { position: absolute; top: 65px; right: 10px; } @media (max-width: 890px) { .buy-back .available-pledges .pledges .pledge > .information > div .holosmallbtn { top: 145px; } } .buy-back .available-pledges .pledges .pledge > .information > div .holosmallbtn, .buy-back .available-pledges .pledges .pledge > .information > div .holosmallbtn .holosmallbtn-top, .buy-back .available-pledges .pledges .pledge > .information > div .holosmallbtn .holosmallbtn-bottom { height: 100px; } .buy-back .available-pledges .pledges .pledge > .information > div .unavailable { display: none; padding-top: 50px; position: absolute; top: 45px; right: 10px; background: 0px 0px no-repeat; width: 223px; height: 110px; } @media (max-width: 890px) { .buy-back .available-pledges .pledges .pledge > .information > div .unavailable { top: 125px; } } .buy-back .available-pledges .pledges .pledge > .information > div .unavailable .caption { font: 12px / 1 Electrolize, sans-serif; color: rgba(78, 224, 255, 0.3); text-transform: uppercase; margin: 0px 0px 15px 67px; } .buy-back .available-pledges .pledges .pledge > .information > div .unavailable .why { font: 12px / 1 Electrolize, sans-serif; color: rgb(76, 117, 162); margin-left: 40px; position: relative; } .buy-back .available-pledges .pledges .pledge > .information > div .unavailable .why .unavailable-tooltip { position: absolute; bottom: 40px; right: -40px; width: 550px; border-style: solid; border-color: rgb(76, 117, 162); border-image: initial; border-width: 1px 1px 0px; padding: 15px; background: rgba(6, 8, 20, 0.9); display: none; } .buy-back .available-pledges .pledges .pledge > .information > div .unavailable .why .unavailable-tooltip::before { content: ""; position: absolute; bottom: 0px; left: 0px; width: 423px; height: 1px; background: rgb(76, 117, 162); } .buy-back .available-pledges .pledges .pledge > .information > div .unavailable .why .unavailable-tooltip::after { content: ""; position: absolute; bottom: 0px; right: 0px; width: 90px; height: 1px; background: rgb(76, 117, 162); } .buy-back .available-pledges .pledges .pledge > .information > div .unavailable .why .unavailable-tooltip p { font: 14px / 1.25 Electrolize, sans-serif; color: rgb(208, 221, 226); margin: 0px 0px 15px; } .buy-back .available-pledges .pledges .pledge > .information > div .unavailable .why .unavailable-tooltip .triangle { width: 35px; height: 35px; position: absolute; right: 90px; bottom: -35px; overflow: hidden; } .buy-back .available-pledges .pledges .pledge > .information > div .unavailable .why .unavailable-tooltip .triangle::before { content: ""; display: block; width: 25px; height: 25px; border: 1px solid rgb(76, 117, 162); position: absolute; top: -14px; left: 4px; background: rgba(6, 8, 20, 0.9); transform: rotate(45deg); } .buy-back .available-pledges .pledges .pledge > .information > div .unavailable .why .unavailable-tooltip ul { margin: 0px; padding: 0px; overflow: hidden; list-style: none; } .buy-back .available-pledges .pledges .pledge > .information > div .unavailable .why .unavailable-tooltip ul li { width: 50%; font: 12px / 1.25 Electrolize, sans-serif; color: rgb(76, 117, 162); margin-bottom: 10px; float: left; } .buy-back .available-pledges .pledges .pledge > .information > div .unavailable .why .unavailable-tooltip ul li::before { content: "- "; } .buy-back .available-pledges .pledges .pledge > .information > div .unavailable .why:hover .unavailable-tooltip { display: block; } .buy-back .available-pledges .pledges .pledge .details { background: rgba(0, 0, 0, 0.3); border: 1px solid rgb(14, 58, 85); padding: 20px 30px; position: relative; margin-top: 20px; } .buy-back .available-pledges .pledges .pledge .details::before { content: ""; display: block; width: 300px; height: 3px; background: rgb(78, 224, 255); position: absolute; top: -1px; right: 0px; } .buy-back .available-pledges .pledges .pledge .details p { margin: 0px; font: 14px / 1.5 Electrolize, sans-serif; color: rgb(181, 170, 127); } .buy-back .available-pledges .pledges .pledge .details p::before { content: ""; display: block; width: 40px; height: 40px; float: left; margin-right: 15px; background: 0px 0px / 40px no-repeat; } .buy-back .available-pledges .pledges .pledge .details .featured-content { list-style: none; padding: 0px; margin: 0px; } .buy-back .available-pledges .pledges .pledge .details .featured-content::before, .buy-back .available-pledges .pledges .pledge .details .featured-content::after { content: " "; display: table; } .buy-back .available-pledges .pledges .pledge .details .featured-content::after { clear: both; } .buy-back .available-pledges .pledges .pledge .details .featured-content > li { float: left; margin: 12px 0px; } .buy-back .available-pledges .pledges .pledge .details .featured-content > li:nth-child(2n) { float: right; } .buy-back .available-pledges .pledges .pledge .details .featured-content .item { width: 350px; height: 90px; border-radius: 5px; border: 1px solid rgb(0, 102, 135); padding: 10px; position: relative; background: linear-gradient(rgb(2, 28, 40) 0%, rgb(2, 28, 40) 74%, rgb(4, 12, 17) 74%, rgb(4, 12, 17) 75%, rgb(4, 12, 17) 100%) 0% 0% / 4px 4px; } .buy-back .available-pledges .pledges .pledge .details .featured-content .item::before { content: ""; display: block; width: 45px; height: 45px; position: absolute; top: 21px; left: -1px; border-left: 1px solid rgb(78, 224, 255); background: linear-gradient(to right, rgb(2, 41, 68) 0%, rgba(2, 41, 68, 0) 100%); } .buy-back .available-pledges .pledges .pledge .details .featured-content .item::after { content: ""; display: block; width: 45px; height: 45px; position: absolute; top: 21px; right: -1px; border-right: 1px solid rgb(78, 224, 255); background: linear-gradient(to right, rgba(2, 41, 68, 0) 0%, rgb(2, 41, 68) 100%); } .buy-back .available-pledges .pledges .pledge .details .featured-content .item figure { width: 110px; height: 68px; overflow: hidden; float: left; margin-right: 10px; position: relative; z-index: 3; } .buy-back .available-pledges .pledges .pledge .details .featured-content .item figure img { width: 100%; display: block; } .buy-back .available-pledges .pledges .pledge .details .featured-content .item div { width: 200px; float: left; position: relative; z-index: 3; } .buy-back .available-pledges .pledges .pledge .details .featured-content .item div ul { list-style: none; margin: 0px; padding: 0px; } .buy-back .available-pledges .pledges .pledge .details .featured-content .item div h1 { color: rgb(208, 221, 226); font-size: 14px; font-weight: 700; line-height: 1; margin: 10px 0px 0px; } .buy-back .available-pledges .pledges .pledge .details .featured-content .item div .type { color: rgb(0, 180, 255); font-style: italic; font-size: 12px; } .buy-back .available-pledges .pledges .pledge .details .featured-content .item div .company { font-size: 12px; color: rgb(78, 224, 255); } .buy-back .available-pledges .pledges .pledge .details .featured-content .item div .company .symbol { color: rgb(255, 255, 255); } .buy-back .available-pledges .pledges .pledge .details h2 { font: 18px / 1 Electrolize, sans-serif; color: rgb(78, 224, 255); text-transform: uppercase; border-bottom: 1px solid rgb(40, 72, 97); padding-bottom: 10px; margin: 0px 0px 20px; } .buy-back .available-pledges .pledges .pledge .details .other-content { list-style: none; padding: 0px; margin: 0px; } .buy-back .available-pledges .pledges .pledge .details .other-content li { font-size: 14px; font-weight: 700; margin-bottom: 10px; color: rgb(255, 255, 255); } .buy-back .available-pledges .pledges .pledge .details .other-content li::before { content: ""; display: block; float: left; width: 12px; height: 5px; background: rgb(78, 224, 255); margin: 7px 20px 0px 0px; } .buy-back .available-pledges .pledges .pledge[data-show-details] .show-details span { transform: rotate(90deg); } .buy-back .available-pledges .pledges .pledge[data-show-details] .details { display: block; } .buy-back .available-pledges .pledges .pledge[data-disabled] { background: rgba(28, 45, 67, 0.5); } .buy-back .available-pledges .pledges .pledge[data-disabled] .holosmallbtn { display: none; } .buy-back .available-pledges .pledges .pledge[data-disabled] .information > div .unavailable { display: block; } #settings.my-rewards .reward { background-color: rgba(24, 210, 249, 0.07); padding: 19px 22px; max-height: 166px; box-sizing: border-box; margin-bottom: 20px; } @media only screen and (max-width: 1024px) { #settings.my-rewards .reward { max-height: none; } } #settings.my-rewards .reward .thumb { position: relative; float: left; margin-right: 25px; } #settings.my-rewards .reward .thumb img { padding: 9px; border: 1px solid rgb(30, 46, 64); } #settings.my-rewards .reward .infos { padding: 0px 0px 0px 224px; } #settings.my-rewards .reward .infos .name { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 22px; color: rgb(78, 224, 255); border-bottom: 1px solid rgb(40, 72, 97); padding-bottom: 10px; } #settings.my-rewards .reward .infos .name span { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 16px; color: rgb(8, 145, 197); display: block; } #settings.my-rewards .reward .infos .holosmallbtn { left: -27px; top: -14px; } #settings.my-rewards .reward .infos > a, #settings.my-rewards .reward .infos span { display: inline-block; vertical-align: middle; } #settings.my-rewards .reward .infos > span, #settings.my-rewards .reward .infos .exchange { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(255, 255, 255); margin-top: -6px; } #settings.my-rewards .reward .infos > span { color: rgb(255, 255, 255); margin-left: -45px; } #settings.my-rewards .reward .infos .exchange { color: rgb(2, 238, 255); text-decoration: underline; } #update-shipping-address #post-background { background: center top no-repeat rgb(0, 0, 0); position: absolute; top: 0px; } #update-shipping-address #home-background { position: absolute; inset: 0px; background: center bottom no-repeat, center bottom repeat-y; overflow: hidden; } @media only screen and (max-width: 1280px) { #update-shipping-address #home-background { background-image: , ; } } @media only screen and (max-width: 768px) { #update-shipping-address #home-background { background-image: , ; } } @media only screen and (max-width: 500px) { #update-shipping-address #home-background { background-image: , ; } } #update-shipping-address #home-background .bg-home-stars { position: absolute; inset: 0px 0px 750px; background: center bottom repeat-y; } @media only screen and (max-width: 1280px) { #update-shipping-address #home-background .bg-home-stars { background-image: ; } } @media only screen and (max-width: 768px) { #update-shipping-address #home-background .bg-home-stars { background-image: ; } } @media only screen and (max-width: 500px) { #update-shipping-address #home-background .bg-home-stars { background-image: ; } } @media only screen and (max-width: 1140px) { #update-shipping-address #contentbody > .wrapper { padding-bottom: 500px; } } #update-shipping-address #contentbody > .wrapper .glow-hub-title { height: 100px; } #update-shipping-address #contentbody > .wrapper .update-blocks { margin-bottom: 100px; } #update-shipping-address #contentbody > .wrapper .update-blocks .forms { border-color: rgb(70, 101, 115); border-style: solid; border-width: 1px 0px; padding-top: 50px; margin-bottom: 50px; } #update-shipping-address #contentbody > .wrapper .update-blocks .fleft { float: left; } @media only screen and (max-width: 1140px) { #update-shipping-address #contentbody > .wrapper .update-blocks .fleft { float: none; } } #update-shipping-address #contentbody > .wrapper .update-blocks .fright { float: right; } @media only screen and (max-width: 1140px) { #update-shipping-address #contentbody > .wrapper .update-blocks .fright { float: none; } } #update-shipping-address #contentbody > .wrapper .update-blocks form { width: 540px; margin-bottom: 40px; background-color: rgb(5, 30, 48); padding: 30px 85px 50px 40px; box-sizing: border-box; border-color: rgb(78, 119, 136) rgb(0, 45, 76) rgb(0, 45, 76); border-style: solid; border-width: 4px 1px 1px; position: relative; transition-duration: 0.2s; perspective: 1000px; } @media only screen and (max-width: 1140px) { #update-shipping-address #contentbody > .wrapper .update-blocks form { width: 100%; } } #update-shipping-address #contentbody > .wrapper .update-blocks form.is-loading { opacity: 0.7; } #update-shipping-address #contentbody > .wrapper .update-blocks form .edit-close { width: 100px; height: 51px; background: no-repeat transparent; position: absolute; right: 0px; top: -1px; } #update-shipping-address #contentbody > .wrapper .update-blocks form .edit-close .btn { background: 0px 0px; display: block; height: 26px; position: absolute; top: 12px; width: 31px; left: 55px; } #update-shipping-address #contentbody > .wrapper .update-blocks form .edit-close .btn .effect { background: 0px 26px; display: block; height: 100%; left: 0px; opacity: 0; position: absolute; top: 0px; width: 100%; } #update-shipping-address #contentbody > .wrapper .update-blocks form .edit-close .btn:hover .effect { opacity: 1; } #update-shipping-address #contentbody > .wrapper .update-blocks form h2 { color: rgb(0, 231, 255); font: 700 18px Orbitron; margin: 0px 0px 23px; border-bottom: 1px solid rgb(40, 73, 91); text-transform: uppercase; position: relative; padding-bottom: 10px; } #update-shipping-address #contentbody > .wrapper .update-blocks form h2::after { content: ""; display: block; position: absolute; left: 0px; bottom: -3px; width: 36px; height: 2px; background-color: rgb(40, 73, 91); } #update-shipping-address #contentbody > .wrapper .update-blocks form > p { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 16px; color: rgb(114, 184, 216); } #update-shipping-address #contentbody > .wrapper .update-blocks form > p strong { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 20px; color: rgb(170, 221, 245); display: block; } #update-shipping-address #contentbody > .wrapper .update-blocks form > p span { font-family: electrolize; } #update-shipping-address #contentbody > .wrapper .update-blocks form fieldset { display: none; } #update-shipping-address #contentbody > .wrapper .update-blocks form input[type="text"], #update-shipping-address #contentbody > .wrapper .update-blocks form input[type="password"] { background-color: rgb(0, 0, 0); font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 16px; color: rgb(3, 101, 138); } #update-shipping-address #contentbody > .wrapper .update-blocks form input[type="text"]:focus, #update-shipping-address #contentbody > .wrapper .update-blocks form input[type="password"]:focus { color: rgb(66, 198, 231); } #update-shipping-address #contentbody > .wrapper .update-blocks form input[type="text"]:disabled, #update-shipping-address #contentbody > .wrapper .update-blocks form input[type="password"]:disabled { opacity: 0.5; color: rgb(53, 94, 120); } #update-shipping-address #contentbody > .wrapper .update-blocks form input[type="text"].error, #update-shipping-address #contentbody > .wrapper .update-blocks form input[type="password"].error { border-color: rgb(195, 41, 41); } #update-shipping-address #contentbody > .wrapper .update-blocks form label { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 16px; color: rgb(135, 162, 172); } #update-shipping-address #contentbody > .wrapper .update-blocks form label .msg-error { float: right; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(195, 41, 41); position: relative; margin-top: 5px; display: none; } #update-shipping-address #contentbody > .wrapper .update-blocks form label .msg-error::after { width: 63px; height: 4px; content: ""; display: block; background-color: rgb(195, 41, 41); position: absolute; right: 12px; bottom: -9px; transform: skew(-45deg); box-shadow: rgba(195, 41, 41, 0.7) 4px 4px 10px, rgba(195, 41, 41, 0.7) -4px -4px 10px, rgba(195, 41, 41, 0.7) -4px 4px 10px, rgba(195, 41, 41, 0.7) 4px -4px 10px; } #update-shipping-address #contentbody > .wrapper .update-blocks form label .msg-error.active { display: block; } #update-shipping-address #contentbody > .wrapper .update-blocks form .selectlist { height: 51px; background-color: rgb(7, 42, 67); border-radius: 0px; } #update-shipping-address #contentbody > .wrapper .update-blocks form .selectlist > span { height: 51px; line-height: 51px; padding: 0px 15px; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 20px; color: rgb(170, 221, 245); } #update-shipping-address #contentbody > .wrapper .update-blocks form .selectlist > .arrow { background: no-repeat transparent; width: 34px; height: 29px; position: absolute; right: 5px; top: 10px; } #update-shipping-address #contentbody > .wrapper .update-blocks form .selectlist > .arrow::before { content: ""; display: block; width: 1px; height: 14px; background-color: rgb(10, 86, 136); position: absolute; left: -1px; top: 9px; } #update-shipping-address #contentbody > .wrapper .update-blocks form .selectlist .scrollable { min-height: 300px; } #update-shipping-address #contentbody > .wrapper .update-blocks form .selectlist .scrollable .viewport { width: 100px; } #update-shipping-address #contentbody > .wrapper .update-blocks form .selectlist ul { margin-left: 0px; background-color: rgba(0, 0, 0, 0.8); } #update-shipping-address #contentbody > .wrapper .update-blocks form .selectlist ul li { height: 50px; line-height: 50px; padding: 0px 0px 0px 15px; text-align: left; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 20px; color: rgb(22, 146, 193); background: rgba(0, 0, 0, 0.8); border-style: solid; border-color: rgba(22, 42, 63, 0.8) rgba(22, 42, 63, 0.8) rgba(22, 42, 63, 0.8) rgb(8, 145, 197); border-image: initial; border-width: 1px 0px 0px 5px; } #update-shipping-address #contentbody > .wrapper .update-blocks form .selectlist ul li:hover { background: rgba(0, 0, 0, 0.4); border-left-color: rgb(0, 237, 255); color: rgb(77, 255, 255); text-shadow: rgb(0, 108, 255) 0px 0px 15px, rgb(0, 108, 255) 0px 0px 15px; } #update-shipping-address #contentbody > .wrapper .update-blocks form .submit-form { height: 47px; width: 155px; position: absolute; right: -1px; bottom: -47px; background: rgb(5, 30, 48); border-color: rgb(0, 45, 76); border-style: solid; border-width: 0px 1px 1px 0px; } #update-shipping-address #contentbody > .wrapper .update-blocks form .submit-form button { font: bold 16px / 42px Orbitron, sans-serif; text-transform: uppercase; outline: none; color: rgb(3, 101, 138); border: none; background-color: rgb(5, 30, 48); transition-duration: 0.2s; perspective: 1000px; margin-left: 20px; } #update-shipping-address #contentbody > .wrapper .update-blocks form .submit-form span { width: 20px; height: 24px; display: block; position: absolute; right: 20px; top: 9px; background: no-repeat; opacity: 0.4; transition-duration: 0.2s; perspective: 1000px; } #update-shipping-address #contentbody > .wrapper .update-blocks form .submit-form::before { content: ""; display: block; width: 0px; height: 0px; border-style: solid; border-width: 0px 47px 47px 0px; border-color: transparent rgb(5, 30, 48) transparent transparent; position: absolute; left: -47px; top: 0px; } #update-shipping-address #contentbody > .wrapper .update-blocks form .submit-form::after { content: ""; display: block; transform: skew(45deg); height: 47px; width: 6px; background-color: rgb(0, 45, 76); position: absolute; left: -28px; top: 1px; transition-duration: 0.2s; perspective: 1000px; } #update-shipping-address #contentbody > .wrapper .update-blocks form .submit-form:hover button { text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; color: rgb(67, 237, 248); } #update-shipping-address #contentbody > .wrapper .update-blocks form .submit-form:hover span { opacity: 1; } #update-shipping-address #contentbody > .wrapper .update-blocks form .submit-form:hover::after { box-shadow: rgba(0, 112, 202, 0.6) 0px 0px 8px 1px, rgba(0, 112, 202, 0.5) 0px 0px 55px 15px; background-color: rgb(67, 237, 248); } #update-shipping-address #contentbody > .wrapper .update-blocks form.edit-mode { margin-bottom: 86px; } #update-shipping-address #contentbody > .wrapper .update-blocks form.edit-mode > p { display: none; } #update-shipping-address #contentbody > .wrapper .update-blocks form.edit-mode fieldset { display: block; } #update-shipping-address #contentbody > .wrapper .update-blocks form.edit-mode .edit-close .btn { background-position: -31px 0px; } #update-shipping-address #contentbody > .wrapper .update-blocks form.edit-mode .edit-close .effect { background-position: -31px -26px; } #update-shipping-address #contentbody > .wrapper .update-blocks .cut { outline: none; transition-duration: 0.2s; perspective: 1000px; border-right: none; border-image: initial; position: relative; border-top: 1px solid rgb(10, 86, 136); border-bottom: 1px solid rgb(10, 86, 136); border-left: 1px solid rgb(10, 86, 136); background: rgba(10, 86, 136, 0.4); padding: 18px 11px 18px 30px; display: block; float: right; margin-right: 21px; text-transform: uppercase; cursor: default; color: rgba(8, 145, 167, 0.9); font: 500 13px / 13px Orbitron; } #update-shipping-address #contentbody > .wrapper .update-blocks .cut::before, #update-shipping-address #contentbody > .wrapper .update-blocks .cut::after { content: ""; display: block; position: absolute; border-right: 1px solid rgb(10, 86, 136); border-top: 1px solid rgb(10, 86, 136); background: rgba(10, 86, 136, 0.4); } #update-shipping-address #contentbody > .wrapper .update-blocks .cut::before { width: 20px; height: 29px; position: absolute; right: -21px; top: -1px; } #update-shipping-address #contentbody > .wrapper .update-blocks .cut::after { background: 0px 0px; right: -21px; bottom: -1px; width: 0px; height: 0px; border-style: solid; border-width: 21px 21px 0px 0px; border-color: rgba(10, 86, 136, 0.4) transparent transparent; } #update-shipping-address #contentbody > .wrapper .update-blocks .cut span.edge { transition-duration: 0.2s; perspective: 1000px; width: 6px; height: 20px; content: ""; display: block; background: rgb(10, 86, 136); bottom: -1px; right: -11px; position: absolute; transform: skew(-45deg); z-index: 2; } #update-shipping-address #contentbody > .wrapper .update-blocks .cut span.edge::after { transition-duration: 0.2s; perspective: 1000px; transform: skew(45deg); width: 0px; height: 0px; border-style: solid; border-width: 0px 0px 6px 6px; border-color: transparent transparent rgb(10, 86, 136); content: ""; display: block; position: absolute; left: -3px; top: -6px; } #update-shipping-address #contentbody > .wrapper .update-blocks .cut.active { color: rgb(213, 247, 255); cursor: pointer; text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; } #update-shipping-address #contentbody > .wrapper .update-blocks .cut.active span.edge { box-shadow: rgba(0, 112, 202, 0.6) 0px 0px 8px 1px, rgba(0, 112, 202, 0.5) 0px 0px 55px 15px; background-color: rgb(67, 237, 248); } #update-shipping-address #contentbody > .wrapper .update-blocks .cut.active span.edge::after { border-color: transparent transparent rgb(67, 237, 248); } #update-shipping-address #contentbody > .wrapper .update-blocks .cut:hover a { text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; color: rgb(255, 255, 255); } #update-shipping-address #contentbody > .wrapper .update-blocks .cut.disabled { opacity: 0.5; } #update-shipping-address #contentbody > .wrapper .update-blocks .cut.disabled a { cursor: default; } #update-shipping-address #contentbody > .wrapper .update-blocks .cut.submit-wrapper { padding: 15px 19px 15px 18px; color: rgb(213, 247, 255); float: right; } #update-shipping-address #contentbody > .wrapper .update-blocks .cut.submit-wrapper a { display: block; font: 500 20px / 20px Orbitron; padding: 7px 0px 7px 20px; color: rgb(67, 237, 248); text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; } #update-shipping-address #contentbody > .wrapper .update-blocks .cut.submit-wrapper::before { height: 44px; } #update-shipping-address #contentbody > .wrapper .success { display: none; height: 519px; position: relative; margin: 0px 139px 100px; padding-top: 113px; background: repeat-x; box-sizing: border-box; text-align: center; } #update-shipping-address #contentbody > .wrapper .success::before, #update-shipping-address #contentbody > .wrapper .success::after { width: 139px; height: 519px; position: absolute; top: 0px; content: ""; display: block; background: no-repeat; } #update-shipping-address #contentbody > .wrapper .success::before { left: -139px; background-position: left top; } #update-shipping-address #contentbody > .wrapper .success::after { right: -139px; background-position: right top; } #update-shipping-address #contentbody > .wrapper .success h2 { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 34px; color: rgb(255, 255, 255); text-shadow: rgb(0, 0, 0) 1px 2px 0px; padding-bottom: 75px; } @media only screen and (max-width: 768px) { #update-shipping-address #contentbody > .wrapper .success h2 { font-size: 28px; } } #update-shipping-address #contentbody > .wrapper .success h2 span { display: block; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 24px; color: rgb(255, 255, 255); } @media only screen and (max-width: 768px) { #update-shipping-address #contentbody > .wrapper .success h2 span { font-size: 21px; } } #update-shipping-address #contentbody > .wrapper .success .glow-cut-btn-wrapper { display: inline-block; } #update-shipping-address #contentbody > .wrapper .success .glow-cut-btn-wrapper .glow-cut-btn { height: 56px; margin-right: 32px; position: relative; border-left: 1px solid rgb(6, 108, 147); display: block; background: center top repeat-x; padding: 31px 0px 0px; font-weight: 400; line-height: 23px; } @media only screen and (max-width: 768px) { #update-shipping-address #contentbody > .wrapper .success .glow-cut-btn-wrapper .glow-cut-btn { height: 62px; padding-top: 25px; } } #update-shipping-address #contentbody > .wrapper .success .glow-cut-btn-wrapper .glow-cut-btn .text { font: 700 23px Orbitron; color: rgb(177, 216, 241); display: block; } @media only screen and (max-width: 700px) { #update-shipping-address #contentbody > .wrapper .success .glow-cut-btn-wrapper .glow-cut-btn .text { font-size: 20px; } } #update-shipping-address #contentbody > .wrapper .success .glow-cut-btn-wrapper .glow-cut-btn .cut-left, #update-shipping-address #contentbody > .wrapper .success .glow-cut-btn-wrapper .glow-cut-btn .cut-right { height: 87px; width: 32px; position: absolute; top: 0px; } #update-shipping-address #contentbody > .wrapper .success .glow-cut-btn-wrapper .glow-cut-btn .cut-left span, #update-shipping-address #contentbody > .wrapper .success .glow-cut-btn-wrapper .glow-cut-btn .cut-right span { transition-duration: 0.2s; perspective: 1000px; width: 6px; height: 25px; content: ""; display: block; background: rgb(6, 108, 147); bottom: 0px; position: absolute; z-index: 2; } #update-shipping-address #contentbody > .wrapper .success .glow-cut-btn-wrapper .glow-cut-btn .cut-left span::after, #update-shipping-address #contentbody > .wrapper .success .glow-cut-btn-wrapper .glow-cut-btn .cut-right span::after { transition-duration: 0.2s; perspective: 1000px; width: 0px; height: 0px; border-style: solid; content: ""; display: block; position: absolute; top: -6px; } #update-shipping-address #contentbody > .wrapper .success .glow-cut-btn-wrapper .glow-cut-btn .cut-left { display: none; left: -32px; background: center -174px no-repeat; } #update-shipping-address #contentbody > .wrapper .success .glow-cut-btn-wrapper .glow-cut-btn .cut-left span { right: 13px; transform: skew(45deg); } #update-shipping-address #contentbody > .wrapper .success .glow-cut-btn-wrapper .glow-cut-btn .cut-left span::after { transform: skew(-45deg); border-width: 6px 0px 0px 6px; border-color: transparent transparent transparent rgb(6, 108, 147); left: 3px; } #update-shipping-address #contentbody > .wrapper .success .glow-cut-btn-wrapper .glow-cut-btn .cut-right { display: block; right: -32px; background: center -87px no-repeat; } #update-shipping-address #contentbody > .wrapper .success .glow-cut-btn-wrapper .glow-cut-btn .cut-right span { right: 13px; transform: skew(-45deg); } #update-shipping-address #contentbody > .wrapper .success .glow-cut-btn-wrapper .glow-cut-btn .cut-right span::after { transform: skew(45deg); border-width: 0px 0px 6px 6px; border-color: transparent transparent rgb(6, 108, 147); left: -3px; } #update-shipping-address #contentbody > .wrapper .success .glow-cut-btn-wrapper .glow-cut-btn:hover .text { text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; } #update-shipping-address #contentbody > .wrapper .success .glow-cut-btn-wrapper .glow-cut-btn:hover .cut-left span, #update-shipping-address #contentbody > .wrapper .success .glow-cut-btn-wrapper .glow-cut-btn:hover .cut-right span { box-shadow: rgba(0, 112, 202, 0.6) 0px 0px 8px 1px, rgba(0, 112, 202, 0.5) 0px 0px 55px 15px; background-color: rgb(67, 237, 248); } #update-shipping-address #contentbody > .wrapper .success .glow-cut-btn-wrapper .glow-cut-btn:hover .cut-left span::after { border-color: transparent transparent transparent rgb(67, 237, 248); } #update-shipping-address #contentbody > .wrapper .success .glow-cut-btn-wrapper .glow-cut-btn:hover .cut-right span::after { border-color: transparent transparent rgb(67, 237, 248); } #update-shipping-address #contentbody > .wrapper .success .glow-cut-btn-wrapper .glow-cut-btn.both { margin-left: 32px; border-left: none; } #update-shipping-address #contentbody > .wrapper .success .glow-cut-btn-wrapper .glow-cut-btn.both .cut-left { display: block; } .sidenav li.security { position: relative; } .sidenav li.security::after { content: ""; display: block; width: 10px; height: 14px; background: center bottom transparent; position: absolute; top: 10px; right: 35px; } .sidenav li.security.on::after { background-position: center top; } #account-security #settings.security input[type="text"], #account-security #settings.security input[type="password"] { background-color: rgb(12, 20, 30); font-size: 14px; color: rgb(114, 184, 216); } #account-security #settings.security input[name="test_code"] { height: 60px; line-height: 60px; font-size: 30px; } #account-security #settings.security .selectlist { border-radius: 0px; color: rgb(114, 184, 216); background-color: rgb(9, 20, 29); height: 34px; } #account-security #settings.security .selectlist > span { font-size: 14px; height: 34px; line-height: 34px; padding: 0px 10px; } #account-security #settings.security .selectlist .arrow { width: 60px; background: 10px -45px transparent; position: absolute; right: 0px; } #account-security #settings.security .content .inner-content .top > .separator { margin-bottom: 0px; } #account-security #settings.security .content .inner-content .block-step.inactive { display: none; } #account-security #settings.security .content .inner-content .how-to { min-height: 45px; background: rgba(28, 45, 67, 0.75); } #account-security #settings.security .content .inner-content .how-to > a { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(2, 238, 255); display: block; line-height: 45px; padding-left: 43px; position: relative; } #account-security #settings.security .content .inner-content .how-to > a::before { content: ""; display: block; width: 12px; height: 11px; background: no-repeat transparent; position: absolute; top: 18px; left: 21px; transform: rotate(-90deg); transition-duration: 0.2s; perspective: 1000px; } #account-security #settings.security .content .inner-content .how-to .how-to-explanation { max-height: 183px; padding: 0px 22px 22px; display: none; } @media only screen and (max-width: 990px) { #account-security #settings.security .content .inner-content .how-to .how-to-explanation { max-height: none; } } #account-security #settings.security .content .inner-content .how-to .how-to-explanation a { display: block; margin-top: 15px; color: rgb(2, 238, 255); text-decoration: underline; } #account-security #settings.security .content .inner-content .how-to .how-to-explanation .how-to-video { width: 285px; height: 170px; display: block; border: 1px solid rgb(0, 80, 111); float: left; background: 0% 0% / cover no-repeat transparent; position: relative; } @media only screen and (max-width: 658px) { #account-security #settings.security .content .inner-content .how-to .how-to-explanation .how-to-video { float: none; margin-bottom: 15px; } } #account-security #settings.security .content .inner-content .how-to .how-to-explanation .how-to-video::after { content: ""; display: block; position: absolute; left: 50%; top: 50%; margin: -52px 0px 0px -55px; background: no-repeat transparent; width: 111px; height: 105px; transition-duration: 0.2s; perspective: 1000px; } #account-security #settings.security .content .inner-content .how-to .how-to-explanation .how-to-video:hover::after { opacity: 0.7; } #account-security #settings.security .content .inner-content .how-to .how-to-explanation p { font-size: 14px; padding-left: 335px; color: rgb(97, 141, 150); font-family: Arial; margin: 0px 0px 15px; } @media only screen and (max-width: 990px) { #account-security #settings.security .content .inner-content .how-to .how-to-explanation p { padding-left: 0px; } } #account-security #settings.security .content .inner-content .how-to.on > a::before { transform: rotate(0deg); } #account-security #settings.security .content .inner-content .how-to.on .how-to-explanation { display: block; } #account-security #settings.security .content .inner-content form { display: none; } #account-security #settings.security .content .inner-content .block-content { background: rgba(28, 45, 67, 0.75); padding: 0px 20px 20px; position: relative; } #account-security #settings.security .content .inner-content .block-content .cancel { background: -31px 0px; display: block; height: 26px; position: absolute; top: 4px; width: 31px; right: 25px; } #account-security #settings.security .content .inner-content .block-content .cancel .effect { background: -31px -26px; display: block; height: 100%; left: 0px; opacity: 0; position: absolute; top: 0px; width: 100%; transition-duration: 0.2s; perspective: 1000px; } #account-security #settings.security .content .inner-content .block-content .cancel:hover .effect { opacity: 1; } #account-security #settings.security .content .inner-content .block-content .cancel-wrapper { position: absolute; width: 106px; height: 38px; background: no-repeat transparent; right: 0px; top: 0px; } #account-security #settings.security .content .inner-content .block-content p { font-size: 14px; border-bottom: 1px solid rgba(78, 224, 255, 0.1); padding: 15px 0px; margin: 0px; color: rgb(214, 214, 214); } #account-security #settings.security .content .inner-content .block-content p.warning-note { background: 7px 50% no-repeat rgba(178, 34, 34, 0.2); border: 1px solid rgb(80, 42, 54); border-radius: 5px; margin-bottom: 10px; margin-top: 35px; font-size: 12px; line-height: 14px; color: rgb(255, 255, 255); padding: 11px 30px 11px 60px; min-height: 28px; } #account-security #settings.security .content .inner-content .block-content p.warning-note b { color: rgb(255, 255, 255); } #account-security #settings.security .content .inner-content .block-content .row { display: block; border-bottom: 1px solid rgba(74, 224, 255, 0.1); } #account-security #settings.security .content .inner-content .block-content .row > .shadow > .inner label { color: rgb(214, 214, 214); font-weight: 100; } #account-security #settings.security .content .inner-content .block-content .row > .shadow > .inner .edit { right: 0px; } #account-security #settings.security .content .inner-content .block-content .row.active > .shadow { box-shadow: none; } #account-security #settings.security .content .inner-content .block-content .row .view { line-height: 32px; } #account-security #settings.security .content .inner-content .block-content .row.login_with_login_id .toggle-wrapper { margin-right: 100px; } #account-security #settings.security .content .inner-content .block-content.settings .row .cancel { right: 0px; } #account-security #settings.security .content .inner-content .block-content.settings .row .col .enabled { color: rgb(64, 158, 70); position: relative; padding-left: 25px; } #account-security #settings.security .content .inner-content .block-content.settings .row .col .enabled::before { content: ""; display: block; width: 16px; height: 12px; background: 0px 0px transparent; position: absolute; left: 0px; top: 1px; } #account-security #settings.security .content .inner-content .block-content.settings .row .col .backup > span { color: rgb(201, 147, 9); position: relative; padding-left: 25px; } #account-security #settings.security .content .inner-content .block-content.settings .row .col .backup > span::after { content: ""; display: block; width: 32px; height: 29px; background: -16px 0px transparent; position: absolute; left: -8px; top: -7px; } #account-security #settings.security .content .inner-content .block-content.settings .row .col .backup > span.green { color: rgb(64, 158, 70); padding-left: 0px; } #account-security #settings.security .content .inner-content .block-content.settings .row .col .backup > span.green::after { background: 0px 0px; } #account-security #settings.security .content .inner-content .block-content.settings .row .col .backup > span.yellow { color: rgb(201, 147, 9); } #account-security #settings.security .content .inner-content .block-content.settings .row .col .backup > span.red { color: rgb(204, 22, 22); } #account-security #settings.security .content .inner-content .block-content.settings .row .col .backup > span.red::after { background: center center transparent; } #account-security #settings.security .content .inner-content .block-content.settings .row .col .backup > p { display: block; color: rgb(114, 184, 216); margin-bottom: 10px; } #account-security #settings.security .content .inner-content .block-content.auth .row { padding: 18px 0px; } #account-security #settings.security .content .inner-content .block-content.auth .row > span { display: inline-block; vertical-align: middle; } #account-security #settings.security .content .inner-content .block-content.auth .row .auth-radio { width: 16px; height: 16px; background-color: rgb(11, 31, 49); border: 1px solid rgb(41, 73, 97); margin-left: 4px; position: relative; } #account-security #settings.security .content .inner-content .block-content.auth .row .auth-radio::after { content: ""; display: block; position: absolute; left: 2px; top: 2px; width: 12px; height: 12px; background-color: rgb(94, 212, 238); opacity: 0; transition-duration: 0.2s; perspective: 1000px; } #account-security #settings.security .content .inner-content .block-content.auth .row .auth-method { width: 62px; height: 62px; border: 1px solid rgb(41, 73, 97); margin: 0px 26px; position: relative; background: repeat transparent; } #account-security #settings.security .content .inner-content .block-content.auth .row .auth-method::after { content: ""; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: center center no-repeat transparent; } #account-security #settings.security .content .inner-content .block-content.auth .row .auth-method.email::after { background-position: center 17px; } #account-security #settings.security .content .inner-content .block-content.auth .row .auth-method.sms::after { background-position: center -92px; } #account-security #settings.security .content .inner-content .block-content.auth .row .auth-method.mobile::after { background-position: center -205px; } #account-security #settings.security .content .inner-content .block-content.auth .row .auth-text { font-size: 16px; color: rgb(2, 238, 255); text-transform: uppercase; } #account-security #settings.security .content .inner-content .block-content.auth .row .auth-text span { font-size: 14px; color: rgb(97, 141, 150); display: block; text-transform: none; } #account-security #settings.security .content .inner-content .block-content.auth .row.selected .auth-radio::after { opacity: 1; } #account-security #settings.security .content .inner-content .block-content.auth .shadow-button { margin-top: 27px; text-transform: uppercase; float: right; } #account-security #settings.security .content .inner-content .block-content.logs .pager, #account-security #settings.security .content .inner-content .block-content.devices .pager { margin-top: 20px; } #account-security #settings.security .content .inner-content .block-content.logs .row, #account-security #settings.security .content .inner-content .block-content.devices .row { border: none; margin-bottom: 1px; background-color: rgba(53, 148, 255, 0.05); } #account-security #settings.security .content .inner-content .block-content.logs .row:nth-child(2n+1), #account-security #settings.security .content .inner-content .block-content.devices .row:nth-child(2n+1) { background-color: rgba(53, 148, 255, 0.1); } #account-security #settings.security .content .inner-content .block-content.logs .row .col, #account-security #settings.security .content .inner-content .block-content.devices .row .col { float: left; padding: 0px 20px; font-size: 12px; color: rgb(169, 205, 226); line-height: 44px; height: 44px; position: relative; } @media only screen and (max-width: 1200px) { #account-security #settings.security .content .inner-content .block-content.logs .row .col, #account-security #settings.security .content .inner-content .block-content.devices .row .col { box-sizing: border-box; padding: 0px 20px; } } @media only screen and (max-width: 990px) { #account-security #settings.security .content .inner-content .block-content.logs .row .col, #account-security #settings.security .content .inner-content .block-content.devices .row .col { font-size: 10px; padding: 0px 10px 0px 5px; } } #account-security #settings.security .content .inner-content .block-content.logs .row .col.event, #account-security #settings.security .content .inner-content .block-content.devices .row .col.event { width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #account-security #settings.security .content .inner-content .block-content.logs .row .col.date, #account-security #settings.security .content .inner-content .block-content.devices .row .col.date { width: 86px; } #account-security #settings.security .content .inner-content .block-content.logs .row .col.time, #account-security #settings.security .content .inner-content .block-content.devices .row .col.time { width: 56px; } #account-security #settings.security .content .inner-content .block-content.logs .row .col.device, #account-security #settings.security .content .inner-content .block-content.devices .row .col.device { width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #account-security #settings.security .content .inner-content .block-content.logs .row .col.ip, #account-security #settings.security .content .inner-content .block-content.devices .row .col.ip { width: 93px; } #account-security #settings.security .content .inner-content .block-content.logs .row .col.country, #account-security #settings.security .content .inner-content .block-content.devices .row .col.country { width: 110px; } @media only screen and (max-width: 990px) { #account-security #settings.security .content .inner-content .block-content.logs .row .col.country, #account-security #settings.security .content .inner-content .block-content.devices .row .col.country { width: 83px; } } #account-security #settings.security .content .inner-content .block-content.logs .row .col.sign, #account-security #settings.security .content .inner-content .block-content.devices .row .col.sign { width: 160px; } @media only screen and (max-width: 1200px) { #account-security #settings.security .content .inner-content .block-content.logs .row .col.sign, #account-security #settings.security .content .inner-content .block-content.devices .row .col.sign { width: 35%; } } #account-security #settings.security .content .inner-content .block-content.logs .row .col.valid, #account-security #settings.security .content .inner-content .block-content.devices .row .col.valid { width: 130px; } @media only screen and (max-width: 1200px) { #account-security #settings.security .content .inner-content .block-content.logs .row .col.valid, #account-security #settings.security .content .inner-content .block-content.devices .row .col.valid { width: 15%; } } #account-security #settings.security .content .inner-content .block-content.logs .row .col.actions, #account-security #settings.security .content .inner-content .block-content.devices .row .col.actions { text-indent: -10000em; width: 85px; position: relative; } #account-security #settings.security .content .inner-content .block-content.logs .row .col.actions .btn, #account-security #settings.security .content .inner-content .block-content.devices .row .col.actions .btn { background: 0px 0px; display: block; height: 19px; position: absolute; top: 12px; width: 23px; right: 50px; } #account-security #settings.security .content .inner-content .block-content.logs .row .col.actions .btn .effect, #account-security #settings.security .content .inner-content .block-content.devices .row .col.actions .btn .effect { background: 0px -20px; display: block; height: 100%; left: 0px; opacity: 0; position: absolute; top: 0px; width: 100%; transition-duration: 0.2s; perspective: 1000px; } #account-security #settings.security .content .inner-content .block-content.logs .row .col.actions .btn.remove, #account-security #settings.security .content .inner-content .block-content.devices .row .col.actions .btn.remove { background-position: -23px 0px; right: 20px; } #account-security #settings.security .content .inner-content .block-content.logs .row .col.actions .btn.remove .effect, #account-security #settings.security .content .inner-content .block-content.devices .row .col.actions .btn.remove .effect { background-position: -23px -20px; } #account-security #settings.security .content .inner-content .block-content.logs .row .col.actions .btn:hover .effect, #account-security #settings.security .content .inner-content .block-content.devices .row .col.actions .btn:hover .effect { opacity: 1; } @media only screen and (max-width: 1200px) { #account-security #settings.security .content .inner-content .block-content.logs .row .col.actions, #account-security #settings.security .content .inner-content .block-content.devices .row .col.actions { width: 25%; } } #account-security #settings.security .content .inner-content .block-content.logs .row.th, #account-security #settings.security .content .inner-content .block-content.devices .row.th { background: 0px 0px; } #account-security #settings.security .content .inner-content .block-content.logs .row.th .col, #account-security #settings.security .content .inner-content .block-content.devices .row.th .col { line-height: initial; height: auto; font-size: 14px; color: rgb(214, 214, 214); font-weight: 700; border-bottom: 4px solid rgb(82, 125, 142); padding: 20px 20px 7px; } @media only screen and (max-width: 1200px) { #account-security #settings.security .content .inner-content .block-content.logs .row.th .col, #account-security #settings.security .content .inner-content .block-content.devices .row.th .col { box-sizing: border-box; } } @media only screen and (max-width: 990px) { #account-security #settings.security .content .inner-content .block-content.logs .row.th .col, #account-security #settings.security .content .inner-content .block-content.devices .row.th .col { font-size: 10px; padding: 0px 10px 7px 0px; } } #account-security #settings.security .content .inner-content .block-content.logs .row.login-failed, #account-security #settings.security .content .inner-content .block-content.devices .row.login-failed { background-color: rgba(255, 53, 63, 0.1); } #account-security #settings.security .content .inner-content .block-content.logs .row.login-failed .col, #account-security #settings.security .content .inner-content .block-content.devices .row.login-failed .col { color: rgb(240, 89, 118); } @media only screen and (max-width: 1200px) { #account-security #settings.security .content .inner-content .block-content.logs .row .col { width: 15% !important; padding-left: 0px !important; } } @media only screen and (max-width: 1200px) { #account-security #settings.security .content .inner-content .block-content.logs .row .col.event { width: 25% !important; } } @media only screen and (max-width: 500px) { #account-security #settings.security .content .inner-content .block-content.logs .row .col.date { font-size: 9px; } } @media only screen and (max-width: 1200px) { #account-security #settings.security .content .inner-content .block-content.logs .row .col.date { width: 16% !important; } } @media only screen and (max-width: 1200px) { #account-security #settings.security .content .inner-content .block-content.logs .row .col.time { width: 14% !important; } } #account-security #settings.security .content .inner-content .block-content.devices .row form { position: absolute; left: 43px; top: 6px; width: 300px; } #account-security #settings.security .content .inner-content .block-content.devices .row form input { width: 170px; } #account-security #settings.security .content .inner-content .block-content.devices .row form .shadow-button { float: left; } #account-security #settings.security .content .inner-content .block-content.devices .row .col.device { padding-left: 47px; width: 223px; } @media only screen and (max-width: 1200px) { #account-security #settings.security .content .inner-content .block-content.devices .row .col.device { width: 25%; } } #account-security #settings.security .content .inner-content .block-content.devices .row .col.device.computer, #account-security #settings.security .content .inner-content .block-content.devices .row .col.device.phone, #account-security #settings.security .content .inner-content .block-content.devices .row .col.device.tablet { background: no-repeat; } #account-security #settings.security .content .inner-content .block-content.devices .row .col.device.computer { background-position: 20px 16px; } #account-security #settings.security .content .inner-content .block-content.devices .row .col.device.phone { background-position: 21px -29px; } #account-security #settings.security .content .inner-content .block-content.devices .row .col.device.tablet { background-position: 21px -72px; } #account-security #settings.security .content .inner-content .block-content.devices .row.active .device > span { display: none; } #account-security #settings.security .content .inner-content .block-content.devices .row.active .sign, #account-security #settings.security .content .inner-content .block-content.devices .row.active .valid { opacity: 0.2; } #account-security #settings.step .content .inner-content form { display: block; } #account-security #settings.step .content .inner-content .block-content h4 { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 22px; color: rgb(78, 224, 255); text-transform: uppercase; border-bottom: 1px solid rgba(78, 224, 255, 0.1); padding: 20px 0px 5px; margin: 0px; } #account-security #settings.step .content .inner-content .block-content h4 span { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 18px; color: rgb(78, 224, 255); text-transform: none; } #account-security #settings.step .content .inner-content .block-content p { padding: 25px 0px; border-bottom: none; } #account-security #settings.step .content .inner-content .block-content label { float: left; font-size: 14px; color: rgb(214, 214, 214); font-weight: 100; margin-right: 35px; font-family: Arial; width: 135px; } #account-security #settings.step .content .inner-content .block-content label.test_code { line-height: 60px; height: 60px; margin: 0px 35px 0px 0px; } #account-security #settings.step .content .inner-content .block-content label, #account-security #settings.step .content .inner-content .block-content input { margin-bottom: 22px; } #account-security #settings.step .content .inner-content .block-content label[name="device_name"], #account-security #settings.step .content .inner-content .block-content input[name="device_name"] { padding-left: 35px; background-image: ; background-repeat: no-repeat; } #account-security #settings.step .content .inner-content .block-content label[name="device_name"].computer, #account-security #settings.step .content .inner-content .block-content input[name="device_name"].computer { background-position: 9px 10px; } #account-security #settings.step .content .inner-content .block-content label[name="device_name"].phone, #account-security #settings.step .content .inner-content .block-content input[name="device_name"].phone { background-position: 9px -34px; } #account-security #settings.step .content .inner-content .block-content label[name="device_name"].tablet, #account-security #settings.step .content .inner-content .block-content input[name="device_name"].tablet { background-position: 9px -77px; } #account-security #settings.step .content .inner-content .block-content .selectlist { float: left; width: 291px; margin: 0px 10px 22px 0px; } #account-security #settings.step.step3 .shadow-button { margin-top: 20px; } #account-security #settings.step.step-app .block-content .authy-download-block, #account-security #settings.step.step-app .block-content .google-download-block { background-color: rgba(28, 153, 221, 0.1); padding: 24px 28px; width: 49%; box-sizing: border-box; margin: 25px 0px 30px; } #account-security #settings.step.step-app .block-content .authy-download-block img, #account-security #settings.step.step-app .block-content .google-download-block img { float: left; margin-right: 20px; } #account-security #settings.step.step-app .block-content .authy-download-block .directions .title, #account-security #settings.step.step-app .block-content .google-download-block .directions .title { font-size: 16px; color: rgb(207, 230, 238); font-family: Orbitron; text-transform: uppercase; font-weight: 700; } #account-security #settings.step.step-app .block-content .authy-download-block .directions .title span, #account-security #settings.step.step-app .block-content .google-download-block .directions .title span { display: block; font-size: 14px; font-family: Arial; color: rgb(207, 230, 238); text-transform: none; font-weight: 400; line-height: 20px; } #account-security #settings.step.step-app .block-content .authy-download-block .directions .title span a, #account-security #settings.step.step-app .block-content .google-download-block .directions .title span a { color: rgb(37, 228, 255); } @media only screen and (max-width: 990px) { #account-security #settings.step.step-app .block-content .authy-download-block, #account-security #settings.step.step-app .block-content .google-download-block { margin: 25px 0px 0px; width: 100%; } } #account-security #settings.step.step-app .block-content .authy-download-block { float: left; } #account-security #settings.step.step-app .block-content .google-download-block { float: right; } #account-security #settings.step.step-app .block-content > ul, #account-security #settings.step.step-app .block-content > ul li { padding: 0px; margin: 0px; font-size: 15px; color: rgb(214, 214, 214); list-style-position: inside; } #account-security #settings.step.step-app .block-content > ul { margin: 25px 0px; } #account-security #settings.step.step-app .block-content form { margin-top: 22px; } #account-security #settings.step.step-app .block-content form label span { color: rgb(161, 161, 161); font-size: 11px; } #account-security #settings.step.step-app .block-content h4 span span { padding-left: 30px; display: block; line-height: 25px; font-style: italic; background: -6px -8px no-repeat; margin-bottom: 5px; color: rgb(177, 169, 146) !important; font-size: 14px !important; } #account-security #settings.step.step-app .block-content .barcode-wrapper { position: relative; } #account-security #settings.step.step-app .block-content .barcode-wrapper .barcode { padding: 10px; background-color: rgb(255, 255, 255); } #account-security #settings.step.step-app .block-content .barcode-wrapper .barcode, #account-security #settings.step.step-app .block-content .barcode-wrapper .help { display: block; float: left; } #account-security #settings.step.step-app .block-content .barcode-wrapper .help { margin: 50px 0px 0px 32px; font-size: 12px; color: rgb(214, 214, 214); } #account-security #settings.step.step-app .block-content .barcode-wrapper .help a { color: rgb(78, 224, 255); } #account-security #settings.step.step-app .block-content .barcode-wrapper .manual-secret { display: none; position: absolute; left: 209px; top: 89px; } #account-security #settings.step.step-app .block-content .barcode-wrapper .manual-secret input { float: none; } #recover #post-background { position: absolute; opacity: 1; background: center 200px no-repeat; } #recover #home-background { position: absolute; inset: 0px; background: center bottom no-repeat, center bottom repeat-y; overflow: hidden; } #recover #home-background .bg-home-stars { position: absolute; inset: 0px 0px 750px; background: center bottom repeat-y; } #recover #contentbody .wrapper { padding-bottom: 90px; overflow: hidden; max-width: 1110px; } @media only screen and (max-width: 1140px) { #recover #contentbody .wrapper { padding-bottom: 500px; } } #recover #contentbody .wrapper > .content { max-width: 533px; margin: 0px auto; } #recover #contentbody .wrapper > .content.with-multistep { max-width: 100%; } #recover #contentbody .wrapper > .content form[name="recover"] { max-width: 100%; } #recover #contentbody .wrapper > .content form[name="recover"] fieldset.password-fields { float: left; } #recover #contentbody .wrapper > .content form[name="recover"] fieldset.multistep-fields { float: right; } #recover .glow-hub-title { height: 100px; } #recover .glow-hub-title h2 { font-size: 16px; color: rgb(180, 238, 252); line-height: 22px; font-family: Electrolize; text-transform: none; text-shadow: none; font-weight: 100; } #recover .left { float: left; } #recover .right { float: right; } #recover form[name="recover"] { max-width: 533px; } #recover form[name="recover"] .cut { outline: none; transition-duration: 0.2s; perspective: 1000px; border-right: none; border-image: initial; position: relative; border-top: 1px solid rgb(10, 86, 136); border-bottom: 1px solid rgb(10, 86, 136); border-left: 1px solid rgb(10, 86, 136); background: rgba(10, 86, 136, 0.4); padding: 18px 11px 18px 30px; display: block; float: right; margin-right: 21px; text-transform: uppercase; cursor: default; color: rgba(8, 145, 167, 0.9); font: 500 13px / 13px Orbitron; } #recover form[name="recover"] .cut::before, #recover form[name="recover"] .cut::after { content: ""; display: block; position: absolute; border-right: 1px solid rgb(10, 86, 136); border-top: 1px solid rgb(10, 86, 136); background: rgba(10, 86, 136, 0.4); } #recover form[name="recover"] .cut::before { width: 20px; height: 29px; position: absolute; right: -21px; top: -1px; } #recover form[name="recover"] .cut::after { background: 0px 0px; right: -21px; bottom: -1px; width: 0px; height: 0px; border-style: solid; border-width: 21px 21px 0px 0px; border-color: rgba(10, 86, 136, 0.4) transparent transparent; } #recover form[name="recover"] .cut span.edge { transition-duration: 0.2s; perspective: 1000px; width: 6px; height: 20px; content: ""; display: block; background: rgb(10, 86, 136); bottom: -1px; right: -11px; position: absolute; transform: skew(-45deg); z-index: 2; } #recover form[name="recover"] .cut span.edge::after { transition-duration: 0.2s; perspective: 1000px; transform: skew(45deg); width: 0px; height: 0px; border-style: solid; border-width: 0px 0px 6px 6px; border-color: transparent transparent rgb(10, 86, 136); content: ""; display: block; position: absolute; left: -3px; top: -6px; } #recover form[name="recover"] .cut.active { color: rgb(213, 247, 255); cursor: pointer; text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; } #recover form[name="recover"] .cut.active span.edge { box-shadow: rgba(0, 112, 202, 0.6) 0px 0px 8px 1px, rgba(0, 112, 202, 0.5) 0px 0px 55px 15px; background-color: rgb(67, 237, 248); } #recover form[name="recover"] .cut.active span.edge::after { border-color: transparent transparent rgb(67, 237, 248); } #recover form[name="recover"] .cut.submit-wrapper { padding: 15px 19px 15px 18px; color: rgb(213, 247, 255); float: right; } #recover form[name="recover"] .cut.submit-wrapper input[type="submit"] { font: 500 20px / 20px Orbitron; padding: 0px 0px 0px 20px; color: rgb(67, 237, 248); text-shadow: rgba(0, 112, 202, 0.7) 4px 4px 10px, rgba(0, 112, 202, 0.7) -4px -4px 10px, rgba(0, 112, 202, 0.7) -4px 4px 10px, rgba(0, 112, 202, 0.7) 4px -4px 10px; } #recover form[name="recover"] .cut.submit-wrapper::before { height: 44px; } #recover form[name="recover"] .cut.submit-wrapper.disabled input { color: rgba(67, 237, 248, 0.4); text-shadow: none; } #recover form[name="recover"] fieldset { padding: 26px; position: relative; width: 533px; margin-bottom: 32px; box-sizing: border-box; border: 1px solid rgb(10, 86, 136); background-color: rgba(0, 44, 69, 0.6); } @media only screen and (max-width: 1140px) { #recover form[name="recover"] fieldset { width: 100%; } } #recover form[name="recover"] fieldset * { font-family: Electrolize; } #recover form[name="recover"] fieldset .comment { color: rgb(3, 101, 138); font-size: 14px; line-height: 18px; font-family: Electrolize; display: block; text-transform: none; padding-top: 5px; } #recover form[name="recover"] fieldset .comment a { color: rgb(0, 231, 255); } #recover form[name="recover"] fieldset .codes-wrapper { height: 127px; overflow: hidden; position: relative; } #recover form[name="recover"] fieldset .codes-wrapper .inner-codes-wrapper { position: absolute; top: 0px; width: 100%; transition-duration: 0.2s; perspective: 1000px; } #recover form[name="recover"] fieldset .codes-wrapper.backup .inner-codes-wrapper { top: -128px; } #recover form[name="recover"] fieldset .switch-mode { color: rgb(8, 145, 197); margin: 5px 0px 0px; float: right; text-decoration: underline; font-size: 14px; } #recover form[name="recover"] fieldset .msg-wrapper { float: right; font-size: 12px; position: relative; margin-top: 5px; } #recover form[name="recover"] fieldset .msg-wrapper.good { display: none; } #recover form[name="recover"] fieldset .msg-wrapper .msg-error { display: none; } #recover form[name="recover"] fieldset .msg-wrapper.error { color: rgb(195, 41, 41); } #recover form[name="recover"] fieldset .msg-wrapper.error .msg-error { display: block; } #recover form[name="recover"] fieldset .msg-wrapper.error::after { width: 63px; height: 4px; content: ""; display: block; background-color: rgb(195, 41, 41); position: absolute; right: 12px; bottom: -9px; transform: skew(-45deg); box-shadow: rgba(195, 41, 41, 0.7) 4px 4px 10px, rgba(195, 41, 41, 0.7) -4px -4px 10px, rgba(195, 41, 41, 0.7) -4px 4px 10px, rgba(195, 41, 41, 0.7) 4px -4px 10px; } #recover form[name="recover"] fieldset .section { color: rgb(0, 231, 255); font: 700 18px / 1 Orbitron; text-transform: uppercase; margin-top: 5px; border-bottom: 1px solid rgb(6, 59, 93); } #recover form[name="recover"] fieldset .section .comment { color: rgb(8, 145, 197); padding: 10px 0px 20px; font-weight: 100; } #recover form[name="recover"] fieldset .section i { font-size: 16px; font-style: normal; color: rgb(3, 101, 138); text-transform: none; } #recover form[name="recover"] fieldset label { font-size: 15px; color: rgb(0, 237, 255); text-transform: uppercase; margin-top: 45px; display: block; width: 100%; } #recover form[name="recover"] fieldset input[type="text"], #recover form[name="recover"] fieldset input[type="password"], #recover form[name="recover"] fieldset .selectlist { background-color: rgba(0, 0, 0, 0.35); height: 52px; line-height: 52px; border-color: rgb(0, 37, 62); } #recover form[name="recover"] fieldset input[type="text"].success, #recover form[name="recover"] fieldset input[type="password"].success, #recover form[name="recover"] fieldset .selectlist.success { border-color: rgb(31, 122, 39); } #recover form[name="recover"] fieldset input[type="text"].error, #recover form[name="recover"] fieldset input[type="password"].error, #recover form[name="recover"] fieldset .selectlist.error { border-color: rgb(195, 41, 41); } #recover form[name="recover"] fieldset input[type="text"], #recover form[name="recover"] fieldset input[type="password"] { padding: 0px 15px; transition-duration: 0.2s; perspective: 1000px; font-size: 18px; color: rgb(0, 231, 255); } #recover form[name="recover"] fieldset input[type="text"]:focus, #recover form[name="recover"] fieldset input[type="password"]:focus { border-color: rgb(0, 231, 255); } #recover form[name="recover"] fieldset .selectlist { border-radius: 0px; } #recover form[name="recover"] fieldset .selectlist.small { width: 122px; } #recover form[name="recover"] fieldset .selectlist.medium { width: 186px; } #recover form[name="recover"] fieldset .selectlist > span { height: 52px; line-height: 52px; width: 100%; font-size: 20px; color: rgb(3, 101, 138); padding: 0px 0px 0px 15px; margin-top: 0px; } #recover form[name="recover"] fieldset .selectlist .arrow { width: 20px; height: 16px; background: no-repeat; position: absolute; top: 18px; right: 15px; } #recover form[name="recover"] fieldset .selectlist .scrollable { min-height: 300px; } #recover form[name="recover"] fieldset .selectlist .scrollable .viewport { width: 100px; } #recover form[name="recover"] fieldset .selectlist ul { margin-left: 0px; background-color: rgba(0, 0, 0, 0.8); } #recover form[name="recover"] fieldset .selectlist ul li { height: 50px; line-height: 50px; font-size: 20px; padding: 0px; text-align: center; color: rgb(22, 146, 193); background: rgba(0, 0, 0, 0.8); border-style: solid; border-color: rgba(22, 42, 63, 0.8) rgba(22, 42, 63, 0.8) rgba(22, 42, 63, 0.8) rgb(8, 145, 197); border-image: initial; border-width: 1px 0px 0px 5px; } #recover form[name="recover"] fieldset .selectlist ul li:hover { background: rgba(0, 0, 0, 0.4); border-left-color: rgb(0, 237, 255); color: rgb(77, 255, 255); text-shadow: rgb(0, 108, 255) 0px 0px 15px, rgb(0, 108, 255) 0px 0px 15px; } #recover form[name="recover"] fieldset .error-level-line { display: block; width: 108px; height: 5px; background: rgb(25, 60, 76); margin-top: 10px; } #recover form[name="recover"] fieldset .error-level-line.on { background: rgb(0, 231, 255); box-shadow: rgb(0, 237, 255) 0px 0px 30px; } @media only screen and (max-width: 1140px) { #recover form[name="recover"] fieldset .error-level-line { width: 23%; } } #recover form[name="recover"] fieldset .row { display: flex; flex-flow: wrap; box-sizing: border-box; justify-content: space-between; width: 100%; } #recover form[name="recover"] fieldset.referral { padding: 0px; background: 0px 0px; } #recover form[name="recover"] fieldset.referral .referral-wrapper { padding: 16px; background: repeat; margin: 9px; border: 1px solid rgb(14, 51, 74); } #recover form[name="recover"] fieldset.referral .referral-wrapper .section { border: none; } #recover form[name="recover"] fieldset.referral .referral-wrapper .section .comment { padding-bottom: 0px; } #recover form[name="recover"] fieldset.referral .referral-wrapper label { margin-top: 20px; } #recover form[name="recover"] fieldset.referral.disabled { opacity: 0.6; } #recover form[name="recover"] fieldset.referral.disabled .referral-wrapper { height: 175px; } #recover form[name="recover"] fieldset.referral.disabled .glow-corners { display: none; } #recover form[name="recover"] fieldset.referral.validated { border-color: rgb(18, 101, 10); } #recover form[name="recover"] fieldset.referral.validated .glow-corners::before, #recover form[name="recover"] fieldset.referral.validated .glow-corners::after { border-color: rgb(8, 179, 9); } #recover form[name="recover"] fieldset.referral.validated .referral-wrapper { border-color: rgb(18, 78, 25); background: repeat; } #recover form[name="recover"] fieldset.security .section { border: none; margin-bottom: 23px; } #recover form[name="recover"] fieldset.security .captcha { width: 265px; height: 114px; border: 1px solid rgb(10, 86, 136); display: none; float: left; margin-right: 15px; } #recover form[name="recover"] fieldset.security .captcha img { width: 265px; height: 114px; } #recover form[name="recover"] fieldset.security .re-generate { float: left; font-size: 16px; color: rgb(0, 237, 255); padding-left: 30px; position: relative; height: 25px; line-height: 25px; margin-top: 91px; } #recover form[name="recover"] fieldset.security .re-generate .icon { position: absolute; left: 0px; top: 0px; width: 25px; height: 25px; background: ; display: block; } #recover form[name="recover"] fieldset.security label { margin-top: 20px; } #recover form[name="recover"] fieldset.security label.checkbox span { background: ; padding-left: 0px; width: 22px; height: 22px; } #recover form[name="recover"] fieldset.security label.checkbox.on span { background: ; } #recover form[name="recover"] fieldset.security label.checkbox, #recover form[name="recover"] fieldset.security .terms { display: inline-block; margin-bottom: 0px; font-size: 16px; color: rgb(8, 145, 197); width: auto; line-height: 22px; } #recover form[name="recover"] fieldset.security label.checkbox a, #recover form[name="recover"] fieldset.security .terms a { color: rgb(0, 231, 255); } #billing.pledges .title-col h3 { position: relative; } #billing.pledges .title-col h3 .contains-nameable { position: absolute; box-sizing: border-box; padding: 3px 7px 0px 1px; right: 0px; top: calc(100% + 1px); height: 21px; background: rgb(15, 32, 44); color: rgb(189, 206, 212); font-size: 11px; font-family: Electrolize; } #billing.pledges .title-col h3 .contains-nameable .nameable-icon { display: inline-block; position: relative; top: 3px; width: 14px; height: 12px; background: no-repeat; } #billing.pledges .title-col h3 .contains-nameable .nameable-count { color: rgb(255, 255, 255); font-size: 10px; margin: 0px 1px; } #billing.pledges .title-col h3 .contains-nameable::before { content: ""; display: block; position: absolute; top: 0px; right: 100%; border-top: 21px solid rgb(15, 32, 44); border-left: 21px solid transparent; } #billing.pledges .items .nameable-infobox { position: relative; background-color: rgba(12, 27, 43, 0.5); box-sizing: border-box; padding: 10px 15px; margin-bottom: 20px; font-size: 14px; color: rgb(189, 206, 212); } #billing.pledges .items .nameable-infobox .nameable-infobox-icon { display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; padding-top: 1px; border-radius: 50%; background: center center no-repeat rgb(15, 32, 44); } #billing.pledges .items .nameable-infobox .nameable-infobox-text { display: inline-block; padding: 15px 0px 0px 40px; } #billing.pledges .items .nameable-infobox .nameable-infobox-text .infobox-count { color: rgb(255, 255, 255); } #billing.pledges .items .nameable-infobox .nameable-infobox-rename-btn { margin-top: 8px; } #billing.pledges .items .item.has-custom-name .custom-name-icon { display: inline-block; position: relative; top: 1px; background: no-repeat; width: 11px; height: 11px; } #billing.pledges .items .item.has-custom-name .custom-name-text { display: inline-block; margin-left: 5px; max-width: 100%; overflow-wrap: break-word; } #billing.pledges .items .item.has-custom-name .custom-name { color: rgb(189, 206, 212); font-size: 12px; } #billing.pledges .items .without-images .item.has-custom-name { height: 70px !important; margin-top: -20px; } #billing.pledges .items .without-images .item.has-custom-name .title { line-height: 70px !important; } #billing.pledges .items .without-images .item.has-custom-name .custom-name { position: relative; top: -20px; } #billing.pledges .items .with-images .item.has-custom-name .custom-name-text { margin-left: 2px; } .more__button-print { float: right; margin-left: 25px; } .is_mobile .more__button-print { display: none; } #reclaim .disclaimer-header { color: rgb(255, 116, 116); margin-bottom: 8px; display: inline-block; font-size: 12px; } #reclaim .disclaimer-box { border: 1px solid rgb(255, 116, 116); border-radius: 4px; padding: 8px; margin-bottom: 24px; } #reclaim .disclaimer-label span, #reclaim .disclaimer-label.on span { font-size: 12px; padding-left: 32px; white-space: break-spaces; } #squadron42 { background: rgb(26, 29, 23); box-sizing: border-box; min-width: 0px; } #squadron42 * { font-family: univia-pro, sans-serif; } @keyframes arrow-wave { 0% { opacity: 0; } 50% { opacity: 0.25; } 100% { opacity: 0.75; } } #squadron42 .c-objectfit img { display: block; height: 100%; width: 100%; } #squadron42 .c-objectfit--cover img { object-fit: cover; } #squadron42 .c-objectfit--fill img { object-fit: fill; } #squadron42 .c-objectposition--center img { object-position: 50% 50%; } #squadron42 .c-objectposition--top-center img { object-position: 50% 0%; } #squadron42 *, #squadron42 ::before, #squadron42 ::after { box-sizing: inherit; } #squadron42 #contentbody { background: 50% 0% / 72px 72px repeat; overflow: hidden; padding-top: 0px; padding-bottom: 0px; } #squadron42 #contentbody::before { background: 50% 0% repeat-y; content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 0; } @media (max-width: 767px) { #squadron42 #contentbody { background-size: 54px 54px; } #squadron42 #contentbody::before { background-size: 933px 806px; } } #squadron42 .c-pattern { background: 0% 0% / 36px 30px repeat; height: 100%; position: absolute; top: 0px; width: 36px; z-index: 5; } #squadron42 .c-pattern--left { left: 15px; } #squadron42 .c-pattern--right { right: 15px; } @media only screen and (max-width: 1024px) { #squadron42 .c-pattern--left { left: 0px; } #squadron42 .c-pattern--right { right: 0px; } } @media (max-width: 767px) { #squadron42 .c-pattern--left { display: none; } #squadron42 .c-pattern--right { right: -10px; } } @media (min-width: 1260px) { #squadron42 .c-pattern { background-size: 71px 60px; width: 71px; } } @media (min-width: 1400px) { #squadron42 .c-pattern--left { left: calc(-685px + 50vw); } #squadron42 .c-pattern--right { right: calc(-685px + 50vw); } } #squadron42 .l-section { width: 100%; padding-top: 110px; padding-bottom: 50px; position: relative; } #squadron42 .l-section__wrapper--light { background: rgb(71, 72, 60); } #squadron42 .l-section__wrapper--dark { background: rgb(45, 46, 35); } @media (max-width: 767px) { #squadron42 .l-section { padding-top: 80px; padding-bottom: 0px; } } #squadron42 .c-sectiontitle { margin: 0px auto 50px; max-width: 1370px; padding-left: 106px; position: relative; } #squadron42 .c-sectiontitle h2 { color: rgb(160, 121, 48); font-size: 50px; font-weight: 300; line-height: 1; margin: 0px; text-transform: uppercase; } #squadron42 .c-sectiontitle h2 strong { font-weight: 400; } #squadron42 .c-sectiontitle p { color: rgb(194, 190, 174); font-size: 22px; margin: 10px 0px 0px; max-width: 540px; } @media only screen and (max-width: 1024px) { #squadron42 .c-sectiontitle { padding-left: 82px; } #squadron42 .c-sectiontitle h2 { font-size: 40px; } } @media (max-width: 767px) { #squadron42 .c-sectiontitle { margin-bottom: 14px; padding-left: 60px; } #squadron42 .c-sectiontitle h2 { font-size: 25px; } #squadron42 .c-sectiontitle p { font-size: 13px; padding-right: 60px; } #squadron42 .c-sectiontitle p br { display: none; } } @media (min-width: 1260px) { #squadron42 .c-sectiontitle { padding-left: 154px; } } @media (min-width: 1400px) { #squadron42 .c-sectiontitle { padding-left: 280px; } } #squadron42 .l-block { position: relative; z-index: 4; } #squadron42 .l-block--centered { margin: 0px auto; max-width: 1370px; } @media (min-width: 1400px) { #squadron42 .l-block { padding: 0px; } } #squadron42 .page-wrapper .c-btn, #squadron42 .c-brand-menu .c-btn { background: 0px 0px; border: none; border-radius: 0px; color: rgb(156, 153, 139); cursor: pointer; display: inline-block; line-height: 54px; outline: 0px; padding: 0px 25px; position: relative; transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } #squadron42 .page-wrapper .c-btn::before, #squadron42 .c-brand-menu .c-btn::before { height: 100%; width: 100%; border-width: 1px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: ; border-image-slice: 30 fill; border-image-width: 64px; content: ""; left: 0px; position: absolute; top: 0px; z-index: 2; } #squadron42 .page-wrapper .c-btn__text, #squadron42 .c-brand-menu .c-btn__text { display: block; line-height: inherit; float: left; position: relative; text-transform: uppercase; white-space: nowrap; z-index: 5; } #squadron42 .page-wrapper .c-btn__icon, #squadron42 .c-brand-menu .c-btn__icon { display: inline-block; line-height: 1; pointer-events: none; position: relative; z-index: 5; transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } #squadron42 .page-wrapper .c-btn__icon--play, #squadron42 .c-brand-menu .c-btn__icon--play { left: 3px; } #squadron42 .page-wrapper .c-btn--dark div:first-of-type, #squadron42 .c-brand-menu .c-btn--dark div:first-of-type { border-image-source: ; } #squadron42 .page-wrapper .c-btn--dark .c-btn__text, #squadron42 .c-brand-menu .c-btn--dark .c-btn__text { color: rgb(255, 255, 255); font-weight: 700; } #squadron42 .page-wrapper .c-btn--large, #squadron42 .c-brand-menu .c-btn--large { font-size: 22px; line-height: 64px; padding-right: 40px; padding-left: 40px; } #squadron42 .page-wrapper .c-btn--text-outside .c-btn__text, #squadron42 .c-brand-menu .c-btn--text-outside .c-btn__text { color: rgb(255, 255, 255); font-size: 15px; position: absolute; left: 100%; padding-left: 20px; top: 0px; } #squadron42 .page-wrapper .c-btn--audio, #squadron42 .c-brand-menu .c-btn--audio { padding: 0px 20px; } #squadron42 .page-wrapper .c-btn--audio path, #squadron42 .c-brand-menu .c-btn--audio path { transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } #squadron42 .page-wrapper .c-btn--audio.is-playing path, #squadron42 .c-brand-menu .c-btn--audio.is-playing path { fill-opacity: 1; } #squadron42 .page-wrapper .c-btn--audio:hover, #squadron42 .c-brand-menu .c-btn--audio:hover { padding: 0px 20px; } #squadron42 .page-wrapper .c-btn--audio:hover path, #squadron42 .c-brand-menu .c-btn--audio:hover path { fill: rgb(230, 180, 42); } #squadron42 .page-wrapper .c-btn--audio:hover.is-playing path, #squadron42 .c-brand-menu .c-btn--audio:hover.is-playing path { fill: rgb(230, 180, 42); } @media (max-width: 767px) { #squadron42 .page-wrapper .c-btn, #squadron42 .c-brand-menu .c-btn { font-size: 12px; line-height: 40px; padding: 0px 16px; } #squadron42 .page-wrapper .c-btn div:first-of-type, #squadron42 .c-brand-menu .c-btn div:first-of-type { border-width: 1px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: ; border-image-slice: 20 fill; border-image-width: 34px; } #squadron42 .page-wrapper .c-btn__icon--play, #squadron42 .c-brand-menu .c-btn__icon--play { top: 2px; transform: scale(0.85); } #squadron42 .page-wrapper .c-btn--dark div:first-of-type, #squadron42 .c-brand-menu .c-btn--dark div:first-of-type { border-image-source: ; } #squadron42 .page-wrapper .c-btn--large, #squadron42 .c-brand-menu .c-btn--large { font-size: 14px; line-height: 50px; padding-right: 27px; padding-left: 27px; } #squadron42 .page-wrapper .c-btn--text-outside .c-btn__text, #squadron42 .c-brand-menu .c-btn--text-outside .c-btn__text { font-size: 12px; padding-left: 10px; } } #squadron42 .page-wrapper .c-collapse__panel, #squadron42 .c-brand-menu .c-collapse__panel { clear: both; height: 0px; overflow: hidden; transition: height 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } #squadron42 .page-wrapper .c-hero, #squadron42 .c-brand-menu .c-hero { background: rgb(0, 11, 24); height: calc(-123px + 100vh); position: relative; z-index: 4; } #squadron42 .page-wrapper .c-hero a, #squadron42 .c-brand-menu .c-hero a { transition: color 0.3s ease-in-out 0s; } #squadron42 .page-wrapper .c-hero a:hover, #squadron42 .c-brand-menu .c-hero a:hover { color: rgb(254, 168, 16); } #squadron42 .page-wrapper .c-hero__image, #squadron42 .c-brand-menu .c-hero__image, #squadron42 .page-wrapper .c-hero__pattern, #squadron42 .c-brand-menu .c-hero__pattern { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } #squadron42 .page-wrapper .c-hero__image, #squadron42 .c-brand-menu .c-hero__image { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; z-index: 4; } #squadron42 .page-wrapper .c-hero__pattern, #squadron42 .c-brand-menu .c-hero__pattern { background: ; z-index: 5; } #squadron42 .page-wrapper .c-hero__inner, #squadron42 .c-brand-menu .c-hero__inner { margin: 0px auto; max-width: 1370px; position: relative; z-index: 10; } #squadron42 .page-wrapper .c-hero__text, #squadron42 .c-brand-menu .c-hero__text { max-width: 75%; padding-top: 85px; padding-left: 205px; } #squadron42 .page-wrapper .c-hero__text p, #squadron42 .c-brand-menu .c-hero__text p { color: rgb(160, 121, 48); font-size: 24px; font-weight: 200; } #squadron42 .page-wrapper .c-hero__text p strong, #squadron42 .c-brand-menu .c-hero__text p strong { font-weight: 800; } @media (min-width: 1260px) { #squadron42 .page-wrapper .c-hero__text, #squadron42 .c-brand-menu .c-hero__text { padding-left: 280px; } } #squadron42 .page-wrapper .c-hero__mobilelogo, #squadron42 .c-brand-menu .c-hero__mobilelogo { display: none; } #squadron42 .page-wrapper .c-hero__title, #squadron42 .c-brand-menu .c-hero__title { color: rgb(245, 242, 231); font-size: 70px; font-weight: 200; line-height: 1; margin-top: 0px; margin-bottom: 40px; text-transform: uppercase; } #squadron42 .page-wrapper .c-hero__subtitle, #squadron42 .c-brand-menu .c-hero__subtitle { color: rgb(160, 121, 48); margin-bottom: 50px; } #squadron42 .page-wrapper .c-hero__subtitle p, #squadron42 .c-brand-menu .c-hero__subtitle p { margin-bottom: 0px; } #squadron42 .page-wrapper .c-hero__subtitle a, #squadron42 .c-brand-menu .c-hero__subtitle a { text-decoration: none; color: rgb(160, 121, 48); } #squadron42 .page-wrapper .c-hero__button::before, #squadron42 .c-brand-menu .c-hero__button::before, #squadron42 .page-wrapper .c-hero__button .c-btn__icon, #squadron42 .c-brand-menu .c-hero__button .c-btn__icon { z-index: 6; } #squadron42 .page-wrapper .c-hero__button .c-btn__text, #squadron42 .c-brand-menu .c-hero__button .c-btn__text { font-size: 16px; } #squadron42 .page-wrapper .c-hero__button .c-btn__text::before, #squadron42 .c-brand-menu .c-hero__button .c-btn__text::before { border-width: 1px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: ; border-image-slice: 21 fill; border-image-width: 21px; content: ""; position: absolute; inset: 0px 0px 0px -5px; width: calc(100% + 30px); height: 100%; opacity: 0.5; z-index: -1; } #squadron42 .page-wrapper .c-hero__button .c-btn__text strong, #squadron42 .c-brand-menu .c-hero__button .c-btn__text strong { font-size: 15px; } @media (max-width: 767px) { #squadron42 .page-wrapper .c-hero__button .c-btn__text, #squadron42 .c-brand-menu .c-hero__button .c-btn__text { font-size: 12px; } #squadron42 .page-wrapper .c-hero__button .c-btn__text strong, #squadron42 .c-brand-menu .c-hero__button .c-btn__text strong { font-size: 12px; } } #squadron42 .page-wrapper .c-hero__scroll, #squadron42 .c-brand-menu .c-hero__scroll { height: 22px; width: 18px; bottom: 50px; display: none; left: 50%; margin-left: -9px; position: absolute; z-index: 5; } #squadron42 .page-wrapper .c-hero__scroll::before, #squadron42 .c-brand-menu .c-hero__scroll::before, #squadron42 .page-wrapper .c-hero__scroll::after, #squadron42 .c-brand-menu .c-hero__scroll::after { height: 11px; width: 18px; animation: 1s ease 0s infinite alternate none running arrow-wave; background: no-repeat; color: rgb(255, 255, 255); content: ""; display: block; position: absolute; } #squadron42 .page-wrapper .c-hero__scroll::after, #squadron42 .c-brand-menu .c-hero__scroll::after { animation-delay: 0.2s; top: 10px; } @media only screen and (max-width: 1024px) { #squadron42 .page-wrapper .c-hero__text, #squadron42 .c-brand-menu .c-hero__text { padding-left: 106px; } #squadron42 .page-wrapper .c-hero__scroll, #squadron42 .c-brand-menu .c-hero__scroll { display: block; } } @media (max-width: 767px) { #squadron42 .page-wrapper .c-hero, #squadron42 .c-brand-menu .c-hero { height: calc(-45px + 100vh); z-index: 10; } #squadron42 .page-wrapper .c-hero__text, #squadron42 .c-brand-menu .c-hero__text { padding-left: 36px; } #squadron42 .page-wrapper .c-hero__text p, #squadron42 .c-brand-menu .c-hero__text p { font-size: 20px; } #squadron42 .page-wrapper .c-hero__image, #squadron42 .c-brand-menu .c-hero__image { background-position: 65% 50%; margin-top: 45px; } #squadron42 .page-wrapper .c-hero__image::before, #squadron42 .c-brand-menu .c-hero__image::before { content: ""; display: block; top: 45px; left: 0px; bottom: 0px; height: 100%; background: linear-gradient(to right, rgb(24, 31, 16) 18%, rgba(18, 21, 14, 0) 80%); } #squadron42 .page-wrapper .c-hero__pattern, #squadron42 .c-brand-menu .c-hero__pattern { height: calc(-45px + 100vh); margin-top: 45px; } #squadron42 .page-wrapper .c-hero__mobilelogo, #squadron42 .c-brand-menu .c-hero__mobilelogo { display: block; margin-left: 0px; margin-bottom: 25px; width: 120px; } #squadron42 .page-wrapper .c-hero__mobilelogo img, #squadron42 .c-brand-menu .c-hero__mobilelogo img { display: block; height: auto; max-width: 100%; } #squadron42 .page-wrapper .c-hero__title, #squadron42 .c-brand-menu .c-hero__title { font-size: 32px; margin-bottom: 10px; } #squadron42 .page-wrapper .c-hero__subtitle, #squadron42 .c-brand-menu .c-hero__subtitle { margin-bottom: 80px; } #squadron42 .page-wrapper .c-hero__scroll, #squadron42 .c-brand-menu .c-hero__scroll { display: block; } } #squadron42 .page-wrapper .c-articles::after, #squadron42 .c-brand-menu .c-articles::after { content: ""; } @media (max-width: 767px) { #squadron42 .page-wrapper .c-articles, #squadron42 .c-brand-menu .c-articles { padding-right: 0px; padding-left: 0px; } #squadron42 .page-wrapper .c-articles::after, #squadron42 .c-brand-menu .c-articles::after { content: "flickity"; display: none; } } #squadron42 .page-wrapper .c-article, #squadron42 .c-brand-menu .c-article { margin-bottom: 146px; margin-left: 106px; position: relative; } @media only screen and (max-width: 1024px) { #squadron42 .page-wrapper .c-article, #squadron42 .c-brand-menu .c-article { margin-left: 54px; } } @media (max-width: 767px) { #squadron42 .page-wrapper .c-article, #squadron42 .c-brand-menu .c-article { margin-left: 27px; padding-top: 13px; padding-bottom: 40px; width: calc(100% - 27px); } } @media (min-width: 1400px) { #squadron42 .page-wrapper .c-article, #squadron42 .c-brand-menu .c-article { margin-left: 254px; } } #squadron42 .page-wrapper .c-article::before, #squadron42 .c-brand-menu .c-article::before { border-width: 1px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: ; border-image-slice: 30 fill; border-image-width: 32px; content: ""; height: calc(100% - 70px); left: 0px; position: absolute; top: 35px; transition: all 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; width: 100%; z-index: 0; } @media only screen and (max-width: 1024px) { #squadron42 .page-wrapper .c-article::before, #squadron42 .c-brand-menu .c-article::before { height: calc(100% - 35px); top: 17px; } } @media (max-width: 767px) { #squadron42 .page-wrapper .c-article::before, #squadron42 .c-brand-menu .c-article::before { border-width: 1px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: ; border-image-slice: 30 fill; border-image-width: 32px; height: 100%; left: 13px; top: 0px; width: calc(100% + 27px); } } @media (min-width: 1400px) { #squadron42 .page-wrapper .c-article::before, #squadron42 .c-brand-menu .c-article::before { width: calc(100% + 17px); } } #squadron42 .page-wrapper .c-article:last-child, #squadron42 .c-brand-menu .c-article:last-child { margin-bottom: 0px; } #squadron42 .page-wrapper .c-article__title, #squadron42 .c-brand-menu .c-article__title { position: absolute; top: 60px; z-index: 5; } #squadron42 .page-wrapper .c-article__title h3, #squadron42 .c-brand-menu .c-article__title h3 { color: rgb(245, 242, 231); font-size: 50px; font-weight: 100; line-height: 1; margin: 0px; text-transform: capitalize; } @media (max-width: 767px) { #squadron42 .page-wrapper .c-article__title, #squadron42 .c-brand-menu .c-article__title { left: 38px; top: 45px; } } @media only screen and (max-width: 1024px) { #squadron42 .page-wrapper .c-article__title h3, #squadron42 .c-brand-menu .c-article__title h3 { font-size: 40px; line-height: 42px; } } @media (min-width: 768px) { #squadron42 .page-wrapper .c-article__title, #squadron42 .c-brand-menu .c-article__title { left: calc(40% + 35px); } } @media (min-width: 1260px) { #squadron42 .page-wrapper .c-article__title, #squadron42 .c-brand-menu .c-article__title { left: calc(50% + 50px); } #squadron42 .page-wrapper .c-article__title h3, #squadron42 .c-brand-menu .c-article__title h3 { font-size: 65px; } } @media (min-width: 1400px) { #squadron42 .page-wrapper .c-article__title, #squadron42 .c-brand-menu .c-article__title { left: 460px; } } #squadron42 .page-wrapper .c-article__video, #squadron42 .c-brand-menu .c-article__video { background: rgb(0, 11, 24); height: 430px; overflow: hidden; position: relative; z-index: 2; } #squadron42 .page-wrapper .c-article__video video, #squadron42 .c-brand-menu .c-article__video video { display: block; left: 50%; min-width: 100%; min-height: 100%; opacity: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } #squadron42 .page-wrapper .c-article__video--loaded video, #squadron42 .c-brand-menu .c-article__video--loaded video { opacity: 1; } @media (max-width: 767px) { #squadron42 .page-wrapper .c-article__video, #squadron42 .c-brand-menu .c-article__video { width: 100%; } } @media only screen and (max-width: 1024px) { #squadron42 .page-wrapper .c-article__video, #squadron42 .c-brand-menu .c-article__video { height: 339px; } } @media (min-width: 768px) { #squadron42 .page-wrapper .c-article__video, #squadron42 .c-brand-menu .c-article__video { float: right; width: 60%; } } @media (min-width: 1260px) { #squadron42 .page-wrapper .c-article__video, #squadron42 .c-brand-menu .c-article__video { width: 50%; } } @media (min-width: 1400px) { #squadron42 .page-wrapper .c-article__video, #squadron42 .c-brand-menu .c-article__video { width: 720px; } } #squadron42 .page-wrapper .c-article__intro, #squadron42 .c-brand-menu .c-article__intro { z-index: 5; } #squadron42 .page-wrapper .c-article__intro p, #squadron42 .c-brand-menu .c-article__intro p { color: rgb(194, 190, 174); font-size: 18px; font-weight: 100; line-height: 22px; margin-top: 0px; } @media only screen and (max-width: 1024px) { #squadron42 .page-wrapper .c-article__intro p, #squadron42 .c-brand-menu .c-article__intro p { font-size: 15px; line-height: 19px; } } @media (max-width: 767px) { #squadron42 .page-wrapper .c-article__intro, #squadron42 .c-brand-menu .c-article__intro { padding: 22px 70px 0px 35px; } } @media (min-width: 768px) { #squadron42 .page-wrapper .c-article__intro, #squadron42 .c-brand-menu .c-article__intro { float: left; height: 339px; padding: 50px 35px 35px; position: relative; width: 40%; } } @media (min-width: 1024px) { #squadron42 .page-wrapper .c-article__intro, #squadron42 .c-brand-menu .c-article__intro { height: 430px; padding: 68px 35px 35px; } } @media (min-width: 1260px) { #squadron42 .page-wrapper .c-article__intro, #squadron42 .c-brand-menu .c-article__intro { width: 50%; } #squadron42 .page-wrapper .c-article__intro p, #squadron42 .c-brand-menu .c-article__intro p { font-size: 20px; line-height: 26px; } } @media (min-width: 1400px) { #squadron42 .page-wrapper .c-article__intro, #squadron42 .c-brand-menu .c-article__intro { width: calc(100% - 720px); } } #squadron42 .page-wrapper .c-article__expand, #squadron42 .c-brand-menu .c-article__expand { background: 0px 0px; border-width: 1px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: ; border-image-slice: 21 fill; border-image-width: 21px; border-radius: 0px; bottom: 85px; color: rgb(160, 121, 48); font-size: 13px; font-weight: 100; left: 1px; line-height: 1; outline: 0px; padding: 15px 34px; position: absolute; text-align: left; text-transform: uppercase; width: 225px; } #squadron42 .page-wrapper .c-article__expand .more, #squadron42 .c-brand-menu .c-article__expand .more { display: inline-block; } #squadron42 .page-wrapper .c-article__expand .less, #squadron42 .c-brand-menu .c-article__expand .less { display: none; } #squadron42 .page-wrapper .c-article__expand-toggle, #squadron42 .c-brand-menu .c-article__expand-toggle { display: inline-block; right: 10px; position: absolute; top: 16px; width: 30px; } #squadron42 .page-wrapper .c-article__expand-toggle span, #squadron42 .c-brand-menu .c-article__expand-toggle span { height: 10px; width: 6px; background: rgb(237, 170, 14); float: left; margin-right: 5px; transform: skewX(15deg); transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } #squadron42 .page-wrapper .c-article__expand-toggle span:last-child, #squadron42 .c-brand-menu .c-article__expand-toggle span:last-child { margin-right: 0px; } @media only screen and (max-width: 1024px) { #squadron42 .page-wrapper .c-article__expand, #squadron42 .c-brand-menu .c-article__expand { bottom: 50px; } } @media (max-width: 767px) { #squadron42 .page-wrapper .c-article__expand, #squadron42 .c-brand-menu .c-article__expand { height: 81px; width: 60px; border-width: 1px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: ; border-image-slice: 21 fill; border-image-width: 21px; bottom: -53px; font-size: 10px; font-weight: 400; left: 50%; line-height: 12px; margin-left: -30px; padding: 35px 6px 22px; text-align: center; } #squadron42 .page-wrapper .c-article__expand-toggle, #squadron42 .c-brand-menu .c-article__expand-toggle { left: 50%; margin-left: -15px; right: auto; } } #squadron42 .page-wrapper .c-article__expand.is-active .more, #squadron42 .c-brand-menu .c-article__expand.is-active .more { display: none; } #squadron42 .page-wrapper .c-article__expand.is-active .less, #squadron42 .c-brand-menu .c-article__expand.is-active .less { display: inline-block; } #squadron42 .page-wrapper .c-article__expand.is-active .c-article__expand-toggle span:nth-child(1), #squadron42 .c-brand-menu .c-article__expand.is-active .c-article__expand-toggle span:nth-child(1) { transform: skew(45deg) translateX(10px) translateY(1px); } #squadron42 .page-wrapper .c-article__expand.is-active .c-article__expand-toggle span:nth-child(2), #squadron42 .c-brand-menu .c-article__expand.is-active .c-article__expand-toggle span:nth-child(2) { opacity: 0; } #squadron42 .page-wrapper .c-article__expand.is-active .c-article__expand-toggle span:nth-child(3), #squadron42 .c-brand-menu .c-article__expand.is-active .c-article__expand-toggle span:nth-child(3) { transform: skew(-45deg) translateX(-10px) translateY(1px); } #squadron42 .page-wrapper .c-article__full, #squadron42 .c-brand-menu .c-article__full { clear: both; height: 0px; overflow: hidden; transition: height 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } #squadron42 .page-wrapper .c-article__full-inner, #squadron42 .c-brand-menu .c-article__full-inner { opacity: 0; padding: 70px 106px 106px 35px; transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } #squadron42 .page-wrapper .c-article__full-inner p, #squadron42 .c-brand-menu .c-article__full-inner p { color: rgb(156, 153, 139); font-size: 16px; line-height: 22px; margin-top: 0px; margin-bottom: 22px; } #squadron42 .page-wrapper .c-article__full--expanded .c-article__full-inner, #squadron42 .c-brand-menu .c-article__full--expanded .c-article__full-inner { opacity: 1; transition-delay: 0.5s; } @media (max-width: 767px) { #squadron42 .page-wrapper .c-article__full-inner, #squadron42 .c-brand-menu .c-article__full-inner { padding: 0px 70px 35px 35px; } #squadron42 .page-wrapper .c-article__full-inner p, #squadron42 .c-brand-menu .c-article__full-inner p { font-size: 13px; line-height: 19px; margin-bottom: 12px; } } @media (min-width: 768px) { #squadron42 .page-wrapper .c-article__full-inner, #squadron42 .c-brand-menu .c-article__full-inner { column-count: 2; column-gap: 20px; } } @media (min-width: 768px) { #squadron42 .page-wrapper .c-article:nth-child(2n), #squadron42 .c-brand-menu .c-article:nth-child(2n) { margin-left: 0px; margin-right: 106px; } #squadron42 .page-wrapper .c-article:nth-child(2n)::before, #squadron42 .c-brand-menu .c-article:nth-child(2n)::before { left: 0px; transform: scaleX(-1); } #squadron42 .page-wrapper .c-article:nth-child(2n) .c-article__title, #squadron42 .c-brand-menu .c-article:nth-child(2n) .c-article__title { left: 276px; } #squadron42 .page-wrapper .c-article:nth-child(2n) .c-article__video, #squadron42 .c-brand-menu .c-article:nth-child(2n) .c-article__video { float: left; } #squadron42 .page-wrapper .c-article:nth-child(2n) .c-article__intro, #squadron42 .c-brand-menu .c-article:nth-child(2n) .c-article__intro { float: right; } #squadron42 .page-wrapper .c-article:nth-child(2n) .c-article__full-inner, #squadron42 .c-brand-menu .c-article:nth-child(2n) .c-article__full-inner { padding-left: 106px; } } @media only screen and (max-width: 1024px) { #squadron42 .page-wrapper .c-article:nth-child(2n), #squadron42 .c-brand-menu .c-article:nth-child(2n) { margin-right: 54px; } #squadron42 .page-wrapper .c-article:nth-child(2n) .c-article__title, #squadron42 .c-brand-menu .c-article:nth-child(2n) .c-article__title { left: 82px; } } @media (max-width: 767px) { #squadron42 .page-wrapper .c-article:nth-child(2n), #squadron42 .c-brand-menu .c-article:nth-child(2n) { margin-right: 0px; margin-left: 0px; } #squadron42 .page-wrapper .c-article:nth-child(2n)::before, #squadron42 .c-brand-menu .c-article:nth-child(2n)::before { left: -39px; } #squadron42 .page-wrapper .c-article:nth-child(2n) .c-article__title, #squadron42 .c-brand-menu .c-article:nth-child(2n) .c-article__title { left: 38px; } } @media (min-width: 1400px) { #squadron42 .page-wrapper .c-article:nth-child(2n), #squadron42 .c-brand-menu .c-article:nth-child(2n) { margin-right: 252px; } #squadron42 .page-wrapper .c-article:nth-child(2n)::before, #squadron42 .c-brand-menu .c-article:nth-child(2n)::before { left: -17px; } } @media (min-width: 1024px) { #squadron42 .page-wrapper .c-enlist, #squadron42 .c-brand-menu .c-enlist { display: flex; flex-flow: wrap; margin-top: 62px; } #squadron42 .page-wrapper .c-enlist .l-block, #squadron42 .c-brand-menu .c-enlist .l-block { flex: 1 1 50%; } } #squadron42 .page-wrapper .c-enlist__question, #squadron42 .c-brand-menu .c-enlist__question { background: rgb(45, 46, 34); } #squadron42 .page-wrapper .c-enlist__question-inner, #squadron42 .c-brand-menu .c-enlist__question-inner { height: inherit; padding: 27px 60px 50px 27px; } @media (max-width: 767px) { #squadron42 .page-wrapper .c-enlist__question-inner, #squadron42 .c-brand-menu .c-enlist__question-inner { padding-top: 60px; } } #squadron42 .page-wrapper .c-enlist__question p, #squadron42 .c-brand-menu .c-enlist__question p { color: rgb(156, 153, 139); font-size: 13px; font-weight: 200; line-height: 18px; margin: 0px; } #squadron42 .page-wrapper .c-enlist__question h3, #squadron42 .c-brand-menu .c-enlist__question h3 { color: rgb(194, 190, 174); font-size: 30px; font-weight: 200; line-height: 35px; margin-top: 18px; } @media (max-width: 767px) { #squadron42 .page-wrapper .c-enlist__question h3, #squadron42 .c-brand-menu .c-enlist__question h3 { padding-right: 20px; margin-bottom: 40px; } } @media (min-width: 768px) { #squadron42 .page-wrapper .c-enlist__question-inner, #squadron42 .c-brand-menu .c-enlist__question-inner { padding: 27px 82px 50px; } } @media (min-width: 1024px) { #squadron42 .page-wrapper .c-enlist__question, #squadron42 .c-brand-menu .c-enlist__question { background: 100% 100% no-repeat; margin-top: -36px; margin-bottom: 72px; } #squadron42 .page-wrapper .c-enlist__question-inner, #squadron42 .c-brand-menu .c-enlist__question-inner { padding: 80px 72px 36px 106px; } #squadron42 .page-wrapper .c-enlist__question-inner p, #squadron42 .c-brand-menu .c-enlist__question-inner p { font-size: 15px; line-height: 22px; } #squadron42 .page-wrapper .c-enlist__question-inner h3, #squadron42 .c-brand-menu .c-enlist__question-inner h3 { font-size: 35px; line-height: 39px; margin-top: 26px; } } @media (min-width: 1260px) { #squadron42 .page-wrapper .c-enlist__question-inner p, #squadron42 .c-brand-menu .c-enlist__question-inner p { font-size: 16px; line-height: 26px; } #squadron42 .page-wrapper .c-enlist__question-inner h3, #squadron42 .c-brand-menu .c-enlist__question-inner h3 { font-size: 40px; line-height: 45px; } } @media (min-width: 1400px) { #squadron42 .page-wrapper .c-enlist__question-inner, #squadron42 .c-brand-menu .c-enlist__question-inner { float: right; padding: 140px 36px 36px 0px; width: 402px; } } #squadron42 .page-wrapper .c-enlist__audio .c-btn, #squadron42 .c-brand-menu .c-enlist__audio .c-btn { float: left; margin-right: 10px; } #squadron42 .page-wrapper .c-enlist__audio .c-btn--audio, #squadron42 .c-brand-menu .c-enlist__audio .c-btn--audio { width: 64px; height: 54px; } @media (max-width: 767px) { #squadron42 .page-wrapper .c-enlist__audio .c-btn--audio, #squadron42 .c-brand-menu .c-enlist__audio .c-btn--audio { width: 54px; height: 44px; } } #squadron42 .page-wrapper .c-enlist__audio p, #squadron42 .c-brand-menu .c-enlist__audio p { font-size: 13px; line-height: 1; padding-top: 7px; } @media (max-width: 767px) { #squadron42 .page-wrapper .c-enlist__audio p, #squadron42 .c-brand-menu .c-enlist__audio p { padding-top: 10px; } } #squadron42 .page-wrapper .c-enlist__audio p strong, #squadron42 .c-brand-menu .c-enlist__audio p strong { display: block; } @media (min-width: 1024px) { #squadron42 .page-wrapper .c-enlist__audio, #squadron42 .c-brand-menu .c-enlist__audio { margin-top: 100px; } #squadron42 .page-wrapper .c-enlist__audio .c-btn, #squadron42 .c-brand-menu .c-enlist__audio .c-btn { margin-right: 20px; } #squadron42 .page-wrapper .c-enlist__audio p, #squadron42 .c-brand-menu .c-enlist__audio p { font-size: 15px; padding-top: 12px; } } #squadron42 .page-wrapper .c-enlist__audio .c-btn__icon--pause, #squadron42 .c-brand-menu .c-enlist__audio .c-btn__icon--pause { display: none; } #squadron42 .page-wrapper .c-enlist__audio .is-playing .c-btn__icon--play, #squadron42 .c-brand-menu .c-enlist__audio .is-playing .c-btn__icon--play { display: none; } #squadron42 .page-wrapper .c-enlist__audio .is-playing .c-btn__icon--pause, #squadron42 .c-brand-menu .c-enlist__audio .is-playing .c-btn__icon--pause { display: inline-block; } #squadron42 .page-wrapper .c-enlist__answer-inner, #squadron42 .c-brand-menu .c-enlist__answer-inner { max-width: 685px; padding: 27px 60px 27px 27px; position: relative; } #squadron42 .page-wrapper .c-enlist__answer-inner::before, #squadron42 .c-brand-menu .c-enlist__answer-inner::before { height: 255px; width: 342px; background: 100% 100% / contain no-repeat; bottom: 0px; content: ""; position: absolute; left: -50px; z-index: 0; } @media (max-width: 767px) { #squadron42 .page-wrapper .c-enlist__answer-inner::before, #squadron42 .c-brand-menu .c-enlist__answer-inner::before { right: -100px; left: auto; } } #squadron42 .page-wrapper .c-enlist__answer-inner h4, #squadron42 .c-brand-menu .c-enlist__answer-inner h4, #squadron42 .page-wrapper .c-enlist__answer-inner p, #squadron42 .c-brand-menu .c-enlist__answer-inner p { position: relative; z-index: 5; } #squadron42 .page-wrapper .c-enlist__answer-inner h4, #squadron42 .c-brand-menu .c-enlist__answer-inner h4 { color: rgb(160, 121, 48); font-size: 13px; font-weight: 700; margin: 0px; } #squadron42 .page-wrapper .c-enlist__answer-inner p, #squadron42 .c-brand-menu .c-enlist__answer-inner p { color: rgb(194, 190, 174); font-size: 13px; font-weight: 100; max-width: 430px; } #squadron42 .page-wrapper .c-enlist__answer-inner p a, #squadron42 .c-brand-menu .c-enlist__answer-inner p a { color: rgb(255, 255, 255); display: inline-block; font-weight: 400; position: relative; } #squadron42 .page-wrapper .c-enlist__answer-inner p a::after, #squadron42 .c-brand-menu .c-enlist__answer-inner p a::after { height: 1px; width: 100%; background: rgb(160, 121, 48); bottom: -3px; content: ""; display: block; left: 0px; position: absolute; transform-origin: left center; transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } #squadron42 .page-wrapper .c-enlist__answer-inner p a:hover::after, #squadron42 .c-brand-menu .c-enlist__answer-inner p a:hover::after { transform: scaleX(0); } #squadron42 .page-wrapper .c-enlist__answer-inner .white-text, #squadron42 .c-brand-menu .c-enlist__answer-inner .white-text { color: rgb(255, 255, 255); } #squadron42 .page-wrapper .c-enlist__answer-inner .question-mark, #squadron42 .c-brand-menu .c-enlist__answer-inner .question-mark { color: rgb(194, 190, 174); display: block; font-size: 256px; font-weight: 400; line-height: 1.2; opacity: 0.3; position: relative; text-align: center; z-index: 5; } #squadron42 .page-wrapper .c-enlist__answer-inner .c-form, #squadron42 .c-brand-menu .c-enlist__answer-inner .c-form { margin-top: 50px; z-index: 5; } @media (max-width: 767px) { #squadron42 .page-wrapper .c-enlist__answer-inner .question-mark, #squadron42 .c-brand-menu .c-enlist__answer-inner .question-mark { display: none; } } @media (min-width: 768px) { #squadron42 .page-wrapper .c-enlist__answer-inner, #squadron42 .c-brand-menu .c-enlist__answer-inner { padding: 27px 82px; } } @media (min-width: 1024px) { #squadron42 .page-wrapper .c-enlist__answer-inner, #squadron42 .c-brand-menu .c-enlist__answer-inner { height: 100%; padding: 10px 72px 36px; } #squadron42 .page-wrapper .c-enlist__answer-inner::before, #squadron42 .c-brand-menu .c-enlist__answer-inner::before { height: 100%; width: 100%; right: 0px; } #squadron42 .page-wrapper .c-enlist__answer-inner h4, #squadron42 .c-brand-menu .c-enlist__answer-inner h4, #squadron42 .page-wrapper .c-enlist__answer-inner p, #squadron42 .c-brand-menu .c-enlist__answer-inner p { font-size: 16px; } #squadron42 .page-wrapper .c-enlist__answer-inner .c-form, #squadron42 .c-brand-menu .c-enlist__answer-inner .c-form { margin-top: 0px; width: 370px; } #squadron42 .page-wrapper .c-enlist__answer-inner .c-form p, #squadron42 .c-brand-menu .c-enlist__answer-inner .c-form p { font-size: 18px; } } @media (min-width: 1260px) { #squadron42 .page-wrapper .c-enlist__answer-inner, #squadron42 .c-brand-menu .c-enlist__answer-inner { padding: 36px 72px; } #squadron42 .page-wrapper .c-enlist__answer-inner .c-form, #squadron42 .c-brand-menu .c-enlist__answer-inner .c-form { width: 430px; } } @media (min-width: 1024px) { #squadron42 .page-wrapper .c-enlist__answer-step1 .c-form, #squadron42 .c-brand-menu .c-enlist__answer-step1 .c-form { margin-top: 65px; } } @media (min-width: 1024px) { #squadron42 .page-wrapper .c-enlist__answer-step2 .c-form, #squadron42 .c-brand-menu .c-enlist__answer-step2 .c-form { margin-top: 85px; } } #squadron42 .page-wrapper .c-form__group, #squadron42 .c-brand-menu .c-form__group { border-width: 1px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: ; border-image-slice: 20 fill; border-image-width: 20px; padding: 3px; position: relative; } #squadron42 .page-wrapper .c-form__group input[type="text"], #squadron42 .c-brand-menu .c-form__group input[type="text"], #squadron42 .page-wrapper .c-form__group input[type="email"], #squadron42 .c-brand-menu .c-form__group input[type="email"] { background: 0px 0px; border: none; color: rgb(194, 190, 174); font-size: 13px; height: 40px; padding-left: 20px; width: calc(100% - 95px); box-shadow: none !important; } #squadron42 .page-wrapper .c-form__group button, #squadron42 .c-brand-menu .c-form__group button { position: absolute; right: 4px; top: 4px; } @media (min-width: 768px) { #squadron42 .page-wrapper .c-form__group, #squadron42 .c-brand-menu .c-form__group { border-width: 1px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: ; border-image-slice: 30 fill; border-image-width: 64px; padding: 8px; } #squadron42 .page-wrapper .c-form__group input[type="text"], #squadron42 .c-brand-menu .c-form__group input[type="text"], #squadron42 .page-wrapper .c-form__group input[type="email"], #squadron42 .c-brand-menu .c-form__group input[type="email"] { font-size: 16px; height: 54px; width: calc(100% - 130px); } #squadron42 .page-wrapper .c-form__group button, #squadron42 .c-brand-menu .c-form__group button { right: 8px; top: 8px; } } #squadron42 .page-wrapper .c-roadmap .l-block, #squadron42 .c-brand-menu .c-roadmap .l-block { display: flex; } @media (max-width: 767px) { #squadron42 .page-wrapper .c-roadmap .l-block, #squadron42 .c-brand-menu .c-roadmap .l-block { padding: 0px; flex-flow: column wrap; } } @media (min-width: 768px) { #squadron42 .page-wrapper .c-roadmap, #squadron42 .c-brand-menu .c-roadmap { margin-top: 62px; } #squadron42 .page-wrapper .c-roadmap .l-block, #squadron42 .c-brand-menu .c-roadmap .l-block { flex-flow: wrap; justify-content: flex-end; } #squadron42 .page-wrapper .c-roadmap .l-block > div, #squadron42 .c-brand-menu .c-roadmap .l-block > div { flex: 1 1 50%; margin-top: -36px; } } #squadron42 .page-wrapper .c-roadmap__text-inner, #squadron42 .c-brand-menu .c-roadmap__text-inner { background: 0% 100% no-repeat; padding: 36px; position: relative; } #squadron42 .page-wrapper .c-roadmap__text-inner p, #squadron42 .c-brand-menu .c-roadmap__text-inner p { color: rgb(194, 190, 174); font-size: 18px; font-weight: 200; line-height: 22px; margin-top: 0px; } #squadron42 .page-wrapper .c-roadmap__text-cta, #squadron42 .c-brand-menu .c-roadmap__text-cta { border-width: 1px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: ; border-image-slice: 21 fill; border-image-width: 21px; color: rgb(160, 121, 48); display: inline-block; font-size: 13px; font-weight: 100; line-height: 1; padding: 15px 34px; text-transform: uppercase; } #squadron42 .page-wrapper .c-roadmap__text-cta::after, #squadron42 .c-brand-menu .c-roadmap__text-cta::after { height: 10px; width: 13px; background: no-repeat; content: ""; display: inline-block; margin-left: 20px; } #squadron42 .page-wrapper .c-roadmap__text-note, #squadron42 .c-brand-menu .c-roadmap__text-note { color: rgb(156, 153, 139); font-size: 12px; margin: 0px; padding: 36px 36px 0px; } @media (max-width: 767px) { #squadron42 .page-wrapper .c-roadmap__text, #squadron42 .c-brand-menu .c-roadmap__text { order: 1; padding-left: 14px; } #squadron42 .page-wrapper .c-roadmap__text-inner, #squadron42 .c-brand-menu .c-roadmap__text-inner { background-image: ; padding: 20px 70px 40px 13px; } #squadron42 .page-wrapper .c-roadmap__text-inner p, #squadron42 .c-brand-menu .c-roadmap__text-inner p { font-size: 13px; line-height: 18px; margin-bottom: 27px; } #squadron42 .page-wrapper .c-roadmap__text-cta, #squadron42 .c-brand-menu .c-roadmap__text-cta { font-size: 12px; margin-left: -13px; padding-right: 10px; padding-left: 13px; } #squadron42 .page-wrapper .c-roadmap__text-note, #squadron42 .c-brand-menu .c-roadmap__text-note { font-size: 11px; padding: 21px 70px 32px 13px; } } @media (min-width: 768px) { #squadron42 .page-wrapper .c-roadmap__text, #squadron42 .c-brand-menu .c-roadmap__text { flex-basis: 50%; max-width: 50%; padding-left: 54px; } #squadron42 .page-wrapper .c-roadmap__text-inner, #squadron42 .c-brand-menu .c-roadmap__text-inner { height: 290px; } #squadron42 .page-wrapper .c-roadmap__text-cta, #squadron42 .c-brand-menu .c-roadmap__text-cta { bottom: 30px; left: 0px; position: absolute; } } @media (min-width: 1024px) { #squadron42 .page-wrapper .c-roadmap__text, #squadron42 .c-brand-menu .c-roadmap__text { padding-left: 106px; } #squadron42 .page-wrapper .c-roadmap__text-cta, #squadron42 .c-brand-menu .c-roadmap__text-cta { bottom: 50px; } } @media (min-width: 1260px) { #squadron42 .page-wrapper .c-roadmap__text, #squadron42 .c-brand-menu .c-roadmap__text { padding-left: 156px; } #squadron42 .page-wrapper .c-roadmap__text-inner, #squadron42 .c-brand-menu .c-roadmap__text-inner { height: 410px; padding: 68px 36px; } #squadron42 .page-wrapper .c-roadmap__text-inner p, #squadron42 .c-brand-menu .c-roadmap__text-inner p { color: rgb(194, 190, 174); font-size: 22px; line-height: 26px; } #squadron42 .page-wrapper .c-roadmap__text-cta, #squadron42 .c-brand-menu .c-roadmap__text-cta { bottom: 75px; } } @media (min-width: 1400px) { #squadron42 .page-wrapper .c-roadmap__text, #squadron42 .c-brand-menu .c-roadmap__text { flex-basis: 400px; max-width: 400px; padding-left: 0px; } } #squadron42 .page-wrapper .c-roadmap__video, #squadron42 .c-brand-menu .c-roadmap__video { position: relative; } #squadron42 .page-wrapper .c-roadmap__video-title, #squadron42 .c-brand-menu .c-roadmap__video-title { color: rgb(245, 242, 231); font-size: 40px; font-weight: 100; left: 27px; line-height: 1; margin: 0px; position: absolute; text-transform: capitalize; top: 25px; z-index: 5; padding-right: 100px; } #squadron42 .page-wrapper .c-roadmap__video-cta, #squadron42 .c-brand-menu .c-roadmap__video-cta { border-width: 1px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: ; border-image-slice: 21 fill; border-image-width: 21px; bottom: 20px; left: 27px; position: absolute; width: 196px; z-index: 5; } @media (min-width: 768px) { #squadron42 .page-wrapper .c-roadmap__video, #squadron42 .c-brand-menu .c-roadmap__video { flex-basis: 720px; max-width: 720px; } #squadron42 .page-wrapper .c-roadmap__video-image, #squadron42 .c-brand-menu .c-roadmap__video-image { height: 470px; } #squadron42 .page-wrapper .c-roadmap__video-title, #squadron42 .c-brand-menu .c-roadmap__video-title { font-size: 50px; left: 36px; top: 36px; } #squadron42 .page-wrapper .c-roadmap__video-cta, #squadron42 .c-brand-menu .c-roadmap__video-cta { bottom: 36px; left: 36px; width: 256px; } } @media only screen and (max-width: 1024px) { #squadron42 .page-wrapper .c-roadmap__video-cta, #squadron42 .c-brand-menu .c-roadmap__video-cta { width: 226px; } #squadron42 .page-wrapper .c-roadmap__video-cta .c-btn--text-outside .c-btn__text, #squadron42 .c-brand-menu .c-roadmap__video-cta .c-btn--text-outside .c-btn__text { font-size: 12px; padding-left: 10px; } } @media (max-width: 767px) { #squadron42 .page-wrapper .c-roadmap__video-cta, #squadron42 .c-brand-menu .c-roadmap__video-cta { width: 196px; } } @media (min-width: 1260px) { #squadron42 .page-wrapper .c-roadmap__video, #squadron42 .c-brand-menu .c-roadmap__video { flex-basis: 720px; max-width: 720px; } #squadron42 .page-wrapper .c-roadmap__video-image, #squadron42 .c-brand-menu .c-roadmap__video-image { height: 575px; } #squadron42 .page-wrapper .c-roadmap__video-title, #squadron42 .c-brand-menu .c-roadmap__video-title { font-size: 65px; left: 68px; top: 68px; } #squadron42 .page-wrapper .c-roadmap__video-cta, #squadron42 .c-brand-menu .c-roadmap__video-cta { bottom: 68px; left: 68px; } } #squadron42 .page-wrapper .c-pledge, #squadron42 .c-brand-menu .c-pledge { padding-bottom: 106px; } @media only screen and (max-width: 1024px) { #squadron42 .page-wrapper .c-pledge, #squadron42 .c-brand-menu .c-pledge { padding-left: 54px; padding-right: 0px; } } @media (max-width: 767px) { #squadron42 .page-wrapper .c-pledge, #squadron42 .c-brand-menu .c-pledge { padding-left: 0px; } } #squadron42 .page-wrapper .c-pledge__title, #squadron42 .c-brand-menu .c-pledge__title { line-height: 1; } #squadron42 .page-wrapper .c-pledge__title h3, #squadron42 .c-brand-menu .c-pledge__title h3 { color: rgb(194, 190, 174); font-size: 30px; font-weight: 100; line-height: 34px; margin: 0px; } #squadron42 .page-wrapper .c-pledge__title img, #squadron42 .c-brand-menu .c-pledge__title img { display: none; } @media only screen and (max-width: 1024px) { #squadron42 .page-wrapper .c-pledge__title, #squadron42 .c-brand-menu .c-pledge__title { background: 0% 0% no-repeat; padding: 27px 70px 27px 27px; } #squadron42 .page-wrapper .c-pledge__title h3, #squadron42 .c-brand-menu .c-pledge__title h3 { margin: 20px 0px 0px 119px; } #squadron42 .page-wrapper .c-pledge__title img, #squadron42 .c-brand-menu .c-pledge__title img { height: 119px; width: 119px; display: block; float: left; } } @media (max-width: 767px) { #squadron42 .page-wrapper .c-pledge__title, #squadron42 .c-brand-menu .c-pledge__title { padding-left: 0px; } #squadron42 .page-wrapper .c-pledge__title h3, #squadron42 .c-brand-menu .c-pledge__title h3 { font-size: 20px; line-height: 23px; margin-top: 30px; } } @media (min-width: 1024px) { #squadron42 .page-wrapper .c-pledge__title, #squadron42 .c-brand-menu .c-pledge__title { float: left; padding-top: 72px; padding-left: 106px; width: calc(100% - 720px); } } @media (min-width: 1260px) { #squadron42 .page-wrapper .c-pledge__title, #squadron42 .c-brand-menu .c-pledge__title { padding-left: 154px; } #squadron42 .page-wrapper .c-pledge__title h3, #squadron42 .c-brand-menu .c-pledge__title h3 { font-size: 40px; line-height: 45px; } } @media (min-width: 1400px) { #squadron42 .page-wrapper .c-pledge__title, #squadron42 .c-brand-menu .c-pledge__title { padding-left: 280px; } } #squadron42 .page-wrapper .c-pledge__intro-inner, #squadron42 .c-brand-menu .c-pledge__intro-inner { background: 0% 0% no-repeat; padding: 72px 110px 110px 72px; } #squadron42 .page-wrapper .c-pledge__intro-inner p, #squadron42 .c-brand-menu .c-pledge__intro-inner p { color: rgb(194, 190, 174); font-size: 18px; line-height: 26px; margin: 0px; } #squadron42 .page-wrapper .c-pledge__intro-inner p:first-child, #squadron42 .c-brand-menu .c-pledge__intro-inner p:first-child { font-size: 26px; line-height: 32px; } #squadron42 .page-wrapper .c-pledge__intro-inner p + p, #squadron42 .c-brand-menu .c-pledge__intro-inner p + p { margin-top: 22px; } @media only screen and (max-width: 1024px) { #squadron42 .page-wrapper .c-pledge__intro-inner, #squadron42 .c-brand-menu .c-pledge__intro-inner { background: rgb(45, 46, 35); padding: 27px 140px 100px 54px; } #squadron42 .page-wrapper .c-pledge__intro-inner p, #squadron42 .c-brand-menu .c-pledge__intro-inner p { font-size: 16px; line-height: 20px; } #squadron42 .page-wrapper .c-pledge__intro-inner p:first-child, #squadron42 .c-brand-menu .c-pledge__intro-inner p:first-child { font-size: 20px; line-height: 24px; } } @media (max-width: 767px) { #squadron42 .page-wrapper .c-pledge__intro-inner, #squadron42 .c-brand-menu .c-pledge__intro-inner { padding: 27px 70px 100px 27px; } #squadron42 .page-wrapper .c-pledge__intro-inner p, #squadron42 .c-brand-menu .c-pledge__intro-inner p { font-size: 12px; line-height: 18px; } #squadron42 .page-wrapper .c-pledge__intro-inner p:first-child, #squadron42 .c-brand-menu .c-pledge__intro-inner p:first-child { font-size: 13px; line-height: 18px; } #squadron42 .page-wrapper .c-pledge__intro-inner p + p, #squadron42 .c-brand-menu .c-pledge__intro-inner p + p { margin-top: 16px; } } @media (min-width: 1024px) { #squadron42 .page-wrapper .c-pledge__intro-inner, #squadron42 .c-brand-menu .c-pledge__intro-inner { margin-left: calc(100% - 720px); width: 720px; } } #squadron42 .page-wrapper .c-pledge__addcart, #squadron42 .c-brand-menu .c-pledge__addcart { background: rgb(19, 22, 11); padding: 0px 50% 27px 54px; position: relative; } #squadron42 .page-wrapper .c-pledge__addcart p, #squadron42 .c-brand-menu .c-pledge__addcart p { color: rgb(88, 91, 84); font-weight: 700; margin-top: 12px; margin-bottom: 0px; } #squadron42 .page-wrapper .c-pledge__addcart-requirement, #squadron42 .c-brand-menu .c-pledge__addcart-requirement { color: rgb(88, 91, 84); font-size: 14px; margin-bottom: 12px; position: relative; } #squadron42 .page-wrapper .c-pledge__addcart-requirement::after, #squadron42 .c-brand-menu .c-pledge__addcart-requirement::after { height: 1px; width: 100%; background: rgb(160, 121, 48); bottom: -3px; content: ""; display: block; left: 0px; position: absolute; transform-origin: left center; transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } #squadron42 .page-wrapper .c-pledge__addcart-requirement:hover::after, #squadron42 .c-brand-menu .c-pledge__addcart-requirement:hover::after { transform: scaleX(0); } #squadron42 .page-wrapper .c-pledge__addcart-requirement .show, #squadron42 .c-brand-menu .c-pledge__addcart-requirement .show { display: inline-block; } #squadron42 .page-wrapper .c-pledge__addcart-requirement .hide, #squadron42 .c-brand-menu .c-pledge__addcart-requirement .hide { display: none; } #squadron42 .page-wrapper .c-pledge__addcart-requirement.is-active .show, #squadron42 .c-brand-menu .c-pledge__addcart-requirement.is-active .show { display: none; } #squadron42 .page-wrapper .c-pledge__addcart-requirement.is-active .hide, #squadron42 .c-brand-menu .c-pledge__addcart-requirement.is-active .hide { display: inline-block; } #squadron42 .page-wrapper .c-pledge__addcart .c-collapse__panel, #squadron42 .c-brand-menu .c-pledge__addcart .c-collapse__panel { color: rgb(88, 91, 84); font-size: 14px; } #squadron42 .page-wrapper .c-pledge__addcart .c-collapse__panel ul, #squadron42 .c-brand-menu .c-pledge__addcart .c-collapse__panel ul { max-width: 340px; padding-left: 20px; } @media (max-width: 767px) { #squadron42 .page-wrapper .c-pledge__addcart, #squadron42 .c-brand-menu .c-pledge__addcart { padding-left: 27px; } } @media only screen and (max-width: 1024px) { #squadron42 .page-wrapper .c-pledge__addcart .c-btn, #squadron42 .c-brand-menu .c-pledge__addcart .c-btn { margin-top: -25px; } #squadron42 .page-wrapper .c-pledge__addcart p, #squadron42 .c-brand-menu .c-pledge__addcart p, #squadron42 .page-wrapper .c-pledge__addcart-requirement, #squadron42 .c-brand-menu .c-pledge__addcart-requirement, #squadron42 .page-wrapper .c-pledge__addcart .c-collapse__panel, #squadron42 .c-brand-menu .c-pledge__addcart .c-collapse__panel { font-size: 12px; } } @media (min-width: 1024px) { #squadron42 .page-wrapper .c-pledge__addcart, #squadron42 .c-brand-menu .c-pledge__addcart { padding: 60px 398px 60px 106px; } #squadron42 .page-wrapper .c-pledge__addcart .c-btn, #squadron42 .c-brand-menu .c-pledge__addcart .c-btn { float: right; } #squadron42 .page-wrapper .c-pledge__addcart p, #squadron42 .c-brand-menu .c-pledge__addcart p { margin-top: 0px; max-width: 193px; } } @media (min-width: 1260px) { #squadron42 .page-wrapper .c-pledge__addcart, #squadron42 .c-brand-menu .c-pledge__addcart { padding-left: 154px; } #squadron42 .page-wrapper .c-pledge__addcart p, #squadron42 .c-brand-menu .c-pledge__addcart p { max-width: none; margin-top: 0.5em; } } @media (min-width: 1400px) { #squadron42 .page-wrapper .c-pledge__addcart, #squadron42 .c-brand-menu .c-pledge__addcart { padding-left: 280px; } } #squadron42 .page-wrapper .c-pledge__price, #squadron42 .c-brand-menu .c-pledge__price { height: 180px; width: 180px; background: 0px 100% no-repeat; color: rgb(255, 255, 255); font-size: 50px; line-height: 1; padding: 40px 35px; position: absolute; right: 108px; top: -20px; } #squadron42 .page-wrapper .c-pledge__price-only, #squadron42 .c-brand-menu .c-pledge__price-only { color: rgb(134, 137, 138); font-size: 12px; text-transform: uppercase; } #squadron42 .page-wrapper .c-pledge__price strong, #squadron42 .c-brand-menu .c-pledge__price strong { display: block; font-weight: 100; position: relative; } #squadron42 .page-wrapper .c-pledge__price sup, #squadron42 .c-brand-menu .c-pledge__price sup, #squadron42 .page-wrapper .c-pledge__price small, #squadron42 .c-brand-menu .c-pledge__price small, #squadron42 .page-wrapper .c-pledge__price .super, #squadron42 .c-brand-menu .c-pledge__price .super { font-weight: 300; } #squadron42 .page-wrapper .c-pledge__price sup, #squadron42 .c-brand-menu .c-pledge__price sup, #squadron42 .page-wrapper .c-pledge__price .final-price::first-letter, #squadron42 .c-brand-menu .c-pledge__price .final-price::first-letter, #squadron42 .page-wrapper .c-pledge__price .super, #squadron42 .c-brand-menu .c-pledge__price .super { font-size: 25px; top: -0.75em; line-height: 0; position: relative; vertical-align: baseline; } #squadron42 .page-wrapper .c-pledge__price .final-price::first-letter, #squadron42 .c-brand-menu .c-pledge__price .final-price::first-letter { position: absolute; vertical-align: super; } #squadron42 .page-wrapper .c-pledge__price small, #squadron42 .c-brand-menu .c-pledge__price small, #squadron42 .page-wrapper .c-pledge__price .currency, #squadron42 .c-brand-menu .c-pledge__price .currency { bottom: 0px; font-size: 16px; margin-left: -34px; position: absolute; right: 0px; text-transform: uppercase; } #squadron42 .page-wrapper .c-pledge__price .currency, #squadron42 .c-brand-menu .c-pledge__price .currency { bottom: -4px; } @media only screen and (max-width: 1024px) { #squadron42 .page-wrapper .c-pledge__price, #squadron42 .c-brand-menu .c-pledge__price { height: 107px; width: 107px; background-size: 107px 226px; font-size: 36px; padding: 5px 15px; right: 82px; top: -25px; } #squadron42 .page-wrapper .c-pledge__price-only, #squadron42 .c-brand-menu .c-pledge__price-only { font-size: 12px; } #squadron42 .page-wrapper .c-pledge__price sup, #squadron42 .c-brand-menu .c-pledge__price sup, #squadron42 .page-wrapper .c-pledge__price .final-price::first-letter, #squadron42 .c-brand-menu .c-pledge__price .final-price::first-letter, #squadron42 .page-wrapper .c-pledge__price .super, #squadron42 .c-brand-menu .c-pledge__price .super { font-size: 18px; } #squadron42 .page-wrapper .c-pledge__price small, #squadron42 .c-brand-menu .c-pledge__price small, #squadron42 .page-wrapper .c-pledge__price .currency, #squadron42 .c-brand-menu .c-pledge__price .currency { font-size: 10px; } } @media (max-width: 767px) { #squadron42 .page-wrapper .c-pledge__price, #squadron42 .c-brand-menu .c-pledge__price { font-size: 28px; padding: 15px 20px; right: 54px; } #squadron42 .page-wrapper .c-pledge__price-only, #squadron42 .c-brand-menu .c-pledge__price-only { font-size: 10px; } #squadron42 .page-wrapper .c-pledge__price sup, #squadron42 .c-brand-menu .c-pledge__price sup, #squadron42 .page-wrapper .c-pledge__price .final-price::first-letter, #squadron42 .c-brand-menu .c-pledge__price .final-price::first-letter, #squadron42 .page-wrapper .c-pledge__price .super, #squadron42 .c-brand-menu .c-pledge__price .super { font-size: 14px; } #squadron42 .page-wrapper .c-pledge__price small, #squadron42 .c-brand-menu .c-pledge__price small, #squadron42 .page-wrapper .c-pledge__price .currency, #squadron42 .c-brand-menu .c-pledge__price .currency { font-size: 8px; } } #squadron42 .page-wrapper .c-pledge__include-inner, #squadron42 .c-brand-menu .c-pledge__include-inner { background: 0% 100% no-repeat; padding: 0px 70px 50px 54px; } #squadron42 .page-wrapper .c-pledge__include-inner h4, #squadron42 .c-brand-menu .c-pledge__include-inner h4, #squadron42 .page-wrapper .c-pledge__include-inner p, #squadron42 .c-brand-menu .c-pledge__include-inner p { color: rgb(194, 190, 174); } #squadron42 .page-wrapper .c-pledge__include-inner h4, #squadron42 .c-brand-menu .c-pledge__include-inner h4 { font-size: 22px; font-weight: 300; line-height: 26px; margin-top: 0px; } #squadron42 .page-wrapper .c-pledge__include-inner h4 strong, #squadron42 .c-brand-menu .c-pledge__include-inner h4 strong { font-weight: 600; } #squadron42 .page-wrapper .c-pledge__include-inner p, #squadron42 .c-brand-menu .c-pledge__include-inner p { font-size: 18px; line-height: 26px; } @media only screen and (max-width: 1024px) { #squadron42 .page-wrapper .c-pledge__include .c-pledge__title, #squadron42 .c-brand-menu .c-pledge__include .c-pledge__title { background: rgb(45, 46, 35); padding-left: 54px; padding-top: 50px; } #squadron42 .page-wrapper .c-pledge__include .c-pledge__title h3, #squadron42 .c-brand-menu .c-pledge__include .c-pledge__title h3 { margin: 0px; } #squadron42 .page-wrapper .c-pledge__include-inner, #squadron42 .c-brand-menu .c-pledge__include-inner { background-image: ; } #squadron42 .page-wrapper .c-pledge__include-inner h4, #squadron42 .c-brand-menu .c-pledge__include-inner h4 { font-size: 20px; line-height: 24px; margin-bottom: 16px; } #squadron42 .page-wrapper .c-pledge__include-inner p, #squadron42 .c-brand-menu .c-pledge__include-inner p { font-size: 16px; line-height: 20px; } } @media (max-width: 767px) { #squadron42 .page-wrapper .c-pledge__include, #squadron42 .c-brand-menu .c-pledge__include { padding-left: 0px; } #squadron42 .page-wrapper .c-pledge__include .c-pledge__title, #squadron42 .c-brand-menu .c-pledge__include .c-pledge__title { font-size: 24px; padding-left: 27px; } #squadron42 .page-wrapper .c-pledge__include-inner, #squadron42 .c-brand-menu .c-pledge__include-inner { padding-left: 27px; } #squadron42 .page-wrapper .c-pledge__include-inner h4, #squadron42 .c-brand-menu .c-pledge__include-inner h4 { font-size: 15px; line-height: 18px; margin-bottom: 16px; } #squadron42 .page-wrapper .c-pledge__include-inner p, #squadron42 .c-brand-menu .c-pledge__include-inner p { font-size: 14px; line-height: 18px; } } @media (min-width: 1024px) { #squadron42 .page-wrapper .c-pledge__include-inner, #squadron42 .c-brand-menu .c-pledge__include-inner { margin-left: calc(100% - 720px); padding: 72px; width: 720px; } #squadron42 .page-wrapper .c-pledge__include-inner h4, #squadron42 .c-brand-menu .c-pledge__include-inner h4, #squadron42 .page-wrapper .c-pledge__include-inner p, #squadron42 .c-brand-menu .c-pledge__include-inner p { padding-right: 116px; } } #squadron42 .page-wrapper .c-pledge__minigame, #squadron42 .c-brand-menu .c-pledge__minigame { position: relative; } #squadron42 .page-wrapper .c-pledge__minigame::after, #squadron42 .c-brand-menu .c-pledge__minigame::after { clear: both; content: ""; display: table; } #squadron42 .page-wrapper .c-pledge__minigame-logo, #squadron42 .c-brand-menu .c-pledge__minigame-logo { position: relative; } #squadron42 .page-wrapper .c-pledge__minigame p, #squadron42 .c-brand-menu .c-pledge__minigame p { margin: 0px; padding-right: 0px; } @media only screen and (max-width: 1024px) { #squadron42 .page-wrapper .c-pledge__minigame-logo, #squadron42 .c-brand-menu .c-pledge__minigame-logo { border-width: 1px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: ; border-image-slice: 30 fill; border-image-width: 32px; height: 80px; margin: 45px -71px 13px 0px; padding: 20px 25px 25px 50px; } #squadron42 .page-wrapper .c-pledge__minigame-logo::before, #squadron42 .c-brand-menu .c-pledge__minigame-logo::before { color: rgb(237, 170, 14); content: "+"; font-size: 21px; font-weight: 600; left: 14px; position: absolute; top: 50%; transform: translateY(-50%); } #squadron42 .page-wrapper .c-pledge__minigame-logo img, #squadron42 .c-brand-menu .c-pledge__minigame-logo img { display: block; max-height: 45px; width: auto; } #squadron42 .page-wrapper .c-pledge__minigame-logo--marine img, #squadron42 .c-brand-menu .c-pledge__minigame-logo--marine img { max-height: 75px; margin: -21px 0px -21px 23px; } #squadron42 .page-wrapper .c-pledge__minigame p, #squadron42 .c-brand-menu .c-pledge__minigame p { margin-left: 45px; } } @media (max-width: 767px) { #squadron42 .page-wrapper .c-pledge__minigame p, #squadron42 .c-brand-menu .c-pledge__minigame p { margin-left: 20px; } } @media (min-width: 1024px) { #squadron42 .page-wrapper .c-pledge__minigame, #squadron42 .c-brand-menu .c-pledge__minigame { border-width: 1px; border-style: solid; border-color: transparent; border-image-outset: initial; border-image-repeat: initial; border-image-source: ; border-image-slice: 30 fill; border-image-width: 32px; margin: 65px -89px 32px -310px; padding: 37px 116px 37px 57px; } #squadron42 .page-wrapper .c-pledge__minigame::before, #squadron42 .c-brand-menu .c-pledge__minigame::before { color: rgb(237, 170, 14); content: "+"; font-size: 37px; font-weight: 600; left: 28px; position: absolute; top: 50%; transform: translateY(-50%); } #squadron42 .page-wrapper .c-pledge__minigame-logo, #squadron42 .c-brand-menu .c-pledge__minigame-logo { float: left; margin-right: 79px; text-align: center; width: 174px; } #squadron42 .page-wrapper .c-pledge__minigame-logo img, #squadron42 .c-brand-menu .c-pledge__minigame-logo img { display: block; height: auto; margin: 0px auto; max-width: 100%; } #squadron42 .page-wrapper .c-pledge__minigame-logo--arena img, #squadron42 .c-brand-menu .c-pledge__minigame-logo--arena img { margin-top: 15px; } #squadron42 .page-wrapper .c-pledge__minigame-logo--marine img, #squadron42 .c-brand-menu .c-pledge__minigame-logo--marine img { margin: -32px auto; } } @media (min-width: 1260px) { #squadron42 .page-wrapper .c-pledge__minigame, #squadron42 .c-brand-menu .c-pledge__minigame { margin-left: -470px; padding-left: 77px; } #squadron42 .page-wrapper .c-pledge__minigame-logo, #squadron42 .c-brand-menu .c-pledge__minigame-logo { margin-right: 119px; width: 274px; } #squadron42 .page-wrapper .c-pledge__minigame-logo--arena img, #squadron42 .c-brand-menu .c-pledge__minigame-logo--arena img { margin-top: 0px; } } #squadron42 .c-lightbox { height: 100%; width: 100%; background: rgba(0, 11, 24, 0.9); left: 0px; opacity: 0; position: fixed; top: 0px; z-index: 9999; transition: all 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transform: translateY(0%); } #squadron42 .c-lightbox__backdrop { height: 100%; width: 100%; background: rgba(0, 11, 24, 0.8); left: 0px; position: absolute; top: 0px; z-index: 1; } #squadron42 .c-lightbox__inner { display: flex; flex-direction: column; height: 100%; justify-content: center; margin: 0px auto; max-width: 1264px; padding: 60px 20px; position: relative; transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transform: scale(0.5); z-index: 10; } #squadron42 .c-lightbox__header { position: relative; } #squadron42 .c-lightbox__header h2 { color: rgb(194, 190, 174); font-size: 18px; font-weight: 400; line-height: 30px; margin: 0px; text-transform: uppercase; } #squadron42 .c-lightbox__close { background: 0px 0px; border: none; cursor: pointer; opacity: 0.75; position: absolute; right: 0px; top: 0px; transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } #squadron42 .c-lightbox__close:hover, #squadron42 .c-lightbox__close:focus { opacity: 1; } #squadron42 .c-lightbox__video { height: auto; margin: 30px auto; padding-bottom: 0px; overflow: hidden; position: relative; width: 100%; } #squadron42 .c-lightbox__video embed, #squadron42 .c-lightbox__video iframe, #squadron42 .c-lightbox__video object, #squadron42 .c-lightbox__video video { height: 100%; width: 100%; left: 0px; position: absolute; top: 0px; } #squadron42 .c-lightbox__video #player { height: 100%; margin: auto; } #squadron42 .c-lightbox__video::after { content: ""; display: block; padding-top: calc(56.25%); } #squadron42 .c-lightbox--hidden { visibility: hidden; } #squadron42 .c-lightbox--opened { opacity: 1; transform: translateY(0px); } #squadron42 .c-lightbox--opened .c-lightbox__inner { transform: scale(1); transition-delay: 0.25s; } #squadron42 .c-header-wrapper--s42 .c-right-sidebar { background-color: rgb(26, 28, 18); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar ::-webkit-scrollbar-thumb { background: rgb(181, 192, 169); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar ::-webkit-scrollbar-track { background: rgb(37, 53, 39); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__back { background-color: rgb(38, 40, 28); color: rgb(202, 203, 194); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__back, #squadron42 .c-header-wrapper--s42 .c-right-sidebar__back::before { transition: color 0.15s ease-out 0s, background-color 0.15s ease-out 0s; will-change: color, background-color; } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__back::before { background-color: rgb(202, 203, 194); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__back:hover { background-color: rgb(26, 28, 18); color: rgb(255, 255, 255); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__back:hover::before { background-color: rgb(255, 255, 255); } #connect #squadron42 .c-header-wrapper--s42 .c-right-sidebar__back { display: none; } @media (min-width: 1024px) { #squadron42 .c-header-wrapper--s42 .c-right-sidebar__form { border: 1px solid rgb(37, 53, 39); } } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__form-title { color: rgb(167, 167, 167); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__form-error-message { background: rgba(210, 44, 44, 0.12); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__form-label { color: rgb(91, 98, 84); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__form-input { background-color: rgb(22, 34, 24); border: 1px solid rgb(22, 34, 24); color: rgb(160, 172, 149); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__form-input:focus { border-color: rgb(58, 79, 60); box-shadow: none; } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__form-input::placeholder { color: rgb(91, 98, 84); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__form-input--device { background-image: ; } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__form .selectlist { border: 1px solid rgb(22, 34, 24); background-color: rgb(22, 34, 24); color: rgb(160, 172, 149); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__form .selectlist:focus { border: 1px solid rgb(58, 79, 60); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__form .selectlist .arrow { background-color: rgb(141, 141, 141); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__form .selectlist > .body { border: 1px solid rgb(37, 53, 39); background-color: rgba(22, 34, 24, 0.9); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__form .selectlist ul li.hover { background-color: rgb(58, 79, 60); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__form-checkbox-label { color: rgb(91, 98, 84); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__form-checkbox-label::before { background-color: rgb(22, 34, 24); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__form-checkbox-label::after { background-image: ; } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__form-checkbox-label:hover { color: rgb(226, 253, 198); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__form-submit { color: rgb(226, 253, 198); background-image: ; } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__form-submit:hover { color: rgb(226, 253, 198); background-image: ; } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__form-icon-link { color: rgb(91, 98, 84); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__form-icon-link:hover { color: rgb(226, 253, 198); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__form-icon-link:hover::before { background-color: rgb(226, 253, 198); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__form-icon-link::before { background-color: rgb(91, 98, 84); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar__form.is-hidden { border: 1px solid transparent; } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account { justify-content: flex-start; } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .btn-clipped-corners::before, #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .btn-clipped-corners::after { content: ; } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__profile { background-color: rgb(38, 40, 28); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__profile-metas-avatar { border-color: rgb(76, 78, 61); background-color: rgb(38, 40, 28); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__profile-metas-avatar:hover { border-color: rgb(255, 255, 255); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__profile-metas-badge { border-color: rgb(76, 78, 61); background-color: rgb(38, 40, 28); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__profile-info { padding-left: 15px; } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__profile-info-displayname { color: rgb(202, 203, 194); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__profile-info-displayname:hover { color: rgb(255, 255, 255); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__profile-info-handle { color: rgb(170, 173, 156); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__profile-info-credits-label { color: rgb(144, 147, 126); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__profile-info-credits-amount--pledge { color: rgb(94, 191, 251); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__profile-info-credits-amount--uec { color: rgb(255, 180, 0); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__profile-info-credits-amount--rec { color: rgb(174, 229, 244); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__profile-info-signout-button { color: rgb(255, 90, 90); background-color: rgb(26, 28, 18); font-family: auto; } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__links { background-color: rgb(38, 40, 28); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__links-link { color: rgb(202, 203, 194); background-color: rgb(65, 68, 50); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__links-link-icon svg path { fill: rgb(202, 203, 194); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__links-link:hover { color: rgb(255, 255, 255); background-color: rgb(76, 78, 61); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__links-link:hover svg path { fill: rgb(255, 255, 255); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__unconfirmed-account { background-color: rgb(38, 40, 28); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__unconfirmed-account-inner { border: 1px solid rgb(26, 28, 18); color: rgb(170, 173, 156); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar-tabs__tab { background-color: rgb(22, 34, 24); color: rgb(150, 160, 140); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar-tabs__tab::after { background-color: rgb(22, 34, 24); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar-tabs__content { background-color: rgb(22, 34, 24); height: 100%; } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__contacts { margin-top: 25px; } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__contacts-content { padding: 25px; background-color: rgb(22, 34, 24); color: rgb(150, 160, 140); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__contacts-unified-info { color: rgb(150, 160, 140); font-size: 14px; margin: 0px 0px 25px; } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__contacts .shadow-button { color: rgb(150, 160, 140); text-transform: uppercase; background: ; font-family: Electrolize, sans-serif; } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__contacts .shadow-button:hover { color: rgb(255, 255, 255); } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__contacts .shadow-button > .left-section { background: ; } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__contacts .shadow-button > .right-section { background: ; } #squadron42 .c-header-wrapper--s42 .c-right-sidebar--account .c-account-sidebar__contacts .shadow-button > .icon { background: center center no-repeat; } @media (min-width: 1024px) { #squadron42 .c-brand-menu----s42 { background-color: rgb(20, 22, 12); padding: 0px 0px 5px; position: absolute; width: 100%; top: calc(-90px + 100vh); z-index: 30; } } @media only screen and (max-width: 1024px) { #squadron42 .c-brand-menu----s42 { border-bottom: 1px solid rgb(0, 21, 3); transition-duration: 0.16s; } } #squadron42 .c-brand-menu----s42 .c-brand-menu__hamburger span { background-color: rgb(237, 170, 14); } #squadron42 .c-brand-menu----s42 .c-brand-menu__section { color: rgb(122, 122, 122); font-size: 13px; } @media (min-width: 1024px) { #squadron42 .c-brand-menu----s42 .c-brand-menu__container { height: 68px; display: flex; justify-content: space-between; margin: 0px auto; padding: 0px 15px; } } @media (min-width: 1260px) { #squadron42 .c-brand-menu----s42 .c-brand-menu__container { padding: 0px 35px; } } @media (min-width: 1400px) { #squadron42 .c-brand-menu----s42 .c-brand-menu__container { padding: 0px; width: 1224px; } } @media only screen and (max-width: 1024px) { #squadron42 .c-brand-menu----s42 .c-brand-menu__logo { background-color: rgb(34, 36, 22); } } @media (min-width: 1024px) { #squadron42 .c-brand-menu----s42 .c-brand-menu__logo { height: 81px; display: flex; justify-content: flex-end; align-items: center; } } #squadron42 .c-brand-menu----s42 .c-brand-menu__logo .h-svg { display: inline-block; } @media (max-width: 1023px) { #squadron42 .c-brand-menu----s42 .c-brand-menu__logo .h-svg { max-width: 100px; width: 100%; position: relative; } } @media (min-width: 1024px) { #squadron42 .c-brand-menu----s42 .c-brand-menu__logo .h-svg { display: block; margin-right: 30px; width: 140px; transform: translateY(-55px); transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } } @media (min-width: 1260px) { #squadron42 .c-brand-menu----s42 .c-brand-menu__logo .h-svg { width: 185px; transform: translateY(-85px); } } @media (min-width: 1400px) { #squadron42 .c-brand-menu----s42 .c-brand-menu__logo .h-svg { margin-left: -10px; margin-right: 0px; } } #squadron42 .c-brand-menu----s42 .c-brand-menu__logo .h-svg::before { content: ""; width: 120%; height: 120%; position: absolute; display: block; inset: 50% 0px 0px 50%; opacity: 0.85; transform: translate(-50%, -50%); background: radial-gradient(rgb(119, 136, 66) 15%, rgba(93, 104, 56, 0.4) 40%, rgba(33, 33, 33, 0) 70%); } #squadron42 .c-brand-menu----s42 .c-brand-menu__logo .h-svg svg { position: relative; z-index: 1; } @media only screen and (max-width: 1024px) { #squadron42 .c-brand-menu----s42 .c-brand-menu__items { background-color: rgb(34, 36, 22); box-sizing: border-box; } } @media (min-width: 1024px) { #squadron42 .c-brand-menu----s42 .c-brand-menu__items { display: flex; justify-content: flex-start; width: 100%; height: 100%; padding-left: 20px; margin: 0px 0px 0px -10px; } } #squadron42 .c-brand-menu----s42 .c-brand-menu__item--active ::after { content: ""; position: relative; display: block; width: 100%; height: 1px; top: -9px; opacity: 0.5; background-color: rgb(237, 170, 14); } @media (min-width: 1024px) { #squadron42 .c-brand-menu----s42 .c-brand-menu__item { height: 100%; padding-left: 0px; padding-right: 20px; } } @media (min-width: 1024px) { #squadron42 .c-brand-menu----s42 .c-brand-menu__link { position: relative; transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } #squadron42 .c-brand-menu----s42 .c-brand-menu__link::after { height: 1px; width: 100%; background: rgb(160, 121, 48); bottom: -3px; content: ""; display: block; left: 0px; position: absolute; transform: scaleX(0); transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } #squadron42 .c-brand-menu----s42 .c-brand-menu__link:hover::after, #squadron42 .c-brand-menu----s42 .c-brand-menu__link.is-active::after { transform: scaleX(1); } } @media only screen and (max-width: 1024px) { #squadron42 .c-brand-menu----s42 .c-brand-menu__cta { background-color: rgb(20, 22, 12); transition-duration: 0.16s; } } @media (min-width: 1024px) { #squadron42 .c-brand-menu----s42 .c-brand-menu__cta { display: flex; align-items: center; flex-shrink: 0; } #squadron42 .c-brand-menu----s42 .c-brand-menu__cta .c-btn { transform: translateX(0px) translateY(-23px); } } @media (min-width: 1400px) { #squadron42 .c-brand-menu----s42 .c-brand-menu__cta .c-btn { transform: translateX(-35px) translateY(-23px); } } @media (min-width: 1024px) { #squadron42 .c-brand-menu----s42.is-sticky { position: fixed; top: 0px; } #squadron42 .c-brand-menu----s42.is-sticky .c-brand-menu__logo .h-svg { width: 144px; margin-right: 35px; transform: translateY(35px); } #squadron42 .c-brand-menu----s42.is-sticky .c-brand-menu__container { height: 70px; } #squadron42 .c-brand-menu----s42.is-sticky .c-brand-menu__item { line-height: 70px; } #squadron42 .c-brand-menu----s42.is-sticky .c-menu-link { font-size: 13px; } #squadron42 .c-brand-menu----s42.is-sticky .c-brand-menu__cta .c-btn { transform: translateX(-35px) translateY(23px); } } @media (min-width: 1400px) { #squadron42 .c-brand-menu----s42.is-sticky .c-brand-menu__items { padding-left: 40px; } #squadron42 .c-brand-menu----s42.is-sticky__cta .c-btn { transform: translateX(72px) translateY(0px); } } .l-notification-container { margin: 0px auto; box-sizing: border-box; width: 100%; } .l-notification-container .l-notification__wrapper:nth-child(2n) .c-notification { background-color: rgb(38, 38, 39); } .l-notification-container .l-notification__wrapper:nth-child(2n+1) .c-notification { background-color: rgb(32, 33, 33); } .l-notification__wrapper { flex: 1 0 auto; flex-wrap: wrap; width: 100%; z-index: 1000; box-sizing: border-box; } .l-notification__wrapper:last-child { padding-right: 0px; } .l-notification__wrapper.is-hidden { display: none; } .c-notification { display: flex; align-items: center; font-family: univia-pro, sans-serif; background-color: rgb(47, 47, 47); color: rgb(121, 129, 133); font-size: 14px; line-height: 18px; height: 100%; box-sizing: border-box; } .c-notification__inner-wrapper { position: relative; z-index: 1; display: flex; width: 100%; padding: 25px 65px 25px 130px; max-width: 1440px; margin: 0px auto; box-sizing: border-box; mix-blend-mode: luminosity; } @media only screen and (max-width: 1400px) { .c-notification__inner-wrapper { padding: 0px 40px; } } @media only screen and (max-width: 1024px) { .c-notification__inner-wrapper { padding: 0px 20px; flex-direction: column; } } @media only screen and (max-width: 760px) { .c-notification__inner-wrapper { padding: 0px 20px; } } .c-notification-button { font-weight: 700; color: rgb(121, 129, 133); display: inline-block; text-transform: uppercase; font-size: 12px; align-items: center; cursor: pointer; vertical-align: middle; } .c-notification-button .c-iconed__icon { display: inline-block; flex-shrink: 0; width: 16px; margin-left: 5px; fill: rgb(203, 231, 239); vertical-align: middle; } .c-notification-button .c-iconed__icon--arrow { transform: rotate(-180deg); position: relative; top: -2px; } .c-notification-button .c-iconed__icon--close { width: 17px; height: 17px; } .c-notification-button .c-iconed__icon svg { flex-shrink: 0; width: 17px; height: 17px; } .c-notification-button__text { letter-spacing: 0.03em; border-bottom: 1px solid rgb(255, 255, 255); display: inline-block; } #topbar { width: 100%; height: 56px; } #ptubar { background: red; width: 100%; color: rgb(255, 255, 255); padding: 2px; text-align: center; } #social > a { width: 59px; height: 49px; display: block; float: left; margin-right: 4px; position: relative; } .lightbar { width: 100%; height: 28px; position: relative; z-index: 10; } .toplightbar { background: center top no-repeat, center top repeat-x; border-bottom: 1px solid rgb(17, 37, 53); margin-bottom: 65px; } #contentbody.no-grid .toplightbar { margin-bottom: 0px; } .bottomlightbar { background: center bottom no-repeat, center bottom repeat-x; border-top: 1px solid rgb(17, 37, 53); } .lightbarlights { background: center top repeat-x; position: absolute; width: 100%; height: 258px; z-index: 1; } .bottomlightbar > .lightbarlights { background-position: center bottom; bottom: 0px; } .headershadow, .footershadow { background: center top repeat-x; width: 100%; height: 34px; position: absolute; top: 29px; } .bottomlightbar > .headershadow, .bottomlightbar > .footershadow { background-position: center bottom; top: auto; bottom: 29px; } .header { position: relative; z-index: 15; } #contentbody { background: url(data:image/webp;base64,UklGRr4HAABXRUJQVlA4WAoAAAA8AAAAdwAAdwAASUNDUOABAAAAAAHgbGNtcwQgAABtbnRyUkdCIFhZWiAH4gADABQACQAOAB1hY3NwTVNGVAAAAABzYXdzY3RybAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLWhhbmR56b9WWj4BtoMjhVVG90+qAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAApkZXNjAAAA/AAAACRjcHJ0AAABIAAAACJ3dHB0AAABRAAAABRjaGFkAAABWAAAACxyWFlaAAABhAAAABRnWFlaAAABmAAAABRiWFlaAAABrAAAABRyVFJDAAABwAAAACBnVFJDAAABwAAAACBiVFJDAAABwAAAACBtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAYAAAAcAEMAQwAwAABYWVogAAAAAAAA9tYAAQAAAADTLXNmMzIAAAAAAAEMPwAABd3///MmAAAHkAAA/ZL///uh///9ogAAA9wAAMBxWFlaIAAAAAAAAG+gAAA48gAAA49YWVogAAAAAAAAYpYAALeJAAAY2lhZWiAAAAAAAAAkoAAAD4UAALbEcGFyYQAAAAAAAwAAAAJmaQAA8qcAAA1ZAAAT0AAACltBTFBISAAAAAEfICQg3NH9v+ZGRAQnFEWS1BB9IOX04CvjAH0X4J0qov8K2rZhEgLtDonRkbMjY6IxsEoQvNrTnBsMJhAsibG8wd/k74MXUFZQOCCMAQAAEA4AnQEqeAB4AD5tNJdHJCMiISeJIIANiWNu40ACZe5nXfO3NQA9Xn+m/rNrAHoAfoB1mflAasirKD9KOBZcKsVzOjyU2gd+c5w0N8irDa0y0A1fY2uMCAckKfGtp+mY6fha6Z3AWNeLHMBTo+cHCusdjZMUjD/XAAD+6VTh//PzHCXvsMQWzKtv//b2J/Ex7cii/4dLf/q3z/47fd0F/gh/+Rx/8jjs3yLVfu6gGtdy/UhUIctdZSOHkOTAPjOQc7//6Kr5Lw7CAgzwfh2EBAoRg3cMctf2vjlGzqtEbHAvxvzY4GmPHA39zwDowcPVbn3zJD+xx//+ipDTXXXEtBvzYzsjXN51CJzw6+OSe5LuCfJwqOLigZYFepAkz+54yLuqlYvyiI/wmdd4jueHe/1Bn7GVGf46X//ocvApFRVUkinZuLAxsFQ3qSEWDrTOIJK/JZ9KuucKWBs01mHU6zEQ4FF+Y1MIJKOeL1viQhdxn+tfbYXKwtJtUe3p392xiqH4nzGfW8RQAAAARVhJRroAAABFeGlmAABJSSoACAAAAAYAEgEDAAEAAAABAAAAGgEFAAEAAABWAAAAGwEFAAEAAABeAAAAKAEDAAEAAAACAAAAEwIDAAEAAAABAAAAaYcEAAEAAABmAAAAAAAAAEgAAAABAAAASAAAAAEAAAAGAACQBwAEAAAAMDIxMAGRBwAEAAAAAQIDAACgBwAEAAAAMDEwMAGgAwABAAAA//8AAAKgBAABAAAAeAAAAAOgBAABAAAAeAAAAAAAAABYTVAgEgMAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTY1MTk2MDM2RjU0MTFFNEE4ODBDMjFEM0VBMzg3MDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTY1MTk2MDQ2RjU0MTFFNEE4ODBDMjFEM0VBMzg3MDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNjUxOTYwMTZGNTQxMUU0QTg4MEMyMUQzRUEzODcwMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNjUxOTYwMjZGNTQxMUU0QTg4MEMyMUQzRUEzODcwMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg==) center top repeat; width: 100%; position: relative; z-index: 13; padding-top: 140px; padding-bottom: 24px; } #contentbody.not-fixed { background: center top repeat scroll; } #contentbody.no-grid { padding-top: 0px; } #contentbody .wrapper { z-index: 20; position: relative; } .lightbox { height: 100%; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 1000; min-width: 480px; } .lightbox.absolute { position: absolute; } .lightbox.fixed-bottom { position: fixed; top: auto; bottom: 0px; } .lightbox > .shader { background-color: rgb(0, 0, 0); height: 100%; opacity: 0.85; position: absolute; width: 100%; min-width: 480px; } .modals .modal-wrapper { margin: 0px auto; position: relative; } .modals .modal-inner { margin: 0px 11px; border-left: 1px solid rgb(23, 38, 53); border-right: 1px solid rgb(23, 38, 53); position: relative; overflow: hidden; background: repeat, center bottom no-repeat; } .modals .modal-inner .inner-content { overflow: hidden; } .modals .top-border { height: 52px; width: 100%; position: relative; } .modals .bottom-border { height: 52px; width: 100%; position: relative; } .modals .top-border img, .modals .bottom-border img { display: block; width: 100%; height: 23px; } .modals .top-border .h-border { background: ; margin: 0px 12px; height: 29px; } .modals .top-border .l-corner { background: ; height: 29px; width: 12px; position: absolute; bottom: 0px; left: 0px; } .modals .top-border .r-corner { background: ; height: 29px; width: 12px; position: absolute; bottom: 0px; right: 0px; } .modals .bottom-border .h-border { background: ; margin: 0px 12px; height: 29px; } .modals .bottom-border .l-corner { background: ; height: 29px; width: 12px; position: absolute; top: 0px; left: 0px; } .modals .bottom-border .r-corner { background: ; height: 29px; width: 12px; position: absolute; top: 0px; right: 0px; } .modals .close { display: block; width: 61px; height: 37px; position: relative; background: ; float: right; margin-left: -61px; } .modals .close:hover { opacity: 0.75; } .fake-modal.modals .close { display: none; } .modals .content { position: relative; z-index: 2; max-width: 100vw; } .fake-modal .top-border img, .fake-modal .bottom-border img { display: none; } .fake-modal.modals .top-border img, .fake-modal.modals .bottom-border img { display: block; } .fake-modal .modal-wrapper .modal-inner #contact { max-width: 480px; } .modals.vip .corner-wrapper .corner { background-image: ; } .modals.vip input[type="text"]:focus, .modals.vip input[type="password"]:focus, .modals.vip textarea:focus { border: 1px solid rgb(255, 255, 0); color: rgb(66, 198, 231); box-shadow: rgba(255, 255, 0, 0.2) 0px 0px 20px inset; } .modals h2 { line-height: 50px; margin: 0px 0px -12px; padding: 10px 0px 0px 12px; font-family: Electrolize; font-weight: 400; color: rgb(0, 240, 255); font-size: 22px; text-shadow: rgb(0, 237, 255) 0px 0px 30px; text-transform: uppercase; } .modals h2 .icon { display: block; width: 48px; height: 48px; position: relative; background: ; float: left; } .modals form { padding-bottom: 10px; } .modals .corner-wrapper { position: relative; display: inline-block; width: 100%; } .modals .corner-wrapper .corner { display: block; position: absolute; width: 7px; height: 7px; background-image: ; } .modals .corner-wrapper .corner.corner-top-left { top: -4px; left: -4px; background-position: 0px 0px; } .modals .corner-wrapper .corner.corner-top-right { top: -4px; right: -4px; background-position: -14px 0px; } .modals .corner-wrapper .corner.corner-bottom-left { bottom: -1px; left: -4px; background-position: 0px -14px; } .modals .corner-wrapper .corner.corner-bottom-right { bottom: -1px; right: -4px; background-position: -14px -14px; } .modals .captcha_img { position: relative; padding: 2px; margin-bottom: 10px; } .modals .captcha { margin-top: 18px; } .modals .captcha .corner-wrapper { width: 50%; } .modals .captcha input[type="text"] { margin-top: 0px; height: 70px; text-align: center; margin-bottom: 0px; font-size: 40px; font-family: Electrolize; } .modals .captcha .shadow-button { margin-top: 20px; } .modals .terms { font-size: 12px; color: rgb(53, 94, 120); display: inline-block; } .modals .terms a { color: rgb(0, 186, 255); font-weight: 700; } .modals .handle-friendly { width: 313px; height: 27px; border: 1px solid rgb(15, 64, 97); background: rgba(9, 39, 57, 0.5); margin: -8px 0px 0px 3px; } .modals .selectlist.small { width: 94px; float: left; margin-right: 9px; color: rgb(53, 94, 120); background: rgba(0, 0, 0, 0.4); } .modals select.selectlist.small { background: right center no-repeat scroll rgb(0, 0, 0); } .modals .selectlist.small.last { margin-right: 0px; } .modals .selectlist.small .body { width: 90%; } .modals .selectlist.small > span { width: 40px; } .modals .selectlist.small ul { width: 70px; } .modals .selectlist.small ul li { width: 70px; } .modals .selectlist.small .scrollable { background: 0px 0px repeat scroll rgb(0, 0, 0); } .modals .selectlist.small .scrollable .viewport { width: 60px; } .modals .selectlist.small .scrollable .viewport .body { background: 0px 0px; } .modals .button-wrapper ul { list-style: none; margin: 0px auto; padding: 0px 0px 20px; max-width: 418px; } .modals .button-wrapper .button { background: 0px 0px no-repeat; height: 55px; display: block; position: relative; float: left; width: 33.33%; } .modals .button-wrapper .button a { display: block; width: 100%; height: 100%; } .modals .button-wrapper .button a .text { color: rgb(118, 150, 174); font-size: 12px; line-height: 14px; font-weight: 700; padding-left: 60px; width: 65px; display: block; padding-top: 20px; } .modals .button-wrapper .button.recovery a .text { padding-top: 14px; } .modals .button-wrapper .button:hover .text, .modals .button-wrapper .button.active .text { color: rgb(255, 255, 255); } .modals .button-wrapper .button .effect { display: block; width: 50px; height: 55px; position: absolute; top: 0px; left: 0px; background: 0px -55px no-repeat; opacity: 0; z-index: 1; } .modals .button-wrapper .button:hover .effect, .modals .button-wrapper .button.active .effect { opacity: 1; } .modals .button-wrapper .button .icon { display: block; width: 21px; height: 19px; background: ; opacity: 0.75; z-index: 2; position: absolute; } .modals .button-wrapper .button:hover .icon, .modals .button-wrapper .button.active .icon { opacity: 1; } .modals .button-wrapper .button.sign-in .icon { width: 19px; height: 16px; background-position: 0px -45px; top: 20px; left: 17px; } .modals .button-wrapper .button.recovery .icon { width: 19px; height: 26px; background-position: 0px -19px; top: 15px; left: 15px; } .modals .button-wrapper .button.enlist .icon { width: 21px; height: 19px; background-position: 0px 0px; top: 17px; left: 15px; } .modals .button-wrapper .button.enlist.copy-account .text { padding-top: 8px; color: rgb(255, 255, 0); } .modals .button-wrapper .button .bottom-line { width: 100%; max-width: 111px; height: 2px; background: rgb(140, 241, 255); box-shadow: rgba(37, 228, 255, 0.75) 0px 0px 30px; display: block; position: absolute; bottom: -20px; left: 0px; opacity: 0; } .modals .button-wrapper .button.active .bottom-line { opacity: 1; } .modals #enlist { max-width: 951px; min-width: 400px; background: 408px 118px no-repeat; } .modals #enlist form { display: block; } .modals #enlist fieldset { margin-bottom: 20px; float: left; width: 322px; } .modals #enlist .line-container { float: left; display: block; width: 175px; height: 35px; position: relative; margin-left: 8px; } .modals #enlist .line-container .handle { display: block; width: 24px; height: 24px; background: 0px 0px; position: absolute; left: -20px; } .modals #enlist .line-container .handle.top { top: -11px; } .modals #enlist .line-container .handle.bottom { bottom: -11px; } .modals #enlist .line-container .handle > .effect { display: block; width: 24px; height: 24px; opacity: 0; position: absolute; top: 0px; left: 0px; } .modals #enlist .line-container.selected .handle > .effect { background: 0px -24px; opacity: 1; } .modals #enlist .line-container.good .handle > .effect { background: 0px -83px; opacity: 1; width: 34px; height: 34px; top: -5px; left: -5px; } .modals #enlist .line-container.error .handle > .effect { background: 0px -48px; opacity: 1; width: 34px; height: 34px; top: -5px; left: -5px; } .modals #enlist .line > .effect { opacity: 0; display: block; width: 100%; height: 100%; } .modals #enlist .line-username .line-wrapper { position: absolute; top: 48px; left: 0px; width: 172px; height: 262px; } .modals #enlist .line-username .line { width: 172px; height: 262px; background: 0px -418px; display: block; } .modals #enlist .line-username.selected .line > .effect { background: -172px -418px; opacity: 1; } .modals #enlist .line-username.good .line > .effect { background: -344px -418px; opacity: 1; } .modals #enlist .line-username.error .line > .effect { background: -516px -418px; opacity: 1; } .modals #enlist .line-password .line-wrapper { position: absolute; top: 83px; left: 0px; width: 172px; height: 262px; } .modals #enlist .line-password .line { width: 172px; height: 262px; background: 0px -418px; display: block; } .modals #enlist .line-password.selected .line > .effect { background: -172px -418px; opacity: 1; } .modals #enlist .line-password.good .line > .effect { background: -344px -418px; opacity: 1; } .modals #enlist .line-password.error .line > .effect { background: -516px -418px; opacity: 1; } .modals #enlist .line-email .line-wrapper { position: absolute; top: 85px; left: 0px; width: 172px; height: 262px; } .modals #enlist .line-email .line { width: 172px; height: 262px; background: 0px -418px; display: block; } .modals #enlist .line-email.selected .line > .effect { background: -172px -418px; opacity: 1; } .modals #enlist .line-email.good .line > .effect { background: -344px -418px; opacity: 1; } .modals #enlist .line-email.error .line > .effect { background: -516px -418px; opacity: 1; } .modals #enlist .line-dob .line-wrapper { position: absolute; top: -368px; left: 0px; width: 172px; height: 418px; } .modals #enlist .line-dob .line { width: 172px; height: 418px; background: 0px 0px; display: block; } .modals #enlist .line-dob.selected .line > .effect { background: -172px 0px; opacity: 1; } .modals #enlist .line-dob.good .line > .effect { background: -344px 0px; opacity: 1; } .modals #enlist .line-dob.error .line > .effect { background: -516px 0px; opacity: 1; } .modals #enlist .line-displayname .line-wrapper { position: absolute; top: -368px; left: 0px; width: 172px; height: 418px; } .modals #enlist .line-displayname .line { width: 172px; height: 418px; background: 0px 0px; display: block; } .modals #enlist .line-displayname.selected .line > .effect { background: -172px 0px; opacity: 1; } .modals #enlist .line-displayname.good .line > .effect { background: -344px 0px; opacity: 1; } .modals #enlist .line-displayname.error .line > .effect { background: -516px 0px; opacity: 1; } .modals #enlist .line-nickname .line-wrapper { position: absolute; top: -368px; left: 0px; width: 172px; height: 418px; } .modals #enlist .line-nickname .line { width: 172px; height: 418px; background: 0px 0px; display: block; } .modals #enlist .line-nickname.selected .line > .effect { background: -172px 0px; opacity: 1; } .modals #enlist .line-nickname.good .line > .effect { background: -344px 0px; opacity: 1; } .modals #enlist .line-nickname.error .line > .effect { background: -516px 0px; opacity: 1; } .modals #enlist .line-captcha .line-wrapper { position: absolute; top: -299px; left: 0px; width: 172px; height: 418px; } .modals #enlist .line-captcha .line { width: 172px; height: 418px; background: 0px 0px; display: block; } .modals #enlist .line-captcha.selected .line > .effect { background: -172px 0px; opacity: 1; } .modals #enlist .line-captcha.good .line > .effect { background: -344px 0px; opacity: 1; } .modals #enlist .line-captcha.error .line > .effect { background: -516px 0px; opacity: 1; } .modals #enlist .line-container .point { display: block; width: 11px; height: 12px; background: 0px -12px; position: absolute; right: -5px; } .modals #enlist .line-container .point.bottom { bottom: -5px; } .modals #enlist .line-container .point.top { top: -5px; } .modals #enlist .line-container .point > .effect { display: block; width: 100%; height: 100%; opacity: 0; } .modals #enlist .line-container.selected .point > .effect, .modals #enlist .line-container.good .point > .effect, .modals #enlist .line-container.error .point > .effect { background: 0px 0px; opacity: 1; } .modals #enlist .message { float: left; max-width: 315px; height: 35px; position: relative; } .modals #enlist .message .message-wrapper { position: absolute; top: 288px; left: 10px; width: 380px; } .modals #enlist .message.msg-password .message-wrapper { top: 322px; } .modals #enlist .message.msg-email .message-wrapper { top: 322px; } .modals #enlist .message.msg-handle .message-wrapper { top: -388px; } .modals #enlist .message.msg-nickname .message-wrapper { top: -388px; } .modals #enlist .message.msg-captcha .message-wrapper { top: -319px; } .modals #enlist .message.msg-dob .message-wrapper { top: -388px; } .modals #enlist .message p { font-size: 12px; line-height: 16px; color: rgb(81, 155, 197); opacity: 0.6; } .modals #enlist .message.active .msg p { color: rgb(0, 246, 255); opacity: 1; text-shadow: rgb(0, 237, 255) 0px 0px 30px; } .modals #enlist .message.error .msg p, .modals #enlist .message.good .msg p { opacity: 0; display: none; } .modals #enlist .message .msg-error, .modals #enlist .message .msg-good { opacity: 0; display: none; } .modals #enlist .message .msg-error p { color: rgb(246, 1, 1); opacity: 1; text-shadow: rgb(246, 1, 1) 0px 0px 30px; } .modals #enlist .message .msg-good p { color: rgb(0, 255, 66); opacity: 1; text-shadow: rgb(0, 255, 66) 0px 0px 30px; } .modals #enlist .message.error .msg-error, .modals #enlist .message.good .msg-good { opacity: 1; display: block; } .modals #enlist .message > .msg-handle { margin-top: 39px; height: 76px; } .modals #enlist .message > .msg-nickname { margin-top: 39px; height: 76px; } .modals #enlist .message > .msg-dob { height: 101px; } .modals #enlist .message > .msg-username { height: 80px; } .modals #enlist .message > .msg-password { height: 75px; } .modals #enlist .error-level-line { display: block; width: 65px; height: 5px; background: rgb(25, 60, 76); margin-right: 7px; float: left; margin-top: 10px; } .modals #enlist .error-level-line.on { background: rgb(0, 231, 255); box-shadow: rgb(0, 237, 255) 0px 0px 30px; } .modals #migrate { max-width: 480px; min-width: 400px; } .modals #migrate p.head { padding-bottom: 20px; font-size: 12px; line-height: 18px; color: rgb(90, 122, 147); } .modals #migrate form { display: block; } .modals #migrate fieldset { margin-bottom: 20px; } .modals #migrate fieldset.last { margin-bottom: 0px; } .modals #migrate-enlist { max-width: 951px; min-width: 400px; background: 50% 50% no-repeat; } .modals #migrate-enlist p.head { padding-bottom: 20px; font-size: 12px; line-height: 18px; color: rgb(90, 122, 147); } .modals #migrate-enlist form { display: block; } .modals #migrate-enlist .message { position: relative; } .modals #migrate-enlist .message p { font-size: 12px; line-height: 16px; color: rgb(53, 94, 120); opacity: 0.4; margin: 0px 0px 20px; } .modals #migrate-enlist .message.active .msg p { color: rgb(0, 246, 255); opacity: 1; text-shadow: rgb(0, 237, 255) 0px 0px 30px; } .modals #migrate-enlist .message.error .msg p, .modals #migrate-enlist .message.good .msg p { opacity: 0; display: none; } .modals #migrate-enlist .message .msg-error, .modals #migrate-enlist .message .msg-good { opacity: 0; display: none; } .modals #migrate-enlist .message .msg-error p { color: rgb(246, 1, 1); opacity: 1; text-shadow: rgb(246, 1, 1) 0px 0px 30px; } .modals #migrate-enlist .message .msg-good p { color: rgb(0, 255, 66); opacity: 1; text-shadow: rgb(0, 255, 66) 0px 0px 30px; } .modals #migrate-enlist .message.error .msg-error, .modals #migrate-enlist .message.good .msg-good { opacity: 1; display: block; } .modals #migrate-enlist .error-level-line { display: block; width: 65px; height: 5px; background: rgb(25, 60, 76); margin-right: 7px; float: left; margin-bottom: 10px; } .modals #migrate-enlist .error-level-line.on { background: rgb(0, 231, 255); box-shadow: rgb(0, 237, 255) 0px 0px 30px; } .modals #migrate-enlist .submit-wrapper { margin-top: 20px; } .modals #migrate-enlist span.important { font-size: 14px; color: rgb(255, 255, 255); font-family: Electrolize; font-weight: 400; text-decoration: underline; } .modals #migrate-enlist span.visibility { font-weight: 400; display: inline-block; margin-left: 15px; font-size: 11px; font-family: Electrolize; float: right; } #signin-page { margin-bottom: 50px; } .modals #signin { min-width: 400px; max-width: 480px; } .modals #signin .content { max-width: 504px; margin: 0px auto; } .modals #signin .migration-warning a { text-decoration: underline; font-family: Electrolize; font-size: 20px; font-weight: 700; color: rgb(187, 0, 0); } .modal-inner .explanation-message { background-color: rgba(48, 219, 255, 0.2); border: 1px solid rgb(0, 240, 255); border-radius: 5px; color: rgb(0, 240, 255); font-size: 11px; line-height: 14px; margin-bottom: 10px; min-height: 28px; padding: 11px 30px; } .modal-inner .explanation-message a { color: rgb(255, 255, 255); } .modals #signin .error-message { background: 7px 50% no-repeat rgba(178, 34, 34, 0.2); border: 1px solid rgb(80, 42, 54); border-radius: 5px; margin-bottom: 25px; font-size: 11px; line-height: 14px; color: rgb(187, 0, 0); padding: 11px 30px 11px 60px; display: none; min-height: 28px; } .modals #signin .error-message strong { color: red; } .modals #signin .success-message { background: 7px 50% no-repeat rgba(55, 158, 63, 0.2); border: 1px solid rgb(31, 82, 53); border-radius: 5px; margin-bottom: 10px; font-size: 11px; line-height: 14px; color: rgb(50, 170, 50); padding: 11px 30px 11px 60px; display: none; min-height: 28px; } .modals #signin .success-message strong { color: rgb(0, 255, 0); } .modals #signin .remember { padding: 7px 0px 15px; } .modals #signin .remember label { margin-top: 0px; } .modals #signin .corner-wrapper { margin-bottom: 20px; } .toggle-wrapper { width: 49px; height: 15px; background: 0px 0px; position: relative; margin-left: 40px; margin-top: 2px; } .toggle-wrapper .button { width: 21px; height: 9px; background: -8px -25px; border-radius: 3px; box-shadow: rgba(0, 237, 255, 0.5) 0px 0px 20px; position: absolute; top: 3px; left: 3px; } .toggle-wrapper.on .button { left: 25px; } .toggle-wrapper .choice { width: 47px; height: 15px; position: absolute; top: -3px; font-size: 11px; color: rgb(56, 110, 145); cursor: pointer; font-weight: 700; } .toggle-wrapper .choice.choice-1 { left: -22px; color: rgb(0, 240, 255); text-shadow: rgb(0, 237, 255) 0px 0px 10px; } .toggle-wrapper .choice.choice-2 { text-align: right; right: -24px; width: 49px; } .toggle-wrapper.on .choice.choice-1 { color: rgb(56, 110, 145); text-shadow: none; } .toggle-wrapper.on .choice.choice-2 { color: rgb(0, 240, 255); text-shadow: rgb(0, 237, 255) 0px 0px 10px; } .modals #add-note .toggle-wrapper { margin-top: 8px; } .modals #signin form.two-step { display: none; } .modals #signin form.two-step .selectlist { border-radius: 0px; background-color: rgba(0, 0, 0, 0.4); height: 36px; margin-bottom: 45px; } .modals #signin form.two-step .selectlist .arrow { margin: 5px 10px 0px 0px; } .modals #signin form.two-step .selectlist > span { height: 36px; line-height: 36px; padding: 0px 15px; } .modals #recovery { min-width: 400px; max-width: 480px; } .modals #recovery .migration-warning a { text-decoration: underline; font-family: Electrolize; font-size: 20px; font-weight: 700; color: rgb(187, 0, 0); } .modals #recovery p { font-size: 12px; line-height: 18px; color: rgb(90, 122, 147); } .modals #recovery p.head { padding-bottom: 20px; } .modals #recovery p a { font-weight: 700; color: rgb(0, 186, 255); } .modals #recovery p.f-right { width: 65%; margin: 0px; } .modals #recovery fieldset { margin-bottom: 20px; } .modals #recovery .last { margin-bottom: 0px; } .modals #recovery .error-message { background: 7px 50% no-repeat rgba(178, 34, 34, 0.2); border: 1px solid rgb(80, 42, 54); border-radius: 5px; margin-bottom: 25px; font-size: 11px; line-height: 14px; color: rgb(187, 0, 0); padding: 11px 30px 11px 60px; display: none; min-height: 28px; } .modals #recovery .error-message strong { color: red; } .modals.connect .content .modal-inner .inner-content { height: 0px; overflow: hidden; display: none; } .modals.connect .content .modal-inner .inner-content h2 { display: none; } .modals.connect .content .modal-inner .inner-content.on { height: auto; display: block; } .modals.connect .content .modal-inner .inner-content.on h2 { display: block; } .modals.connect .content .modal-inner .inner-content.on#enlist { min-height: 1244px; } .modals .content .modal-inner .inner-content .padder { padding: 0px 28px 5px; } .modals #contact { max-width: 532px; min-width: 480px; } .modals #contact p { font-size: 12px; line-height: 18px; color: rgb(90, 122, 147); padding-bottom: 10px; } .modals #contact p a { color: rgb(0, 255, 255); } .modals #contact p a:hover { color: rgb(255, 255, 255); } .modals #contact fieldset { margin-bottom: 20px; } .modals #contact fieldset.last { margin-bottom: 0px; } .modals #contact label { padding: 15px 0px 0px; font-size: 12px; } .modals #contact .error-message { background: 7px 50% no-repeat rgba(178, 34, 34, 0.2); border: 1px solid rgb(80, 42, 54); border-radius: 5px; margin-bottom: 25px; font-size: 11px; line-height: 14px; color: rgb(187, 0, 0); padding: 11px 30px 11px 60px; display: none; min-height: 28px; } .modals #contact .error-message strong { color: red; } .modals #contact .success-message { background: 7px 50% no-repeat rgba(55, 158, 63, 0.2); border: 1px solid rgb(31, 82, 53); border-radius: 5px; margin-bottom: 10px; font-size: 11px; line-height: 14px; color: rgb(50, 170, 50); padding: 11px 30px 11px 60px; display: none; min-height: 28px; } .modals #contact .success-message strong { color: rgb(0, 255, 0); } .modals #outbound { max-width: 532px; min-width: 480px; } .modals #outbound p { font-size: 12px; line-height: 18px; color: rgb(90, 122, 147); padding-bottom: 10px; } .modals #outbound fieldset { margin-bottom: 20px; } .modals #outbound fieldset.last { margin-bottom: 0px; } .modals #outbound label { padding: 15px 0px 0px; font-size: 12px; } .modals #outbound .error-message { background: 7px 50% no-repeat rgba(178, 34, 34, 0.2); border: 1px solid rgb(80, 42, 54); border-radius: 5px; margin-bottom: 25px; font-size: 14px; line-height: 14px; color: rgb(187, 0, 0); padding: 11px 30px 11px 60px; display: none; min-height: 28px; font-family: Electrolize; } .modals #outbound span.important { font-weight: 700; text-transform: uppercase; text-decoration: underline; } .modals #outbound span.url { color: rgb(179, 212, 252); font-weight: 400; font-family: inherit; overflow: hidden; text-overflow: ellipsis; display: block; overflow-wrap: break-word; } .modals #outbound .error-message strong { color: red; } .modals #outbound .success-message { background: 7px 50% no-repeat rgba(55, 158, 63, 0.2); border: 1px solid rgb(31, 82, 53); border-radius: 5px; margin-bottom: 25px; font-size: 14px; line-height: 14px; color: rgb(50, 170, 50); padding: 11px 30px 11px 60px; display: none; min-height: 28px; font-family: Electrolize; } .modals #outbound .success-message strong { color: rgb(0, 255, 0); } .modals #resumepayment { max-width: 532px; min-width: 480px; } .modals #resumepayment p { font-size: 12px; line-height: 18px; color: rgb(90, 122, 147); padding-bottom: 10px; } .modals #resumepayment fieldset { margin-bottom: 20px; } .modals #resumepayment fieldset.last { margin-bottom: 0px; } .modals #resumepayment label { padding: 15px 0px 0px; font-size: 12px; } .modals #resumepayment .error-message { background: 7px 50% no-repeat rgba(178, 34, 34, 0.2); border: 1px solid rgb(80, 42, 54); border-radius: 5px; margin-bottom: 25px; font-size: 14px; line-height: 14px; color: rgb(187, 0, 0); padding: 11px 30px 11px 60px; display: none; min-height: 28px; font-family: Electrolize; } .modals #resumepayment .note { border: 1px solid rgb(80, 42, 54); border-radius: 5px; margin-bottom: 25px; font-size: 14px; line-height: 14px; color: rgb(187, 187, 187); padding: 11px 30px 11px 60px; display: block; min-height: 28px; font-family: Electrolize; } .modals #resumepayment span.important { font-weight: 700; text-transform: uppercase; text-decoration: underline; } .modals #resumepayment span.white { color: rgb(187, 187, 187); font-weight: 400; font-family: inherit; } .modals #resumepayment .error-message strong { color: red; } .modals #resumepayment .success-message { background: 7px 50% no-repeat rgba(55, 158, 63, 0.2); border: 1px solid rgb(31, 82, 53); border-radius: 5px; margin-bottom: 25px; font-size: 14px; line-height: 14px; color: rgb(50, 170, 50); padding: 11px 30px 11px 60px; display: none; min-height: 28px; font-family: Electrolize; } .modals #resumepayment .success-message strong { color: rgb(0, 255, 0); } .modals #cancelorder { max-width: 532px; min-width: 480px; } .modals #cancelorder p { font-size: 12px; line-height: 18px; color: rgb(90, 122, 147); padding-bottom: 10px; } .modals #cancelorder fieldset { margin-bottom: 20px; } .modals #cancelorder fieldset.last { margin-bottom: 0px; } .modals #cancelorder label { padding: 15px 0px 0px; font-size: 12px; } .modals #cancelorder input[type="password"], .modals #cancelorder input[type="text"] { margin-bottom: 15px; } .modals #cancelorder .error-message { background: 7px 50% no-repeat rgba(178, 34, 34, 0.2); border: 1px solid rgb(80, 42, 54); border-radius: 5px; margin-bottom: 25px; font-size: 14px; line-height: 14px; color: rgb(187, 0, 0); padding: 11px 30px 11px 60px; display: none; min-height: 28px; font-family: Electrolize; } .modals #cancelorder .note { border: 1px solid rgb(80, 42, 54); border-radius: 5px; margin-bottom: 25px; font-size: 14px; line-height: 14px; color: rgb(187, 187, 187); padding: 11px 30px 11px 60px; display: block; min-height: 28px; font-family: Electrolize; } .modals #cancelorder span.important { font-weight: 700; text-transform: uppercase; text-decoration: underline; } .modals #cancelorder span.white { color: rgb(187, 187, 187); font-weight: 400; font-family: inherit; } .modals #cancelorder .error-message strong { color: red; } .modals #cancelorder .success-message { background: 7px 50% no-repeat rgba(55, 158, 63, 0.2); border: 1px solid rgb(31, 82, 53); border-radius: 5px; margin-bottom: 25px; font-size: 14px; line-height: 14px; color: rgb(50, 170, 50); padding: 11px 30px 11px 60px; display: none; min-height: 28px; font-family: Electrolize; } .modals #cancelorder .success-message strong { color: rgb(0, 255, 0); } .modals #pledge-log { min-width: 480px; max-width: 760px; } .modals #pledge-log p { font-size: 12px; line-height: 18px; color: rgb(90, 122, 147); } .modals #pledge-log p.head { padding-bottom: 10px; } .modals #pledge-log p strong { font-size: 14px; color: rgb(255, 255, 255); font-family: Electrolize; font-weight: 400; text-transform: uppercase; } .modals #pledge-log span.important { font-size: 14px; color: rgb(255, 255, 255); font-family: Electrolize; font-weight: 400; text-decoration: underline; } .modals #pledge-log .scrollable { height: 250px; position: relative; } .modals #pledge-log .scrollable .track { margin: 0px; } .modals.pledge-log .content .modal-inner .inner-content .padder { padding: 0px 28px 15px; } .modals #rental-log { min-width: 480px; max-width: 760px; } .modals #rental-log p { font-size: 12px; line-height: 18px; color: rgb(90, 122, 147); } .modals #rental-log p.head { padding-bottom: 10px; } .modals #rental-log p strong { font-size: 14px; color: rgb(255, 255, 255); font-family: Electrolize; font-weight: 400; text-transform: uppercase; } .modals #rental-log span.important { font-size: 14px; color: rgb(255, 255, 255); font-family: Electrolize; font-weight: 400; text-decoration: underline; } .modals #rental-log .scrollable { height: 250px; position: relative; } .modals #rental-log .scrollable .track { margin: 0px; } .modals.rentale-log .content .modal-inner .inner-content .padder { padding: 0px 28px 15px; } .modals #credit-log { min-width: 480px; max-width: 700px; } .modals #credit-log p { font-size: 12px; line-height: 18px; color: rgb(90, 122, 147); } .modals #credit-log p.head { padding-bottom: 10px; } .modals #credit-log p strong { font-size: 14px; color: rgb(255, 255, 255); font-family: Electrolize; font-weight: 400; text-transform: uppercase; } .modals #credit-log span.important { font-size: 14px; color: rgb(255, 255, 255); font-family: Electrolize; font-weight: 400; text-decoration: underline; } .modals #credit-log .scrollable { height: 250px; position: relative; } .modals #credit-log .scrollable .track { margin: 0px 17px; } .modals.credit-log .content .modal-inner .inner-content .padder { padding: 0px 28px 15px; } .modals.credit-log .content ins { text-decoration: underline; } .modals.credit-log .content del { color: rgb(187, 0, 0); text-decoration: underline; } .modals.credit-log .content ins.hold { color: rgb(133, 140, 147); } .modals.credit-log .content del.hold { color: rgb(133, 140, 147); } .modals.credit-log .content .show-more { background: rgba(0, 0, 0, 0); transition: color 0.25s ease-in 0s; cursor: pointer; padding: 10px 0px; font-size: 14px; color: rgb(90, 122, 147); font-family: Electrolize; font-weight: 400; text-transform: uppercase; } .modals.credit-log .content .show-more:hover { color: rgb(0, 240, 255); } .modals.credit-log .content div { color: rgb(255, 255, 255); font-family: Electrolize; font-size: 13px; } .modals.credit-log .content div.rates { height: 20px; } .modals.credit-log .content div.rates span { color: rgb(255, 174, 0); text-transform: uppercase; } .modals #submission-tos { min-width: 480px; max-width: 700px; } .modals #submission-tos p { font-size: 12px; line-height: 18px; color: rgb(90, 122, 147); } .modals #submission-tos p.head { padding-bottom: 10px; } .modals #submission-tos p strong { font-size: 14px; color: rgb(255, 255, 255); font-family: Electrolize; font-weight: 400; text-transform: uppercase; } .modals #submission-tos span.important { font-size: 14px; color: rgb(255, 255, 255); font-family: Electrolize; font-weight: 400; text-decoration: underline; } .modals #submission-tos .scrollable { height: 250px; position: relative; } .modals #submission-tos .scrollable .content { padding: 0px 30px 40px 0px; } .modals #submission-tos .scrollable .content a { color: rgb(0, 240, 255); } .modals #submission-tos .scrollable .track { margin: 0px 17px; padding: 0px; } .modals #user-agreement { min-width: 480px; max-width: 700px; } .modals #user-agreement p, .modals #user-agreement ul, .modals #user-agreement ol { font-size: 12px; line-height: 18px; color: rgb(90, 122, 147); } .modals #user-agreement p.head { padding-bottom: 10px; } .modals #user-agreement p strong { font-size: 14px; color: rgb(255, 255, 255); font-family: Electrolize; font-weight: 400; text-transform: uppercase; } .modals #user-agreement span.important { font-size: 14px; color: rgb(255, 255, 255); font-family: Electrolize; font-weight: 400; text-decoration: underline; } .modals #user-agreement .scrollable { height: 250px; position: relative; } .modals #user-agreement .scrollable .content { padding: 0px 30px 40px 0px; } .modals #user-agreement .scrollable .content a { color: rgb(0, 240, 255); } .modals #user-agreement .scrollable .track { margin: 0px 17px; padding: 0px; } #user-agreement-form .submit-wrapper { margin: 20px 0px 0px; display: none; } #user-agreement-form .submit-wrapper.left { float: left; } #user-agreement-form .submit-wrapper.right { float: right; } #user-agreement-form .submit-wrapper.decline { background: 0px 0px; } #user-agreement-form .submit-wrapper.decline a { height: 34px; line-height: 34px; position: relative; font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 16px; color: rgb(255, 255, 255); text-transform: uppercase; display: block; } #user-agreement-form .submit-wrapper.decline a::after { display: block; content: ""; width: 100%; height: 1px; background-color: rgb(255, 255, 255); position: absolute; bottom: 6px; left: 0px; } #user-agreement-form .submit-wrapper.decline a:hover::after { opacity: 0; } .modals #rules { min-width: 280px; max-width: 480px; } .modals #rules .padder { padding: 10px 28px 20px; } .modals #rules p, .modals #rules ul { font-size: 12px; line-height: 18px; color: rgb(90, 122, 147); } .modals #rules a { color: rgb(136, 171, 199); border-bottom: 1px dotted rgb(136, 171, 199); font-family: Arial; } .modals #rules a:hover { color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); } .modals #rules p.head { padding-bottom: 10px; } .modals #rules p strong { font-size: 14px; color: rgb(255, 255, 255); font-family: Electrolize; font-weight: 400; text-transform: uppercase; } .modals #rules span.important { font-size: 14px; color: rgb(255, 255, 255); font-family: Electrolize; font-weight: 400; text-decoration: underline; } .modals #rules .scrollable { height: 450px; position: relative; } .modals #rules .scrollable .viewport { width: 90%; } .modals #rules .scrollable .track { margin: 0px 17px; } .modals #pledge-upgrade-log { min-width: 480px; max-width: 700px; } .modals #pledge-upgrade-log { width: 480px; height: 300px; } .modals #pledge-upgrade-log p { font-size: 12px; line-height: 18px; color: rgb(90, 122, 147); } .modals #pledge-upgrade-log p.head { padding-bottom: 10px; } .modals #pledge-upgrade-log p strong { font-size: 14px; color: rgb(255, 255, 255); font-family: Electrolize; font-weight: 400; text-transform: uppercase; } .modals #pledge-upgrade-log span.important { font-size: 14px; color: rgb(255, 255, 255); font-family: Electrolize; font-weight: 400; text-decoration: underline; } .modals #pledge-upgrade-log .row { float: left; width: 100%; margin-bottom: 3px; font-size: 10px; line-height: 18px; height: 60px; padding: 0px; background: rgba(14, 21, 28, 0.8); border-top: 1px solid rgb(21, 38, 51); border-left: 6px solid rgb(31, 72, 104); transition-duration: 0.3s; } .modals #pledge-upgrade-log .row label { color: rgb(90, 122, 147); margin: 0px 0px 0px 10px; font-size: 10px; } .modals #pledge-upgrade-log .row label span { color: rgb(170, 170, 170); font-size: 12px; font-family: Electrolize; } .modals #pledge-upgrade-log .row:hover { background: rgba(24, 72, 124, 0.4); border-top: 1px solid rgb(44, 82, 117); border-left: 6px solid rgb(0, 255, 255); } .modals #pledge-upgrade-log .row:hover span { color: rgb(114, 225, 235); } .modals #pledge-upgrade-log .scrollable { height: 125px; position: relative; } .modals #pledge-upgrade-log .scrollable .track { margin: 0px; } .modals #pledge-upgrade-log .scrollable .viewport { width: 98%; } .modals #pledge-upgrade-log .content .modal-inner .inner-content .padder { padding: 0px 28px 15px; } .modals .modal-error { background: 7px 50% no-repeat rgba(178, 34, 34, 0.2); border: 1px solid rgb(80, 42, 54); border-radius: 5px; width: 30%; margin: 0px auto; font-size: 11px; line-height: 14px; padding: 16px 30px 16px 60px; min-height: 28px; position: relative; } .modals .modal-error p { color: rgb(187, 0, 0); } .modals .modal-error strong { color: red; } .modals .modal-error .close { background: 0px 0px repeat scroll transparent; display: block; height: 16px; opacity: 1; position: absolute; right: 9px; top: 10px; width: 16px; z-index: 2; } .modals .modal-error .close:hover { opacity: 0.75; } .modals .modal-error a { color: rgb(255, 255, 255); font-weight: 700; } .modals .modal-success { background: 7px 50% no-repeat rgba(55, 158, 63, 0.2); border: 1px solid rgb(31, 82, 53); border-radius: 5px; width: 30%; margin: 0px auto; font-size: 11px; line-height: 14px; padding: 16px 30px 16px 60px; min-height: 28px; position: relative; } .modals .modal-success p { color: rgb(50, 170, 50); } .modals .modal-success strong { color: rgb(0, 255, 0); } .modals .modal-success .close { background: 0px 0px repeat scroll transparent; display: block; height: 16px; opacity: 1; position: absolute; right: 9px; top: 10px; width: 16px; z-index: 2; } .modals .modal-success .close:hover { opacity: 0.75; } .modals .modal-success a { color: rgb(255, 255, 255); font-weight: 700; } .modals .modal-confirm { background: 7px 50% no-repeat rgba(0, 0, 0, 0.2); border: 1px solid rgb(248, 251, 0); border-radius: 5px; width: 30%; margin: 0px auto; font-size: 11px; line-height: 14px; padding: 16px 30px 16px 60px; min-height: 28px; position: relative; } .modals .modal-confirm p { color: rgb(50, 170, 50); } .modals .modal-confirm strong { color: rgb(0, 255, 0); } .modals .modal-confirm a { color: rgb(255, 255, 255); font-weight: 700; } .modals .modal-confirm .buttons { float: right; } .modals .modal-progress { background: rgba(0, 222, 255, 0.1); border: 1px solid rgb(144, 255, 201); border-radius: 5px; width: 240px; margin: 0px auto; font-size: 11px; line-height: 14px; padding: 16px 30px 16px 60px; min-height: 28px; position: relative; } .modals .modal-progress span { color: rgb(255, 255, 255); } .modals .modal-progress > .traj-loader { width: 220px; margin: 0px; } .modals .modal-alert { background: rgba(12, 103, 161, 0.2); border: 1px solid rgb(12, 103, 161); border-radius: 5px; width: 30%; margin: 0px auto; font-size: 11px; line-height: 14px; padding: 16px 30px; min-height: 28px; position: relative; } .modals .modal-alert p { color: rgb(255, 255, 255); } .modals .modal-alert a { color: rgb(255, 255, 255); font-weight: 700; } .modals .modal-alert .buttons { margin-top: 25px; float: right; } .modals #add-address { max-width: 951px; min-width: 400px; } .modals #add-address p { font-size: 12px; line-height: 18px; color: rgb(90, 122, 147); } .modals #add-address fieldset { margin-bottom: 10px; } .modals #add-address .left-col, .modals #add-address .right-col { width: 49%; } .modals #add-address label.checkbox { color: rgb(65, 107, 134); cursor: pointer; float: left; font-size: 11px; font-weight: 700; } .modals #add-address label.checkbox span { padding-left: 30px; } .modals #add-address .selectlist { margin: 2px 0px 17px; } .modals #add-address .region { position: relative; z-index: 1; } .modals #add-address input[type="text"] { margin-bottom: 0px; } .modals #reset-account { min-width: 400px; max-width: 500px; } .modals #reset-account p { font-size: 12px; } .modals #reset-account input[type="submit"].disabled { opacity: 0.4; } .modals #reset-account input[type="submit"].disabled { opacity: 0.4; } .modals #wallpaper-modal { min-width: 480px; max-width: 1200px; } .modals #wallpaper-modal .left { float: left; width: 70%; } .modals #wallpaper-modal .left img { display: block; width: 100%; max-width: 640px; } .modals #wallpaper-modal .right { float: right; width: 30%; } .modals #wallpaper-modal ul { padding: 0px; margin: 0px -8px -8px 0px; } .modals #wallpaper-modal li { display: block; float: right; margin: 0px 8px 8px 0px; position: relative; width: 100%; max-width: 240px; box-sizing: border-box; } .modals #wallpaper-modal li > a { display: block; font-size: 11px; color: rgb(88, 129, 146); margin: -10px; padding: 10px; } .modals #wallpaper-modal li:hover > a { color: rgb(152, 210, 255); } .modals #wallpaper-modal li > a > .inner { width: 100%; max-width: 175px; padding-right: 60px; height: 40px; display: block; } .modals #wallpaper-modal li .title { font-size: 20px; line-height: 40px; padding-bottom: 4px; color: rgb(255, 255, 255); font-family: Electrolize; display: block; text-transform: uppercase; } .modals #wallpaper-modal li .icon { display: block; width: 30px; height: 30px; background: -13px -71px; position: absolute; top: 16px; right: 20px; } .modals #wallpaper-modal li .icon .effect { display: block; width: 57px; height: 57px; position: absolute; left: -13px; top: -14px; background: ; opacity: 0; } .modals #wallpaper-modal li:hover .icon .effect { opacity: 1; } .modals #gift { min-width: 400px; max-width: 480px; } .modals #gift p { font-size: 12px; line-height: 18px; color: rgb(90, 122, 147); } .modals #gift p.head { padding-bottom: 10px; } .modals #gift p strong { font-size: 14px; color: rgb(255, 255, 255); font-family: Electrolize; font-weight: 400; text-transform: uppercase; } .modals #gift span.important { font-size: 14px; color: rgb(255, 255, 255); font-family: Electrolize; font-weight: 400; text-decoration: underline; } .modals #gift .right { float: right; } .modals #gift .cancel { color: rgb(255, 41, 26); font-family: Electrolize; font-size: 10px; text-shadow: rgb(255, 41, 26) 0px 0px 0px, rgb(255, 41, 26) 0px 0px 4px; margin-top: 12px; } .modals #gift .corner-wrapper { margin-bottom: 15px; } .modals #gift .corner-wrapper.no-bottom { margin-bottom: 0px; } .modals #gift a { color: rgb(255, 255, 255); font-weight: 700; text-decoration: underline; } .modals #reclaim { min-width: 400px; max-width: 480px; } .modals #reclaim .panes { position: relative; width: 1000px; overflow: hidden; } .modals #reclaim .pane.step1 { float: left; width: 425px; margin-right: 110px; } .modals #reclaim .warning { color: red; font-size: 18px; line-height: 23px; } .modals #reclaim .right { float: right; } .modals #reclaim .pane.step2 { float: left; width: 425px; } .modals #reclaim p { font-size: 12px; line-height: 18px; color: rgb(90, 122, 147); } .modals #reclaim p.head { padding-bottom: 10px; } .modals #reclaim p.heading { color: rgb(78, 224, 255); font-family: Electrolize; font-weight: 400; text-transform: uppercase; padding: 0px; margin: 0px; } .modals #reclaim p strong { font-size: 14px; color: rgb(255, 255, 255); font-family: Electrolize; font-weight: 400; text-transform: uppercase; } .modals #reclaim span.important { font-size: 14px; color: rgb(255, 255, 255); font-family: Electrolize; font-weight: 400; text-decoration: underline; } .modals #reclaim .corner-wrapper { margin-bottom: 15px; } .modals #reclaim .corner-wrapper.no-bottom { margin-bottom: 0px; } .modals #reclaim a { color: rgb(255, 255, 255); font-weight: 700; text-decoration: underline; } .modals #reclaim .warn-panel { position: relative; } .modals #reclaim .warn-logo { float: left; padding: 0px; opacity: 0.5; } .modals #reclaim .pane-controls { display: block; margin-top: 70px; } .modals #reclaim .exagon { width: 190px; background: no-repeat; margin: 0px auto; position: relative; } .modals #reclaim .exagon span { font-size: 36px; color: red; text-align: center; margin: auto; display: block; } .modals #reclaim .exagon .hand { width: 190px; height: 182px; background: 50% 50%; margin: 0px auto; animation-name: grow; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } .modals #reclaim .submit-wrapper { margin-top: 10px; } .modals #renew { min-width: 400px; max-width: 480px; } .modals #renew .warning { color: red; font-size: 18px; line-height: 23px; } .modals #renew .right { float: right; } .modals #renew .bottom { width: 425px; position: absolute; bottom: 0px; } .modals #renew p { font-size: 12px; line-height: 18px; color: rgb(90, 122, 147); } .modals #renew p.head { padding-bottom: 10px; } .modals #renew p.heading { color: rgb(78, 224, 255); font-family: Electrolize; font-weight: 400; text-transform: uppercase; padding: 0px; margin: 0px; } .modals #renew p strong { font-size: 14px; color: rgb(255, 255, 255); font-family: Electrolize; font-weight: 400; text-transform: uppercase; } .modals #renew span.important { font-size: 14px; color: rgb(255, 255, 255); font-family: Electrolize; font-weight: 400; text-decoration: underline; } .modals #renew .corner-wrapper { margin-bottom: 15px; } .modals #renew .corner-wrapper.no-bottom { margin-bottom: 0px; } .modals #renew a { color: rgb(255, 255, 255); font-weight: 700; text-decoration: underline; } .modals #renew .warn-panel { position: relative; } .modals #add-note { min-width: 700px; max-width: 780px; } .modals #add-note .last { margin-top: 10px; } .modals #upgrade { max-width: 600px; } .modals #upgrade .panes { position: relative; width: 1200px; overflow: hidden; } .modals #upgrade .pane.step1 { float: left; width: 545px; margin-right: 110px; } .modals #upgrade .pane-selection { padding: 5px 25px 10px; border-radius: 5px; background-color: rgba(86, 143, 220, 0.1); } .modals #upgrade .warning { color: red; } .modals #upgrade .pane.step2 { float: left; width: 545px; padding-top: 20px; } .modals #upgrade p { font-size: 12px; line-height: 18px; color: rgb(90, 122, 147); } .modals #upgrade p.head { padding-bottom: 10px; } .modals #upgrade p.heading { color: rgb(78, 224, 255); font-family: Electrolize; font-weight: 400; text-transform: uppercase; padding: 0px; margin: 0px; } .modals #upgrade p strong { font-size: 14px; color: rgb(255, 255, 255); font-family: Electrolize; font-weight: 400; text-transform: uppercase; } .modals #upgrade p.selected-pledge { font-family: Electrolize; text-transform: uppercase; color: rgb(255, 255, 255); } .modals #upgrade span.important { font-size: 14px; color: rgb(255, 255, 255); font-family: Electrolize; font-weight: 400; text-decoration: underline; } .modals #upgrade .right { float: right; } .modals #upgrade .cancel { color: rgb(255, 41, 26); font-family: Electrolize; font-size: 10px; text-shadow: rgb(255, 41, 26) 0px 0px 0px, rgb(255, 41, 26) 0px 0px 4px; margin-top: 12px; } .modals #upgrade .corner-wrapper { margin-bottom: 15px; } .modals #upgrade .corner-wrapper.no-bottom { margin-bottom: 0px; } .modals #upgrade a { color: rgb(255, 255, 255); font-weight: 700; text-decoration: underline; } .modals #upgrade ul { padding: 0px; margin: 0px; width: 50%; display: block; float: left; } .modals #upgrade li { list-style: none; } .modals #upgrade .scrollable { height: 177px; position: relative; margin-bottom: 20px; } .modals #upgrade .scrollable .viewport { width: 93%; } .modals #upgrade .scrollable .track { margin: 0px 17px; } .modals #upgrade input[type="radio"] { display: none; } .modals #upgrade .row { float: left; width: 100%; margin-bottom: 3px; font-size: 12px; line-height: 18px; height: 40px; padding: 0px; background: rgba(14, 21, 28, 0.8); border-top: 1px solid rgb(21, 38, 51); border-left: 6px solid rgb(31, 72, 104); transition-duration: 0.3s; } .modals #upgrade .row.selected { background: rgba(24, 72, 124, 0.4); border-top: 1px solid rgb(44, 82, 117); border-left: 6px solid rgb(0, 255, 255); } .modals #upgrade .row label { line-height: 35px; margin: 0px 0px 0px 10px; } .modals #upgrade .row.selected span { color: rgb(114, 225, 235); } .modals #upgrade .row span { font-family: Electrolize; color: rgb(170, 170, 170); } .modals #upgrade .row label.selected span { color: rgb(114, 225, 235); } .traj-loader > div { width: 28px; height: 24px; background: no-repeat; margin: auto; } .traj-loader > span { font-family: Electrolize; font-size: 11px; color: rgb(68, 255, 130); text-transform: uppercase; display: block; text-align: center; margin-top: 5px; } .modals .traj-loader { width: 220px; margin: 40px auto 50px; } .modals ins { font-size: 12px; color: rgb(90, 122, 147); font-family: Electrolize; font-weight: 400; text-transform: uppercase; text-decoration: none; } .modals del { font-size: 12px; color: red; font-family: Electrolize; font-weight: 400; text-transform: uppercase; } .popover { z-index: 15; position: absolute; } .popover .modal-wrapper > .top-border { display: none; } .popover .modal-wrapper > .bottom-border { display: none; } .popover .modal-inner { background: rgb(8, 16, 23); border: 1px solid rgb(49, 81, 113); outline: none; } .popover .content { min-width: 0px; } .popover .arrow { width: 37px; height: 18px; background: 0px 0px no-repeat; position: absolute; } .modals.popover.right .arrow, .popover.right-top .arrow, .popover.right-bottom .arrow { width: 18px; height: 37px; background-position: 0px 0px; } .modals.popover.left .arrow, .popover.left-top .arrow, .popover.left-bottom .arrow { width: 18px; height: 37px; background-position: 100% 0px; } .modals.popover.top .arrow, .popover.top-left .arrow, .popover.top-right .arrow { width: 37px; height: 18px; background-position: 0px 100%; } .modals.popover.bottom .arrow, .popover.bottom-left .arrow, .popover.bottom-right .arrow { width: 37px; height: 18px; background-position: 0px 0px; } .modals #apply-orgs { max-width: 532px; min-width: 480px; } .modals #apply-orgs p { font-size: 12px; line-height: 18px; color: rgb(90, 122, 147); padding-bottom: 10px; } .modals #apply-orgs p a { color: rgb(0, 255, 255); } .modals #apply-orgs p a:hover { color: rgb(255, 255, 255); } .modals #apply-orgs fieldset { margin-bottom: 20px; } .modals #apply-orgs fieldset.last { margin-bottom: 0px; } .modals #apply-orgs label { padding: 15px 0px 0px; font-size: 12px; } .modals #apply-orgs .error-message { background: 7px 50% no-repeat rgba(178, 34, 34, 0.2); border: 1px solid rgb(80, 42, 54); border-radius: 5px; margin-bottom: 25px; font-size: 11px; line-height: 14px; color: rgb(187, 0, 0); padding: 11px 30px 11px 60px; display: none; min-height: 28px; } .modals #apply-orgs .error-message strong { color: red; } .modals #apply-orgs .success-message { background: 7px 50% no-repeat rgba(55, 158, 63, 0.2); border: 1px solid rgb(31, 82, 53); border-radius: 5px; margin-bottom: 10px; font-size: 11px; line-height: 14px; color: rgb(50, 170, 50); padding: 11px 30px 11px 60px; display: none; min-height: 28px; } .modals #apply-orgs .success-message strong { color: rgb(0, 255, 0); } .modals #report-orgs { max-width: 532px; min-width: 480px; } .modals #report-orgs p { font-size: 12px; line-height: 18px; color: rgb(90, 122, 147); padding-bottom: 10px; } .modals #report-orgs p a { color: rgb(0, 255, 255); } .modals #report-orgs p a:hover { color: rgb(255, 255, 255); } .modals #report-orgs fieldset { margin-bottom: 20px; } .modals #report-orgs fieldset.last { margin-bottom: 0px; } .modals #report-orgs label { padding: 15px 0px 0px; font-size: 12px; } .modals #report-orgs .error-message { background: 7px 50% no-repeat rgba(178, 34, 34, 0.2); border: 1px solid rgb(80, 42, 54); border-radius: 5px; margin-bottom: 25px; font-size: 11px; line-height: 14px; color: rgb(187, 0, 0); padding: 11px 30px 11px 60px; display: none; min-height: 28px; } .modals #report-orgs .error-message strong { color: red; } .modals #report-orgs .success-message { background: 7px 50% no-repeat rgba(55, 158, 63, 0.2); border: 1px solid rgb(31, 82, 53); border-radius: 5px; margin-bottom: 10px; font-size: 11px; line-height: 14px; color: rgb(50, 170, 50); padding: 11px 30px 11px 60px; display: none; min-height: 28px; } .modals #report-orgs .success-message strong { color: rgb(0, 255, 0); } .modals #report-submission { max-width: 532px; min-width: 480px; } .modals #report-submission p { font-size: 12px; line-height: 18px; color: rgb(90, 122, 147); padding-bottom: 10px; } .modals #report-submission p a { color: rgb(0, 255, 255); } .modals #report-submission p a:hover { color: rgb(255, 255, 255); } .modals #report-submission fieldset { margin-bottom: 20px; } .modals #report-submission fieldset.last { margin-bottom: 0px; } .modals #report-submission label { padding: 15px 0px 0px; font-size: 12px; } .modals #report-submission .error-message { background: 7px 50% no-repeat rgba(178, 34, 34, 0.2); border: 1px solid rgb(80, 42, 54); border-radius: 5px; margin-bottom: 25px; font-size: 11px; line-height: 14px; color: rgb(187, 0, 0); padding: 11px 30px 11px 60px; display: none; min-height: 28px; } .modals #report-submission .error-message strong { color: red; } .modals #report-submission .success-message { background: 7px 50% no-repeat rgba(55, 158, 63, 0.2); border: 1px solid rgb(31, 82, 53); border-radius: 5px; margin-bottom: 10px; font-size: 11px; line-height: 14px; color: rgb(50, 170, 50); padding: 11px 30px 11px 60px; display: none; min-height: 28px; } .modals #report-submission .success-message strong { color: rgb(0, 255, 0); } .modals #comment-report { max-width: 532px; min-width: 480px; } .modals #comment-report p { font-size: 12px; line-height: 18px; color: rgb(90, 122, 147); padding-bottom: 10px; } .modals #comment-report p a { color: rgb(0, 255, 255); } .modals #comment-report p a:hover { color: rgb(255, 255, 255); } .modals #comment-report fieldset { margin-bottom: 20px; } .modals #comment-report fieldset.last { margin-bottom: 0px; } .modals #comment-report label { padding: 15px 0px 0px; font-size: 12px; } .modals #comment-report .error-message { background: 7px 50% no-repeat rgba(178, 34, 34, 0.2); border: 1px solid rgb(80, 42, 54); border-radius: 5px; margin-bottom: 25px; font-size: 11px; line-height: 14px; color: rgb(187, 0, 0); padding: 11px 30px 11px 60px; display: none; min-height: 28px; } .modals #comment-report .error-message strong { color: red; } .modals #comment-report .success-message { background: 7px 50% no-repeat rgba(55, 158, 63, 0.2); border: 1px solid rgb(31, 82, 53); border-radius: 5px; margin-bottom: 10px; font-size: 11px; line-height: 14px; color: rgb(50, 170, 50); padding: 11px 30px 11px 60px; display: none; min-height: 28px; } .modals #comment-report .success-message strong { color: rgb(0, 255, 0); } .modals #textile-reference { min-width: 480px; max-width: 760px; font-size: 12px; line-height: 18px; color: rgb(90, 122, 147); } .modals #textile-reference p.head { padding-bottom: 10px; } .modals #textile-reference .scrollable { height: 250px; position: relative; } .modals #textile-reference .scrollable .track { margin: 0px; } .modals #textile-reference td { width: 38px; } .modals #textile-reference td td { width: inherit; } .modals #textile-reference td.example1, .modals #textile-reference td.example2 { width: 330px; } #home .two-line-separator { margin: 40px 0px 30px; float: left; } #home #atoms .section { display: none; } #home #channel { padding: 0px; background: 0px 0px; } #home #atoms-holder { padding-bottom: 200px; background: center top repeat-x, center bottom repeat-x; } #featured-carousel { background: center top repeat scroll, center top -39px repeat, center bottom no-repeat; height: 518px; padding-top: 140px; } #featured-carousel .mask { position: relative; overflow: hidden; width: 100%; height: 518px; } #featured-carousel .dots { position: absolute; width: 100%; height: 100%; z-index: 10; } #featured-carousel .arrows { position: absolute; margin-top: 18px; right: 100px; } #featured-carousel .arrows a { display: block; width: 120px; height: 120px; opacity: 0.6; float: left; z-index: 13; position: relative; } #featured-carousel .arrows a:hover { opacity: 1; } #featured-carousel .arrows .prev { background: center center no-repeat; } #featured-carousel .arrows .next { background: center center no-repeat; } #featured-carousel .bottom-carousel { position: relative; height: 518px; z-index: 9; margin-bottom: -518px; } #featured-carousel .bottom-carousel > div { background-position: center center; background-repeat: no-repeat; background-size: contain; height: 100%; float: left; } #featured-carousel .top-carousel { position: absolute; height: 518px; z-index: 12; } #featured-carousel .top-carousel > div { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; float: left; overflow: hidden; } #featured-carousel .top-carousel > div .wrapper { max-width: 1201px; height: 100%; padding: 0px; } #featured-carousel .top-carousel > div .wrapper .content-block1 { background: repeat; position: relative; width: auto; height: 261px; padding: 49px; margin-top: 79px; } #featured-carousel .top-carousel > div .wrapper .content-block1:hover > .image { opacity: 0.6; } #featured-carousel .top-carousel > div .wrapper .content-block1 .image { position: absolute; height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.3; margin: -49px; } #featured-carousel .top-carousel > div .wrapper .content-block1 .texts { position: relative; z-index: 5; } #featured-carousel .top-carousel > div .wrapper .content-block1 .type { height: 14px; width: 160px; padding: 0px 8px; background-color: rgb(0, 225, 255); font-size: 11px; font-weight: 700; color: rgb(0, 0, 0); text-transform: uppercase; line-height: 12px; position: relative; top: -56px; box-shadow: rgba(19, 113, 255, 0.6) 0px 0px 25px; margin-bottom: -10px; } #featured-carousel .top-carousel > div .wrapper .content-block1 h1 { margin: 0px; max-height: 112px; } #featured-carousel .top-carousel > div .wrapper .content-block1 h1 a { color: rgb(255, 255, 255); font-size: 48px; font-family: Electrolize; text-shadow: rgb(0, 0, 0) -2px 3px 3px; } #featured-carousel .top-carousel > div .wrapper .content-block1 h1 a:hover { color: cyan; text-shadow: rgb(0, 0, 0) -2px 3px 3px, rgb(6, 105, 149) 0px 0px 20px, rgb(6, 105, 149) 0px 0px 50px; } #featured-carousel .top-carousel > div .wrapper .content-block1 .text { margin-top: 30px; } #featured-carousel .top-carousel > div .wrapper .content-block1 .text p { font-size: 16px; color: rgb(158, 222, 255); width: 80%; text-shadow: rgb(0, 0, 0) -2px 3px 3px; margin-top: 20px; } #featured-carousel .top-carousel > div .wrapper .content-block1 .text p a { color: rgb(158, 222, 255); border-bottom: 1px dotted rgb(158, 222, 255); } #featured-carousel .top-carousel > div .wrapper .content-block1 .text p a:hover { border-bottom: 1px solid rgb(158, 222, 255); } #featured-carousel .top-carousel > div .wrapper > div.video h1 { line-height: 32px; } #featured-carousel .top-carousel > div .wrapper > div.video h1 a { font-size: 24px; } #featured-carousel .top-carousel > div .wrapper > div.video .text p { width: auto; } #featured-carousel .top-carousel > div .wrapper .embed-container, #featured-carousel .top-carousel > div .wrapper .video-holder { border: 1px solid rgb(186, 216, 227); } #featured-carousel .top-carousel > div .wrapper .embed-container iframe, #featured-carousel .top-carousel > div .wrapper .embed-container object, #featured-carousel .top-carousel > div .wrapper .embed-container embed { width: 100%; height: 100%; } #featured-carousel .top-carousel > div .wrapper .embed-container, #featured-carousel .top-carousel > div .wrapper .video-holder { height: 272px; width: 484px; float: left; margin-right: 40px; box-shadow: rgb(0, 0, 0) 0px 0px 10px -3px; border-radius: 2px; } #featured-carousel .top-carousel > div .wrapper > div.event h1 { line-height: 32px; } #featured-carousel .top-carousel > div .wrapper > div.event h1 a { font-size: 24px; } #featured-carousel .top-carousel > div .wrapper > div.event .text p { width: auto; } .feature.event .countdown > div { margin: 0px auto; position: relative; } .feature.event .countdown .number-counter { margin: 0px 0px 0px 4px; float: left; } .feature.event .countdown .number-counter .mask { height: 56px; width: 30px; position: relative; } .feature.event .countdown .number-counter .carousel { height: 56px; position: relative; } .feature.event .countdown .number-counter .item { height: 56px; font-size: 36px; line-height: 56px; font-family: Electrolize; color: rgb(255, 214, 71); text-shadow: rgb(255, 214, 71) 0px 0px 5px; text-align: center; position: relative; } .feature.event .countdown .number-counter .append { height: 56px; font-size: 36px; line-height: 56px; font-family: Electrolize; color: rgb(255, 214, 71); text-shadow: rgb(255, 214, 71) 0px 0px 5px; text-align: center; float: left; position: relative; } #featured-carousel .top-carousel a.viewmore { display: block; width: 245px; padding: 0px 70px 0px 0px; height: 49px; font-family: Electrolize; text-transform: uppercase; font-size: 16px; color: rgb(255, 255, 255); text-shadow: rgb(0, 0, 0) -2px 3px 3px; text-align: right; position: absolute; bottom: 10px; right: 10px; line-height: 49px; } #featured-carousel .top-carousel a.viewmore:hover { color: cyan; text-shadow: rgb(0, 0, 0) -2px 3px 3px, rgb(6, 105, 149) 0px 0px 20px, rgb(6, 105, 149) 0px 0px 50px; } #featured-carousel .top-carousel .tag-wrapper .tag .tag-content a { cursor: pointer; } #featured-carousel .top-carousel .tag-wrapper .tag .tag-content { padding-left: 10px; padding-right: 15px; } #featured-carousel .top-carousel .tag-wrapper { float: left; bottom: 0px; } .crowdfunding-stats { background: center top repeat-x; } .crowdfunding-stats .hexagons { background: linear-gradient(rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%), linear-gradient(rgba(0, 0, 0, 0) 60%, rgb(0, 0, 0) 100%), center top repeat; padding-top: 75px; } .crowdfunding-stats .column { float: left; margin-top: 60px; } .crowdfunding-stats .column.numbers { margin-right: 70px; width: 500px; max-width: 500px; position: relative; } .crowdfunding-stats .column.numbers .body { margin-left: 32px; position: relative; } .crowdfunding-stats .column .header h1 { font-family: Electrolize; color: rgb(255, 255, 255); float: left; line-height: 40px; height: 36px; text-transform: uppercase; font-size: 16px; margin: 0px; } .crowdfunding-stats .column .header h1 .glow-box { background-color: rgb(19, 208, 255); width: 11px; height: 5px; float: left; box-shadow: rgb(19, 151, 255) 0px 0px 20px; margin-top: 17px; margin-right: 18px; } .crowdfunding-stats .column .header h1 .next-stretch-box { position: absolute; right: 5px; top: 0px; color: rgb(255, 255, 255); font-family: Electrolize; } .crowdfunding-stats .column .header h1 .next-stretch-box a { color: rgb(75, 241, 115); font-family: Electrolize; font-size: 18px; font-weight: 700; } .crowdfunding-stats .column .header h1 .next-stretch-box a:hover { color: rgb(0, 255, 0); text-shadow: rgba(0, 255, 0, 0.6) 0px 0px 20px; } .crowdfunding-stats .column .funding-footer .objective a { float: right; color: rgb(48, 255, 0); font-family: Electrolize; } .crowdfunding-stats .column .funding-footer .progress { float: left; color: rgb(0, 192, 255); font-family: Electrolize; font-size: 14px; } .crowdfunding-stats .column .funding-footer .progress #progress-percentage { font-family: Electrolize; } .crowdfunding-stats .column .funding-footer .auto-refresh { float: right; width: 230px; } .crowdfunding-stats .column .funding-footer .auto-refresh > span { color: rgb(0, 192, 255); font-family: Electrolize; font-size: 14px; display: block; float: left; } .crowdfunding-stats .column .header .number-counter { float: right; } .crowdfunding-stats .column .header .number-counter .loading { font-size: 16px; font-family: Electrolize; color: rgb(1, 255, 98); text-transform: uppercase; line-height: 40px; } .crowdfunding-stats .column .header .number-counter .error { height: 23px; font-size: 16px; line-height: 23px; font-family: Electrolize; color: red; text-transform: uppercase; } .crowdfunding-stats .column .header .number-counter .mask { height: 42px; width: 22px; } .crowdfunding-stats .column .header .number-counter .carousel { height: 42px; } .crowdfunding-stats .column .header .number-counter .item { height: 42px; font-size: 30px; font-family: Electrolize; color: rgb(1, 255, 98); } .crowdfunding-stats .column .header .number-counter .append { font-size: 30px; font-family: Electrolize; color: rgb(1, 255, 98); float: left; } .crowdfunding-stats .column .body { margin-top: 7px; } .crowdfunding-stats .column .body .bars { margin: 0px -3px 5px; } .crowdfunding-stats .column .body .bars .bar { background: no-repeat; width: 6px; height: 41px; float: left; margin: 0px 3px; border-radius: 2px; } .crowdfunding-stats .column .body .bars .bar .on { background: no-repeat; opacity: 0; width: 6px; height: 41px; border-radius: 2px; } .crowdfunding-stats .column .body .bars .bar { transition: all 0.5s ease 0s; } .crowdfunding-stats .column .body .bars .bar.on .on { opacity: 1; box-shadow: rgba(0, 163, 255, 0.6) 0px 0px 25px; } .crowdfunding-stats .column .body .button2-left-connector { background: no-repeat; width: 212px; height: 46px; line-height: 46px; float: left; margin-bottom: 15px; } .crowdfunding-stats .column .body .button2-left-connector .number-counter { margin: 12px 0px 12px 20px; font-size: 16px; color: rgb(4, 248, 255); font-family: Electrolize; float: left; line-height: 22px; } .crowdfunding-stats .column .body .button2-left-connector .number-counter .digits { font-size: 16px; color: rgb(4, 248, 255); font-family: Electrolize; line-height: 22px; } .crowdfunding-stats .column .body .button2-left-connector .number-counter .loading { height: 23px; font-size: 16px; line-height: 23px; font-family: Electrolize; color: rgb(4, 248, 255); text-transform: uppercase; } .crowdfunding-stats .column .body .button2-left-connector .number-counter .error { height: 23px; font-size: 16px; line-height: 23px; font-family: Electrolize; color: red; text-transform: uppercase; } .crowdfunding-stats .column .body .button2-left-connector .number-counter .mask { height: 23px; width: 11px; } .crowdfunding-stats .column .body .button2-left-connector .number-counter .carousel { height: 23px; } .crowdfunding-stats .column .body .button2-left-connector .number-counter .item { height: 23px; font-size: 16px; line-height: 23px; font-family: Electrolize; color: rgb(4, 248, 255); } .crowdfunding-stats .column .body .button2-left-connector .number-counter .seperator { height: 23px; font-size: 16px; line-height: 23px; font-family: Electrolize; color: rgb(4, 248, 255); } .crowdfunding-stats .column .body .button2-left-connector .number-counter .append { font-size: 16px; color: rgb(255, 255, 255); font-family: Electrolize; line-height: 22px; } .crowdfunding-stats .column .body .button2-left-arrows { padding: 12px 0px 0px 65px; display: block; font-size: 14px; color: rgb(2, 238, 255); font-family: Electrolize; margin-top: -11px; width: 147px; height: 56px; float: left; margin-bottom: 15px; position: relative; } .crowdfunding-stats .column .body .button2-left-arrows .arrow { display: block; position: absolute; left: -33px; top: 0px; width: 117px; height: 68px; } .crowdfunding-stats .column .body .button2-left-arrows .arrow1 { background: no-repeat; } .crowdfunding-stats .column .body .button2-left-arrows .arrow2 { background: no-repeat; } .crowdfunding-stats .column .body .button2-left-arrows .arrow3 { background: no-repeat; } .crowdfunding-stats .column .body .button2-left-arrows:hover { color: rgb(255, 255, 255); text-shadow: rgb(0, 153, 255) 0px 0px 20px; } .crowdfunding-stats .column .body .button2-left-arrows:hover .arrow1 { left: 10px; opacity: 0; transition-delay: 0.2s; } .crowdfunding-stats .column .body .button2-left-arrows:hover .arrow2 { left: -33px; } .crowdfunding-stats .column .body .button2-left-arrows:hover .arrow3 { left: -40px; } .crowdfunding-stats .column .body .holobtn { float: left; margin-left: -14px; } .crowdfunding-stats .column .body .number-block { background-repeat: no-repeat; background-position: left center; padding-left: 70px; height: 62px; float: left; width: 160px; margin-bottom: 25px; } .crowdfunding-stats .column .body .number-block.funds-raised { background-image: ; margin-top: 15px; } .crowdfunding-stats .column .body .number-block.backers { background-image: ; } .crowdfunding-stats .column .body .number-block.fans { background-image: ; margin-top: 15px; } .crowdfunding-stats .column .body .number-block .label { font-family: Electrolize; font-size: 16px; color: rgb(204, 204, 204); text-transform: uppercase; margin: 10px 0px 0px 5px; } .crowdfunding-stats .column .body .number-block .loading { font-family: Electrolize; color: rgb(4, 248, 255); text-transform: uppercase; } .crowdfunding-stats .column .body .number-block .error { font-family: Electrolize; color: red; text-transform: uppercase; } .crowdfunding-stats .column .body .number-block .number-counter { margin: 0px 0px 0px 4px; float: left; height: 23px; font-size: 20px; line-height: 23px; font-family: Electrolize; color: rgb(4, 248, 255); } .crowdfunding-stats .column .body .number-block .number-counter .digits { font-size: 20px; line-height: 23px; font-family: Electrolize; color: rgb(4, 248, 255); } .crowdfunding-stats .column .body .number-block .number-counter .mask { height: 23px; width: 14px; } .crowdfunding-stats .column .body .number-block .number-counter .carousel { height: 23px; } .crowdfunding-stats .column .body .number-block .number-counter .item { height: 23px; font-size: 20px; line-height: 23px; font-family: Electrolize; color: rgb(4, 248, 255); } .crowdfunding-stats .column .body .number-block .number-counter .seperator { height: 23px; font-size: 20px; line-height: 23px; font-family: Electrolize; color: rgb(4, 248, 255); } .crowdfunding-stats .column .header .filters { float: right; position: relative; top: -46px; margin-bottom: -46px; } .crowdfunding-stats .column .header .filters .filter { background: left top no-repeat; width: 65px; height: 66px; text-transform: uppercase; font-family: Electrolize; font-size: 12px; color: rgb(62, 128, 155); text-align: center; display: block; float: left; margin-left: 11px; padding-top: 26px; } .crowdfunding-stats .column .header .filters .filter:hover { color: rgb(27, 253, 255); text-shadow: rgb(27, 146, 255) 0px 0px 9px; } .crowdfunding-stats .column .header .filters .filter.on { background: left top no-repeat; color: rgb(27, 253, 255); text-shadow: rgb(27, 146, 255) 0px 0px 9px; } .crowdfunding-stats .column.timeline { width: 570px; } .crowdfunding-stats .column.timeline .body { background: no-repeat; width: 611px; height: 222px; margin-left: -20px; margin-top: 0px; } .crowdfunding-stats .column.timeline .body .y-axis { float: left; margin: 20px 0px 0px 40px; height: 180px; width: 70px; } .crowdfunding-stats .column.timeline .body .y-axis .mask { width: 100%; height: 180px; overflow: hidden; position: relative; } .crowdfunding-stats .column.timeline .body .y-axis .mask .y-axis-carousel { position: relative; } .crowdfunding-stats .column.timeline .body .y-axis .mask .y-axis-carousel > div { position: relative; float: left; } .crowdfunding-stats .column.timeline .body .y-axis .mask .y-axis-carousel > div > div { color: rgb(99, 140, 163); font-size: 11px; text-align: right; width: 70px; height: 30px; line-height: 30px; } .crowdfunding-stats .column.timeline .body #timeline-chart { width: 400px; height: 163px; float: left; margin: 31px 0px 0px 16px; } .crowdfunding-stats .column.timeline .body .x-axis { margin: 10px 0px 0px 152px; width: 350px; height: 32px; } .crowdfunding-stats .column.timeline .body .x-axis .mask { width: 350px; height: 180px; overflow: hidden; position: relative; } .crowdfunding-stats .column.timeline .body .x-axis .mask .x-axis-carousel { position: relative; } .crowdfunding-stats .column.timeline .body .x-axis .mask .x-axis-carousel > div { position: relative; float: left; width: 350px; } .crowdfunding-stats .column.timeline .body .x-axis .mask .x-axis-carousel > div > div { float: left; color: rgb(99, 140, 163); font-size: 11px; width: 50px; height: 30px; line-height: 30px; text-align: center; } .crowdfunding-stats .column.stats { margin-right: 0px; width: 570px; max-width: 570px; position: relative; } .crowdfunding-stats .column.stats .header h1 { width: 100%; } .crowdfunding-stats .column.stats .body { height: 285px; margin-left: 0px; background: center center no-repeat; } .crowdfunding-stats .column.stats .body .number-block { padding: 25px 0px 0px 125px; width: 150px; position: relative; } .crowdfunding-stats .column.stats .body .number-block .circles { width: 155px; height: 155px; position: absolute; left: -10px; top: -20px; } .crowdfunding-stats .column.stats .body .number-block .circles .circle_m { background: center center no-repeat; width: 90px; height: 90px; position: absolute; left: 50%; top: 50%; margin: -45px 0px 0px -45px; } .crowdfunding-stats .column.stats .body .number-block .circles .circle1 { background: center center no-repeat; width: 155px; height: 155px; position: absolute; left: 0px; top: 0px; } .crowdfunding-stats .column.stats .body .number-block .circles .circle2 { background: center center no-repeat; width: 110px; height: 110px; position: absolute; left: 50%; top: 50%; margin: -55px 0px 0px -55px; } .crowdfunding-stats .column.stats .body .number-block.fans { background: 0px 0px; margin-top: 0px; } .crowdfunding-stats .column.stats .body .number-block.fans .circles .icon, .crowdfunding-stats .column.stats .body .number-block.fleet .circles .icon { position: absolute; left: 50%; top: 50%; margin: -64px 0px 0px -52px; width: 104px; height: 128px; background: no-repeat; } .crowdfunding-stats .column.stats .body .number-block.fans .circles .circle1 { animation: 16s linear 0s infinite normal none running rotating; } .crowdfunding-stats .column.stats .body .number-block.fans .circles .circle2 { animation: 6s linear 0s infinite normal none running rotating_negative; } .crowdfunding-stats .column.stats .body .number-block.fans .circles .icon { background-position: center 18px; } .crowdfunding-stats .column.stats .body .number-block.fleet .circles .circle1 { animation: 12s linear 0s infinite normal none running rotating_negative; } .crowdfunding-stats .column.stats .body .number-block.fleet .circles .circle2 { animation: 8s linear 0s infinite normal none running rotating; } .crowdfunding-stats .column.stats .body .number-block.fleet .circles .icon { background-position: center -123px; } .crowdfunding-stats .column.stats .body .number-block .box { position: absolute; top: 120px; left: 0px; width: 270px; height: 86px; background: center center no-repeat; } .crowdfunding-stats .column.stats .body .number-block .box div { font-size: 14px; color: rgb(99, 140, 163); margin: 0px; position: relative; display: table-cell; vertical-align: middle; height: 86px; width: 270px; text-align: center; } .crowdfunding-stats .column.stats .body .number-block a.bracket-button { position: absolute; top: 215px; left: 22px; } #atoms-holder { background: center top repeat-x, center bottom repeat-x; padding-top: 40px; } #atoms { padding-top: 10px; padding-bottom: 100px; margin: 0px -5px; } #atoms .section { border-top: 3px solid rgb(91, 166, 220); float: left; width: 564px; margin: 0px 5px; } #atoms .section .header .top { height: 10px; width: 100%; background: repeat; } #atoms .section .header .bottom { height: 3px; width: 100%; background: repeat; } #atoms .section .header .glow-box { background-color: rgb(19, 208, 255); width: 11px; height: 5px; float: left; box-shadow: rgb(19, 208, 255) 0px 0px 10px; margin-top: 17px; margin-left: 18px; } #atoms .section .header h1 { font-family: Electrolize; color: rgb(255, 255, 255); float: left; line-height: 40px; height: 40px; text-transform: uppercase; font-size: 16px; margin: 0px 0px 0px 18px; } #atoms .section .header h2 { font-family: Electrolize; color: rgb(255, 41, 26); float: right; line-height: 40px; text-transform: uppercase; font-size: 16px; margin: 0px 24px 0px 0px; text-shadow: rgb(255, 41, 26) 0px 0px 0px, rgb(255, 41, 26) 0px 0px 4px; } #atoms .section .header.type-a { background: repeat; } #atoms #transmissions .filters { border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(52, 105, 147); background: repeat; padding: 25px 0px 16px 10px; margin-top: 4px; } #atoms #transmissions .filters.content-block3 .corner-top-left { display: none; } #atoms #transmissions .filters.content-block3 .corner-top-right { display: none; } #atoms #transmissions .filters.content-block3 .corner-bottom-left { left: 0px; } #atoms #transmissions .filters.content-block3 .corner-bottom-right { right: 0px; } #atoms #transmissions .filters .filter { display: block; float: left; background: no-repeat; width: 85px; height: 86px; margin: 0px 12px; } #atoms #transmissions .filters .filter.on { background: no-repeat; } #atoms #transmissions .filters .filter .icon { width: 85px; height: 71px; } #atoms #transmissions .filters .filter .arrow { width: 33px; height: 31px; margin: 0px auto; background: center center no-repeat; } #atoms #transmissions .filters .filter.on .arrow { width: 33px; height: 31px; background: center center no-repeat; } #atoms #transmissions .filters .filter.videos .icon { background: center center no-repeat; } #atoms #transmissions .filters .filter.images .icon { background: center center no-repeat; } #atoms #transmissions .filters .filter.arts .icon { background: center center no-repeat; } #atoms #transmissions .filters .filter.audios .icon { background: center center no-repeat; } #atoms #transmissions .filters .filter.generals .icon { background: center center no-repeat; } #atoms #transmissions .items { background: center top no-repeat rgb(1, 3, 4); padding: 21px 16px; border: 1px solid rgb(21, 37, 52); } #atoms #transmissions .items.content-block3 .corner-bottom-left { display: none; } #atoms #transmissions .items.content-block3 .corner-bottom-right { display: none; } #atoms #transmissions .items .separator { background: 0px 0px; height: 6px; box-shadow: none; margin: 1px 0px 0px; border-top: 1px solid rgb(10, 17, 23); border-bottom: 1px solid rgb(15, 28, 41); } #atoms #transmissions .items .separator .box { background-color: rgb(45, 252, 255); box-shadow: rgb(45, 252, 255) 0px 0px 30px; width: 6px; height: 6px; } #atoms #transmissions .items .separator.gold .box { background-color: rgb(230, 201, 41); box-shadow: rgb(230, 201, 41) 0px 0px 30px; } #atoms #transmissions .items .separator .right { float: right; } #atoms #transmissions .items .item { display: block; width: 530px; min-height: 123px; position: relative; overflow: hidden; } #atoms #transmissions .items .item > .background { opacity: 0; position: absolute; width: 530px; height: 100%; } #atoms #transmissions .items .item .text { padding: 19px 23px; width: 484px; position: relative; } #atoms #transmissions .items .item .text .icon { float: right; width: 52px; height: 52px; margin-bottom: -52px; margin-top: 10px; } #atoms #transmissions .items .item .text .glow-box { width: 11px; height: 5px; float: left; margin-top: 9px; } #atoms #transmissions .items .item .text h1 { float: left; font-family: Electrolize; margin: 0px 0px 0px 22px; color: rgb(255, 255, 255); font-size: 16px; text-transform: uppercase; width: 450px; } #atoms #transmissions .items .item .text .time { margin: 0px 0px 0px 33px; font-weight: 700; color: rgb(0, 162, 255); font-size: 11px; } #atoms #transmissions .items .item .text p { margin: 5px 0px 0px 33px; font-size: 11px; color: rgb(50, 85, 111); width: 380px; height: 32px; overflow: hidden; } #atoms #transmissions .items .item.general .text { background-color: rgba(0, 162, 255, 0); } #atoms #transmissions .items .item.development .text { background-color: rgba(255, 36, 19, 0); } #atoms #transmissions .items .item.community .text { background-color: rgba(19, 255, 27, 0); } #atoms #transmissions .items .item.lore .text { background-color: rgba(255, 125, 19, 0); } #atoms #transmissions .items .item:hover > .background { opacity: 0.2; } #atoms #transmissions .items .item:hover .text p { color: rgb(29, 151, 208); } #atoms #transmissions .items .item.development .text .icon { background: center center no-repeat; } #atoms #transmissions .items .item.general .text .icon { background: center center no-repeat; } #atoms #transmissions .items .item.community .text .icon { background: center center no-repeat; } #atoms #transmissions .items .item.lore .text .icon { background: center center no-repeat; } #atoms #transmissions .items .item.expanded { height: 280px; width: 530px; } #atoms #transmissions .items .item.expanded .background { opacity: 0.7; } #atoms #transmissions .items .item.expanded .icon { margin-top: 0px; } #atoms #transmissions .items .item.expanded .text { float: left; margin-top: 188px; background: rgba(0, 0, 0, 0.8); height: 54px; } #atoms #transmissions .items .item.expanded .text .time { display: none; } #atoms #transmissions .items .item.expanded:hover .background { opacity: 1; } #atoms #transmissions .items .item.development .text .glow-box { background-color: rgb(255, 36, 19); box-shadow: rgb(255, 36, 19) 0px 0px 12px; } #atoms #transmissions .items .item.general .text .glow-box { background-color: rgb(0, 162, 255); box-shadow: rgb(0, 162, 255) 0px 0px 12px; } #atoms #transmissions .items .item.community .text .glow-box { background-color: rgb(19, 255, 27); box-shadow: rgb(19, 255, 27) 0px 0px 12px; } #atoms #transmissions .items .item.lore .text .glow-box { background-color: rgb(255, 125, 19); box-shadow: rgb(255, 125, 19) 0px 0px 12px; } #atoms #transmissions .items .item.zebra1 { background: center top repeat-x, center bottom repeat-x, repeat; } #atoms #transmissions .items .item.zebra0 { background: repeat; } #atoms #transmissions .items .item.restricted .restricted-indicator { opacity: 0; position: absolute; background: rgba(0, 0, 0, 0.8); width: 530px; height: 119px; line-height: 119px; text-align: center; color: red; text-transform: uppercase; font-family: Electrolize; font-size: 50px; z-index: 12; } #atoms #transmissions .items .item.restricted.expanded .restricted-indicator { height: 280px; line-height: 280px; } #atoms #transmissions .items .item.restricted:hover { cursor: pointer; } #atoms #transmissions .items .item.restricted:hover .restricted-indicator { opacity: 1; } #atoms #transmissions .items .expandbtn { float: right; text-transform: uppercase; margin-top: 40px; } #home #transmissions .wiew-more-wrapper { background: rgb(0, 35, 56); height: 3px; width: 100%; margin-top: 80px; } #home #transmissions .wiew-more-wrapper .btn { margin: 0px auto; width: 170px; height: 30px; position: relative; top: -23px; } #home #commlink-holder { padding-bottom: 75px; } #atoms #events .countdown { border-top: 1px solid rgb(52, 105, 147); border-left: 1px solid rgb(21, 37, 52); border-right: 1px solid rgb(21, 37, 52); margin-top: 4px; background: left -50px repeat-x, center bottom no-repeat; height: 56px; padding: 28px 19px; box-shadow: rgb(0, 0, 0) 0px -10px 12px -9px inset; } #atoms #events .countdown h1 { font-family: Electrolize; text-transform: uppercase; font-size: 14px; color: rgb(82, 114, 145); margin: 0px; } #atoms #events .countdown .countdown-items { margin: 0px -18px 0px -8px; } #atoms #events .countdown .countdown-item { background: no-repeat; width: 18px; height: 18px; float: left; margin: 7px; } #atoms #events .countdown .countdown-item .glow { margin: 9px; width: 0px; height: 0px; box-shadow: rgb(10, 92, 180) 0px 0px 18px 6px; } #atoms #events .event-list .event { background: center top no-repeat scroll; height: 77px; padding: 24px 17px; border-color: rgb(21, 37, 52); border-bottom-width: 0px; } #atoms #events .event-list .event.first { background: center top no-repeat scroll, center top no-repeat scroll; border-top-width: 0px; } #atoms #events .event-list .event.first .corner-top-left, #atoms #events .event-list .event.first .corner-top-right { display: none; } #atoms #events .event-list .event.last .corner-bottom-left, #atoms #events .event-list .event.last .corner-bottom-right { display: none; } #atoms #events .event-list .event.last { border-bottom-width: 3px; } #atoms #events .event-list .event > img { float: left; width: 78px; height: 78px; border: 1px solid rgb(86, 106, 131); } #atoms #events .event-list .event .details { float: left; margin-left: 17px; width: 430px; } #atoms #events .event-list .event .details h1 { margin: -4px 0px 0px; } #atoms #events .event-list .event .details h1 a { font-size: 16px; color: rgb(255, 255, 255); text-transform: uppercase; display: block; font-family: Electrolize; } #atoms #events .event-list .event .details h1 .glow-box { background-color: rgb(0, 255, 255); width: 11px; height: 5px; float: left; box-shadow: rgb(0, 255, 255) 0px 0px 10px; margin-top: 8px; margin-right: 16px; } #atoms #events .event-list .event .details h2 { color: rgb(0, 162, 255); font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin: 0px; } #atoms #events .event-list .event .details p { color: rgb(72, 119, 154); font-size: 11px; } #atoms #events .event-list .event.live .details h1 a { color: rgb(35, 255, 19); } #atoms #events .event-list .event.live .details h1 .glow-box { background-color: rgb(35, 255, 19); box-shadow: rgb(35, 255, 19) 0px 0px 10px; } #atoms #events .event-list .expandbtn { float: right; top: -26px; margin-right: 17px; text-transform: uppercase; } #bincountdowncontainer { height: 364px; opacity: 1; width: 380px; z-index: 2; margin: -10px 0px; } #binrotators { height: 100%; width: 100%; } .binrotator { background: 0px 0px no-repeat scroll transparent; } #binrotator-1 { position: absolute; background-position: -1734px 0px; height: 81px; margin-left: 124px; margin-top: 122px; width: 77px; } #binrotator-2 { position: absolute; background-position: -1625px 0px; height: 111px; margin-left: 108px; margin-top: 107px; width: 109px; } #binrotator-3 { position: absolute; background-position: -1484px 0px; height: 141px; margin-left: 93px; margin-top: 92px; width: 141px; } #binrotator-4 { position: absolute; background-position: -1313px 0px; height: 171px; margin-left: 78px; margin-top: 77px; width: 171px; } #binrotator-5 { position: absolute; background-position: -1112px 0px; height: 201px; margin-left: 62px; margin-top: 62px; width: 201px; } #binrotator-6 { position: absolute; background-position: -879px 0px; height: 231px; margin-left: 47px; margin-top: 47px; width: 233px; } #binrotator-7 { position: absolute; background-position: -616px 0px; height: 261px; margin-left: 32px; margin-top: 32px; width: 263px; } #binrotator-8 { position: absolute; background-position: -323px 0px; height: 291px; margin-left: 16px; margin-top: 17px; width: 293px; } #binrotator-9 { position: absolute; background-position: 0px 0px; height: 321px; margin-left: 1px; margin-top: 2px; width: 323px; } #event-feed .feed-details #livetext { color: rgb(0, 255, 0); display: none; position: relative; text-align: center; text-shadow: rgb(0, 255, 0) 0px 0px 25px; top: -235px; z-index: 3; font-size: 32px; } #atoms #media .filters { float: right; } #atoms #media .media-list { margin: 0px -7.5px; border-bottom: 3px solid rgb(21, 37, 52); padding-bottom: 25px; } #atoms #media .media-list .media-item { width: 162px; height: 112px; float: left; margin: 6.5px; padding: 8px; display: block; } #atoms #media .media-list .media-item .media { width: 162px; height: 112px; } #atoms #media .media-list .media-item .media .text { background: rgba(0, 0, 0, 0.8); margin-top: 72px; padding: 12px 10px; width: 142px; height: 16px; float: left; font-size: 10px; color: rgb(89, 164, 198); } #atoms #media .expandbtn { float: right; top: -26px; margin-right: 17px; text-transform: uppercase; } #channel .hr { background-color: rgb(0, 158, 255); opacity: 0.15; height: 8px; width: 100%; margin: 6px 0px; } #channel .content-block4 h1 { color: rgb(0, 231, 255); text-transform: uppercase; font-size: 24px; font-family: Electrolize; background: left center no-repeat; padding-left: 60px; } #channel .content-block4 h1 a { color: rgb(0, 231, 255); text-transform: uppercase; font-size: 24px; font-family: Electrolize; } #channel .content-block4 .subtitle { font-family: Electrolize; float: right; color: rgb(255, 48, 0); text-shadow: rgb(255, 48, 0) 0px 0px 4px; font-size: 16px; text-transform: uppercase; line-height: 66px; margin-right: 30px; } #channel .content-block4.filters { margin: 30px 0px 0px; } #channel .content-block4.filters .content .selectlist-container { float: left; margin: 12px 5px 0px; } #channel .content-block4.filters .content .selectlist-container .label { font-size: 11px; text-transform: uppercase; color: rgb(255, 255, 255); font-weight: 700; } #channel .content-block4.filters .content .selectlist-container .selectlist { float: right; margin: 5px 0px 0px; width: 198px; height: 51px; background: no-repeat; border: none; } #channel .content-block4.filters .content .selectlist-container.small .selectlist { width: 125px; background-position: 100% 0px; } #channel .content-block4.filters .content .selectlist-container.small .selectlist > span { width: 40%; } #channel .content-block4.filters .content .selectlist-container.small .selectlist ul { width: 77px; } #channel .content-block4.filters .content .selectlist-container.small .selectlist ul li { width: 77px; } #channel .content-block4.filters .content .selectlist-container .selectlist .arrow { background: center center no-repeat scroll transparent; width: 50px; height: 40px; } #channel .content-block4.filters .content .selectlist-container .selectlist span { height: 30px; line-height: 30px; } #channel .content-block4.filters .content .selectlist-container select.selectlist { height: 41px; padding-top: 0px; vertical-align: top; padding-left: 10px; background: no-repeat, 164px 14px no-repeat scroll transparent; } #channel .content-block4.filters .content .selectlist-container .selectlist ul { width: 150px; } #channel .content-block4.filters .content .selectlist-container .selectlist ul li { width: 150px; } #channel .content-block4.filters .content .selectlist-container .selectlist .scrollable { background: 0px 0px repeat scroll rgb(0, 0, 0); max-height: 120px; width: auto; } #channel .content-block4.filters .content .selectlist-container .selectlist .scrollable .viewport { width: 169px; } #channel .content-block4.filters .content .selectlist-container .selectlist .scrollable .viewport .body { background: 0px 0px; } #channel .content-block4.filters .content .corner-wrapper { width: 200px; margin: 34px 10px 0px; float: left; } #channel .content-block4.filters .content .corner-wrapper input[type="text"] { border: 1px solid rgb(24, 76, 111); } #channel .content-block4.filters .content form > .selectlist { width: 80px; height: 35px; margin: 34px 6px 15px; float: left; background-color: rgba(0, 0, 0, 0.4); border: 1px solid rgb(24, 76, 111); } #channel .content-block4.filters .content form > .selectlist .arrow { height: 35px; background-position: center center; } #channel .content-block4.filters .content form > .selectlist > span { width: auto; height: 28px; line-height: 28px; } #channel .content-block4.filters .content form > select.selectlist { background: 40px -7px no-repeat; } #channel .content-block4.filters .content form > fieldset { margin: 38px 6px 10px; float: left; } #channel .hub-blocks { margin-right: -40px; margin-bottom: 40px; } #channel .hub-blocks .no-results { text-align: center; font-size: 30px; color: rgb(255, 255, 255); font-family: Electrolize; margin-top: 50px; } #channel .hub-block { padding: 10px; margin-top: 40px; display: block; float: left; margin-right: 30px; } #channel .hub-block > .title-holder > .title { font-family: Electrolize; } #channel .hub-block > img { display: block; } #channel .hub-block .type { background: no-repeat; float: right; height: 33px; width: 120px; position: absolute; right: 10px; z-index: 5; } #channel .hub-block .type .icon { float: left; width: 14px; height: 14px; background-position: center center; background-repeat: no-repeat; display: block; margin: 7px 8px 0px 40px; } #channel .hub-block .type span { margin-top: 7px; color: rgb(81, 219, 255); font-size: 11px; font-style: italic; text-transform: capitalize; } #channel .hub-block .type.post .icon { background-image: ; } #channel .hub-block .type.slideshow .icon { background-image: ; } #channel .hub-block .type.video .icon { background-image: ; } #channel .hub-block .type.poll .icon { background-image: ; } #channel .hub-block .type.event .icon { background-image: ; } #channel .hub-block .over { opacity: 0; background: ; overflow: hidden; position: absolute; z-index: 10; top: 10px; } #channel .hub-block .over .scroller { padding: 0px 30px; opacity: 0; text-align: center; display: table; height: 100%; } #channel .hub-block.full .over .scroller { width: 1059px; } #channel .hub-block.two_thirds .over .scroller { width: 669px; } #channel .hub-block .over .scroller .body { position: relative; color: rgb(126, 152, 162); font-size: 12px; line-height: 20px; display: table-cell; vertical-align: middle; padding-top: 30px; opacity: 0; transition-duration: 0.1s; perspective: 1000px; transition-timing-function: linear; transition-delay: 0.2s; } #channel .hub-block .over .scroller .body h1 { font-family: Electrolize; color: rgb(0, 255, 252); font-size: 18px; text-shadow: rgb(0, 255, 252) 0px 0px 1px; } #channel .hub-block .over .scroller .body h2 { color: rgb(126, 152, 162); font-size: 12px; line-height: 20px; margin-top: 20px; font-weight: 700; } #channel .hub-block .over .scroller .body h3 { color: rgb(126, 152, 162); font-size: 12px; line-height: 20px; margin-top: 20px; font-weight: 700; } #channel .hub-block .over .scroller .body p { color: rgb(126, 152, 162); font-size: 16px; line-height: 24px; margin-top: 20px; } #channel .hub-block:hover .over { opacity: 1; } #channel .hub-block:hover .over .scroller { opacity: 1; } #channel .hub-block:hover .over .scroller .body { padding-top: 0px; opacity: 1; } #channel .hub-block.full { width: 1119px; height: 315px; } #channel .hub-block.full > .title-holder { display: table-cell; vertical-align: middle; height: 315px; width: 1119px; position: relative; } #channel .hub-block.full > .title-holder .title { width: 1119px; color: rgb(255, 255, 255); text-shadow: rgb(0, 0, 0) 3px 3px; font-size: 60px; text-transform: uppercase; text-align: center; } #channel .hub-block.full > .background { position: absolute; opacity: 0.6; width: 1119px; height: 315px; background-size: cover; background-position: center center; } #channel .hub-block.full > .text { background: rgba(0, 0, 0, 0.8); padding: 20px; height: 10px; width: 1079px; font-size: 12px; position: absolute; margin-top: -50px; } #channel .hub-block.full > .text .comments { background: left center no-repeat; padding-left: 18px; padding-bottom: 3px; line-height: 11px; float: right; font-size: 11px; color: rgb(0, 204, 255); } #channel .hub-block.full > .text .time_ago { color: rgb(94, 122, 141); font-weight: 700; border-right: 1px solid rgb(74, 66, 65); float: left; line-height: 14px; padding-right: 13px; } #channel .hub-block.full > .text .time_ago .value { color: rgb(0, 204, 255); font-weight: 400; } #channel .hub-block.full > .text .section { color: rgb(103, 128, 136); font-style: italic; border-left: 1px solid rgb(159, 157, 155); float: left; line-height: 14px; padding-left: 13px; } #channel .hub-block.full .over { width: 1119px; height: 315px; } #channel .hub-block.full:hover > .title { opacity: 0.2; } #channel .hub-block.two_thirds { width: 729px; height: 315px; } #channel .hub-block.two_thirds > .title-holder { display: table-cell; vertical-align: middle; height: 315px; width: 729px; position: relative; } #channel .hub-block.two_thirds > .title-holder .title { width: 100%; color: rgb(255, 255, 255); text-shadow: rgb(0, 0, 0) 3px 3px; font-size: 60px; text-transform: uppercase; text-align: center; } #channel .hub-block.two_thirds > .background { position: absolute; opacity: 0.6; width: 729px; height: 315px; background-size: cover; background-position: center center; } #channel .hub-block.two_thirds > .text { background: rgba(0, 0, 0, 0.8); padding: 20px; height: 10px; width: 689px; font-size: 12px; position: absolute; margin-top: -50px; } #channel .hub-block.two_thirds > .text .comments { background: left center no-repeat; padding-left: 18px; padding-bottom: 3px; line-height: 11px; float: right; font-size: 11px; color: rgb(0, 204, 255); } #channel .hub-block.two_thirds > .text .time_ago { color: rgb(94, 122, 141); font-weight: 700; border-right: 1px solid rgb(74, 66, 65); float: left; line-height: 14px; padding-right: 13px; } #channel .hub-block.two_thirds > .text .time_ago .value { color: rgb(0, 204, 255); font-weight: 400; } #channel .hub-block.two_thirds > .text .section { color: rgb(103, 128, 136); font-style: italic; border-left: 1px solid rgb(159, 157, 155); float: left; line-height: 14px; padding-left: 13px; } #channel .hub-block.two_thirds:hover > .title { opacity: 0.2; } #channel .hub-block.two_thirds .over { width: 729px; height: 315px; } #channel .hub-block.one_third { width: 338px; height: 315px; } #channel .hub-block.one_third > .title-holder { display: block; vertical-align: middle; position: absolute; margin-top: 26px; width: 100%; } #channel .hub-block.one_third .title-holder .title { color: rgb(255, 255, 255); text-shadow: rgb(0, 0, 0) 3px 3px; font-size: 18px; } #channel .hub-block.one_third > .background { position: relative; width: 338px; height: 210px; background-size: cover; background-position: center center; } #channel .hub-block.one_third > .text { position: absolute; width: 338px; height: 90px; margin-top: 10px; } #channel .hub-block.one_third > .text .comments { position: absolute; right: 0px; background: left center no-repeat; padding-left: 18px; padding-bottom: 3px; line-height: 11px; float: right; font-size: 11px; color: rgb(0, 204, 255); } #channel .hub-block.one_third > .text .time_ago { position: absolute; margin-top: 80px; color: rgb(94, 122, 141); font-weight: 700; float: left; line-height: 14px; font-size: 11px; } #channel .hub-block.one_third > .text .time_ago .value { color: rgb(0, 204, 255); font-weight: 400; } #channel .hub-block.one_third > .text .section { position: absolute; margin-top: 0px; font-size: 11px; margin-left: 0px; color: rgb(103, 128, 136); font-style: italic; float: left; line-height: 14px; } #channel .hub-block.one_third .over { width: 338px; height: 315px; } #channel .hub-block.restricted .restricted-indicator { opacity: 0; position: absolute; background: rgba(0, 0, 0, 0.8); width: 530px; height: 315px; line-height: 315px; text-align: center; color: red; text-transform: uppercase; font-family: Electrolize; font-size: 50px; z-index: 12; } #channel .hub-block.restricted.one_third .restricted-indicator { width: 338px; font-size: 30px; } #channel .hub-block.restricted.two_thirds .restricted-indicator { width: 729px; } #channel .hub-block.restricted.full .restricted-indicator { width: 1119px; } #channel .hub-block.restricted:hover { cursor: pointer; } #channel .hub-block.restricted:hover .restricted-indicator { opacity: 1; } #channel .hub-block.gold .corner { background-image: ; } #post-background { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 9; opacity: 0.3; background-repeat: no-repeat; background-size: cover; } #post { position: relative; z-index: 10; margin-bottom: 100px; } #post .title-bar-container { width: 1161px; height: 107px; position: relative; } #post .title-bar-container .glow { width: 0px; height: 0px; position: absolute; top: 50px; box-shadow: rgba(0, 153, 255, 0.6) -5px 0px 80px 25px; z-index: -1; } #post .title-bar-container .glow.left { left: 75px; } #post .title-bar-container .glow.right { right: 55px; } #post .title-bar-container .title-bar { background: 0px 0px no-repeat; width: 1157px; height: 107px; float: left; } #post .title-bar-container .title-bar .title { background: left center no-repeat; position: absolute; margin-top: 23px; margin-left: 70px; padding: 0px 0px 0px 75px; width: 33%; min-height: 68px; } #post .title-bar-container .title-bar .title h1 { color: rgb(10, 255, 255); text-transform: uppercase; font-size: 24px; line-height: 42px; margin: 0px; padding: 13px 0px 0px; width: 95%; text-overflow: ellipsis; white-space: nowrap; text-shadow: rgb(0, 163, 255) 0px 0px 17px; } #post .title-bar-container .title-bar .title.with-subtitle h1 { line-height: 26px; } #post .title-bar-container .title-bar .title h2 { color: rgb(123, 155, 177); font-style: italic; font-size: 12px; line-height: 18px; margin: 0px; width: 60%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #post .title-bar-container .title-bar .details { position: absolute; right: 9%; margin-top: 31px; background: center top no-repeat; } #post .title-bar-container .title-bar .details > div { background: left center no-repeat; float: left; padding: 7px 0px; min-width: 5px; height: 37px; } #post .title-bar-container .title-bar .details > div h3 { font-family: Electrolize; font-size: 11px; color: rgb(77, 134, 153); text-transform: uppercase; margin: 0px; padding: 4px 34px 0px; } #post .title-bar-container .title-bar .details > div p { font-family: Electrolize; font-size: 11px; color: rgb(0, 189, 253); text-transform: uppercase; margin: 0px; padding: 0px 34px; } #post .title-section .title-container { background: center center repeat rgba(0, 0, 0, 0.8); top: -40px; position: relative; padding: 40px 0px 0px; margin-bottom: -40px; } #post .title-section .title-container .title { font-family: Electrolize; font-size: 72px; color: rgb(255, 255, 255); text-align: center; text-shadow: rgb(13, 168, 255) 0px 0px 65px; width: 80%; margin: 42px auto 0px; line-height: 82px; z-index: 12; position: relative; } #post .title-section .title-container .title.no-subtitle { padding-bottom: 40px; } #post .title-section .title-container .subtitle { font-size: 14px; color: rgb(85, 107, 120); font-style: italic; text-align: center; width: 60%; margin: 10px auto 0px; z-index: 12; position: relative; padding-bottom: 40px; } #post .title-section .small-title-container { background: center top repeat-x; min-height: 75px; border-top: 9px solid rgb(0, 0, 0); max-width: 1139px; margin: 0px auto; } #post .title-section .small-title-container .title { font-size: 30px; font-family: Electrolize; color: rgb(255, 255, 255); text-align: center; text-shadow: rgb(255, 255, 255) 0px 0px 0px, rgb(255, 255, 255) 0px 0px 12px; margin-top: 8px; } #post .title-section .small-title-container .subtitle { font-size: 14px; color: rgb(85, 107, 120); font-style: italic; text-align: center; margin: 0px auto; z-index: 12; position: relative; } #post .subtitle-bar { width: 100%; margin-top: 22px; } #post .subtitle-bar td { vertical-align: top; padding: 0px; margin: 0px; } #post .subtitle-bar .left { max-width: 576px; } #post .subtitle-bar .left .top { background: 0% 0% / cover no-repeat; height: 60px; } #post .subtitle-bar .left h1 { text-transform: uppercase; background: 10px center no-repeat; padding: 0px 80px 0px 85px; font-size: 24px; margin-top: -46px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 56px; line-height: 56px; } #post .subtitle-bar .center { background: no-repeat; width: 26px; height: 60px; display: block; } #post .subtitle-bar .right { height: 48px; width: 100%; } #post .subtitle-bar .right .top { background: right top repeat-x; height: 28px; } #post .subtitle-bar .right .bottom { background: 0% 0% / cover repeat-x; height: 32px; } #post #comments_frame { display: none; } #contentbody.no-title #post > .toplightbar { display: none; } #contentbody ol { list-style-type: decimal; } .atom-special-block { padding: 30px; background: left top repeat-x, left bottom repeat-x; border-top: 1px solid rgb(23, 62, 86); border-bottom: 1px solid rgb(23, 62, 86); } .atom-special-block .details { width: 324px; height: 306px; padding: 30px; float: left; background: no-repeat; margin-left: 26px; } .rsi-markup { margin-top: 30px; padding: 0px; background: left top repeat-x, left bottom repeat-x, rgba(0, 0, 0, 0.4); } .rsi-markup .segment { font-size: 12px; color: rgb(106, 187, 207); line-height: 28px; background: ; } .rsi-markup .segment .content { margin: 80px 50px 50px; padding: 40px 40px 30px; font-size: 14px; } .rsi-markup .segment .content .community-subscribers-video-banner { display: block; position: absolute; top: -12px; left: 68px; background: 0px 0px no-repeat; width: 163px; height: 96px; overflow: hidden; text-indent: -999em; } .rsi-markup .segment .content p { font-size: 14px; color: rgb(106, 187, 207); line-height: 28px; max-width: 774px; width: 75%; min-width: 300px; } .rsi-markup .segment .content p a, .rsi-markup .segment .content li a { border-bottom: 1px dotted rgb(169, 199, 207); color: rgb(169, 199, 207); transition-duration: 0.3s; perspective: 1000px; } .rsi-markup .segment .content p a:hover, .rsi-markup .segment .content li a:hover { border-bottom: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); } .rsi-markup .segment .content h1 { font-family: Electrolize; font-size: 50px; line-height: 50px; margin-top: 70px; text-shadow: rgba(255, 255, 255, 0.4) 0px 0px 60px; } .rsi-markup .segment .content h1 .caps { font-family: Electrolize; } .rsi-markup .segment .content h2 { font-family: Electrolize; font-size: 26px; margin-top: 70px; text-shadow: rgba(11, 13, 16, 0.5) 1px 1px 1px; } .rsi-markup .segment .content h2 .caps { font-family: Electrolize; } .rsi-markup .segment .content h6 { line-height: 28px; max-width: 774px; width: 75%; min-width: 300px; } .rsi-markup .segment .content ul li { background: 0px 13px no-repeat; padding-left: 10px; list-style: none; } .rsi-markup .segment .content p .initial { font-size: inherit; margin-right: 0px; } .rsi-markup .segment .content ul { padding: 0px 0px 0px 5%; width: 70%; min-width: 300px; } .rsi-markup .segment .content ul ul, .rsi-markup .segment .content ul ol, .rsi-markup .segment .content ol ul, .rsi-markup .segment .content ol ol { min-width: 280px; } .rsi-markup .segment .content ol { list-style-position: inside; } .rsi-markup .segment .content ol li { padding-left: 10px; } .rsi-markup .segment .content .image { float: right; width: auto; border: 1px solid rgb(25, 38, 50); border-radius: 10px; background-color: rgb(1, 7, 10); display: block; margin: 20px 0px 30px 20px; } .rsi-markup .segment .content .image img { border: 1px solid rgb(101, 153, 168); border-radius: 10px; margin: -1px; max-height: 450px; } .rsi-markup .segment .content .image .caption { color: rgb(101, 129, 138); font-style: italic; font-size: 12px; text-align: center; padding: 20px 40px; display: block; width: 420px; } .rsi-markup .segment .content p .caps { text-transform: uppercase; } .rsi-markup .segment .content .embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0px; overflow: hidden; margin: -20px; } .rsi-markup .segment .content .embed-container iframe, .rsi-markup .segment .content .embed-container object, .rsi-markup .segment .content .embed-container embed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .rsi-markup .segment .content .video-holder { height: 500px; } .rsi-markup .segment .content table { margin: 10px 0px; } .rsi-markup .segment .content table tr td { border-bottom: 1px dashed rgb(70, 95, 122); padding: 25px 15px; background-color: rgba(0, 0, 0, 0.3); text-align: center; line-height: 16px; } .rsi-markup .segment .content table tr td label { font-style: italic; color: rgb(106, 187, 207); display: inline; font-weight: 400; font-size: 13px; } .rsi-markup .segment .content table thead tr td { background-color: rgb(14, 25, 39); color: rgb(255, 255, 255); font-weight: 700; } .rsi-markup .segment .content table tfoot tr td { background-color: rgb(0, 0, 0); border-bottom: none; } #post > .fixed-empty { margin: 0px auto; max-width: 1140px; min-width: 260px; padding: 0px 30px; width: auto; } #post > .fixed-empty > .content-block1 { background: 0px 0px; border: none; } #post > .fixed-empty > .content-block1 > .corner { display: none; } #post > .fixed-empty > .content-block1 > .top-line { display: none; } #post > .fixed-empty > .content-block1 .segment > .content { padding: 0px; margin: 50px 0px; } #post > .full-empty > .content-block1 { background: 0px 0px; border: none; } #post > .full-empty > .content-block1 > .corner { background: 0px 0px; } .rsi-markup .segment.text_on_image .content p, .rsi-markup .segment.left_text_on_image .content p { min-width: auto; width: auto; } .rsi-markup .segment.text_on_image, .rsi-markup .segment.left_text_on_image { width: 100%; background-size: cover; margin: 0px; padding: 0px; min-height: 500px; background-position: center center; } .rsi-markup .segment.text_on_image .content, .rsi-markup .segment.left_text_on_image .content { background: 0px 0px; margin: 50px; width: 30%; padding: 30px; float: left; min-width: 400px; } .rsi-markup .segment.right_text_on_image { width: 100%; background-size: cover; margin: 0px; padding: 0px; min-height: 500px; background-position: center center; } .rsi-markup .segment.right_text_on_image .content { background: 0px 0px; margin: 50px; width: 30%; padding: 30px; float: right; min-width: 400px; } .rsi-markup .segment.right_text_on_image .content p { min-width: auto; width: auto; } .rsi-markup .segment.rectangles_under_h1 { background-position: right top; background-repeat: no-repeat; } .rsi-markup .segment.rectangles_under_h1 .content { background: 0px 0px; } .rsi-markup .segment.rectangles_under_h1 .content h1 { background: -30px 9px no-repeat scroll rgba(0, 0, 0, 0); padding: 50px; text-align: left; color: rgb(0, 228, 255); font-family: Electrolize; font-size: 20px; margin: 10px 0px 35px -50px; text-transform: uppercase; line-height: 25px; } #post .content-block2 { margin-top: 12px; } #post .content-block2 .content img { width: 100%; } #post .content-block4 { margin-top: 50px; } #post .content-block4 .content h1 { background: left center no-repeat; padding-left: 65px; margin: 0px; font-size: 24px; color: rgb(0, 231, 255); text-transform: uppercase; text-shadow: rgb(0, 224, 255) 0px 0px 0px, rgb(0, 160, 182) 0px 0px 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 57px; line-height: 57px; } #post .hr { margin-top: 6px; } #post .end-transmission-container { width: 1140px; height: 107px; margin: 25px auto 70px; position: relative; } #post .end-transmission-container .glow { width: 0px; height: 0px; position: absolute; top: 50px; box-shadow: rgba(0, 153, 255, 0.6) -5px 0px 80px 25px; z-index: -1; } #post .end-transmission-container .glow.left { left: 45px; } #post .end-transmission-container .glow.right { right: 25px; } #post .end-transmission-container .title-bar { background: 0px 0px no-repeat; width: 1157px; height: 107px; float: left; } #post .end-transmission-container .title-bar h1 { background: left center no-repeat; color: rgb(255, 41, 26); text-transform: uppercase; font-size: 24px; line-height: 50px; margin: 30px 0px 30px 100px; padding: 0px 0px 0px 50px; white-space: nowrap; overflow: hidden; text-shadow: rgb(255, 44, 44) 0px 0px 20px; } #post .tag-wrapper { margin: 0px 25px; } #post .two-line-separator { margin-top: 8px; } #post .channel-banner .header-container { background: repeat; } #post .channel-banner .header-container .header-background-image { background-repeat: no-repeat; background-position: 0px 0px; } #post .channel-banner .header { background: repeat; } #post .channel-banner .header .wrapper { min-height: 285px; } #post .channel-banner .header .wrapper .image { float: left; border: 1px solid rgb(186, 216, 227); height: 210px; width: 338px; background-repeat: no-repeat; background-position: center center; background-size: cover; margin: 30px 0px 0px 42px; } #post .channel-banner .header .wrapper .texts { float: left; width: 610px; } #post .channel-banner .header .wrapper .title { margin-left: 50px; padding-top: 40px; } #post .channel-banner .header .wrapper .title .presented-by { font-size: 12px; font-weight: 700; font-style: italic; color: rgb(123, 155, 177); } #post .channel-banner .header .wrapper .title h1 { font-family: Electrolize; font-size: 30px; color: rgb(255, 255, 255); float: left; margin: 0px 40px 15px 0px; } #post .channel-banner .header .wrapper .title .holobtn { float: left; } #post .channel-banner .header .wrapper .title .holobtn .holobtn-top { text-transform: uppercase; } #post .channel-banner .header .wrapper p { font-size: 12px; color: rgb(86, 126, 138); line-height: 22px; margin-left: 50px; } #post .channel-banner .content-carousel { height: 389px; background: repeat-x; } #post .channel-banner .content-carousel .carousel-mask { width: 100%; height: 362px; overflow: hidden; position: relative; padding-top: 25px; background: repeat; } #post .channel-banner .content-carousel .carousel-mask .centerer { position: relative; left: 50%; margin-left: -168px; } #post .channel-banner .content-carousel .carousel-mask .carousel { position: relative; } #post .channel-banner .content-carousel .carousel-mask .carousel .series-carousel-item { display: block; width: 336px; height: 313px; margin: 2px 12px; float: left; border: 1px solid rgb(0, 153, 190); opacity: 0.5; } #post .channel-banner .content-carousel .carousel-mask .carousel .series-carousel-item .type { background: no-repeat; float: right; height: 33px; width: 120px; position: absolute; right: 8px; z-index: 5; } #post .channel-banner .content-carousel .carousel-mask .carousel .series-carousel-item .type .icon { float: left; width: 14px; height: 14px; background-position: center center; background-repeat: no-repeat; display: block; margin: 10px 11px 0px 38px; } #post .channel-banner .content-carousel .carousel-mask .carousel .series-carousel-item .type span { margin-top: 7px; color: rgb(81, 219, 255); font-size: 11px; font-style: italic; text-transform: capitalize; line-height: 34px; } #post .channel-banner .content-carousel .carousel-mask .carousel .series-carousel-item .type.post .icon { background-image: ; } #post .channel-banner .content-carousel .carousel-mask .carousel .series-carousel-item .type.slideshow .icon { background-image: ; } #post .channel-banner .content-carousel .carousel-mask .carousel .series-carousel-item .type.video .icon { background-image: ; } #post .channel-banner .content-carousel .carousel-mask .carousel .series-carousel-item .type.poll .icon { background-image: ; } #post .channel-banner .content-carousel .carousel-mask .carousel .series-carousel-item .type.event .icon { background-image: ; } #post .channel-banner .content-carousel .carousel-mask .carousel .series-carousel-item .image { width: 338px; height: 210px; background-position: center center; background-size: cover; } #post .channel-banner .content-carousel .carousel-mask .carousel .series-carousel-item > .title { position: absolute; margin-top: 26px; width: 336px; color: rgb(255, 255, 255); text-shadow: rgb(0, 224, 255) 0px 0px 0px, rgb(0, 160, 182) 0px 0px 11px; font-size: 18px; font-family: Electrolize; } #post .channel-banner .content-carousel .carousel-mask .carousel .series-carousel-item > .text { position: absolute; width: 336px; height: 90px; margin-top: 10px; } #post .channel-banner .content-carousel .carousel-mask .carousel .series-carousel-item > .text .comments { position: absolute; right: 0px; background: left center no-repeat; padding-left: 18px; padding-bottom: 3px; line-height: 11px; float: right; font-size: 11px; color: rgb(0, 204, 255); margin-top: 80px; } #post .channel-banner .content-carousel .carousel-mask .carousel .series-carousel-item > .text .time_ago { position: absolute; margin-top: 80px; color: rgb(94, 122, 141); font-weight: 700; float: left; line-height: 14px; font-size: 11px; } #post .channel-banner .content-carousel .carousel-mask .carousel .series-carousel-item > .text .time_ago .value { color: rgb(0, 204, 255); font-weight: 400; margin-left: 3px; } #post .channel-banner .content-carousel .carousel-mask .carousel .series-carousel-item > .text .section { position: absolute; margin-top: 0px; font-size: 11px; margin-left: 0px; color: rgb(103, 128, 136); font-style: italic; float: left; line-height: 14px; text-transform: capitalize; } #post .channel-banner .content-carousel .carousel-mask .carousel .series-carousel-item .selected-top { opacity: 0; width: 275px; height: 4px; background-color: rgb(255, 255, 255); position: relative; margin: -22px auto 10px; } #post .channel-banner .content-carousel .carousel-mask .carousel .series-carousel-item .selected-top .arrow { width: 0px; height: 0px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid rgb(255, 255, 255); margin: 8px auto; } #post .channel-banner .content-carousel .carousel-mask .carousel .series-carousel-item .selected-bottom { opacity: 0; width: 275px; height: 4px; background-color: rgb(255, 255, 255); position: relative; margin: 113px auto 0px; } #post .channel-banner .content-carousel .carousel-mask .carousel .series-carousel-item .selected-bottom .arrow { width: 0px; height: 0px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid rgb(255, 255, 255); margin: 8px auto; position: relative; top: -4px; } #post .channel-banner .content-carousel .carousel-mask .carousel .series-carousel-item.on { background: repeat; opacity: 1; } #post .channel-banner .content-carousel .carousel-mask .carousel .series-carousel-item.on .selected-bottom { opacity: 1; } #post .channel-banner .content-carousel .carousel-mask .carousel .series-carousel-item.on .selected-top { opacity: 1; } #post .channel-banner .content-carousel .carousel-mask > .shadow { width: 140px; height: 389px; position: absolute; z-index: 10; top: 0px; } #post .channel-banner .content-carousel .carousel-mask > .left-shadow { box-shadow: rgb(0, 0, 0) 120px 0px 80px -69px inset; } #post .channel-banner .content-carousel .carousel-mask > .right-shadow { box-shadow: rgb(0, 0, 0) -120px 0px 80px -69px inset; right: 0px; } #post .channel-banner .content-carousel .carousel-mask > a { background-image: ; background-repeat: no-repeat; display: block; position: absolute; z-index: 12; top: 120px; width: 117px; height: 146px; } #post .channel-banner .content-carousel .carousel-mask > a.off { opacity: 0.5; } #post .channel-banner .content-carousel .carousel-mask > a .hover { opacity: 0; background-image: ; background-repeat: no-repeat; width: 100%; height: 100%; position: relative; z-index: 13; } #post .channel-banner .content-carousel .carousel-mask > a:hover .hover { opacity: 1; } #post .channel-banner .content-carousel .carousel-mask > a.off:hover { cursor: default; } #post .channel-banner .content-carousel .carousel-mask .prev { background-position: 0px -402px; } #post .channel-banner .content-carousel .carousel-mask .prev .hover { background-position: 0px 0px; } #post .channel-banner .content-carousel .carousel-mask .prev.off .hover { background-position: 0px -402px; } #post .channel-banner .content-carousel .carousel-mask .next { background-position: 0px -134px; right: 0px; } #post .channel-banner .content-carousel .carousel-mask .next .hover { background-position: 0px -268px; } #post .channel-banner .content-carousel .carousel-mask .next.off .hover { background-position: 0px -134px; } #post #post-feedback-bar { margin-top: 70px; margin-bottom: 20px; } #post #post-feedback-bar .selectlist { float: right; margin: 37px 120px 0px 0px; width: 198px; height: 51px; background: no-repeat; border: none; } #post #post-feedback-bar .selectlist .arrow { background: center center no-repeat scroll transparent; width: 50px; height: 40px; } #post #post-feedback-bar .selectlist span { height: 30px; line-height: 30px; } #post #post-feedback-bar .selectlist ul { background-color: rgb(0, 0, 0); } #comments { padding: 30px; } #comments .holder { background: rgba(0, 0, 0, 0.3); padding: 40px; } #comments .holder > .title-bar { height: 50px; overflow: hidden; } #comments .holder > .title-bar .title { background: left center no-repeat scroll rgba(0, 0, 0, 0); float: left; margin: 0px 0px 0px -10px; } #comments .holder > .title-bar .title h1 { color: rgb(10, 255, 255); text-transform: uppercase; font-size: 24px; padding-left: 60px; } #comments .holder > .title-bar .count { float: right; } #comments .holder > .title-bar .count .label { color: rgb(9, 70, 86); float: left; font-size: 18px; font-family: Electrolize; text-transform: uppercase; margin: 24px 0px 0px; } #comments .holder > .title-bar .count .value, #comments .holder > .title-bar .count .value span { color: rgb(20, 92, 111); font-size: 42px; font-family: Electrolize; } #comments .holder > .title-bar .count .value { float: left; } #comments .holder .main-buttons-holder-container { height: 20px; } #comments .holder .main-buttons-holder { background-color: rgb(20, 92, 111); height: 20px; margin: 0px 0px 40px; } #comments .holder .main-buttons-holder.fixed { position: fixed; top: 0px; z-index: 100; box-shadow: rgb(0, 0, 0) 0px 0px 30px 3px; } #comments .holder .main-buttons-holder a.add-comment { color: rgb(3, 25, 31); font-family: Electrolize; text-transform: uppercase; float: right; background-color: rgb(40, 146, 174); text-align: right; padding: 0px 6px; line-height: 20px; width: 354px; } #comments .holder .main-buttons-holder a.add-comment.on, #comments .holder .main-buttons-holder a.add-comment:hover { background-color: rgb(59, 186, 220); } #comments .holder .main-buttons-holder .view-settings { background: right center no-repeat rgb(20, 92, 111); width: 32px; height: 32px; display: block; position: relative; z-index: 18; float: left; padding: 4px 0px 4px 4px; } #comments .holder .main-buttons-holder .view-settings .hover { background: center center no-repeat rgb(20, 92, 111); opacity: 0; width: 32px; height: 32px; } #comments .holder .main-buttons-holder .view-settings.on .hover, #comments .holder .main-buttons-holder .view-settings:hover .hover { opacity: 1; } #comments .holder .main-buttons-holder .triangle { float: left; width: 0px; height: 0px; border-style: solid; border-width: 20px 20px 0px 0px; border-color: rgb(20, 92, 111) transparent transparent; margin-top: 20px; position: relative; z-index: 18; } #comments .holder .main-buttons-holder .settings { position: relative; border: 1px solid rgb(15, 87, 107); background: rgba(0, 0, 0, 0.9); z-index: 17; padding: 0px; overflow: hidden; width: 0px; height: 38px; box-shadow: rgb(0, 0, 0) 0px 0px 20px; float: left; } #comments .holder .main-buttons-holder .settings h1 { color: rgb(40, 146, 174); font-size: 18px; text-transform: uppercase; margin: -1px 0px 0px; padding: 5px 10px; } #comments .holder .main-buttons-holder .settings label { margin: 4px 0px 0px; padding: 0px 10px; } #comments .holder .main-buttons-holder .settings a { display: block; padding-left: 24px; color: rgba(11, 213, 249, 0.8); background-repeat: no-repeat; min-height: 20px; line-height: 20px; font-size: 12px; opacity: 0.8; margin: 2px 0px 0px 10px; } #comments .holder .main-buttons-holder .settings a:hover, #comments .holder .main-buttons-holder .settings a.on { color: rgb(59, 186, 220); opacity: 1; } #comments .holder .main-buttons-holder .settings a.on { font-weight: 700; } #comments .holder .main-buttons-holder .settings a.to-one-column { background-image: ; } #comments .holder .main-buttons-holder .settings a.to-one-column.on, #comments .holder .main-buttons-holder .settings a.to-one-column:hover { background-image: ; } #comments .holder .main-buttons-holder .settings a.to-two-columns { background-image: ; } #comments .holder .main-buttons-holder .settings a.to-two-columns.on, #comments .holder .main-buttons-holder .settings a.to-two-columns:hover { background-image: ; } #comments .holder .main-buttons-holder .settings a.to-oldest { background-image: ; } #comments .holder .main-buttons-holder .settings a.to-oldest.on, #comments .holder .main-buttons-holder .settings a.to-oldest:hover { background-image: ; } #comments .holder .main-buttons-holder .settings a.to-newest { background-image: ; } #comments .holder .main-buttons-holder .settings a.to-newest.on, #comments .holder .main-buttons-holder .settings a.to-newest:hover { background-image: ; } #comments .holder .main-buttons-holder .settings a.to-appreciated { background-image: ; } #comments .holder .main-buttons-holder .settings a.to-appreciated.on, #comments .holder .main-buttons-holder .settings a.to-appreciated:hover { background-image: ; } #comments .holder .main-buttons-holder .settings .checkbox { margin: 7px 0px 0px -3px; } #comments .holder .main-buttons-holder .settings .checkbox span { color: rgba(11, 213, 249, 0.8); padding-left: 28px; font-weight: 400; } #comments .holder .reaction-form { margin: 4px 0px 10px; display: none; overflow: hidden; } #comments .holder .reaction-form .body { margin-bottom: 10px; font-family: Electrolize; } #comments .holder .reaction-form .submit { float: right; } #comments .holder .reaction-form .checkbox { float: right; margin-right: 10px; } #comments .holder .reaction-form .success-message { float: left; min-height: 36px; line-height: 36px; margin-bottom: 0px; } #comments .holder .comment { margin: 30px 0px 0px; min-height: 120px; } #comments .holder .comment .avatar { float: left; position: relative; z-index: 12; border: 1px solid rgb(3, 58, 79); } #comments .holder .comment .avatar img { width: 83px; height: 83px; box-shadow: rgb(0, 0, 0) 0px 0px 10px 5px; background-color: rgb(0, 0, 0); } #comments .holder .comment.nonbacker .comment-itself .header .username { color: rgb(222, 222, 222); } #comments .holder .comment.nonbacker .avatar { filter: grayscale(100%); opacity: 0.6; } #comments .holder .comment .avatar.standard { display: block; padding: 2px; margin-top: 4px; } #comments .holder .comment .avatar.mobile { display: none; margin: -4px 0px -4px -20px; border: 1px solid rgb(3, 58, 79); padding: 0px; } #comments .holder .comment .avatar.mobile img { height: 28px; width: 28px; box-shadow: rgb(0, 0, 0) 0px 0px 5px 2px; } #comments .holder .comment .avatar.mobile .corner { background: 0px 0px repeat scroll rgba(0, 0, 0, 0); height: 3px; width: 3px; } #comments .holder .comment .avatar.mobile .corner.corner-top-right { background-position: -5px 0px; } #comments .holder .comment .avatar.mobile .corner.corner-bottom-right { background-position: -5px -5px; } #comments .holder .comment .avatar.mobile .corner.corner-bottom-left { background-position: 0px -5px; } #comments .holder .comment .author-info { position: absolute; margin-top: 90px; z-index: 15; } #comments .holder .comment .author-info .title { clear: both; color: rgb(251, 188, 0); font-family: Electrolize; font-size: 13px; line-height: 16px; margin: 10px 10px 0px; overflow: hidden; text-overflow: ellipsis; width: 114px; } #comments .holder .comment .author-info .icon { float: left; height: 24px; margin: 0px 2px 0px 0px; width: 24px; } #comments .holder .comment .comment-itself { float: left; margin-left: -10px; width: 585px; border: 1px solid rgb(16, 71, 85); background: rgba(5, 28, 34, 0.5); position: relative; z-index: 6; } #comments .holder .comment .comment-itself .header { background-color: rgb(16, 71, 85); height: 12px; line-height: 12px; padding: 4px 0px 3px; } #comments .holder .comment .comment-itself .header .username { float: left; color: rgb(255, 235, 1); font-family: Electrolize; font-size: 14px; height: 12px; margin-left: 30px; } #comments .holder .comment .comment-itself .header .handle { float: left; color: rgb(62, 184, 217); font-family: Electrolize; font-size: 12px; border-left: 4px solid rgb(62, 184, 217); padding: 0px 0px 0px 10px; margin: 0px 0px 0px 10px; height: 12px; } #comments .holder .comment .comment-itself .header .edit { float: right; background: 0px 2px no-repeat; width: auto; height: 17px; display: block; opacity: 0.7; margin: -4px 0px -4px 6px; padding-left: 18px; } #comments .holder .comment .comment-itself .header .edit.on, #comments .holder .comment .comment-itself .header .edit:hover { opacity: 1; } #comments .holder .comment .comment-itself .header .delete { float: right; background: center center no-repeat; width: 17px; height: 17px; display: block; opacity: 0.7; margin: -3px 0px -4px; } #comments .holder .comment .comment-itself .header .delete.on, #comments .holder .comment .comment-itself .header .delete:hover { opacity: 1; } #comments .holder .comment .delete-confirm-container { position: relative; background-color: rgb(16, 71, 85); float: right; margin: -62px -95px 0px 0px; padding: 6px 4px 4px; box-shadow: rgb(0, 0, 0) 0px 0px 6px; display: none; z-index: 20; } #comments .holder .comment .delete-confirm-container span { display: block; font-family: Electrolize; color: rgb(37, 133, 159); text-align: center; line-height: 14px; } #comments .holder .comment .delete-confirm-container a { display: block; float: left; background-color: rgb(37, 133, 159); margin: 3px; padding: 3px 6px; color: rgb(3, 25, 31); text-transform: uppercase; font-family: Electrolize; line-height: 14px; } #comments .holder .comment .delete-confirm-container a:hover { background-color: rgb(59, 186, 220); } #comments .holder .comment .delete-confirm-container .arrow { width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0px; border-color: rgb(16, 71, 85) transparent transparent; margin: 4px 0px 0px 65px; position: absolute; } #comments .holder .comment .comment-itself .header .time { float: right; color: rgb(40, 146, 174); font-family: Electrolize; font-size: 14px; height: 12px; margin: 0px 6px; } #comments .holder .comment .comment-itself .header .quick-overview { float: right; width: 30px; height: 30px; margin: -9px 0px; } #comments .holder .comment .comment-itself .header .circle { border: 1px solid rgb(0, 206, 255); opacity: 0.4; position: absolute; } #comments .holder .comment .comment-itself .header .circle.role-tracker { border: 1px solid rgb(255, 234, 142); opacity: 1; box-shadow: rgb(255, 234, 142) 0px 0px 4px; } #comments .holder .comment .comment-itself .comment-body { color: rgba(11, 213, 249, 0.5); font-family: Electrolize; font-size: 15px; padding: 10px 40px 20px 30px; min-height: 50px; overflow-wrap: break-word; } #comments .holder .comment .comment-itself .comment-body a:not(.appreciate) { border-bottom: 1px dotted rgb(169, 199, 207); color: rgb(169, 199, 207); font-family: Electrolize; transition-duration: 0.3s; perspective: 1000px; } #comments .holder .comment .comment-itself .comment-body a:hover:not(.appreciate) { border-bottom: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); } #comments .holder .comment .appreciate { opacity: 0.7; font-size: 12px; color: rgb(40, 146, 174); display: none; background: no-repeat; width: auto; height: 13px; margin: -2px 0px; float: right; } #comments .holder .comment .appreciate .hover { display: inline-block; margin-right: 5px; background: no-repeat; opacity: 0; width: 12px; height: 13px; } #comments .holder .comment .appreciate .hover .on { background: no-repeat; opacity: 0; width: 12px; height: 13px; } #comments .holder .comment .appreciate.on .hover { opacity: 1; background: 0px 0px; } #comments .holder .comment .appreciate.on .hover .on { opacity: 1; } #comments .holder .comment .appreciate:hover .hover { opacity: 1; } #comments .holder .comment .flag { float: right; display: inline-block; width: 12px; height: 13px; overflow: hidden; text-indent: -999em; background: 0px 0px no-repeat; --webkit-transition: opacity .2s linear; transition: opacity 0.2s linear 0s; opacity: 0.7; margin-right: 10px; } #comments .holder .comment .flag:hover { opacity: 1; } #comments .holder .comment .comment-itself .edit-container { margin: 10px 10px 10px 40px; } #comments .holder .comment .comment-itself .edit-container .body { font-size: 14px; } #comments .holder .comment.selected .comment-itself { border: 1px solid rgb(15, 87, 107); } #comments .holder .comment.selected .comment-itself .header { background-color: rgb(15, 87, 107); } #comments .holder .comment.selected .comment-itself .header .show-details { color: rgb(9, 37, 48); } #comments .holder .comment.selected .comment-itself .comment-body { color: rgba(11, 213, 249, 0.8); box-shadow: rgba(11, 213, 249, 0.7) 0px 0px 50px -15px inset; } #comments .holder .comment .comment-replies { position: absolute; margin: 0px 0px 0px 666px; width: 394px; padding-right: 2px; z-index: 9; } #comments .holder .comment.selected .comment-replies { z-index: 11; } #comments .holder .comment .comment-replies .connector-holder { overflow: hidden; width: 0px; transition-delay: 0.45s; transition-duration: 0.15s; } #comments .holder .comment.selected .comment-replies .connector-holder { width: 394px; transition-delay: 0.3s; } #comments .holder .comment .comment-replies .connector-holder .connector { width: 394px; height: 20px; border-top: 1px solid rgb(18, 59, 74); } #comments .holder .comment .comment-replies.no-replies .connector-holder .connector { border-top: none; } #comments .holder .comment .comment-replies .connector-holder .connector .rectangle { float: left; width: 26px; height: 20px; background-color: rgb(15, 87, 107); margin-top: -1px; position: relative; z-index: 10; } #comments .holder .comment .comment-replies.no-replies .connector-holder .connector .rectangle { height: 21px; } #comments .holder .comment .comment-replies .connector-holder .connector .triangle { float: left; width: 0px; height: 0px; border-style: solid; border-width: 20px 20px 0px 0px; border-color: rgb(15, 87, 107) transparent transparent; margin-top: -1px; position: relative; z-index: 10; } #comments .holder .comment .comment-replies .connector-holder .connector .line { float: left; width: 146px; height: 1px; background-color: rgb(15, 87, 107); margin-top: -1px; } #comments .holder .comment .comment-replies.no-replies .connector-holder .connector .line { display: none; } #comments .holder .comment .comment-replies .delete-confirm-container { margin: -57px -15px 0px 0px; } #comments .holder .comment .comment-replies .delete-confirm-container .arrow { width: 0px; height: 0px; border-style: solid; border-width: 0px 10px 10px 0px; border-color: transparent rgb(16, 71, 85) transparent transparent; margin: 4px 0px 0px 146px; } #comments .holder .comment .comment-replies .comment-reply.first .header .delete-confirm-container { margin: 33px 5px 0px 0px; position: absolute; right: 3px; } #comments .holder .comment .comment-replies .comment-reply.first .header .delete-confirm-container .arrow { margin: -55px 0px 0px 146px; border-width: 0px 0px 10px 10px; border-color: transparent transparent rgb(16, 71, 85); } #comments .holder .comment .comment-replies .replies-details-holder { overflow: hidden; margin-top: -20px; height: 0px; transition-delay: 0.15s; transition-duration: 0.15s; } #comments .holder .comment.selected .comment-replies .replies-details-holder { height: 124px; width: 394px; transition-delay: 0.6s; } #comments .holder .comment.selected .comment-replies.no-replies .replies-details-holder { height: 0px; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details { margin-left: 26px; width: 365px; height: 126px; border-right: 1px solid rgb(18, 59, 74); padding-right: 2px; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .title-bar { height: 22px; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .title-bar .triangle { float: left; width: 0px; height: 0px; border-style: solid; border-width: 0px 0px 20px 20px; border-color: transparent transparent rgba(4, 49, 57, 0.5); margin: 2px 20px -2px 0px; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .title-bar .title { float: left; background-color: rgba(4, 49, 57, 0.5); margin: -18px 0px 0px 20px; width: 345px; height: 20px; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .details-body { background-color: rgba(4, 49, 57, 0.5); padding: 10px 6px 6px; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .details-body .details-body-centered { width: 400px; margin: 0px auto; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .details-body .details-body-centered > h1 { float: left; padding: 0px 4px; margin: -25px 0px 16px 162px; font-family: Electrolize; font-size: 16px; color: rgb(15, 87, 107); height: 11px; line-height: 11px; border-left: 40px solid rgb(15, 87, 107); border-right: 40px solid rgb(15, 87, 107); text-transform: uppercase; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .details-body .block { float: left; padding: 0px 6px; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .details-body .block .label, #comments .holder .comment .comment-replies .replies-details-holder .replies-details .details-body .block .label span { font-size: 14px; font-family: Electrolize; text-transform: uppercase; color: rgb(15, 87, 107); text-align: right; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .details-body .block .label { border-top: 4px solid rgb(15, 87, 107); white-space: nowrap; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .details-body .block .widget { height: 60px; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .details-body .block.amount { width: 142px; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .details-body .block.amount .widget { font-size: 75px; line-height: 60px; letter-spacing: -5px; font-family: Electrolize; color: rgb(15, 87, 107); } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .details-body .block.amount .widget div { width: 142px; height: 60px; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .details-body .block.calendar .widget { width: 105px; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .details-body .block.calendar .widget .date { float: left; text-align: center; width: 15px; height: 9px; line-height: 9px; color: rgb(15, 87, 107); font-size: 8px; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .details-body .block.calendar .widget .date.on { background-color: rgb(15, 87, 107); color: rgb(2, 29, 35); margin-bottom: -1px; height: 10px; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .details-body .block.clock { width: 70px; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .details-body .block.clock .widget { padding: 0px 9px; height: 53px; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .details-body .block.clock .widget .outer.circle { border: 1px solid rgb(2, 72, 94); border-radius: 19px; width: 36px; height: 36px; margin: 7px 7px -45px; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .details-body .block.clock .widget .inner.circle { border: 1px solid rgb(0, 96, 132); border-radius: 10px; width: 16px; height: 16px; margin: 17px 17px -35px; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .details-body .block.clock .widget .dot.circle { background-color: rgb(0, 96, 132); border-radius: 2px; width: 2px; height: 2px; margin: 25px 25px -27px; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .details-body .block.clock .widget .minute-container { width: 52px; height: 52px; margin-bottom: -51px; transition-duration: 0.15s; transition-delay: 0s; } #comments .holder .comment.selected .comment-replies .replies-details-holder .replies-details .details-body .block.clock .widget .minute-container { transition-delay: 0.75s; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .details-body .block.clock .widget .minute-container .minute { width: 0px; height: 0px; margin-left: 22px; border-style: solid; border-width: 0px 3px 6px; border-color: transparent transparent rgb(2, 72, 94); } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .details-body .block.clock .widget .hour-container { width: 32px; height: 32px; margin: 10px 10px -51px; transition-duration: 0.15s; transition-delay: 0s; } #comments .holder .comment.selected .comment-replies .replies-details-holder .replies-details .details-body .block.clock .widget .hour-container { transition-delay: 0.75s; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .details-body .block.clock .widget .hour-container .hour { width: 0px; height: 0px; margin-left: 13px; border-style: solid; border-width: 0px 3px 6px; border-color: transparent transparent rgb(0, 96, 134); } #comments .holder .comment .comment-replies .bordered-holder-mask { width: 394px; overflow: hidden; } #comments .holder .comment .comment-replies .bordered-holder-mask .bordered-holder { overflow: hidden; margin: 0px 0px 10px 26px; padding: 0px 2px 0px 0px; position: relative; z-index: 6; left: -100%; min-height: 22px; border-bottom: 1px solid rgb(18, 59, 74); border-left: 1px solid rgb(18, 59, 74); border-right: 1px solid rgb(18, 59, 74); background-color: rgba(0, 0, 0, 0.95); transition-delay: 0.3s; transition-duration: 0.15s; } #comments .holder .comment.selected .comment-replies .bordered-holder-mask .bordered-holder { left: 0px; transition-delay: 0.45s; } #comments .holder .comment .comment-replies .bordered-holder-mask .bordered-holder .reply-to-comment-form { margin: 0px 10px; padding-top: 20px; } #comments .holder .comment.no-replies .comment-replies .bordered-holder .actions-bar { margin-top: 0px; } #comments .holder .comment.selected .comment-replies .bordered-holder .actions-bar { margin: 0px 0px 0px -1px; left: 0px; transition-delay: 0.45s; } #comments .holder .comment .comment-replies .bordered-holder .actions-bar > .triangle { float: left; width: 0px; height: 0px; border-style: solid; border-width: 20px 20px 0px 0px; border-color: rgb(15, 87, 107) transparent transparent; } #comments .holder .comment .comment-replies .bordered-holder .actions-bar > .line { float: left; height: 20px; width: 1px; background-color: rgb(15, 87, 107); } #comments .holder .comment.selected .comment-replies .bordered-holder .actions-bar > .line { height: 100px; transition-delay: 0.75s; transition-duration: 0.15s; margin-bottom: 0px; } #comments .holder .comment.selected .comment-replies.no-replies .bordered-holder .actions-bar > .line { height: 20px; } #comments .holder .comment .comment-replies.no-replies .bordered-holder .actions-bar > .line { height: 20px; } #comments .holder .comment .comment-replies .bordered-holder .actions-bar .reply-to-comment .triangle { float: left; width: 0px; height: 0px; border-style: solid; border-width: 0px 0px 20px 20px; border-color: transparent transparent rgb(37, 133, 159); margin: 0px 0px 0px -17px; } #comments .holder .comment .comment-replies .bordered-holder .actions-bar .reply-to-comment.on .triangle, #comments .holder .comment .comment-replies .bordered-holder .actions-bar .reply-to-comment:hover .triangle { border-color: transparent transparent rgb(59, 186, 220); } #comments .holder .comment .comment-replies .bordered-holder .actions-bar .reply-to-comment .box { background-color: rgb(37, 133, 159); height: 20px; margin: 0px 0px 0px 24px; font-family: Electrolize; color: rgb(3, 25, 31); font-size: 16px; text-transform: uppercase; text-align: center; } #comments .holder .comment .comment-replies .bordered-holder .actions-bar .reply-to-comment.on .box, #comments .holder .comment .comment-replies .bordered-holder .actions-bar .reply-to-comment:hover .box { background-color: rgb(59, 186, 220); } #comments .holder .comment .comment-replies .reply-bodies-holder { overflow: hidden; height: 0px; transition-delay: 0.75s; transition-duration: 0.15s; } #comments .holder .comment.selected .comment-replies .reply-bodies-holder { overflow: hidden; transition-delay: 0.75s; } #comments .holder .comment.not-selected .comment-replies .reply-bodies-holder { transition-delay: 0s; } #comments .holder .comment .comment-replies .reply-bodies-holder .scrollable { position: relative; height: 100%; } #comments .holder .comment .comment-replies .reply-bodies-holder .scrollable .viewport { margin-right: 10px; } #comments .holder .comment .comment-replies .reply-bodies-holder .scrollable .viewport .content { padding-bottom: 0px; } #comments .holder .comment .comment-replies .reply-bodies-holder .scrollable .scrollbar { width: 10px; } #comments .holder .comment .comment-replies .reply-bodies-holder .scrollable .scrollbar .track { width: 6px; margin: 0px 2px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies { overflow: hidden; } #comments .holder .comment .comment-replies .reply-bodies-holder .load-more-replies { background-color: rgb(76, 70, 1); height: 20px; margin: 10px 3px 3px; font-family: Electrolize; color: rgb(3, 25, 31); font-size: 16px; text-transform: uppercase; text-align: center; padding: 0px 10px; display: block; } #comments .holder .comment .comment-replies .reply-bodies-holder .load-more-replies:hover { background-color: rgb(255, 235, 1); } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .reply-to-comment-form { margin: 2px 10px 10px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply { margin: 20px 0px 0px; width: 356px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .header { background-color: rgb(19, 59, 75); height: 23px; margin: 0px 4px; line-height: 12px; padding-right: 10px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .header .avatar { margin: -4px 0px; border: 1px solid rgb(3, 58, 79); padding: 0px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .header .avatar img { height: 28px; width: 28px; box-shadow: rgb(0, 0, 0) 0px 0px 5px 2px; } #comments .holder .comment.nonbacker .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .header .username { color: rgb(222, 222, 222); } #comments .holder .comment.nonbacker .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .header .avatar { filter: grayscale(100%); opacity: 0.6; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .header .avatar .corner { background: 0px 0px repeat scroll rgba(0, 0, 0, 0); height: 3px; width: 3px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .header .avatar .corner.corner-top-right { background-position: -5px 0px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .header .avatar .corner.corner-bottom-right { background-position: -5px -5px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .header .avatar .corner.corner-bottom-left { background-position: 0px -5px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .header .username { float: left; color: rgb(255, 235, 1); font-family: Electrolize; font-size: 14px; height: 12px; margin: 6px 0px 4px 20px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .header .handle { float: left; color: rgb(62, 184, 217); font-family: Electrolize; font-size: 12px; border-left: 4px solid rgb(62, 184, 217); padding: 0px 0px 0px 10px; height: 12px; margin: 6px 0px 4px 10px; line-height: 14px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .header .appreciate { margin: 5px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .header .flag { margin: 5px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .header .edit { float: right; background: 0px 5px no-repeat; width: auto; height: 23px; display: inline-block; opacity: 0.7; padding-left: 18px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .header .edit.on, #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .header .edit:hover { opacity: 1; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .header .delete { float: right; background: center center no-repeat; width: 18px; height: 23px; display: block; opacity: 0.7; margin-right: 4px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .header .delete.on, #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .header .delete:hover { opacity: 1; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-body { margin: 10px 10px 5px 50px; overflow-wrap: break-word; min-height: 30px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-body span { color: rgb(11, 141, 166); font-family: Electrolize; font-size: 15px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-body span a:not(.appreciate) { border-bottom: 1px dotted rgb(169, 199, 207); color: rgb(169, 199, 207); font-family: Electrolize; transition-duration: 0.3s; perspective: 1000px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-body span a:hover:not(.appreciate) { border-bottom: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply { background-color: rgba(4, 49, 57, 0.5); margin: 5px 4px 5px 50px; padding: 0px 10px 2px 0px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply .appreciate { margin: 5px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply .flag { margin: 5px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply .edit { font-family: Electrolize; font-size: 12px; color: rgb(40, 146, 174); float: right; background: 0px 5px no-repeat; width: auto; height: 23px; line-height: 12px; display: block; opacity: 0.7; padding-left: 18px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply .edit.on, #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply .edit:hover { opacity: 1; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply .delete { float: right; background: center center no-repeat; width: 18px; height: 23px; line-height: 12px; display: block; opacity: 0.7; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply .delete.on, #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply .delete:hover { opacity: 1; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply .reply-reply-body { padding: 5px 0px 5px 10px; overflow-wrap: break-word; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply .reply-reply-body span { color: rgb(31, 133, 161); font-family: Electrolize; font-size: 15px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply .reply-reply-body span a:not(.appreciate) { border-bottom: 1px dotted rgb(169, 199, 207); color: rgb(169, 199, 207); font-family: Electrolize; transition-duration: 0.3s; perspective: 1000px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply .reply-reply-body span a:hover:not(.appreciate) { border-bottom: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply .username { float: right; color: rgb(255, 235, 1); font-family: Electrolize; font-size: 14px; height: 12px; margin: 6px 0px 4px 20px; } #comments .holder .comment.nonbacker .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply .username { color: rgb(222, 222, 222); } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply .handle { float: right; color: rgb(62, 184, 217); font-family: Electrolize; font-size: 12px; border-left: 4px solid rgb(62, 184, 217); padding: 0px 0px 0px 10px; height: 12px; margin: 8px 2px 4px 10px; line-height: 14px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-to-reply-form { margin: 2px 10px 10px 50px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-to-reply { float: right; margin: 0px 0px 10px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-to-reply .triangle { float: left; width: 0px; height: 0px; border-style: solid; border-width: 0px 20px 20px 0px; border-color: transparent rgb(37, 133, 159) transparent transparent; margin: 0px 0px 0px -20px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-to-reply.on .triangle, #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-to-reply:hover .triangle { border-color: transparent rgb(59, 186, 220) transparent transparent; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-to-reply .box { background-color: rgb(37, 133, 159); height: 20px; margin: 0px 4px 0px 0px; font-family: Electrolize; color: rgb(3, 25, 31); font-size: 16px; text-transform: uppercase; text-align: center; padding: 0px 10px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-to-reply.on .box, #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-to-reply:hover .box { background-color: rgb(59, 186, 220); } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .load-more-replies-to-reply { float: right; margin: 0px 2px 10px 0px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .load-more-replies-to-reply .triangle { float: right; width: 0px; height: 0px; border-style: solid; border-width: 20px 0px 0px 20px; border-color: transparent transparent transparent rgb(76, 70, 1); margin: 0px; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .load-more-replies-to-reply .box { background-color: rgb(76, 70, 1); height: 20px; margin: 0px; font-family: Electrolize; color: rgb(3, 25, 31); font-size: 16px; text-transform: uppercase; text-align: center; padding: 0px 10px; float: left; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .load-more-replies-to-reply:hover .triangle { border-color: transparent transparent transparent rgb(255, 235, 1); } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .load-more-replies-to-reply:hover .box { background-color: rgb(255, 235, 1); } #comments .holder .comment.role-tracker .comment-itself { background: center 35px repeat-x rgba(255, 123, 81, 0.15); border: 1px solid rgb(153, 125, 102); } #comments .holder .comment.role-tracker .comment-itself .header { background-color: rgb(153, 125, 102); } #comments .holder .comment.role-tracker .comment-itself .comment-body { color: rgb(255, 234, 142); } #comments .holder .comment.role-tracker .comment-itself .header .handle { border-left: 4px solid rgb(68, 68, 68); color: rgb(68, 68, 68); } #comments .holder .comment.role-tracker .comment-itself .header .time { color: rgb(68, 68, 68); } #comments .holder .comment.role-tracker .comment-itself .header .edit { background: center center no-repeat; } #comments .holder .comment.role-tracker .comment-itself .header .delete { background: center center no-repeat; } #comments .holder .comment.role-tracker.selected .comment-itself { border: 1px solid rgb(255, 234, 142); } #comments .holder .comment.role-tracker.selected .comment-itself .header { background-color: rgb(255, 234, 142); } #comments .holder .comment.role-tracker.selected .comment-itself .header .username { color: rgb(34, 34, 34); } #comments .holder .comment.role-tracker.selected .comment-itself .comment-body { box-shadow: rgba(255, 234, 142, 0.7) 0px 0px 50px -15px inset; } #comments .holder .comment.role-tracker .comment-replies .connector-holder .connector .rectangle { background-color: rgb(255, 234, 142); } #comments .holder .comment.role-tracker .comment-replies .connector-holder .connector .triangle { border-color: rgb(255, 234, 142) transparent transparent; } #comments .holder .comment.role-tracker .comment-replies .connector-holder .connector .line { background-color: rgb(255, 234, 142); } #comments .holder .comment.role-tracker .comment-replies .bordered-holder .actions-bar > .line { background-color: rgb(255, 234, 142); } #comments .holder .comment.role-tracker .comment-replies .bordered-holder .actions-bar > .triangle { border-color: rgb(255, 234, 142) transparent transparent; } #comments .holder .comment.role-tracker .comment-replies .connector-holder .connector { border-top: 1px solid rgb(153, 125, 102); } #comments .holder .comment.role-tracker .comment-replies .replies-details-holder .replies-details { border-right: 1px solid rgb(153, 125, 102); } #comments .holder .comment.role-tracker .comment-replies .bordered-holder-mask .bordered-holder { border-right: 1px solid rgb(153, 125, 102); border-bottom: 1px solid rgb(153, 125, 102); border-left: 1px solid rgb(153, 125, 102); } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply.role-tracker .header { background-color: rgb(255, 234, 142); } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply.role-tracker .header .delete { background: center center no-repeat; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply.role-tracker .header .edit { background: center center no-repeat; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply.role-tracker .header .handle { border-left: 4px solid rgb(68, 68, 68); color: rgb(68, 68, 68); } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply.role-tracker .reply-body span { color: rgb(255, 234, 142); } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply.role-tracker .header .username { color: rgb(68, 68, 68); } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply.role-tracker { background-color: rgba(255, 123, 81, 0.15); } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply.role-tracker .delete { background: center center no-repeat; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply.role-tracker .edit { background: center center no-repeat; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply.role-tracker .handle { border-left: 4px solid rgb(68, 68, 68); color: rgb(68, 68, 68); } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply.role-tracker .reply-reply-body span { color: rgb(255, 234, 142); } #comments .holder .comment.role-moderator .comment-itself { background: center 35px repeat-x rgba(158, 10, 163, 0.15); border: 1px solid rgb(83, 62, 112); } #comments .holder .comment.role-moderator .comment-itself .header { background-color: rgb(83, 62, 112); } #comments .holder .comment.role-moderator .comment-itself .comment-body { color: rgb(206, 181, 239); } #comments .holder .comment.role-moderator.selected .comment-itself { border: 1px solid rgb(83, 62, 112); } #comments .holder .comment.role-moderator.selected .comment-itself .header { background-color: rgb(83, 62, 112); } #comments .holder .comment.role-moderator.selected .comment-itself .header .username { color: rgb(255, 235, 1); } #comments .holder .comment.role-moderator.selected .comment-itself .comment-body { box-shadow: rgba(255, 234, 142, 0.7) 0px 0px 50px -15px inset; } #comments .holder .comment.role-moderator .comment-replies .connector-holder .connector .rectangle { background-color: rgb(83, 62, 112); } #comments .holder .comment.role-moderator .comment-replies .connector-holder .connector .triangle { border-color: rgb(83, 62, 112) transparent transparent; } #comments .holder .comment.role-moderator .comment-replies .connector-holder .connector .line { background-color: rgb(83, 62, 112); } #comments .holder .comment.role-moderator .comment-replies .bordered-holder .actions-bar > .line { background-color: rgb(83, 62, 112); } #comments .holder .comment.role-moderator .comment-replies .bordered-holder .actions-bar > .triangle { border-color: rgb(83, 62, 112) transparent transparent; } #comments .holder .comment.role-moderator .comment-replies .connector-holder .connector { border-top: 1px solid rgb(83, 62, 112); } #comments .holder .comment.role-moderator .comment-replies .replies-details-holder .replies-details { border-right: 1px solid rgb(83, 62, 112); } #comments .holder .comment.role-moderator .comment-replies .bordered-holder-mask .bordered-holder { border-right: 1px solid rgb(83, 62, 112); border-bottom: 1px solid rgb(83, 62, 112); border-left: 1px solid rgb(83, 62, 112); } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply.role-moderator .header { background-color: rgb(83, 62, 112); } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply.role-moderator .header .delete { background: center center no-repeat; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply.role-moderator .header .edit { background: center center no-repeat; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply.role-moderator .reply-body span { color: rgb(206, 181, 239); } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply.role-moderator { background-color: rgba(158, 10, 163, 0.15); } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply.role-moderator .delete { background: center center no-repeat; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply.role-moderator .edit { background: center center no-repeat; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply.role-moderator .handle { border-left: 4px solid rgb(68, 68, 68); color: rgb(68, 68, 68); } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply .reply-reply.role-moderator .reply-reply-body span { color: rgb(206, 181, 239); } #comments.force-one-column { padding: 30px 20px; } #comments.force-one-column .holder { padding: 40px 0px; } #comments.force-one-column .holder .comment .avatar { margin-right: 0px; margin-left: -20px; } #comments.force-one-column .holder .comment .avatar.standard { display: block; position: absolute; } #comments.force-one-column .holder .comment .author-info { display: none; } #comments.force-one-column .holder .comment .comment-itself { width: 100%; float: none; margin-left: 0px; border: none; } #comments.force-one-column .holder .comment .comment-itself .header .username { margin-left: 80px; } #comments.force-one-column .holder .comment .comment-itself .header .time { font-size: 10px; } #comments.force-one-column .holder .comment .comment-itself .header .quick-overview { display: none; } #comments.force-one-column .holder .comment .comment-itself .comment-body { padding: 10px 20px 20px 80px; } #comments.force-one-column .holder .comment .comment-replies { position: relative; margin: 0px; width: 100%; } #comments.force-one-column .holder .comment .comment-replies .connector-holder { width: 100%; } #comments.force-one-column .holder .comment .comment-replies .connector-holder .connector { width: 100%; } #comments.force-one-column .holder .comment .comment-replies .replies-details-holder { width: 100%; display: none; } #comments.force-one-column .holder .comment .comment-replies .replies-details-holder .replies-details { width: auto; } #comments.force-one-column .holder .comment .comment-replies .replies-details-holder .replies-details .title-bar { overflow: hidden; } #comments.force-one-column .holder .comment .comment-replies .replies-details-holder .replies-details .title-bar .title { width: 100%; float: left; } #comments.force-one-column .holder .comment .comment-replies .replies-details-holder .replies-details .title-bar .title h1 { float: left; text-align: left; margin-left: 150px; display: block; overflow: visible; } #comments.force-one-column .holder .comment .comment-replies .bordered-holder-mask { width: 100%; margin-top: -20px; overflow: visible; } #comments.force-one-column .holder .comment .comment-replies .reply-bodies-holder { height: auto; overflow: visible; } #comments.force-one-column .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply { width: 100%; margin-left: 10px; } #comments.force-one-column .holder .comment .comment-replies .bordered-holder-mask .bordered-holder { overflow: visible; left: 0px; min-height: 0px; } #comments.force-one-column .holder .comment .comment-replies .bordered-holder .actions-bar > .triangle { margin-right: -20px; } #comments.force-one-column .holder .comment .comment-replies .bordered-holder .actions-bar .reply-to-comment { margin-top: -20px; margin-right: -3px; float: right; position: relative; } #comments.force-one-column .holder .comment .comment-replies .bordered-holder .actions-bar .reply-to-comment .box { margin: 0px 0px 0px 3px; padding: 0px 20px; } #comments.force-one-column .holder .comment.role-tracker .comment-itself { border: 1px solid rgb(255, 234, 142); } #comments.force-one-column .holder .comment.role-tracker .comment-itself .header { background-color: rgb(255, 234, 142); } #comments.force-one-column .holder .comment.role-tracker .comment-itself .header .username { color: rgb(34, 34, 34); } #comments.force-one-column .holder .comment.role-tracker .comment-itself .comment-body { box-shadow: rgba(255, 234, 142, 0.7) 0px 0px 50px -15px inset; background: rgba(0, 0, 0, 0.1); } #comments.force-one-column .holder .comment.role-moderator .comment-itself { border: 1px solid rgb(83, 62, 112); } #comments.force-one-column .holder .comment.role-moderator .comment-itself .header { background-color: rgb(83, 62, 112); } #comments.force-one-column .holder .comment.role-moderator .comment-itself .header .username { color: rgb(255, 235, 1); } #comments.force-one-column .holder .comment.role-moderator .comment-itself .comment-body { box-shadow: rgba(206, 181, 239, 0.7) 0px 0px 50px -15px inset; background: rgba(0, 0, 0, 0.1); } #event-feed .feed-container { width: 648px; height: 395px; float: left; } #event-feed .feed-container .placeholder { background-size: cover; background-position: center center; width: 648px; height: 395px; } #event-feed .feed-container .embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0px; overflow: hidden; } #event-feed .feed-details h1 { font-size: 16px; color: rgb(0, 222, 255); font-style: normal; text-shadow: rgb(0, 237, 255) 0px 0px 18px; } #event-feed .feed-details .excerpt { height: 140px; overflow: hidden; } #event-feed .feed-details p { font-size: 11px; color: rgb(99, 132, 149); } #event-feed .feed-details .separator { background: rgba(18, 45, 65, 0.8); height: 1px; box-shadow: none; margin: 15px 0px; } #event-feed .feed-details .separator .box { background-color: rgb(0, 255, 255); width: 6px; height: 1px; box-shadow: rgb(0, 255, 255) 0px 0px 3px, rgb(0, 255, 255) 0px 0px 7px, rgb(0, 255, 255) 0px 0px 20px, rgb(0, 255, 255) 0px 0px 30px; } #event-feed .feed-details .separator .right { float: right; } #event-feed .feed-details .countdown { margin-top: 30px; } #event-feed .feed-details .countdown #time-countdown { margin: 0px auto; } #event-feed .feed-details .countdown .number-counter { margin: 0px 0px 0px 4px; float: left; } #event-feed .feed-details .countdown .number-counter .mask { height: 46px; width: 23px; position: relative; } #event-feed .feed-details .countdown .number-counter .carousel { height: 46px; position: relative; } #event-feed .feed-details .countdown .number-counter .item { height: 46px; font-size: 30px; line-height: 46px; font-family: Electrolize; color: rgb(255, 210, 112); text-shadow: rgb(255, 210, 112) 0px 0px 5px; text-align: center; position: relative; } #event-feed .feed-details .countdown .number-counter .append { height: 23px; font-size: 30px; line-height: 46px; font-family: Electrolize; color: rgb(255, 210, 112); text-shadow: rgb(255, 210, 112) 0px 0px 5px; text-align: center; float: left; position: relative; } #event-feed .feed-container .embed-container iframe, #event-feed .feed-container .embed-container object, #event-feed .feed-container .embed-container embed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .poll h1 { color: rgb(255, 174, 0); font-family: Electrolize; font-size: 22px; padding-left: 60px; padding-top: 10px; background: left center no-repeat scroll transparent; min-height: 38px; } .poll .atom-special-block { padding: 0px 30px 100px; height: auto; } .poll .options { margin-top: 10px; float: left; width: 100%; } .poll .options .option { display: block; margin-top: 20px; font-weight: 400; cursor: pointer; position: relative; } .poll .options .option input { display: none; } .poll .options .option .value { float: left; font-family: Electrolize; text-transform: uppercase; font-size: 30px; color: rgb(35, 71, 86); line-height: 50px; margin-right: 20px; } .poll .options .option .label { color: rgb(255, 255, 255); font-size: 12px; border-top: 1px solid rgb(14, 53, 71); margin: 4px 0px 4px 40px; background: repeat; height: 50px; } .poll .options .option .label .text { width: 50%; padding-top: 12px; padding-left: 62px; } .poll .options .option .label .glow-box { width: 1px; float: left; margin-right: 30px; background-color: rgb(2, 112, 142); height: 50px; } .poll .options .option.on .value { color: rgb(0, 222, 255); text-shadow: rgb(0, 222, 255) 0px 0px 1px, rgb(0, 222, 255) 0px 0px 10px; } .poll .options .option.on .label { background: repeat; } .poll .options .option.on .label .glow-box { width: 7px; margin-right: 24px; background-color: rgb(0, 224, 255); box-shadow: rgb(0, 224, 255) 0px 0px 10px, rgb(0, 224, 255) 0px 0px 16px; } .poll .bars { overflow: hidden; position: absolute; top: 0px; right: 0px; } .poll .bars .bar-holder .bar { width: 0px; } .poll .not-voted .button2 { margin: 30px auto; } .poll .not-voted .bars { width: 0px; margin-left: 0px; } .poll .not-voted .total { display: none; } .poll .voted .options .option:hover { cursor: default; } .poll .voted h1 { min-height: 38px; padding-top: 10px; } .poll .voted .bars { width: 315px; } .poll .voted .bars .bar-item { height: 50px; overflow: hidden; } .poll .voted .bars .bar-item .value { font-family: Electrolize; font-size: 12px; color: rgb(255, 174, 0); margin-left: 10px; line-height: 50px; float: left; } .poll .voted .bars .bar-item .label { display: none; } .poll .voted .bars .bar-holder { background-color: rgb(23, 34, 48); height: 3px; width: 240px; float: left; margin: 24px 0px; } .poll .voted .bars .bar-holder .bar { height: 3px; border-radius: 0px 2px 2px 0px; background-image: -webkit-linear-gradient(left, rgb(0, 89, 149) 0%, rgb(0, 199, 231) 100%); } .poll .total { display: block; font-weight: 700; font-size: 12px; text-align: center; color: rgb(255, 255, 255); margin-top: 20px; } .poll .response-controls { margin: 20px 0px 0px; } .poll .response-controls a { margin: 0px 20px 0px 0px; float: right; } .poll .error-message, .poll .success-message { float: left; } .poll.faceoff .atom-special-block { height: 100%; min-height: 460px; } .poll.faceoff h1 { min-height: 38px; padding-top: 10px; } .poll.faceoff .options .option { float: left; width: 456px; margin-top: 20px; } .poll.faceoff .options .option .label .text { width: 90%; } .poll.faceoff .options .option.first { margin-right: 46px; } .poll.faceoff .options .option .image { width: 454px; height: 223px; border-color: rgb(1, 50, 70); border-style: solid; border-width: 1px; background-size: cover; background-position: center center; } .poll.faceoff .not-voted .options .option .label { margin: 4px 0px; } .poll.faceoff .not-voted .options .option .label .value { margin-right: 30px; } .poll.faceoff .not-voted .options .option.selected .image { border-color: rgb(0, 204, 255); } .poll.faceoff .not-voted .bars { height: 0px; } .poll.faceoff .voted .options .option { float: left; width: 456px; margin-top: 20px; } .poll.faceoff .voted .options .option.first { margin-right: 46px; } .poll.faceoff .voted .options .option .image { width: 454px; height: 223px; border-color: rgb(1, 50, 70); border-style: solid; border-width: 1px; background-size: cover; background-position: center center; } .poll.faceoff .voted .options .option .label { margin: 4px 0px; font-style: normal; padding: 0px; font-family: Electrolize; color: rgb(255, 255, 255); } .poll.faceoff .voted .options .option .label .value { padding: 0px; margin-right: 30px; float: left; text-transform: uppercase; font-size: 30px; color: rgb(0, 222, 255); text-shadow: rgb(0, 222, 255) 0px 0px 1px, rgb(0, 222, 255) 0px 0px 10px; } .poll.faceoff .voted .options .option.selected .image { border-color: rgb(0, 204, 255); } .poll.faceoff .voted .bars { position: relative; height: auto; float: none; margin-left: 0px; width: auto; padding-top: 30px; clear: both; } .poll.faceoff .voted .bars .bar-item { margin-top: 0px; } .poll.faceoff .voted .bars .bar-item .label { font-size: 18px; color: rgb(255, 255, 255); font-family: Electrolize; width: 20px; padding: 10px 20px; float: left; display: none; } .poll.faceoff .voted .bars .bar-item .bar-holder { background-color: rgb(23, 34, 48); height: 3px; width: 83%; float: left; margin: 20px 0px; } .poll.faceoff .voted .bars .bar-item .bar-holder .bar { height: 3px; border-radius: 0px 2px 2px 0px; background-image: -webkit-linear-gradient(left, rgb(0, 89, 149) 0%, rgb(0, 199, 231) 100%); } .poll.faceoff .voted .bars .bar-item .value { font-family: Electrolize; font-size: 12px; color: rgb(255, 174, 0); padding: 12px 0px 10px 20px; float: left; line-height: 20px; margin-left: 0px; } #video { margin-bottom: 100px; } h1.page-title { font-size: 24px; color: rgb(0, 231, 255); font-weight: 400; font-family: Electrolize; text-transform: uppercase; height: 56px; line-height: 60px; padding-left: 63px; border-top: 1px solid rgb(0, 231, 255); border-bottom: 1px solid rgb(22, 129, 165); position: relative; text-shadow: rgb(0, 153, 255) 0px 0px 20px; background: ; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } h1.page-title a { font-size: 24px; color: rgb(0, 231, 255); font-weight: 400; font-family: Electrolize; text-transform: uppercase; } h1.page-title a:hover { text-shadow: rgb(255, 255, 255) 0px 0px 20px; } h1.page-title strong { font-size: 24px; color: rgb(255, 255, 255); font-family: Electrolize; text-transform: uppercase; } h1.page-title .top-line { background-color: rgb(0, 157, 255); position: absolute; top: -14px; left: 0px; width: 100%; height: 8px; display: block; opacity: 0.15; } h1.page-title .inner-line { background-color: rgb(0, 222, 255); position: absolute; top: 0px; left: 0px; width: 100px; height: 2px; display: block; } h1.page-title .bottom-line { background-color: rgb(22, 129, 165); position: absolute; bottom: -5px; left: 0px; width: 1px; height: 4px; display: block; } h1.page-title .icon { display: block; width: 48px; height: 48px; position: absolute; left: 5px; top: 3px; background: ; } #contentbody.account-section { background: center top / auto repeat, center top / auto no-repeat, center top / 100% repeat, 0% 0% / auto; width: 100%; padding-bottom: 785px; } .account-section .content-wrapper { background: left top repeat-x, left bottom repeat-x, rgba(0, 0, 0, 0.4); } .account-section .content-wrapper > .content { padding: 45px 0px; position: relative; } .submenu.exagon { margin: 75px 0px 0px; position: relative; z-index: 2; } .submenu.exagon .bg-line { display: block; height: 4px; border-left: 9px solid rgb(33, 226, 253); border-right: 9px solid rgb(33, 226, 253); margin-bottom: 6px; background: rgba(56, 151, 255, 0.1); } .submenu.exagon ul { list-style-type: none; text-align: center; line-height: 14px; margin: -28px 0px 0px; padding: 0px 5%; } .submenu.exagon ul li { float: left; width: 14%; min-width: 112px; line-height: 28px; height: 46px; } .submenu.exagon ul.item-5 li { width: 19%; min-width: 112px; } .submenu.exagon ul li.billing { line-height: inherit; } .submenu.exagon ul li.active span { display: block; width: 100%; min-width: 112px; height: 147px; background: 50% 50% no-repeat; margin: -87px auto 0px; } .submenu.exagon ul li.active.subscribers span { background: 50% 50% no-repeat; } .submenu.exagon a { font-size: 12px; line-height: 14px; font-family: Electrolize; color: rgb(255, 255, 255); text-transform: uppercase; } .submenu.exagon a:hover, .submenu.exagon .active a, .submenu.exagon .subscribers a:hover { color: rgb(55, 243, 255); text-shadow: rgb(0, 163, 255) 0px 0px 20px; } .submenu.exagon .subscribers a { color: rgb(255, 255, 0); text-shadow: rgb(255, 255, 0) 0px 0px 20px; } .submenu.exagon .subscribers.active a:hover { color: rgb(255, 255, 0); text-shadow: rgb(255, 255, 0) 0px 0px 20px; } .submenu.exagon .disabled a, .submenu.exagon .disabled a:hover { color: rgb(119, 119, 119); cursor: default; text-shadow: none; } .sidenav { width: 215px; position: absolute; left: 0px; top: 45px; } .sidenav ul { list-style-type: none; padding: 0px; margin: 0px; } .sidenav li { height: 35px; margin-bottom: 5px; } .sidenav li .line { display: block; width: 6px; height: 35px; background: rgba(41, 81, 99, 0.5); float: left; margin-right: 7px; } .sidenav li.active .line { background: none 0px 0px repeat scroll rgb(140, 241, 255); box-shadow: rgb(0, 153, 255) 0px 0px 40px; } .sidenav li.special .line { background: rgb(255, 255, 0); } .sidenav li.special:hover .line, .sidenav li.special.active .line { box-shadow: rgb(255, 255, 0) 0px 0px 6px; } .sidenav li.special a { color: rgb(126, 127, 2); } .sidenav li.special.active a { color: rgb(255, 255, 0); } .sidenav li.special a:hover { color: rgb(255, 255, 0); } .sidenav li .bg { display: block; width: 168px; height: 35px; float: left; padding-left: 12px; } .sidenav li.active .bg { border-right: 1px solid rgb(0, 178, 196); background-image: -webkit-linear-gradient(left, rgba(48, 145, 250, 0.15) 5%, rgba(17, 53, 89, 0.15) 100%); } .sidenav li a { font-size: 12px; font-family: Electrolize; color: rgb(88, 126, 145); text-transform: uppercase; line-height: 38px; display: block; width: 100%; height: 100%; } .sidenav li a span.bg { font-family: Electrolize; } .sidenav li.active a, .sidenav li a:hover { color: rgb(255, 255, 255); } .sidenav li.disabled a, .sidenav li.disabled a:hover { color: rgb(88, 126, 145); opacity: 0.4; } .sidenav li .badge { background-color: rgb(1, 32, 56); border-radius: 4px; padding: 2px 6px; color: rgb(88, 126, 145); float: right; height: 20px; line-height: 20px; margin: 6px 10px 0px 0px; } #billing.rsvp .inner-content { padding-left: 215px; } #billing.rsvp .list-items .title-col .rsvp-actions { float: right; margin-top: -15px; text-transform: none; } #billing.rsvp .list-items .title-col h3 { pointer-events: none; } #settings .inner-content { padding-left: 215px; } #settings .inner-content .top > h2.title { margin: 0px; padding: 0px; font-size: 22px; color: rgb(78, 224, 255); text-transform: uppercase; } #settings .inner-content .top > p { font-size: 11px; line-height: 16px; color: rgb(97, 141, 150); } #settings .inner-content .top > .separator { margin: 20px 0px 35px; } #settings .inner-content .row { padding: 2px 0px; border-bottom: 1px solid rgb(26, 41, 51); position: relative; z-index: 1; overflow-y: visible !important; } #settings .inner-content .row.active { z-index: 2; } #settings .inner-content .row.country-row { z-index: 3; } #settings .inner-content .row.display { z-index: 4; } #settings .inner-content .row.last { border-bottom: none; } #settings .inner-content .row > .shadow { padding: 13px 0px; margin: 0px; } #settings .inner-content .row.active > .shadow { box-shadow: rgb(26, 41, 51) 0px 30px 30px -30px inset, rgb(26, 41, 51) 0px -30px 30px -30px inset; } #settings .inner-content .row > .shadow > .inner { position: relative; } #settings .inner-content .row > .shadow > .inner label { font-size: 12px; font-weight: 700; color: rgb(153, 153, 153); width: 180px; } #settings .inner-content .row > .shadow > .inner label.gold { color: rgb(255, 255, 0); } #settings .inner-content .row > .shadow > .inner label a { color: rgb(0, 174, 255); } #settings .inner-content .row > .shadow > .inner label.second { margin-top: 30px; } #settings .inner-content .row > .shadow > .inner form label { color: rgb(118, 150, 174); } #settings .inner-content .row > .shadow > .inner label.sub-label { color: rgb(112, 133, 149); font-style: italic; padding-left: 25px; position: relative; display: block; width: 155px; float: left; line-height: 24px; } #settings .inner-content .row > .shadow > .inner label.sub-label span { display: block; width: 16px; height: 9px; background: ; position: absolute; top: 7px; left: 0px; } #settings .inner-content .row > .shadow > .inner .more-info { color: rgb(114, 184, 216); font-size: 12px; line-height: 24px; float: left; } #settings .inner-content .row > .shadow > .inner .more-info a { color: rgb(0, 174, 255); } #settings .inner-content .row > .shadow > .inner .more { padding-top: 10px; } #settings .inner-content .row .col.col-label { width: 180px; float: left; } #settings .inner-content .row .col.col-edit-wrapper { padding-left: 180px; padding-right: 40px; } #settings .inner-content .row .col.col-edit-wrapper > .view { font-size: 12px; line-height: 24px; color: rgb(114, 184, 216); } #settings .inner-content .row .edit { display: block; width: 30px; height: 26px; background: -12px -12px no-repeat; position: absolute; right: 26px; top: 0px; } #settings .inner-content .row .edit.yellow { background: -12px -12px no-repeat; padding-top: 2px; color: rgb(255, 255, 0); font-size: 13px; text-indent: -24px; } #settings .inner-content .row .edit .effect { display: block; width: 54px; height: 50px; position: absolute; top: -12px; left: -12px; background: 0px -50px no-repeat; opacity: 0; } #settings .inner-content .row .edit .effect.yellow { background: 0px -50px no-repeat; opacity: 0; } #settings .inner-content .row .edit:hover .effect, #settings .inner-content .row.active .edit .effect { width: 54px; height: 50px; position: absolute; top: -12px; left: -12px; opacity: 1; } #settings .inner-content .row.languages { z-index: 2; } #settings .inner-content .row.languages .selectlist .scrollable .viewport { width: 175px; } #settings .inner-content .row.languages .selectlist .scrollable .body { width: 170px; } #settings .inner-content .row.xmpp_token input[type="text"] { font-size: 14px; } #settings .inner-content .row.block_invitations .toggle-wrapper { margin-right: 100px; } #settings .inner-content .row.hide_leaderboard .toggle-wrapper { margin-right: 100px; } #settings .inner-content .row.optout_gdpr .toggle-wrapper { margin-right: 100px; } #settings .optout_gdpr.is-hidden { display: none; } #settings .inner-content .row.newsletter_subscription_status .toggle-wrapper { margin-right: 100px; } #settings.overview form { display: none; width: 100%; padding-top: 10px; } #settings.overview .shadow-button { min-width: 30px; } #settings .block-head { margin: 50px 0px 5px; } #settings .block-head h3 { font-size: 15px; border-bottom: 1px solid rgb(78, 224, 255); margin-bottom: 0px; padding-bottom: 5px; text-transform: uppercase; color: rgb(78, 224, 255); position: relative; } #settings .block-head h3::before, #settings .block-head h3::after { content: ""; display: block; position: absolute; bottom: -3px; } #settings .block-head h3::before { width: 130px; height: 2px; left: 0px; background-color: rgb(78, 224, 255); } #settings .block-head h3::after { width: 0px; height: 0px; border-style: solid; border-width: 2px 2px 0px 0px; left: 130px; border-color: rgb(78, 224, 255) transparent transparent; } #settings .block-head p { font-size: 11px; line-height: 16px; color: rgb(97, 141, 150); padding: 0px; margin: 3px 0px 0px; } #settings .inner-content .row > .shadow > .inner label.room { float: left; } #settings .note { border: 1px solid rgb(140, 241, 255); border-radius: 5px; margin: 16px; font-size: 11px; line-height: 14px; padding: 16px; min-height: 28px; position: relative; } #settings .note b { color: rgb(114, 184, 216); } #settings .warning-note { background: 7px 50% no-repeat rgba(178, 34, 34, 0.2); border: 1px solid rgb(80, 42, 54); border-radius: 5px; margin-bottom: 10px; margin-top: 35px; font-size: 12px; line-height: 14px; color: rgb(97, 141, 150); padding: 11px 30px 11px 60px; min-height: 28px; } #settings .warning-note b { color: rgb(255, 255, 255); } #settings fieldset { min-width: 330px; margin-right: 65px; } #settings .corner-wrapper { position: relative; display: inline-block; width: 100%; } #settings input[type="text"], #settings input[type="password"] { background: rgba(0, 0, 0, 0.4); border: 1px solid rgba(22, 42, 63, 0.8); font-size: 12px; color: rgb(53, 94, 120); width: 292px; padding: 8px 15px; display: block; margin: 0px 10px 5px 0px; float: left; box-sizing: border-box; } #settings input[type="text"]:focus, #settings input[type="password"]:focus { border: 1px solid rgb(0, 183, 202); color: rgb(66, 198, 231); box-shadow: rgba(0, 112, 200, 0.3) 0px 0px 20px inset; } #settings .autocomplete input[type="text"].loading { background: 95% 50% no-repeat rgba(0, 0, 0, 0.4); } #settings input[type="submit"] { height: 34px; width: 83px; padding: 0px 0px 0px 20px; margin: 0px; font-family: Electrolize; font-size: 11px; color: rgb(255, 255, 255); text-transform: uppercase; border: none; position: relative; z-index: 2; background: 0px 0px; } #settings .submit-wrapper { height: 40px; width: 83px; margin: 0px; background: ; position: relative; display: block; float: left; } #settings .selectlist.small { width: 100px; float: left; margin-right: 10px; } #settings .selectlist.small span { width: 45px; } #settings .selectlist.small .scrollable { height: 100px !important; } #settings .selectlist.large { width: 320px; float: left; margin-right: 10px; } #settings .selectlist.large span { width: 255px; } #settings .selectlist.large .scrollable { height: 150px !important; } #settings .inner-content .row .selectlist.large .scrollable .viewport { width: 250px; } #settings .inner-content .row .selectlist.large .scrollable .body { width: 245px; } #settings .error-message { background: 7px 50% no-repeat rgba(178, 34, 34, 0.2); border: 1px solid rgb(80, 42, 54); border-radius: 5px; margin-bottom: 10px; font-size: 11px; line-height: 14px; color: rgb(187, 0, 0); padding: 11px 30px 11px 60px; display: none; min-height: 28px; } #settings .error-message strong { color: red; } #settings .success-message { background: 7px 50% no-repeat rgba(55, 158, 63, 0.2); border: 1px solid rgb(31, 82, 53); border-radius: 5px; margin-bottom: 10px; font-size: 11px; line-height: 14px; color: rgb(50, 170, 50); padding: 11px 30px 11px 60px; display: none; min-height: 28px; } #settings .success-message strong { color: rgb(0, 255, 0); } #settings .password-wrapper { position: relative; display: block; width: 292px; float: left; margin-right: 10px; } #settings .password-wrapper .fake-password-input { position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; color: rgb(53, 94, 120); font-size: 12px; line-height: 30px; padding-left: 15px; cursor: text; } #settings.notifications h3 { font-size: 18px; border-bottom: 1px solid rgb(41, 73, 97); padding: 10px 0px 5px; margin-bottom: 18px; } #settings.notifications .block { width: 49%; min-height: 50px; padding: 23px 23px 15px; box-sizing: border-box; } #settings.notifications .block .inner { min-height: 100px; margin: -23px -23px 0px; padding: 23px 23px 0px 125px; } #settings.notifications .block.rss .inner { background: 23px 23px no-repeat rgba(6, 52, 69, 0.2); } #settings.notifications .block.jump-point .inner { background: 23px 23px no-repeat rgba(6, 52, 69, 0.2); } #settings.notifications .block .inner h2 { margin: 0px; font-size: 22px; color: rgb(37, 228, 255); } #settings.notifications .block .inner p { font-size: 11px; line-height: 14px; color: rgb(97, 147, 171); padding: 10px 0px; margin: 0px; } #settings.notifications .block .line { background: rgb(11, 45, 68); border-left: 6px solid rgb(0, 193, 243); border-right: 6px solid rgb(0, 193, 243); height: 1px; } #settings.notifications .block .bottom { padding-top: 15px; font-weight: 700; font-size: 11px; color: rgb(255, 255, 255); } #settings.notifications .block .bottom label { float: left; font-size: 11px; color: rgb(65, 107, 134); font-weight: 700; cursor: pointer; } #settings.notifications .block .bottom label.on { color: rgb(0, 228, 255); } #settings.notifications .block .bottom label.radio { margin-left: 20px; } #settings.notifications .block .bottom label.checkbox { margin-left: -5px; } #settings.notifications .block .bottom label span { padding-left: 30px; } #settings.notifications label span { font-size: 11px; height: 16px; line-height: 14px; } #settings.notifications .tag-wrapper { position: relative; margin-top: 85px; } #settings.notifications .tag-wrapper .btn-all-tag { position: absolute; top: -5px; right: 0px; } #settings.adressbook .add-address-line { height: 4px; background: rgb(18, 28, 41); margin-bottom: -27px; } #settings.adressbook .address-btn { margin-bottom: 27px; } #settings.reset-account .inner-content p { font-size: 14px; } #settings.reset-account .inner-content ul li { font-size: 14px; color: rgb(255, 255, 255); } #settings.reset-account .inner-content a { font-size: 14px; color: rgb(0, 174, 255); } #settings.reset-account .inner-content .reset-account-button { opacity: 0.4; } #settings.adressbook .address-item { width: 404px; height: 192px; background: ; margin: 0px 0px 25px; position: relative; } #settings.adressbook .address-item > .effect { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: ; opacity: 0; } #settings.adressbook .address-item.active > .effect { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: ; opacity: 1; } #settings.adressbook .address-item .buttons-wrapper { width: 144px; height: 39px; position: absolute; top: 1px; right: 1px; background: ; z-index: 3; } #settings.adressbook .address-item .buttons-wrapper .btn { display: block; width: 31px; height: 26px; position: absolute; top: 6px; background: ; } #settings.adressbook .address-item .buttons-wrapper .btn.edit { left: 52px; background-position: 0px 0px; } #settings.adressbook .address-item .buttons-wrapper .btn.close { left: 90px; background-position: -31px 0px; } #settings.adressbook .address-item .buttons-wrapper .btn .effect { width: 100%; height: 100%; background: ; position: absolute; top: 0px; left: 0px; display: block; opacity: 0; } #settings.adressbook .address-item .buttons-wrapper .btn.edit .effect { background-position: 0px -26px; } #settings.adressbook .address-item .buttons-wrapper .btn.close .effect { background-position: -31px -26px; } #settings.adressbook .address-item .buttons-wrapper .btn:hover .effect { opacity: 1; } #settings.adressbook .address-item .address-content { position: relative; z-index: 2; padding: 20px 22px; } #settings.adressbook .address-item .address-content .text { position: relative; padding-left: 20px; } #settings.adressbook .address-item .address-content h3 { margin: 0px 0px 15px; font-size: 22px; color: rgb(37, 228, 255); width: 270px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #settings.adressbook .address-item .address-content h4 { margin: 0px 0px 5px; font-size: 14px; color: rgb(255, 255, 255); font-family: Arial; font-weight: 700; } #settings.adressbook .address-item .address-content p { padding: 0px; margin: 0px; font-size: 11px; color: rgb(97, 147, 171); } #settings.adressbook .address-item .address-content .line { width: 2px; height: 100%; position: absolute; top: 0px; left: 0px; background: rgb(37, 228, 255); box-shadow: rgb(0, 255, 255) 0px 0px 20px; } #settings.adressbook .address-item .address-default-btn { height: 29px; background: 0px -29px no-repeat; position: absolute; bottom: -5px; left: 145px; display: block; padding-left: 52px; font-size: 11px; color: rgb(64, 144, 170); line-height: 30px; z-index: 3; } #settings.adressbook .address-item .address-default-btn .effect { display: block; width: 52px; height: 29px; background: 0px 0px no-repeat; position: absolute; top: 0px; left: 0px; opacity: 0; } #settings.adressbook .address-item .address-default-btn:hover, #settings.adressbook .address-item .address-default-btn.active { color: rgb(255, 255, 255); } #settings.adressbook .address-item .address-default-btn:hover .effect, #settings.adressbook .address-item .address-default-btn.active .effect { opacity: 1; } #settings.profile .avatar-thumb { width: 76px; height: 76px; padding: 4px; background: 50% 50% no-repeat; position: relative; } #settings.profile .avatar-thumb img { background: rgb(0, 0, 0); } #settings.profile .avatar-thumb img[src=""] { display: none; } #settings.profile .avatar-thumb.load { background: 50% 50% no-repeat rgb(0, 0, 0); } #settings.profile .avatar-thumb.load img { opacity: 0; } #settings.profile .button-wrapper { margin: 3px 0px 0px 15px; } #settings.profile .button-wrapper .shadow-button { margin-bottom: 3px; } #settings.profile .button-wrapper .shadow-button.hide { display: none; } #settings.profile .button-wrapper.hide { display: none; } #settings.profile .col-edit-wrapper.hide { display: none; } #settings.profile .woh { margin-top: 10px; } #settings.profile .region { margin-top: 10px; padding-left: 30px; background: 0px 10px no-repeat scroll transparent; z-index: 1; position: relative; } #settings.profile .btn { width: 12px; height: 12px; background: ; display: block; margin: 9px 0px 0px 13px; } #settings.profile .btn:hover { opacity: 0.75; } #settings.profile .btn-add { background-position: -25px 0px; display: none; } #settings.profile .language-row { margin-bottom: 10px; } #settings.profile .language-row.last { margin-bottom: 0px; } #settings.profile .language-row.last .btn-add { display: block; } #settings.profile .language-row.last.max .btn-add { display: none; } #settings.profile .row input[type="text"] { width: 100%; } #settings.profile .row textarea { height: 180px; } #settings.profile .row .corner-wrapper { max-width: 455px; } #settings.profile .apply p { padding: 8px 0px 0px 35px; margin: 0px; color: rgb(97, 141, 150); font-size: 11px; } #settings.profile .apply p strong { color: rgb(114, 184, 216); display: block; } #settings.profile .apply .uimsg { display: none; font-size: 14px; color: rgb(114, 184, 216); font-family: Electrolize; line-height: 32px; } #settings.profile .apply .uimsg.error { color: rgb(187, 0, 0); } #settings.profile .apply .uimsg.success { color: rgb(0, 187, 0); } #settings.profile .upload { overflow: hidden; position: relative; } #settings.profile .upload, #settings.profile .upload input[type="file"] { width: 48px; height: 42px; cursor: pointer; } #settings.profile .upload input[type="file"] { opacity: 0; position: absolute; left: -999px; top: 0px; z-index: 2; cursor: pointer; } #settings.profile .error-message { max-width: 545px; } #settings .preferred-language-text { margin-bottom: 10px; max-width: 455px; color: rgb(153, 153, 153) !important; } #settings.profile #settings-twitch .twitch-legal-text { color: rgb(255, 255, 255); margin-bottom: 10px; max-width: 440px; font-weight: 300; } #settings.profile #settings-twitch .twitch-legal-text a { color: rgb(140, 241, 255); font-weight: 700; } #settings.profile #settings-twitch .add-twitch-button-container.hide, #settings.profile #settings-twitch .delete-twitch-button-container.hide, #settings.profile #settings-twitch .twitch-information-container.hide { display: none; } #settings.ptu .ptucard { position: relative; background: repeat; min-height: 175px; padding: 20px; } #settings.ptu .ptucard p { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(97, 141, 150); } #settings.ptu .ptucard .center { margin: 30px auto 10px; width: 330px; } .nice-box { background: repeat-x, linear-gradient(rgba(9, 12, 15, 0.9) 0%, rgba(14, 29, 42, 0.9) 100%); } #billing .controls { display: block; margin-bottom: 15px; height: 64px; } #billing .controls > div { float: left; margin-right: 15px; } #billing .storefront-selector a { display: block; background: repeat rgb(7, 44, 77); padding: 7px 18px; position: relative; float: left; border-right: 1px solid rgba(0, 0, 0, 0.2); border-top: 1px solid rgb(57, 160, 215); margin-bottom: 20px; } #billing .storefront-selector a .text { color: rgb(204, 204, 204); font-family: Electrolize; font-size: 12px; position: relative; z-index: 2; } #billing .storefront-selector a .effect { background: 0px 0px repeat scroll transparent; height: 100%; left: 0px; opacity: 0; position: absolute; top: 0px; width: 100%; z-index: 1; } #billing .storefront-selector a.on .text { color: rgb(0, 228, 255); } #billing .storefront-selector a:hover .text { color: rgb(255, 255, 255); } #billing .storefront-selector a:first-child { border-radius: 5px 0px 0px 5px; border-left: none; } #billing .storefront-selector a:first-child .effect { border-radius: 5px 0px 0px 5px; } #billing .storefront-selector a:last-child { border-radius: 0px 5px 5px 0px; border-left: none; } #billing .storefront-selector a:last-child .effect { border-radius: 0px 5px 5px 0px; } #billing .storefront-selector a.on .effect { opacity: 1; } #billing .storefront-selector a:active .effect { opacity: 1; } #billing .orderaction-selector a { display: block; background: repeat rgb(7, 44, 77); padding: 8px 12px; position: relative; float: left; border-right: 1px solid rgba(0, 0, 0, 0.2); border-top: 1px solid rgb(57, 160, 215); margin-bottom: 20px; } #billing .orderaction-selector a .text { color: rgb(204, 204, 204); font-family: Electrolize; font-size: 12px; position: relative; z-index: 2; } #billing .orderaction-selector a .effect { background: 0px 0px repeat scroll transparent; height: 100%; left: 0px; opacity: 0; position: absolute; top: 0px; width: 100%; z-index: 1; } #billing .orderaction-selector a.on .text { color: rgb(0, 228, 255); } #billing .orderaction-selector a:hover .text { color: rgb(255, 255, 255); } #billing .orderaction-selector a.cancel-order.on .text { color: rgb(0, 148, 166); } #billing .orderaction-selector a.cancel-order.on:hover .text { color: red; } #billing .orderaction-selector a:first-child { border-radius: 5px 0px 0px 5px; border-left: none; } #billing .orderaction-selector a:first-child .effect { border-radius: 5px 0px 0px 5px; } #billing .orderaction-selector a:last-child { border-radius: 0px 5px 5px 0px; border-left: none; } #billing .orderaction-selector a:last-child .effect { border-radius: 0px 5px 5px 0px; } #billing .orderaction-selector a.on .effect { opacity: 1; } #billing .orderaction-selector a:active .effect { opacity: 1; } #billing .status-selector { margin-bottom: 20px; } #billing .status-selector .tag a { cursor: pointer; } #billing .status-selector .tag { margin: 0px 15px 0px 0px; } #billing .status-selector .tag .tag-content { padding-left: 10px; padding-right: 15px; } #billing .status-selector .tag .tag-content .text { color: rgb(204, 204, 204); } #billing .status-selector .tag.on .tag-content .text { color: rgb(0, 228, 255); } #billing .status-selector .tag:hover .left .effect { opacity: 0; } #billing .status-selector .tag:hover .tag-content .effect { opacity: 0; } #billing .status-selector .tag:hover .tag-content .text { color: rgb(0, 228, 255); } #billing .status-selector .tag:active .tag-content .effect { opacity: 1; } #billing .status-selector .tag.on .left .effect { opacity: 1; } #billing .status-selector .tag.on .tag-content .effect { opacity: 1; } #billing .controls > div.options-selector { float: right; margin: 0px; } #billing .options-selector { padding-bottom: 3px; } #billing .inner-content .top > h2.title { margin: 0px; padding: 0px; font-size: 22px; color: rgb(78, 224, 255); text-transform: uppercase; } #billing .inner-content .top > p { font-size: 11px; line-height: 16px; color: rgb(97, 141, 150); } #billing .inner-content .none > p { font-size: 11px; line-height: 16px; color: rgb(97, 141, 150); } #billing .inner-content .top > .separator { margin: 20px 0px 35px; } #billing .content h3 { font-size: 18px; border-bottom: 1px solid rgb(41, 73, 97); padding-bottom: 5px; margin-bottom: 15px; } #billing .content .bottom.billing-title-pager-wrapper { border-top: 1px solid rgb(41, 73, 97); } #billing .content .row { margin: 0px 0px 15px 9px; background: rgba(23, 29, 37, 0.5); padding: 25px; position: relative; box-sizing: border-box; } #billing .content .row.dark { background: rgba(23, 29, 37, 0.3); } #billing .content ul { margin: 0px; padding: 0px; list-style: none; } #billing .content .row.pledge .line { width: 5px; height: 100%; position: absolute; top: 0px; left: -9px; background: rgb(35, 54, 68); } #billing .content .row.game .line { width: 5px; height: 100%; position: absolute; top: 0px; left: -9px; background: rgba(255, 180, 0, 0.3); } #billing .content .row.rental .line { width: 5px; height: 100%; position: absolute; top: 0px; left: -9px; background: rgba(174, 229, 244, 0.3); } #billing .content .row.rental.ending .line { width: 5px; height: 100%; position: absolute; top: 0px; left: -9px; background: rgba(255, 180, 0, 0.3); } #billing .content .row.rental.expired .line { width: 5px; height: 100%; position: absolute; top: 0px; left: -9px; background: rgba(255, 0, 0, 0.3); } #billing .content .row.rental.inuse .line { width: 5px; height: 100%; position: absolute; top: 0px; left: -9px; background: rgba(0, 255, 0, 0.3); } #billing .content .row.active { border-top: 2px solid rgb(36, 66, 86); border-bottom: 2px solid rgb(36, 66, 86); background: rgba(12, 27, 43, 0.5); margin-top: -2px; } #billing .content .row > .line .effect { width: 100%; height: 100%; background: rgb(140, 241, 255); box-shadow: rgba(0, 153, 255, 0.7) 0px 0px 40px; opacity: 0; } #billing .content .row.pledge > .line .effect { width: 100%; height: 100%; background: rgb(140, 241, 255); box-shadow: rgba(0, 153, 255, 0.7) 0px 0px 40px; opacity: 0; } #billing .content .row.game > .line .effect { width: 100%; height: 100%; background: rgba(255, 180, 0, 0.6); box-shadow: rgba(255, 180, 0, 0.6) 0px 0px 40px; opacity: 0; } #billing .content .row.rental > .line .effect { width: 100%; height: 100%; background: rgba(174, 229, 244, 0.6); box-shadow: rgba(174, 229, 244, 0.6) 0px 0px 40px; opacity: 0; } #billing .content .row.ending > .line .effect { width: 100%; height: 100%; background: rgba(255, 180, 0, 0.6); box-shadow: rgba(255, 180, 0, 0.6) 0px 0px 40px; opacity: 0; } #billing .content .row.expired > .line .effect { width: 100%; height: 100%; background: rgba(255, 0, 0, 0.6); box-shadow: rgba(255, 0, 0, 0.6) 0px 0px 40px; opacity: 0; } #billing .content .row.inuse > .line .effect { width: 100%; height: 100%; background: rgba(0, 255, 0, 0.6); box-shadow: rgba(0, 255, 0, 0.6) 0px 0px 40px; opacity: 0; } #billing.pledges .inner-content { padding-left: 215px; } #billing.pledges .inner-content .hangar-info { margin: 0px 0px 40px; padding: 10px; -webkit-font-smoothing: antialiased; background: rgba(22, 104, 159, 0.2); } #billing.pledges .inner-content .hangar-info .hangar-info-content { clear: both; } #billing.pledges .inner-content .hangar-info .hangar-info-content-left { display: inline-block; vertical-align: top; width: 45%; } #billing.pledges .inner-content .hangar-info .hangar-info-content-right { display: inline-block; vertical-align: top; width: 50%; } #billing.pledges .inner-content .hangar-info .hangar-info-content .hangar-info-image { width: 326px; height: 211px; } #billing.pledges .inner-content .hangar-info .hangar-info-content .hangar-info-image img { width: 100%; height: auto; } #billing.pledges .inner-content .hangar-info .hangar-info-content .title { padding: 0px 40px 0px 0px; } #billing.pledges .inner-content .hangar-info .hangar-info-content .title h2 { font-family: Electrolize, Arial, Helvetica, sans-serif; font-size: 28px; line-height: 32px; font-weight: 400; text-transform: uppercase; text-shadow: rgb(0, 153, 255) 0px 0px 20px; color: rgb(0, 231, 255); margin-bottom: 10px; } #billing.pledges .inner-content .hangar-info .hangar-info-content .description { font-family: Electrolize, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; color: rgb(255, 255, 255); width: 90%; } #billing.pledges .inner-content .hangar-info .hangar-info-content .actions { margin: 25px 0px 0px; padding: 0px 25px 0px 0px; text-align: right; } #billing.pledges .inner-content .hangar-info .hangar-info-content .actions a { position: relative; font-family: Electrolize, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 400; text-transform: uppercase; color: rgb(0, 231, 255); text-shadow: rgb(0, 153, 255) 0px 0px 20px; } #billing.pledges .inner-content .hangar-info .hangar-info-content .actions a:hover { color: rgb(255, 255, 255); } #billing.pledges .inner-content .hangar-info .hangar-info-content .actions a .actions-link-arrows { position: absolute; top: -10px; left: -10px; } #billing.pledges .inner-content .hangar-info .hangar-info-content .actions a .actions-link-arrows i { display: inline-block; width: 47px; height: 37px; margin-left: -41px; background-image: ; opacity: 0.7; } #billing.pledges .inner-content .hangar-info .hangar-info-content .actions a:hover .actions-link-arrows { left: -8px; } @media only screen and (max-width: 1024px) { #billing.pledges .inner-content .hangar-info .hangar-info-content-left { width: 50%; } #billing.pledges .inner-content .hangar-info .hangar-info-content-right { width: 50%; } #billing.pledges .inner-content .hangar-info .hangar-info-content .title h2 { font-size: 24px; line-height: 28px; } } @media only screen and (max-width: 768px) { #billing.pledges .inner-content .hangar-info .hangar-info-content-left { width: 50%; } #billing.pledges .inner-content .hangar-info .hangar-info-content-right { width: 50%; } } @media only screen and (max-width: 736px) { #billing.pledges .inner-content .hangar-info .hangar-info-content-left { width: 53%; } #billing.pledges .inner-content .hangar-info .hangar-info-content-right { width: 47%; } } @media only screen and (max-width: 680px) { #billing.pledges .inner-content .hangar-info .hangar-info-content-left { width: 100%; } #billing.pledges .inner-content .hangar-info .hangar-info-content-right { width: 100%; } #billing.pledges .inner-content .hangar-info .hangar-info-content .hangar-info-image { width: 100%; height: auto; } #billing.pledges .inner-content .hangar-info .hangar-info-content .title { padding: 0px 120px 0px 0px; } #billing.pledges .inner-content .hangar-info .hangar-info-content .actions { margin: 25px 0px 10px; } } #billing.pledges.hangar-config .inner-content { padding-left: 0px; } #billing.pledges .list-items .title-col h3.upgraded { border-color: rgb(255, 205, 71); } #billing.pledges span.upgraded { margin-left: 15px; } #billing.pledges .content .row .shadow-button.upgrade { padding: 0px 8px 0px 0px; min-width: 0px; width: 3px; margin-left: 20px; height: 32px; line-height: 32px; transition: width 0.3s ease-in-out 0s, visibility 1s linear 0s; } #billing.pledges .content .row .shadow-button.upgrade:hover { padding: 0px 8px 0px 25px; width: 45px; } #billing.pledges .content .row .shadow-button.upgrade .label { opacity: 0; transition: none 0s ease 0s; text-transform: none; } #billing.pledges .content .row .shadow-button.upgrade:hover .label { opacity: 1; transition: opacity 0.3s linear 0.2s; } #billing .content .row.active > .line .effect { opacity: 1; } #billing .content .row .more { display: none; } #billing .content .row.active .more { display: block; } #billing .content .row.active .more { margin-top: 6px; background: left top repeat-x, left bottom repeat-x, rgba(0, 0, 0, 0.4); } #billing .content .row.active .more .with-images { margin: 0px -17px 40px; } #billing .content .row.active .more .with-images .item { background: rgba(0, 200, 255, 0.05); width: 100%; min-height: 90px; display: inline-block; vertical-align: top; margin-left: 11px; margin-bottom: 20px; border: 1px solid rgba(0, 170, 255, 0.15); border-radius: 2px; } #billing .content .row.active .more .with-images .item .image { width: 97px; height: 67px; float: left; background-size: cover; background-position: center center; margin: 12px 0px 12px 15px; } #billing .content .row.active .more .with-images .item .text { float: left; margin-left: 15px; margin-bottom: 12px; width: 190px; } #billing .content .row.active .more .with-images .item .text .title { font-size: 14px; color: rgb(189, 206, 212); font-weight: 700; margin-top: 10px; max-width: 100%; overflow-wrap: break-word; font-family: Electrolize; text-transform: uppercase; } #billing .content .row.active .more .with-images .item .text .kind { font-size: 11px; font-style: italic; color: rgb(0, 186, 255); } #billing .content .row.active .more .with-images .item .text .liner { font-size: 11px; color: rgb(0, 222, 255); } #billing .content .row.active .more .with-images .item .text .liner span { font-family: Electrolize; font-size: 11px; color: rgb(255, 255, 255); } #billing .content .row.active .more .with-images .item .custo-row { padding: 20px; margin: 18px; display: none; clear: both; background-color: rgba(29, 63, 98, 0.3); } #billing .content .row.active .more .with-images .item.item--expanded .custo-row { display: block; } #billing .content .row.active .more .with-images .item .customize-button-ico { position: absolute; left: 0px; top: 6px; } #billing .content .row.active .more .with-images .item .custo-link { position: relative; margin: 20px 0px 10px; display: inline-block; padding: 5px 0px; font-family: Electrolize; font-size: 12px; color: rgb(0, 222, 255); } #billing .content .row.active .more .with-images .item .custo-link span { position: absolute; right: -21px; top: 7px; width: 10px; height: 12px; background: -64px 97px; transition: all 0.18s ease-out 0s; transform-origin: 50% 50%; transform: rotate(90deg); } #billing .content .row.active .more .with-images .item.item--expanded .custo-link span { transform: rotate(-90deg); } #billing .content .row.active .more .with-images .item .custo-row .custo-row-inner { display: flex; } #billing .content .row.active .more .with-images .item .custo-col { flex: 1 1 0%; padding: 10px; } #billing .content .row.active .more .with-images .item .custo-cat { padding: 0px 0px 10px; font-size: 14px; color: rgb(0, 222, 255); text-shadow: rgb(0, 163, 255) 0px 0px 20px; text-transform: uppercase; font-family: Electrolize; } #billing .content .row.active .more .with-images .item .custo-slot { padding: 0px; font-size: 12px; line-height: 14px; color: rgb(190, 196, 199); font-family: Electrolize; } #billing .content .row.active .more .with-images .item ul { padding: 1px 0px 15px 20px; list-style-type: disc; font-family: Electrolize; } #billing .content .row.active .more .with-images .item .custo-choice { padding: 0px; font-size: 12px; line-height: 14px; color: rgb(139, 156, 166); } #billing .content .row.active .more .also-contains { color: rgb(0, 231, 255); font-size: 18px; font-family: Electrolize; text-transform: uppercase; border-bottom: 1px solid rgb(34, 61, 84); } #billing .content .row.active .more .without-images { margin-left: -10px; margin-top: 20px; margin-bottom: 20px; } #billing .content .row.active .more .without-images .item { background: left center no-repeat; height: 35px; padding-left: 35px; float: left; width: 307px; } #billing .content .row.active .more .without-images .item .title { color: rgb(189, 206, 212); font-size: 13px; font-weight: 700; line-height: 35px; font-family: Electrolize; } #billing .content .row .arrow { display: block; position: absolute; top: 25px; right: 28px; width: 17px; height: 20px; background: -22px -13px; } #billing .content .row .arrow .effect { display: block; width: 56px; height: 56px; position: absolute; top: -17px; left: -22px; background: 0px -51px; opacity: 0; } #billing .content .row.active .arrow { transform: rotate(90deg); } #billing .content .row.executed { background: ; } #billing .content .row .arrow:hover .effect, #billing .content .row.active .arrow .effect { opacity: 1; } #billing .content .row .basic-infos { font-size: 12px; color: rgb(169, 205, 226); } #billing .content .row .basic-infos .col { float: left; line-height: 18px; width: 16%; padding: 0px 12px; background: right top no-repeat; box-sizing: border-box; } #billing .content .row .basic-infos .col.small { width: 11%; } #billing .content .row .basic-infos .col.last { background: 0px 0px; } #billing .content .row .basic-infos .col.date { width: 18%; padding-left: 0px; } #billing .content .row .basic-infos .col.amount { font-size: 16px; color: rgb(80, 220, 255); } #billing .content .row.game .basic-infos .col.amount { color: rgb(255, 180, 0); } #billing .content .row.rental .basic-infos .col.amount { color: rgb(174, 229, 244); } #billing .content .row .basic-infos .col.status-I { color: rgb(255, 185, 0); } #billing .content .row .basic-infos .col.status-O { color: rgb(255, 185, 0); } #billing .content .row .basic-infos .col.status-C { color: rgb(0, 255, 0); } #billing .content .row .basic-infos .col.status-X { color: red; } #billing .content .row .basic-infos .col.payment-yellow { color: rgb(255, 185, 0); } #billing .content .row .basic-infos .col.payment-green { color: rgb(0, 255, 0); } #billing .content .row .basic-infos .col.payment-red { color: red; } #billing .content .row .basic-infos .col.fulfillment-yellow { color: rgb(255, 185, 0); } #billing .content .row .basic-infos .col.fulfillment-yellow a { font-weight: 700; color: rgb(255, 185, 0); } #billing .content .row .basic-infos .col.fulfillment-green { color: rgb(0, 255, 0); } #billing .content .row .basic-infos .col.fulfillment-red { color: red; } #billing .content .row .basic-infos .col > span { display: block; font-size: 11px; font-weight: 700; color: rgb(93, 120, 132); } #billing .content .row .more table { border: none; font-size: 11px; color: rgb(169, 205, 226); width: 100%; text-align: left; } #billing .content .row .more table.billing-summary th { border-bottom: 3px solid rgb(82, 125, 142); font-size: 14px; font-weight: 700; color: rgb(255, 255, 255); padding-bottom: 5px; text-align: left; } #billing .content .row .more table.billing-summary th.item { width: 34%; } #billing .content .row .more table.billing-summary th.price { width: 13%; } #billing .content .row .more table.billing-summary th.qty { width: 11%; } #billing .content .row .more table.billing-summary th.discount { width: 14%; } #billing .content .row .more table.billing-summary td { padding: 10px 0px; border-bottom: 1px solid rgb(20, 44, 69); } #billing .content .row .more table.billing-summary td.included { padding: 10px 0px 10px 20px; } #billing .content .row .more table.billing-summary tr.cust-title td { font-size: 10px; border-bottom: 0px; color: rgb(255, 255, 255); } #billing .content .row .more table.billing-summary tr.cust-item td:nth-of-type(1) { padding: 5px 0px 0px 10px; } #billing .content .row .more table.billing-summary .tracking-button { text-align: center; } #billing .content .billing-summary span.discounted { color: rgb(0, 187, 187); } #billing .content .payment-wrapper span.discounted { color: rgb(0, 187, 187); } #billing .content .payment-wrapper { border-top: 3px solid rgb(82, 125, 142); } #billing .content .payment-wrapper th { text-align: left; } #billing .content .payment-wrapper .address { float: left; width: 45%; } #billing .content .payment-wrapper .address h4 { font-size: 14px; font-family: Arial; font-weight: 700; margin: 5px 0px 0px; } #billing .content .payment-wrapper .address p { font-size: 11px; color: rgb(93, 120, 132); } #billing .content .payment-wrapper .address p strong { font-size: 12px; color: rgb(0, 222, 255); } #billing .content .payment-wrapper > .left-section { float: left; width: 51.3%; min-height: 1px; } #billing .content .payment-wrapper > .right-section { float: left; width: 48.7%; } #billing .content .payment-wrapper > .right-section .s-row { padding: 10px 0px; border-bottom: 1px solid rgb(20, 44, 69); font-size: 11px; color: rgb(169, 205, 226); } #billing .content .payment-wrapper > .right-section .s-row.last { border-bottom: none; } #billing .content .payment-wrapper > .right-section .s-row strong { font-size: 12px; color: rgb(255, 255, 255); display: inline-block; width: 27%; text-align: right; padding-right: 15%; } #billing .content .payment-wrapper .track-shipping { margin-top: 10px; } #billing .content .subscriptions-wrapper { border-top: 5px solid rgb(255, 238, 193); padding: 30px; } #billing .content .subscriptions-wrapper.last { border-bottom: 5px solid rgb(255, 238, 193); margin-bottom: 40px; } #billing .content .subscriptions-wrapper.active { background: center bottom repeat-x, center top repeat-x; } #billing .content .subscriptions-wrapper .badge h3 { font-size: 30px; color: rgb(0, 252, 255); border: none; text-shadow: rgb(0, 237, 255) 0px 0px 20px; margin: 0px; padding: 16px 0px 0px 97px; position: relative; } #billing .content .subscriptions-wrapper .badge h3 span { position: absolute; top: -15px; left: 0px; width: 85px; height: 102px; display: block; background-position: center center; background-size: 100%; background-repeat: no-repeat; } #billing .content .subscriptions-wrapper.past .badge h3 span { float: left; width: 67px; height: 102px; display: block; background: no-repeat; } #billing .content .subscriptions-wrapper.past .badge h3 { font-size: 18px; color: rgb(0, 252, 255); border: none; text-shadow: rgb(0, 237, 255) 0px 0px 20px; margin: 0px; padding: 12px 0px 0px 97px; position: relative; } #billing .content .subscriptions-wrapper .text { width: 66.66%; float: left; margin-top: 30px; } #billing .content .subscriptions-wrapper .text p { font-size: 11px; line-height: 20px; color: rgb(133, 155, 166); padding-top: 0px; margin-top: 0px; } #billing .content .subscriptions-wrapper .col { float: left; line-height: 18px; padding: 0px 2% 0px 0px; margin-right: 2.5%; background: right top no-repeat; font-size: 11px; color: rgb(107, 125, 134); box-sizing: border-box; } #billing .content .subscriptions-wrapper.ended { border-top: 5px solid rgb(107, 125, 134); padding: 10px 30px; } #billing .content .subscriptions-wrapper.ended.last { border-bottom: 5px solid rgb(107, 125, 134); } #billing .content .subscriptions-wrapper.ended h2 { margin: 0px; color: rgb(240, 240, 240); font-size: 20px; } #billing .content .subscriptions-wrapper.ended .basic-infos { margin-top: 0px; } #billing .content .subscriptions-wrapper.ended .col > span { color: rgb(240, 240, 240); } #billing .content .subscriptions-wrapper.ended .basic-infos .button { color: rgb(240, 240, 240); } #billing .content .subscriptions-wrapper.ended .history-wrapper { margin-top: 10px; } #billing .content .active-sub .subscriptions-wrapper:last-child { border-bottom: 5px solid rgb(255, 238, 193); margin-bottom: 20px; } #billing .content .subscriptions-wrapper.ended .history-wrapper table th { color: rgb(240, 240, 240); } #billing .content .top .credits { display: block; float: left; padding: 0px 10px 0px 30px; position: relative; margin-bottom: 30px; } #billing .content .credit-line, #billing .content .spent-line { display: inline-block; margin-right: 20px; } #billing .content .spent-line.time { margin-bottom: 40px; } #billing .content .top .credits .corner { position: absolute; background: ; width: 6px; height: 6px; display: block; } #billing .content .top .credits .corner-top-left { top: -5px; left: 0px; background-position: 0px 0px; } #billing .content .top .credits .corner-top-right { top: -5px; right: 0px; background-position: -30px 0px; } #billing .content .top .credits .corner-bottom-left { bottom: -5px; left: 0px; background-position: 0px -30px; } #billing .content .top .credits .corner-bottom-right { bottom: -5px; right: 0px; background-position: -30px -30px; } #billing .content .top .credits .credit-log { float: right; height: auto; } #billing .content .top .pledge-log, #billing .content .top .ship-upgrade, #billing .content .top .rental-log { float: right; } #billing .content .top .ship-upgrade { margin-right: 25px; } #billing .content .credit-line em, #billing .content .spent-line em { font-size: 23px; color: rgb(37, 228, 255); font-family: Electrolize; text-decoration: none; font-style: normal; } #billing .content .credit-line.uec em, #billing .content .spent-line.uec em { color: rgb(255, 180, 0); text-shadow: rgb(255, 180, 0) 0px 0px 20px; } #billing .content .credit-line.rec em, #billing .content .spent-line.rec em { color: rgb(174, 229, 244); text-shadow: rgb(174, 229, 244) 0px 0px 20px; } #billing .content .credit-line > span, #billing .content .spent-line > span { font-size: 10px; color: rgb(108, 132, 162); font-family: Electrolize; display: block; text-transform: uppercase; } #billing .content .subscriptions-wrapper .col.last { background: 0px 0px; } #billing .content .subscriptions-wrapper .col > span { display: block; font-size: 12px; font-weight: 700; color: rgb(255, 255, 255); } #billing .content .subscriptions-wrapper .basic-infos { margin-top: 40px; position: relative; } #billing .content .subscriptions-wrapper .basic-infos .button-wrapper { float: right; } #billing .content .subscriptions-wrapper .basic-infos .button { display: block; font-size: 11px; font-family: Electrolize; color: rgb(255, 255, 255); padding-left: 30px; width: 125px; position: relative; margin-bottom: 6px; } #billing .content .subscriptions-wrapper .basic-infos .button .icon { display: block; width: 12px; height: 12px; background: -63px -81px; position: absolute; top: 2px; left: 6px; } #billing .content .subscriptions-wrapper .basic-infos .button .icon > .effect { display: block; width: 24px; height: 24px; background: -57px -51px; position: absolute; top: -6px; left: -6px; opacity: 0; } #billing .content .subscriptions-wrapper .basic-infos .button:hover .icon > .effect, #billing .content .subscriptions-wrapper .basic-infos .button.history:hover .icon > .effect, #billing .content .subscriptions-wrapper.active .basic-infos .button.history .icon > .effect { opacity: 1; } #billing .content .subscriptions-wrapper .basic-infos .button.history .icon { width: 9px; height: 10px; background-position: -65px -11px; left: 8px; top: 3px; } #billing .content .subscriptions-wrapper .basic-infos .button.history .icon > .effect { display: block; width: 22px; height: 22px; background: -57px -27px; position: absolute; top: -6px; left: -8px; opacity: 0; } #billing .content .subscriptions-wrapper.active .basic-infos .button.history .icon { left: 7px; transform: rotate(90deg); } #billing .content .subscriptions-wrapper .history-wrapper { display: none; } #billing .content .subscriptions-wrapper .history-wrapper table { border: none; font-size: 11px; color: rgb(169, 205, 226); width: 100%; text-align: left; } #billing .content .subscriptions-wrapper .history-wrapper table th { border-bottom: 3px solid rgb(82, 125, 142); font-size: 14px; font-weight: 700; color: rgb(255, 255, 255); padding-bottom: 5px; text-align: left; } #billing .content .subscriptions-wrapper .history-wrapper table th.date { width: 14.35%; } #billing .content .subscriptions-wrapper .history-wrapper table th.description { width: 17.4%; } #billing .content .subscriptions-wrapper .history-wrapper table th.due { width: 22.5%; } #billing .content .subscriptions-wrapper .history-wrapper table td { padding: 10px 0px; border-bottom: 1px solid rgb(20, 44, 69); } #billing.pledges .content .list-items .row .col { padding: 0px; background: 0px 0px; width: 100%; } #billing.pledges .list-items .item-image-wrapper { float: left; margin-right: 20px; } #billing.pledges .list-items .item-image-wrapper.executed { background: rgba(0, 0, 0, 0.3); } #billing.pledges .list-items .item-image-wrapper .image { background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100px; height: 100px; } #billing.pledges .list-items .title-col { color: rgb(255, 255, 255); } #billing.pledges .list-items .title-col h3 { font-size: 20px; color: rgb(97, 216, 253); text-transform: uppercase; margin: 10px 0px 0px; } #billing.pledges .list-items .title-col .availability { font-size: 10px; color: rgb(0, 255, 0); text-transform: uppercase; margin: 0px; font-family: Arial; } #billing.pledges .list-items .title-col span.upgraded { font-size: 10px; color: rgb(224, 178, 61); text-transform: uppercase; margin: 0px; font-family: Arial; } #billing.pledges .list-items .title-col .availability.yellow { color: rgb(255, 174, 0); } #billing.pledges .list-items .title-col .availability.red { color: red; } #billing.pledges .list-items .title-col .availability.executed { color: rgb(245, 245, 245); } #billing.pledges .list-items .title .link { color: rgb(0, 174, 255); transition: color 0.3s ease 0s; } #billing.pledges .list-items .title .link:hover { color: rgb(0, 153, 255); } #billing.pledges .wrapper-col { margin-left: 140px; } #billing.pledges .description-col { font-size: 16px; color: rgb(189, 206, 212); font-family: Electrolize; padding-top: 10px; } #billing.pledges .date-col { width: 45%; float: left; font-size: 16px; color: rgb(189, 206, 212); font-family: Electrolize; padding-top: 10px; } #billing.pledges .items-col { width: 45%; float: left; font-size: 16px; color: rgb(189, 206, 212); font-family: Electrolize; padding-top: 10px; } #billing.pledges .content .row .arrow { top: 125px; } #billing.pledges .items h2 { float: left; } #billing.pledges .items .shadow-button, #billing.pledges .items .selectlist { float: right; margin-right: 20px; margin-top: 18px; } #billing.pledges .package { background: rgba(19, 47, 69, 0.3); width: 248px; display: inline-block; border: 1px solid rgb(0, 91, 129); border-radius: 5px; text-align: left; margin: 0px 25px 55px; position: relative; vertical-align: top; } #billing.pledges .package .illuminator { background: rgb(49, 205, 255); width: 57px; height: 1px; left: 50%; margin-left: -28px; box-shadow: rgb(0, 153, 255) 0px 0px 25px; } #billing.pledges .package .illuminator.top { top: -1px; } #billing.pledges .package .illuminator.bottom { top: auto; bottom: -1px; } #billing.pledges .package .icon { width: 100%; height: 188px; background-position: center center; background-repeat: no-repeat; } #billing.pledges .package .heading { background: rgba(0, 0, 0, 0.5); padding: 18px; } #billing.pledges .package .heading h4 { margin: 0px; font-size: 18px; color: rgb(0, 240, 255); } #billing.pledges .package .heading .price { margin: 0px; font-family: Electrolize, Arial, Helvetica, sans-serif; font-size: 14px; color: rgb(255, 174, 0); } #billing.pledges .package .heading .price span { color: rgb(255, 255, 255); } #billing.pledges .package .btn { background: rgba(0, 87, 152, 0.2); width: 203px; margin: 0px 0px 0px 11px; padding: 10px 0px; float: left; font-family: Electrolize, Tahoma, Arial, Helvetica, sans-serif; color: rgb(0, 255, 0); text-align: center; position: relative; } #billing.pledges .package ul { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(255, 255, 255); vertical-align: top; display: inline-block; line-height: 13px; padding: 0px; margin: 5px 0px 0px; } #billing.pledges .package ul li { list-style-type: none; background: 0px center no-repeat; margin: 0px; padding-left: 15px; line-height: 16px; } #billing.pledges .package .package-content { padding: 18px 0px; display: none; } #billing.pledges .package .package-content h4 { margin: 0px; font-size: 14px; color: rgb(0, 240, 255); text-transform: uppercase; } #billing.pledges .package .package-content p { margin: 0px; font-size: 12px; } #billing.pledges .package .package-content p.up { color: rgb(255, 174, 0); text-transform: uppercase; } #billing.pledges .package .package-content span.wgr_rating::before { content: "★"; } #billing.pledges .package .package-content .block { padding: 9px 18px; background: rgba(0, 0, 0, 0.5); border-top: 1px solid rgb(0, 91, 129); } #billing.pledges .package .package-content .block:last-child { border-bottom: 1px solid rgb(0, 91, 129); } #billing.pledges .package .package-content .block:nth-child(2n+1) { background: rgba(0, 0, 0, 0.2); } #billing.pledges .package .getpackage { margin: 30px 18px 20px 0px; float: right; text-transform: uppercase; } #billing.pledges .package .getpackage span { background: rgb(0, 204, 255); width: 5px; height: 100%; left: -11px; } #billing.pledges .package .getpackage:hover { background: rgba(0, 173, 255, 0.3); color: rgb(255, 255, 255); } #billing.pledges .package .getpackage:hover span { background: rgb(255, 255, 255); box-shadow: rgb(0, 153, 255) 0px 0px 25px; } #billing.rentals .wrapper-col { margin-left: 142px; } #billing.rentals .list-items .title-col .created { font-size: 10px; color: rgb(189, 206, 212); text-transform: uppercase; margin: 0px; font-family: Arial; } #billing.rentals .items-col { width: 45%; } #billing.rentals .days-col { width: 45%; float: left; font-size: 16px; color: rgb(189, 206, 212); font-family: Electrolize; padding-top: 10px; } #billing.rentals .days-col span { font-family: Electrolize; } #billing.rentals .period-col { width: 90%; float: left; font-size: 16px; color: rgb(189, 206, 212); font-family: Electrolize; padding-top: 10px; } #billing.rentals .period-col .period-time-left { float: left; position: relative; border: 1px solid rgb(97, 216, 253); background: rgba(255, 255, 255, 0.1); width: 65%; height: 24px; text-align: center; line-height: 24px; font-size: 11px; font-family: Electrolize; margin-right: 10px; } #billing.rentals .period-col .period-time-left div { position: absolute; height: 100%; left: 0px; top: 0px; background: rgb(140, 241, 255); opacity: 0.2; } #billing.rentals .period-col .shadow-button { float: right; } #billing.hangar-config.content-block1 .content { background: 0px 0px; } #billing.hangar-config .content .row.active { border: none; background: rgba(23, 29, 37, 0.3); margin-left: 0px; } #billing.hangar-config .content .row.active .more { padding-bottom: 34px; } #billing.hangar-config .content .row.active .more .with-images { width: 814px; margin: 0px auto; } #billing.hangar-config .content .row.active .more .hg-row { float: left; margin: 0px 7px 13px; } #billing.hangar-config .draggable-content { position: relative; } #billing.hangar-config .draggable-content * { font-family: Electrolize; } #billing.hangar-config .draggable-content > p { color: rgb(177, 216, 241); font-size: 14px; line-height: 22px; margin-top: 30px; } #billing.hangar-config .draggable-content > p strong { color: rgb(255, 255, 255); } #billing.hangar-config .draggable-content .shadow-button { float: right; margin-right: 20px; margin-top: 18px; } #billing.hangar-config .draggable-content .shadow-button .label { font-family: Tahoma, Arial, Helvetica, sans-serif; } #billing.hangar-config .draggable-content #your-ships { float: left; } #billing.hangar-config .draggable-content #selected-ships { float: right; } #billing.hangar-config .draggable-content #your-ships > h3, #billing.hangar-config .draggable-content #selected-ships > h3 { color: rgb(180, 222, 237); border-bottom: 0px; font-size: 14px; text-transform: uppercase; margin-bottom: 0px; } #billing.hangar-config .draggable-content #your-ships .content-block3, #billing.hangar-config .draggable-content #selected-ships .content-block3 { position: relative; } #billing.hangar-config .draggable-content .draggable-list { width: 470px; height: 600px; } #billing.hangar-config .draggable-content .draggable-list.content-block3 { padding: 15px 0px 20px; background-color: rgba(22, 75, 128, 0.05); } #billing.hangar-config .draggable-content .draggable-list h3 { height: 36px; text-transform: uppercase; line-height: 17px; margin: 10px 0px 0px 15px; font-size: 14px; padding: 0px; border: 0px; float: left; color: rgb(12, 177, 199); } #billing.hangar-config .draggable-content .draggable-list h3 > span { display: block; font-size: 9px; color: rgb(29, 65, 101); } #billing.hangar-config .draggable-content .draggable-list h3 .label { float: left; margin-right: 5px; } #billing.hangar-config .draggable-content .draggable-list h3 .js-status span { display: none; } #billing.hangar-config .draggable-content .draggable-list h3 .js-status.empty span.empty { color: rgb(255, 24, 0); display: block; } #billing.hangar-config .draggable-content .draggable-list h3 .js-status.available span.available { color: rgb(255, 255, 0); display: block; } #billing.hangar-config .draggable-content .draggable-list h3 .js-status.full span.full { color: rgb(41, 253, 54); display: block; } #billing.hangar-config .draggable-content .draggable-list .rules { float: right; } #billing.hangar-config .draggable-content .draggable-list .rules .sizes { margin-top: 15px; font-size: 0px; } #billing.hangar-config .draggable-content .draggable-list .rules .sizes .size { display: inline-block; color: rgb(255, 255, 255); line-height: 21px; height: 21px; font-size: 12px; padding-left: 7px; position: relative; } #billing.hangar-config .draggable-content .draggable-list .rules .sizes .size .label { display: block; float: left; color: rgb(27, 68, 107); font-size: 13px; text-align: center; width: 12px; position: relative; } #billing.hangar-config .draggable-content .draggable-list .rules .sizes .size .label .light { width: 12px; height: 2px; background-color: rgb(27, 68, 107); display: block; bottom: 0px; left: 0px; position: absolute; } #billing.hangar-config .draggable-content .draggable-list .rules .sizes .size .label.active { color: rgb(0, 228, 255); text-shadow: rgb(0, 108, 255) 0px 0px 20px; } #billing.hangar-config .draggable-content .draggable-list .rules .sizes .size .label.active .light { background-color: rgb(0, 228, 255); } #billing.hangar-config .draggable-content .draggable-list .bay { position: relative; } #billing.hangar-config .draggable-content .draggable-list .list-items { clear: both; min-height: 81px; margin-bottom: 25px; position: relative; margin-left: 15px; } #billing.hangar-config .draggable-content .draggable-list .list-items p { display: none; line-height: 20px; text-align: center; font-size: 14px; padding-top: 20px; color: rgb(116, 216, 253); text-transform: uppercase; width: 393px; margin: 0px; position: absolute; left: 0px; top: 0px; } #billing.hangar-config .draggable-content .draggable-list .list-items p span { font-size: 11px; } #billing.hangar-config .draggable-content .draggable-list .list-items.empty { border: 1px solid rgb(36, 176, 252); background: center center no-repeat rgba(0, 0, 0, 0.6); } #billing.hangar-config .draggable-content .draggable-list .list-items.empty p { display: block; text-shadow: rgb(0, 108, 255) 0px 0px 20px; } #billing.hangar-config .draggable-content .draggable-list .list-items li { min-height: 83px; margin: 0px; } #billing.hangar-config .draggable-content .draggable-list.f_left .list-items { min-height: 560px; } #billing.hangar-config .hg-row { margin-bottom: 13px; cursor: pointer; position: relative; height: 57px; width: 187px; padding: 13px 13px 13px 193px; background: center bottom no-repeat; } #billing.hangar-config .hg-row img { border: 1px solid rgb(14, 57, 99); } #billing.hangar-config .hg-row img.full { z-index: 3; width: 167px; height: 57px; display: block; position: absolute; left: 15px; top: 13px; } #billing.hangar-config .hg-row img.mobile { display: none; position: absolute; left: 15px; top: 13px; } #billing.hangar-config .hg-row .info { z-index: 3; font-size: 12px; color: rgb(136, 163, 173); text-transform: none; padding-right: 10px; position: relative; display: table-cell; vertical-align: middle; height: 57px; } #billing.hangar-config .hg-row .info span { font-size: 12px; color: rgb(116, 216, 253); text-transform: uppercase; } #billing.hangar-config .hg-row .hover { z-index: 2; opacity: 0; position: absolute; left: 0px; top: 0px; height: 83px; width: 393px; background: center top no-repeat; } #billing.hangar-config .hg-row:hover { background: 0px 0px; } #billing.hangar-config .hg-row:hover img { border-color: rgb(16, 174, 255); box-shadow: rgba(0, 108, 255, 0.5) 0px 0px 28px 0px; } #billing.hangar-config .hg-row:hover .hover { opacity: 1; } #billing.hangar-config .hg-row.active, #billing.hangar-config .hg-row.active:hover { background-position: center -83px; } #billing.hangar-config .draggable-content .draggable-list.is_mobile { overflow: scroll; } #billing.hangar-config .draggable-content .draggable-list.scrollable.fancy .scrollbar { width: 22px; margin: 0px 20px; } #billing.hangar-config .draggable-content .draggable-list.scrollable.fancy .scrollbar .track { margin: 0px 5px; } #billing.hangar-config .draggable-content .draggable-list.scrollable.fancy .scrollbar .track .thumb { background-color: rgb(9, 185, 255); box-shadow: rgb(9, 185, 255) 0px 0px 20px 0px; } #billing.hangar-config .draggable-content .draggable-list.f_right li.dragProxy { display: none !important; } #billing.hangar-config .draggable-content li.dragProxy { z-index: 10; opacity: 1; min-height: 83px; display: block; } #billing.hangar-config .draggable-content li.dragProxy .hg-row { cursor: pointer; height: 57px; width: 187px; padding: 13px 13px 13px 193px; margin: 0px; background: center bottom no-repeat rgb(0, 0, 0) !important; } #billing.hangar-config .draggable-content li.dragProxy .hg-row .info { font-size: 12px; color: rgb(136, 163, 173); text-transform: none; padding-right: 10px; position: relative; display: table-cell; vertical-align: middle; height: 57px; } #billing.hangar-config .draggable-content li.dragProxy .hg-row .info span { font-size: 12px; color: rgb(116, 216, 253); text-transform: uppercase; } #billing.hangar-config .draggable-content li.dragProxy .hg-row img.full { width: 167px; height: 57px; border: 1px solid rgb(14, 57, 99); display: block; position: absolute; left: 15px; top: 13px; } #billing.hangar-config .draggable-content li.dragProxy .hg-row img.mobile { border: 1px solid rgb(14, 57, 99); display: none; position: absolute; left: 15px; top: 50%; margin-top: -31px; } #billing.hangar-config .draggable-content li.dragPlacement { background: center center no-repeat rgb(0, 0, 0); border-color: rgb(16, 174, 255); position: relative; box-shadow: rgba(0, 108, 255, 0.5) 0px 0px 28px 0px; width: 391px !important; height: 77px !important; } li.dragPlacement p { height: 77px; margin-top: 14px !important; } #rsvp .inner-content .top > h2.title { margin: 0px; padding: 0px; font-size: 22px; color: rgb(78, 224, 255); text-transform: uppercase; } #rsvp .inner-content .top > p { font-size: 11px; line-height: 16px; color: rgb(97, 141, 150); } #subscribers .inner-content .top > h2.title { margin: 0px; padding: 0px; font-size: 22px; color: rgb(78, 224, 255); text-transform: uppercase; } #subscribers .inner-content .top > p { font-size: 11px; line-height: 16px; color: rgb(97, 141, 150); } #subscribers .inner-content .top > .separator { margin: 20px auto 0px; } #subscribers .album-wrapper { margin-right: -10px; text-align: center; } #subscribers .album { width: 250px; height: 347px; border: 1px solid rgb(19, 47, 69); border-radius: 5px; position: relative; background: , 50% 50%; margin: 0px 4px 60px 0px; display: inline-block; } #subscribers .album:hover { background-color: rgba(0, 70, 155, 0.25); border-color: rgb(49, 205, 255); box-shadow: rgba(0, 112, 255, 0.3) 0px 0px 30px; } #subscribers .album:hover .inner h3 { color: rgb(255, 255, 255); text-shadow: rgb(255, 255, 255) 0px 0px 20px; } #subscribers .album .inner { padding: 15px; text-align: left; position: absolute; } #subscribers .album .inner img { display: block; border: 1px solid rgb(71, 159, 184); } #subscribers .album .inner h3 { font-size: 18px; color: rgb(0, 240, 255); text-transform: uppercase; margin: 14px 0px 20px; } #subscribers .album .inner p { font-size: 11px; line-height: 16px; color: rgb(97, 141, 150); margin: 0px; padding: 0px; } #subscribers .album .media-counter { position: absolute; bottom: 15px; left: 15px; font-size: 11px; line-height: 11px; color: rgb(81, 103, 124); font-weight: 700; } #subscribers .album .media-counter .image { background: 0px 1px no-repeat; height: 10px; padding-left: 20px; float: left; margin-right: 22px; } #subscribers .album .media-counter .video { background: 0px -12px no-repeat; height: 10px; padding-left: 20px; float: left; } #subscribers .album .decoration { height: 1px; width: 100%; position: absolute; } #subscribers .album .decoration span { height: 1px; width: 58px; background: rgb(49, 205, 255); margin: 0px auto; display: block; box-shadow: rgb(0, 163, 255) 0px 0px 15px; } #subscribers .album .decoration.top { position: absolute; top: -1px; left: 0px; } #subscribers .album .decoration.bottom { position: absolute; bottom: -1px; left: 0px; } #subscribers .album a { position: absolute; bottom: 0px; left: 0px; display: block; width: 100%; height: 100%; } #subscribers.single .title-section { border-bottom: 1px solid rgb(62, 113, 146); margin-bottom: 40px; padding-bottom: 10px; } #subscribers.single .title-section h2 { font-size: 48px; text-transform: uppercase; text-shadow: rgba(255, 255, 255, 0.35) 0px 0px 30px; margin: 0px; } #subscribers.single .title-section .left { float: left; max-width: 75%; } #subscribers.single .title-section .right { float: right; } #subscribers.single .title-section .right { float: right; } #subscribers.single .title-section .body { line-height: 24px; color: rgb(97, 141, 150); font-size: 12px; } #subscribers.single .title-section .filters ul { list-style: none; margin: 0px; padding: 0px; } #subscribers.single .title-section .filters ul li { float: left; margin-left: 55px; } #subscribers.single .title-section .filters ul li a { font-size: 11px; font-family: Electrolize; color: rgb(104, 124, 142); text-transform: uppercase; padding-left: 20px; position: relative; } #subscribers.single .title-section .filters ul li a:hover, #subscribers.single .title-section .filters ul li a.active { color: rgb(255, 255, 255); } #subscribers.single .title-section .filters ul li a .block { display: block; width: 13px; height: 5px; background: rgb(44, 64, 77); position: absolute; left: 0px; top: 4px; } #subscribers.single .title-section .filters ul li a:hover .block, #subscribers.single .title-section .filters ul li a.active .block { background: rgb(71, 241, 255); box-shadow: rgb(71, 241, 255) 0px 0px 15px; } #subscribers.single .album-wrapper.isotope { margin: 0px auto; } #subscribers.single .album-wrapper { border-bottom: 1px solid rgb(62, 113, 146); padding-bottom: 25px; } #subscribers.single .item { margin: 5px; } #subscribers.single .item a { display: block; position: relative; } #subscribers.single .item img { display: block; } #subscribers.single .item .icon { display: block; width: 100%; height: 100%; background: 50% 50% no-repeat; position: absolute; top: 0px; left: 0px; opacity: 0.8; } #subscribers.single .item:hover .icon { opacity: 1; } #subscribers.single .animbtn.right { float: right; margin: 15px 0px -35px; } #subscribers .subnav { background: rgba(0, 0, 0, 0.4); position: relative; border-left: 1px solid rgb(15, 29, 42); border-right: 1px solid rgb(15, 29, 42); border-bottom: 3px solid rgb(14, 26, 40); margin-bottom: 74px; min-height: 108px; } #subscribers .subnav ul { padding: 0px; margin: 0px auto; list-style-type: none; position: relative; z-index: 2; top: 19px; text-align: center; float: left; width: calc(66.6667%); } #subscribers .subnav ul.clearfix.external-links { width: calc(33.3333%); } #subscribers .subnav li { display: inline-block; margin: 0px 5%; } #subscribers .subnav li a { font-size: 14px; color: rgb(102, 124, 141); font-family: Electrolize; text-transform: uppercase; position: relative; text-align: center; display: block; } #subscribers .subnav li a:hover { color: rgb(255, 255, 255); } #subscribers .subnav li a .icon { display: block; background: ; opacity: 0.4; margin: 0px auto; } #subscribers .subnav li a.jumppoint .icon { width: 44px; height: 55px; background-position: -20px -16px; } #subscribers .subnav li a.vault .icon { width: 43px; height: 43px; margin: 6px auto; background-position: -20px -87px; } #subscribers .subnav li a.wallpaper .icon { width: 52px; height: 37px; margin: 9px auto; background-position: -20px -155px; } #subscribers .subnav li a.video .icon { width: 52px; height: 40px; margin: 9px auto; background-position: -20px -155px; } #subscribers .subnav li a.den .icon { width: 41px; height: 40px; margin: 8px auto; background-position: -20px -218px; } #subscribers .subnav li a.store .icon { width: 41px; height: 40px; margin: 8px auto; background-position: -25px -277px; } #subscribers .subnav li a .fle { display: block; background: -71px -16px; opacity: 0.4; margin: 10px auto 0px; width: 21px; height: 18px; } #subscribers .subnav li a .fle--external-link { transform: rotate(-90deg); } #subscribers .subnav li a.active, #subscribers .subnav li a.active .icon, #subscribers .subnav li a.active .fle { opacity: 1; color: rgb(255, 255, 255); } #recover.content-wrapper p { color: rgb(97, 141, 150); font-size: 11px; line-height: 16px; } #recover.content-wrapper h2.title { color: rgb(78, 224, 255); font-size: 22px; margin: 0px; padding: 0px; text-transform: uppercase; } #recover.content-wrapper fieldset { padding-bottom: 20px; } #recover.content-wrapper .f-left { width: 100%; max-width: 450px; } #recover.content-wrapper .error-level-line { display: block; width: 65px; height: 5px; background: rgb(25, 60, 76); margin-right: 7px; float: left; margin-top: 10px; } #recover.content-wrapper .error-level-line.on { background: rgb(0, 231, 255); box-shadow: rgb(0, 237, 255) 0px 0px 30px; } #recover.content-wrapper .codes-wrapper { height: 70px; overflow: hidden; position: relative; } #recover.content-wrapper .codes-wrapper .inner-codes-wrapper { position: absolute; top: 0px; width: 100%; } .wrapper.activated { padding-bottom: 110px; } #activated.content-wrapper p { color: rgb(152, 186, 213); font-size: 14px; line-height: 16px; } #activated.content-wrapper h2.title { color: rgb(78, 224, 255); font-size: 22px; margin: 0px; padding: 0px; text-transform: uppercase; } #activated.content-wrapper fieldset { padding-bottom: 20px; } #activated.content-wrapper .f-left { width: 100%; max-width: 450px; } #activated a.white { font-weight: 700; color: rgb(0, 255, 255); text-transform: uppercase; } #cart { margin: 60px auto; z-index: 20; position: relative; padding-bottom: 190px; } #cart .submenu-background { width: 100%; height: 100%; z-index: 9; background: 0% 0% repeat scroll; } #cart .sandbox { color: red; font-family: Electrolize; } #cart .content-wrapper { background-image: radial-gradient(circle, rgb(14, 33, 49) 0%, rgba(0, 0, 0, 0.6) 100%), ; } #cart { position: relative; } #cart .submenu.exagon ul li { width: 25%; } #cart .currency-selector { position: absolute; top: 0px; left: 10px; height: 32px; margin: 13px 2px 0px 0px; width: 90px; } #cart .currency-selector * { font-family: Electrolize; } #cart .currency-selector > span { height: 22px; line-height: 22px; width: 47px; margin: 5px 0px; padding: 0px 0px 0px 10px; } #cart .currency-selector > .arrow { width: 26px; background-position: -5px center; } #cart .currency-selector .track { width: 6px; } #cart .currency-selector .track .thumb { background-color: rgb(255, 255, 255); width: 6px; border-radius: 0px; } #cart .currency-selector .viewport { width: 77px; } #cart .currency-selector > .body { width: 88px; border-radius: 0px; margin: 0px 0px 0px -1px; } #cart .currency-selector > .body .body { width: 72px; } #cart .current-country { float: left; text-align: left; padding: 0px 0px 0px 40px; margin-top: 15px; display: block; background-position: left center; } #cart .current-country span { font-size: 11px; color: rgb(255, 255, 255); text-transform: none; } #cart .cart-header { border-bottom: 3px solid rgb(82, 125, 142); margin-bottom: 20px; } #cart .cart-header h2 { font-size: 22px; color: rgb(0, 231, 255); margin: 0px 0px -5px; } #cart .cart-header .col { float: left; font-size: 18px; color: rgb(255, 255, 255); font-weight: 700; height: 40px; line-height: 40px; margin-top: -20px; } #cart .cart-header .col.item-col { width: 56%; } #cart .cart-header .col.price-col { width: 18%; } #cart .cart-header .col.qty-col { width: 12%; } #cart .cart-header .col.total-col { width: 14%; } #cart .list-items .row { margin: 0px 0px 15px 9px; background: rgba(23, 29, 37, 0.5); position: relative; border-top: 1px solid rgb(36, 66, 86); border-bottom: 1px solid rgb(36, 66, 86); border-right: 1px solid rgb(36, 66, 86); box-sizing: border-box; } #cart .list-items .row-inner { position: relative; padding: 15px; } #cart .content ul { margin: 0px; padding: 0px; list-style: none; } #cart .content .row .line { width: 5px; height: 100%; position: absolute; top: 0px; left: -9px; background: rgb(0, 231, 255); box-shadow: rgba(37, 228, 255, 0.75) 0px 0px 30px; } #cart .list-items { position: relative; } #cart .list-items .col { float: left; } #cart .list-items .item-image-wrapper { float: left; margin-right: 20px; } #cart .list-items .item-col { width: 56%; padding-bottom: 15px; color: rgb(255, 255, 255); } #cart .list-items .item-col h3 { font-size: 20px; color: rgb(97, 216, 253); text-transform: uppercase; margin: 10px 0px 0px; } #cart .list-items .item-col h3 a { color: rgb(97, 216, 253); font-family: Electrolize; } #cart .list-items .item-col h4 { font-size: 12px; color: rgb(255, 255, 255); text-transform: uppercase; margin: 0px; font-family: Arial; } #cart .list-items .item-col .availability { font-size: 10px; text-transform: uppercase; margin: 0px; font-family: Arial; } #cart .list-items .item-col .availability.yellow { color: rgb(255, 174, 0); } #cart .list-items .item-col .availability.red { color: red; } #cart .list-items .price-col { font-size: 16px; color: rgb(189, 206, 212); padding-top: 10px; width: 18.5%; } #cart .list-items .price-col .price { font-family: Electrolize; position: relative; display: inline-block; } #cart .list-items .price-col .price s { color: red; font-family: Electrolize; } #cart .list-items .price-col .price .taxes { right: -25px; top: -9px; } #cart .list-items .qty-col { font-size: 16px; color: rgb(189, 206, 212); font-family: Electrolize; padding-top: 10px; width: 12.5%; } #cart .list-items .total-col { font-size: 16px; color: rgb(189, 206, 212); font-family: Electrolize; padding-top: 10px; width: 13%; } #cart .list-items .total-col .total-col__shipping { display: inline-block; font-size: 0.75em; } #cart .list-items .buttons-wrapper { width: 143px; height: 39px; position: absolute; bottom: 0px; right: 0px; background: ; z-index: 3; } #cart .list-items .buttons-wrapper .btn { display: block; width: 31px; height: 26px; position: absolute; top: 7px; background: ; } #cart .list-items .buttons-wrapper .btn.edit { left: 52px; background-position: 0px 0px; } #cart .list-items .buttons-wrapper .btn.close { left: 90px; background-position: -31px 0px; } #cart .list-items .buttons-wrapper .btn.check { left: 52px; background-position: -62px 0px; display: none; } #cart .list-items .buttons-wrapper .btn .effect { width: 100%; height: 100%; background: ; position: absolute; top: 0px; left: 0px; display: block; opacity: 0; } #cart .list-items .buttons-wrapper .btn.edit .effect { background-position: 0px -26px; } #cart .list-items .buttons-wrapper .btn.close .effect { background-position: -31px -26px; } #cart .list-items .buttons-wrapper .btn.check .effect { background-position: -62px -26px; } #cart .list-items .buttons-wrapper .btn:hover .effect { opacity: 1; } #cart .list-items .corner-wrapper { width: 60%; } #cart .list-items .modify { display: none; } #cart .list-items .customize-row { position: relative; clear: both; padding: 15px 26px 8px 15px; border-top: 1px solid rgb(36, 66, 86); } #cart .list-items .customize-button-block { background: 0px 0px; height: auto; width: auto; text-align: right; } #cart .list-items .customize-button-block::before { content: none; } #cart .list-items .customize-button-ico { position: absolute; left: 5px; top: 4px; width: 14px; height: 14px; transform: none; } #cart .list-items .customize-details .arrow { color: rgb(37, 228, 255); } #cart .list-items .item-col h4 { text-transform: none; } #cart .list-items .customize-details-title { clear: both; font-size: 12px; color: rgb(98, 196, 235); } #cart .content .left { float: left; } #cart .content .right { float: right; } #cart .content .cart-right { width: 450px; } #cart .content .section { border-bottom: 2px solid rgb(20, 44, 69); text-align: right; margin-bottom: 20px; } #cart .content .section .right span { font-size: 18px; color: rgb(189, 206, 212); font-weight: 700; line-height: 40px; padding-right: 10px; } #cart .content .section .right { min-width: 190px; font-size: 30px; color: rgb(37, 228, 255); font-family: Electrolize; } #cart.address .inner-content .full { width: 100%; } #cart.address .inner-content .top > h2.title { margin: 0px; padding: 0px; font-size: 22px; color: rgb(78, 224, 255); text-transform: uppercase; } #cart.address .inner-content .top > p { font-size: 11px; line-height: 16px; color: rgb(97, 141, 150); } #cart.address .inner-content .top > .separator { margin: 20px 0px 35px; } #cart.address .inner-content .address-content h2 { font-size: 24px; text-transform: uppercase; margin: 0px 0px 20px; border-bottom: 3px solid rgb(82, 125, 142); padding-bottom: 5px; } #cart.address .inner-content .address-content { margin: 0px 0px 15px 9px; background: rgba(23, 29, 37, 0.5); padding: 10px 15px; position: relative; border-top: 1px solid rgb(36, 66, 86); border-bottom: 1px solid rgb(36, 66, 86); box-sizing: border-box; } #cart.address .inner-content .address-content input { margin-bottom: 22px; } #cart.address .inner-content .address-content label { margin-right: 10px; display: inline-block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #cart.address .inner-content .address-content .notice { font-size: 0.7em; font-style: italic; text-align: right; color: rgb(118, 150, 174); margin-top: -20px; margin-bottom: 10px; } #cart.address .inner-content .address-content .notice span { color: rgb(78, 224, 255); font-weight: 700; } #cart.address .inner-content .address-content input:disabled { opacity: 0.5; color: rgb(53, 94, 120); } #cart.address .inner-content .address-content select { width: 100%; margin-bottom: 22px; } #cart.address .inner-content .address-content .line { width: 5px; height: 100%; position: absolute; top: 0px; left: -9px; background: rgb(0, 231, 255); box-shadow: rgba(37, 228, 255, 0.75) 0px 0px 30px; } #cart.address .inner-content .address-content .block .left, #cart.address .inner-content .address-content .block .right { width: 45%; } #cart.address .inner-content .address-content .block label.checkbox { padding-top: 8px; } #cart.address .inner-content .address-content .block label.checkbox span { color: rgb(255, 255, 255); padding-left: 35px; } #cart.address .inner-content .selectlist { margin-bottom: 22px; } #cart.extra .inner-content .full { width: 100%; } #cart.extra .inner-content .top > h2.title { margin: 0px; padding: 0px; font-size: 22px; color: rgb(78, 224, 255); text-transform: uppercase; } #cart.extra .inner-content .top > p { font-size: 11px; line-height: 16px; color: rgb(97, 141, 150); } #cart.extra .inner-content .top > .separator { margin: 20px 0px 35px; } #cart.extra .inner-content .extra-content h2 { font-size: 24px; text-transform: uppercase; margin: 0px 0px 20px; border-bottom: 3px solid rgb(82, 125, 142); padding-bottom: 5px; } #cart.extra .inner-content .extra-content { margin: 0px 0px 15px 9px; background: rgba(23, 29, 37, 0.5); padding: 10px 15px; position: relative; border-top: 1px solid rgb(36, 66, 86); border-bottom: 1px solid rgb(36, 66, 86); box-sizing: border-box; } #cart.extra .inner-content .extra-content input { margin-bottom: 22px; } #cart.extra .inner-content .extra-content input:disabled { opacity: 0.5; color: rgb(53, 94, 120); } #cart.extra .inner-content .extra-content select { width: 100%; margin-bottom: 22px; } #cart.extra .inner-content .extra-content .line { width: 5px; height: 100%; position: absolute; top: 0px; left: -9px; background: rgb(0, 231, 255); box-shadow: rgba(37, 228, 255, 0.75) 0px 0px 30px; } #cart.extra .inner-content .extra-content .block { width: 46.5%; } #cart.extra .inner-content .extra-content .block span { color: rgb(255, 255, 255); } #cart.extra .inner-content .extra-content .block .left, #cart.extra .inner-content .extra-content .block .right { width: 45%; } #cart.extra .inner-content .extra-content .block label.checkbox { padding-top: 8px; } #cart.extra .inner-content .extra-content .block label.checkbox span { color: rgb(255, 255, 255); padding-left: 35px; } #cart.extra .inner-content .selectlist { margin-bottom: 22px; } #cart.pay .inner-content .pay-content { margin: 0px 0px 15px 9px; background: rgba(23, 29, 37, 0.5); padding: 10px 15px; position: relative; border-top: 1px solid rgb(36, 66, 86); border-bottom: 1px solid rgb(36, 66, 86); box-sizing: border-box; } #cart.pay .inner-content .pay-content h2 { margin-bottom: 15px; } #cart.pay .inner-content .pay-content .line { width: 5px; height: 100%; position: absolute; top: 0px; left: -9px; background: rgb(0, 231, 255); box-shadow: rgba(37, 228, 255, 0.75) 0px 0px 30px; } #cart.pay .inner-content .pay-content table { border: none; font-size: 12px; color: rgb(169, 205, 226); width: 100%; text-align: left; font-family: Electrolize, sans-serif, Arial, Verdana; } #cart.pay .inner-content .pay-content table a { color: rgb(169, 205, 226); } #cart.pay .inner-content .pay-content table a:hover { text-decoration: underline; } #cart.pay .inner-content .pay-content table.billing-summary th { border-bottom: 3px solid rgb(82, 125, 142); font-size: 14px; font-weight: 700; color: rgb(255, 255, 255); padding-bottom: 5px; text-align: left; } #cart.pay .inner-content .pay-content table.billing-summary th.item { width: 34%; } #cart.pay .inner-content .pay-content table.billing-summary th.price { width: 13%; } #cart.pay .inner-content .pay-content table.billing-summary th.qty { width: 11%; } #cart.pay .inner-content .pay-content table.billing-summary th.discount { width: 14%; } #cart.pay .inner-content .pay-content table.billing-summary td { padding: 10px 0px; border-bottom: 1px solid rgb(20, 44, 69); } #cart.pay .inner-content .pay-content table.billing-summary s { color: red; } #cart.pay .inner-content .pay-content table.billing-summary tr.cust-title td { font-size: 10px; border-bottom: 0px; } #cart.pay .inner-content .pay-content table.billing-summary tr.cust-item td:nth-of-type(1) { padding: 5px 0px 0px 10px; } #cart.pay .inner-content .payment-wrapper { border-top: 3px solid rgb(82, 125, 142); } #cart.pay .inner-content .payment-wrapper .address { float: left; width: 45%; } #cart.pay .inner-content .payment-wrapper .address h4 { font-size: 14px; font-family: Arial; font-weight: 700; margin: 5px 0px 0px; } #cart.pay .inner-content .payment-wrapper .address p { font-size: 11px; color: rgb(93, 120, 132); word-break: break-word; } #cart.pay .inner-content .payment-wrapper .address p strong { font-size: 12px; color: rgb(0, 222, 255); } #cart.pay .inner-content .tos { margin: 20px 44px 20px 0px; padding: 26px 25px 15px 26px; border: 1px solid rgb(53, 226, 251); background-color: rgba(53, 226, 251, 0.1); } #cart.pay .inner-content .tos.warning { margin: 20px 44px 20px 0px; padding: 26px 25px 15px 26px; background: rgba(178, 34, 34, 0.2); border: 1px solid rgb(178, 34, 34); } @media only screen and (max-width: 768px) { #cart.pay .inner-content .tos { padding: 10px; margin: 10px 0px; } } @media only screen and (max-width: 768px) { #cart.pay .inner-content .pay-content .selectlist, #cart.address .inner-content .address-content .selectlist { background: rgb(0, 0, 0); } } #cart.pay .inner-content .tos label.checkbox { text-align: right; width: 100%; } #cart.pay .inner-content .tos span { display: block; font-size: 12px; white-space: normal; font-weight: 400; background-position: right center; padding-left: 0px; padding-right: 30px; } #cart.pay .inner-content .tos div { display: block; font-size: 12px; white-space: normal; font-weight: 400; } #cart.pay .inner-content .tos span p { color: rgb(53, 226, 251); font-size: 16px; font-weight: 700; margin: 0px; } #cart.pay .inner-content .tos div a { color: rgb(0, 186, 255); font-weight: 700; } #cart.pay .inner-content .tos div p { color: rgb(169, 205, 226); font-size: 12px; line-height: 14px; margin-top: 0px; } #cart.pay .inner-content .tos.warning div p { color: rgb(226, 169, 170); font-size: 12px; line-height: 14px; margin-top: 0px; } #cart.pay .inner-content .tos div h4 { color: rgb(169, 205, 226); font-size: 14px; font-weight: 700; line-height: 14px; margin-bottom: 5px; font-family: Tahoma, Arial, Helvetica, sans-serif; } #cart.pay .inner-content .tos.warning div h4 { margin-top: 0px; color: rgb(226, 169, 170); font-size: 14px; font-weight: 700; line-height: 14px; margin-bottom: 5px; font-family: Tahoma, Arial, Helvetica, sans-serif; } #cart.pay .inner-content .tos div a:hover { color: rgb(243, 243, 243); } #cart.pay .inner-content .payment-wrapper .left-section { float: left; width: 51.3%; min-height: 1px; } #cart.pay .inner-content .payment-wrapper .right-section { float: left; width: 48.7%; } #cart.pay .shadow-button > .right-section { width: 10px !important; } #cart.pay .shadow-button > .left-section { width: 10px !important; } #cart.pay .inner-content .payment-wrapper .right-section .s-row { padding: 10px 0px; border-bottom: 1px solid rgb(20, 44, 69); font-size: 11px; color: rgb(169, 205, 226); position: relative; } #cart.pay .inner-content .payment-wrapper .right-section .s-row .tax { color: rgb(93, 120, 132); margin-left: 42%; } #cart.pay .inner-content .payment-wrapper .right-section .s-row.last { border-bottom: none; } #cart.pay .inner-content .payment-wrapper .right-section .s-row strong { font-size: 12px; color: rgb(255, 255, 255); display: inline-block; width: 27%; text-align: right; padding-right: 15%; } #cart.pay .inner-content .payment-wrapper .right-section .s-row .selectlist { float: left; margin-left: 42%; width: 210px; } #cart.pay .inner-content .payment-wrapper .right-section .s-row .selectlist span { width: 150px; } #cart.pay .inner-content .payment-wrapper .right-section .s-row .selectlist .body { width: 160px; } #cart.pay .inner-content .payment-wrapper .right-section .s-row .selectlist ul li { width: 150px; } #cart.pay .inner-content .payment-wrapper .right-section .s-row .selectlist .scrollable .viewport { width: 150px; } #cart.pay .inner-content .payment-wrapper .right-section .s-row .edit { display: block; width: 30px; height: 26px; background: -12px -12px no-repeat; position: absolute; right: 0px; bottom: 13px; } #cart.pay .inner-content .payment-wrapper .right-section .s-row .edit .effect { display: block; width: 54px; height: 50px; position: absolute; top: -12px; left: -12px; background: 0px -50px no-repeat; opacity: 0; } #cart.pay .inner-content .payment-wrapper .right-section .s-row .edit:hover .effect, #cart.pay .inner-content .payment-wrapper .right-section .s-row.active .edit .effect { width: 54px; height: 50px; position: absolute; top: -12px; left: -12px; opacity: 1; } #cart.pay .inner-content .update-credits-coupons { display: none; } #cart.pay .inner-content .update-credits-coupons form { margin-bottom: 15px; } #cart.pay .inner-content .update-credits-coupons form input { max-width: 370px; float: left; margin-right: 15px; } #cart.pay .inner-content .update-credits-coupons .cancel { font-size: 11px; color: rgb(118, 150, 174); } #cart.pay .inner-content .update-credits-coupons .cancel:hover { text-decoration: underline; } #cart.pay span.discounted { color: rgb(0, 187, 187); } #cart.pay .inner-content .payment-wrapper .right-section .s-row.last.total { font-size: 22px; font-family: Electrolize; text-transform: uppercase; color: rgb(78, 224, 255); } #cart.pay .inner-content .payment-wrapper .right-section .s-row.last.total div { font-size: 22px; font-family: Electrolize; color: rgb(255, 255, 255); display: inline-block; width: 27%; text-align: right; padding-right: 15%; } #cart.pay .inner-content .selectlist > span { width: 95px; } #cart.confirmation .inner-content .top > h2.title { margin: 0px; padding: 0px; font-size: 22px; color: rgb(78, 224, 255); text-transform: uppercase; } #cart.confirmation .inner-content h3 { font-size: 18px; font-family: Arial; } #cart.confirmation .inner-content p { font-size: 14px; color: rgb(97, 141, 150); } #cart.confirmation .inner-content a.white { color: rgb(255, 255, 255); font-family: Electrolize; text-transform: uppercase; } #cart.confirmation.gift-claim .item { background: left center no-repeat; height: 35px; padding-left: 35px; } #cart.confirmation.gift-claim .item .title { color: rgb(255, 255, 255); font-size: 12px; font-weight: 700; line-height: 35px; } #cart.confirmation .has-game-package { position: relative; } #cart.confirmation .has-game-package::before { content: ""; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); width: 298px; height: 271px; background: center center no-repeat transparent; } #cart.confirmation .has-game-package .download { margin: auto; padding-top: 190px; } #cart.confirmation .has-game-package .download .link { color: rgb(255, 239, 199); font: 20px Orbitron; text-transform: uppercase; width: 315px; text-shadow: rgba(76, 33, 4, 0.79) 0px 2px 24px; filter: drop-shadow(rgba(237, 167, 0, 0.33) 0px 2px 24px); text-align: center; display: block; margin: auto; } #cart.confirmation .has-game-package .note { font: 16px Electrolize; color: rgb(210, 210, 210); text-align: center; margin-top: 60px; text-shadow: rgba(0, 0, 0, 0.9) 0px 2px 1px; opacity: 0.46; } #cart .content-wrapper .customize-row .js-custo-link { position: relative; } #cart .content-wrapper .customize-row .js-custo-link span { position: absolute; right: -20px; top: 1px; width: 10px; height: 12px; background: -64px 97px; transition: all 0.18s ease-out 0s; transform-origin: 50% 50%; transform: rotate(-90deg); } #cart .content-wrapper .customize-row.item--expanded .js-custo-link span { transform: rotate(90deg); } #cart .content-wrapper .customize-row .customize-details--rows { display: block; visibility: visible; } #cart .content-wrapper .customize-row.item--expanded .customize-details--rows { display: none; visibility: hidden; } .account-profile { max-width: 1030px; position: relative; background: rgba(0, 7, 9, 0.5); border-style: solid; border-color: rgba(18, 81, 128, 0.75); border-image: initial; border-width: 0px 1px 1px; padding: 40px 25px; margin: 100px auto 0px; } .account-profile .tabs .holotab { top: -12px; } .account-profile .box-content { margin-bottom: 20px; position: relative; background: linear-gradient(rgba(9, 12, 15, 0.9) 0%, rgba(14, 29, 42, 0.9) 100%); } .account-profile .box-content .inner-bg { position: relative; padding: 0px 0px 15px; background: repeat; } .account-profile .profile-content .entry.citizen-record { text-align: center; margin-bottom: 20px; } .account-profile .profile-content .entry.citizen-record > * { display: inline; } .account-profile .profile-content .entry { margin: 0px 0px 8px; } .account-profile .profile-content .entry > * { display: block; font-family: Electrolize; } .account-profile .profile-content .entry .label { font-size: 15px; line-height: 15px; color: rgb(25, 90, 96); clear: both; } .account-profile .profile-content .entry .value { font-size: 18px; color: rgb(57, 206, 216); text-shadow: rgba(57, 206, 216, 0.5) 0px 0px 15px; display: inline-block; font-weight: 400; } .account-profile .profile-content .entry .icon { display: inline; top: -3px; position: relative; } .account-profile .profile-content .entry .icon img { width: 26px; height: 26px; } .account-profile .profile-content .entry a { color: rgb(57, 206, 216); text-shadow: rgba(57, 206, 216, 0.5) 0px 0px 15px; display: inline; } .account-profile .profile-content .entry.website a { word-break: break-all; } .account-profile .profile-content .entry a.forum { opacity: 0.7; font-family: Electrolize; text-decoration: underline; } .account-profile .profile-content .entry a:hover { color: rgb(255, 255, 255); text-shadow: rgba(255, 255, 255, 0.5) 0px 0px 15px; } .account-profile .profile-content .entry a.forum:hover { opacity: 1; } .account-profile .profile-content .entry.bio .value { font-size: 15px; text-shadow: none; color: rgb(97, 211, 255); } .account-profile .profile-content .title { display: block; width: 100%; height: 27px; line-height: 27px; font-family: Electrolize; color: rgb(46, 157, 158); font-size: 15px; text-align: center; text-transform: uppercase; position: absolute; top: 0px; left: 0px; text-shadow: rgba(46, 157, 158, 0.5) 0px 0px 15px; background: repeat-x; } .account-profile .profile-content .left-col .title, .account-profile .profile-content .right-col .title { top: -47px; } .account-profile .profile-content .title .edit { z-index: 3; } .account-profile .profile-content .title.double > span { display: block; width: 50%; float: left; position: relative; height: 27px; line-height: 27px; font-family: Electrolize; } .account-profile .add-contact-button::after { content: ""; display: table; clear: both; } .account-profile .add-contact-button { width: 170px; position: absolute; right: -4px; top: 30px; } .account-profile .add-contact-button, .account-profile .add-contact-button * { cursor: pointer !important; } .account-profile .add-contact-button .tag-content { padding-right: 15px; width: 100px; } .account-profile .add-contact-button .tag.on .left .effect { opacity: 1; transition: all 0.125s linear 0s; } .account-profile .add-contact-button .text .default.no-follow { display: none; } .account-profile .add-contact-button .text .default.follow { display: inline; } .account-profile .add-contact-button .text .hover { display: none; } .account-profile .add-contact-button .text .default.follow::after { content: "+"; font: bold 30px Electrolize; margin-left: 45px; vertical-align: middle; } .account-profile .add-contact-button.following .text .hover { display: none; transition: all 0.125s linear 0s; } .account-profile .add-contact-button.following .text .default.no-follow { display: inline; } .account-profile .add-contact-button.following .text .default.follow { display: none; } .account-profile .add-contact-button.following .text .hover { display: none; } .account-profile .add-contact-button.tag-wrapper.following:hover .tag .left .effect { background: rgb(204, 0, 0); box-shadow: rgb(204, 0, 0) 0px 0px 20px; } .account-profile .add-contact-button.tag-wrapper.following:hover .tag .tag-content .text .hover { color: rgb(204, 0, 0); } .account-profile .add-contact-button.following:hover .text .default.no-follow { display: none; } .account-profile .add-contact-button.following:hover .text .default.follow { display: none; } .account-profile .add-contact-button.following:hover .text .hover { display: inline; } .account-profile .overview-content .left-col { width: 334px; float: left; position: relative; } .account-profile .overview-content .right-col { width: 695px; float: left; position: relative; } .account-profile .overview-content .inner { padding: 30px 40px 20px; position: relative; } .account-profile .overview-content .info { float: left; } .account-profile .overview-content .thumb { padding: 7px; border-width: 1px; border-style: solid; border-color: rgb(18, 57, 71) rgb(0, 237, 255); border-image: initial; position: relative; float: left; margin-right: 20px; } .account-profile .overview-content .thumb img { width: 110px; height: 109px; box-shadow: rgba(0, 237, 255, 0.2) 0px 0px 50px; } .account-profile .overview-content .box-content.profile-wrapper .left-col.profile { width: 45%; box-sizing: border-box; } .account-profile .overview-content .box-content.profile-wrapper .right-col.main-org { width: 55%; border-left: 1px solid rgb(6, 40, 47); box-sizing: border-box; } .account-profile .overview-content .box-content.profile-wrapper .right-col.main-org.visibility-R .thumb { padding: 0px; } .account-profile .overview-content .box-content.profile-wrapper .right-col.main-org.visibility-R .thumb img { width: 124px; height: 123px; } .account-profile .overview-content .box-content .left-col, .account-profile .overview-content .box-content .right-col { margin-top: 47px; } .account-profile .overview-content .profile-wrapper .main-org .empty, .account-profile .orgs-content .empty { background: left center no-repeat; color: rgb(255, 41, 26); text-transform: uppercase; font-size: 18px; margin: 50px 0px 30px; padding: 0px 0px 0px 50px; text-shadow: rgb(255, 44, 44) 0px 0px 20px; font-family: Electrolize; } .account-profile .overview-content .probation-content { color: rgb(57, 206, 216); } .account-profile .overview-content .probation-content .inner { padding: 0px; margin-bottom: 15px; } .account-profile .overview-content .probation-content .inner .f-left { float: none; } .account-profile .overview-content .moderation-nav { clear: both; width: 200px; } .account-profile .overview-content .moderation-nav ul { list-style: none; margin: 0px; padding: 0px; } .account-profile .overview-content .moderation-nav ul li { margin: 0px 0px 5px; } .account-profile .overview-content .moderation-nav ul li a { position: relative; font-size: 12px; background: rgba(15, 31, 43, 0.6); display: block; text-transform: uppercase; } .account-profile .overview-content .moderation-nav ul li a span.bg { font-family: Electrolize; color: rgb(23, 235, 235); padding-left: 20px; line-height: 36px; display: inline-block; } .account-profile .overview-content .moderation-nav ul li a span.line { width: 6px; height: 100%; position: absolute; top: 0px; left: 0px; background: rgb(28, 55, 70); } .account-profile .overview-content .moderation-nav ul li a:hover span { color: rgb(255, 255, 255); } .account-profile .overview-content .moderation-nav ul li a:hover span.line, .account-profile .overview-content .moderation-nav ul li.active a span.line { background-color: rgb(0, 255, 255); box-shadow: rgb(0, 153, 255) 0px 0px 40px; } .account-profile .overview-content .moderation-nav ul li.active a span.bg { color: rgb(255, 255, 255); } .account-profile .profile-content .ranking, .account-section .ranking { margin-top: -10px; } .account-profile .profile-content .ranking span, .account-section .ranking span { display: inline-block; width: 30px; height: 30px; position: relative; } .account-profile .profile-content .ranking span span, .account-section .ranking span span { display: block; width: 63px; height: 63px; background: 50% 100% no-repeat; position: absolute; top: -16px; left: -16px; } .account-profile .profile-content .ranking span.active span, .account-section .ranking span.active span { background-position: 50% 0px; } .account-profile .moderation-notes .notes-listing .note a { color: inherit; text-decoration: underline; } .account-profile .moderation-notes .notes-listing .note a:hover { text-decoration: none; } .account-profile .moderation-notes .notes-listing .note p, .account-profile .moderation-notes .notes-listing .note li { font-size: 12px; line-height: 1.333; margin: 0px; word-break: break-word; hyphens: auto; } .account-profile .moderation-notes .notes-listing .note .note-wrapper { padding: 32px 16px 24px; } .account-profile .moderation-notes .notes-listing .note .note-title { color: rgb(77, 255, 255); font-size: 16px; line-height: 27px; padding: 0px 16px; text-align: left; width: auto; right: 0px; } .account-profile .moderation-notes .notes-listing .note .note-label { color: rgb(118, 150, 174); font-weight: 700; margin: 24px 0px 0px; } .account-profile .moderation-notes .notes-listing .note .note-account { margin: 8px 0px 24px; overflow: hidden; } .account-profile .moderation-notes .notes-listing .note .note-avatar { border-radius: 4px; float: left; margin: 0px 8px 0px 0px; width: 40px; height: auto; } .account-profile .moderation-notes .notes-listing .note .note-name { color: rgb(255, 255, 255); font-size: 16px; line-height: 1; padding: 2px 0px; } .account-profile .moderation-notes .notes-listing .note .note-date { color: rgb(118, 150, 174); padding: 2px 0px; } .account-profile .moderation-notes .notes-listing .note .note-body { color: rgb(77, 255, 255); margin-top: 2px; } .account-profile .moderation-notes .notes-listing .note .note-tags { display: flex; flex-wrap: wrap; margin: -2px -4px -4px; padding: 0px; list-style: none; } .account-profile .moderation-notes .notes-listing .note .note-tag { background: rgb(28, 55, 70); border-radius: 4px; box-sizing: border-box; color: rgb(77, 255, 255); margin: 4px; padding: 4px 8px; min-width: 24px; text-align: center; } .account-profile .moderation-notes .notes-listing .note .note-severity { display: flex; align-items: center; } .account-profile .moderation-notes .notes-listing .note .note-severity::before { background: currentcolor; border-radius: 4px; content: ""; display: block; width: 8px; height: 8px; margin: 1px 4px 0px 0px; } .account-profile .moderation-notes .notes-listing .note .note-severity--minor { color: rgb(111, 207, 95); } .account-profile .moderation-notes .notes-listing .note .note-severity--moderate { color: rgb(255, 212, 139); } .account-profile .moderation-notes .notes-listing .note .note-severity--severe { color: rgb(250, 134, 134); } @media (min-width: 1140px) { .account-profile .moderation-notes { float: right; width: 790px; } .account-profile .moderation-notes + .moderation-nav { clear: none; } } .account-profile .moderation-notes .note-form { background: rgb(0, 0, 0); position: relative; padding: 8px 24px 4px; margin: 0px 0px 24px; } .account-profile .moderation-notes .note-form-close { appearance: none; background: transparent; border: 0px; border-radius: 0px; box-shadow: none; display: block; width: 61px; height: 37px; margin: 0px; padding: 0px; position: absolute; top: 0px; right: 0px; } .account-profile .moderation-notes .note-form-close:hover { opacity: 0.75; } .account-profile .moderation-notes .note-form-title { color: rgb(77, 255, 255); display: flex; align-items: center; font-size: 22px; line-height: 1; margin: 0px 0px -8px -16px; text-transform: uppercase; } .account-profile .moderation-notes .note-form-title::before { background: ; display: block; content: ""; width: 48px; height: 48px; position: relative; top: -2px; } .account-profile .moderation-notes .note-form-fieldset { margin: 0px 0px 24px; } .account-profile .moderation-notes .note-form-label { font-size: 12px; line-height: 1.333; margin: 0px; } .account-profile .moderation-notes .note-form-field { margin: 8px 0px 0px; } .account-profile .moderation-notes .note-form-field:not(.multiselect) { border: 0px; border-radius: 4px; box-sizing: border-box; box-shadow: rgb(118, 150, 174) 0px 0px 0px 1px inset; color: rgb(77, 255, 255); min-height: 40px; padding: 8px; } .account-profile .moderation-notes textarea.note-form-field { box-sizing: border-box; min-height: 104px; overflow: auto; resize: vertical; } .account-profile .moderation-notes .note-form-field::-webkit-input-placeholder { color: rgb(118, 150, 174); } .account-profile .moderation-notes .note-form-field:not(.multiselect).has-error { box-shadow: rgb(250, 134, 134) 0px 0px 0px 1px inset; } .account-profile .moderation-notes .note-form-field:not(.multiselect):hover, .account-profile .moderation-notes .note-form-field:not(.multiselect):focus { box-shadow: rgb(140, 241, 255) 0px 0px 0px 1px inset; } .account-profile .moderation-notes .note-form-error { color: rgb(250, 134, 134); display: block; font-size: 12px; line-height: 1.333; margin-top: 8px; text-align: right; } #advanced-note-confirmation { max-width: 820px; } #advanced-note-confirmation .confirmation-text { color: rgb(140, 241, 255); font-size: 14px; line-height: 1.143; margin: -4px 8px 24px; } #advanced-note-confirmation .padder { padding: 24px 24px 4px; } .multiselect { position: relative; user-select: none; } .multiselect [hidden] { display: none; } .multiselect-clear { appearance: none; background: none transparent; border: 0px; border-radius: 0px; box-shadow: none; color: rgb(118, 150, 174); font-size: 12px; font-style: italic; line-height: 1.333; margin: 0px 0px 8px; padding: 0px; position: absolute; bottom: 100%; right: 0px; text-decoration: underline; } .multiselect-clear:hover { text-decoration: none; } .multiselect-field { box-shadow: rgb(118, 150, 174) 0px 0px 0px 1px inset; border-radius: 4px; box-sizing: border-box; color: rgb(118, 150, 174); cursor: pointer; display: flex; flex-wrap: wrap; font-size: 12px; line-height: 1.333; min-height: 40px; overflow: hidden; padding: 4px 36px 4px 4px; position: relative; transition: box-shadow 0.4s ease 0s; z-index: 1; } .multiselect-field[data-placeholder]:empty::before { content: attr(data-placeholder); } .multiselect-field:focus-within { outline: -webkit-focus-ring-color auto 5px; } .multiselect-field::after { background: center center no-repeat; content: ""; width: 48px; height: 48px; position: absolute; top: -4px; right: -4px; } .multiselect-field:hover, .multiselect-field[aria-expanded="true"] { box-shadow: rgb(140, 241, 255) 0px 0px 0px 1px inset; } .multiselect.has-error .multiselect-field { box-shadow: rgb(250, 134, 134) 0px 0px 0px 1px inset; } .multiselect-field:empty::before, .multiselect-value, .multiselect-search { margin: 4px; padding: 4px 0px; } .multiselect-value { color: rgb(77, 255, 255); } .multiselect-clear + .multiselect-field .multiselect-value { background: rgb(28, 55, 70); border-radius: 4px; cursor: pointer; display: flex; align-items: center; padding: 4px 8px; } .multiselect-clear + .multiselect-field .multiselect-value::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 11'%3E%3Cpath fill='%234dffff' d='M6.29 5.5 9.8 1.98a.67.67 0 0 0 0-.94L9.46.69a.67.67 0 0 0-.94 0L5 4.21 1.48.7a.67.67 0 0 0-.94 0l-.35.35a.67.67 0 0 0 0 .94L3.71 5.5.2 9.02a.67.67 0 0 0 0 .94l.35.34c.26.26.68.26.94 0L5 6.8l3.52 3.51c.26.26.68.26.94 0l.35-.34a.67.67 0 0 0 0-.94L6.29 5.5Z'/%3E%3C/svg%3E") center center no-repeat; content: ""; width: 10px; height: 11px; margin-left: 8px; } .multiselect-search { flex: 1 1 0%; cursor: text; user-select: auto; } .multiselect-search[data-placeholder]:empty::before { content: attr(data-placeholder); } .multiselect-search[data-placeholder-empty]:empty::before { content: attr(data-placeholder-empty); } .multiselect-value ~ .multiselect-search[data-placeholder]:empty::before { content: attr(data-placeholder); } .multiselect-search:focus { outline: none; } .multiselect-choices { background: rgb(0, 0, 0); border: 1px solid rgb(140, 241, 255); border-radius: 4px; margin-top: 4px; position: absolute; top: 100%; left: 0px; right: 0px; min-height: 32px; max-height: 148px; overflow: auto; z-index: 10; } .multiselect-choice { background: rgb(0, 0, 0); cursor: pointer; margin: 0px; position: relative; font-weight: 400; z-index: 2; } .multiselect-input { position: absolute; opacity: 0; z-index: -1; } .multiselect-label, .multiselect-choices[data-empty]::after { display: block; font-size: 12px; line-height: 1.333; padding: 8px; transition: background-color 0.4s ease 0s, color 0.4s ease 0s; } .multiselect-label--important { font-weight: 700; } .multiselect-input:focus + .multiselect-label { outline: -webkit-focus-ring-color auto 5px; outline-offset: -3px; } .multiselect-choices::after { color: rgb(118, 150, 174); content: attr(data-empty); text-align: center; position: absolute; top: 50%; left: 0px; right: 0px; transform: translateY(-50%); z-index: 1; } .multiselect-input:checked + .multiselect-label { color: rgb(77, 255, 255); } .multiselect-input[type="checkbox"] + .multiselect-label { padding-left: 32px; } .multiselect-input[type="checkbox"] + .multiselect-label::before, .multiselect-input[type="checkbox"] + .multiselect-label::after { border-radius: 4px; width: 16px; height: 16px; pointer-events: none; content: ""; position: absolute; top: 8px; left: 8px; } .multiselect-input[type="checkbox"] + .multiselect-label::before { border: 1px solid; box-sizing: border-box; } .multiselect-input[type="checkbox"] + .multiselect-label::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='8' viewBox='0 0 9 8'%3E%3Cpath d='M8.75.3a.76.76 0 0 0-1.2 0L3 5.6 1.45 3.8a.76.76 0 0 0-1.2 0 1.11 1.11 0 0 0 0 1.4L2.4 7.7c.33.4.87.4 1.2 0l5.15-6c.33-.4.33-1.02 0-1.4Z'/%3E%3C/svg%3E") center center no-repeat currentcolor; opacity: 0; transition: opacity 0.4s ease 0s; } .multiselect-input[type="radio"] + .multiselect-label:hover { background: rgb(140, 241, 255); color: rgb(0, 0, 0); } .multiselect-input[type="radio"]:checked + .multiselect-label:not(:hover) { color: rgb(77, 255, 255); } .multiselect-input[type="checkbox"] + .multiselect-label:hover { color: rgb(140, 241, 255); } .multiselect-input[type="checkbox"]:checked + .multiselect-label::after { opacity: 1; } .multiselect[data-name="severity"] .multiselect-value, .multiselect[data-name="severity"] .multiselect-label { display: flex; align-items: center; } .multiselect[data-name="severity"] .multiselect-value::before, .multiselect[data-name="severity"] .multiselect-label::before { background: currentcolor; border-radius: 4px; content: ""; width: 8px; height: 8px; margin: 1px 4px 0px 0px; } .multiselect[data-name="severity"][data-value="minor"] .multiselect-value, .multiselect[data-name="severity"] .multiselect-input[value="minor"] + .multiselect-label:not(:hover) { color: rgb(111, 207, 95); } .multiselect[data-name="severity"][data-value="moderate"] .multiselect-value, .multiselect[data-name="severity"] .multiselect-input[value="moderate"] + .multiselect-label:not(:hover) { color: rgb(255, 212, 139); } .multiselect[data-name="severity"][data-value="severe"] .multiselect-value, .multiselect[data-name="severity"] .multiselect-input[value="severe"] + .multiselect-label:not(:hover) { color: rgb(250, 134, 134); } .visibility-R .value, .visibility-R .label, .org-visibility-R .name, .org-visibility-R .nick { opacity: 0.8; min-width: 150px; } .visibility-R .value, .org-visibility-R .name { background: left center repeat-y; } .visibility-R .label, .org-visibility-R .nick { background: left center repeat-y; } .visibility-R .ranking, .org-visibility-R .ranking-stars { height: 35px; opacity: 0.8; width: 160px !important; background: left center repeat-y !important; } .member-item.org-visibility-R .name { background: left center repeat-y !important; } .member-item.org-visibility-R .nick { background: left center repeat-y !important; } .member-item.org-visibility-R .ranking-stars { background: left center repeat-y !important; } .visibility-R .value.data1, .visibility-R .label.data1, .org-visibility-R .name.data1, .org-visibility-R .nick.data1, .visibility-R .ranking.data1, .org-visibility-R .ranking-stars.data1 { animation: 1s linear 0s 1 normal forwards running data1; } .visibility-R .value.data2, .visibility-R .label.data2, .org-visibility-R .name.data2, .org-visibility-R .nick.data2, .visibility-R .ranking.data2, .org-visibility-R .ranking-stars.data2 { animation: 1s linear 0s 1 normal forwards running data2; } .visibility-R .value.data3, .visibility-R .label.data3, .org-visibility-R .name.data3, .org-visibility-R .nick.data3, .visibility-R .ranking.data3, .org-visibility-R .ranking-stars.data3 { animation: 1s linear 0s 1 normal forwards running data3; } .visibility-R .value.data4, .visibility-R .label.data4, .org-visibility-R .name.data4, .org-visibility-R .nick.data4, .visibility-R .ranking.data4, .org-visibility-R .ranking-stars.data4 { animation: 1s linear 0s 1 normal forwards running data4; } .visibility-R .value.data5, .visibility-R .label.data5, .org-visibility-R .name.data5, .org-visibility-R .nick.data5, .visibility-R .ranking.data5, .org-visibility-R .ranking-stars.data5 { animation: 1s linear 0s 1 normal forwards running data5; } .visibility-R .value.data6, .visibility-R .label.data6, .org-visibility-R .name.data6, .org-visibility-R .nick.data6, .visibility-R .ranking.data6, .org-visibility-R .ranking-stars.data6 { animation: 1s linear 0s 1 normal forwards running data6; } .visibility-R .value.data7, .visibility-R .label.data7, .org-visibility-R .name.data7, .org-visibility-R .nick.data7, .visibility-R .ranking.data7, .org-visibility-R .ranking-stars.data7 { animation: 1s linear 0s 1 normal forwards running data7; } .visibility-R .value.data8, .visibility-R .label.data8, .org-visibility-R .name.data8, .org-visibility-R .nick.data8, .visibility-R .ranking.data8, .org-visibility-R .ranking-stars.data8 { animation: 1s linear 0s 1 normal forwards running data8; } .visibility-R .value.data9, .visibility-R .label.data49, .org-visibility-R .name.data9, .org-visibility-R .nick.data9, .visibility-R .ranking.data9, .org-visibility-R .ranking-stars.data9 { animation: 1s linear 0s 1 normal forwards running data9; } .visibility-R .value.data10, .visibility-R .label.data10, .org-visibility-R .name.data10, .org-visibility-R .nick.data10, .visibility-R .ranking.data10, .org-visibility-R .ranking-stars.data10 { animation: 1s linear 0s 1 normal forwards running data10; } .visibility-R .value.data11, .visibility-R .label.data11, .org-visibility-R .name.data11, .org-visibility-R .nick.data11, .visibility-R .ranking.data11, .org-visibility-R .ranking-stars.data11 { animation: 1s linear 0s 1 normal forwards running data11; } .visibility-R .value.data12, .visibility-R .label.data12, .org-visibility-R .name.data12, .org-visibility-R .nick.data12, .visibility-R .ranking.data12, .org-visibility-R .ranking-stars.data12 { animation: 1s linear 0s 1 normal forwards running data12; } .visibility-R .value.data13, .visibility-R .label.data13, .org-visibility-R .name.data13, .org-visibility-R .nick.data13, .visibility-R .ranking.data13, .org-visibility-R .ranking-stars.data13 { animation: 1s linear 0s 1 normal forwards running data13; } .visibility-R .value.data14, .visibility-R .label.data14, .org-visibility-R .name.data14, .org-visibility-R .nick.data14, .visibility-R .ranking.data14, .org-visibility-R .ranking-stars.data14 { animation: 1s linear 0s 1 normal forwards running data14; } .visibility-R .value.data15, .visibility-R .label.data15, .org-visibility-R .name.data15, .org-visibility-R .nick.data15, .visibility-R .ranking.data15, .org-visibility-R .ranking-stars.data15 { animation: 1s linear 0s 1 normal forwards running data15; } .visibility-R:hover .value.data1, .visibility-R:hover .label.data1, .visibility-R:hover .org-visibility-R .name.data1, .visibility-R:hover .org-visibility-R .nick.data1, .visibility-R:hover .ranking.data1, .visibility-R:hover .org-visibility-R .ranking-stars.data1 { animation: 0.2s linear 0s infinite normal none running idata1; } .visibility-R:hover .value.data2, .visibility-R:hover .label.data2, .visibility-R:hover .org-visibility-R .name.data2, .visibility-R:hover .org-visibility-R .nick.data2, .visibility-R:hover .ranking.data2, .visibility-R:hover .org-visibility-R .ranking-stars.data2 { animation: 0.2s linear 0s infinite normal none running idata2; } .visibility-R:hover .value.data3, .visibility-R:hover .label.data3, .visibility-R:hover .org-visibility-R .name.data3, .visibility-R:hover .org-visibility-R .nick.data3, .visibility-R:hover .ranking.data3, .visibility-R:hover .org-visibility-R .ranking-stars.data3 { animation: 0.2s linear 0s infinite normal none running idata3; } .visibility-R:hover .value.data4, .visibility-R:hover .label.data4, .visibility-R:hover .org-visibility-R .name.data4, .visibility-R:hover .org-visibility-R .nick.data4, .visibility-R:hover .ranking.data4, .visibility-R:hover .org-visibility-R .ranking-stars.data4 { animation: 0.2s linear 0s infinite normal none running idata4; } .visibility-R:hover .value.data5, .visibility-R:hover .label.data5, .visibility-R:hover .org-visibility-R .name.data5, .visibility-R:hover .org-visibility-R .nick.data5, .visibility-R:hover .ranking.data5, .visibility-R:hover .org-visibility-R .ranking-stars.data5 { animation: 0.2s linear 0s infinite normal none running idata5; } .visibility-R:hover .value.data6, .visibility-R:hover .label.data6, .visibility-R:hover .org-visibility-R .name.data6, .visibility-R:hover .org-visibility-R .nick.data6, .visibility-R:hover .ranking.data6, .visibility-R:hover .org-visibility-R .ranking-stars.data6 { animation: 0.2s linear 0s infinite normal none running idata6; } .visibility-R:hover .value.data7, .visibility-R:hover .label.data7, .visibility-R:hover .org-visibility-R .name.data7, .visibility-R:hover .org-visibility-R .nick.data7, .visibility-R:hover .ranking.data7, .visibility-R:hover .org-visibility-R .ranking-stars.data7 { animation: 0.2s linear 0s infinite normal none running idata7; } .visibility-R:hover .value.data8, .visibility-R:hover .label.data8, .visibility-R:hover .org-visibility-R .name.data8, .visibility-R:hover .org-visibility-R .nick.data8, .visibility-R:hover .ranking.data8, .visibility-R:hover .org-visibility-R .ranking-stars.data8 { animation: 0.2s linear 0s infinite normal none running idata8; } .visibility-R:hover .value.data9, .visibility-R:hover .label.data49, .visibility-R:hover .org-visibility-R .name.data9, .visibility-R:hover .org-visibility-R .nick.data9, .visibility-R:hover .ranking.data9, .visibility-R:hover .org-visibility-R .ranking-stars.data9 { animation: 0.2s linear 0s infinite normal none running idata9; } .visibility-R:hover .value.data10, .visibility-R:hover .label.data10, .visibility-R:hover .org-visibility-R .name.data10, .visibility-R:hover .org-visibility-R .nick.data10, .visibility-R:hover .ranking.data10, .visibility-R:hover .org-visibility-R .ranking-stars.data10 { animation: 0.2s linear 0s infinite normal none running idata10; } .visibility-R:hover .value.data11, .visibility-R:hover .label.data11, .visibility-R:hover .org-visibility-R .name.data11, .visibility-R:hover .org-visibility-R .nick.data11, .visibility-R:hover .ranking.data11, .visibility-R:hover .org-visibility-R .ranking-stars.data11 { animation: 0.2s linear 0s infinite normal none running idata11; } .visibility-R:hover .value.data12, .visibility-R:hover .label.data12, .visibility-R:hover .org-visibility-R .name.data12, .visibility-R:hover .org-visibility-R .nick.data12, .visibility-R:hover .ranking.data12, .visibility-R:hover .org-visibility-R .ranking-stars.data12 { animation: 0.2s linear 0s infinite normal none running idata12; } .visibility-R:hover .value.data13, .visibility-R:hover .label.data13, .visibility-R:hover .org-visibility-R .name.data13, .visibility-R:hover .org-visibility-R .nick.data13, .visibility-R:hover .ranking.data13, .visibility-R:hover .org-visibility-R .ranking-stars.data13 { animation: 0.2s linear 0s infinite normal none running idata13; } .visibility-R:hover .value.data14, .visibility-R:hover .label.data14, .visibility-R:hover .org-visibility-R .name.data14, .visibility-R:hover .org-visibility-R .nick.data14, .visibility-R:hover .ranking.data14, .visibility-R:hover .org-visibility-R .ranking-stars.data14 { animation: 0.2s linear 0s infinite normal none running idata14; } .visibility-R:hover .value.data15, .visibility-R:hover .label.data15, .visibility-R:hover .org-visibility-R .name.data15, .visibility-R:hover .org-visibility-R .nick.data15, .visibility-R:hover .ranking.data15, .visibility-R:hover .org-visibility-R .ranking-stars.data15 { animation: 0.2s linear 0s infinite normal none running idata15; } @-webkit-keyframes data1 { 0% { background-position: left 650px; } 38% { background-position: left 650px; } 39% { background-position: left 781px; } 55% { background-position: left 781px; } 56% { background-position: left 679px; } 65% { background-position: left 679px; } 66% { background-position: left 591px; } 87% { background-position: left 591px; } 88% { background-position: left 555px; } 100% { background-position: left 555px; } } @-webkit-keyframes data2 { 0% { background-position: left 1497px; } 5% { background-position: left 1497px; } 6% { background-position: left 238px; } 64% { background-position: left 238px; } 65% { background-position: left 1621px; } 84% { background-position: left 1621px; } 85% { background-position: left 1154px; } 100% { background-position: left 1154px; } } @-webkit-keyframes data3 { 0% { background-position: left 1723px; } 100% { background-position: left 1723px; } } @-webkit-keyframes data4 { 0% { background-position: left 1936px; } 77% { background-position: left 1936px; } 78% { background-position: left 56px; } 100% { background-position: left 56px; } } @-webkit-keyframes data5 { 0% { background-position: left 1227px; } 33% { background-position: left 1227px; } 34% { background-position: left 878px; } 100% { background-position: left 878px; } } @-webkit-keyframes data6 { 0% { background-position: left 1361px; } 21% { background-position: left 1361px; } 22% { background-position: left 1352px; } 64% { background-position: left 1352px; } 65% { background-position: left 39px; } 79% { background-position: left 39px; } 80% { background-position: left 1815px; } 100% { background-position: left 1815px; } } @-webkit-keyframes data7 { 0% { background-position: left 1102px; } 24% { background-position: left 1102px; } 25% { background-position: left 765px; } 44% { background-position: left 765px; } 45% { background-position: left 1149px; } 79% { background-position: left 1149px; } 80% { background-position: left 58px; } 100% { background-position: left 58px; } } @-webkit-keyframes data8 { 0% { background-position: left 652px; } 26% { background-position: left 652px; } 27% { background-position: left 1288px; } 45% { background-position: left 1288px; } 46% { background-position: left 1559px; } 100% { background-position: left 1559px; } } @-webkit-keyframes data9 { 0% { background-position: left 1469px; } 22% { background-position: left 1469px; } 23% { background-position: left 1458px; } 35% { background-position: left 1458px; } 36% { background-position: left 1391px; } 52% { background-position: left 1391px; } 53% { background-position: left 1491px; } 80% { background-position: left 1491px; } 81% { background-position: left 465px; } 100% { background-position: left 465px; } } @-webkit-keyframes data10 { 0% { background-position: left 1149px; } 63% { background-position: left 1149px; } 64% { background-position: left 1890px; } 76% { background-position: left 1890px; } 77% { background-position: left 696px; } 100% { background-position: left 696px; } } @-webkit-keyframes data11 { 0% { background-position: left 210px; } 28% { background-position: left 210px; } 29% { background-position: left 315px; } 39% { background-position: left 315px; } 40% { background-position: left 1211px; } 51% { background-position: left 1211px; } 52% { background-position: left 701px; } 68% { background-position: left 701px; } 69% { background-position: left 1841px; } 100% { background-position: left 1841px; } } @-webkit-keyframes data12 { 0% { background-position: left 1532px; } 16% { background-position: left 1532px; } 17% { background-position: left 618px; } 44% { background-position: left 618px; } 45% { background-position: left 776px; } 51% { background-position: left 776px; } 52% { background-position: left 522px; } 80% { background-position: left 522px; } 81% { background-position: left 1431px; } 100% { background-position: left 1431px; } } @-webkit-keyframes data13 { 0% { background-position: left 531px; } 60% { background-position: left 531px; } 61% { background-position: left 1115px; } 72% { background-position: left 1115px; } 73% { background-position: left 684px; } 79% { background-position: left 684px; } 80% { background-position: left 991px; } 94% { background-position: left 991px; } 95% { background-position: left 1122px; } 100% { background-position: left 1122px; } } @-webkit-keyframes data14 { 0% { background-position: left 1727px; } 100% { background-position: left 1727px; } } @-webkit-keyframes data15 { 0% { background-position: left 488px; } 37% { background-position: left 488px; } 38% { background-position: left 362px; } 100% { background-position: left 362px; } } @-webkit-keyframes idata1 { 0% { background-position: left 650px; } 38% { background-position: left 650px; } 39% { background-position: left 781px; } 55% { background-position: left 781px; } 56% { background-position: left 679px; } 65% { background-position: left 679px; } 66% { background-position: left 591px; } 87% { background-position: left 591px; } 88% { background-position: left 555px; } 100% { background-position: left 555px; } } @-webkit-keyframes idata2 { 0% { background-position: left 1497px; } 5% { background-position: left 1497px; } 6% { background-position: left 238px; } 64% { background-position: left 238px; } 65% { background-position: left 1621px; } 84% { background-position: left 1621px; } 85% { background-position: left 1154px; } 100% { background-position: left 1154px; } } @-webkit-keyframes idata3 { 0% { background-position: left 1723px; } 100% { background-position: left 1723px; } } @-webkit-keyframes idata4 { 0% { background-position: left 1936px; } 77% { background-position: left 1936px; } 78% { background-position: left 56px; } 100% { background-position: left 56px; } } @-webkit-keyframes idata5 { 0% { background-position: left 1227px; } 33% { background-position: left 1227px; } 34% { background-position: left 878px; } 100% { background-position: left 878px; } } @-webkit-keyframes idata6 { 0% { background-position: left 1361px; } 21% { background-position: left 1361px; } 22% { background-position: left 1352px; } 64% { background-position: left 1352px; } 65% { background-position: left 39px; } 79% { background-position: left 39px; } 80% { background-position: left 1815px; } 100% { background-position: left 1815px; } } @-webkit-keyframes idata7 { 0% { background-position: left 1102px; } 24% { background-position: left 1102px; } 25% { background-position: left 765px; } 44% { background-position: left 765px; } 45% { background-position: left 1149px; } 79% { background-position: left 1149px; } 80% { background-position: left 58px; } 100% { background-position: left 58px; } } @-webkit-keyframes idata8 { 0% { background-position: left 652px; } 26% { background-position: left 652px; } 27% { background-position: left 1288px; } 45% { background-position: left 1288px; } 46% { background-position: left 1559px; } 100% { background-position: left 1559px; } } @-webkit-keyframes idata9 { 0% { background-position: left 1469px; } 22% { background-position: left 1469px; } 23% { background-position: left 1458px; } 35% { background-position: left 1458px; } 36% { background-position: left 1391px; } 52% { background-position: left 1391px; } 53% { background-position: left 1491px; } 80% { background-position: left 1491px; } 81% { background-position: left 465px; } 100% { background-position: left 465px; } } @-webkit-keyframes idata10 { 0% { background-position: left 1149px; } 63% { background-position: left 1149px; } 64% { background-position: left 1890px; } 76% { background-position: left 1890px; } 77% { background-position: left 696px; } 100% { background-position: left 696px; } } @-webkit-keyframes idata11 { 0% { background-position: left 210px; } 28% { background-position: left 210px; } 29% { background-position: left 315px; } 39% { background-position: left 315px; } 40% { background-position: left 1211px; } 51% { background-position: left 1211px; } 52% { background-position: left 701px; } 68% { background-position: left 701px; } 69% { background-position: left 1841px; } 100% { background-position: left 1841px; } } @-webkit-keyframes idata12 { 0% { background-position: left 1532px; } 16% { background-position: left 1532px; } 17% { background-position: left 618px; } 44% { background-position: left 618px; } 45% { background-position: left 776px; } 51% { background-position: left 776px; } 52% { background-position: left 522px; } 80% { background-position: left 522px; } 81% { background-position: left 1431px; } 100% { background-position: left 1431px; } } @-webkit-keyframes idata13 { 0% { background-position: left 531px; } 60% { background-position: left 531px; } 61% { background-position: left 1115px; } 72% { background-position: left 1115px; } 73% { background-position: left 684px; } 79% { background-position: left 684px; } 80% { background-position: left 991px; } 94% { background-position: left 991px; } 95% { background-position: left 1122px; } 100% { background-position: left 1122px; } } @-webkit-keyframes idata14 { 0% { background-position: left 488px; } 37% { background-position: left 488px; } 38% { background-position: left 362px; } 100% { background-position: left 362px; } } @-webkit-keyframes idata15 { 0% { background-position: left 488px; } 37% { background-position: left 488px; } 38% { background-position: left 362px; } 100% { background-position: left 362px; } } .account-profile .orgs-content .org .thumb { display: block; width: 247px; height: 236px; background: no-repeat; margin: -50px 40px 0px -28px; position: relative; float: left; } .account-profile .orgs-content .org .thumb img { width: 140px; height: 140px; position: absolute; top: 43px; left: 50%; margin-left: -70px; } .account-profile .orgs-content .org .thumb .members { display: block; width: 124px; height: 16px; line-height: 16px; color: rgb(24, 88, 93); font-family: Electrolize; font-size: 13px; position: absolute; bottom: 20px; left: 50%; margin-left: -62px; text-align: center; } .account-profile .orgs-content .org .inner { padding: 15px 20px; } .account-profile .orgs-content .org.affiliation .inner-bg { background: repeat; } .account-profile .orgs-content .org.affiliation .thumb { margin: -34px 0px 0px -20px; float: none; width: 330px; background-position: center top; } .account-profile .orgs-content .org.affiliation .info { width: 243px; margin-left: 49px; } .account-profile .orgs-content .org.affiliation .info .orgtitle { width: 100%; height: 50px; line-height: 25px; overflow: hidden; } .account-profile .orgs-content .org.main .left-col { width: 678px; min-height: 195px; float: left; position: relative; margin-top: 47px; } .account-profile .orgs-content .org.main .right-col { width: 351px; min-height: 195px; float: left; position: relative; border-left: 1px solid rgb(5, 61, 66); margin-top: 47px; } .account-profile .orgs-content .org.main .info { float: left; } .account-profile .orgs-content .org.main .right-col > .inner { padding-left: 0px; padding-right: 0px; } .account-profile .orgs-content .org.main .right-col .entry { width: 136px; padding-left: 20px; float: left; margin-bottom: 5px; } .account-profile .orgs-content .org.affiliation { width: 332px; float: left; margin-right: 17px; } .account-profile .orgs-content .org.affiliation .inner-bg { height: 450px; } .account-profile .orgs-content .org.affiliation.third { margin-right: 0px; } .account-profile .orgs-content .org.affiliation .title { text-align: left; text-indent: 20px; } .account-profile .orgs-content .org.affiliation .left-col { margin-top: 47px; } .account-profile .deco-corner { width: 6px; height: 6px; background: ; position: absolute; } .account-profile .deco-corner.top { top: 0px; } .account-profile .deco-corner.right { right: 0px; } .account-profile .deco-corner.bottom { bottom: 0px; } .account-profile .deco-corner.left { left: 0px; } .account-profile .deco-corner.top.left { background-position: 0px 0px; } .account-profile .deco-corner.top.right { background-position: 0px -6px; } .account-profile .deco-corner.bottom.right { background-position: 0px -12px; } .account-profile .deco-corner.bottom.left { background-position: 0px -18px; } .account-profile .thumb .deco-corner.top { top: -1px; } .account-profile .thumb .deco-corner.right { right: -1px; } .account-profile .thumb .deco-corner.bottom { bottom: -1px; } .account-profile .thumb .deco-corner.left { left: -1px; } .account-profile .deco-separator { display: block; width: 1px; height: 12px; background: rgb(0, 237, 255); position: absolute; left: -1px; } .account-profile .deco-separator.top { top: 0px; } .account-profile .deco-separator.bottom { bottom: 0px; } .account-profile .deco-edge, .account-section .deco-edge { height: 175px; background: rgb(77, 255, 255); position: absolute; top: 50%; margin-top: -82px; width: 6px !important; } .account-profile .deco-edge.left, .account-section .deco-edge.left { left: -6px; } .account-profile .deco-edge.right, .account-section .deco-edge.right { right: -6px; } .account-profile .deco-edge > span, .account-section .deco-edge > span { display: block; width: 0px; height: 0px; position: absolute; left: 0px; border: 3px solid; } .account-profile .deco-edge > span.top, .account-section .deco-edge > span.top { top: -6px; } .account-profile .deco-edge > span.bottom, .account-section .deco-edge > span.bottom { bottom: -6px; } .account-profile .deco-edge.left > .top, .account-section .deco-edge.left > .top { border-color: transparent rgb(77, 255, 255) rgb(77, 255, 255) transparent; } .account-profile .deco-edge.left > .bottom, .account-section .deco-edge.left > .bottom { border-color: rgb(77, 255, 255) rgb(77, 255, 255) transparent transparent; } .account-profile .deco-edge.right > .top, .account-section .deco-edge.right > .top { border-color: transparent transparent rgb(77, 255, 255) rgb(77, 255, 255); } .account-profile .deco-edge.right > .bottom, .account-section .deco-edge.right > .bottom { border-color: rgb(77, 255, 255) transparent transparent rgb(77, 255, 255); } #contentbody.public-profile { min-height: 2000px; } #contentbody.public-profile { background: center top; } .account-profile .orgs-content .org.affiliation .inner-bg { background: 0px 0px; } .account-profile .org.main.visibility-R .thumb { display: block; width: 191px; height: 187px; background: 263px -57px; margin: -15px 66px 0px 0px; } .account-profile .org.main.visibility-R .deco-edge { background-color: rgb(255, 21, 0); } .account-profile .org.main.visibility-R .deco-edge.left > .top { border-color: transparent rgb(255, 21, 0) rgb(255, 21, 0) transparent; } .account-profile .org.main.visibility-R .deco-edge.left > .bottom { border-color: rgb(255, 21, 0) rgb(255, 21, 0) transparent transparent; } .account-profile .org.main.visibility-R .deco-edge.right > .top { border-color: transparent transparent rgb(255, 21, 0) rgb(255, 21, 0); } .account-profile .org.main.visibility-R .deco-edge.right > .bottom { border-color: rgb(255, 21, 0) transparent transparent rgb(255, 21, 0); } .account-profile .org.main.visibility-R .member-visibility-restriction, .account-profile .main-org .member-visibility-restriction { opacity: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgb(255, 255, 0); } .account-profile .org.main.visibility-R .member-visibility-restriction { background: 2px center repeat-x; } .account-profile .org.main.visibility-R .member-visibility-restriction .restriction { z-index: 2; background: 0px -104px no-repeat; width: 246px; height: 52px; margin: -26px 0px 0px -123px; position: absolute; top: 50%; left: 50%; animation: 1s linear 0s infinite normal none running restriction; } .account-profile .org.main.visibility-R:hover .inner-bg { background: 0px 0px; } .account-profile .org.main.visibility-R:hover .member-visibility-restriction { opacity: 1; } .account-profile .org.affiliation.visibility-v, .account-profile .box-content.affiliation.visibility-R { background: left top no-repeat; } .account-profile .org.affiliation.visibility-R { background-position: right top; } .account-profile .org.affiliation.visibility-R .member-visibility-restriction { opacity: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgb(255, 255, 0); } .account-profile .org.affiliation.visibility-R .member-visibility-restriction, .account-profile .main-org .member-visibility-restriction { background: 2px center repeat-x; } .account-profile .org.affiliation.visibility-R .member-visibility-restriction .restriction, .account-profile .main-org .member-visibility-restriction .restriction { z-index: 2; animation: 3s linear 0s infinite normal none running restriction; background: 0px -104px no-repeat; width: 246px; height: 52px; margin: -26px 0px 0px -123px; position: absolute; top: 50%; left: 50%; } .account-profile .org.affiliation.visibility-R:hover .inner-bg { background: 0px 0px; } .account-profile .org.affiliation.visibility-R:hover .member-visibility-restriction, .account-profile .main-org.visibility-R:hover .member-visibility-r { opacity: 1; } @-webkit-keyframes restriction { 0% { opacity: 0.8; } 50% { opacity: 1; } 100% { opacity: 0.8; } } #account-notes .note .avatar { width: 24px; height: 24px; float: right; margin-left: 5px; } #account-notes .note { margin-bottom: 5px; margin-top: 15px; padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.3); } #account-notes .note-topic { display: inline-block; margin-bottom: 3px; margin-right: 5px; font-weight: 700; font-size: 14px; text-decoration: underline; vertical-align: top; } #account-notes .note-topic::after { content: ":"; } #account-notes .note-footer { text-align: right; } #account-notes .note span.info.handle { font-family: Electrolize; font-weight: 400; } #account-notes .note-body { display: inline-block; margin: 0px; font-weight: 400; color: rgb(0, 0, 0); } #account-moderation .row { padding: 20px; border-bottom: 1px solid rgb(26, 41, 51); position: relative; margin-top: 20px; background: rgba(0, 0, 0, 0.8); border-top: 2px solid rgb(214, 223, 178); } #account-moderation .row label { color: rgb(255, 255, 255); font-family: Electrolize; font-weight: 400; } #account-moderation span.probation-status { color: rgb(204, 204, 204); font-family: Electrolize; } #account-moderation span.probation-message { display: block; clear: both; } #account-moderation .profile .shadow-button { margin-right: 26px; } #contact-page .wrapper { width: 480px; padding: 10px 30px; margin-bottom: 120px; background: left top repeat-x scroll, left bottom repeat-x scroll, none 0px 0px repeat scroll rgba(0, 0, 0, 0.4); } #contact-page .wrapper p { color: rgb(90, 122, 147); font-size: 12px; line-height: 18px; padding-bottom: 10px; } #contact-page .wrapper .submit-wrapper { margin: 10px 0px; } #concierge-page .wrapper { width: 480px; padding: 10px 30px; margin-bottom: 120px; background: left top repeat-x scroll, left bottom repeat-x scroll, none 0px 0px repeat scroll rgba(0, 0, 0, 0.4); } #concierge-page .wrapper p { color: rgb(90, 122, 147); font-size: 12px; line-height: 18px; padding-bottom: 10px; } #concierge-page .wrapper .submit-wrapper { margin: 10px 0px; } #uec-payment-page .wrapper { width: 480px; padding: 10px 30px; margin-top: 50px; margin-bottom: 50px; background: left top repeat-x scroll, left bottom repeat-x scroll, none 0px 0px repeat scroll rgba(0, 0, 0, 0.4); } #uec-payment-page .wrapper .submit-wrapper { margin: 10px 0px; } #rec-payment-page .wrapper { width: 480px; padding: 10px 30px; margin-top: 50px; margin-bottom: 50px; background: left top repeat-x scroll, left bottom repeat-x scroll, none 0px 0px repeat scroll rgba(0, 0, 0, 0.4); } #rec-payment-page .wrapper .submit-wrapper { margin: 10px 0px; } #missing #contentbody { background: center center repeat, 50% 30px no-repeat, left top no-repeat; min-height: 820px; } #missing .circle-wrapper { width: 668px; height: 668px; margin: 10px auto 0px; position: relative; } #missing .circle-wrapper .circle { width: 668px; height: 668px; background: ; animation: 8s linear 0s infinite normal none running rotating; } #missing .circle-wrapper .octo-big { width: 309px; height: 269px; background: ; position: absolute; top: 119px; left: 29px; animation: 5s ease-in-out 0s infinite normal none running fadefromhight; } #missing .circle-wrapper .octo-small { width: 139px; height: 121px; background: ; position: absolute; top: 75px; left: 229px; animation: 5s linear 0s infinite normal none running fadefromlow; } #missing .circle-wrapper .compass { width: 260px; height: 260px; background: ; position: absolute; top: 204px; left: 204px; } #missing .circle-wrapper .compass .glow { width: 260px; height: 260px; background: ; } #missing .circle-wrapper .compass .thin-line { width: 260px; height: 260px; background: ; position: absolute; top: 0px; left: 0px; animation: 2s linear 0s infinite normal none running fadefromhight; } #missing .circle-wrapper .compass .large-line { width: 260px; height: 260px; background: ; position: absolute; top: 0px; left: 0px; animation: 2s linear 0s infinite normal none running fadefromlow; } #missing .circle-wrapper .compass .arrow { width: 9px; height: 7px; background: ; position: absolute; top: 128px; left: 126px; } #missing .elem-wrapper { width: 668px; height: 668px; margin: -668px auto 0px; position: relative; } #missing .content-wrapper .text { width: 315px; position: absolute; top: 155px; left: -35px; } #missing .content-wrapper .text .status { height: 15px; line-height: 18px; border-left: 1px solid rgb(34, 96, 106); background: rgba(62, 112, 192, 0.15); font-size: 10px; color: rgb(0, 255, 234); font-family: Electrolize; padding-left: 15px; margin-bottom: 5px; } #missing .content-wrapper .text .code { height: 41px; background: left center no-repeat; color: red; } #missing .content-wrapper .text .code .num { font-size: 36px; font-family: Electrolize; display: block; padding-left: 15px; line-height: 45px; float: left; } #missing .content-wrapper .text .code .desc { font-family: Electrolize; width: 175px; font-size: 12px; display: block; float: left; padding-left: 35px; padding-top: 5px; } #missing .content-wrapper .text .inner-text { padding: 30px 0px 0px 16px; width: 220px; } #missing .content-wrapper .text .inner-text p { font-size: 11px; color: red; line-height: 16px; padding: 0px; margin: 0px 0px 20px; } #missing .content-wrapper .text .inner-text p strong { font-size: 16px; color: red; } #missing .content-wrapper .text .inner-text #backtohome { margin-left: 30px; } #missing .current-traj { position: absolute; top: 137px; left: 652px; color: rgb(68, 255, 130); font-size: 6px; font-family: Electrolize; height: 24px; line-height: 30px; padding-left: 40px; width: 80px; } #missing .current-traj .icon { width: 28px; height: 24px; position: absolute; top: 0px; left: 0px; background: ; animation: 2s linear 0s infinite normal none running fadefromhight; } #missing .prev-traj { position: absolute; top: 31px; left: 588px; color: rgb(39, 62, 70); font-size: 6px; font-family: Electrolize; height: 24px; padding-right: 40px; text-align: right; line-height: 15px; width: 100px; } #missing .prev-traj .icon { width: 28px; height: 24px; position: absolute; top: 0px; right: 0px; background: ; animation: 2s linear 0s infinite normal none running fadefromlow; } #missing .prev-traj span { display: block; color: rgb(25, 118, 153); margin-right: -6px; margin-top: -5px; } #missing .traj-info { position: absolute; top: 285px; left: 480px; } #missing .traj-info .info { position: relative; padding-left: 30px; width: 130px; height: 16px; color: rgb(47, 77, 100); font-size: 8px; line-height: 9px; margin-bottom: 35px; z-index: 2; } #missing .traj-info .info strong { color: rgb(3, 208, 255); font-weight: 400; } #missing .traj-info .info .icon { width: 16px; height: 16px; position: absolute; top: 0px; left: 0px; background: -16px 0px; } #missing .traj-info .info:first-child .icon { background: 0px 0px; } #missing .traj-info .info span { width: 4px; height: 8px; background: rgb(3, 237, 255); position: absolute; top: 4px; right: 0px; box-shadow: rgb(45, 252, 255) 0px 0px 30px; } #missing .traj-info .line { width: 245px; height: 59px; position: absolute; top: -27px; left: -128px; background: ; z-index: 1; } #missing .fadeIn { opacity: 0; animation: 1s ease-in 0s 1 normal forwards running fadeIn; } #missing .fade-one { animation-delay: 0.3s; } #missing .fade-two { animation-delay: 0.8s; } #missing .fade-three { animation-delay: 1.2s; } #missing .fade-four { animation-delay: 1.5s; } #missing .fade-four-two { animation-delay: 1.7s; } #missing .fade-four-three { animation-delay: 1.9s; } #column-page .content-wrapper { margin: 50px auto 100px; } #column-page .right { width: 62.5%; float: right; } #column-page .block-left-lined { margin-bottom: 20px; } #chat { padding-bottom: 50px; } #chat .content-block4 { margin-top: 50px; } #chat .content-block4 .content { position: relative; height: 670px; } #chat .content-block4 .content h1 { background: left center no-repeat; padding-left: 65px; margin: 0px; font-size: 24px; color: rgb(0, 231, 255); text-transform: uppercase; text-shadow: rgb(0, 224, 255) 0px 0px 0px, rgb(0, 160, 182) 0px 0px 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 57px; line-height: 57px; } #chat .chat-beta-button { position: absolute; right: 10px; top: 10px; } #chat a.beta-button { display: block; text-align: left; background: 100px 10px no-repeat; text-indent: 15px; width: 135px; height: 15px; font-size: 12px; font-family: Electrolize; color: rgb(109, 185, 216); text-transform: uppercase; padding: 10px 0px; position: absolute; top: 10px; right: 20px; } #chat a.beta-button:hover { background-position: 100px -20px; } #chat a.beta-button span.line { display: block; width: 100%; height: 3px; background-color: rgb(109, 185, 216); position: absolute; bottom: -2px; left: 0px; } #chat a.beta-button:hover span.line { background-color: rgb(0, 240, 255); box-shadow: rgb(0, 138, 255) 0px 0px 30px; } #faq .tabs ul li { float: left; } #faq { background: center top repeat, center top no-repeat, center top repeat; } #faq .faq-head { position: relative; z-index: 10; background: center bottom no-repeat scroll transparent; text-align: center; } #faq .faq-head .title { display: block; position: relative; top: 0px; font-family: Electrolize; font-size: 72px; color: rgb(255, 255, 255); text-shadow: rgb(13, 168, 255) 0px 0px 65px; } .faq .content-block4 .content h1 { background: left center no-repeat; padding-left: 65px; margin: 0px; font-size: 24px; color: rgb(0, 231, 255); text-transform: uppercase; text-shadow: rgb(0, 224, 255) 0px 0px 0px, rgb(0, 160, 182) 0px 0px 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 57px; line-height: 57px; } #promotion .title-section { margin-top: 80px; } #promotion .title-section .title-container { background: center center repeat rgba(0, 0, 0, 0.5); top: -40px; position: relative; padding: 40px 0px 0px; margin-bottom: -40px; box-shadow: rgba(0, 0, 0, 0.6) 0px -170px 160px -100px inset, rgb(0, 0, 0) 0px 170px 160px -100px inset; } #promotion .title-section .title-container .title { font-family: Electrolize; font-size: 72px; color: rgb(255, 255, 255); text-align: center; text-shadow: rgb(13, 168, 255) 0px 0px 65px; width: 80%; margin: 42px auto 0px; line-height: 82px; z-index: 12; position: relative; } #promotion .title-section .title-container .title.no-subtitle { padding-bottom: 40px; } #promotion .title-section .title-container .subtitle { font-size: 14px; color: rgb(85, 107, 120); font-style: italic; text-align: center; width: 60%; margin: 10px auto 0px; z-index: 12; position: relative; padding-bottom: 40px; } #promotion.wrapper { margin-top: 30px; } #contentbody.promotion-section { background: center top / auto repeat, center top / auto repeat, 0% 0% / 100%, 0% 0% / auto; width: 100%; padding-bottom: 785px; } #contentbody.promotion-section #post { background: 0px 0px; padding-bottom: 0px; } #contentbody.promotion-section .two-line-separator { display: none; } #promotion .content-wrapper { background: left top repeat-x, left bottom repeat-x, rgba(0, 0, 0, 0.4); } #promotion .content-wrapper > .content { padding: 10px 0px 45px; background: 0px 0px; } #promotion .promotion-steps { margin-bottom: 60px; } #promotion .promotion-steps h2.step { font-size: 30px; text-transform: uppercase; color: rgb(0, 228, 255); margin: 0px; float: left; position: relative; } #promotion .promotion-steps h2.step span { color: rgb(255, 255, 255); padding-left: 30px; } #promotion .promotion-steps h2.step .icon-wrapper { display: inline; position: relative; } #promotion .promotion-steps h2.step .icon { display: block; width: 100px; height: 100px; background: 0px -100px; padding: 0px; position: absolute; right: -60px; top: -28px; } #promotion .promotion-steps h2.step.access .icon { background-position: 0px 0px; } #promotion .promotion-steps p { font-size: 14px; color: rgb(149, 173, 183); margin-top: 0px; } #promotion .promotion-steps .thin-separator { height: 1px; background: rgb(18, 45, 73); border-left: 6px solid rgb(17, 240, 255); border-right: 6px solid rgb(17, 240, 255); margin: 50px 0px; } #promotion .identity-wrapper { margin-top: 30px; } #promotion .identity-wrapper .thumb { float: left; margin-right: 15px; } #promotion .identity-wrapper .thumb img { display: block; border: 1px solid rgb(0, 183, 243); } #promotion .identity-wrapper .infos { background: rgba(76, 142, 197, 0.1); height: 78px; float: left; width: 325px; padding-left: 15px; position: relative; } #promotion .identity-wrapper .infos .glow { width: 1px; height: 40px; background: rgb(0, 255, 255); position: absolute; top: 20px; right: 0px; box-shadow: rgb(0, 255, 255) 0px 0px 10px; } #promotion .identity-wrapper .infos .name { font-size: 16px; color: rgb(255, 246, 0); font-family: Electrolize; top: 20px; position: relative; } #promotion .identity-wrapper .infos .handle { font-size: 11px; color: rgb(96, 121, 135); font-family: Arial; top: 20px; position: relative; } #promotion p.step-3-btn { display: block; width: 200px; margin: auto; } #promotion p.coupon-wrapper { margin-top: 20px; } #promotion p.coupon-wrapper.step-4-btn { display: none; } #promotion .submit-wrapper input[type="submit"] { font-size: 26px; height: 32px; } #promotion .submit-wrapper { margin-top: 14px; } #promotion .coupon-input-wrapper { width: 30%; float: left; margin-right: 20px; text-align: center; color: rgb(255, 255, 255); font-family: Electrolize; text-transform: uppercase; font-size: 11px; line-height: 30px; } #promotion .coupon-input-wrapper input[type="text"] { font-size: 30px; text-transform: uppercase; font-family: Electrolize; text-align: center; } #promotion .coupon-input-wrapper input[type="text"].has-coupon { color: rgb(52, 212, 37); border-color: rgb(52, 212, 37); } #promotion .submit-coupon { display: inline-block; } #promotion .pledge-wrapper { margin-top: 30px; } #promotion .pledge-wrapper .thumb { float: left; margin-right: 15px; } #promotion .pledge-wrapper .thumb img { display: block; border: 1px solid rgb(0, 183, 243); } #promotion .pledge-wrapper .infos { background: rgba(76, 142, 197, 0.1); height: 50px; float: left; width: 325px; padding-left: 15px; position: relative; } #promotion .pledge-wrapper .infos .glow { width: 1px; height: 22px; background: rgb(0, 255, 255); position: absolute; top: 15px; right: 0px; box-shadow: rgb(0, 255, 255) 0px 0px 10px; } #promotion .pledge-wrapper .infos .name { font-size: 14px; color: rgb(255, 246, 0); font-family: Electrolize; top: 10px; position: relative; } #promotion .pledge-wrapper .infos .contents { font-size: 11px; color: rgb(96, 121, 135); font-family: Arial; top: 8px; position: relative; } #promotion .ship-list { margin-right: -35px; margin-top: 70px; } #promotion .ship-list .ship { width: 320px; float: left; margin-right: 35px; padding-bottom: 10px; min-height: 260px; } #promotion .ship-list .ship .thumb { border: 1px solid rgb(60, 85, 97); position: relative; } #promotion .ship-list .ship.own .thumb { border: 1px solid rgb(18, 98, 21); box-shadow: rgba(18, 98, 21, 0.5) 0px 0px 20px; } #promotion .ship-list .ship .thumb img { display: block; } #promotion .ship-list .ship .thumb .text { background: rgba(0, 0, 0, 0.8); height: 25px; width: 100%; position: absolute; bottom: 0px; left: 0px; display: block; } #promotion .ship-list .ship .thumb .text p { font-size: 11px; font-weight: 700; color: rgb(146, 160, 166); line-height: 25px; padding-left: 55px; position: relative; } #promotion .ship-list .ship.own .thumb .text p { color: rgb(6, 255, 0); } #promotion .ship-list .ship .thumb .text p a { color: rgb(0, 179, 255); } #promotion .ship-list .ship .thumb .text p a:hover { color: rgb(255, 255, 255); } #promotion .ship-list .ship .thumb .text .icon { width: 100px; height: 100px; background: 0px -200px; position: absolute; left: -20px; bottom: -30px; } #promotion .ship-list .ship.own .thumb .text .icon { background-position: 0px 0px; } #promotion .ship-list .ship h2 { font-size: 18px; margin-bottom: 5px; } #promotion .ship-list .ship h2 strong { font-family: Arial; font-size: 12px; color: rgb(87, 107, 115); } #promotion .ship-list .ship h2 strong span { color: rgb(146, 160, 166); } #promotion .ship-list .ship p { font-size: 11px; color: rgb(101, 112, 123); } #promotion .ship-list .ship .price { color: rgb(255, 174, 0); font-weight: 700; font-size: 11px; line-height: 25px; text-align: right; padding-right: 10px; } #promotion .ship-list .ship .price .original-price { display: none; } #promotion .ship-list .ship .price .discount { font-weight: 400; color: rgb(0, 255, 0); } #promotion .ship-list .ship .price .discount::before { content: " - "; } #promotion .ship-list .ship .price .discount strong { font-weight: 400; color: rgb(0, 255, 0); margin-left: 2px; } #promotion .ship-list .ship .stock-level { text-transform: uppercase; font-size: 10px; } #promotion .ship-list .ship .stock-level em { color: rgb(255, 255, 255); padding: 0px 5px; } #promotion .ship-list .ship .hover-wrapper { position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; cursor: pointer; } #promotion .ship-list .ship.own .hover-wrapper { cursor: default; } #promotion .ship-list .ship .hover { background: rgba(0, 0, 0, 0.8); height: 100%; width: 100%; display: table; overflow: hidden; opacity: 0; } #promotion .ship-list .ship .hover:hover { opacity: 1; } #promotion .ship-list .ship.own .hover:hover { opacity: 0; } #promotion .ship-list .ship .hover .hover-text { display: table-cell; vertical-align: middle; color: rgb(255, 255, 255); text-align: center; font-family: Electrolize; text-transform: uppercase; font-size: 14px; padding-top: 30px; opacity: 0; } #promotion .ship-list .ship .hover:hover .hover-text { opacity: 1; } #promotion .ship-list .ship .more-info { color: rgb(3, 193, 255); font-size: 14px; text-transform: uppercase; font-family: Electrolize; line-height: 21px; } #promotion .ship-list .ship .more-info:hover { color: rgb(255, 255, 255); } #promotion .ship-list .ship .more-info .glow-box { background-color: rgb(99, 220, 255); width: 3px; height: 18px; float: left; box-shadow: rgb(19, 208, 255) 0px 0px 10px; margin-top: 1px; margin-right: 14px; display: block; } #promotion.rsvp .submit-rsvp { display: inline-block; } #promotion.rsvp img { max-width: 100%; margin-bottom: 40px; } #promotion.rsvp .holobtn.right { float: right; margin-left: 35px; } #promotion.rsvp .holobtn.left { float: left; } #promotion.rsvp .holobtn.h-loading { display: none; } #promotion.rsvp .c-rsvp { padding: 0px 20px 0px 0px; text-align: center; } #promotion.rsvp .c-rsvp__ticket-image { display: inline; max-width: 100%; } img.printable { display: none; } #contentbody.agreement { background: rgb(0, 0, 0); padding: 0px; } #contentbody.agreement * { background-image: none; } #contentbody.agreement .content-block1 { border: none; margin-top: 0px; padding: 0px 20px; } #contentbody.agreement .title-container { background: 0px 0px; box-shadow: none; } #contentbody.agreement .title-container .title { text-shadow: none; } #contentbody.agreement .title-container .subtitle { padding-bottom: 0px; } #contentbody.agreement .content > h1 { font-size: 30px; } #contentbody.agreement .content > h1:first-child { margin-top: 0px; } #contentbody.agreement .content p { width: 100%; max-width: none; } #contentbody.agreement .top-line, .top-line-thin { display: none; } #store .item-specs-table { background: 50% 50% / cover rgba(0, 0, 0, 0.4); } #store .item-specs-col { background: linear-gradient(to right, rgba(0, 80, 255, 0) 60%, rgba(0, 143, 255, 0.5) 100%) 0px 0px no-repeat fixed transparent; float: left; width: 210px; } #store .item-specs-col.title { width: 205px; } #store .item-specs-col .stat.heading { border-bottom: 4px solid rgb(0, 163, 255); height: 30px; background-color: transparent !important; border-right: none !important; } #store .item-specs-col.data .stat.heading { border-bottom: none; } #store .item-specs-col .stat { display: block; height: 31px; line-height: 28px; border-right: 1px solid rgb(0, 255, 255); padding: 0px 10px; margin: 0px 0px 1px; } #store .item-specs-col .stat p { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(255, 255, 255); margin: 0px; padding: 0px; display: inline-block; line-height: 12px; vertical-align: middle; } #store .item-specs-col .stat ul { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(255, 255, 255); vertical-align: top; display: inline-block; line-height: 13px; padding: 0px; margin: 5px 0px 0px; } #store .item-specs-col .stat li { list-style-type: none; background: 0px center no-repeat; margin: 0px; padding-left: 10px; } #store .item-specs-col .stat.suits { height: 130px; } #store .item-specs-col.title .stat { background-color: rgba(0, 112, 255, 0.2); } #store .item-specs-col.title .stat p { font-size: 13px; font-family: Electrolize; color: rgb(0, 222, 255); text-transform: uppercase; vertical-align: middle; } #store .item-specs-col.data .stat:nth-child(2n+1) { background-color: rgba(0, 0, 0, 0.6); } #store .item-specs-col.title .stat.heading { width: 395px; line-height: inherit; } #store .item-specs-col.data .stat { border-bottom: 1px solid rgb(0, 48, 96); } #store .item-specs-col.data .stat:last-child { border-bottom: none; } #store .item-specs-col .stat.heading > p { transition: all 0.2s ease 0s; font-size: 15px; vertical-align: bottom; color: rgb(255, 255, 255) !important; } #store .item-specs-table-image, .item-specs-table-image img { width: 415px; } #store .item-specs-col .stat span { font-family: Electrolize; color: rgb(0, 222, 255); font-size: 12px; } #store .item-specs-col.data .stat.size p { color: rgb(255, 174, 0); font-family: Electrolize; font-size: 13px; text-transform: uppercase; } #store .item-specs-col.data .stat.type p { color: rgb(255, 174, 0); font-family: Electrolize; font-size: 13px; } #store .item-specs-col.data span.wgr_rating::before { content: "★"; } #store .item-specs-table.small { width: 260px; float: left; margin-left: 40px; margin-bottom: 20px; } #store .item-specs-table.small .item-specs-col.title .stat.heading { width: 240px; } #store .item-specs-table.small .item-specs-col.title { width: 80px; } #store .item-specs-table.small .item-specs-col.data { width: 180px; } #store .content-block2.top-margin { margin-top: 40px; } #store-game #post-background { opacity: 0.2; } #store-game .package { background: rgba(19, 47, 69, 0.3); width: 248px; display: inline-block; border: 1px solid rgb(0, 91, 129); border-radius: 5px; text-align: left; margin: 0px 7px 55px; position: relative; vertical-align: top; } #store-game .package .illuminator { background: rgb(49, 205, 255); width: 57px; height: 1px; left: 50%; margin-left: -28px; box-shadow: rgb(0, 153, 255) 0px 0px 25px; } #store-game .package .illuminator.top { top: -1px; } #store-game .package .illuminator.bottom { top: auto; bottom: -1px; } #store-game .package .icon { width: 100%; height: 188px; background-position: center center; background-repeat: no-repeat; } #store-game .package .heading { background: rgba(0, 0, 0, 0.5); padding: 18px; } #store-game .package .heading h4 { margin: 0px; font-size: 18px; color: rgb(0, 240, 255); } #store-game .package .heading .price { margin: 0px; font-family: Electrolize, Arial, Helvetica, sans-serif; font-size: 14px; color: rgb(255, 174, 0); } #store-game .package .heading .price span { color: rgb(255, 255, 255); } #store-game .package .btn { background: rgba(0, 87, 152, 0.2); width: 203px; margin: 0px 0px 0px 11px; padding: 10px 0px; float: left; font-family: Electrolize, Tahoma, Arial, Helvetica, sans-serif; color: rgb(0, 255, 0); text-align: center; position: relative; } #store-game .package ul { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(255, 255, 255); vertical-align: top; display: inline-block; line-height: 13px; padding: 0px; margin: 5px 0px 0px; } #store-game .package ul li { list-style-type: none; background: 0px center no-repeat; margin: 0px; padding-left: 15px; line-height: 16px; } #store-game .package .package-content { padding: 18px 0px; display: none; } #store-game .package .package-content h4 { margin: 0px; font-size: 14px; color: rgb(0, 240, 255); text-transform: uppercase; } #store-game .package .package-content p { margin: 0px; font-size: 12px; } #store-game .package .package-content p.up { color: rgb(255, 174, 0); text-transform: uppercase; } #store-game .package .package-content span.wgr_rating::before { content: "★"; } #store-game .package .package-content .block { padding: 9px 18px; background: rgba(0, 0, 0, 0.5); border-top: 1px solid rgb(0, 91, 129); } #store-game .package .package-content .block:last-child { border-bottom: 1px solid rgb(0, 91, 129); } #store-game .package .package-content .block:nth-child(2n+1) { background: rgba(0, 0, 0, 0.2); } #store-game .package .getpackage { margin: 30px 18px 20px 0px; float: right; text-transform: uppercase; } #store-game .package .getpackage span { background: rgb(0, 204, 255); width: 5px; height: 100%; left: -11px; } #store-game .package .getpackage:hover { background: rgba(0, 173, 255, 0.3); color: rgb(255, 255, 255); } #store-game .package .getpackage:hover span { background: rgb(255, 255, 255); box-shadow: rgb(0, 153, 255) 0px 0px 25px; } .reward-warning, .store-warning { font-size: 12px; font-family: Electrolize; color: rgb(255, 255, 255); background: rgba(19, 47, 69, 0.3); border-radius: 5px; border: 1px solid rgb(0, 91, 129); padding: 10px; display: block; width: 250px; position: relative; } .reward-warning span, .store-warning span { font-size: 18px; font-family: Electrolize; color: rgb(255, 174, 0); } .store-warning span { color: rgb(236, 39, 0); } .reward-warning .illuminator, .store-warning .illuminator { background: rgb(49, 205, 255); width: 57px; height: 1px; left: 50%; margin-left: -28px; box-shadow: rgb(0, 153, 255) 0px 0px 25px; position: absolute; } .reward-warning, .store-warning.long { width: 350px; } .reward-warning .illuminator.one, .store-warning .illuminator.one { top: -1px; } .reward-warning .illuminator.two, .store-warning .illuminator.two { top: auto; bottom: -1px; } .store-warning img { float: left; width: 60px; margin-right: 10px; } #store-game .store-warning.long { margin-left: 12px; } #hangar .reward-warning { float: left; margin-left: 60px; top: -5px; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; width: auto; color: rgb(149, 173, 183); } #hangar .reward-warning span { font-size: 13px; } #hangar .download-wrapper { float: left; } #hangar .download-wrapper p { padding-left: 80px; line-height: 12px; } #starcitizen .wrapper { height: 100%; } #starcitizen .fixedgrid { width: 100%; height: 100%; background: center -10px repeat; } #starcitizen .section, #starcitizen .pillar { position: relative; } #starcitizen .section .toplightbar { margin-bottom: 95px; } #starcitizen .section .description { border-bottom: 1px solid rgba(89, 128, 192, 0.25); padding-bottom: 30px; position: relative; } #starcitizen .section .description h1 { font-size: 60px; font-weight: 700; color: rgb(0, 235, 255); text-shadow: rgb(0, 116, 194) 0px 0px 50px; } #starcitizen .section .description h3 { font-size: 24px; font-weight: 700; color: rgb(255, 255, 255); } #starcitizen .section .description p { font-size: 14px; color: rgb(160, 195, 213); line-height: 24px; padding-left: 30px; margin: 25px 0px; } #starcitizen .section .description p.intro { padding-left: 0px; margin-bottom: 50px; } #starcitizen .section .description p strong { color: rgb(255, 255, 255); } #starcitizen .section .description p strong.blue { color: rgb(0, 235, 255); } #starcitizen .section .separator { background: 0px 0px; width: 100%; height: 0px; border-bottom: 1px solid rgba(89, 128, 192, 0.25); position: relative; margin: 50px 0px; box-shadow: none; } #starcitizen .section .bordercap { width: 6px; height: 1px; background: rgb(0, 231, 255); top: auto; bottom: -1px; box-shadow: rgb(0, 204, 255) 0px 0px 20px, rgb(0, 133, 255) 0px 0px 30px; } #starcitizen .section .bordercap.left { left: 0px; } #starcitizen .section .bordercap.right { left: auto; right: 0px; } #starcitizen .section .btn { background: rgba(0, 87, 152, 0.2); width: 203px; margin: 0px 0px 0px 11px; padding: 10px 0px; float: left; font-family: Electrolize, Tahoma, Arial, Helvetica, sans-serif; color: rgb(0, 255, 0); text-align: center; position: relative; } #starcitizen .section .btn span { background: rgb(0, 204, 255); width: 5px; height: 100%; left: -11px; } #starcitizen .section .btn:hover, #starcitizen .section .btn.active { background: rgba(0, 173, 255, 0.3); color: rgb(255, 255, 255); } #starcitizen .section .btn:hover span, #starcitizen .section .btn.active span { background: rgb(255, 255, 255); box-shadow: rgb(0, 153, 255) 0px 0px 25px; } #starcitizen #videoheader { height: 100%; background: center -10px / auto repeat, center bottom / cover no-repeat; margin-top: -65px; padding: 54px 0px 70px; } #starcitizen #videoheader #videoheader-content { background: center top repeat-x rgba(0, 107, 179, 0.08); width: 100%; border-top: 1px solid rgba(0, 166, 255, 0.5); border-bottom: 1px solid rgba(0, 166, 255, 0.5); position: relative; padding: 65px 0px; } #starcitizen #videoheader #videoheader-content #sclogo { float: left; } #starcitizen #videoheader #videoheader-content #videocontainer { background: rgb(0, 0, 0); width: 100%; max-width: 711px; height: 409px; float: right; position: relative; margin-top: 10px; } #starcitizen #videoheader #videoheader-content #videocontainer .glowborder { background: rgb(0, 205, 255); width: 100%; height: 4px; box-shadow: rgb(0, 112, 255) 0px 0px 45px; } #starcitizen #videoheader #videoheader-content #videocontainer .glowborder.top { top: -4px; } #starcitizen #videoheader #videoheader-content #videocontainer .glowborder.bottom { top: auto; bottom: -4px; } #starcitizen #videoheader #videoheader-content .pledgenowbtn { position: absolute; top: auto; bottom: -113px; left: 50%; margin-left: -130px; } #starcitizen .pillar { background-color: rgb(0, 0, 0); background-position: center bottom; background-repeat: no-repeat; height: auto; min-height: 480px; padding-bottom: 120px; } #starcitizen .pillarcontent { width: 100%; height: 100%; } #starcitizen .pillar .pillargradient { z-index: 0; width: 100%; height: 100%; } #starcitizen .pillar .moredetailsbtncontainer { width: 100%; height: 54px; } #starcitizen .pillar.left .pillargradient { background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.3) 100%); } #starcitizen .pillar.right .pillargradient { background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 50%, rgb(0, 0, 0) 100%); } #starcitizen #wake-up { background-image: ; } #starcitizen #boards { background-image: ; background-position: center top; } #starcitizen #nope { background-image: ; } #starcitizen #life { background-image: ; background-position: center top; } #starcitizen #help { background-image: ; background-position: center top; } #starcitizen .pillar.active .pillarexpanded { opacity: 1; } #starcitizen .block { width: 850px; max-width: 75%; position: relative; z-index: 3; } #starcitizen .left .block { float: left; margin-left: 11%; } #starcitizen .right .block { float: right; margin-right: 11%; } #starcitizen .block h2 { margin-left: -10%; font-size: 48px; color: rgb(0, 235, 255); text-transform: none; text-shadow: rgb(0, 133, 255) 0px 0px 40px, rgb(0, 0, 0) 2px 2px 3px; line-height: 48px; margin-top: 105px; margin-bottom: 50px; position: relative; } #starcitizen .block p { font-family: Tahoma, Arial, Helvetica, sans-serif; color: rgb(255, 255, 255); font-size: 16px; line-height: 24px; opacity: 0.78; margin-bottom: 25px; text-shadow: rgb(0, 0, 0) 2px 2px 1px, rgb(0, 0, 0) 2px 2px 1px; } #starcitizen .pillarexpanded { background: repeat rgba(0, 0, 0, 0.2); width: 100%; position: relative; z-index: 3; display: none; border-top: 3px solid rgb(0, 216, 255); border-bottom: 3px solid rgb(0, 216, 255); box-shadow: rgba(0, 112, 255, 0.3) 0px 0px 55px; } #starcitizen .pillarexpanded .glowborder { background: rgb(0, 216, 255); width: 100%; height: 2px; box-shadow: rgb(0, 102, 255) 0px 0px 25px, rgb(0, 112, 255) 0px 0px 55px; } #starcitizen .pillarexpanded .glowborder.top { top: -3px; } #starcitizen .pillarexpanded .glowborder.bottom { top: auto; bottom: -3px; } #starcitizen .pillarexpanded .block { padding: 30px 0px; } #starcitizen .pillarexpanded .block h3 { font-size: 24px; color: rgb(0, 211, 255); text-shadow: rgb(0, 133, 255) 0px 0px 30px; margin-bottom: 20px; float: left; width: 100%; } #starcitizen .pillarexpanded .block p { font-size: 14px; margin-top: 0px; } #starcitizen .pillarexpanded .block .lessdetails { font-size: 11px; font-weight: 700; color: rgb(0, 204, 255); border-bottom: 1px dotted rgb(48, 138, 199); } #starcitizen .pillarexpanded .block .lessdetails:hover { color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } #starcitizen .pillarexpanded .pillarexpanded-vid-container { width: 550px; height: 320px; position: relative; z-index: 1; border: 2px solid rgb(0, 194, 255); box-shadow: rgba(0, 92, 255, 0.38) 0px 0px 50px; } #starcitizen .left .pillarexpanded .block .pillarexpanded-vid-container { float: left; margin: 0px 30px 10px 0px; } #starcitizen .right .pillarexpanded .block .pillarexpanded-vid-container { float: right; margin: 0px 0px 10px 30px; } #starcitizen .pillarexpanded .blockcontainer { overflow: hidden; } #starcitizen .pillarexpanded .blockcontainer > .pillarexpanded-vid-container { display: none; width: 30%; height: 360px; } #starcitizen .left .pillarexpanded .blockcontainer > .pillarexpanded-vid-container { float: right; margin: 50px 5% 50px 0px; } #starcitizen .right .pillarexpanded .blockcontainer > .pillarexpanded-vid-container { float: left; margin: 50px 0px 50px 5%; } #starcitizen #nope .block h2 { color: rgb(255, 50, 0); text-shadow: rgb(255, 50, 0) 0px 0px 40px; } #starcitizen #nope #welcometosc { margin: 30px 0px 50px; } #starcitizen #nope .block em { font-size: 32px; color: rgb(0, 255, 255); font-family: Electrolize; text-shadow: rgb(0, 184, 255) 0px 0px 30px; } #starcitizen .pillar .lightbar { position: absolute; z-index: 2; } #starcitizen .pillar .toplightbar { top: 0px; } #starcitizen .pillar .bottomlightbar { top: auto; bottom: 0px; } #starcitizen .lightbar .footershadow { position: absolute; bottom: -50px; width: 100%; height: 50px; background: ; } #starcitizen #reserve { background: center top / 100% no-repeat, center center / auto repeat rgb(0, 11, 17); width: 100%; padding-bottom: 80px; } #starcitizen #reserve .offsetcontainer { overflow: hidden; } #starcitizen #reserve #starterpackagescontainer { margin-top: 54px; text-align: left; margin-right: -41px; } #starcitizen #reserve #starterpackagescontainer .package { background: rgba(19, 47, 69, 0.3); width: 248px; display: inline-block; border: 1px solid rgb(0, 91, 129); border-radius: 5px; text-align: left; margin: 0px 41px 55px 0px; position: relative; vertical-align: top; } #starcitizen #reserve #starterpackagescontainer .package .illuminator { background: rgb(49, 205, 255); width: 57px; height: 1px; left: 50%; margin-left: -28px; box-shadow: rgb(0, 153, 255) 0px 0px 25px; } #starcitizen #reserve #starterpackagescontainer .package .illuminator.top { top: -1px; } #starcitizen #reserve #starterpackagescontainer .package .illuminator.bottom { top: auto; bottom: -1px; } #starcitizen #reserve #starterpackagescontainer .package .icon { width: 100%; height: 148px; background-size: contain; background-position: center center; background-repeat: no-repeat; } #starcitizen #reserve #starterpackagescontainer .package .heading { background: rgba(0, 0, 0, 0.5); padding: 18px; } #starcitizen #reserve #starterpackagescontainer .package .heading h4 { margin: 0px; font-size: 18px; color: rgb(0, 240, 255); } #starcitizen #reserve #starterpackagescontainer .package .heading .price { margin: 0px; font-family: Electrolize, Arial, Helvetica, sans-serif; font-size: 14px; color: rgb(255, 174, 0); } #starcitizen #reserve #starterpackagescontainer .package .itemlist { padding-left: 30px; margin-top: 25px; } #starcitizen #reserve #starterpackagescontainer .package .itemlist li { font-size: 11px; color: rgb(119, 176, 206); margin-bottom: 12px; padding-right: 15px; } #starcitizen #reserve #starterpackagescontainer .package .itemlist li strong { color: rgb(255, 234, 0); } #starcitizen #reserve #starterpackagescontainer .package .getpackage { margin: 30px 18px 20px 0px; float: right; } #starcitizen #reserve #starterpackagescontainer .package .getpackage span { background: rgb(0, 204, 255); width: 5px; height: 100%; left: -11px; } #starcitizen #reserve #starterpackagescontainer .package .getpackage:hover { background: rgba(0, 173, 255, 0.3); color: rgb(255, 255, 255); } #starcitizen #reserve #starterpackagescontainer .package .getpackage:hover span { background: rgb(255, 255, 255); box-shadow: rgb(0, 153, 255) 0px 0px 25px; } #starcitizen #reserve #viewalloptionsbtn { margin: 40px auto 0px; } #starcitizen #theships { background: center top / 100% no-repeat, center center / auto repeat rgb(0, 11, 17); width: 100%; padding-bottom: 80px; } #starcitizen #theships .expandable { display: block; margin-bottom: 13px; padding-left: 9px; position: relative; } #starcitizen #theships .expandable .illuminator { width: 5px; height: 100%; background: rgb(35, 54, 68); } #starcitizen #theships .expandable:hover .illuminator, #starcitizen #theships .expandable.active .illuminator { background: rgb(0, 204, 255); box-shadow: rgba(0, 112, 255, 0.7) 0px 0px 40px; } #starcitizen #theships .expandable h2 { margin: 0px; position: relative; } #starcitizen #theships .expandable h2 span { background: no-repeat; width: 48px; height: 48px; top: 50%; margin-top: -28px; left: -60px; } #starcitizen #theships .expandable.active h2 span { transform: rotate(90deg); } #starcitizen #theships .expandable .expandable-contentcontainer { background-color: rgba(0, 0, 0, 0.6); background-repeat: no-repeat; background-position: right top; padding: 33px 70px; } #starcitizen #theships .expandable .expandable-content { display: none; cursor: default; padding-top: 30px; } #starcitizen #theships .expandable .expandable-content h3 { cursor: text; color: rgb(0, 204, 255); font-size: 22px; text-shadow: rgba(0, 143, 255, 0.7) 0px 0px 40px; margin: 40px 0px -20px; } #starcitizen #theships .expandable .expandable-content h2 { cursor: text; color: rgb(255, 174, 0); padding: 0px 30px; font-size: 34px; margin-top: 70px; margin-left: -30px; } #starcitizen #theships .expandable .expandable-content p { cursor: text; } #starcitizen #theships .expandable .expandable-content ul { padding-left: 70px; } #starcitizen #theships .expandable .expandable-content ul li { font-size: 14px; color: rgb(160, 195, 213); } #starcitizen #theships #howppworks .expandable-contentcontainer { background-image: ; } #starcitizen #theships #hpandupgrades .expandable-contentcontainer { background-image: ; } #starcitizen #theships #weapons .expandable-contentcontainer { background-image: ; } #starcitizen #theships #manufacturers { margin-top: 100px; } #starcitizen #theships #manufacturers h2 { font-size: 36px; font-weight: 700; color: rgb(0, 235, 255); text-shadow: rgb(0, 116, 194) 0px 0px 50px; } #starcitizen #theships #manufacturers .manufacturer { padding-top: 9px; position: relative; border-bottom: 2px solid rgb(32, 78, 106); margin-bottom: 100px; } #starcitizen #theships #manufacturers .manufacturer .illuminator { background: rgb(0, 204, 255); width: 100%; height: 5px; box-shadow: rgba(0, 112, 255, 0.8) 0px 0px 40px; } #starcitizen #theships #manufacturers .manufacturer .manufacturer-content { background: center top repeat-x rgba(0, 0, 0, 0.5); padding: 40px 50px; } #starcitizen #theships #manufacturers .manufacturer .manufacturer-content .manufacturer-description { overflow: hidden; } #starcitizen #theships #manufacturers .manufacturer .manufacturer-content .manufacturer-description .logo { float: right; margin-left: 50px; } #starcitizen #theships #manufacturers .manufacturer .manufacturer-content .manufacturer-description .desc { margin: 0px; font-size: 12px; color: rgb(109, 153, 176); line-height: 20px; } #starcitizen #theships #manufacturers .manufacturer .manufacturer-content .manufacturer-description .desc strong { font-family: Electrolize, Tahoma, Arial, Helvetica, sans-serif; font-size: 20px; color: rgb(255, 255, 255); display: block; margin-bottom: 10px; } #starcitizen #theships #manufacturers .manufacturer .manufacturer-content .separator { margin-bottom: 25px; } #starcitizen #theships #manufacturers .manufacturer .manufacturer-content .shipscontainer { display: none; } #starcitizen #theships #manufacturers .manufacturer .manufacturer-content .shipscontainer .ship { background: center top repeat; padding: 40px 50px; margin-top: 50px; position: relative; } #starcitizen #theships #manufacturers .manufacturer .manufacturer-content .shipscontainer .ship .illuminator { background: rgb(0, 204, 255); width: 75px; height: 2px; box-shadow: rgba(0, 112, 255, 0.8) 0px 0px 30px; } #starcitizen #theships #manufacturers .manufacturer .manufacturer-content .shipscontainer .ship .illuminator.top { left: 5%; } #starcitizen #theships #manufacturers .manufacturer .manufacturer-content .shipscontainer .ship .illuminator.bottom { inset: auto 5% 0px auto; } #starcitizen #theships #manufacturers .manufacturer .manufacturer-content .shipscontainer .ship h1 { font-size: 54px; margin: 0px 0px 15px; text-shadow: rgb(47, 133, 226) 0px 0px 30px; } #starcitizen #theships #manufacturers .manufacturer .manufacturer-content .shipscontainer .ship .shipsummary { font-size: 14px; color: rgb(0, 168, 255); line-height: 24px; } #starcitizen #theships #manufacturers .manufacturer .manufacturer-content .shipscontainer .ship .shipmediacontainer { background: rgb(0, 0, 0); border: none; padding: 0px; margin-bottom: 30px; } #starcitizen #theships #manufacturers .manufacturer .manufacturer-content .shipscontainer .ship .shipmediacontainer .corner { display: block; } #starcitizen #theships #manufacturers .manufacturer .manufacturer-content .shipscontainer .ship .shipmediacontainer .pledgenowbtn { position: absolute; left: auto; right: 70px; top: -21px; } #starcitizen #theships #manufacturers .manufacturer .manufacturer-content .shipscontainer .ship .linkcontainer { overflow: hidden; margin-top: 30px; } #starcitizen #theships #manufacturers .manufacturer .manufacturer-content .shipscontainer .ship .linkcontainer .btn { margin-right: 40px; margin-bottom: 10px; } #starcitizen #theships #manufacturers .manufacturer .manufacturer-content .shipscontainer .ship .linkcontainer .brochure { color: rgb(255, 192, 0); } #ngs { margin-top: -65px; } #ngs .spaceship-idol-header-bg { background: center top no-repeat transparent; height: 511px; } #ngs .spaceship-idol-header-bg > h3 { color: rgb(0, 228, 255); font-family: Electrolize; text-transform: uppercase; text-align: center; position: relative; top: 485px; font-size: 16px; } #ngs .spaceship-idol-footer-bg { background: center bottom no-repeat transparent; height: 624px; position: relative; margin-top: -624px; } #ngs .partners { position: relative; z-index: 4; } #ngs .partners .logos { margin: 20px 0px 65px; } #ngs .partners .logos .logo { width: 25%; position: relative; float: left; text-align: center; } #ngs .partners .logos .logo img { margin: auto; } #ngs .partners .logos .logo img.partner_1 { width: 125px; margin-top: 2px; } #ngs .partners .logos .logo img.partner_2 { width: 150px; } #ngs .partners .logos .logo img.partner_3 { width: 105px; } #ngs .partners .logos .logo img.partner_4 { width: 180px; margin-top: 14px; } #ngs .partners .logos .logo img.partner_5 { width: 80px; margin-top: -20px; } #ngs .partners .logos .logo img.partner_6 { width: 170px; margin-left: -20px; margin-top: 10px; } #ngs .partners .logos .logo img.partner_7 { width: 95px; margin-top: -15px; } #ngs .partners .logos .logo img.partner_7_5 { margin-left: 6px; margin-top: -15px; } #ngs .partners .logos .logo img.partner_8 { margin-top: -5px; } #ngs .partners .logos .clear { height: 60px; } #ngs .wce h2.title.bg { margin-bottom: 0px; } #ngs .wce .text ul { margin: 0px 0px 1em; } #ngs .wce .text ul li p { margin-left: 25px; font-family: Arial; color: rgb(137, 212, 255); max-width: 600px; margin-bottom: 10px; } #ngs .wce .text ul > li { color: rgb(0, 210, 255); font-family: Electrolize; font-size: 24px; margin-bottom: 65px; } #ngs .wce .text > ul > li { list-style-type: none; } #ngs .wce .text > ul > li li { margin-bottom: 0px; position: relative; margin-left: 10px; list-style-type: none; } #ngs .wce .text > ul > li li p { margin-bottom: 0px; margin-left: 5px; margin-top: 5px; max-width: 600px; } #ngs .wywn { margin-bottom: 65px; } #ngs .wywn .text { margin-left: 30px; } #ngs .wywn .text ol, #ngs .wywn .text ul { margin-top: 0px; } #ngs .wywn .text ol > li, #ngs .wywn .text ul:not(.skills) > li { font-family: Electrolize; color: rgb(0, 210, 255); font-size: 24px; margin-bottom: 65px; } #ngs .wywn .text ol > li > h3, #ngs .wywn .text ul:not(.skills) > li > h3 { margin-left: -25px; } #ngs .wywn .text > p, #ngs .wywn .text ol li p, #ngs .wywn .text ul li p { margin-left: 25px; font-family: Arial; color: rgb(137, 212, 255); max-width: 600px; } #ngs .wywn .text ol li p.info, #ngs .wywn .text ul li p.info { color: rgb(252, 255, 0); font: italic bold 14px Arial; } #ngs .wywn .text > ul > li { list-style-type: none; } #ngs .wywn .text > ul > li li { margin-bottom: 0px; position: relative; } #ngs .wywn ul.skills { background: no-repeat transparent; height: 305px; margin-left: -450px; } #ngs .wywn ul.skills li { padding-top: 10px; list-style-type: none; height: 94px; } #ngs .wywn ul.skills li h3 { position: absolute; float: left; margin-top: 30px; left: 550px; } #ngs .wywn ul.skills li p { color: rgb(134, 214, 255); font: 11px Arial; width: auto; position: absolute; left: 710px; max-width: 260px; margin-top: 22px; margin-bottom: 0px; } #ngs .wywn ul.skills .ico { height: 40px; padding: 17px 0px; width: 107px; left: 430px; position: absolute; font-size: 32px; color: rgb(255, 255, 255); text-align: center; } #ngs .wywn .sdk-info, #ngs .wywn .maya-info { position: relative; } #ngs .wywn .sdk-info .line, #ngs .wywn .maya-info .line { position: absolute; height: 1px; width: 100%; margin-left: -70px; background: rgb(0, 216, 255); } #ngs .wywn .sdk-info .logo, #ngs .wywn .maya-info .logo { position: relative; float: left; margin-right: 130px; margin-top: 75px; } #ngs .wywn .sdk-info .logo .sdk-ico { height: 112px; width: 248px; background: center center no-repeat transparent; margin: 15px 0px 40px 45px; } #ngs .wywn .maya-info .logo .maya-ico { height: 100px; width: 240px; background: left center / 100% no-repeat transparent; margin: 70px 0px 40px 61px; } #ngs .wywn .sdk-info .logo .moredetailsbtncontainer, #ngs .wywn .maya-info .logo .moredetailsbtncontainer { font-size: 16px; margin-left: 25px; } #ngs .wywn .sdk-info .logo .moredetailsbtncontainer > a, #ngs .wywn .maya-info .logo .moredetailsbtncontainer > a { margin: 0px; } #ngs .wywn .sdk-info .video, #ngs .wywn .maya-info .video { position: relative; float: left; border: 1px solid rgb(0, 198, 255); height: 303px; width: 540px; margin-top: 30px; } #ngs .wywn .sdk-info .content, #ngs .wywn .maya-info .content { margin-bottom: 25px; } #ngs .wywn .maya-info .content > div { margin-top: 30px; } #ngs .wywn .maya-info .content > div.logo { margin-right: 122px; } #ngs .hr { background-color: rgb(0, 158, 255); opacity: 0.15; height: 8px; width: 100%; margin: 6px 0px; } #ngs h2.title { text-align: center; font-size: 20px; color: rgb(0, 228, 255); font-family: Electrolize; margin-bottom: 35px; padding: 0px; text-transform: uppercase; } #ngs h2.title.bg { text-align: left; padding: 50px; margin-left: -50px; background: -30px 9px no-repeat transparent; } #ngs .top p { font-size: 14px; color: rgb(136, 171, 199); margin-bottom: 30px; font-family: Arial; } #ngs .top p a { font-size: 14px; color: rgb(136, 171, 199); border-bottom: 1px dotted rgb(136, 171, 199); font-family: Arial; } #ngs .top p a:hover { color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); } #ngs .content-block4 > .content { background: 0px 0px; } #ngs .moredetailsbtncontainer > a { margin: auto; } #ngs .moredetailsbtncontainer > a > span { text-transform: uppercase; } #ngs .moredetailsbtncontainer.top-button { margin-top: -50px; } #ngs .introduce { height: 482px; } #ngs .introduce .video { border: 1px solid rgb(0, 198, 255); } #ngs .introduce .info { margin-left: 15px; margin-right: 25px; background: center center no-repeat transparent; } #ngs .introduce .info p { color: rgb(96, 197, 255); margin-bottom: 15px; } #ngs .introduce .info .texte { padding: 5px 20px; margin-top: 125px; } #ngs .introduce .info .texte .participant-number { color: rgb(252, 255, 0); } #ngs #channel .introduce .hub-block.two_thirds.video, #ngs #channel .introduce .hub-block.one_third.info { height: 415px; padding: 0px; } #ngs .about-contest { position: relative; margin-bottom: 65px; } #ngs .about-contest .space-shuttle-bg { background: 0px 0px no-repeat transparent; position: absolute; display: block; height: 177px; width: 666px; right: 0px; top: 60px; } #ngs .about-contest .text { margin-left: 30px; } #ngs .rules .text { margin-left: 30px; } #ngs .faq { margin-bottom: 115px; } #ngs .faq .text { margin-left: 30px; } #ngs .faq .text h2 { color: rgb(255, 255, 255); font-weight: 400; font-family: Electrolize; font-size: 26px; margin-top: 70px; text-shadow: rgba(11, 13, 16, 0.5) 1px 1px 1px; } #ngs .faq .text h2:first-child { margin-top: 0px; } #ngs .faq .text p { margin-left: 30px; font-size: 14px; color: rgb(106, 187, 207); line-height: 28px; max-width: 774px; width: 75%; min-width: 300px; } #ngs .faq .text p a { border-bottom: 1px dotted rgb(169, 199, 207); color: rgb(169, 199, 207); transition-duration: 0.3s; perspective: 1000px; } #ngs .faq .text p a:hover { border-bottom: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); } #ngs .team-btn-wrapper { margin: auto; max-width: 558px; } #ngs .team-btn-wrapper .team-btn { display: inline-block; } #ngs .team-btn-wrapper .team-btn:first-child { margin-right: 25px; } #ngs .ngs-steps { margin-bottom: 60px; margin-top: 30px; } #ngs .ngs-steps h2.step { font-size: 36px; text-transform: uppercase; color: rgb(0, 228, 255); margin: 0px; float: left; position: relative; } #ngs .ngs-steps h2.step span { color: rgb(255, 255, 255); padding-left: 30px; } #ngs .ngs-steps h2.step .icon-wrapper { display: inline; position: relative; } #ngs .ngs-steps h2.step .icon { display: block; width: 100px; height: 100px; background: 0px -100px; padding: 0px; position: absolute; right: -60px; top: -28px; } #ngs .ngs-steps h2.step.access .icon { background-position: 0px 0px; } #ngs .ngs-steps p { font-size: 14px; color: rgb(149, 173, 183); margin-top: 0px; } #ngs .ngs-steps .thin-separator { height: 1px; background: rgb(18, 45, 73); border-left: 6px solid rgb(17, 240, 255); border-right: 6px solid rgb(17, 240, 255); margin: 50px 0px; } #ngs .ngs-steps .installer-wrapper { margin-top: 45px; } #ngs .ngs-steps .installer-wrapper .installer-btn { float: left; } #ngs .ngs-steps .installer-wrapper p { float: left; padding-left: 30px; font-weight: 700; font-size: 12px; line-height: 40px; } #ngs .ngs-steps .identity-wrapper { margin-top: 30px; } #ngs .ngs-steps .identity-wrapper .thumb { float: left; margin-right: 15px; } #ngs .ngs-steps .identity-wrapper .thumb img { display: block; border: 1px solid rgb(0, 183, 243); } #ngs .ngs-steps .identity-wrapper .infos { background: rgba(76, 142, 197, 0.1); height: 78px; float: left; width: 325px; padding-left: 15px; position: relative; } #ngs .ngs-steps .identity-wrapper .infos .glow { width: 1px; height: 40px; background: rgb(0, 255, 255); position: absolute; top: 20px; right: 0px; box-shadow: rgb(0, 255, 255) 0px 0px 10px; } #ngs .ngs-steps .identity-wrapper .infos .name { font-size: 16px; color: rgb(255, 246, 0); font-family: Electrolize; top: 22px; position: relative; } #ngs .ngs-steps .identity-wrapper .infos .handle { font-size: 11px; color: rgb(96, 121, 135); font-family: Arial; top: 20px; position: relative; } #ngs .ngs-steps .team_name_fieldset, #ngs .ngs-steps .youtube_link_fieldset, #ngs .ngs-steps .attach_file_fieldset { position: relative; float: left; max-width: 500px; width: 50%; } #ngs .ngs-steps .moredetailsbtncontainer.team_name_button, #ngs .ngs-steps .moredetailsbtncontainer.youtube_link_button, #ngs .ngs-steps .moredetailsbtncontainer.attach_file_button { position: relative; float: left; } #ngs .ngs-steps .moredetailsbtncontainer.attach_file_button { margin-top: 30px; } #ngs .ngs-steps .moredetailsbtncontainer.team_name_button > a, #ngs .ngs-steps .moredetailsbtncontainer.youtube_link_button > a, #ngs .ngs-steps .moredetailsbtncontainer.attach_file_button > a { margin-left: 100px; } #ngs .ngs-steps .member-info { position: relative; float: left; width: 400px; margin-bottom: 30px; } #ngs .ngs-steps .member-info.member-name-info { margin-right: 75px; } #ngs .ngs-steps .member-info p { margin-bottom: 15px; } #ngs .ngs-steps .team_bio_fieldset { max-width: 80%; margin-bottom: 40px; } #ngs .ngs-steps .attach-file { margin-top: 20px; } #ngs .ngs-steps .thumbnail { margin: 0px auto 45px; } #ngs .ngs-steps .thumbnail img { margin: auto; display: block; width: auto; max-width: 70%; } #ngs .ngs-steps .video-info { margin-top: 30px; display: none; } #ngs .ngs-steps .video-info > div { position: relative; float: left; } #ngs .ngs-steps .video-info .thumb { margin-right: 40px; position: relative; } #ngs .ngs-steps .video-info .thumb .video-time { padding: 0px 4px; font-weight: 700; font-size: 11px; background-color: rgb(0, 0, 0); height: 14px; line-height: 14px; opacity: 0.75; vertical-align: top; zoom: 1; display: inline-block; border-radius: 0px; position: absolute; right: 5px; bottom: 2px; color: rgb(255, 255, 255) !important; } #ngs .ngs-steps .video-info .text .title { margin-top: 0px; margin-bottom: 10px; } #ngs .ngs-steps .video-info .text .title > a { color: rgb(255, 255, 255); } #ngs .ngs-steps .video-info .text .author, #ngs .ngs-steps .video-info .text .view { margin-top: 0px; margin-bottom: 10px; color: rgb(149, 173, 183); } #ngs .ngs-steps .video-guidelines { margin: 30px 0px; } #ngs .ngs-steps .success-message, #ngs .ngs-steps .error-message { background-position: 7px 0px; width: auto; max-width: 500px; padding: 17px 30px 6px 60px; } #ngs .ngs-steps .error-message.invalid-logo, #ngs .ngs-steps .error-message.invalid-file { margin-bottom: 30px; } #ngs .ngs-steps .loading:not(.delete-file) { background: 87% 35% no-repeat transparent; } #ngs .ngs-steps .delete-file { margin-left: 50px; margin-top: 3px; } #ngs .content-block1.confirm strong { font-size: 16px; color: rgb(255, 255, 255); } #ngs .content-block1.confirm a { font-size: 16px; color: rgb(255, 255, 255); } #ngs .content-block1.confirm p { font-size: 16px; } #ngs #post { position: relative; z-index: 5; } #ngs #post .spaceship-idol-header-bg { background: center -100px no-repeat scroll rgba(0, 0, 0, 0); height: 400px; } #ngs #post .title-section { margin-top: -121px; } #ngs #post .team-banner { opacity: 0.9; display: block; transition-duration: 0.2s; perspective: 1000px; } #ngs #post .team-banner .eliminated-icon { display: none; position: absolute; height: 245px; width: 1140px; } #ngs #post .team-banner:hover { opacity: 1; box-shadow: rgb(0, 224, 255) 0px 0px 60px -40px, rgb(0, 160, 182) 0px 0px 30px -20px; } #ngs #post .team-banner.eliminated img { opacity: 0.25; } #ngs #post .team-banner.eliminated .eliminated-icon { display: block; background: center center no-repeat scroll; } #ngs #post .team-banner.eliminated:hover { box-shadow: rgb(184, 12, 22) 0px 0px 60px -40px, red 0px 0px 30px -15px; } #about-rsi .full-content-wrapper .beginning h2 { line-height: 1em; } iframe[src][data-cookieconsent] { display: block !important; } #download--pltclient #bodyWrapper { overflow-x: unset; } #download--pltclient #contentbody { padding-top: 80px; padding-bottom: 0px; } #download--pltclient .p-downloadPage { padding-bottom: 0px; } #download--pltclient .p-downloadPage__summary { position: sticky; bottom: 0px; left: unset; transform: unset; margin-top: 40px; width: unset; } @media only screen and (max-width: 1023px) { #download--pltclient { min-width: 320px; } #download--pltclient #contentbody { padding-top: 60px; } #download--pltclient .p-downloadPage { padding: 32px 16px 0px; } } @media only screen and (min-width: 1024px) { #download-plt-client .m-calloutCard { max-height: 252px; } } @media only screen and (min-width: 1024px) and (max-width: 1440px) { #download--pltclient .p-downloadPage__summary { width: 736px; } } @media only screen and (min-width: 1440px) { #download--pltclient .p-downloadPage__summary { width: 1328px; } } .orion-subscription-page { background-color: var(--orion-semantic-background); & #page-background { background: center top / contain no-repeat; height: 100%; width: 100%; position: absolute; opacity: 1; } & #contentbody { background: unset; } & .p-subscriptionPage { margin-top: -8px; & .p-subscriptionPage__content { align-items: unset; margin-bottom: 0px; } & .c-accordionStack__accordion button { border: none; } & .o-stickyBar.p-subscriptionPage__stickyBar, & .p-subscriptionPage__stickyBar .m-summaryBar.-sticky { position: sticky; bottom: 0px; } & .p-subscriptionPage__stickyBar .m-summaryBar.-sticky { left: unset; transform: unset; } } } #store.orion-subscription-page { & #store-wrapper.front { padding-bottom: 0px; } & #bodyWrapper { overflow-x: clip; } @media only screen and (max-width: 1024px) { & { min-width: 320px; } & .o-stickyBar.p-subscriptionPage__stickyBar { display: flex; align-self: center; width: 100vw; } & .p-subscriptionPage__stickyBar .m-summaryBar.-sticky { max-width: 100vw; } } @media only screen and (max-width: 768px) { & .p-subscriptionPage__subscriptionPlan { top: 110px; margin-left: -8px; } } @media only screen and (max-width: 640px) { & #page-background { background: unset; } } @media only screen and (min-width: 1024px) and (max-width: 1439px) { & .p-subscriptionPage__subscriptionPlan { margin-left: -16px; } } @media only screen and (min-width: 1440px) { & .p-subscriptionPage__subscriptionPlan { margin-left: -18px; } } } .orion-playnow-page #contentbody { display: flex; flex-direction: column-reverse; } .orion-playnow-page #pageBackground, .orion-authentication-page #pageBackground { position: absolute; height: 100%; width: 100%; background-image: ; background-size: 100%; background-position: center top; background-repeat: no-repeat; background-color: rgb(10, 29, 41); } .orion-playnow-page .orion-authentication__wrapper, .orion-authentication-page .orion-authentication__wrapper { margin: 0px auto; max-width: 1024px; box-sizing: border-box; width: 100%; padding: 20px; } .orion-playnow-page .c-enlist__content, .orion-authentication-page .c-enlist__content { max-width: none; } .orion-authentication__wrapper label { margin: 0px; } .orion-authentication__wrapper input[type="text"], .orion-authentication__wrapper input[type="email"], .orion-authentication__wrapper input[type="password"] { color: rgb(255, 255, 255); } .orion-authentication__wrapper input[type="text"]:focus, .orion-authentication__wrapper input[type="password"]:focus, .orion-authentication__wrapper input[type="email"]:focus { box-shadow: none; } .orion-authentication__wrapper .a-inputHelperMessage a.-isClickable { color: rgb(60, 161, 246); text-decoration: underline; transition: all 0.1s ease-in-out 0s; } .orion-authentication__wrapper .a-inputHelperMessage a.-isClickable:hover { color: rgb(158, 208, 250); } .c-brand-menu:not(:empty) + #platform-client-root:not(:empty) { padding-top: 90px; } .orion-ships-lists-page button.m-subNavigationBarItem, .orion-ships-lists-page button.a-storeSubNavigationButton { border: none; } .orion-ships-lists-page #contentbody #store-wrapper.front { padding-bottom: 0px; } .orion-ships-lists-page#store #bodyWrapper { overflow-x: clip; } #contentbody.alexandria-content-body .store-country-selector { margin-bottom: -24px; background: rgb(10, 34, 48); } #contentbody.alexandria-content-body .store-country-selector p { margin: 16px 0px; } body#ac-page { background: center top no-repeat rgb(0, 0, 0); } body#ac-page.board { background: center top no-repeat rgb(0, 0, 0); } #ac .ac-logo { background: center center no-repeat; width: 785px; height: 200px; margin: -11px auto; display: block; position: relative; z-index: 10; } #ac .ac-logo a { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } #ac.landing .logo.leaderboard { height: 242px; background-image: ; } #ac.landing .intro { text-align: center; } #ac.landing .intro p { font-size: 18px; margin: 0px 0px 1em; font-family: Electrolize; color: rgb(97, 228, 251); } #ac.landing .intro p strong { font-family: Electrolize; font-size: 28px; font-weight: 400; color: rgb(255, 255, 255); } #ac .content-wrapper { width: 1140px; margin: auto; } #ac.landing .page-header { min-height: 483px; background: 50% 0px no-repeat; position: relative; z-index: 1; text-align: center; } #ac.landing .page-header .logo { display: block; width: 100%; height: 250px; background: 50% 20px no-repeat; margin: auto; overflow: hidden; text-indent: -999em; position: absolute; top: 103px; z-index: 2; } #ac.landing .page-header .sub { display: block; width: 250px; height: 100px; background: center calc(50% + 8px) no-repeat; position: absolute; top: 0px; left: 50%; margin-left: -125px; } #ac.landing .page-header .top, #ac.landing .page-header .bottom { width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.7); position: absolute; top: 464px; } #ac.landing .page-header .top { top: -50%; height: 50%; } #ac.landing .page-header .season-title { width: 875px; height: 70px; position: absolute; top: 370px; left: 50%; margin-left: -437px; font-size: 18px; color: rgb(255, 255, 255); font-family: Electrolize; line-height: 70px; text-align: center; } #ac.landing .page-header .season-title span { font-family: Electrolize; color: rgb(68, 236, 244); } #ac.landing .content-ac { position: relative; z-index: 2; } #ac.landing .intro { padding-bottom: 50px; text-align: center; width: 820px; margin: auto; } #ac.landing .intro p { font-weight: 700; font-size: 14px; color: rgb(0, 228, 255); margin: 0px 0px 1em; } #ac.landing .intro p strong { font-family: Electrolize; font-size: 24px; color: rgb(255, 255, 255); } #ac.landing .arena-types { list-style: none; margin: 0px; padding: 0px; } #ac.landing .arena-types li { position: relative; } #ac.landing .arena-types a { display: block; width: 1118px; height: 280px; position: relative; background: 50% 50% no-repeat; text-align: center; margin: auto; } #ac.landing .arena-types a.battle-royale { background-image: ; } #ac.landing .arena-types a.squadron-battle { background-image: ; } #ac.landing .arena-types a.capture-the-core { background-image: ; } #ac.landing .arena-types a.vanduul-swarm { background-image: ; } #ac.landing .arena-types a .text-wrap { font-family: Electrolize; font-size: 25px; color: rgb(255, 255, 255); position: relative; z-index: 3; top: 68px; } #ac.landing .arena-types a .text-wrap > .title { font-size: 48px; font-family: Electrolize; line-height: 40px; } #ac.landing .arena-types a .deco { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: 50% 50% no-repeat; z-index: 1; } #ac.landing .arena-types a .deco.over { background-image: ; z-index: 2; opacity: 0; } #ac.landing .arena-types a:hover .deco { opacity: 0; } #ac.landing .arena-types a:hover .deco.over { opacity: 1; } #ac.landing .arena-types li { border-top: 3px solid rgb(213, 240, 255); border-bottom: 3px solid rgb(213, 240, 255); min-height: 50px; position: relative; padding: 8px; margin-bottom: 30px; background: -webkit-linear-gradient(top, rgba(178, 215, 235, 0), rgba(178, 215, 235, 0.2) 0px, rgba(178, 215, 235, 0), rgba(178, 215, 235, 0.2) 100%, rgba(178, 215, 235, 0)); } #ac.landing .arena-types li .bar { height: 10px; width: 1px; background: rgb(209, 237, 253); display: block; position: absolute; } #ac.landing .arena-types li .bar.top { top: 0px; } #ac.landing .arena-types li .bar.bottom { bottom: 0px; } #ac.landing .arena-types li .bar.left { left: 0px; } #ac.landing .arena-types li .bar.right { right: 0px; } #ac .section-heading { position: relative; z-index: 10; margin-bottom: 50px; padding: 0px 55px; } #ac .section-heading .title { display: block; position: relative; font-family: Electrolize; font-size: 48px; color: rgb(255, 255, 255); text-shadow: rgb(13, 168, 255) 0px 0px 65px; } #ac .box-corner { position: absolute; background: ; width: 30px; height: 30px; display: block; } #ac .box-corner.top.left { top: -5px; left: 0px; background-position: 0px 0px; } #ac .box-corner.top.right { top: -5px; right: 0px; background-position: -30px 0px; } #ac .box-corner.bottom.left { bottom: -5px; left: 0px; background-position: 0px -30px; } #ac .box-corner.bottom.right { bottom: -5px; right: 0px; background-position: -30px -30px; } #ScoreApp { background: no-repeat rgb(0, 0, 0); border-right: 1px solid rgb(2, 56, 103); border-bottom: 1px solid rgb(2, 56, 103); border-left: 1px solid rgb(2, 56, 103); border-image: initial; border-top: none; position: relative; margin-top: 35px; margin-bottom: 200px; } #ScoreApp .head { background: no-repeat; position: relative; top: -28px; width: 1139px; } #ScoreApp .head .lightbar { background: no-repeat; width: 1118px; height: 52px; margin: 0px auto; position: relative; top: -10px; z-index: 15; opacity: 1; } #ScoreApp .head .lightbar.open { opacity: 0; } #ScoreApp .head .filter-head-opened { background: no-repeat; position: absolute; top: 48px; left: 0px; right: 0px; width: 640px; height: 31px; margin: 0px auto; opacity: 0; } #ScoreApp .head .filter-head-opened::after { content: ""; background: center bottom / 117px no-repeat; position: absolute; top: -23px; left: 126px; width: 98px; height: 98px; } #ScoreApp .head .filter-head-opened::before { content: ""; background: center bottom / 117px no-repeat; position: absolute; top: -23px; right: 126px; width: 98px; height: 98px; } #ScoreApp .head .filter-head-opened.open { opacity: 1; } #ScoreApp .head .game-mode-filet { background: center bottom no-repeat; width: 1138px; height: 56px; position: relative; top: 0px; z-index: 1; opacity: 1; margin: -25px auto 0px; } #ScoreApp .head .game-mode-filet::after { content: ""; background: center bottom no-repeat; position: absolute; top: -35px; left: 200px; width: 98px; height: 98px; } #ScoreApp .head .game-mode-filet::before { content: ""; background: center bottom no-repeat; position: absolute; top: -35px; right: 200px; width: 98px; height: 98px; } #ScoreApp .head .game-mode-filet.open { top: 25px; opacity: 0; } #ScoreApp .head h2 { position: absolute; top: 0px; left: 0px; right: 0px; text-align: center; margin: 0px; z-index: 2; pointer-events: none; font-size: 22px; text-transform: uppercase; font-family: Electrolize; color: rgb(101, 237, 253); padding-top: 13px; opacity: 1; text-shadow: rgb(0, 153, 255) 0px 0px 20px; } #ScoreApp .head h2.open { opacity: 0.4; } #ScoreApp .head .game-mode { top: 56px; left: 0px; right: -1px; text-align: center; position: absolute; z-index: 14; opacity: 0.45; } #ScoreApp .head .game-mode.open, #ScoreApp .head .game-mode:hover { opacity: 1; } #ScoreApp .head .game-mode a { padding: 2px 20px 0px 33px; font-family: Electrolize; font-size: 12px; color: rgb(2, 209, 233); text-transform: uppercase; display: inline-block; vertical-align: top; height: 24px; position: relative; } #ScoreApp .head .game-mode a:hover { color: rgb(2, 209, 233); } #ScoreApp .head .game-mode a::before { content: ""; background: repeat-x; width: 64px; height: 64px; transform: rotate(-90deg); position: absolute; top: -23px; left: -14px; transition-duration: 0.3s; } #ScoreApp .head .game-mode a.open::before { transform: rotate(0deg); } #ScoreApp .update { position: absolute; font-family: Electrolize; font-size: 12px; top: 75px; right: 10px; color: rgb(111, 216, 255); opacity: 0.3; } #ScoreApp .footer { background: repeat-x; padding-top: 16px; width: 705px; height: 83px; position: relative; margin: 0px auto; text-align: center; bottom: -85px; color: rgb(30, 144, 165); } #ScoreApp ul { list-style-type: none; } #ScoreApp .table-wrapper { position: relative; background: rgb(0, 0, 0); padding: 45px 50px 55px; border-top: 1px solid rgb(2, 56, 103); z-index: 1; } #ScoreApp .table-wrapper .row-highlight { width: 100%; height: 49px; position: absolute; top: 0px; left: 0px; z-index: 1; display: none; box-shadow: rgba(77, 255, 255, 0.5) 0px 0px 30px 0px inset, rgba(77, 255, 255, 0.5) 0px 0px 30px 0px inset; } #ScoreApp .table-wrapper .row-highlight .edge { display: block; position: absolute; top: 0px; width: 6px; height: 100%; } #ScoreApp .table-wrapper .row-highlight .edge > * { width: 100%; height: 50%; position: absolute; left: 0px; background: ; } #ScoreApp .table-wrapper .row-highlight .edge.left { left: -6px; } #ScoreApp .table-wrapper .row-highlight .edge.right { right: -6px; } #ScoreApp .table-wrapper .row-highlight .edge.left .top { top: 1px; background-position: 0px 0px; } #ScoreApp .table-wrapper .row-highlight .edge.left .bottom { bottom: 0px; background-position: 0px 100%; } #ScoreApp .table-wrapper .row-highlight .edge.right .top { top: 1px; background-position: 100% 0px; } #ScoreApp .table-wrapper .row-highlight .edge.right .bottom { bottom: 0px; background-position: 100% 100%; } #ScoreApp .filters { position: relative; margin-bottom: 20px; z-index: 10; } #ScoreApp .filters .filters-edge { width: 56px; height: 317px; position: absolute; top: 10px; z-index: 20; background: no-repeat; } #ScoreApp .filters.open .filters-edge { top: 15px; } #ScoreApp .filters .filters-edge.left { background-image: ; left: -16px; } #ScoreApp .filters.open .filters-edge.left { background-image: ; } #ScoreApp .filters .filters-edge.right { background-image: ; right: -16px; } #ScoreApp .filters.open .filters-edge.right { background-image: ; } #ScoreApp .filters > .inner { min-height: 337px; position: relative; } #ScoreApp .filters > .inner .titlebar { width: 100%; height: 129px; background: no-repeat; position: absolute; top: 25px; left: 0px; text-align: center; opacity: 0.75; } #ScoreApp .filters > .inner .titlebar .text { width: 100%; position: absolute; bottom: 0px; height: 100px; } #ScoreApp .filters > .inner .titlebar .text > span { display: block; margin: auto; clear: both; font-family: Electrolize; text-transform: uppercase; } #ScoreApp .filters > .inner .titlebar .text > span.mode { font-size: 32px; color: rgb(255, 255, 255); margin-top: 15px; } #ScoreApp .filters > .inner .titlebar .text > span.map { font-size: 22px; color: rgb(189, 219, 249); } #ScoreApp .filters > .inner .titlebar.no-map .text > span.mode { margin-top: 32px; } #ScoreApp .filters > .inner .titlebar.no-map .text > span.map { display: none; } #ScoreApp .filters .cat { width: 330px; height: 46px; line-height: 46px; font-family: Electrolize; text-transform: uppercase; text-align: center; font-size: 18px; position: absolute; top: 0px; left: 314px; color: rgb(62, 215, 226); } #ScoreApp .filters .topline { width: 1111px; height: 41px; line-height: 31px; background: 100% 0px; position: absolute; top: 0px; left: 14px; z-index: 2; } #ScoreApp .filters .topline .toggle-filters { font-size: 12px; color: rgb(0, 210, 255); text-transform: uppercase; position: absolute; top: 0px; left: 683px; padding-right: 64px; background: 100% -25px no-repeat; font-family: Electrolize; } #ScoreApp .filters .topline .toggle-filters { font-size: 12px; color: rgb(0, 210, 255); text-transform: uppercase; position: absolute; top: 0px; left: 683px; padding-right: 64px; background: 100% -25px no-repeat; font-family: Electrolize; } #leaderboard-filters .primary { width: 1139px; height: 51px; z-index: 2; position: relative; } #leaderboard-filters .primary .tab-wrap { position: absolute; top: 1px; overflow: hidden; height: 51px; width: 340px; } #leaderboard-filters .primary .tab { background: 0px 10px no-repeat; display: inline-block; vertical-align: top; width: 170px; height: 26px; font-family: Electrolize; font-size: 12px; color: rgb(111, 216, 255); padding-top: 24px; text-transform: uppercase; position: relative; border: none; margin-left: -1px; padding-right: 15px; text-align: center; cursor: pointer; } #leaderboard-filters .primary .tab:hover { color: rgb(213, 230, 234); text-shadow: rgb(0, 112, 202) 0px 0px 15px; } #leaderboard-filters .primary .tab.active { height: 52px; background-position: 0px 0px; margin-top: 0px; padding-top: 20px; z-index: 1; color: rgb(213, 230, 234); } #leaderboard-filters .primary .tab:hover::after { content: ""; position: absolute; top: 10px; right: -3px; background: no-repeat; width: 42px; height: 52px; border: none; } #leaderboard-filters .primary .tab.active::after { content: ""; position: absolute; top: 0px; right: -3px; background: no-repeat; width: 42px; height: 52px; border: none; transition: top 0.2s ease 0s; } #leaderboard-filters .primary .tab.org { width: 165px; margin-left: -45px; } #leaderboard-filters .primary .tab.org:hover, #leaderboard-filters .primary .tab.org.active { margin-left: -30px; } #leaderboard-filters .primary .fields-wrap { width: 749px; background: no-repeat; position: absolute; right: 1px; display: inline-block; vertical-align: top; text-align: right; } #leaderboard-filters .primary .fields-wrap.find-org-anim { background-position: 280px 0px; } #leaderboard-filters .primary fieldset { display: inline-block; vertical-align: top; position: relative; margin-right: 19px; width: 245px; height: 75px; text-align: center; } #leaderboard-filters .primary fieldset:first-child { margin-left: 15px; } #leaderboard-filters .primary fieldset:last-child { width: 95px; margin-right: 50px; } #leaderboard-filters .primary fieldset label { font-family: Electrolize; color: rgb(111, 216, 255); font-size: 12px; opacity: 0.8; font-weight: 400; text-align: left; padding-left: 9px; } #leaderboard-filters .primary fieldset input[type="text"] { border-radius: 5px; background-color: rgb(0, 0, 0); height: 29px; padding: 0px 10px; border: 1px solid rgb(2, 56, 103); position: relative; z-index: 15; } #leaderboard-filters .primary fieldset .reset { display: none; background: 0px 0px no-repeat; width: 24px; height: 24px; position: absolute; bottom: 16px; right: 8px; opacity: 0.7; z-index: 3; } #leaderboard-filters .primary fieldset .reset:hover { opacity: 1; } #leaderboard-filters .primary fieldset .radio { display: inline-block; margin-right: 25px; height: 33px; line-height: 33px; font-size: 12px; color: rgb(0, 210, 255); } #leaderboard-filters .primary fieldset .selectlist { width: 95px; height: 29px; text-align: left; background: rgba(0, 0, 0, 0.5); z-index: 1; } #leaderboard-filters .primary fieldset .selectlist span { width: 40%; padding: 2px 10px; } #leaderboard-filters fieldset .leaderboard-autocomplete .body { background: rgb(0, 0, 0); width: 243px; height: 150px; border: 1px solid rgb(2, 56, 103); border-radius: 5px; top: 20px; text-align: left; padding-top: 15px; padding-bottom: 15px; } #leaderboard-filters fieldset .leaderboard-autocomplete .scrollable .viewport { width: 100%; } #leaderboard-filters fieldset .leaderboard-autocomplete .scrollable .track { background: repeat-y; border-top: 3px solid rgb(78, 166, 212); border-bottom: 3px solid rgb(78, 166, 212); border-radius: 0px; z-index: 1; margin: 0px; } #leaderboard-filters fieldset .leaderboard-autocomplete .scrollable .scrollbar { right: 15px; top: 13px; position: absolute; float: none; } #leaderboard-filters fieldset .leaderboard-autocomplete li.no-result:hover, #leaderboard-filters fieldset .leaderboard-autocomplete li.no-result { font-family: Electrolize; font-size: 12px; text-align: center; background: 0px 0px; text-transform: uppercase; } #leaderboard-filters fieldset .leaderboard-autocomplete li.autocomplete-item { background: 0px 0px; min-height: 37px; margin: 0px; padding: 10px 0px 10px 20px; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(1, 28, 52); border-radius: inherit; } #leaderboard-filters fieldset .leaderboard-autocomplete li.autocomplete-item:hover { background: rgba(14, 69, 119, 0.3); } #leaderboard-filters fieldset .leaderboard-autocomplete li.autocomplete-item .avatar { border: none; display: inline-block; padding: 0px; vertical-align: top; position: relative; top: 0px; left: 0px; } #leaderboard-filters fieldset .leaderboard-autocomplete li.autocomplete-item .org-data, #leaderboard-filters fieldset .leaderboard-autocomplete li.autocomplete-item .player-data { display: inline-block; width: 140px; vertical-align: top; margin-left: 20px; } #leaderboard-filters fieldset .leaderboard-autocomplete li.autocomplete-item .displayname { font-family: Electrolize; font-size: 12px; text-align: left; text-transform: uppercase; color: rgb(177, 216, 241); } #leaderboard-filters fieldset .leaderboard-autocomplete li.autocomplete-item .nickname { font-family: Electrolize; font-size: 12px; text-align: left; color: rgb(4, 106, 156); } #ScoreApp .filters { position: relative; max-height: 0px; display: block; width: 100%; overflow: hidden; text-align: center; transition: max-height 0.5s ease 0s; } #ScoreApp .filters.open { max-height: 999px; } #leaderboard-filters .filters .filter-wrap { width: 170px; height: 120px; display: inline-block; vertical-align: top; margin: 0px auto 50px; } #leaderboard-filters .filters .filter-wrap ul { padding: 0px; margin: 0px; } #leaderboard-filters .filters .filter-wrap li { font-family: Electrolize; font-size: 12px; color: rgb(4, 106, 156); text-transform: uppercase; margin-bottom: 21px; text-align: left; cursor: pointer; } #leaderboard-filters .filters .filter-wrap li.active { font-family: Electrolize; font-size: 12px; color: rgb(77, 255, 255); text-transform: uppercase; margin-bottom: 21px; } #leaderboard-filters .filters .filter-wrap:nth-child(2) { margin: 0px 90px; } #leaderboard-filters .filters .filter-wrap.scrollable { position: relative; } #leaderboard-filters .filters .filter-wrap.scrollable .thumb { transition-duration: 0.3s; } #leaderboard-filters .filters .filter-wrap.scrollable .scrollbar { float: left; } #leaderboard-filters .filters .filter-wrap.scrollable .scrollbar.disable .track { display: block; } #leaderboard-filters .filters .filter-wrap.scrollable .scrollbar .track { background: repeat-y; width: 6px; border-top: 3px solid rgb(78, 166, 212); border-bottom: 3px solid rgb(78, 166, 212); border-radius: 0px; margin: 0px 10px; padding: 0px; } #leaderboard-filters .filters fieldset { width: 487px; border-style: solid; border-color: rgb(2, 56, 103); border-image: initial; border-width: 0px 1px 1px; min-height: 170px; background: rgba(0, 0, 0, 0.6); position: relative; margin: 0px 40px; } #leaderboard-filters .filters fieldset .top { width: 489px; height: 31px; position: absolute; top: -31px; left: -1px; color: rgb(77, 255, 255); font-size: 16px; font-family: Electrolize; text-transform: uppercase; line-height: 3em; text-indent: 30px; } #leaderboard-filters .filters fieldset ul { list-style: none; margin: 9px; border: 1px solid rgb(15, 47, 69); padding: 0px; } #leaderboard-filters .filters fieldset ul li { margin: 0px; padding: 0px 0px 0px 64px; border-top: 1px solid rgb(15, 47, 69); line-height: 48px; height: 48px; background: -9px -15px no-repeat; color: rgb(12, 103, 161); font-size: 14px; font-family: Electrolize; } #leaderboard-filters .filters fieldset ul li:first-child { border: none; } #leaderboard-filters .filters fieldset ul li.active, #leaderboard-filters .filters fieldset ul li:hover { background-position: -9px -90px; background-color: rgba(12, 103, 161, 0.2); color: rgb(255, 255, 255); cursor: pointer; } #leaderboard-filters .filters fieldset.double ul { width: 227px; float: left; } #leaderboard-filters .filters fieldset.double ul.right { float: right; margin-left: 0px; } #leaderboard-filters .filters fieldset.racing ul li { line-height: 1.1em; padding-top: 10px; height: 38px; } #leaderboard-filters .filters fieldset.racing ul li span { display: block; clear: both; font-size: 14px; color: rgb(136, 198, 228); line-height: 1em; } #leaderboard-filters .filters fieldset.racing ul li span.map { color: rgb(4, 111, 163); } #ScoreApp .selectlist, #ScoreApp .filters input[type="text"] { border-color: rgba(0, 183, 202, 0.6); } #ScoreApp .filters input[type="text"]:focus { border-color: rgb(0, 183, 202); } #ScoreApp .last-update { position: relative; text-align: right; font-family: Electrolize; color: rgb(47, 103, 125); font-size: 12px; padding-right: 50px; margin-bottom: 17px; } #ScoreApp .last-update, #ScoreApp .last-update * { font-family: Electrolize; font-size: 12px; color: rgb(47, 103, 125); } #ScoreApp .pager-wrapper { width: 637px; height: 41px; position: absolute; left: 0px; right: 0px; padding: 0px; margin: 0px auto; background: center top no-repeat; z-index: 3; } #ScoreApp .pager-wrapper::before { content: ""; background: ; width: 122px; height: 117px; position: absolute; top: -38px; left: -23px; } #ScoreApp .pager-wrapper::after { content: ""; background: ; width: 122px; height: 117px; position: absolute; top: -38px; right: -23px; } #ScoreApp .pager-wrapper .original-logo { width: 120px; height: 30px; position: relative; top: 50px; background: center top no-repeat; z-index: 3; margin: 0px auto; } #ScoreApp .pager-wrapper .footer-logo { background: ; width: 121px; height: 26px; display: block; position: absolute; top: 12px; left: 50%; margin-left: -76px; text-indent: -999em; overflow: hidden; } #ScoreApp .pager-wrapper .pager { display: block; width: 566px; height: 45px; position: absolute; top: -8px; left: 51%; margin-left: -283px; text-align: center; z-index: 1; } #ScoreApp .pager-wrapper .pager .selectlist { width: 85px; float: left; } #ScoreApp .pager-wrapper .pager .selectlist > span { width: 35%; font-family: Electrolize; margin-left: 9px; } #ScoreApp .pager-wrapper .pager .left { text-align: left; } #ScoreApp .pager-wrapper .pager .left .text { font-family: Electrolize; color: rgb(47, 98, 116); line-height: 31px; margin-left: 5px; font-size: 14px; text-transform: uppercase; } #ScoreApp .pager-wrapper .pager .left { width: 220px; margin: 0px auto; display: inline-block; vertical-align: top; float: none; } #ScoreApp .pager-wrapper .pager .right { width: 310px; margin: 0px auto; display: inline-block; vertical-align: top; float: none; } #ScoreApp .pager-wrapper .pager .selectlist > .arrow { width: 14px; height: 8px; position: relative; top: 10px; right: 17px; background: 0px 0px; } #ScoreApp .pager-wrapper .pager .selectlist ul li { font-family: Electrolize; margin: 5px 0px 5px 5px; } #ScoreApp .pager-wrapper .pager .right a.active, #ScoreApp .pager-wrapper .pager .right a.active:hover { border-color: rgb(14, 59, 96); border-radius: 3px; font-size: 14px; font-weight: 400; font-family: Electrolize; } #ScoreApp .pager-wrapper .pager .right a.first, #ScoreApp .pager-wrapper .pager .right a.last { display: block; width: 13px; height: 13px; margin: 8px; background: 0px 0px; border: none; } #ScoreApp .pager-wrapper .pager .right a.last { background-position: 13px 0px; float: right; } #ScoreApp .pager-wrapper .pager .right a.lt, #ScoreApp .pager-wrapper .pager .right a.gt { display: block; width: 13px; height: 13px; margin: 8px; background: 0px 0px no-repeat; border: none; } #ScoreApp .pager-wrapper .pager .right a.gt { background-position: 0px 100%; } #ScoreApp .pager-wrapper .pager .right a.gt { float: right; } #ScoreApp .pager-wrapper .pager .right a.inactive { opacity: 0; } #ScoreApp .pager-wrapper .pager .right .page-selector input { margin: 0px 5px; } #ScoreApp .pager-wrapper .pager .right .page-selector span { margin-left: 5px; } #ScoreApp .pager-wrapper .pager .right .page-selector, #ScoreApp .pager-wrapper .pager .right .page-selector * { color: rgb(47, 98, 116); font-family: Electrolize; display: inline-block; text-transform: uppercase; } #ScoreApp .pager-wrapper .pager .right .page-selector input { padding: 5px 0px; text-align: center; min-width: 40px; max-width: 60px; border-radius: 5px; font-size: 16px; } #ScoreApp ul#leaderboard, #ScoreApp ul#leaderboard ul { list-style: none; margin: 0px; padding: 0px; } #ScoreApp ul#leaderboard #leaderboard-data > .row { border-style: solid; border-color: rgb(2, 56, 103); border-image: initial; border-width: 1px 1px 0px; overflow: hidden; } #ScoreApp ul#leaderboard #leaderboard-data > .row .cell { width: 95px; } #ScoreApp ul#leaderboard #leaderboard-data > .row .cell.rank { width: 60px; } #ScoreApp ul#leaderboard #leaderboard-data > .row .cell.info { width: 395px; } #ScoreApp ul#leaderboard #leaderboard-data > .row .cell.info .inner { padding: 5px 0px 5px 5px; } #ScoreApp ul#leaderboard #leaderboard-data > .row:last-child { border: 1px solid rgb(2, 56, 103); } #ScoreApp ul#leaderboard li.row { margin: 0px; padding: 0px; position: relative; } #ScoreApp ul#leaderboard li.row.no-data { text-align: center; font-family: Electrolize; font-size: 26px; color: rgb(136, 198, 228); line-height: 60px; border-top-width: 1px; margin: 100px 0px; background: rgba(2, 56, 103, 0.3); box-shadow: rgba(2, 56, 103, 0.5) 0px 8px 10px 0px inset, rgba(2, 56, 103, 0.5) 0px -8px 10px 0px inset; } #ScoreApp ul#leaderboard li.row.playerstats.active, #ScoreApp ul#leaderboard #leaderboard-data li.row.active { border-color: rgb(139, 243, 255); border-width: 1px; margin-bottom: 1px; background: rgba(0, 108, 255, 0.15); } #ScoreApp ul#leaderboard #leaderboard-data li.row.open .cell { border-bottom: 1px solid rgb(2, 56, 103); } #ScoreApp ul#leaderboard ul.current-players { margin-bottom: 25px; } #ScoreApp ul#leaderboard ul.current-players li.row .cell { box-shadow: none; cursor: pointer; } #ScoreApp ul#leaderboard ul.current-players > li.row .cell { width: 95px; } #ScoreApp ul#leaderboard ul.current-players > li.row .cell.rank { width: 60px; } #ScoreApp ul#leaderboard ul.current-players > li.row .cell.info { width: 395px; } #ScoreApp ul#leaderboard ul.current-players > li.row .cell.info .inner { padding: 5px 24px 5px 5px; } #ScoreApp ul#leaderboard li.row.data-stats .row.active .cell { box-shadow: rgba(2, 56, 103, 0.5) 0px -8px 10px 0px inset; } #ScoreApp ul#leaderboard li.row .stats-wrap { max-height: 0px; overflow: hidden; } #ScoreApp ul#leaderboard li.row .stats-wrap.open { width: 1036px; max-height: 250px; overflow: hidden; padding: 30px 0px; margin: 0px auto; text-align: center; border-top: 1px solid rgb(2, 56, 103); float: left; } #ScoreApp ul#leaderboard li.row .stats-wrap .stat-block { width: 320px; display: inline-block; vertical-align: top; color: rgb(136, 198, 228); text-transform: uppercase; } #ScoreApp ul#leaderboard li.row .stats-wrap .stat-block .title { display: inline-block; font-family: Electrolize; font-size: 12px; vertical-align: top; padding: 0px 10px 0px 0px; color: rgb(77, 255, 255); } #ScoreApp ul#leaderboard li.row .stats-wrap .stat-block .stats { width: 160px; display: inline-block; min-height: 85px; vertical-align: top; padding: 0px 10px; border-left: 1px solid rgb(4, 111, 163); text-align: left; } #ScoreApp ul#leaderboard li.row .stats-wrap .stat-block .stats li { margin-bottom: 6px; font-family: Electrolize; font-size: 12px; } #ScoreApp ul#leaderboard li.row .stats-wrap .stat-block .stats span.stat-name { color: rgb(40, 147, 200); font-family: Electrolize; margin-right: 5px; } #ScoreApp ul#leaderboard li.row .stats-wrap .stat-block .stats .cell { background: 0px 0px; box-shadow: none; width: 200px; border: none; min-height: 29px; margin-bottom: 6px; font-size: 12px; } #ScoreApp ul#leaderboard li.row .stats-wrap .stat-block .stats .cell .inner { padding: 0px; text-transform: none; } #ScoreApp ul#leaderboard li.row .stats-wrap .stat-block .stats .cell .inner img { width: 29px; height: 29px; top: 0px; } #ScoreApp ul#leaderboard li.row .stats-wrap .stat-block .stats .cell .inner img.org { display: none; } #ScoreApp ul#leaderboard li.row .stats-wrap .stat-block .stats .no-data { font-family: Electrolize; font-size: 12px; } #ScoreApp ul#leaderboard li.row .stats-wrap.dogfighting .stat-block { width: 260px; } #ScoreApp ul#leaderboard li.row .stats-wrap.dogfighting .stat-block.js-extended-stats { width: 415px; } #ScoreApp ul#leaderboard li.row .stats-wrap.dogfighting .stat-block.js-extended-stats .stats { width: 300px; } #ScoreApp ul#leaderboard li.row .stats-wrap.dogfighting.organization .stat-block.js-extended-stats .stats { width: 160px; } #ScoreApp ul#leaderboard li.row.columns { border: 1px solid rgb(2, 56, 103); margin-bottom: 20px; background: rgba(2, 41, 81, 0.7); color: rgb(2, 41, 81); } #ScoreApp ul#leaderboard li.row.columns .corner { position: absolute; background: ; width: 6px; height: 6px; display: block; } #ScoreApp ul#leaderboard li.row.columns .corner-top-left { top: -1px; left: -1px; background-position: 0px 0px; } #ScoreApp ul#leaderboard li.row.columns .corner-top-right { top: -1px; right: -1px; background-position: -6px 0px; } #ScoreApp ul#leaderboard li.row.columns .corner-bottom-left { bottom: -1px; left: -1px; background-position: 0px -6px; } #ScoreApp ul#leaderboard li.row.columns .corner-bottom-right { bottom: -1px; right: -1px; background-position: -6px -6px; } #ScoreApp ul#leaderboard li.row.playerstats { border: 1px solid rgb(2, 56, 103); } #ScoreApp ul#leaderboard li.row.leaderboard { border-top-width: 1px; } #ScoreApp ul#leaderboard li.row.playerstats > .deco-edge { display: block; } #ScoreApp ul#leaderboard li.row > .deco-edge { display: none; width: 5px; height: calc(100% - 10px); position: absolute; top: 5px; background-color: rgb(77, 255, 255); } #ScoreApp ul#leaderboard li.row > .deco-edge .corner { display: block; width: 5px; height: 5px; background: 0% 0% / 10px no-repeat; position: absolute; left: 0px; } #ScoreApp ul#leaderboard li.row > .deco-edge.right { right: -6px; } #ScoreApp ul#leaderboard li.row > .deco-edge.right .corner.top { top: -5px; background-position: -5px 0px; } #ScoreApp ul#leaderboard li.row > .deco-edge.right .corner.bottom { bottom: -5px; background-position: -5px -5px; } #ScoreApp ul#leaderboard li.row > .deco-edge.left { left: -6px; } #ScoreApp ul#leaderboard li.row > .deco-edge.left .corner.top { top: -5px; background-position: 0px 0px; } #ScoreApp ul#leaderboard li.row > .deco-edge.left .corner.bottom { bottom: -5px; background-position: 0px -5px; } #ScoreApp ul#leaderboard li.row .cell { float: left; min-height: 49px; border-style: solid; border-color: rgb(2, 56, 103); border-image: initial; border-width: 0px 0px 0px 1px; text-align: center; font-family: Electrolize; color: rgb(4, 111, 163); font-size: 12px; line-height: 49px; text-shadow: rgba(0, 0, 0, 0.75) 2px 2px 2px; position: relative; } #ScoreApp ul#leaderboard li.row .cell:nth-child(2n+1) { background: rgba(2, 56, 103, 0.3); } #ScoreApp ul#leaderboard li.row .cell:first-child { border: 0px; } #ScoreApp ul#leaderboard li.row .cell.rank { width: 60px; cursor: pointer; } #ScoreApp ul#leaderboard #leaderboard-data li.row.gold .cell.rank { background: rgba(2, 56, 103, 0.3); color: rgb(255, 255, 255); font-weight: 700; } #ScoreApp ul#leaderboard #leaderboard-data li.row.silver .cell.rank { background: rgba(2, 56, 103, 0.3); color: rgb(255, 255, 255); font-weight: 700; } #ScoreApp ul#leaderboard #leaderboard-data li.row.bronze .cell.rank { background: rgba(2, 56, 103, 0.3); color: rgb(255, 255, 255); font-weight: 700; } #ScoreApp ul#leaderboard li.row .cell.info { width: 395px; } #ScoreApp ul#leaderboard li.row .cell.var { width: 95px; } #ScoreApp ul#leaderboard li.row .generated-columns { border-left: 1px solid rgb(2, 56, 103); float: left; } #ScoreApp ul#leaderboard li.columns .rank.active::before { content: ""; position: absolute; width: 127px; height: 91px; background: 6px center no-repeat; top: -28px; left: -38px; } #ScoreApp ul#leaderboard li.row #colsLabel .cell.active::before { content: ""; position: absolute; width: 127px; height: 91px; background: 6px center no-repeat; top: -28px; left: -21px; } #ScoreApp ul#leaderboard li.columns .rank.sortable.sort-change.active::after, #ScoreApp ul#leaderboard li.row #colsLabel .cell.sortable.sort-change.active::after { content: ""; display: inline-block; margin-left: 5px; width: 13px; height: 7px; background: 0px -8px no-repeat; transform: rotate(180deg); } #ScoreApp ul#leaderboard li.row.columns .cell { color: rgb(70, 237, 243); text-transform: uppercase; font-size: 11px; cursor: pointer; } #ScoreApp ul#leaderboard li.row.playerstats { box-shadow: rgba(2, 56, 103, 0.5) 0px 0px 36px 0px; } #ScoreApp ul#leaderboard li.row .stats-wrap .disclaimer { display: none; text-align: left; font-family: Electrolize; color: rgb(47, 103, 125); font-size: 12px; margin-left: 50px; } #ScoreApp ul#leaderboard li.row .stats-wrap .disclaimer a { font-family: Electrolize; color: rgb(136, 198, 228); font-size: 12px; } #ScoreApp ul#leaderboard li.row.playerstats.opt-out { filter: grayscale(1); } #ScoreApp ul#leaderboard li.row.playerstats.opt-out .stats-wrap .disclaimer { display: block; } #ScoreApp ul#leaderboard li.row.playerstats.opt-out #ScoreApp ul#leaderboard li.row.playerstats .cell { color: rgb(177, 216, 241); box-shadow: rgba(2, 56, 103, 0.5) 0px 8px 10px 0px inset, rgba(2, 56, 103, 0.5) 0px -8px 10px 0px inset; } #ScoreApp ul#leaderboard li.row.data-stats .cell.info { line-height: inherit; text-align: left; } #ScoreApp ul#leaderboard li.row.data-stats .cell.info img { width: 38px; height: 38px; float: left; margin-right: 10px; } #ScoreApp ul#leaderboard li.row.data-stats .cell.info img.icon { width: 24px; height: 24px; position: absolute; top: 13px; margin-right: 0px; } #ScoreApp ul#leaderboard li.row.data-stats .cell.info img.icon.org { right: 10px; } #ScoreApp ul#leaderboard li.row.data-stats .cell.info img.icon.insignia { right: 44px; } #ScoreApp ul#leaderboard li.row.data-stats .cell.info .display { color: rgb(136, 198, 228); } #ScoreApp ul#leaderboard li.row.data-stats .cell.info .handle { color: rgb(4, 111, 163); } #ScoreApp ul#leaderboard li.row.data-stats .row.active, #ScoreApp ul#leaderboard li.row.data-stats .row.no-data:hover::before { content: ""; background: 0px 0px; } #ScoreApp ul#leaderboard li.row.playerstats:hover, #ScoreApp ul#leaderboard li.row.data-stats .row.active, #ScoreApp ul#leaderboard li.row.data-stats .row:hover { background: rgba(0, 108, 255, 0.15); } #ScoreApp ul#leaderboard li.row.playerstats:hover::before, #ScoreApp ul#leaderboard li.row.data-stats .row:hover::before { content: ""; position: absolute; width: 12px; height: 12px; background: 6px center no-repeat; top: 19px; left: -20px; } #ScoreApp ul#leaderboard li.row.playerstats:hover::before, #ScoreApp ul#leaderboard li.row.data-stats .row.active::before { content: ""; position: absolute; width: 12px; height: 12px; background: 0px center no-repeat; top: 19px; left: -20px; } #ScoreApp ul#leaderboard li.row.data-stats .row.active .cell, #ScoreApp ul#leaderboard li.row.data-stats .row:hover .cell { color: rgb(70, 237, 243); } #ScoreApp #leaderboard-data { position: relative; } #ScoreApp #leaderboard-data .row { transform: rotateX(90deg); perspective: 500px; } #ScoreApp #leaderboard-data .row.animDone { transform: translateZ(0px); } @media only screen and (max-width: 760px) { #contentbody { padding-bottom: 235px; } #organization-page #contentbody, #contentbody.ship-matrix { padding-bottom: 260px !important; } #contentbody.account-section { padding-bottom: 275px; } } @media only screen and (max-width: 1080px) { #footerbody .logo-wrapper { width: 100%; top: 60px; } #footerbody .logo-wrapper .left, #footerbody .logo-wrapper .right { width: 50%; float: left; } #footerbody .logo-wrapper .logo { margin: 0px auto; float: none; } } @media only screen and (max-width: 700px) { #nav-mainmenu { display: none; } #nav-mobilemenu { display: block; } #nav-mobilemenu > li { width: 101px; } #subfooternav > a { display: block; margin: 0px auto; text-align: center; padding-left: 0px; padding-right: 0px; } #subfooternav > a > .subfooternav-icon-idle { position: relative; display: inline-block; margin-right: 5px; } .content-block1 .top-line-thin { display: none; } .content-block1 .top-line { width: 75%; } #mainnav .wrapper { padding: 0px; } } @media only screen and (max-width: 975px) { .modals .modal-wrapper { margin: 0px auto; } .modals fieldset, .modals #enlist fieldset { width: 100%; float: none; margin-bottom: 0px; } .modals #enlist .line-container { display: none; } .modals #enlist .message { float: none; width: 100%; max-width: 100%; height: auto; } .modals #enlist .message .message-wrapper { position: static; width: 100%; } .modals #enlist .message p { margin: 5px 0px 40px; } .modals #enlist { background: 50% 50% no-repeat scroll transparent; } .modals .handle-friendly { width: 100%; margin: -8px 0px 0px; box-sizing: border-box; } } @media only screen and (max-width: 520px) { .modals .button-wrapper .button { float: none; width: 100%; height: 34px; line-height: 28px; background: 0px 0px; } .modals .button-wrapper .button:hover .effect, .modals .button-wrapper .button.active .effect { display: none; opacity: 0; } .modals .button-wrapper .button a .text, .modals .button-wrapper .button.recovery a .text { padding-left: 40px; width: 100%; padding-top: 0px; } .modals .button-wrapper .button.sign-in .icon { left: 0px; top: 0px; } .modals .button-wrapper .button.recovery .icon { left: 0px; top: -6px; } .modals .button-wrapper .button.enlist .icon { left: 0px; top: -4px; } .modals .button-wrapper .button .bottom-line { display: none; opacity: 0; } .modals .button-wrapper ul { padding: 10px 0px 0px; } .modals #signin .remember { float: none; } .modals .submit-wrapper { float: none; margin-top: 10px; } .modals #recovery p.f-right { float: none; padding-top: 20px; width: 100%; } .modals #enlist .message .error-level-line { width: 25%; border-left: 2px solid rgb(5, 9, 11); border-right: 2px solid rgb(5, 9, 11); margin: -20px 0px 50px; box-sizing: border-box; } .modals #enlist label.checkbox { float: left; } .modals #enlist .terms { float: left; width: 80%; margin-top: 0px; } } @media only screen and (max-width: 1145px) { #settings.adressbook .address-item { margin: 0px auto 25px; float: none; } .rsi-markup .segment .content .community-subscribers-video-banner { left: 85px; } .rsi-markup .segment .content { margin-top: 45px; } } @media only screen and (max-width: 945px) { .account-section .submenu { margin: 40px 0px; overflow: hidden; } .account-section .submenu .bg-line { display: none; } #billing .sidenav ul, #settings .sidenav ul { margin-bottom: 25px; } .account-section .submenu ul { margin-right: -4%; margin-top: 0px; } .account-section .submenu ul li span, .account-section .submenu ul li.active span { display: block; width: 6px; height: 35px; position: absolute; top: 0px; left: 0px; background: rgb(28, 55, 70); margin: 0px; min-width: 6px; } .account-section .submenu ul li.active span { background: rgb(0, 255, 255); box-shadow: rgb(0, 153, 255) 0px 0px 40px; } .account-section .submenu ul { padding: 0px; } .account-section .submenu ul li { width: 47%; margin-right: 2%; height: 35px; float: left; text-align: left; background: rgba(15, 31, 43, 0.6); margin-bottom: 5px; position: relative; } .account-section .submenu ul li a { width: 100%; height: 100%; display: block; line-height: 36px; padding-left: 20px; box-sizing: border-box; } .account-section .submenu ul li a br { display: none; } .modals #signin form.two-step select { width: 100%; } } @media only screen and (max-width: 860px) { #settings .inner-content .top > h2.title { font-size: 21px; } #billing.rsvp .inner-content { padding: 0px; } #billing.pledges .inner-content { padding: 0px; } #settings .inner-content { padding: 0px; } #settings.overview .inner-content { min-width: 0px; width: 100%; } #billing .sidenav, #settings .sidenav { width: 100%; float: none; margin-bottom: 20px; position: relative; top: 0px; left: 0px; } #billing .sidenav ul, #settings .sidenav ul { margin-right: -4%; } #billing .sidenav li, #settings .sidenav li { width: 47%; margin-right: 2%; float: left; } #billing .sidenav li .bg, #settings .sidenav li .bg { width: 100%; float: none; border-left: 12px solid transparent; box-sizing: border-box; } #settings .inner-content { min-width: 0px; } #settings .inner-content .row .col.col-label { float: none; width: auto; } #settings .inner-content .row .col.col-edit-wrapper { padding: 0px; } #settings fieldset { min-width: 0px; margin-right: 0px; width: 100%; } #settings .password-wrapper { width: 100%; font-weight: initial; margin: auto; } #settings input[type="text"], #settings input[type="password"] { width: 100%; } #settings .inner-content .row .edit { right: 5px; } #settings .inner-content .row > .shadow > .inner label.sub-label { width: auto; float: none; } #settings .inner-content .row > .shadow > .inner .more-info { float: none; } #subscribers .subnav { margin-bottom: 34px; min-height: 285px; } #subscribers .subnav ul { top: auto; padding: 15px 0px; width: 100%; } #subscribers .subnav ul.clearfix.external-links { width: 100%; } #subscribers .subnav li { display: block; } #subscribers .subnav li a { text-align: left; padding: 10px 0px; } #subscribers .subnav li a .fle, #subscribers .subnav li a .icon { display: none; } } @media only screen and (max-width: 768px) { #billing .content .row .basic-infos .col { padding: 0px 5px 0px 0px; float: none; width: 100%; background: 0px 0px; } #billing .content .row .basic-infos .col > span { display: inline; } #billing .content .row .basic-infos .col.date { width: 100%; font-size: 12px; } #billing .content .row .shadow-button { margin-top: 20px; } } @media only screen and (max-width: 1145px) { #billing.rentals .content .row .period-time-left { float: none; } #billing.rentals .content .row .shadow-button { float: left; margin-top: 20px; } } @media only screen and (max-width: 1200px) { #featured-carousel .top-carousel > div .wrapper .embed-container, #featured-carousel .top-carousel > div .wrapper .video-holder { height: 236px; width: 468px; } .crowdfunding-stats .column.timeline { margin-top: 60px; } .crowdfunding-stats .column.timeline .body { margin-top: 25px; } .crowdfunding-stats .column .header .filters { top: -16px; margin-bottom: -56px; right: 0px; } } @media only screen and (max-width: 768px) { #featured-carousel .top-carousel > div .wrapper .embed-container, #featured-carousel .top-carousel > div .wrapper .video-holder, #featured-carousel .top-carousel > div .wrapper > div.event .placeholder { height: 236px; width: 368px; margin-bottom: 5px; } #featured-carousel .top-carousel > div .wrapper > div.event .countdown { width: 368px; margin-top: -236px; padding: 90px 0px; } #featured-carousel .top-carousel > div .wrapper .content-block1 .text { margin-top: 20px; } #featured-carousel .top-carousel > div .wrapper .content-block1 .type { width: 100px; } #featured-carousel .arrows { right: 30px; } .crowdfunding-stats .column .header h1 .next-stretch-box { right: 1px; } .crowdfunding-stats .column.numbers { width: 470px; margin-right: 0px; } .crowdfunding-stats .column.numbers .header { height: 0px; } .crowdfunding-stats .column.numbers .body { margin: 6px 3px 0px; float: left; } .crowdfunding-stats .column.stats .body { height: 570px; } .crowdfunding-stats .column.stats .body .number-block { height: 260px; margin-left: 95px; } .crowdfunding-stats .column .body .number-block { width: 140px; margin-left: 20px; } .crowdfunding-stats .column.timeline { width: 470px; } .crowdfunding-stats .column.timeline .body { width: 470px; background-position: -57px 0px; } .crowdfunding-stats .column.timeline .body #timeline-chart { margin-left: 0px; } .crowdfunding-stats .column.timeline .body .y-axis { margin-left: 0px; } .crowdfunding-stats .column.timeline .body .x-axis { margin-left: 95px; } .crowdfunding-stats .column .header .filters { top: 0px; margin-bottom: -46px; } #atoms .section { width: 475px; } #atoms #transmissions .items { padding: 21px 5px; } #atoms #transmissions .items .item { width: 465px; } #atoms #transmissions .items .item.expanded { width: 465px; } #atoms #transmissions .items .item > .background { width: 465px; } #atoms #transmissions .items .item .text { padding: 10px; width: 445px; } #atoms #transmissions .items .item .text h1 { width: 410px; } #atoms #transmissions .items .item.expanded .text { margin-top: 206px; } #atoms #events .countdown .countdown-items { margin: 0px -21px 0px -20px; } #atoms #events .countdown .countdown-item { margin: 5px; } #atoms #events .event-list .event .details { width: 340px; } } @media only screen and (max-width: 1195px) { #channel .hub-blocks { margin: 0px auto 40px; } #channel .hub-block.full { width: 729px; height: 315px; } #channel .hub-block.full > .title-holder { display: table-cell; vertical-align: middle; height: 315px; width: 729px; position: relative; } #channel .hub-block.full > .title-holder .title { width: 100%; color: rgb(255, 255, 255); text-shadow: rgb(0, 0, 0) 3px 3px; font-size: 60px; text-transform: uppercase; text-align: center; } #channel .hub-block.full > .background { position: absolute; opacity: 0.6; width: 729px; height: 315px; background-size: cover; background-position: center center; } #channel .hub-block.full > .text { background: repeat; padding: 20px; height: 10px; width: 689px; font-size: 12px; position: absolute; margin-top: -50px; } #channel .hub-block.full > .text .comments { background: left center no-repeat; padding-left: 18px; padding-bottom: 3px; line-height: 11px; float: right; font-size: 11px; color: rgb(0, 204, 255); } #channel .hub-block.full > .text .time_ago { color: rgb(94, 122, 141); font-weight: 700; border-right: 1px solid rgb(74, 66, 65); float: left; line-height: 14px; padding-right: 13px; } #channel .hub-block.full > .text .time_ago .value { color: rgb(0, 204, 255); font-weight: 400; } #channel .hub-block.full > .text .section { color: rgb(103, 128, 136); font-style: italic; border-left: 1px solid rgb(159, 157, 155); float: left; line-height: 14px; padding-left: 13px; } #channel .hub-block.full:hover > .title { opacity: 0.2; } #channel .hub-block.full .over { width: 729px; height: 315px; } #channel .hub-block.two_thirds { width: 338px; height: 315px; } #channel .hub-block.two_thirds > .title-holder { display: block; vertical-align: middle; position: absolute; margin-top: 0px; width: 100%; height: auto; } #channel .hub-block.two_thirds .title-holder .title { position: absolute; margin-top: 26px; width: 100%; color: rgb(255, 255, 255); text-shadow: rgb(0, 0, 0) 3px 3px; font-size: 18px; text-align: left; text-transform: none; } #channel .hub-block.two_thirds > .background { position: relative; width: 338px; height: 210px; background-size: cover; background-position: center center; } #channel .hub-block.two_thirds > .text { position: absolute; width: 338px; height: 90px; margin-top: 10px; background: 0px 0px; padding: 0px; } #channel .hub-block.two_thirds > .text .comments { position: absolute; right: 0px; background: left center no-repeat; padding-left: 18px; padding-bottom: 3px; line-height: 11px; float: right; font-size: 11px; color: rgb(0, 204, 255); } #channel .hub-block.two_thirds > .text .time_ago { position: absolute; margin-top: 80px; color: rgb(94, 122, 141); font-weight: 700; float: left; line-height: 14px; font-size: 11px; border-right: none; padding-right: 0px; } #channel .hub-block.two_thirds > .text .time_ago .value { color: rgb(0, 204, 255); font-weight: 400; } #channel .hub-block.two_thirds > .text .section { position: absolute; margin-top: 0px; font-size: 11px; margin-left: 0px; color: rgb(103, 128, 136); font-style: italic; float: left; line-height: 14px; border-left: none; padding-left: 0px; } #channel .hub-block.two_thirds .over { width: 338px; height: 315px; } #event-feed .feed-container { width: 100%; height: 100%; float: none; } .atom-special-block .details { margin: 20px auto; float: none; } #channel .hub-block.full .over .scroller { width: 669px; } #channel .hub-block.two_thirds .over .scroller { width: 278px; } } @media only screen and (max-width: 810px) { #channel .hub-blocks { margin-right: 0px; } #channel .hub-block { margin: 40px auto 0px; float: none; } #channel .hub-block.full { width: 338px; height: 315px; } #channel .hub-block.full > .title-holder { display: block; vertical-align: middle; position: absolute; margin-top: 0px; width: 100%; height: auto; top: 0px; } #channel .hub-block.full .title-holder .title { position: absolute; margin-top: 26px; width: 100%; color: rgb(255, 255, 255); text-shadow: rgb(0, 0, 0) 3px 3px; font-size: 18px; text-align: left; text-transform: none; } #channel .hub-block.full > .background { position: relative; width: 338px; height: 210px; background-size: cover; background-position: center center; } #channel .hub-block.full > .text { position: absolute; width: 338px; height: 90px; margin-top: 10px; background: 0px 0px; padding: 0px; } #channel .hub-block.full > .text .comments { position: absolute; right: 0px; background: left center no-repeat; padding-left: 18px; padding-bottom: 3px; line-height: 11px; float: right; font-size: 11px; color: rgb(0, 204, 255); } #channel .hub-block.full > .text .time_ago { position: absolute; margin-top: 80px; color: rgb(94, 122, 141); font-weight: 700; float: left; line-height: 14px; font-size: 11px; border-right: none; padding-right: 0px; } #channel .hub-block.full > .text .time_ago .value { color: rgb(0, 204, 255); font-weight: 400; } #channel .hub-block.full > .text .section { position: absolute; margin-top: 0px; font-size: 11px; margin-left: 0px; color: rgb(103, 128, 136); font-style: italic; float: left; line-height: 14px; border-left: none; padding-left: 0px; } #channel .hub-block.full .over { width: 338px; height: 315px; } #channel .hub-block.full .over .scroller { width: 278px; } } @media only screen and (max-width: 1200px) { #post .title-bar-container { width: 990px; margin-left: auto; margin-right: auto; } #post .title-bar-container .title-bar { background: 0px -107px no-repeat; width: 990px; } #post .title-bar-container .title-bar .details { margin-left: 480px; } #post .end-transmission-container { width: 990px; } #post .end-transmission-container .title-bar { background: 0px -107px no-repeat; width: 990px; } #post .end-transmission-container .glow.right { right: 40px; } #post .channel-banner .header { box-shadow: rgb(0, 0, 0) 0px 40px 100px -50px inset, rgb(0, 0, 0) 0px -40px 90px -50px inset, rgb(0, 0, 0) 0px 0px 200px inset, rgb(0, 0, 0) 0px 0px 200px inset; } } @media only screen and (max-width: 1070px) { #post .channel-banner .header .wrapper .image { margin-left: 10px; } #post .channel-banner .header .wrapper .title { margin-left: 20px; } } @media only screen and (max-width: 1040px) { #post .channel-banner .header .wrapper .image { display: none; } #post .channel-banner .header .wrapper .texts { margin: 0px auto; float: none; } } @media only screen and (max-width: 1024px) { .wrapper { padding: 0px 15px; } #post .content-block1 .segment .content { margin: 20px; padding: 20px; } #post .content-block1 .segment .content p { width: 100%; } #post .content-block1 .segment .content ul, #post .content-block1 .segment .content ol { width: 95%; } #post .title-bar-container { width: 736px; } #post .title-bar-container .title-bar { background: 0px -214px no-repeat; width: 736px; } #post .title-bar-container .title-bar .title { width: 330px; } #post .title-bar-container .title-bar .details { margin-left: 500px; margin-top: 26px; background: 0px 0px; } #post .title-bar-container .title-bar .details > div { float: none; height: 15px; clear: both; padding: 0px; background: 0px 0px; } #post .title-bar-container .title-bar .details > div h3 { float: left; padding: 4px 0px 0px; } #post .title-bar-container .title-bar .details > div p { float: left; padding: 4px 0px 0px 20px; } #post .end-transmission-container { width: 736px; } #post .end-transmission-container .title-bar { background: 0px -214px no-repeat; width: 736px; } #poll .voted .bars { width: 200px; margin-left: -200px; } #poll .voted .bars .bar-holder { width: 150px; } #poll.faceoff .voted .bars .bar-item .bar-holder { width: 80%; } .rsi-markup .segment .content .community-subscribers-video-banner { left: 35px; } #post .content-block1 .segment .content { margin-top: 70px; } } @media only screen and (max-width: 768px) { .wrapper { padding: 0px 5px; } #post .content-block1 .segment .content { margin: 10px; padding: 10px; } #post .content-block1 .segment .content .video-holder { height: 300px; } #post .title-bar-container { width: 431px; } #post .title-bar-container .title-bar { background: 0px -321px no-repeat; width: 431px; } #post .title-bar-container .title-bar .title { padding: 0px 0px 0px 10px; background: 0px 0px; width: 165px; margin-left: 60px; } #post .title-bar-container .title-bar .title h1 { font-size: 18px; white-space: initial; line-height: 21px; padding-top: 10px; } #post .title-bar-container .title-bar .title.with-subtitle h1 { line-height: 22px; } #post .title-bar-container .title-bar .details { margin-left: 240px; } #post .title-bar-container .title-bar .details > div { width: 170px; } #post .end-transmission-container { width: 431px; } #post .end-transmission-container .title-bar { background: 0px -321px no-repeat; width: 431px; } #post .end-transmission-container .title-bar h1 { font-size: 18px; } #post .channel-banner .header .wrapper .title { width: 350px; margin: 0px auto; text-align: center; } #post .channel-banner .header .wrapper .title h1 { width: 100%; text-align: center; } #post .channel-banner .header .wrapper .title .holobtn { margin: 0px 50px; } #post .channel-banner .header .wrapper p { width: 350px; text-align: left; margin: 10px auto; } #post .rsi-markup .segment .content .image { width: 385px; } #post .rsi-markup .segment .content .image img { width: 385px; } #post .rsi-markup .segment .content .image .caption { width: 300px; } #poll .voted .bars { width: 100px; margin-left: -100px; } #poll .voted .bars .bar-holder { width: 50px; } #poll.faceoff .voted .bars .bar-item .bar-holder { width: 75%; } #post .channel-banner .header .wrapper .texts { width: 100%; } #post .content-block1 .segment .content { margin-top: 80px; } } #poll .options .option .label .text { padding-left: 62px; } @media only screen and (max-width: 680px) { #poll .options .option .label .glow-box { margin-right: 20px; } #poll .voted .bars { width: 160px; margin-left: -160px; } #poll .atom-special-block { padding: 0px 5px 100px; } #poll .voted .bars .bar-holder { width: 100px; } #poll.faceoff .voted .bars .bar-item .bar-holder { width: 70%; } #poll .options .option .label .text { padding-left: 62px; } } @media only screen and (max-width: 768px) { #cart h1.page-title { padding-right: 130px; } #cart .submenu.exagon { margin: 40px 0px; } #cart .submenu.exagon .bg-line { display: none; } #cart .submenu.exagon ul { margin-right: -4%; width: 100%; } #cart .submenu.exagon ul li span, #cart .submenu.exagon ul li.active span { display: block; width: 6px; height: 35px; position: absolute; top: 0px; left: 0px; background: rgb(28, 55, 70); margin: 0px; min-width: 6px; } #cart .submenu.exagon ul li.active span { background: rgb(0, 255, 255); box-shadow: rgb(0, 153, 255) 0px 0px 40px; } #cart .submenu.exagon ul { padding: 0px; } #cart .submenu.exagon ul li { width: 49%; margin-right: 1%; height: 35px; float: left; text-align: left; background: rgba(15, 31, 43, 0.6); margin-bottom: 5px; position: relative; } #cart .submenu.exagon ul li a { width: 100%; height: 100%; display: block; line-height: 36px; padding-left: 20px; box-sizing: border-box; } #cart .submenu.exagon ul li a br { display: none; } #cart .selectlist > span { padding-right: 0px; width: 36%; } #cart .cart-header .col.item-col { width: 46%; } #cart .cart-header .col.qty-col { text-align: center; } #cart .list-items .item-col { width: 46%; } #cart .cart-header .col { font-size: 14px; } #cart .list-items .price-col { font-size: 12px; } #cart .list-items .qty-col { font-size: 12px; text-align: center; } #cart .list-items .total-col { font-size: 12px; width: 20%; } #cart .list-items .item-col h3 { clear: both; padding-top: 10px; } #cart .list-items .modify { margin: -5px 0px 0px 14px; } #cart .list-items .modify input[type="text"] { padding: 10px 0px; text-align: center; } #cart.pay .inner-content .payment-wrapper .right-section .s-row .selectlist { margin: 0px; float: right; } } @media only screen and (max-width: 768px) { #missing .circle-wrapper { display: none; } #missing .elem-wrapper { height: auto; margin: 20px; min-width: 400px; width: 90%; } #missing .current-traj { display: none; } #missing .prev-traj { display: none; } #missing .traj-info { display: none; } #missing .content-wrapper .text { width: 100%; margin: auto; position: relative; left: auto; top: auto; } #missing #contentbody { min-height: 1000px; padding-bottom: 20px; background: inherit; } } @media only screen and (max-width: 1200px) { #billing.hangar-config .content .row.active .more .with-images { width: 393px; } #billing.hangar-config .content .row.active .more .hg-row { float: left; margin: 0px 7px 13px; } #billing.hangar-config .draggable-content .draggable-list { width: 325px; position: relative; } #billing.hangar-config .draggable-content .draggable-list .corner { display: none; } #billing.hangar-config .draggable-content .draggable-list .list-items { min-height: 103px; width: 292px; } #billing.hangar-config .draggable-content .draggable-list .list-items.empty p { margin-top: 10px; width: 292px; } #billing.hangar-config .draggable-content .draggable-list .rules .sizes { margin-right: 17px; } #billing.hangar-config .draggable-list .hg-row { height: 103px; width: 169px; padding: 0px 13px 0px 110px; background: 0px 0px; border: 1px solid rgb(30, 47, 65); } #billing.hangar-config .draggable-list .hg-row .info { height: 103px; } #billing.hangar-config .draggable-list .hg-row img.full { display: none; } #billing.hangar-config .draggable-list .hg-row img.mobile { display: block; } #billing.hangar-config .draggable-list .hg-row:hover { border-color: rgb(36, 176, 252); } #billing.hangar-config .draggable-list .hg-row:hover, #billing.hangar-config .draggable-list .hg-row:hover .hover { background: 0px 0px; } #billing.hangar-config .draggable-list .hg-row:hover .hover { display: none; } #billing.hangar-config .draggable-list .scrollbar { display: none; } li.dragProxy { z-index: 10; opacity: 1; min-height: 103px; display: block; } li.dragProxy .hg-row { cursor: pointer; background-color: rgb(0, 0, 0); background-image: none !important; } li.dragProxy .hg-row img.mobile { margin-top: 0px; } li.dragPlacement { width: 292px !important; height: 103px !important; } } @media only screen and (max-width: 768px) { #billing .content .billing-title-pager-wrapper .pager { position: relative; margin-bottom: 10px; } #billing .content .pager .selectlist { margin-bottom: 5px; } #billing.pledges .content .list-items .row .col { float: none; width: 100%; padding-left: 140px; } #billing.pledges .content .row .col.item-col { padding: 0px; } #billing.pledges .list-items .item-col h3 { padding-top: 25px; } #billing.pledges .content .list-items .row .qty-col { padding: 10px 0px 0px; } } @media only screen and (max-width: 1200px) { #promotion .ship-list { width: 708px; margin-left: auto; margin-right: auto; } #promotion .ship-list .ship { margin-left: 17px; margin-right: 17px; } } @media only screen and (max-width: 1150px) { #promotion .bloc-presentation .left { float: none; width: 100%; padding: 0px; } #promotion .bloc-presentation .right { float: none; margin: 40px auto 70px; } #promotion .bloc-presentation p.instruction { background: 0px 0px; } } @media only screen and (max-width: 768px) { #promotion .ship-list { width: 100%; } #promotion .ship-list .ship { margin-left: auto; margin-right: auto; float: none; } #promotion .bloc-presentation .right { margin-left: -28px; } } @media only screen and (max-width: 1100px) { #starcitizen .pillar.left .pillargradient { background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.6) 100%); } #starcitizen .pillar.right .pillargradient { background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, rgb(0, 0, 0) 100%); } } @media only screen and (max-width: 1024px) { #starcitizen .pillarexpanded .block .pillarexpanded-vid-container { width: 320px; height: 197px; } } @media only screen and (min-width: 1650px) { #starcitizen .pillarexpanded .block .pillarexpanded-vid-container { display: none; } #starcitizen .pillarexpanded .blockcontainer > .pillarexpanded-vid-container { display: block; } } @media only screen and (max-width: 1145px) { #starcitizen #videoheader #videoheader-content .wrapper { text-align: center; } #starcitizen #videoheader #videoheader-content #sclogo { float: none; } #starcitizen #videoheader #videoheader-content #videocontainer { float: none; margin: 30px auto 0px; } #starcitizen #videoheader #videoheader-content .pledgenowbtn { bottom: -98px; } .content-block1 { padding: 30px 15px; } } @media only screen and (min-width: 1921px) { #starcitizen .pillar { background-size: 100%; } } @media only screen and (max-width: 1195px) { #comments { padding: 30px 20px; } #comments .holder { padding: 40px 0px; } #comments .holder .main-buttons-holder a.add-comment { width: 200px; } #comments .holder .comment .avatar { margin-right: 20px; margin-left: -20px; } #comments.force-one-column .holder .comment .avatar.standard, #comments .holder .comment .avatar.standard { display: none; } #comments .holder .comment .avatar.mobile { display: block; } #comments .holder .comment .author-info { display: none; } #comments .holder .comment .comment-itself { width: 100%; float: none; margin-left: 0px; border: none; } #comments.force-one-column .holder .comment .comment-itself .header .username, #comments .holder .comment .comment-itself .header .username { margin-left: 10px; } #comments .holder .comment .comment-itself .header .time { font-size: 10px; } #comments .holder .comment .comment-itself .header .quick-overview { display: none; } #comments.force-one-column .holder .comment .comment-itself .comment-body, #comments .holder .comment .comment-itself .comment-body { padding: 10px 20px 20px; } #comments .holder .comment .comment-replies { position: relative; margin: 0px; width: 100%; } #comments .holder .comment .comment-replies .connector-holder { width: 100%; } #comments .holder .comment .comment-replies .connector-holder .connector { width: 100%; } #comments .holder .comment .comment-replies .replies-details-holder { width: 100%; display: none; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details { width: auto; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .title-bar { overflow: hidden; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .title-bar .title { width: 100%; float: left; } #comments .holder .comment .comment-replies .replies-details-holder .replies-details .title-bar .title h1 { float: left; text-align: left; margin-left: 150px; display: block; overflow: visible; } #comments .holder .comment .comment-replies .bordered-holder-mask { width: 100%; margin-top: -20px; overflow: visible; } #comments .holder .comment .comment-replies .reply-bodies-holder { height: auto; overflow: visible; } #comments .holder .comment .comment-replies .reply-bodies-holder .reply-bodies .comment-reply { width: 100%; margin-left: 10px; } #comments .holder .comment .comment-replies .bordered-holder-mask .bordered-holder { overflow: visible; left: 0px; min-height: 0px; } #comments .holder .comment .comment-replies .bordered-holder .actions-bar > .triangle { margin-right: -20px; } #comments .holder .comment .comment-replies .bordered-holder .actions-bar .reply-to-comment { margin-top: -20px; margin-right: -3px; float: right; position: relative; } #comments .holder .comment .comment-replies .bordered-holder .actions-bar .reply-to-comment .box { margin: 0px 0px 0px 3px; padding: 0px 20px; } #comments .holder .comment.role-tracker .comment-itself { border: 1px solid rgb(255, 234, 142); } #comments .holder .comment.role-tracker .comment-itself .header { background-color: rgb(255, 234, 142); } #comments .holder .comment.role-tracker .comment-itself .header .username { color: rgb(34, 34, 34); } #comments .holder .comment.role-tracker .comment-itself .comment-body { box-shadow: rgba(255, 234, 142, 0.7) 0px 0px 50px -15px inset; } } @media only screen and (max-width: 1195px) { #ngs .introduce { height: auto; } #ngs #channel .introduce .hub-block.two_thirds.video { width: 729px; margin: 40px auto 0px; float: none; } #ngs #channel .introduce .hub-block.one_third.info { margin-left: auto; margin-right: auto; float: none; } #ngs .introduce .info .texte { margin-top: 0px; padding-top: 135px; } } @media only screen and (max-width: 1100px) { #ngs .about-contest .space-shuttle-bg { top: 40px; } } @media only screen and (max-width: 1000px) { #ngs .spaceship-idol-header-bg { background-size: 1200px; height: 320px; } #ngs .spaceship-idol-header-bg > h3 { top: 295px; } #ngs .about-contest .space-shuttle-bg { display: none; } } @media only screen and (max-width: 800px) { #ngs .moredetailsbtncontainer.top-button { margin-top: 0px; } #ngs .partners .logos .logo { width: 50%; } #ngs .partners .logos .logo:nth-child(2), #ngs .partners .logos .logo:nth-child(5) { margin-left: 0px; } #ngs .partners .logos .responsive-separator { clear: left; height: 60px; } } @media only screen and (max-width: 750px) { #ngs #channel .introduce .hub-block.two_thirds.video { width: 100%; } } @media only screen and (max-width: 700px) { #ngs .wywn ul.skills { background: 0px 0px; margin-left: 0px; height: auto; } #ngs .wywn ul.skills .ico, #ngs .wywn ul.skills li h3 { position: relative; left: auto; } #ngs .wywn ul.skills .ico { font-size: 24px; width: auto; padding: 0px; text-align: left; float: left; } #ngs .wywn ul.skills li h3 { margin-top: 14px; float: left; top: -5px; margin-left: 12px; } #ngs .wywn ul.skills li p { left: 0px; top: 30px; } } @media only screen and (max-width: 580px) { #ngs .spaceship-idol-header-bg { background-size: 1000px; height: 292px; } #ngs .spaceship-idol-header-bg > h3 { top: 267px; } } @media only screen and (max-width: 1160px) { .account-profile .orgs-content .org.main .left-col { max-width: 678px; width: auto; } } @media only screen and (max-width: 600px) { .account-profile .orgs-content .org .thumb { margin-right: 0px; } .account-profile { border-top-width: 1px; } .account-profile .overview-content .left-col { width: auto; } .account-profile .overview-content .right-col { width: auto; } .account-profile .tabs { position: relative; top: 0px; left: 0px; background: 0px 0px; margin-bottom: 30px; height: auto; text-align: left; } .account-profile .tabs .holder { width: auto; display: initial; } .account-profile .tabs .holotab { width: auto; height: auto; display: inline-block; position: relative; top: 0px; left: 0px; margin: 0px 10px 5px 0px; float: none; } .account-profile .tabs .holotab > span { display: inline; width: auto; height: auto; position: relative; top: 0px; left: 0px; background: 0px 0px; margin: 0px; padding: 0px; opacity: 1; } .account-profile .tabs .holotab:hover > span { transform: translate(0px, 0px); transition-delay: 0s; } .account-profile .tabs .holotab .text { font-size: 12px; display: inline-block; width: 200px; line-height: 36px; background: rgba(15, 31, 43, 0.6); text-align: left; padding-left: 20px; z-index: 1; } .account-profile .tabs .holotab .bottom { display: none; } .account-profile .tabs .holotab .top { display: block; width: 6px; height: 100%; position: absolute; left: 0px; top: 0px; background: rgb(28, 55, 70); z-index: 5; } .account-profile .tabs .holotab.active .text { text-shadow: none; } .account-profile .tabs .holotab.active .top, .account-profile .tabs .holotab:hover .top { background-color: rgb(0, 255, 255); box-shadow: rgb(0, 153, 255) 0px 0px 40px; } } @media only screen and (max-width: 940px) { .account-profile .orgs-content .org.main .right-col { width: auto; float: none; clear: both; border: none; } .account-profile .orgs-content .org.main .right-col .deco-separator { display: none; } .account-profile .overview-content .box-content.profile-wrapper .left-col.profile, .account-profile .overview-content .box-content.profile-wrapper .right-col.main-org { width: 100%; clear: both; float: none; border-left: none; } } @media only screen and (max-width: 475px) { .account-profile .orgs-content .org .thumb { margin-left: auto; margin-right: auto; float: none; } } @media only screen and (max-width: 700px) { .account-profile .orgs-content .org.affiliation { float: none; margin-left: auto; margin-right: auto; } } @media only screen and (max-width: 1200px) { #press #press_nav { width: 560px; margin: 20px auto 60px; } #press .crowdfunding-stats .wrapper { max-width: 572px; } #press #latest-news-section .content-block2, #press #latest-news-section .content-block2:nth-child(2n) { float: none; margin: 0px auto 20px; } } .markItUp .markItUpContainer { background: 0px 0px; border: none; } .markItUp .markItUpHeader { background: linear-gradient(rgba(69, 92, 115, 0.9) 0%, rgba(14, 29, 42, 0.9) 100%); border-top: 1px solid rgb(48, 72, 94); border-radius: 5px 5px 0px 0px; height: 30px; padding-top: 5px; } .markItUp .markItUpButton2 a { background-image: ; } .markItUp .markItUpButton3 a { background-image: ; } .markItUp .markItUpButton4 a { background-image: ; } .markItUp .markItUpButton5 a { background-image: ; } .markItUp .markItUpButton6 a { background-image: ; } .markItUp .markItUpButton7 a { background-image: ; } .markItUp .markItUpButton8 a { background-image: ; } .markItUp .markItUpButton9 a { background-image: ; } .markItUp .markItUpButton10 a { background-image: ; } .markItUp .markItUpButton11 a { background-image: ; } .markItUp .markItUpButton12 a { background-image: ; } .markItUp .markItUpButton13 a { background-image: ; } .markItUp .markItUpButton14 a { background-image: ; } #store #post-background { opacity: 0.3; z-index: auto; } #store .header { z-index: auto; } #store-wrapper .wrapper { padding: 0px; } #store-wrapper .add-cart { color: rgb(255, 255, 255); font-size: 12px; text-transform: none; } #store .corner { position: absolute; background: ; width: 6px; height: 6px; display: block; } #store .corner.corner-top-left { top: -1px; left: -1px; background-position: 0px 0px; } #store .corner.corner-top-right { top: -1px; right: -1px; background-position: -6px 0px; } #store .corner.corner-bottom-left { bottom: -1px; left: -1px; background-position: 0px -6px; } #store .corner.corner-bottom-right { bottom: -1px; right: -1px; background-position: -6px -6px; } #store-wrapper .products-row .bar { height: 10px; width: 1px; background: rgb(209, 237, 253); display: block; position: absolute; } #store-wrapper .products-row .bar.top { top: 0px; } #store-wrapper .products-row .bar.bottom { bottom: 0px; } #store-wrapper .products-row .bar.left { left: 0px; } #store-wrapper .products-row .bar.right { right: 0px; } #store-wrapper .products-row .separator { height: 100%; width: 1px; background: rgb(0, 255, 255); position: absolute; top: 0px; left: 50%; margin: 0px; } #store-wrapper #search-results > ul { padding: 0px; margin: 0px; list-style: none; } #store-wrapper #search-results .traj-loader { clear: both; } #store-wrapper .ship-item { height: 290px; width: 820px; position: relative; margin: 40px 0px 120px; border-bottom: 1px solid rgb(27, 66, 104); border-top: 1px solid rgb(27, 66, 104); } #store-wrapper .ship-item * { font-family: Electrolize; } #store-wrapper .ship-item > .top { height: 40px; width: 206px; opacity: 0.6; background: right top; z-index: 2; position: absolute; top: -40px; right: 20px; } #store-wrapper .ship-item > .top a { position: relative; color: rgb(111, 216, 255); font-size: 11px; line-height: 40px; text-align: left; display: block; margin-left: 45px; } #store-wrapper .ship-item > .top a span { background: center center no-repeat; width: 46px; height: 43px; display: block; top: -2px; position: absolute; right: 0px; } #store-wrapper .ship-item .center { background: 0% 0% repeat scroll rgb(0, 0, 0); z-index: 3; position: absolute; top: 0px; left: 0px; width: 818px; height: 288px; border: 1px solid rgb(27, 66, 104); } #store-wrapper .ship-item .center > img { position: absolute; left: 0px; top: 0px; z-index: 3; width: 818px; height: 288px; } #store-wrapper .ship-item .center .gradient { display: block; z-index: 4; opacity: 0; width: 100%; height: 100%; background: repeat-y; position: absolute; top: 0px; left: 0px; } #store-wrapper .ship-item .center .blue-overlay { z-index: 3; width: 818px; height: 290px; position: absolute; left: 0px; top: 0px; background: repeat; } #store-wrapper .ship-item .center .filet { display: block; z-index: 5; position: absolute; left: -41px; top: 50%; margin-top: -68px; width: 901px; height: 136px; background: center center; } #store-wrapper .ship-item .center .filet .name { position: absolute; left: 65px; top: 50%; margin-top: -17px; line-height: 34px; font-size: 18px; text-transform: uppercase; color: rgb(193, 238, 254); } #store-wrapper .ship-item .center .filet .name span { font-size: 14px; color: rgb(111, 216, 255); line-height: 34px; } .ship-item .center .holosmallbtn { position: absolute; right: 125px; top: 91px; } #store-wrapper .ship-item .center .not-available { position: absolute; right: 93px; top: 137px; text-shadow: rgb(0, 231, 255) 0px 0px 20px; display: block; font-size: 11px; text-transform: uppercase; color: rgb(20, 230, 250); } #store-wrapper .ship-item .center .arrows { position: absolute; right: 43px; top: 43px; } #store-wrapper .ship-item .center > .arrow { background: center center no-repeat; width: 46px; height: 43px; display: block; top: 2px; position: absolute; } #store-wrapper .ship-item .center .arrow1 { right: 21px; } #store-wrapper .ship-item .center .arrow2 { right: 14px; } #store-wrapper .ship-item .center .arrow3 { right: 7px; } #store-wrapper .ship-item .center :hover .arrow { animation-fill-mode: forwards; } #store-wrapper .ship-item .center :hover .arrow1 { animation: 0.1s linear 0s 1 normal none running arrow; } #store-wrapper .ship-item .center :hover .arrow2 { animation: 0.3s linear 0s 1 normal none running arrow; } #store-wrapper .ship-item .center :hover .arrow3 { animation: 0.5s linear 0s 1 normal none running arrow; } #store-wrapper .ship-item > .bottom { bottom: -31px; left: 20px; position: absolute; width: 779px; height: 31px; background: right bottom; z-index: 2; } #store-wrapper .ship-item > .bottom .spec { opacity: 1; line-height: 31px; font-size: 10px; color: rgb(44, 121, 159); display: inline-block; width: 167px; text-align: center; } #store-wrapper .ship-item > .bottom .spec span { font-size: 14px; color: rgb(111, 216, 255); } #store-wrapper .ship-item:hover:hover .top { opacity: 1; } #store-wrapper .ship-item:hover .center .gradient { opacity: 0.4; } .ajax-content { position: absolute; opacity: 0; right: -255px; top: 0px; width: 255px; height: 288px; background-color: rgba(0, 12, 19, 0.8); z-index: 3; transition-delay: 0.3s; } .suggested-block { width: 255px; height: 288px; position: relative; } .suggested-block * { font-family: Electrolize; } .suggested-block .top { position: absolute; bottom: 183px; left: 30px; width: 210px; } .suggested-block .bottom { position: absolute; top: 173px; left: 30px; } .suggested-block .title { font-size: 16px; color: rgb(111, 216, 255); text-transform: uppercase; text-shadow: rgb(0, 231, 255) 0px 0px 20px; } .suggested-block .type { font-size: 16px; color: rgb(158, 159, 159); text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 0px; } .ship-item.check .center .ajax-content { right: 0px; top: 0px; z-index: 6; opacity: 1; } .ship-item.check.available .center .holosmallbtn.available { right: 75px; z-index: 6; } .ship-item.check.unavailable .center .holosmallbtn.unavailable { right: 75px; z-index: 6; } #store-wrapper .ship-section { margin-top: 25px; } #store-wrapper .ship-section > .inner { padding-top: 30px; position: relative; } #buying-options { margin-bottom: 60px; } #buying-options * { font-family: Electrolize; } #buying-options h3 { color: rgb(204, 228, 244); font-size: 18px; height: 20px; line-height: 20px; margin: 0px 0px 30px; } #buying-options h3 span { width: 5px; height: 20px; margin: 0px 21px; display: block; float: left; background-color: rgb(77, 255, 255); } #buying-options .type, #buying-options .type a { color: rgb(111, 216, 255); font-size: 18px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 600px; } #buying-options .buying-options-content .type span { color: rgb(158, 159, 159); font-size: 12px; text-transform: none; display: block; } #buying-options .buying-options-content { background-color: rgba(1, 23, 40, 0.5); padding: 40px 48px; margin-bottom: 30px; position: relative; border: 1px solid rgb(29, 65, 101); } #buying-options .buying-options-content .lcol { width: 190px; float: left; } #buying-options .buying-options-content .lcol p { color: rgb(177, 216, 241); font-size: 14px; margin: 0px 0px 20px; } #buying-options .buying-options-content .lcol .add-cart { margin-left: -26px; } #buying-options .buying-options-content .rcol { width: 820px; float: right; } #buying-options .buying-options-content .rcol .item { overflow: hidden; background: 0% 0% repeat scroll rgb(0, 0, 0); z-index: 3; position: relative; width: 818px; height: 288px; border: 1px solid rgb(27, 66, 104); } #buying-options .buying-options-content .rcol .item > img { position: absolute; left: 0px; top: 0px; z-index: 3; width: 818px; height: 288px; } #buying-options .buying-options-content .rcol .item .gradient { display: block; z-index: 4; opacity: 0; width: 100%; height: 100%; background: repeat-y; position: absolute; top: 0px; left: 0px; } #buying-options .buying-options-content .rcol .item .blue-overlay { z-index: 3; width: 818px; height: 290px; position: absolute; left: 0px; top: 0px; background: repeat; } #buying-options .buying-options-content .rcol .item .filet { display: block; z-index: 5; position: absolute; left: -41px; top: 50%; margin-top: -68px; width: 901px; height: 136px; background: center center; } #buying-options .buying-options-content .rcol .item .filet .name { position: absolute; left: 65px; top: 50%; margin-top: -17px; line-height: 34px; font-size: 18px; text-transform: uppercase; color: rgb(193, 238, 254); } #buying-options .buying-options-content .rcol .item .filet .name span { font-size: 14px; color: rgb(111, 216, 255); line-height: 34px; } #buying-options .buying-options-content .rcol h4 { font-size: 14px; text-transform: uppercase; color: rgb(177, 216, 241); } #buying-options .buying-options-content .rcol ul { padding: 0px; list-style: inside none; margin-left: -10px; } #buying-options .buying-options-content .rcol ul li { background: left center no-repeat; padding-left: 23px; width: 190px; float: left; margin: 0px 35px 15px 0px; font-size: 12px; color: rgb(124, 149, 159); } #buying-options .buying-options-content .rcol ul li span { color: rgb(111, 216, 255); text-transform: uppercase; } #buying-options .row { width: 100%; height: 80px; margin: 0px 0px 7px; background-color: rgba(1, 23, 40, 0.5); position: relative; border-bottom: 1px solid rgb(29, 65, 101); } #buying-options .row .type { margin: 0px 0px 0px 30px; display: inline-block; padding-top: 19px; line-height: 18px; } #buying-options .row .type span { display: inline-block; font-size: 13px; } #buying-options .row .add-cart { float: right; margin-top: -10px; } #buying-options .row .advice { color: rgb(0, 255, 0); } #buying-options .row:hover { background-color: rgba(1, 23, 40, 0.2); } #store-wrapper .ship-section.sku-section { margin-top: 0px; } #store-wrapper .detail-section.sku-section { margin-top: 30px; } #store-wrapper .detail-section.sku-section .block-title { margin-bottom: 6px; } #store.sku-detail h4 { font-size: 14px; color: rgb(178, 222, 238); text-transform: uppercase; margin: 30px 0px 5px 22px; } #store.sku-detail h4 span { text-transform: none; } #store.sku-detail #content-body ul { margin: 0px; padding: 0px; list-style: none; } #store.sku-detail .lcol { width: 240px; padding: 0px 0px 50px 38px; float: left; color: rgb(177, 216, 241); font-size: 16px; margin-top: 40px; } #store.sku-detail .lcol * { font-family: Electrolize; } #store.sku-detail .lcol h4 { margin-left: 0px; } #store.sku-detail .lcol p { color: rgb(177, 216, 241); font-size: 14px; line-height: 25px; } #store.sku-detail .lcol > a, #store.sku-detail .lcol p a { border-bottom: 1px dotted rgb(169, 199, 207); color: rgb(169, 199, 207); } #store.sku-detail .lcol > a:hover, #store.sku-detail .lcol p a:hover { border-bottom: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); } #store.sku-detail .lcol .selection { padding: 0px 20px; width: 183px; height: 95px; background: center center no-repeat rgba(1, 23, 40, 0.5); border: 1px solid rgb(29, 65, 101); position: relative; } #store.sku-detail .lcol .selection a { margin: 10px 0px 0px 5px; border: 1px solid rgb(14, 33, 50); width: 35px; height: 31px; line-height: 31px; font-size: 12px; color: rgb(111, 216, 255); text-align: center; background: rgba(0, 0, 0, 0.5); display: inline-block; } #store.sku-detail .lcol .selection a.none { opacity: 0.5; } #store.sku-detail .lcol .selection a:hover, #store.sku-detail .lcol .selection a.on { width: 35px; height: 31px; background: rgb(0, 0, 0); border: 1px solid rgb(16, 174, 255); box-shadow: rgba(0, 108, 255, 0.5) 0px 0px 28px 0px; } .selection-sku > .inner { position: relative; } .selection-sku > .inner .line { width: 2px; height: 100%; position: absolute; left: 30px; top: 0px; background-color: rgb(28, 64, 100); } .selection-sku > .inner a { padding: 0px 0px 0px 9px; width: 215px; overflow: hidden; position: relative; border: 1px solid rgb(29, 63, 98); margin-top: -1px; display: block; clear: both; background: left top repeat-y; } .selection-sku > .inner a:hover { background-color: rgba(29, 63, 98, 0.5); } .selection-sku > .inner a .text { display: table-cell; position: relative; vertical-align: middle; background: left center no-repeat; font-family: Electrolize; white-space: normal; font-size: 14px; color: rgb(136, 163, 173); font-weight: 400; padding: 5px 0px 5px 45px; } .selection-sku > .inner a .glow { width: 5px; height: 50%; position: absolute; top: 25%; background-color: rgb(66, 237, 248); } .selection-sku > .inner a .glow.left { left: -5px; } .selection-sku > .inner a .glow.right { right: -5px; } .selection-sku > .inner a:hover .glow.left, .selection-sku > .inner a:hover .glow.right { box-shadow: rgb(66, 237, 248) 0px 1px 20px 0px; } .selection-sku > .inner a .text { background: 0px 0px; } .selection-sku > .inner a:hover .text, .selection-sku > .inner a.on .text { background: 7px center no-repeat; opacity: 0.5; } .selection-sku > .inner a.on .text { opacity: 1; } .selection-sku > .inner a:hover .glow.left { left: -1px; } .selection-sku > .inner a:hover .glow.right { right: -1px; } .selection-sku > .inner a .glow.left .top, .selection-sku > .inner a .glow.right .top, .selection-sku > .inner a .glow.left .bottom, .selection-sku > .inner a .glow.right .bottom { padding: 0px; margin: 0px; position: absolute; width: 0px; height: 0px; border-style: solid; } .selection-sku > .inner a .glow.left .top { left: 0px; top: -5px; border-width: 5px 0px 0px 5px; border-color: transparent transparent transparent rgb(66, 236, 248); } .selection-sku > .inner a .glow.left .bottom { left: 0px; bottom: -5px; border-width: 5px 5px 0px 0px; border-color: rgb(66, 236, 248) transparent transparent; } .selection-sku > .inner a .glow.right .top { left: 0px; top: -5px; border-width: 5px 5px 5px 0px; border-color: transparent rgb(66, 236, 248) transparent transparent; } .selection-sku > .inner a .glow.right .bottom { left: 0px; bottom: -5px; border-width: 0px 5px 5px 0px; border-color: transparent rgb(66, 236, 248) transparent transparent; } #store.sku-detail .lcol .stock { font-size: 14px; } #store.sku-detail .lcol .add-cart { margin-left: -50px; border: none; } #store.sku-detail .lcol .add-cart:hover { border: none; } #store.sku-detail .rcol { width: 860px; float: right; margin-top: 40px; } #store.sku-detail .rcol .no-carousel { border: 1px solid rgb(2, 56, 103); width: 800px; height: 300px; margin: 0px auto 30px; } #store.sku-detail .rcol .carousel-holder { width: 860px; height: 373px; position: relative; background: center top no-repeat; } #store.sku-detail .rcol .carousel-holder.no-carousel { background: center top no-repeat; margin: 0px; } #store.sku-detail .rcol .carousel-holder-sku.no-carousel { border: 0px; } #store.sku-detail .rcol .carousel-holder .nav a { width: 12px; height: 141px; display: block; position: absolute; top: 75px; background: ; } #store.sku-detail .rcol .carousel-holder .nav a.left { background-position: left top; left: 19px; } #store.sku-detail .rcol .carousel-holder .nav a.right { background-position: right top; right: 19px; } #store.sku-detail .rcol .carousel-holder .nav a span { width: 109px; height: 116px; display: block; position: absolute; background: ; } #store.sku-detail .rcol .carousel-holder .nav a.left span.top { background-position: left top; left: -48px; top: -11px; } #store.sku-detail .rcol .carousel-holder .nav a.left span.bottom { background-position: left bottom; left: -48px; bottom: -11px; } #store.sku-detail .rcol .carousel-holder .nav a.right span.top { background-position: right top; right: -48px; top: -11px; } #store.sku-detail .rcol .carousel-holder .nav a.right span.bottom { background-position: right bottom; right: -48px; bottom: -11px; } #store.sku-detail .rcol .carousel-holder .nav a.left:hover span.top { top: 16px; } #store.sku-detail .rcol .carousel-holder .nav a.left:hover span.bottom { bottom: 16px; } #store.sku-detail .rcol .carousel-holder .nav a.right:hover span.top { top: 16px; } #store.sku-detail .rcol .carousel-holder .nav a.right:hover span.bottom { bottom: 16px; } #store.sku-detail .rcol .carousel-holder.carousel-holder-ship .nav a { width: 31px; height: 118px; display: none; background: center top no-repeat; } #store.sku-detail .rcol .carousel-holder.carousel-holder-ship .nav a span { display: none; } #store.sku-detail .rcol .carousel-sku { position: relative; overflow: hidden; width: 720px; height: 373px; margin: 0px auto; } #store.sku-detail .rcol .carousel-sku .viewport { position: relative; height: 307px; } #store.sku-detail .rcol .carousel-sku .viewport .slide { float: left; width: 720px; height: 100%; overflow: hidden; } #store.sku-detail .rcol .carousel-sku .viewport .slide img { width: 318px; height: 248px; display: block; position: relative; border: 1px solid rgb(2, 56, 103); margin: 28px 20px 0px; float: left; } #store.sku-detail .rcol .carousel-sku .viewport .slide.single img { float: none; margin: 28px auto 0px; } #store.sku-detail .rcol .carousel .pager { text-align: center; width: 200px; height: 24px; margin: -2px auto 0px; position: relative; background: center bottom; } #store.sku-detail .rcol .carousel .pager .left, #store.sku-detail .rcol .carousel .right { z-index: 3; position: absolute; width: 23px; height: 23px; background: ; margin: 0px; } #store.sku-detail .rcol .carousel .pager .left { background-position: left top; left: -23px; bottom: 0px; } #store.sku-detail .rcol .carousel .pager .right { background-position: right top; right: -23px; bottom: 0px; } #store.sku-detail .rcol .carousel .pager a { top: -6px; z-index: 4; position: relative; } #store.sku-detail .rcol .carousel .pager a:hover, #store.sku-detail .rcol .carousel .pager a.on { transform: rotate(270deg); } #store.sku-detail .rcol .carousel .pager a:hover span, #store.sku-detail .rcol .carousel .pager a.on span { opacity: 1; } #store.sku-detail .rcol .carousel .pager .left span, #store.sku-detail .rcol .carousel .pager .right span { width: 125px; height: 118px; display: block; top: -48px; position: absolute; background: ; } #store.sku-detail .rcol .carousel .pager .left span { left: -37px; } #store.sku-detail .rcol .carousel .pager .right span { right: -37px; background-position: right center; } #store.sku-detail .rcol .carousel-holder-ship { width: 819px; height: 373px; margin: 0px auto; position: relative; background: center top no-repeat; } #store.sku-detail .rcol .carousel-holder-ship.no-carousel { background: 0px 0px; height: 330px; border: 0px; margin: 0px auto; } #store.sku-detail .rcol .carousel-ship { width: 819px; height: 360px; margin: 0px auto; position: relative; overflow: hidden; } #store.sku-detail .rcol .carousel-ship .viewport { width: 819px; border: 1px solid rgb(27, 66, 104); height: 288px; background: rgba(0, 0, 0, 0.5); margin: 0px auto; position: relative; } #store.sku-detail .rcol .carousel-ship .viewport .slide { width: 819px; height: 288px; float: left; position: relative; } #store.sku-detail .rcol .carousel-ship .viewport .slide img { width: 818px; height: 288px; position: relative; } #store.sku-detail .rcol .carousel-ship .viewport .slide .blue-overlay { width: 818px; height: 288px; position: absolute; left: 0px; top: 0px; background: repeat; } #store.sku-detail .rcol .carousel-ship .info { z-index: 8; position: absolute; top: 0px; left: -37px; background: repeat; width: 919px; height: 288px; } #store.sku-detail .rcol .carousel-ship .info * { font-family: Electrolize; } #store.sku-detail .rcol .carousel-ship .info .name { position: absolute; z-index: 9; left: 65px; top: 50%; margin-top: -17px; line-height: 34px; font-size: 18px; text-transform: uppercase; color: rgb(193, 238, 254); } #store.sku-detail .rcol .carousel-ship .info .name span { font-size: 14px; color: rgb(111, 216, 255); line-height: 34px; } #store.sku-detail .rcol .carousel-ship .info .manufacturer { color: rgb(111, 216, 255); font-size: 12px; position: absolute; right: 55px; top: 50%; margin-top: -19px; line-height: 34px; transition-delay: 0.2s; } #store.sku-detail .rcol .carousel-ship .info .manufacturer img { margin-left: 5px; } #store.sku-detail .rcol .carousel-ship .pager { margin-top: 15px; } #store.sku-detail .rcol .package-listing { width: 776px; margin: 0px auto; } #store.sku-detail .rcol .package-listing * { font-family: Electrolize; } #store.sku-detail .rcol .package-listing ul { position: relative; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: rgb(29, 65, 101); border-bottom-color: rgb(29, 65, 101); border-image: initial; border-left-style: initial; border-left-color: initial; border-right-style: initial; border-right-color: initial; padding: 0px; } #store.sku-detail .rcol .package-listing.special ul { background: center center no-repeat rgba(1, 23, 40, 0.5); border: 1px solid rgb(29, 65, 101); padding: 25px 0px 10px 125px; } #store.sku-detail .rcol .package-listing.special li { width: 230px; float: left; margin: 0px 43px 15px 0px; font-size: 12px; color: rgb(136, 163, 173); } #store.sku-detail .rcol .package-listing.special li span { color: rgb(111, 216, 255); text-transform: uppercase; } #store.sku-detail .rcol .package-listing.ship li { min-height: 66px; position: relative; background: center center no-repeat rgba(1, 23, 40, 0.5); padding: 27px 0px 27px 267px; border-width: 0px 1px; border-right-style: solid; border-left-style: solid; border-right-color: rgb(29, 65, 101); border-left-color: rgb(29, 65, 101); border-image: initial; border-top-style: initial; border-top-color: initial; border-bottom-style: initial; border-bottom-color: initial; } #store.sku-detail .rcol .package-listing.ship li img { width: 186px; height: 63px; border: 1px solid rgb(10, 56, 100); display: block; position: absolute; left: 44px; top: 50%; margin-top: -31px; } #store.sku-detail .rcol .package-listing.ship li a { opacity: 0; color: rgb(20, 230, 250); font-size: 11px; text-transform: uppercase; position: absolute; right: 0px; top: 50%; line-height: 46px; height: 43px; margin-top: -22px; padding-right: 65px; } #store.sku-detail .rcol .package-listing.ship li a .arrow { background: center center no-repeat; width: 46px; height: 43px; display: block; top: 0px; position: absolute; } #store.sku-detail .rcol .package-listing.ship li a .arrow1 { right: 21px; } #store.sku-detail .rcol .package-listing.ship li a .arrow2 { right: 14px; } #store.sku-detail .rcol .package-listing.ship li a .arrow3 { right: 7px; } #store.sku-detail .rcol .package-listing.ship li .info { font-size: 12px; color: rgb(136, 163, 173); line-height: 22px; } #store.sku-detail .rcol .package-listing.ship li .info span { color: rgb(111, 216, 255); text-transform: uppercase; } #store.sku-detail .rcol .package-listing.ship li:hover { background: center center no-repeat rgba(1, 23, 40, 0.2); } #store.sku-detail .rcol .package-listing.ship li:hover img { border-color: rgb(16, 174, 255); box-shadow: rgba(0, 108, 255, 0.5) 0px 0px 28px 0px; } #store.sku-detail .rcol .package-listing.ship li:hover a { opacity: 1; } #store.sku-detail .rcol .package-listing.ship li:hover a .arrow { animation-fill-mode: forwards; } #store.sku-detail .rcol .package-listing.ship li:hover a .arrow1 { animation: 0.3s linear 0s 1 normal none running arrow; } #store.sku-detail .rcol .package-listing.ship li:hover a .arrow2 { animation: 0.5s linear 0s 1 normal none running arrow; } #store.sku-detail .rcol .package-listing.ship li:hover a .arrow3 { animation: 0.7s linear 0s 1 normal none running arrow; } .package-listing.item ul { margin: 0px auto; position: relative; background: rgba(1, 23, 40, 0.5); border: 1px solid rgb(29, 65, 101); padding: 25px 0px 10px; list-style: none; } .package-listing.item li { background: left center no-repeat; padding-left: 23px; width: 190px; float: left; margin: 0px 0px 15px 35px; font-size: 12px; color: rgb(124, 149, 159); } #store.sku-detail .rcol .package-listing.item ul { background: rgba(1, 23, 40, 0.5); border: 1px solid rgb(29, 65, 101); padding: 25px 0px 10px; } #store.sku-detail .rcol .package-listing.item li { background: left center no-repeat; padding-left: 23px; width: 190px; float: left; margin: 0px 0px 15px 35px; font-size: 12px; color: rgb(124, 149, 159); } #store.sku-detail .rcol .wrapper { max-width: 776px; float: right; margin-right: 42px; z-index: 2; } #store.sku-detail .rcol .wrapper .content-block1, #store.sku-detail .rcol .wrapper .content-block1 .content { border: none; background: 0px 0px; padding: 0px; margin: 0px; } #store.sku-detail .rcol .wrapper .content-block1 .content p { width: auto; min-width: inherit; max-width: inherit; color: rgb(177, 216, 241); font-family: Electrolize; line-height: 25px; } #store.sku-detail .rcol .wrapper .content-block1 .content a, #store.sku-detail .rcol .wrapper .content-block1 .content p a { color: rgb(179, 212, 252); text-decoration: underline; } #store.sku-detail .rcol .wrapper .content-block1 .content a:hover, #store.sku-detail .rcol .wrapper .content-block1 .content p a:hover { border-bottom: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); } #store.sku-detail .rcol .wrapper .content-block1 .top-line, #store.sku-detail .rcol .wrapper .content-block1 .corner { display: none; } .modals.sku_detail_zoom.lightbox > .shader { opacity: 0.5 !important; } .modals.sku_detail_zoom .top-border, .modals.sku_detail_zoom .bottom-border { display: none; } .modals.sku_detail_zoom .modal-inner { background: 0px 0px; border: none; overflow: visible; } .modals.sku_detail_zoom .modal-inner .close { margin: 0px; position: absolute; z-index: 1; right: 2px; top: 1px; background: no-repeat; width: 32px; height: 32px; } .modals.sku_detail_zoom .modal-inner .inner-content { overflow: visible; } .modals.sku_detail_zoom #sku-detail-zoom { position: relative; max-width: 1070px; padding: 30px; border: 1px solid rgb(27, 66, 104); background: 0% 0% repeat scroll rgb(0, 0, 0); box-shadow: rgba(0, 108, 255, 0.5) 0px 0px 10px 0px; } .modals.sku_detail_zoom #sku-detail-zoom > div { opacity: 0; } .modals.sku_detail_zoom #sku-detail-zoom .download_source { width: 823px; height: 107px; background: center center; position: absolute; bottom: -48px; left: 50%; margin-left: -412px; } .modals.sku_detail_zoom #sku-detail-zoom .download_source a { display: block; margin: 36px auto 0px; height: 43px; width: 120px; position: relative; } .modals.sku_detail_zoom #sku-detail-zoom .download_source a .text { font-size: 12px; color: rgb(177, 216, 241); font-family: Electrolize; line-height: 43px; opacity: 0.25; height: 43px; display: block; } .modals.sku_detail_zoom #sku-detail-zoom .download_source a .icon { position: absolute; left: 100px; top: -2px; width: 27px; height: 35px; background: center bottom no-repeat; } .modals.sku_detail_zoom #sku-detail-zoom .download_source a .icon span { opacity: 0.5; display: block; background: center top no-repeat; width: 27px; height: 35px; position: absolute; top: 10px; left: 0px; } .modals.sku_detail_zoom #sku-detail-zoom .download_source a:hover .text { opacity: 1; } .modals.sku_detail_zoom #sku-detail-zoom .download_source a:hover .icon span { top: 14px; opacity: 1; } .modals.sku_detail_zoom #sku-detail-zoom .to-zoom { width: 710px; height: 516px; border: 1px solid rgb(27, 66, 104); float: left; position: relative; } .modals.sku_detail_zoom #sku-detail-zoom .to-zoom img { width: 710px; height: 516px; } .modals.sku_detail_zoom #sku-detail-zoom #target-zoom { width: 276px; height: 516px; border: 1px solid rgb(27, 66, 104); float: right; position: relative; } .zoomContainer { display: none; } #store-wrapper #variant-matrix.hide { display: none; } #store-wrapper #statsapp { margin-top: 25px; } #store-wrapper #statsapp #resetships { display: none; } #store-wrapper #statsapp #compareitems { display: none; } #store-wrapper #statsapp .shiftbtn { display: none; } #store-wrapper #statsapp .ship .shipcompare { visibility: hidden; } #store-wrapper #statsapp #statsheadings .statboxcontainer-wrapper::before, #store-wrapper #statsapp #statsheadings .statboxcontainer-wrapper::after { background-size: auto; } #store-wrapper .hr { background-color: rgb(0, 158, 255); opacity: 0.15; height: 8px; width: 100%; margin: 60px 0px 6px; } #store-wrapper .currency-selector { width: 140px; background: rgba(0, 0, 0, 0.5); } #store-wrapper select.currency-selector { background: right center no-repeat scroll rgb(0, 0, 0); } #store-wrapper .content-block4 { z-index: 1; position: relative; } #store-wrapper fieldset { float: right; margin: 8px 10px 0px 0px; } #store-wrapper fieldset input[type="text"].search { width: 300px; padding: 7px 15px; float: right; margin: 0px 10px; } #store-wrapper fieldset .submit-wrapper { float: right; } .modals.ship_commercial .top-border, .modals.ship_commercial .bottom-border { display: none; } .modals.ship_commercial .modal-inner { background: 0px 0px; border: none; } .modals.ship_commercial .shader { opacity: 0.5 !important; } .modals.ship_commercial .modal-inner { overflow: visible; } .modals.ship_commercial .modal-inner .close { margin: 0px; position: absolute; z-index: 2; right: 30px; top: 49px; background: no-repeat; width: 32px; height: 32px; } .modals.ship_commercial .hr { background-color: rgb(0, 158, 255); opacity: 0.15; height: 8px; width: 100%; margin: 0px 0px 6px; } .modals.ship_commercial .content-block4 { z-index: 1; position: relative; } .modals.ship_commercial .content-block4 h1 { color: rgb(0, 231, 255); text-transform: uppercase; font-size: 24px; font-family: Electrolize; background: left center no-repeat; padding: 8px 10px 8px 60px; margin: 0px; clear: none; display: inline; float: left; } .modals.ship_commercial .content-block4 h1 a { color: rgb(0, 231, 255); text-transform: uppercase; font-size: 24px; font-family: Electrolize; } .modals.ship_commercial .content-block4 h1 a:hover { text-shadow: rgb(255, 255, 255) 0px 0px 20px; } .modals.ship_commercial .content-block4 h1 strong { color: rgb(255, 255, 255); text-transform: uppercase; font-size: 24px; font-family: Electrolize; } .modals.ship_commercial .content-block4 h1 img { margin-top: -5px; } .modals.ship_commercial .content-block4 .selectlist { float: right; margin: 9px; } .modals.ship_commercial .content-block4 .content { background: 0% 0% repeat scroll rgba(0, 0, 0, 0.5); } .modals.ship_commercial #ship-commercial { max-width: 1140px; padding: 25px; border: 1px solid rgb(27, 66, 104); background: rgb(0, 0, 0); box-shadow: rgba(0, 108, 255, 0.5) 0px 0px 10px 0px; } .modals.ship_commercial #ship-commercial #commercial { width: 1060px; height: 596px; } #store-wrapper.ship-detail { background: center -172px no-repeat rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 0px 20px 20px -20px inset; } #store-wrapper.ship-detail .wcontent .content-block4 { margin: 0px 0px 40px; } #store-wrapper.ship-detail .ship-section.sku-section .wcontent .content-block4 { margin: 0px; } #store-wrapper.ship-detail .hr { margin-top: 0px; } #store-wrapper.ship-detail section, #store-wrapper.ship-detail section#intro .description { padding-top: 115px; } #store-wrapper.ship-detail section#intro { padding-top: 75px; } #store-wrapper.ship-detail section#intro .description .suggested-block { width: auto; height: auto; clear: both; } #store-wrapper.ship-detail section#intro .description .suggested-block .top, #store-wrapper.ship-detail section#intro .description .suggested-block .bottom { width: auto; position: relative; left: inherit; top: inherit; bottom: inherit; } #store-wrapper.ship-detail div.prod-status { margin-bottom: 45px; } #store-wrapper.ship-detail div.prod-status p { font-family: Electrolize; color: rgb(136, 163, 173); padding: 0px; margin: 0px; } #store-wrapper.ship-detail div.prod-status span { font-family: Electrolize; font-size: 16px; color: rgb(0, 222, 255); text-transform: uppercase; text-shadow: rgb(0, 132, 255) 0px 0px 20px; } #store-wrapper.ship-detail #intro { position: relative; max-width: 1200px; margin: auto; } #store-wrapper.ship-detail #intro .headline { height: 400px; position: relative; margin-bottom: 15px; } #store-wrapper.ship-detail #intro .headline .thumb { position: relative; height: 400px; } #store-wrapper.ship-detail #intro .headline .thumb img { position: relative; z-index: 1; height: 400px; } #store-wrapper.ship-detail #intro .headline .thumb .mask { background: center center no-repeat; position: absolute; z-index: 2; top: 0px; left: 0px; width: 100%; height: 100%; } #store-wrapper.ship-detail #intro .headline .thumb a { width: 100%; height: 100%; display: block; position: absolute; left: 0px; top: 0px; z-index: 3; opacity: 0; background: center center no-repeat; } #store-wrapper.ship-detail #intro .headline .thumb a:hover { opacity: 1; } #store-wrapper.ship-detail #intro .headline .thumb a span { display: block; font-family: Electrolize; font-size: 12px; text-transform: uppercase; color: rgb(255, 255, 255); width: 200px; text-align: center; position: absolute; left: 50%; bottom: 100px; margin-left: -105px; } #store-wrapper.ship-detail #intro .headline .thumb a:hover span { bottom: 125px; } #store-wrapper.ship-detail #intro .headline .titles { position: absolute; bottom: 0px; left: 55px; z-index: 3; } #store-wrapper.ship-detail #intro .headline .titles h1 { font-size: 48px; color: rgb(177, 216, 241); text-transform: uppercase; margin: 0px; max-width: 660px; line-height: 46px; } #store-wrapper.ship-detail #intro .headline .titles h1 span { color: rgb(106, 193, 230); font-size: 11px; font-family: Electrolize; display: inline-block; margin: 0px 10px; text-shadow: rgb(0, 132, 255) 0px 0px 15px; } #store-wrapper.ship-detail #intro .headline .titles h1 .icon { display: inline-block; } #store-wrapper.ship-detail #intro .headline .titles div { font-size: 32px; color: rgb(44, 121, 159); font-family: Electrolize; } #store-wrapper.ship-detail #intro .headline.noimg { height: auto; } #store-wrapper.ship-detail #intro .headline.noimg .thumb { height: 200px; } #store-wrapper.ship-detail #intro .headline.noimg .thumb .mask { display: none; } #store-wrapper.ship-detail #intro .subnav-placeholder { height: 49px; } #store-wrapper.ship-detail #intro .subnav { position: relative; width: 100%; height: 49px; z-index: 1500; } #store-wrapper.ship-detail #intro .subnav .wcontent { padding-top: 15px; height: 34px; background: center top repeat-x; } #store-wrapper.ship-detail #intro .subnav .wcontent.no-variant { background: center bottom repeat-x; } #store-wrapper.ship-detail #intro .subnav a.anchor { display: block; float: left; height: 21px; font-family: Electrolize; font-size: 12px; color: rgb(255, 255, 255); line-height: 20px; text-transform: uppercase; padding: 0px 15px; position: relative; z-index: 2; text-shadow: rgb(0, 231, 255) 0px 0px 15px; } #store-wrapper.ship-detail #intro .subnav a.anchor:hover, #store-wrapper.ship-detail #intro .subnav a.anchor.active { border-bottom: 4px solid rgb(0, 231, 255); } #store-wrapper.ship-detail #intro .subnav a.anchor.first { margin-left: 45px; } #store-wrapper.ship-detail #intro .subnav .variant-selector { z-index: 20; font-family: Electrolize; font-size: 12px; color: rgb(106, 193, 230); text-transform: uppercase; display: flex; flex-direction: column; padding-left: 45px; width: 220px; height: 49px; line-height: 50px; position: absolute; right: 94px; top: 0px; } #store-wrapper.ship-detail #intro .subnav .variant-selector .variant-selector-title { text-align: center; width: 193px; font-family: Electrolize; display: flex; align-items: center; line-height: 1.4em; padding-right: 37px; min-height: 50px; } #store-wrapper.ship-detail #intro .subnav .variant-selector .variant-selector-title span { background: no-repeat; width: 37px; height: 32px; display: inline-block; position: absolute; top: 8px; right: 0px; } #store-wrapper.ship-detail #intro .subnav .variant-selector .variants { border-right: 1px solid rgb(41, 73, 97); border-bottom: 1px solid rgb(41, 73, 97); border-left: 1px solid rgb(41, 73, 97); border-image: initial; border-top: none; cursor: pointer; display: none; margin-left: -5px; background: left top repeat-y; } #store-wrapper.ship-detail #intro .subnav .variant-selector .variants .glow { left: -7px; top: -14px; position: absolute; width: 319px; height: 106px; display: block; background: no-repeat; } #store-wrapper.ship-detail #intro .subnav .variant-selector .variants a { opacity: 0.5; text-transform: none; border-bottom: 1px solid rgb(41, 73, 97); font-size: 14px; color: rgb(66, 237, 248); font-family: Electrolize; line-height: 1.2em; display: block; width: 222px; padding: 20px 10px 20px 47px; position: relative; box-sizing: border-box; } #store-wrapper.ship-detail #intro .subnav .variant-selector .variants a.last { border-bottom: none; } #store-wrapper.ship-detail #intro .subnav .variant-selector .variants a .radio { position: absolute; left: 10px; top: 50%; margin-top: -14px; width: 28px; height: 28px; background: center top; } #store-wrapper.ship-detail #intro .subnav .variant-selector .variants a .radio span { display: block; opacity: 0.5; position: absolute; top: 1px; left: 0px; width: 28px; height: 28px; background: center bottom; } #store-wrapper.ship-detail #intro .subnav .variant-selector:hover { color: rgb(255, 255, 255); } #store-wrapper.ship-detail #intro .subnav .variant-selector:hover .variants { display: block; } #store-wrapper.ship-detail #intro .subnav .variant-selector .variants a:hover { opacity: 1; } #store-wrapper.ship-detail #intro .subnav .variant-selector .variants a:hover .radio span { opacity: 1; } #store-wrapper.ship-detail #intro .subnav .variant-selector .variants a.active, #store-wrapper.ship-detail #intro .subnav .variant-selector .variants a:hover .radio span { opacity: 1; color: rgb(255, 255, 255); } #store-wrapper.ship-detail #intro .subnav.js-fixed { position: fixed; left: 0px; top: 110px; padding-top: 10px; height: 90px; background: linear-gradient(rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); } #store-wrapper.ship-detail section#intro .description { position: relative; padding: 66px 0px 0px 90px; } #store-wrapper.ship-detail section#intro .description .excerpt { max-width: 60%; float: left; font-family: Electrolize; font-size: 14px; color: rgb(177, 216, 241); margin: 0px 0px 25px; } #store-wrapper.ship-detail section#intro .description .bt-brochure { float: right; } #store-wrapper.ship-detail section#intro .description .detail { clear: both; color: rgb(0, 255, 0); font-family: Electrolize; font-size: 12px; } #store-wrapper.ship-detail section#intro .description .price { color: rgb(255, 174, 0); text-shadow: rgb(0, 0, 0) 2px 2px 0px; font-family: Electrolize; font-size: 22px; text-transform: uppercase; margin: 4px 0px 30px; } #store-wrapper.ship-detail section#intro .description .price span { font-family: Electrolize; } #store-wrapper.ship-detail section#intro .description .price span.super { font-size: 14px; vertical-align: text-top; } #store-wrapper.ship-detail section#intro .description .price span.super .currency { color: rgb(255, 255, 255); } #store-wrapper.ship-detail section#intro .description .holobtn { margin-left: -29px; text-transform: uppercase; } #store-wrapper.ship-detail section#intro .description .holobtn.inactive { opacity: 0.5; cursor: default; } #store-wrapper.ship-detail .ship-slideshow .nav { width: 1184px; height: 215px; margin-left: -20px; background: no-repeat; position: relative; text-align: center; } #store-wrapper.ship-detail .ship-slideshow .nav .arrow { background: no-repeat; font-size: 12px; font-weight: 700; color: rgb(26, 253, 248); position: absolute; top: 27px; width: 59px; height: 60px; font-family: Electrolize; } #store-wrapper.ship-detail .ship-slideshow .nav .arrow.prev { left: 46px; background-position: left center; } #store-wrapper.ship-detail .ship-slideshow .nav .arrow.next { right: 46px; background-position: right center; } #store-wrapper.ship-detail .ship-slideshow .nav .thumb-wrap { display: inline-block; position: relative; margin: 23px auto; } #store-wrapper.ship-detail .ship-slideshow .nav .thumb-wrap .clipping { display: block; width: 990px; height: 65px; position: relative; overflow: hidden; } #store-wrapper.ship-detail .ship-slideshow .nav .thumb-wrap .thumbnails { display: block; height: 63px; position: absolute; top: 0px; left: 0px; } #store-wrapper.ship-detail .ship-slideshow .nav .thumb-wrap .pager { margin: 20px auto 0px; display: block; width: 225px; text-align: center; } #store-wrapper.ship-detail .ship-slideshow .nav .thumb-wrap .thumb { width: 186px; height: 63px; margin: 0px 5px; display: block; float: left; border: 1px solid transparent; } #store-wrapper.ship-detail .ship-slideshow .nav .thumb-wrap .thumb.on, #store-wrapper.ship-detail .ship-slideshow .nav .thumb-wrap .thumb:hover { border-color: rgb(16, 174, 255); } #store-wrapper.ship-detail .ship-slideshow .nav .thumb-wrap .thumb img { width: 186px; height: 63px; } #store-wrapper.ship-detail .ship-slideshow .nav .glow { display: block; width: 115px; height: 168px; position: absolute; top: -27px; } #store-wrapper.ship-detail .ship-slideshow .nav .glow.left { left: 0px; background-image: ; } #store-wrapper.ship-detail .ship-slideshow .nav .glow.right { right: 0px; background-image: ; } #store-wrapper.ship-detail .ship-slideshow .inner { position: relative; width: 1140px; min-height: 411px; overflow: hidden; } #store-wrapper.ship-detail .ship-slideshow .inner > .clipping { position: relative; margin: auto; } #store-wrapper.ship-detail .ship-slideshow .inner .placeholder { width: 1140px; height: 390px; position: relative; } #store-wrapper.ship-detail .ship-slideshow .inner .placeholder .slide { position: relative; float: left; width: 1138px; border: 1px solid rgb(29, 65, 101); height: 388px; background: 50% 50% / cover no-repeat; } #store-wrapper.ship-detail .ship-slideshow .inner .placeholder .slide .caption { position: absolute; bottom: -1px; left: 0px; width: 100%; background-color: rgba(0, 0, 0, 0.3); } #store-wrapper.ship-detail .ship-slideshow .inner .placeholder .slide .caption p { padding: 0px 30px; font-family: Electrolize; font-size: 14px; } #store-wrapper.ship-detail .ship-slideshow .inner .placeholder .slide:hover .caption { bottom: -1px; } #store-wrapper.ship-detail .ship-slideshow .inner .placeholder .slide .video-holder { background: 50% 50% no-repeat; height: 100%; z-index: 10; position: relative; cursor: pointer; } #store-wrapper.ship-detail .ship-slideshow .inner .placeholder .slide .download_source { z-index: 1; width: 823px; height: 107px; background: center center; position: absolute; bottom: -49px; left: 50%; margin-left: -412px; } #store-wrapper.ship-detail .ship-slideshow .inner .placeholder .slide .download_source a { display: block; margin: 36px auto 0px; height: 43px; width: 120px; position: relative; } #store-wrapper.ship-detail .ship-slideshow .inner .placeholder .slide .download_source a .text { font-size: 12px; color: rgb(177, 216, 241); font-family: Electrolize; line-height: 43px; opacity: 0.25; height: 43px; display: block; } #store-wrapper.ship-detail .ship-slideshow .inner .placeholder .slide .download_source a .icon { position: absolute; left: 100px; top: -2px; width: 27px; height: 35px; background: center bottom no-repeat; } #store-wrapper.ship-detail .ship-slideshow .inner .placeholder .slide .download_source a .icon span { opacity: 0.5; display: block; background: center top no-repeat; width: 27px; height: 35px; position: absolute; top: 10px; left: 0px; } #store-wrapper.ship-detail .ship-slideshow .inner .placeholder .slide .download_source a:hover .text { opacity: 1; } #store-wrapper.ship-detail .ship-slideshow .inner .placeholder .slide .download_source a:hover .icon span { top: 14px; opacity: 1; } #store-wrapper.ship-detail .viewer { width: 1138px; height: 517px; border: 1px solid rgb(29, 65, 102); margin: 0px auto; position: relative; } #store-wrapper.ship-detail .controls { border-top: 1px solid rgb(29, 65, 102); position: relative; width: 1097px; height: 269px; margin: 0px auto; background-image: ; } #store-wrapper.ship-detail .controls .btn-tab { display: block; position: absolute; top: -26px; width: 368px; height: 26px; font-size: 14px; color: rgb(9, 114, 132); text-transform: uppercase; font-family: Electrolize; text-align: center; } #store-wrapper.ship-detail .controls .btn-tab.tech { left: 178px; } #store-wrapper.ship-detail .controls .btn-tab.holo { left: 548px; } #store-wrapper.ship-detail .controls .btn-tab .tab, #store-wrapper.ship-detail .controls .btn-tab .hover { width: 368px; height: 26px; display: block; position: absolute; left: 0px; top: 0px; } #store-wrapper.ship-detail .controls .btn-tab .hover { opacity: 0; } #store-wrapper.ship-detail .controls .btn-tab:hover { color: rgb(0, 237, 255); } #store-wrapper.ship-detail .controls .btn-tab:hover .tab { opacity: 0; } #store-wrapper.ship-detail .controls .btn-tab:hover .hover { opacity: 1; } #store-wrapper.ship-detail .controls .control-camera { width: 210px; height: 210px; position: absolute; top: 10px; left: 15px; } #store-wrapper.ship-detail .controls .control-camera .pad { width: 58px; height: 117px; position: absolute; top: 10px; left: 70px; background: no-repeat; } #store-wrapper.ship-detail .controls .control-camera .pad a { width: 40px; height: 44px; display: block; position: absolute; } #store-wrapper.ship-detail .controls .control-camera .pad a span { opacity: 0; width: 72px; height: 76px; display: block; background: no-repeat; position: absolute; left: 0px; top: 0px; } #store-wrapper.ship-detail .controls .control-camera .pad a.orbit { left: 9px; top: 10px; } #store-wrapper.ship-detail .controls .control-camera .pad a.orbit span { left: -16px; top: -15px; } #store-wrapper.ship-detail .controls .control-camera .pad a:hover span { opacity: 1; } .bt-hex { display: block; width: 85px; height: 80px; position: absolute; bottom: -15px; right: 92px; z-index: 10; } .bt-hex * { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: 0px 0px no-repeat; } .bt-hex > .glow { width: 315px; height: 398px; background-image: ; top: -135px; left: -124px; } .bt-hex > .bg { background-image: ; } .bt-hex > .bg > .edge { background-image: ; } .bt-hex > .bg > .arrow { background: center center; } .bt-hex > .bg > .arrow:hover { background-position: center 3px; } .bt-hex > .bg > .label { width: 400px; font-size: 11px; color: rgb(73, 94, 108); text-align: right; left: auto; right: 85px; top: 17px; } .bt-hex > .bg > .label strong { font-family: Electrolize; font-size: 11px; color: rgb(106, 193, 230); margin-bottom: 15px; position: relative; height: auto; } .radio-pager { display: inline-block; width: 35px; height: 35px; background: 0px 0px no-repeat; } .radio-pager:hover, .radio-pager.on { transform: rotate(-90deg); } .radio-pager.on { background: 0px 0px no-repeat, 0px 0px no-repeat; } .radio-pager.small { width: 21px; height: 21px; background: center center no-repeat; } .radio-pager.small.on { background: center center no-repeat, center center no-repeat; } #post #store-wrapper { margin-top: 20px; } #post .store-embed { line-height: 1.4; } .taxes { cursor: pointer; overflow: hidden; width: 31px; height: 31px; background: center center no-repeat; position: absolute; right: -31px; top: -7px; z-index: 3; } .taxes * { font-family: Electrolize; } .taxes .taxes-details { padding: 10px 15px; box-shadow: rgb(0, 0, 0) 0px 0px 10px; background-color: rgb(9, 16, 24); border: 1px solid rgb(52, 80, 116); width: 130px; margin-left: -81px; opacity: 0; z-index: 1; position: absolute; top: 0px; left: 50%; text-transform: none; font-size: 10px; color: rgb(177, 216, 241); } .taxes .taxes-details .arrow { width: 14px; height: 9px; position: absolute; top: -9px; left: 50%; margin-left: -7px; background: center center no-repeat; } .taxes .taxes-details ul, .rsi-markup .segment .content .taxes .taxes-details ul { color: rgb(44, 121, 159); display: inline-block; padding: 0px; margin: 0px; list-style: none; } .taxes .taxes-details ul li, .rsi-markup .segment .content .taxes .taxes-details ul li { background: 0px 0px; padding-left: 0px; } .taxes:hover { overflow: visible; } .taxes:hover .taxes-details { opacity: 1; z-index: 6; top: 35px; } #store footer, #store footer > .wrapper { height: auto; } #store footer > .wrapper .line-menu.with-content { height: 440px; } #store footer .exterior-lines .line-menu.large { height: 522px; } #store .disclaimer { color: rgb(177, 169, 146); font-size: 14px; padding-left: 40px; padding-top: 3px; margin: 20px 0px 0px -40px; line-height: 25px; font-style: italic; font-family: Electrolize; background: left -5px no-repeat; } #store .disclaimer a { color: rgb(111, 216, 255); text-shadow: rgb(0, 132, 255) 0px 0px 15px; } #store .more-packages-notice { display: flex; justify-content: center; width: 100%; } #store .requirements { margin: 18px 0px 0px -20px; } #store .requirements .title { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 14px; color: rgb(115, 177, 203); display: inline-block; padding-left: 24px; position: relative; margin-left: -5px; } #store .requirements .title::before { transition-duration: 0.3s; perspective: 1000px; content: ""; position: absolute; width: 22px; height: 22px; left: 0px; top: -2px; background: center center no-repeat transparent; } #store .requirements .title.active::before { transform: rotate(90deg); } #store .requirements ul { padding-left: 0px; list-style-position: inside; margin: 12px 0px 6px 19px; max-height: 0px; overflow: hidden; transition-duration: 0.3s; perspective: 1000px; } #store .requirements ul.active { max-height: 200px; } #store .requirements ul li { font-family: Electrolize, sans-serif, Arial, Verdana; font-size: 12px; color: rgb(210, 210, 210); } #store .requirements ul li:last-child { padding-bottom: 20px; } .tablet_hide { display: none; } @media only screen and (max-width: 1360px) { #store-carousel .lgradient, #store-carousel .rgradient { display: none; } } @media only screen and (max-width: 1201px) { #store-carousel { display: none; } #store.is_tablet #store-carousel { display: block; } } @media only screen and (max-width: 1156px) { #store .wcontent { width: 930px; margin: auto; } #store-wrapper #holo-viewer.wcontent { width: 100%; } #store #store-carousel .wcontent, #store #store-carousel .carousel > .slide, #store #store-carousel .carousel > .slide .item { width: 946px; height: 331px; } #store #store-carousel .carousel > .slide .item .info .inner { height: 269px; padding: 50px 20px 12px 40px; } #store #store-carousel .carousel > .slide .item.active .info .price { opacity: 1; } #store .breadcrumbs { margin-right: 30px; } #store .sort-filter-wrap { width: 100%; } #store .sort-filters { float: right; } .bt-hex { bottom: -155px; right: 70px; } #store-wrapper.ship-detail #intro .subnav .wcontent { background-position: center bottom; } #store .block-title { width: 100%; padding: 0px; } #store .block-title span.text { width: 720px; display: block; } #store #search-filters { display: block; width: 278px; position: absolute; left: calc(185px - 50vw); top: 260px; background: rgba(0, 0, 0, 0.8); z-index: 5; } #store #search-filters .expand-filters { position: absolute; top: -1px; right: -44px; width: 42px; padding-top: 45px; height: 95px; text-transform: uppercase; display: block; background: repeat-y; border: 1px solid rgba(0, 231, 255, 0.6); } #store #search-filters .expand-filters .arrow { transform: rotate(-90deg); display: block; width: 48px; height: 48px; position: absolute; background: no-repeat; right: -3px; top: -5px; } #store #search-filters .expand-filters .title { font-family: Electrolize; font-size: 20px; text-align: center; color: rgb(0, 231, 255); display: block; transform: rotate(90deg); } #store #search-filters.on .expand-filters .arrow { transform: rotate(90deg); } #store #search-filters.on { left: calc(465px - 50vw); } #store #search-results { float: none; width: 100%; margin: auto; } #store #search-results .ships-listing { width: 862px; margin: 0px auto; } #store-wrapper .sort-filters fieldset.lfilters { float: none; } #store .featured-listing.split, #store .featured-listing.split.last { float: none; width: 620px; margin: 80px auto 0px; } #store .featured-listing.split .products-row { padding: 6px 10px 0px; } #store .ship-item .inner img.small { display: none; } #store .ship-item .inner img.large { display: block; } #store #search-results .products-row, #store .products-row { margin: 0px auto 30px; padding: 0px 15px; } #store #search-results .product-item { margin: 6px 25px 40px; } #store-wrapper.ship-detail #intro .headline .thumb { overflow: hidden; } #store-wrapper.ship-detail #intro .headline .thumb img { position: absolute; left: 50%; margin-left: -600px; } #store-wrapper.ship-detail #intro .description { padding-left: 70px; } #store-wrapper.ship-detail .ship-slideshow .inner { width: 930px; } #store-wrapper.ship-detail .ship-slideshow .inner .placeholder { width: 930px; } #store-wrapper.ship-detail .ship-slideshow .inner .placeholder .slide { width: 928px; } #store-wrapper.ship-detail .ship-slideshow .nav { width: 930px; margin: 0px auto; background-position: center center; } #store-wrapper.ship-detail .ship-slideshow .nav .thumb-wrap .clipping { width: 594px; } .buying-options-content .lcol { margin-bottom: 50px; width: 600px; margin-left: 40px; } .buying-options-content .lcol .add-cart { margin-left: -55px; } .buying-options-content .rcol { width: 820px; float: none; margin: 0px auto; } #store.sku-detail .lcol { width: 100%; float: none; } #store.sku-detail .rcol { width: 100%; margin-top: 0px; } #store.sku-detail .lcol { padding: 0px 0px 50px; width: 600px; margin-left: 85px; } #store.sku-detail .rcol .carousel-holder { margin: 0px auto; } #store.sku-detail .rcol .carousel-ship { position: absolute; left: 0px; top: 0px; } #store.sku-detail .rcol .package-listing { float: none; margin: 0px auto; } #store.sku-detail .rcol .wrapper { float: none; margin: 0px auto; } .modals.sku_detail_zoom #sku-detail-zoom .to-zoom { float: none; margin: 0px auto; } .modals.sku_detail_zoom #sku-detail-zoom #target-zoom { display: none; } } @media only screen and (max-width: 945px) { #store-header .breadcrumbs-wrap { height: 65px; } #store-header .sort-filters { padding-right: 0px; margin-top: 5px; } #store-header .sort-filters fieldset { clear: none; } #store-header .help { padding: 15px 0px 70px 126px; } #store-header .help a.guide { top: inherit; bottom: 0px; } #store .wcontent { width: 100%; padding: 15px; box-sizing: border-box; } #store .content-block4 .viewall span { display: none; } #store .featured-listing:nth-child(1) { margin-top: 0px; } #store .featured-listing .block-title { margin-bottom: 20px; } #store .featured-listing.split, #store .featured-listing.split.last { width: 480px; } #store .sort-filters { width: 100%; } #store .sort-filters fieldset.lfilters { z-index: 3; } #store #search-results .products-row, #store .products-row { margin: 0px auto 26px; float: none; } #store #search-results .ships-listing { width: 100%; } #store-wrapper .ship-item { margin: 10px auto 30px; border: none; overflow: visible; } #store-wrapper .ship-item, #store-wrapper .ship-item .center, #store-wrapper .ship-item .center > img { height: 169px; width: 100%; } #store-wrapper .ship-item .center .filet { left: 0px; top: 67px; width: 100%; height: 100%; background: center center; } #store-wrapper .ship-item .center .filet .name { font-size: 15px; left: 20px; } #store-wrapper .ship-item .center .filet .name span { font-size: 12px; } #store-wrapper .ship-item .center .blue-overlay { width: 100%; height: 100%; } #store-wrapper .ship-item .center .arrows { top: 60px; } #store-wrapper .ship-item .center .ajax-content { display: none; } #store-wrapper .ship-item .top, #store-wrapper .ship-item .bottom, #store-wrapper .ship-item.check .center .holosmallbtn { display: none; } #store #search-results .product-item { margin: 6px auto 40px; float: none; } #store.sku-detail .lcol { box-sizing: border-box; padding: 0px 15px 50px; width: 100%; margin-left: 0px; } #store.sku-detail .lcol .add-cart { margin-left: -20px; } #store.sku-detail .disclaimer, #store.sku-detail .requirements { margin-left: 0px; } #store.sku-detail .rcol .package-listing { width: auto; margin-left: 10px; margin-right: 10px; } #store footer > .wrapper { height: 640px; } } #store-wrapper #holo-viewer .holo-container .main-view button:hover { color: rgb(189, 219, 249); } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.rating-0 { background-position: -100px -350px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.rating-0:hover { background-position: -50px -350px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.rating-0.active { background-position: 0px -350px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.empty.rating-0 { background-position: -150px -350px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.empty.rating-0:hover { background-position: -200px -350px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.empty.rating-0.active { background-position: -250px -350px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.rating-1 { background-position: -100px -300px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.rating-1:hover { background-position: -50px -300px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.rating-1.active { background-position: 0px -300px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.empty.rating-1 { background-position: -150px -300px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.empty.rating-1:hover { background-position: -200px -300px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.empty.rating-1.active { background-position: -250px -300px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.rating-2 { background-position: -100px -250px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.rating-2:hover { background-position: -50px -250px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.rating-2.active { background-position: 0px -250px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.empty.rating-2 { background-position: -150px -250px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.empty.rating-2:hover { background-position: -200px -250px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.empty.rating-2.active { background-position: -250px -250px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.rating-3 { background-position: -100px -200px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.rating-3:hover { background-position: -50px -200px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.rating-3.active { background-position: 0px -200px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.empty.rating-3 { background-position: -150px -200px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.empty.rating-3:hover { background-position: -200px -200px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.empty.rating-3.active { background-position: -250px -200px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.rating-4 { background-position: -100px -150px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.rating-4:hover { background-position: -50px -150px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.rating-4.active { background-position: 0px -150px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.empty.rating-4 { background-position: -150px -150px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.empty.rating-4:hover { background-position: -200px -150px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.empty.rating-4.active { background-position: -250px -150px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.rating-5 { background-position: -100px -100px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.rating-5:hover { background-position: -50px -100px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.rating-5.active { background-position: 0px -100px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.empty.rating-5 { background-position: -150px -100px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.empty.rating-5:hover { background-position: -200px -100px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.empty.rating-5.active { background-position: -250px -100px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.rating-6 { background-position: -100px -50px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.rating-6:hover { background-position: -50px -50px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.rating-6.active { background-position: 0px -50px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.empty.rating-6 { background-position: -150px -50px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.empty.rating-6:hover { background-position: -200px -50px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.ordnance.empty.rating-6.active { background-position: -250px -50px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.rating-0 { background-position: -100px -1650px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.rating-0:hover { background-position: -50px -1650px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.rating-0.active { background-position: 0px -1650px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.empty.rating-0 { background-position: -150px -1650px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.empty.rating-0:hover { background-position: -200px -1650px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.empty.rating-0.active { background-position: -250px -1650px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.rating-1 { background-position: -100px -1600px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.rating-1:hover { background-position: -50px -1600px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.rating-1.active { background-position: 0px -1600px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.empty.rating-1 { background-position: -150px -1600px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.empty.rating-1:hover { background-position: -200px -1600px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.empty.rating-1.active { background-position: -250px -1600px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.rating-2 { background-position: -100px -1550px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.rating-2:hover { background-position: -50px -1550px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.rating-2.active { background-position: 0px -1550px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.empty.rating-2 { background-position: -150px -1550px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.empty.rating-2:hover { background-position: -200px -1550px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.empty.rating-2.active { background-position: -250px -1550px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.rating-3 { background-position: -100px -1500px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.rating-3:hover { background-position: -50px -1500px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.rating-3.active { background-position: 0px -1500px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.empty.rating-3 { background-position: -150px -1500px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.empty.rating-3:hover { background-position: -200px -1500px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.empty.rating-3.active { background-position: -250px -1500px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.rating-4 { background-position: -100px -1450px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.rating-4:hover { background-position: -50px -1450px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.rating-4.active { background-position: 0px -1450px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.empty.rating-4 { background-position: -150px -1450px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.empty.rating-4:hover { background-position: -200px -1450px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.empty.rating-4.active { background-position: -250px -1450px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.rating-5 { background-position: -100px -1400px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.rating-5:hover { background-position: -50px -1400px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.rating-5.active { background-position: 0px -1400px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.empty.rating-5 { background-position: -150px -1400px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.empty.rating-5:hover { background-position: -200px -1400px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.empty.rating-5.active { background-position: -250px -1400px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.rating-6 { background-position: -100px -1350px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.rating-6:hover { background-position: -50px -1350px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.rating-6.active { background-position: 0px -1350px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.empty.rating-6 { background-position: -150px -1350px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.empty.rating-6:hover { background-position: -200px -1350px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.shield.empty.rating-6.active { background-position: -250px -1350px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.rating-0 { background-position: -100px -850px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.rating-0:hover { background-position: -50px -850px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.rating-0.active { background-position: 0px -850px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.empty.rating-0 { background-position: -150px -850px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.empty.rating-0:hover { background-position: -200px -850px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.empty.rating-0.active { background-position: -250px -850px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.rating-1 { background-position: -100px -800px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.rating-1:hover { background-position: -50px -800px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.rating-1.active { background-position: 0px -800px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.empty.rating-1 { background-position: -150px -800px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.empty.rating-1:hover { background-position: -200px -800px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.empty.rating-1.active { background-position: -250px -800px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.rating-2 { background-position: -100px -750px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.rating-2:hover { background-position: -50px -750px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.rating-2.active { background-position: 0px -750px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.empty.rating-2 { background-position: -150px -750px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.empty.rating-2:hover { background-position: -200px -750px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.empty.rating-2.active { background-position: -250px -750px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.rating-3 { background-position: -100px -700px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.rating-3:hover { background-position: -50px -700px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.rating-3.active { background-position: 0px -700px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.empty.rating-3 { background-position: -150px -700px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.empty.rating-3:hover { background-position: -200px -700px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.empty.rating-3.active { background-position: -250px -700px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.rating-4 { background-position: -100px -650px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.rating-4:hover { background-position: -50px -650px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.rating-4.active { background-position: 0px -650px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.empty.rating-4 { background-position: -150px -650px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.empty.rating-4:hover { background-position: -200px -650px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.empty.rating-4.active { background-position: -250px -650px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.rating-5 { background-position: -100px -600px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.rating-5:hover { background-position: -50px -600px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.rating-5.active { background-position: 0px -600px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.empty.rating-5 { background-position: -150px -600px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.empty.rating-5:hover { background-position: -200px -600px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.empty.rating-5.active { background-position: -250px -600px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.rating-6 { background-position: -100px -550px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.rating-6:hover { background-position: -50px -550px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.rating-6.active { background-position: 0px -550px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.empty.rating-6 { background-position: -150px -550px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.empty.rating-6:hover { background-position: -200px -550px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.engine.empty.rating-6.active { background-position: -250px -550px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.rating-0 { background-position: -100px -1250px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.rating-0:hover { background-position: -50px -1250px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.rating-0.active { background-position: 0px -1250px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.empty.rating-0 { background-position: -150px -1250px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.empty.rating-0:hover { background-position: -200px -1250px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.empty.rating-0.active { background-position: -250px -1250px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.rating-1 { background-position: -100px -1200px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.rating-1:hover { background-position: -50px -1200px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.rating-1.active { background-position: 0px -1200px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.empty.rating-1 { background-position: -150px -1200px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.empty.rating-1:hover { background-position: -200px -1200px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.empty.rating-1.active { background-position: -250px -1200px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.rating-2 { background-position: -100px -1150px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.rating-2:hover { background-position: -50px -1150px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.rating-2.active { background-position: 0px -1150px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.empty.rating-2 { background-position: -150px -1150px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.empty.rating-2:hover { background-position: -200px -1150px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.empty.rating-2.active { background-position: -250px -1150px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.rating-3 { background-position: -100px -1100px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.rating-3:hover { background-position: -50px -1100px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.rating-3.active { background-position: 0px -1100px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.empty.rating-3 { background-position: -150px -1100px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.empty.rating-3:hover { background-position: -200px -1100px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.empty.rating-3.active { background-position: -250px -1100px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.rating-4 { background-position: -100px -1050px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.rating-4:hover { background-position: -50px -1050px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.rating-4.active { background-position: 0px -1050px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.empty.rating-4 { background-position: -150px -1050px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.empty.rating-4:hover { background-position: -200px -1050px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.empty.rating-4.active { background-position: -250px -1050px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.rating-5 { background-position: -100px -1000px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.rating-5:hover { background-position: -50px -1000px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.rating-5.active { background-position: 0px -1000px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.empty.rating-5 { background-position: -150px -1000px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.empty.rating-5:hover { background-position: -200px -1000px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.empty.rating-5.active { background-position: -250px -1000px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.rating-6 { background-position: -100px -950px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.rating-6:hover { background-position: -50px -950px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.rating-6.active { background-position: 0px -950px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.empty.rating-6 { background-position: -150px -950px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.empty.rating-6:hover { background-position: -200px -950px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.maneuver.empty.rating-6.active { background-position: -250px -950px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.modular.rating-0 { background-position: -100px -450px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.modular.rating-0:hover { background-position: -50px -450px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.modular.rating-0.active { background-position: 0px -450px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.modular.empty.rating-0 { background-position: -150px -450px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.modular.empty.rating-0:hover { background-position: -200px -450px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.modular.empty.rating-0.active { background-position: -250px -450px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.modular.rating-1 { background-position: -100px -400px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.modular.rating-1:hover { background-position: -50px -400px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.modular.rating-1.active { background-position: 0px -400px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.modular.empty.rating-1 { background-position: -150px -400px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.modular.empty.rating-1:hover { background-position: -200px -400px; } #store-wrapper #holo-viewer .holo-container .main-view button.point-icon.modular.empty.rating-1.active { background-position: -250px -400px; } (cache)Roberts Space Industries | Follow the development of Star Citizen and Squadron 42 - Roberts Space Industries | Follow the development of Star Citizen and Squadron 42

Supply or Die

Choose your allegiance and help shape the future of a system in turmoil through daring supply runs and missions across Pyro’s reaches – play now for limited-time faction rewards!!

or

Supply or Die

The Fight Continues

GATHER AND GEAR UP

Introducing the Super Hornet Mk II

A Legacy Amplified

New Player Guide

New to Star Citizen? Our updated New Player Guide offers tips and tricks to help you get started.

Our Games

PLAY EARLY ACCESS NOW

JOIN THE UNIVERSE

Make a life among the stars in a limitless multi-player universe

PLAY STAR CITIZEN

IN DEVELOPMENT

ANSWER THE CALL

Become the hero of a seamless single-player cinematic adventure

FOLLOW THE DEVELOPMENT

Expand Your Fleet

Access the store to discover in-game ships, gear, merchandise and more.

New to the ‘verse? We’ve got your back.

Welcome, adventurer. The universe can be a dangerous place. Luckily we have some invaluable resources for rookie pilots.

Welcome to Star Citizen

Get acclimated to the 'verse with detailed breakdowns of gameplay loops, tutorials, and more.

Seek in-game guidance from experienced players eager to help you master the basics or sharpen your skills.

Find solutions to commonly encountered issues.

The latest from around the 'verse

Get the scoop on what’s happening in the game and the community.

VIEW ALL COMM-LINKS

Bar Citizen - We're Coming To You In 2025!

13 hours ago

Bar Citizen - We're Coming To You In 2025!

Star Citizen Monthly Report: February 2025

16 hours ago

Star Citizen Monthly Report: February 2025

Components, Power, Signatures

22 hours ago

Components, Power, Signatures

Your Ship Owner Guide