app-gamesir-dream section:not(.footer) a[href]:not(.country, .link-alone, .search-icon, [role="tab"], :has(.pnx-link-arrow, .link-arrow, [aria-hidden="true"]:not(br[data-owner="balance-text"]), img)) {
    text-decoration:underline;
    text-underline-offset:3px
}
app-gamesir-dream a, app-gamesir-dream a:hover {
    color:#44d62c
}
app-gamesir-dream a[href]:focus-visible, app-gamesir-dream[role="button"]:focus-visible, app-gamesir-dream button:focus-visible {
    outline:revert !important
}
app-gamesir-dream[src$=".svg#green"] {
    filter:saturate(0) brightness(200%) brightness(85%) sepia(7%) saturate(5381%) hue-rotate(53deg) brightness(87%) contrast(91%)
}
app-gamesir-dream[src$=".svg#white"] {
    filter:saturate(0) brightness(200%)
}
app-gamesir-dream[src$=".svg#black"] {
    filter:saturate(0) brightness(200%) invert(100%)
}
app-gamesir-dream .clean-heading h1, app-gamesir-dream .clean-heading h2, app-gamesir-dream .clean-heading h3, app-gamesir-dream .clean-heading h4, app-gamesir-dream .clean-heading h5, app-gamesir-dream .clean-heading h6 {
    margin:0;
    padding:0;
    font-size:inherit;
    line-height:inherit;
    font-weight:inherit;
    text-decoration:inherit;
    font-family:inherit
}
.razer-rtl app-gamesir-dream {
    direction:rtl
}
.razer-rtl body * {
    font-family:"Roboto", Tahoma !important
}
.razer-rtl body * cx-icon {
    font-family:"material icons" !important
}
.razer-rtl body {
    text-align:right
}
#sticky-nav li.current a {
    color:#fff !important;
    font-weight:bold
}
.screen-reader-only-pnx {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    border:0
}
form select[name="country"] option[value*="Russian"], form select[name="country"] option[value="Ru"], form select[name="country"] option[value="ru"], form select[name="country"] option[value^="russian"] {
    display:none !important
}
html[lang="zh-CN"] em, html[lang="zh-TW"] em, html[lang="zh-HK"] em {
    font-style:normal
}
.blocks-component {
    padding:50px 0
}
.blocks-component h2.section-header {
    color:#44d62c;
    font-weight:200;
    margin:0 auto;
    max-width:960px;
    padding:1rem;
    text-align:center;
    text-transform:uppercase
}
.blocks-component p.subhead, .blocks-component div.paragraph.subhead {
    color:#717171;
    margin:0 auto;
    max-width:960px;
    text-align:center
}
.blocks-component div.dropdown-arrow {
    background:url(../images/dropdown-arrow.png);
    height:24px;
    width:24px
}
.blocks-component div.dropdown-arrow-green {
    background:url(../images/dropdown-arrow-green.png);
    height:24px;
    width:24px
}
.blocks-component .pageTitle {
    color:#fff;
    font-family:RazerF5, Arial, sans-serif;
    font-size:24px;
    margin-top:35px;
    text-transform:uppercase
}
.blocks-component .pageSubTitle {
    color:#717171;
    font-family:RazerF5, Arial, sans-serif;
    font-size:24px;
    margin-top:35px;
    text-transform:uppercase
}
.blocks-component p.header {
    color:#fff;
    font-weight:bold;
    text-transform:uppercase
}
.blocks-component .about {
    color:#666;
    font-family:RazerF5, Arial, sans-serif;
    font-size:12px;
    line-height:18px;
    margin-top:40px;
    text-align:justify
}
.blocks-component .year {
    color:#666;
    font-family:RazerF5, Arial, sans-serif;
    font-size:15px;
    margin:auto;
    padding:35px 0
}
.blocks-component .fanBox {
    margin-bottom:25px
}
.blocks-component .miniTitle {
    color:#666;
    font-family:RazerF5, Arial, sans-serif;
    font-size:12px;
    margin-bottom:10px
}
.blocks-component span.title {
    color:#fff;
    font-weight:bold
}
.blocks-component .dl-cont {
    background:url(../images/downloads-bg.png) no-repeat center center;
    height:183px;
    margin-top:20px;
    width:460px
}
.blocks-component .dl-cont img.thumb {
    border:2px solid #222;
    margin-left:18px;
    margin-top:18px
}
.blocks-component .dl-cont .desc, .blocks-component .dl-mob .desc {
    font-family:RazerF5, Arial, sans-serif
}
.blocks-component .dl-cont .desktop {
    margin-top:70px
}
.blocks-component p.dl-type {
    color:#717171;
    font-size:13px;
    text-transform:uppercase
}
.blocks-component p.dl-title {
    color:#ccc;
    font-size:16px;
    text-transform:uppercase
}
.blocks-component .desc ul.dl {
    height:24px;
    margin-top:6px;
    width:100px
}
.blocks-component .desc ul.dl li {
    display:block;
    float:left;
    font-family:RazerF5, Arial, sans-serif;
    font-size:11px;
    line-height:24px;
    position:relative;
    text-transform:uppercase;
    width:124px
}
.blocks-component .desc li ul {
    display:none
}
.blocks-component .desc ul li a {
    color:#0c0;
    display:block;
    text-decoration:none;
    text-transform:uppercase;
    white-space:nowrap;
    width:auto
}
.blocks-component .desc ul li a:hover .dropdown-arrow-green {
    background:#fff
}
.blocks-component .desc li:hover ul {
    background:#000;
    display:block;
    margin-left:-10px;
    position:absolute;
    width:134px;
    z-index:1000
}
.blocks-component .desc li:hover li {
    border-bottom:1px solid #0e0e0e;
    float:none;
    width:134px
}
.blocks-component .desc li:hover li a {
    color:#ccc;
    cursor:pointer;
    padding-left:10px;
    text-transform:none
}
.blocks-component .desc li:hover li a:hover {
    background:#0a0a0a;
    color:#0c0
}
.blocks-component .dl-mob {
    margin-top:20px;
    min-height:326px;
    width:170px
}
.blocks-component .dl-mob img.thumb {
    border:2px solid #222
}
.blocks-component .dl-mob p.dl-type {
    margin-top:10px
}
.blocks-component .group-title {
    color:#717171;
    font-family:RazerF5, Arial, sans-serif;
    font-size:15px
}
.blocks-component .bg-image {
    background-position:top center;
    background-repeat:no-repeat;
    border:1px solid #1b1b1b;
    height:265px;
    margin:1rem;
    padding-left:34px;
    padding-top:138px
}
.blocks-component .icons {
    display:flex;
    flex-wrap:wrap;
    list-style:none;
    padding:0
}
.blocks-component .icons .list-of-content.fives {
    min-width:18%
}
.blocks-component .icons .list-of-content.fours {
    min-width:23%
}
.blocks-component .icons .list-of-content.threes {
    min-width:31%
}
.blocks-component .icons .list-of-content.twos {
    min-width:48%
}
@media (max-width: 767px) {
    .blocks-component .icons {
        padding:0 1rem
    }
    .blocks-component .icons .list-of-content.fives {
        width:100%
    }
    .blocks-component .icons .list-of-content.fours {
        width:100%
    }
    .blocks-component .icons .list-of-content.threes {
        width:100%
    }
    .blocks-component .icons .list-of-content.twos {
        width:100%
    }
}
.blocks-component ul.dl {
    margin:0;
    padding:0
}
.blocks-component ul.dl li {
    cursor:pointer;
    display:block;
    font-family:RazerF5, Arial, sans-serif;
    font-size:11px;
    line-height:24px;
    position:relative;
    text-transform:uppercase;
    width:fit-content
}
.blocks-component ul.dl li button.linkdrop {
    background:none;
    border:0;
    background-color:rgba(0, 0, 0, 0.75);
    color:#0c0;
    vertical-align:middle;
    cursor:pointer;
    padding:0;
    text-transform:uppercase
}
.blocks-component ul.dl li button.linkdrop:focus-visible {
    outline:2px solid #6d9df7;
    outline-offset:4px;
    transition:none
}
.blocks-component ul.dl li button.linkdrop[aria-expanded="true"]+.download-option {
    display:block
}
.blocks-component ul.dl li div.download-option.show {
    background:#000;
    display:block;
    position:absolute;
    width:200px;
    z-index:1000
}
.blocks-component ul.dl li div.download-option.show ul {
    display:block
}
.blocks-component ul.dl li a, .blocks-component ul.dl li span.linkdrop {
    color:#0c0;
    cursor:pointer;
    display:inline-block;
    text-decoration:none;
    text-transform:uppercase;
    white-space:nowrap;
    width:auto
}
.blocks-component ul.dl li a {
    color:white
}
.blocks-component ul.dl li a:hover {
    color:#0c0
}
.blocks-component ul.dl li ul {
    display:none;
    padding:0
}
.blocks-component .product-title {
    color:#fff;
    font-family:RazerF5, Arial, sans-serif;
    font-size:22px;
    line-height:19px
}
.blocks-component .product-tagline {
    color:#717171;
    font-family:RazerF5, Arial, sans-serif;
    font-size:15px
}
.blocks-component .download-link {
    font-size:12px;
    padding-top:23px
}
.blocks-component .dl-software {
    height:265px;
    margin-top:22px
}
.blocks-component .col-sm-12 {
    padding-left:10px;
    padding-right:10px
}
.blocks-component .mgr10 {
    margin-right:10px
}
.blocks-component .mgl10 {
    margin-left:10px
}
@media (max-width: 767px) {
    .blocks-component .mgr10 {
        margin-right:0
    }
    .blocks-component .mgl10 {
        margin-left:0
    }
}
.category-banner {
    background-color:#222;
    margin:10px auto;
    max-width:1200px
}
@media (max-width: 1200px) {
    .category-banner {
        max-width:980px
    }
}
@media (max-width: 767px) {
    .category-banner {
        min-height:unset
    }
}
.category-banner a {
    align-items:center;
    display:flex;
    flex-flow:row;
    justify-content:flex-start;
    min-height:250px;
    text-decoration:none;
    width:100%
}
@media (max-width: 1200px) {
    .category-banner a {
        background-position:top center;
        min-height:200px
    }
}
@media (max-width: 767px) {
    .category-banner a {
        min-height:unset
    }
}
.category-banner a.taller {
    min-height:333px
}
@media (max-width: 767px) {
    .category-banner a.taller {
        min-height:unset
    }
}
.category-banner a .banner-container {
    display:flex;
    flex-flow:column;
    width:50%
}
.category-banner a .banner-container .mobile-image-container {
    display:none
}
@media (max-width: 767px) {
    .category-banner a .banner-container .mobile-image-container {
        display:block
    }
}
.category-banner a .banner-container .mobile-image-container .mobile-image {
    width:100%
}
.category-banner a .banner-container .banner-header {
    color:#fff;
    font-family:"RazerF5", Sans-Serif;
    font-size:27px;
    font-weight:bold;
    line-height:2rem;
    text-transform:uppercase
}
.category-banner a .banner-container .banner-header h2 {
    font-size:2rem;
    font-weight:500;
    line-height:1.2;
    margin-bottom:0.5rem;
    padding-left:0
}
@media (max-width: 950px) {
    .category-banner a .banner-container .banner-header {
        font-size:2.5vw;
        line-height:1.5rem
    }
}
.category-banner a .banner-container .banner-content {
    color:#888;
    font-family:"RazerF5", Sans-Serif;
    font-size:18px;
    font-weight:normal;
    line-height:22px;
    margin:0
}
@media (max-width: 950px) {
    .category-banner a .banner-container .banner-content {
        font-size:1.125rem;
        line-height:20px
    }
}
.category-banner a .banner-container .banner-cta:not(.have-link-arrow) {
    color:#44d62c;
    font-family:"RazerF5", Sans-Serif;
    font-size:16px;
    font-weight:normal;
    margin:5px 0;
    vertical-align:baseline
}
@media (max-width: 950px) {
    .category-banner a .banner-container .banner-cta:not(.have-link-arrow) {
        font-size:1.8vw;
        line-height:20px
    }
}
.category-banner a .banner-container .banner-cta:not(.have-link-arrow)::after {
    content:">";
    font-size:18px;
    padding-left:2px
}
@media (max-width: 950px) {
    .category-banner a .banner-container .banner-cta:not(.have-link-arrow)::after {
        font-size:1.8vw;
        line-height:20px
    }
}
.category-banner a .banner-container .banner-cta.have-link-arrow {
    color:#44d62c;
    font-family:"RazerF5", Sans-Serif;
    font-size:16px;
    font-weight:normal;
    margin:5px 0;
    vertical-align:baseline
}
@media (max-width: 950px) {
    .category-banner a .banner-container .banner-cta.have-link-arrow {
        font-size:1.8vw;
        line-height:20px
    }
}
.category-banner a .banner-container .banner-cta.have-link-arrow span.link-arrow::after {
    content:">";
    font-size:inherit;
    padding-left:2px
}
.category-banner a.white .banner-container .banner-header {
    color:#fff
}
.category-banner a.white .banner-container .banner-content {
    color:#888
}
.category-banner a.white .banner-container .banner-cta {
    color:#44d62c
}
.category-banner a.green .banner-container .banner-header {
    color:#44d62c
}
.category-banner a.green .banner-container .banner-cta {
    color:#44d62c
}
.category-banner a.black .banner-container .banner-header {
    color:#000
}
@media (max-width: 767px) {
    .category-banner a.black .banner-container .banner-header {
        color:#fff
    }
}
.category-banner a.black .banner-container .banner-content {
    color:#000
}
@media (max-width: 767px) {
    .category-banner a.black .banner-container .banner-content {
        color:#fff
    }
}
.category-banner a.black .banner-container .banner-cta {
    color:#000
}
@media (max-width: 767px) {
    .category-banner a.black .banner-container .banner-cta {
        color:#44d62c
    }
}
.category-banner a.right {
    justify-content:flex-end
}
.category-banner a.right .banner-container {
    padding:0 20px
}
.category-banner a.left {
    justify-content:flex-start
}
.category-banner a.left .banner-container {
    padding:0 20px
}
.category-banner a.mobile {
    padding:0
}
.category-banner a.mobile.right .mobile-image-container {
    display:none
}
@media (max-width: 767px) {
    .category-banner a.mobile.right .mobile-image-container {
        display:block
    }
}
.category-banner a.mobile.right .mobile-image-container .mobile-image {
    position:relative;
    width:210%
}
.category-banner a.mobile.left .mobile-image-container {
    display:none
}
@media (max-width: 767px) {
    .category-banner a.mobile.left .mobile-image-container {
        display:block
    }
}
.category-banner a.mobile.left .mobile-image-container .mobile-image {
    left:-110%;
    position:relative;
    width:210%
}
.category-banner a.mobile .banner-container {
    background-clip:padding-box;
    background-color:#000;
    padding:0 0 20px 0;
    width:100%
}
.category-banner a.mobile .banner-container .banner-header {
    font-size:3.5vw;
    margin-bottom:1rem;
    margin-top:1rem;
    padding:0 12px
}
.category-banner a.mobile .banner-container .banner-header h2 {
    font-size:2rem;
    font-weight:500;
    line-height:1.2;
    margin-bottom:0.5rem;
    padding-left:0
}
@media (max-width: 767px) {
    .category-banner a.mobile .banner-container .banner-header {
        font-size:3.8vw;
        margin:2vw 0
    }
}
@media (max-width: 425px) {
    .category-banner a.mobile .banner-container .banner-header {
        font-size:5.5vw;
        line-height:6.5vw;
        margin:2vw 0
    }
}
.category-banner a.mobile .banner-container .banner-content {
    color:#888;
    font-size:1.125rem;
    padding:0 12px
}
@media (max-width: 425px) {
    .category-banner a.mobile .banner-container .banner-content {
        font-size:1.125rem;
        line-height:4.5vw
    }
}
.category-banner a.mobile .banner-container .banner-cta {
    color:#44d62c;
    font-size:1.125rem;
    padding:0 12px
}
@media (max-width: 767px) {
    .category-banner a.mobile .banner-container .banner-cta {
        color:#44d62c
    }
}
@media (max-width: 425px) {
    .category-banner a.mobile .banner-container .banner-cta {
        color:#44d62c;
        font-size:1.125rem;
        line-height:4.5vw
    }
}
.category-banner a.mobile .banner-container .banner-cta::after {
    color:#44d62c;
    font-size:1.125rem
}
@media (max-width: 425px) {
    .category-banner a.mobile .banner-container .banner-cta::after {
        font-size:1.125rem;
        line-height:4.5vw
    }
}
.razer-rtl body app-gamesir-dream .category-banner[style*="padding: 0px 150px 0px 0px;"] {
    padding:0 100px 0 0 !important
}
.razer-rtl body app-gamesir-dream .category-banner a.white .banner-container .banner-content {
    padding-right:0px !important
}
.razer-rtl body app-gamesir-dream .category-banner a.green .banner-container .banner-header {
    color:#44d62c
}
.razer-rtl body app-gamesir-dream .category-banner a.green .banner-container .banner-cta {
    color:#44d62c
}
.razer-rtl body app-gamesir-dream .category-banner a.right {
    justify-content:flex-start
}
.razer-rtl body app-gamesir-dream .category-banner a.right .banner-container {
    justify-content:flex-start
}
.razer-rtl body app-gamesir-dream .category-banner a.left {
    justify-content:flex-end
}
.razer-rtl body app-gamesir-dream .category-banner a.left .banner-container {
    align-items:flex-end
}
.razer-rtl body app-gamesir-dream .category-banner a.mobile {
    padding:0
}
.razer-rtl body app-gamesir-dream .category-banner a.mobile.right .mobile-image-container .mobile-image {
    position:relative;
    width:210%;
    transform:translate(52%, 0)
}
.razer-rtl body app-gamesir-dream .category-banner a.mobile.left .mobile-image-container .mobile-image {
    right:-2%;
    position:relative;
    width:210%
}
app-content-page {
    display:block;
    margin:0 auto;
    max-width:1920px
}
.faq-component .see-more {
    background-color:#333;
    margin:0 auto;
    max-width:1920px;
    padding:20px 0;
    position:relative
}
.faq-component .see-more span.icon-uparrow {
    color:#44d62c;
    font-size:8px;
    vertical-align:middle
}
.faq-component .see-more span.icon-downarrow {
    color:#44d62c;
    font-size:8px;
    vertical-align:baseline
}
.faq-component .see-more .faq {
    max-height:40px;
    min-height:400px;
    overflow:hidden;
    position:relative;
    transition:0.25s all ease-in-out
}
.faq-component .see-more .faq.expanded {
    max-height:100%
}
.faq-component .see-more .faq h2 {
    color:#44d62c;
    font:24px'RazerF5Thin', 'RazerF5', Sans-Serif;
    font-weight:200;
    font-size:28px;
    padding-bottom:12px;
    padding-left:0;
    text-transform:uppercase
}
.faq-component .see-more .faq ol {
    padding-left:15px
}
.faq-component .see-more .faq ol li {
    color:#fff;
    margin-bottom:20px;
    padding-left:20px
}
.faq-component .see-more .faq ol li a, .faq-component .see-more .faq ol li a:hover {
    color:#44d62c;
    text-decoration:underline
}
.faq-component .see-more .faq ol li p {
    color:#ccc;
    font-family:Roboto, sans-serif;
    font-size:16px;
    margin-bottom:0
}
.faq-component .see-more .faq ol li p.faq-q {
    color:#fff
}
.faq-component .see-more .faq ol li h2.faq-q {
    color:#fff;
    font:16px Roboto, sans-serif;
    line-height:1.5;
    margin:0;
    text-transform:none;
    font-weight:400;
    text-align:left;
    padding:0
}
.faq-component .see-more .faq ol li h3.faq-q {
    color:#fff;
    font:16px Roboto, sans-serif;
    line-height:1.5;
    margin:0;
    text-transform:none;
    font-weight:400;
    text-align:left;
    padding:0
}
.faq-component .see-more .faq ol li ol {
    margin:0;
    padding:0
}
.faq-component .see-more .faq ol li ol li {
    color:#ccc;
    margin:0 0 0 20px;
    padding:0
}
.faq-component .see-more .faq ol li ul {
    display:block;
    list-style-type:disc;
    margin:0
}
.faq-component .see-more .faq ol li ul li {
    color:#ccc;
    margin:0 0 0 20px;
    padding:0;
    width:auto
}
.faq-component .see-more .more {
    background-color:#212121;
    color:#999;
    bottom:0;
    cursor:pointer;
    left:0;
    position:absolute;
    text-align:center;
    width:100%
}
.faq-component .drawer {
    background-color:#000;
    margin:0 auto;
    max-width:1920px;
    padding:20px 0
}
.faq-component .drawer h2 {
    color:#44d62c;
    font:24px'RazerF5Thin', 'RazerF5', Sans-Serif;
    font-weight:200;
    font-size:28px;
    padding-bottom:12px;
    padding-left:0;
    text-transform:uppercase
}
.faq-component .drawer ol {
    padding-left:0
}
.faq-component .drawer ol li {
    background:#181818;
    color:#fff;
    cursor:pointer;
    list-style-position:inside;
    margin:2px 0;
    padding:15px 10px
}
.faq-component .drawer ol li a, .faq-component .drawer ol li a:hover {
    color:#44d62c;
    text-decoration:underline
}
.faq-component .drawer ol li p {
    color:#999;
    font-family:Roboto, sans-serif;
    font-size:16px;
    margin-bottom:0
}
.faq-component .drawer ol li p.faq-q {
    color:#fff;
    display:inline
}
.faq-component .drawer ol li p.faq-a {
    display:none
}
.faq-component .drawer ol li p.faq-a.open {
    display:block;
    transition:all 0.5s ease-in-out
}
.faq-component .drawer ol li h2.faq-q {
    color:#fff;
    display:inline;
    font:16px Roboto, sans-serif;
    line-height:1.5;
    margin:0 0 1rem 0;
    text-transform:none;
    font-weight:400;
    text-align:left;
    padding:0
}
.faq-component .drawer ol li h3.faq-q {
    color:#fff;
    display:inline;
    font:16px Roboto, sans-serif;
    line-height:1.5;
    margin:0 0 1rem 0;
    text-transform:none;
    font-weight:400;
    text-align:left;
    padding:0
}
.faq-component .drawer ol li ol li {
    color:inherit;
    margin:0;
    padding:0;
    width:auto
}
.faq-component .drawer ol li ul {
    display:block;
    list-style-type:disc;
    margin:0
}
.faq-component .drawer ol li ul li {
    color:#999;
    list-style-position:outside;
    margin:0 0 0 20px;
    padding:0;
    width:auto
}
.faq-component .panel {
    background-color:#000;
    margin:0 auto;
    max-width:1920px;
    padding:20px 0
}
.faq-component .panel .container {
    max-width:1200px
}
.faq-component .panel .container .col-sm-12 {
    padding-left:0;
    padding-right:0
}
.faq-component .panel h2 {
    color:#44d62c;
    font:24px'RazerF5Thin', 'RazerF5', Sans-Serif;
    font-size:28px;
    font-weight:200;
    padding-bottom:12px;
    padding-left:0;
    text-align:center;
    text-transform:uppercase
}
.faq-component .panel ul {
    display:flex;
    flex-flow:row wrap;
    list-style:none;
    padding-left:0
}
@media screen and (min-width: 768px) {
    .faq-component .panel ul {
        margin-left:10px;
        margin-right:10px
    }
}
.faq-component .panel ul li {
    background-color:#222;
    color:#fff;
    margin-bottom:10px;
    margin-left:10px;
    margin-right:10px;
    padding:20px;
    width:calc(50% - 20px)
}
@media screen and (min-width: 768px) {
    .faq-component .panel ul li {
        margin-top:10px
    }
}
.faq-component .panel ul li a, .faq-component .panel ul li a:hover {
    color:#44d62c;
    text-decoration:underline
}
.faq-component .panel ul li p {
    color:#999;
    font-family:Roboto, sans-serif;
    font-size:16px
}
.faq-component .panel ul li>p:first-child {
    color:#fff
}
.faq-component .panel ul li h2.faq-q {
    color:#fff;
    font:16px Roboto, sans-serif;
    line-height:1.5;
    margin:0 0 1rem 0;
    text-transform:none;
    font-weight:400;
    text-align:left;
    padding:0
}
.faq-component .panel ul li h3.faq-q {
    color:#fff;
    font:16px Roboto, sans-serif;
    line-height:1.5;
    margin:0 0 1rem 0;
    text-transform:none;
    font-weight:400;
    text-align:left;
    padding:0
}
.faq-component .panel ul li ol {
    padding:0;
    margin:0
}
.faq-component .panel ul li ol li {
    width:auto;
    color:#999;
    padding:0;
    margin:0 0 .6rem 20px
}
.faq-component .panel ul li ul {
    display:block;
    list-style-type:disc;
    margin:0
}
.faq-component .panel ul li ul li {
    color:#999;
    margin:0 0 .6rem 20px;
    padding:0;
    width:auto
}
@media screen and (max-width: 767px) {
    .faq-component .panel ul li {
        width:100%
    }
}
.razer-rtl body .faq-component .panel ul li h2.faq-q {
    text-align:right
}
.razer-rtl body .faq-component .panel ul li h3.faq-q {
    text-align:right
}
.gallery-component ul {
    display:flex;
    flex-wrap:wrap;
    list-style:none;
    padding:0
}
.gallery-component ul li {
    cursor:pointer;
    width:25%
}
@media (max-width: 768px) {
    .gallery-component ul li {
        width:50%
    }
}
.gallery-component ul li img {
    width:100%
}
.lightbox .lb-image {
    border:unset
}
.lb-outerContainer {
    background-color:#000
}
.lb-data .lb-close {
    background-size:contain;
    height:15px;
    width:15px
}
.lightbox.animation {
    position:fixed;
    top:50% !important;
    transform:translateY(-50%)
}
app-homepage-banner .mp-ribbon {
    padding:1.5625rem 0 0 0;
    line-height:1.5em;
    font-size:1.125rem;
    font-weight:300
}
app-homepage-banner .mp-ribbon div {
    line-height:1.5em;
    font-size:1.125rem;
    font-weight:300
}
app-homepage-banner .mp-ribbon+* {
    padding-top:0.7em !important
}
app-homepage-banner .genpnx.product-badge {
    color:#000 !important;
    font-size:0.875rem;
    font-weight:700;
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content;
    margin:0 auto;
    max-width:-webkit-fit-content;
    max-width:-moz-fit-content;
    max-width:fit-content;
    padding:0.30em 1em;
    position:unset;
    text-align:center;
    text-transform:uppercase
}
app-homepage-banner .genpnx.product-badge:before {
    border:0;
    display:none
}
app-homepage-banner .genpnx.product-badge.badge-green {
    background-color:#44d62c
}
app-homepage-banner .genpnx.product-badge.badge-orange {
    background-color:#ff9c07
}
app-homepage-banner .genpnx.product-badge.badge-red {
    background-color:#c8323c
}
app-homepage-banner .genpnx.product-badge.badge-yellow {
    background-color:#ffc107
}
app-homepage-banner .genpnx.product-badge.badge-blue {
    background-color:#28aadc
}
app-homepage-banner .genpnx.product-badge.product-badge-compact {
    line-height:1em
}
app-homepage-banner .genpnx.product-badge.product-badge-compact span {
    display:block;
    font-size:0.6rem
}
app-homepage-banner .genpnx.text-left {
    text-align:left
}
app-homepage-banner .genpnx.text-right {
    text-align:right
}
.gallery-stack-heroes {
    margin:0 auto;
    max-width:120rem
}
.gallery-stack-heroes .homepage-gallery .item {
    background-color:#222;
    min-height:75vh;
    padding-bottom:10px
}
.gallery-stack-heroes a {
    text-decoration:none
}
.gallery-stack-heroes .homepage-gallery .item .full-width h1, .gallery-stack-heroes .homepage-gallery .item .full-width .mainhead {
    margin:0 auto;
    max-width:60%;
    padding-top:4.375rem;
    text-align:center !important
}
.gallery-stack-heroes .item .full-width {
    position:relative
}
.gallery-stack-heroes .homepage-banner-link {
    position:absolute;
    height:100%;
    width:100%;
    z-index:1;
    text-decoration:none !important
}
.gallery-stack-heroes h1, .gallery-stack-heroes .mainhead {
    font-family:"RazerF5", sans-serif;
    font-size:2.25rem;
    font-weight:300;
    letter-spacing:0.0625rem;
    line-height:2.25rem
}
.gallery-stack-heroes .homepage-gallery .item .full-width h1 span, .gallery-stack-heroes .homepage-gallery .item .full-width .mainhead span {
    display:block;
    font-family:"RazerF5", sans-serif;
    font-size:1.125rem;
    line-height:1.5
}
.gallery-stack-heroes .homepage-gallery .item .full-width h1 span.bigger, .gallery-stack-heroes .homepage-gallery .item .full-width .mainhead span.bigger {
    color:#999;
    font-family:"RazerF5", sans-serif;
    font-size:2.5rem;
    line-height:1;
    text-transform:none
}
.gallery-stack-heroes .homepage-gallery .item .full-width h1 span.title, .gallery-stack-heroes .homepage-gallery .item .full-width .mainhead span.title {
    font-weight:500;
    margin-top:0.625rem
}
.gallery-stack-heroes .gallery-item {
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:cover;
    height:75vh
}
@media screen and (min-width: 1200px) {
    .gallery-stack-heroes .gallery-item {
        min-height:700px
    }
}
@media screen and (max-width: 480px) {
    .gallery-stack-heroes .gallery-item {
        min-height:650px
    }
}
.gallery-stack-heroes .homepage-gallery .item .full-width h1 span.arrow, .gallery-stack-heroes .homepage-gallery .item .full-width .mainhead span.arrow {
    color:#44d62c;
    display:inline-block
}
.gallery-stack-heroes .homepage-gallery .item .full-width h1 span.title .arrow:after, .gallery-stack-heroes .homepage-gallery .item .full-width .mainhead span.title .arrow:after {
    content:'>';
    color:#44d62c;
    display:inline-block;
    padding-left:5px
}
@media screen and (max-width: 767px) {
    .gallery-stack-heroes .homepage-gallery .item .full-width h1 span.bigger, .gallery-stack-heroes .homepage-gallery .item .full-width .mainhead span.bigger {
        color:#999;
        font-size:1.375rem;
        letter-spacing:0;
        line-height:1.2;
        margin:0 auto;
        text-transform:none;
        width:auto
    }
}
@media screen and (max-width: 767px) {
    .gallery-stack-heroes .homepage-gallery .item .full-width h1, .gallery-stack-heroes .homepage-gallery .item .full-width .mainhead {
        margin:0 auto;
        max-width:90%;
        padding-top:3.125rem;
        text-align:center
    }
}
.gallery-stack-heroes .homepage-banners-v2 h1, .gallery-stack-heroes .homepage-banners-v2 .mainhead {
    font-family:"RazerF5", Arial, Helvetica, sans-serif;
    font-size:2.25rem;
    font-weight:300;
    letter-spacing:0.0625rem;
    line-height:2.25rem;
    max-width:unset
}
.gallery-stack-heroes .homepage-banners-v2 .subhead {
    font-family:"RazerF5", Arial, Helvetica, sans-serif;
    font-size:1.1875rem;
    font-weight:300;
    padding:0.625rem 0 0 0;
    margin:0
}
@media screen and (min-width: 756px) {
    .gallery-stack-heroes .homepage-banners-v2 .subhead {
        font-size:1.75rem
    }
}
.gallery-stack-heroes .homepage-banners-v2 .item .full-width h1, .gallery-stack-heroes .homepage-banners-v2 .item .full-width .mainhead {
    max-width:unset;
    padding-top:3.75rem
}
.gallery-stack-heroes .homepage-banners-v2 .item .full-width h1 span, .gallery-stack-heroes .homepage-banners-v2 .item .full-width .mainhead span {
    display:block;
    font-family:"RazerF5", Arial, Helvetica, sans-serif;
    font-size:1.125rem;
    line-height:1.5
}
.gallery-stack-heroes .homepage-banners-v2 .item .full-width h1 span.bigger, .gallery-stack-heroes .homepage-banners-v2 .item .full-width .mainhead span.bigger {
    color:#fff;
    font-family:"RazerF5", Arial, Helvetica, sans-serif;
    font-size:2rem;
    font-weight:500;
    letter-spacing:0;
    line-height:1.2;
    margin:0 auto;
    text-transform:none
}
@media screen and (min-width: 756px) {
    .gallery-stack-heroes .homepage-banners-v2 .item .full-width h1 span.bigger, .gallery-stack-heroes .homepage-banners-v2 .item .full-width .mainhead span.bigger {
        font-size:3.5rem;
        letter-spacing:normal;
        line-height:1;
        text-transform:none;
        width:auto
    }
}
.gallery-stack-heroes .homepage-banners-v2 .item .full-width h1 span.title, .gallery-stack-heroes .homepage-banners-v2 .item .full-width .mainhead span.title {
    font-weight:500;
    margin-top:0.625rem
}
.gallery-stack-heroes .homepage-banners-v2 .cta-links {
    align-items:center;
    display:flex;
    justify-content:center;
    flex-direction:columns;
    flex-wrap:wrap;
    padding:0.375rem 0 0 0;
    position:relative;
    z-index:2
}
@media screen and (min-width: 756px) {
    .gallery-stack-heroes .homepage-banners-v2 .cta-links {
        flex-direction:row
    }
}
.gallery-stack-heroes .homepage-banners-v2 .cta-links .cta-link {
    padding:0 1rem;
    color:#fff;
    font-size:1.0625rem;
    font-family:"RazerF5", Arial, Helvetica, sans-serif;
    font-weight:300;
    line-height:normal;
    text-decoration:none
}
.gallery-stack-heroes .homepage-banners-v2 .cta-links .cta-link:hover {
    text-decoration:underline;
    text-underline-offset:3px;
    text-decoration-thickness:1px
}
@media screen and (min-width: 756px) {
    .gallery-stack-heroes .homepage-banners-v2 .cta-links .cta-link {
        font-size:1.3125rem
    }
}
.gallery-stack-heroes .homepage-banners-v2 .cta-links .cta-link .title .arrow::after {
    content:" >";
    color:#44d62c;
    display:inline-block;
    padding:5px
}
.gallery-stack-heroes .homepage-banners-v2 .item .full-width h1 span.arrow, .gallery-stack-heroes .homepage-banners-v2 .item .full-width .mainhead span.arrow {
    color:#44d62c;
    display:inline-block
}
.gallery-stack-heroes .homepage-banners-v2 .item .full-width h1 span.title .arrow:after, .gallery-stack-heroes .homepage-banners-v2 .item .full-width .mainhead span.title .arrow:after {
    content:">";
    color:#44d62c;
    display:inline-block;
    padding-left:5px
}
.razer-rtl body app-gamesir-dream app-homepage-banner .genpnx.product-badge.text-left {
    text-align:right
}
.razer-rtl body app-gamesir-dream app-homepage-banner .genpnx.product-badge.text-right {
    text-align:left
}
.intro-tag section {
    background-color:#000;
    width:100%
}
@media (max-width: 767px) {
    .intro-tag section>div {
        padding:2rem 0.625rem !important
    }
}
.intro-tag .container {
    display:grid;
    grid-template-areas:"first""second""third""forth";
    max-width:980px;
    text-align:center
}
.intro-tag .header {
    color:#000;
    font-family:RazerF5, sans-serif;
    font-size:2.25rem;
    font-weight:200;
    grid-area:first;
    letter-spacing:0.0625rem;
    line-height:2.25rem;
    padding-bottom:0.3125rem
}
.intro-tag .description {
    color:#000;
    font-size:1.125rem;
    font-weight:300;
    grid-area:second;
    line-height:1.5rem;
    line-height:1.75rem
}
.intro-tag .footnote {
    color:#000;
    font-size:0.75rem;
    font-weight:300;
    grid-area:third;
    line-height:1rem;
    margin-bottom:2rem
}
.intro-tag .icon-list {
    grid-area:forth;
    margin-top:20px;
    padding:0.625rem 0
}
.intro-tag .icon-list li {
    display:inline-block;
    padding:0.25rem 2rem;
    text-align:center;
    vertical-align:top;
    width:auto
}
.intro-tag .icon-list li a img, .intro-tag .icon-list li img {
    display:block;
    margin:0 auto;
    max-height:100%;
    max-width:100%
}
.genpnx.product-badge {
    color:#000;
    display:block;
    text-align:left;
    font-size:.875rem;
    font-weight:700;
    height:auto;
    line-height:.8rem;
    position:inherit;
    justify-self:center;
    margin-bottom:1rem;
    margin-left:0
}
.genpnx.product-badge.badge-green {
    background:#44d62c
}
.genpnx.product-badge.badge-orange {
    background:#ff9c07
}
.genpnx.product-badge.badge-blue {
    background:#28aadc
}
.genpnx.product-badge.badge-yellow {
    background:#ffc107
}
.multipanels-component {
    background-position:center top;
    background-repeat:no-repeat;
    background-size:cover;
    box-sizing:border-box;
    max-height:max-content;
    max-width:1920px;
    padding:2rem 0;
    margin:0 auto
}
.multipanels-component h2 {
    color:#44d62c;
    font-family:"RazerF5", Arial, Helvetica, sans-serif;
    font-size:1.75rem;
    font-weight:200;
    letter-spacing:0.0625rem;
    line-height:1.875rem;
    margin:0;
    padding:1rem 0;
    text-align:center;
    text-transform:uppercase
}
.multipanels-component h2:empty, .multipanels-component p:empty, .multipanels-component div.paragraph:empty, .multipanels-component p.paragraph:empty {
    margin:0
}
.multipanels-component p, .multipanels-component div.paragraph, .multipanels-component p.paragraph {
    color:#999;
    font-size:1.125rem;
    font-weight:300;
    line-height:1.5em;
    margin:0;
    padding:0.4375rem 0 1.25rem;
    text-align:center
}
.multipanels-component div, .multipanels-component p {
    color:#999;
    font-size:1.125rem;
    font-weight:300;
    line-height:1.5em
}
.multipanels-component a {
    font-size:1rem;
    font-weight:300
}
.multipanels-component ul.links {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    list-style:none;
    margin:0 auto;
    max-width:800px;
    padding:0;
    width:max-content
}
.multipanels-component ul.links li {
    padding:0 1rem
}
.multipanels-component ul.links li a:hover {
    text-decoration:underline
}
.multipanels-component button, .multipanels-component .button-appearance {
    padding-left:2.5rem;
    padding-right:2.5rem
}
.multipanels-component .button-appearance {
    color:#000 !important;
    background-color:#44d62c;
    font-weight:700;
    font-family:"RazerF5", Arial, Helvetica, sans-serif
}
.multipanels-component .mobile-bg-image {
    width:100%
}
.multipanels-component .container {
    height:100%;
    position:relative
}
.multipanels-component.col-1 {
    display:block
}
.multipanels-component.col-2 {
    grid-template-columns:repeat(2, 1fr)
}
.multipanels-component.col-4 {
    grid-template-columns:repeat(4, 1fr)
}
.multipanels-component.product-cards {
    padding:0
}
.multipanels-component.product-cards.col-2 {
    padding:0.8125rem 0
}
.multipanels-component.product-cards.col-3 {
    padding:1.5625rem 0
}
.multipanels-component.product-cards.col-3 .mp-ribbon {
    position:absolute;
    padding:0;
    top:20px;
    left:-10px
}
.multipanels-component.product-cards.col-3 .mp-ribbon .genpnx.product-badge {
    max-width:100%
}
.multipanels-component.product-cards.col-3 .mp-ribbon .genpnx.product-badge::before {
    border-left:0.625rem solid transparent;
    border-top:0.625rem solid #008900;
    bottom:-0.625rem;
    content:"";
    height:0;
    left:0;
    position:absolute;
    width:0
}
.multipanels-component.product-cards.col-3 .mp-ribbon .genpnx.product-badge.badge-green::before {
    border-top-color:#1b5811
}
.multipanels-component.product-cards.col-3 .mp-ribbon .genpnx.product-badge.badge-orange::before {
    border-top-color:#6d4100
}
.multipanels-component.product-cards.col-3 .mp-ribbon .genpnx.product-badge.badge-red::before {
    border-top-color:#4e1317
}
.multipanels-component.product-cards.col-3 .mp-ribbon .genpnx.product-badge.badge-yellow::before {
    border-top-color:#6d5200
}
.multipanels-component.product-cards.col-3 .mp-ribbon .genpnx.product-badge.badge-blue::before {
    border-top-color:#0f475c
}
.multipanels-component.product-cards.col-3 .mp-ribbon .genpnx.product-badge.badge-xmas::after {
    border-top-color:#4e1317
}
.multipanels-component.product-cards.col-4 {
    padding:1.5625rem 0
}
.multipanels-component.product-cards.col-4 .mp-ribbon {
    position:absolute;
    padding:0;
    top:20px;
    left:-10px
}
.multipanels-component.product-cards.col-4 .mp-ribbon .genpnx.product-badge {
    max-width:100%
}
.multipanels-component.product-cards.col-4 .mp-ribbon .genpnx.product-badge::before {
    border-left:0.625rem solid transparent;
    border-top:0.625rem solid #008900;
    bottom:-0.625rem;
    content:"";
    height:0;
    left:0;
    position:absolute;
    width:0
}
.multipanels-component.product-cards.col-4 .mp-ribbon .genpnx.product-badge.badge-green::before {
    border-top-color:#1b5811
}
.multipanels-component.product-cards.col-4 .mp-ribbon .genpnx.product-badge.badge-orange::before {
    border-top-color:#6d4100
}
.multipanels-component.product-cards.col-4 .mp-ribbon .genpnx.product-badge.badge-red::before {
    border-top-color:#4e1317
}
.multipanels-component.product-cards.col-4 .mp-ribbon .genpnx.product-badge.badge-yellow::before {
    border-top-color:#6d5200
}
.multipanels-component.product-cards.col-4 .mp-ribbon .genpnx.product-badge.badge-blue::before {
    border-top-color:#0f475c
}
.multipanels-component.product-cards.col-4 .mp-ribbon .genpnx.product-badge.badge-xmas::after {
    border-top-color:#4e1317
}
.multipanels-component.product-cards .container {
    padding:0
}
.multipanels-component.product-cards .container .section-header {
    font-weight:300;
    padding:4.0625rem 0 0
}
.multipanels-component.product-cards .container .subhead {
    line-height:1.5em;
    padding:0.4375rem 0 1.25rem
}
.multipanels-component .panel-container {
    display:grid;
    grid-gap:1rem;
    grid-template-columns:repeat(3, 1fr);
    height:100%;
    justify-content:center;
    margin:0 auto;
    max-width:1200px;
    position:relative
}
.multipanels-component .panel-container.col-1 {
    grid-template-columns:1fr
}
.multipanels-component .panel-container.col-2 {
    grid-template-columns:repeat(2, 1fr)
}
.multipanels-component .panel-container.col-4 {
    grid-template-columns:repeat(4, 1fr)
}
.multipanels-component .panel-container.product-cards .item-box {
    background-color:#111;
    border-bottom:1px solid #44d62c;
    display:grid;
    font-family:"Roboto", Helvetica, Arial, sans-serif;
    font-size:1.125rem;
    grid-template-areas:"icon""text-1""long-text-1""cta";
    grid-template-columns:1fr;
    grid-template-rows:auto 1fr 2fr 50px;
    padding:unset;
    text-align:left
}
.multipanels-component .panel-container.product-cards .item-box .item-img-container {
    background-color:#000;
    position:relative
}
.multipanels-component .panel-container.product-cards .item-box .item-img-container a {
    display:block;
    padding:0
}
.multipanels-component .panel-container.product-cards .item-box .item-img-container img {
    display:block;
    margin:0 auto
}
.multipanels-component .panel-container.product-cards .item-box .item-img-container img.image {
    max-width:100%;
    width:max-content
}
.multipanels-component .panel-container.product-cards .item-box .item-text-1 {
    color:#fff;
    font-size:1.125rem;
    font-weight:300;
    margin:0;
    padding:10px 10px 0 10px;
    text-align:left;
    text-transform:capitalize
}
.multipanels-component .panel-container.product-cards .item-box .item-long-text-1 {
    color:#888;
    font-family:"Roboto", Helvetica, Arial, sans-serif;
    font-size:14px;
    margin:0;
    padding:10px 10px 0 10px;
    text-align:left
}
.multipanels-component .panel-container.product-cards .item-box .item-long-text-1[markdown] ul li {
    margin:0
}
.multipanels-component .panel-container.product-cards .item-box .button-cta {
    align-self:end;
    display:inline-block;
    font-family:"Roboto", Helvetica, Arial, sans-serif;
    font-size:14px;
    margin:0;
    padding:10px;
    text-align:left;
    width:100%
}
.multipanels-component .panel-container.product-cards.col-2 .item-box {
    background-color:#111;
    border-bottom:1px solid #44d62c;
    display:block;
    font-size:1.125rem;
    grid-template-areas:"icon""image""text-1""long-text-1""cta";
    grid-template-rows:auto 1fr 1fr 50px;
    padding:unset;
    text-align:left
}
.multipanels-component .panel-container.product-cards.col-2 .item-box .item-img-container {
    background-color:#000
}
.multipanels-component .panel-container.product-cards.col-2 .item-box .item-img-container img {
    display:block;
    margin:0 auto
}
.multipanels-component .panel-container.product-cards.col-2 .item-box .item-text-1 {
    color:#fff;
    font-family:"RazerF5", Arial, Helvetica, sans-serif;
    font-size:1.75rem;
    font-weight:300;
    line-height:1.75rem;
    padding:4.065rem 0 0;
    text-align:center;
    text-transform:capitalize
}
.multipanels-component .panel-container.product-cards.col-2 .item-box .item-long-text-1 {
    color:#888;
    font-size:1.125rem;
    line-height:1.125rem;
    padding:0.4375rem 0.375rem 1.25rem;
    text-align:center
}
.multipanels-component .panel-container.product-cards.col-2 .item-box .button-cta {
    display:block;
    font-size:1rem;
    margin:0 auto;
    padding:0;
    text-align:center
}
.multipanels-component .panel-container .item-box {
    box-sizing:border-box;
    display:grid;
    grid-auto-columns:auto;
    grid-template-areas:"icon""text-1""long-text-1""text-2""description""cta";
    grid-template-rows:auto;
    position:relative;
    text-align:center
}
.multipanels-component .panel-container .item-box div, .multipanels-component .panel-container .item-box p {
    color:#999;
    font-size:1rem;
    line-height:1.5em
}
.multipanels-component .panel-container .item-box .icon {
    grid-area:icon;
    margin:0 auto;
    max-width:100%
}
.multipanels-component .panel-container .item-box .button-cta {
    grid-area:cta;
    margin:10px 0
}
.multipanels-component .panel-container .item-box .button-cta.text-align-left {
    text-align:left
}
.multipanels-component .panel-container .item-box .button-cta.text-align-center {
    text-align:center
}
.multipanels-component .panel-container .item-box .button-cta.text-align-right {
    text-align:right
}
.multipanels-component .panel-container .item-box .link-alone {
    grid-area:cta
}
.multipanels-component .panel-container .item-box .item-image {
    grid-area:image;
    max-width:100%
}
.multipanels-component .panel-container .item-box .item-text-1 {
    color:#44d62c;
    font-size:24px;
    font-weight:300;
    grid-area:text-1;
    margin-top:10px;
    line-height:1.2em;
    text-transform:uppercase
}
.multipanels-component .panel-container .item-box .item-text-2 {
    grid-area:text-2
}
.multipanels-component .panel-container .item-box .item-text-3 {
    grid-area:text-3
}
.multipanels-component .panel-container .item-box .item-text-4 {
    grid-area:text-4
}
.multipanels-component .panel-container .item-box .item-long-text-1 {
    grid-area:long-text-1
}
.multipanels-component .panel-container .item-box .item-long-text-2 {
    grid-area:long-text-2
}
.multipanels-component .panel-container .item-box .item-long-text-3 {
    grid-area:long-text-3
}
.multipanels-component .panel-container .item-box .item-long-text-4 {
    grid-area:long-text-4
}
.multipanels-component .link-alone:after {
    content:none;
    display:unset;
    padding-left:unset;
    position:unset
}
.multipanels-component .link-alone .link-arrow:after {
    content:">";
    display:inline-block;
    padding-left:0.1875rem;
    position:relative
}
.multipanels-component .icon-left {
    bottom:20px;
    left:20px;
    position:absolute
}
.multipanels-component .icon-right {
    bottom:20px;
    position:absolute;
    right:20px
}
.multipanels-component[markdown] ul {
    list-style:disc;
    margin:0;
    padding:0 0 0 1rem
}
.multipanels-component[markdown] ul li {
    list-style:disc;
    margin:0 0 0.8rem;
    text-align:left
}
.multipanels-component[markdown] a {
    color:#44d62c
}
.multipanels-component[markdown] img {
    vertical-align:bottom
}
.multipanels-component .mp-ribbon {
    padding:1.8em 0 0
}
.multipanels-component .mp-ribbon+* {
    padding-top:0.7em !important
}
.multipanels-component .genpnx.product-badge {
    color:#000 !important;
    font-size:0.875rem;
    font-weight:700;
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content;
    line-height:0.875rem;
    margin:0 auto;
    max-width:-webkit-fit-content;
    max-width:-moz-fit-content;
    max-width:fit-content;
    padding:5px 1em;
    position:unset;
    text-align:center;
    text-transform:uppercase
}
.multipanels-component .genpnx.product-badge:before {
    border:0;
    display:none
}
.multipanels-component .genpnx.product-badge.badge-green {
    background-color:#44d62c
}
.multipanels-component .genpnx.product-badge.badge-orange {
    background-color:#ff9c07
}
.multipanels-component .genpnx.product-badge.badge-red {
    background-color:#c8323c
}
.multipanels-component .genpnx.product-badge.badge-yellow {
    background-color:#ffc107
}
.multipanels-component .genpnx.product-badge.badge-blue {
    background-color:#28aadc
}
.multipanels-component .genpnx.product-badge.badge-xmas {
    --notchSize: 10px;
    background-color:#c8323c;
    color:#fff !important;
    clip-path:polygon(0 0, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% 100%, 0% 100%)
}
.multipanels-component .genpnx.product-badge.badge-xmas::after {
    content:"";
    display:block;
    position:absolute;
    border-top:10px solid transparent;
    border-left:10px solid #44D62C;
    width:0px;
    top:0;
    right:0
}
.multipanels-component .genpnx.product-badge.product-badge-compact {
    line-height:1em
}
.multipanels-component .genpnx.product-badge.product-badge-compact span {
    display:block;
    font-size:0.6rem
}
@media (max-width: 1199px) {
    .multipanels-component .container {
        width:100%
    }
    .multipanels-component .panel-container:not(.overwrite-mobile-grid) {
        --auto-grid-min-size: 35%;
        grid-template-columns:repeat(auto-fit, minmax(var(--auto-grid-min-size), 1fr)) !important;
        width:100%
    }
    .multipanels-component.awards .panel-container {
        --auto-grid-min-size: 10%
    }
}
@media (max-width: 768px) {
    .multipanels-component .container {
        max-width:100%;
        padding:1rem 1.125rem 0
    }
    .multipanels-component .container.col-2-mobile {
        --auto-grid-min-size: 8rem
    }
    .multipanels-component .container ul.links {
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        margin:0 auto;
        max-width:800px;
        width:100%
    }
    .multipanels-component .container ul.links li {
        padding:0 1rem
    }
    .multipanels-component .panel-container {
        padding:1rem 1.125rem 0
    }
    .multipanels-component .panel-container:not(.overwrite-mobile-grid) {
        --auto-grid-min-size: 32%
    }
    .multipanels-component .panel-container:not(.overwrite-mobile-grid).col-2-mobile {
        --auto-grid-min-size: 8rem
    }
    .multipanels-component .panel-container:not(.overwrite-mobile-grid) .item-box:not(.overwrite-mobile-grid) {
        grid-auto-rows:minmax(0, max-content);
        grid-template-areas:"icon""image""text-1""text-2""text-3""text-4""long-text-1""long-text-2""long-text-3""long-text-4""description""cta" !important;
        grid-template-columns:1fr !important;
        grid-template-rows:max-content !important
    }
    .multipanels-component .panel-container.product-cards.col-2 {
        --auto-grid-min-size: 50%;
        padding:1rem 1.125rem
    }
    .multipanels-component .panel-container.product-cards.col-2 .item-box {
        align-self:start;
        height:587px !important;
        max-height:587px !important;
        max-width:480px !important;
        place-self:center;
        width:480px !important
    }
    .multipanels-component.no-mobile-bg {
        margin-top:0;
        padding-top:0
    }
    .multipanels-component.product-cards.col-1 {
        background-size:cover !important;
        height:530px !important;
        max-height:530px !important;
        padding:0
    }
    .multipanels-component.product-cards.col-1 .container {
        padding:0
    }
    .multipanels-component.awards .panel-container {
        --auto-grid-min-size: 12%
    }
}
@media (max-width: 575px) {
    .multipanels-component .container, .multipanels-component .panel-container:not(.overwrite-mobile-grid) {
        --auto-grid-min-size: 49%;
        padding:0 1.125rem
    }
    .multipanels-component .container {
        max-width:570px;
        width:100vw
    }
    .multipanels-component .panel-container.product-cards.col-2 .item-box .icon {
        width:15vw
    }
    .multipanels-component.awards .panel-container {
        --auto-grid-min-size: 15%
    }
}
@media (max-width: 425px) {
    .multipanels-component.product-cards.col-2 .container {
        padding:0
    }
    .multipanels-component.product-cards.col-2 .panel-container:not(.overwrite-mobile-grid).product-cards.col-2 {
        padding:0 1.125rem
    }
    .multipanels-component.product-cards.col-2 .panel-container:not(.overwrite-mobile-grid).product-cards.col-2 .item-box {
        height:450px !important;
        max-height:450px !important;
        max-width:320px;
        width:100% !important
    }
    .multipanels-component.product-cards.col-2 .panel-container:not(.overwrite-mobile-grid).product-cards.col-2 .item-box .item-text-1 {
        padding:2.5rem 0 0
    }
    .multipanels-component.product-cards.col-2 .panel-container:not(.overwrite-mobile-grid).product-cards.col-2 .item-box .item-long-text-1 {
        padding:0.4375rem 0.375rem 1.25rem
    }
    .multipanels-component.product-cards.col-2 .panel-container:not(.overwrite-mobile-grid).product-cards.col-2 .item-box .icon {
        width:15vw
    }
    .multipanels-component.product-cards.col-1 {
        background-size:cover !important;
        height:480px !important;
        max-height:480px !important;
        padding:0
    }
    .multipanels-component.product-cards.col-1 .container {
        padding:0
    }
    .multipanels-component.product-cards.col-1 .container .section-header {
        font-weight:300;
        padding:2.5rem 0.5rem 0
    }
    .multipanels-component.product-cards.col-1 .container .subhead {
        line-height:1.125em;
        padding:0.4375rem 0 1rem
    }
    .multipanels-component.awards .panel-container {
        --auto-grid-min-size: 25%
    }
}
@media (max-width: 320px) {
    .multipanels-component.product-cards.col-1 {
        max-height:360px !important
    }
    .multipanels-component.product-cards.col-2 .panel-container:not(.overwrite-mobile-grid).product-cards.col-2 {
        padding:0
    }
    .multipanels-component.product-cards.col-2 .panel-container:not(.overwrite-mobile-grid).product-cards.col-2 .item-box {
        height:372px !important;
        max-height:372px !important
    }
    .multipanels-component.product-cards.col-3 .panel-container:not(.overwrite-mobile-grid).product-cards.col-3 {
        padding:0
    }
    .multipanels-component.product-cards.col-3 .panel-container:not(.overwrite-mobile-grid).product-cards.col-3 .mp-ribbon {
        left:0px
    }
    .multipanels-component.product-cards.col-3 .panel-container:not(.overwrite-mobile-grid).product-cards.col-3 .mp-ribbon .genpnx.product-badge::before {
        display:none
    }
    .multipanels-component.product-cards.col-4 .panel-container:not(.overwrite-mobile-grid).product-cards.col-4 {
        padding:0
    }
    .multipanels-component.product-cards.col-4 .panel-container:not(.overwrite-mobile-grid).product-cards.col-4 .mp-ribbon {
        left:0px
    }
    .multipanels-component.product-cards.col-4 .panel-container:not(.overwrite-mobile-grid).product-cards.col-4 .mp-ribbon .genpnx.product-badge::before {
        display:none
    }
}
.razer-rtl body app-gamesir-dream .multipanels-component[style*="justify-items: left;"] {
    justify-items:right !important
}
.razer-rtl body app-gamesir-dream .multipanels-component.product-cards .item-box {
    text-align:right
}
.razer-rtl body app-gamesir-dream .multipanels-component.product-cards .item-box .item-text-1 {
    text-align:right
}
.razer-rtl body app-gamesir-dream .multipanels-component.product-cards .item-box .item-long-text-1 {
    text-align:right
}
.razer-rtl body app-gamesir-dream .multipanels-component.product-cards .item-box .button-cta {
    align-self:end;
    text-align:right
}
.razer-rtl body app-gamesir-dream .multipanels-component.product-cards .button-cta.text-align-left {
    text-align:right
}
.razer-rtl body app-gamesir-dream .multipanels-component.product-cards .button-cta.text-align-right {
    text-align:left
}
.razer-rtl body app-gamesir-dream .multipanels-component.product-cards.col-2 .item-box {
    text-align:right
}
.razer-rtl body app-gamesir-dream .multipanels-component[markdown] ul li {
    text-align:right
}
.quotes {
    position:relative;
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:cover;
    min-height:360px;
    width:100%
}
@media screen and (max-width: 767px) {
    .quotes {
        background-image:none !important;
        display:block !important;
        min-height:0 !important
    }
}
.quotes.quotesWithIcon .quote_container h2 {
    margin-top:0
}
.quotes.container-center .quote_container .content-position {
    align-self:center
}
.quotes.container-right .quote_container .content-position {
    align-self:flex-end
}
.quotes.text-center .quote_container h2 {
    background:none;
    margin-left:0;
    padding-left:0
}
.quotes.text-center .quote_container h2 .quote-open {
    display:inline-block
}
.quotes.text-center .quote_container p, .quotes.text-center .quote_container div.paragraph {
    padding-left:0
}
.quotes .img-lifeStyle {
    margin-left:-50%;
    max-width:150%;
    width:150%
}
.quotes .quote_container {
    display:flex;
    flex-direction:column
}
.quotes .quote_container .content-position {
    align-self:flex-start
}
.quotes .quote_container h2 {
    background:url(../images/quote-open.png) no-repeat 0 4px;
    color:#fff;
    font-family:RazerF5, Arial, sans-serif;
    font-size:24px;
    font-weight:200;
    letter-spacing:0.0625rem;
    line-height:normal;
    margin-bottom:0;
    margin-left:-35px;
    margin-top:26%;
    max-width:100%;
    padding-left:35px;
    text-transform:none;
    width:600px
}
@media screen and (max-width: 979px) {
    .quotes .quote_container h2 {
        width:100% !important
    }
}
@media screen and (max-width: 480px) {
    .quotes .quote_container h2 {
        margin-left:0;
        margin-top:13%
    }
}
.quotes .quote_container h2 .quote-open {
    background-image:url(../images/quote-open.png);
    background-repeat:no-repeat;
    display:none;
    height:20px;
    margin-right:7px;
    width:24px
}
.quotes .quote_container h2 .quote-close {
    background:url(../images/quote-close.png);
    background-repeat:no-repeat;
    display:inline-block;
    height:20px;
    margin-left:7px;
    width:24px
}
.quotes .quote_container p, .quotes .quote_container div.paragraph {
    color:#fff;
    margin-bottom:0;
    margin-top:7px
}
@media screen and (max-width: 480px) {
    .quotes .quote_container p, .quotes .quote_container div.paragraph {
        padding-left:35px
    }
}
.razer-rtl body app-gamesir-dream .quotes.container-left .quote_container .content-position {
    width:38%;
    align-self:flex-end
}
@media screen and (max-width: 979px) {
    .razer-rtl body app-gamesir-dream .quotes.container-left .quote_container .content-position {
        width:100%
    }
}
.razer-rtl body app-gamesir-dream .quotes.container-right .quote_container .content-position {
    align-self:flex-start
}
@media screen and (max-width: 979px) {
    .razer-rtl body app-gamesir-dream .quotes.container-right .quote_container .content-position {
        width:100%
    }
}
.razer-rtl body app-gamesir-dream .quotes .quote_container h2 {
    background:none
}
.razer-rtl body app-gamesir-dream .quotes .quote_container h2 .quote-close {
    background-image:url(../images/quote-open.png);
    margin-right:10px
}
.razer-rtl body app-gamesir-dream .quotes .quote_container h2 .quote-open {
    background-image:url(../images/quote-close.png);
    display:inline-block;
    margin-left:10px
}
section.simple-tabs {
    padding:1rem;
    transition:0.5s all ease
}
section.simple-tabs .listy, section.simple-tabs .techspecs, section.simple-tabs .headers {
    margin:0 auto;
    max-width:1200px;
    padding:0 30px
}
@media (max-width: 767px) {
    section.simple-tabs .headers {
        padding:0
    }
}
section.simple-tabs .headers h3, section.simple-tabs .headers h2 {
    color:#0f0;
    font-family:'RazerF5', sans-serif;
    font-size:24px;
    font-weight:200;
    padding:0;
    text-transform:uppercase
}
section.simple-tabs .listy ol {
    display:flex;
    justify-content:center;
    list-style:none;
    padding:0
}
section.simple-tabs .listy ol li {
    color:white;
    padding:0.5rem 1rem
}
section.simple-tabs .listy ol li a {
    color:white;
    text-decoration:none
}
section.simple-tabs .listy ol li.active a {
    border-bottom:2px solid #0f0
}
section.simple-tabs .listy ul, section.simple-tabs .listy div[role="tabpanel"] {
    color:#999;
    list-style:disc
}
section.simple-tabs .listy ul li, section.simple-tabs .listy div[role="tabpanel"] li {
    list-style:disc
}
section.simple-tabs .listy ul.hidden, section.simple-tabs .listy div[role="tabpanel"].hidden {
    display:none
}
section.simple-tabs .techspecs ol {
    display:flex;
    flex-direction:column;
    justify-content:center;
    list-style:none;
    padding:0 0 1rem 0
}
section.simple-tabs .techspecs ol li {
    border-bottom:1px solid #333;
    color:white;
    display:flex;
    font-family:'RazerF5', sans-serif;
    font-size:1.5rem;
    font-weight:200;
    justify-content:space-between;
    line-height:1.75rem;
    padding:0.5rem 0;
    text-align:left
}
section.simple-tabs .techspecs ol li:last-child {
    border:0
}
section.simple-tabs .techspecs ol li ul {
    color:#999;
    display:flex;
    flex-direction:column;
    list-style:disc;
    padding:0 1rem;
    vertical-align:top;
    width:70%
}
section.simple-tabs .techspecs ol li ul li {
    border-bottom:0;
    color:#888;
    display:list-item;
    font-family:'Roboto', sans-serif;
    font-size:1rem;
    font-weight:300;
    line-height:1.7rem;
    list-style:disc;
    padding:0;
    text-align:left
}
section.simple-tabs .techspecs ul.hidden, section.simple-tabs .techspecs div[role="tabpanel"].hidden {
    display:none
}
section.simple-tabs .techspecs.mobile {
    padding:0
}
section.simple-tabs .techspecs.mobile ol>li {
    display:block
}
section.simple-tabs .techspecs.mobile ol>li ul {
    display:block;
    width:100%
}
section.simple-tabs .see-more {
    background:#212121;
    bottom:0;
    cursor:pointer;
    height:1.5625rem;
    left:0;
    position:absolute;
    text-align:center;
    width:100%
}
section.simple-tabs .icon-container {
    display:inline-block;
    height:100%;
    line-height:1.625rem;
    padding-right:1.25rem;
    position:relative
}
section.simple-tabs .icon-container i {
    border:solid gray;
    border-width:0 2px 2px 0;
    display:inline-block;
    padding:3px;
    position:absolute;
    right:0;
    top:30%;
    transform:rotate(225deg);
    -webkit-transition:0.2s ease all;
    transition:0.2s ease all;
    vertical-align:top
}
section.simple-tabs .icon-container i.down {
    transform:rotate(45deg)
}
.tabs-component .tabs {
    color:white;
    font-family:Roboto, Arial, sans-serif;
    overflow:hidden;
    padding:1rem;
    text-align:center
}
.tabs-component .tabs .glide {
    box-sizing:border-box;
    position:relative;
    width:100%
}
.tabs-component .tabs .glide * {
    box-sizing:inherit
}
.tabs-component .tabs .glide__track {
    overflow:hidden
}
.tabs-component .tabs .glide__slides {
    align-items:center;
    backface-visibility:hidden;
    display:flex;
    flex-wrap:nowrap;
    flex-wrap:wrap;
    justify-content:center;
    list-style:none;
    overflow:hidden;
    padding:0;
    position:relative;
    touch-action:pan-y;
    transform-style:preserve-3d;
    white-space:nowrap;
    width:100%;
    will-change:transform
}
.tabs-component .tabs .glide__slides--dragging {
    user-select:none
}
.tabs-component .tabs .glide__slide {
    flex-shrink:0;
    flex-shrink:initial;
    height:100%;
    -webkit-tap-highlight-color:transparent;
    -webkit-touch-callout:none;
    user-select:none;
    white-space:normal;
    width:100%
}
.tabs-component .tabs .glide__slide a {
    -webkit-user-drag:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.tabs-component .tabs .glide__arrows {
    -webkit-touch-callout:none;
    user-select:none
}
.tabs-component .tabs .glide--rtl {
    direction:rtl
}
.tabs-component .tabs .glide__arrow {
    background-color:transparent;
    border:0;
    color:white;
    cursor:pointer;
    display:block;
    height:42px;
    line-height:1;
    opacity:1;
    padding:0;
    position:absolute;
    text-transform:uppercase;
    top:50%;
    transform:translateY(-50%);
    transition:opacity 150ms ease, border 300ms ease-in-out;
    width:42px;
    z-index:2
}
.tabs-component .tabs .glide__arrow svg {
    stroke:#fff;
    stroke-width:2
}
.tabs-component .tabs .glide__arrow:focus {
    outline:none
}
.tabs-component .tabs .glide__arrow:hover {
    color:#44d62c
}
.tabs-component .tabs .glide__arrow:hover svg {
    stroke:#44d62c;
    stroke-width:4
}
.tabs-component .tabs .glide__arrow--left {
    left:0
}
.tabs-component .tabs .glide__arrow--right {
    right:0
}
.tabs-component .tabs .glide__arrow--disabled {
    opacity:0.33
}
.tabs-component .tabs .glide__bullets {
    bottom:-88px;
    display:inline-flex;
    left:50%;
    list-style:none;
    position:absolute;
    -webkit-touch-callout:none;
    transform:translateX(-50%);
    user-select:none;
    z-index:2
}
.tabs-component .tabs .glide__bullet {
    background-color:#CCC;
    border:none;
    border-radius:50%;
    box-shadow:0 0 0 1px #222;
    cursor:pointer;
    height:12px;
    line-height:0;
    margin:0 18px;
    padding:0;
    transition:all 300ms ease-in-out;
    width:12px
}
@media (max-width: 375px) {
    .tabs-component .tabs .glide__bullet {
        margin:0 12px
    }
}
.tabs-component .tabs .glide__bullet:after {
    content:"";
    width:48px;
    height:48px;
    display:inline-block;
    border:none;
    position:relative;
    left:-18px;
    top:-18px
}
.tabs-component .tabs .glide__bullet:focus {
    outline:none
}
.tabs-component .tabs .glide__bullet:hover, .tabs-component .tabs .glide__bullet:focus {
    background-color:#44d62c
}
.tabs-component .tabs .glide__bullet--active {
    background-color:#44d62c
}
.tabs-component .tabs .glide--swipeable {
    cursor:grab;
    cursor:-moz-grab;
    cursor:-webkit-grab
}
.tabs-component .tabs .glide--dragging {
    cursor:grabbing;
    cursor:-moz-grabbing;
    cursor:-webkit-grabbing
}
.tabs-component .tabs .glide__bullets, .tabs-component .tabs .glide__arrow {
    display:none
}
.tabs-component .tabs .glide__slide--clone {
    pointer-events:none
}
.tabs-component .tabs .tabs-children-container {
    display:flex;
    flex-direction:column
}
.tabs-component .tabs .images {
    display:inline-block;
    vertical-align:middle
}
.tabs-component .tabs .images img {
    height:auto;
    width:100%
}
.tabs-component .tabs .tabs-navigator-link {
    display:inline-block;
    height:auto;
    line-height:1.125rem;
    margin-bottom:0.5rem;
    width:auto
}
.tabs-component .tabs .tabs-navigator-link a {
    border-bottom:2px solid transparent;
    border-top:2px solid transparent;
    color:white;
    display:inline-block;
    margin:0 1rem 0 0;
    padding:0 0 0.25rem 0;
    text-decoration:none
}
.tabs-component .tabs .tabs-navigator-container>div:last-child a {
    margin-right:0
}
.tabs-component .tabs .tabs-navigator-link img {
    height:auto;
    width:auto
}
@media only screen and (min-width: 768px) {
    .tabs-component .tabs .tabs-navigator-link img {
        height:auto;
        width:100%;
        max-width:318px
    }
}
.tabs-component .tabs .tabs-navigator-link p {
    font-family:RazerF5, Arial, sans-serif;
    margin:0;
    padding:0
}
.tabs-component .tabs .tabs-navigator-link a.active {
    border-bottom:2px solid #44d62c;
    color:#44d62c
}
.tabs-component .tabs .tabs-content-hidden {
    display:none;
    margin:1rem 0
}
.tabs-component .tabs .tabs-parent-container {
    overflow-x:visible
}
.tabs-component .tabs .tabs-parent-container .paragraph, .tabs-component .tabs .tabs-content-hidden .paragraph {
    color:inherit;
    font-family:Roboto, Arial, sans-serif;
    line-height:1.5rem
}
.tabs-component .tabs .tabs-content-container>div:first-child {
    display:block
}
.tabs-component .tabs .tabs-parent-container h2 {
    font-size:1.75rem;
    line-height:120%
}
.tabs-component .tabs .tabs-parent-container h2, .tabs-component .tabs .tabs-content-hidden h2 {
    color:#44d62c;
    font-family:RazerF5, Arial, sans-serif;
    font-weight:300
}
.tabs-component .tabs.tabs-nav-bottom .tabs-children-container {
    display:flex;
    flex-direction:column-reverse
}
.tabs-component .tabs.tabs-nav-parting-style .tabs-navigator-link {
    border-bottom:0;
    margin:0;
    padding:0
}
.tabs-component .tabs.tabs-nav-parting-style .tabs-navigator-container>div {
    border-right:1px solid #666
}
.tabs-component .tabs.tabs-nav-parting-style .tabs-navigator-container>div:last-child {
    border-right:0
}
.tabs-component .tabs.tabs-nav-parting-style .tabs-navigator-link a {
    border-bottom:0;
    border-top:0;
    margin:0;
    min-width:5rem;
    padding:0.2rem 1rem
}
.tabs-component .tabs.tabs-nav-parting-style .tabs-navigator-link a.active p {
    color:#44d62c
}
@media only screen and (max-width: 767px) {
    .tabs-component .tabs.tabs-nav-parting-style .tabs-navigator-container>div {
        border-right:0;
        display:block
    }
    .tabs-component .tabs.tabs-nav-parting-style .glide__slides {
        display:block
    }
}
@media only screen and (max-width: 767px) {
    .tabs-component .tabs.tabs-nav-parting-style.tabs-nav-carousel-display .tabs-navigator-container>div {
        border-right:0;
        display:inline-block
    }
    .tabs-component .tabs.tabs-nav-parting-style.tabs-nav-carousel-display .glide__slides {
        display:inline-block
    }
}
.tabs-component .tabs.tabs-nav-card-style .tabs-navigator-link a {
    background:#333;
    padding:0.5rem
}
.tabs-component .tabs.tabs-nav-uppercase-style .tabs-navigator-link a {
    text-transform:uppercase
}
.tabs-component .tabs.tabs-nav-black-style .tabs-navigator-link a p {
    color:black
}
.tabs-component .tabs.tabs-nav-active-link-white-style .tabs-navigator-link a.active p {
    color:white
}
@media only screen and (max-width: 767px) {
    .tabs-component .tabs.tabs-nav-carousel-style .tabs-navigator-container {
        overflow:hidden;
        white-space:nowrap
    }
}
.tabs-component .tabs.tabs-nav-no-underline-style .tabs-navigator-link a.active {
    border-bottom:2px solid transparent
}
.tabs-component .tabs.tabs-nav-no-underline-style .tabs-navigator-link a.active p:last-child {
    text-decoration:underline
}
@media only screen and (max-width: 767px) {
    .tabs-component .tabs.tabs-nav-no-underline-on-mobile-style .tabs-navigator-link a {
        border-bottom:2px solid transparent !important
    }
    .tabs-component .tabs.tabs-nav-no-underline-on-mobile-style .tabs-navigator-link a.active {
        border-bottom:2px solid transparent !important
    }
}
.tabs-component .tabs.tabs-nav-animate-fade .tabs-navigator-link a img {
    opacity:0.33;
    transition:opacity 0.5s ease-in-out
}
.tabs-component .tabs.tabs-nav-animate-fade .tabs-navigator-link a:hover img {
    opacity:1
}
.tabs-component .tabs.tabs-nav-animate-fade .tabs-navigator-link a.active img {
    opacity:1
}
.tabs-component .tabs.tabs-nav-font-razer .tabs-navigator-link a p {
    font-family:RazerF5, Arial, sans-serif
}
.tabs-component .tabs.tabs-nav-carousel-display .glide__bullets {
    bottom:-48px;
    display:block
}
.tabs-component .tabs.tabs-nav-carousel-display .glide__arrow {
    display:block;
    top:50%
}
.tabs-component .tabs.tabs-nav-carousel-display .tabs-navigator-container {
    display:block
}
@media only screen and (min-width: 768px) {
    .tabs-component .tabs.tabs-nav-carousel-display .glide__slides {
        display:block;
        flex-wrap:initial
    }
    .tabs-component .tabs.tabs-nav-carousel-display .glide__bullets, .tabs-component .tabs.tabs-nav-carousel-display .glide__arrow {
        display:none
    }
}
@media only screen and (max-width: 767px) {
    .tabs-component .tabs.tabs-nav-carousel-display .glide__slide, .tabs-component .tabs.tabs-nav-carousel-display .glide__slide>a {
        margin-left:0;
        margin-right:0
    }
}
.tabs-component .tabs.tabs-nav-left-align-display .glide__slides {
    justify-content:left
}
.tabs-component .tabs.tabs-nav-full-width-display .tabs-content-container {
    margin-left:-1rem;
    width:calc(100% + 2rem)
}
.tabs-component .tabs.tabs-nav-full-width-display .glide__track {
    margin-left:-1rem;
    padding-left:1rem;
    padding-right:1rem;
    width:calc(100% + 2rem)
}
.razer-rtl body app-gamesir-dream .tabs-component .tabs .tabs-navigator-link a {
    margin:0 0 0 0rem
}
.razer-rtl body app-gamesir-dream .tabs-component .tabs.tabs-navigator-container>div:last-child a {
    margin-left:0
}
.razer-rtl body app-gamesir-dream .tabs-component .tabs.tabs-nav-parting-style .tabs-navigator-container>div {
    border-left:1px solid #666;
    border-right:0
}
.razer-rtl body app-gamesir-dream .tabs-component .tabs.tabs-nav-parting-style .tabs-navigator-container>div:last-child {
    border-left:0
}
.text-usp {
    color:#999;
    font-size:16px;
    max-width:100%
}
.text-usp>div {
    padding-bottom:50px
}
.text-usp a, .text-usp a:hover {
    color:#44d62c;
    text-decoration:none
}
.text-usp hr {
    background-color:#3f3f3f;
    margin-bottom:45px;
    margin-top:45px
}
.text-usp h1, .text-usp h2, .text-usp h3, .text-usp h4, .text-usp h5, .text-usp h6 {
    color:#fff;
    font-family:"Roboto", Arial, sans-serif
}
.text-usp h2 {
    font-size:36px;
    font-weight:100;
    margin-top:50px;
    padding-bottom:12px
}
.text-usp h3 {
    font-size:24px;
    margin-bottom:20px;
    margin-top:20px
}
.text-usp table {
    margin:20px 0;
    width:100%
}
.text-usp table th {
    border:0.0625rem solid #444;
    color:#fff;
    color:#ccc;
    font-weight:bold;
    padding:10px
}
.text-usp table td {
    border:0.0625rem solid #444;
    padding:10px
}
.text-usp .col[markdown] ol {
    list-style-type:auto;
    list-style-position:inside
}
.text-usp .col[markdown] ul {
    list-style-type:disc;
    list-style-position:inside
}
.text-usp .normal-list[markdown] ol {
    margin:0;
    margin-left:0;
    padding-left:0
}
.text-usp .normal-list[markdown] ol li {
    list-style-type:none;
    margin-bottom:0
}
.text-usp .normal-list[markdown] ol li ul {
    margin:0;
    margin-left:0;
    padding-left:0
}
.text-usp .normal-list[markdown] ol li ul>li {
    list-style-type:none;
    padding-bottom:20px
}
.text-usp .normal-list[markdown] ol li ul>li ul {
    margin-left:1em;
    padding-left:1em
}
.text-usp .normal-list[markdown] ol li ul>li ul>li {
    list-style-type:disc;
    padding-bottom:0
}
.text-usp .normal-list[markdown] ol li ul>li ol {
    margin-left:1em;
    padding-left:1em
}
.text-usp .normal-list[markdown] ol li ul>li ol>li {
    list-style-type:decimal;
    padding-bottom:0
}
.text-usp .list-format-decimal-latin-roman[markdown] ol {
    padding-left:1em
}
.text-usp .list-format-decimal-latin-roman[markdown] ol>li {
    color:#fff;
    list-style-type:decimal;
    padding-top:1em
}
.text-usp .list-format-decimal-latin-roman[markdown] ol>li ol {
    padding-left:1em
}
.text-usp .list-format-decimal-latin-roman[markdown] ol>li ol>li {
    color:#888;
    list-style-type:lower-alpha
}
.text-usp .list-format-decimal-latin-roman[markdown] ol>li ol>li ol {
    padding-left:1em
}
.text-usp .list-format-decimal-latin-roman[markdown] ol>li ol>li ol>li {
    list-style-type:lower-roman
}
.text-usp .list-format-decimal-latin-roman[markdown] ul {
    padding-left:1em
}
.text-usp .list-format-decimal-latin-roman[markdown] ul li {
    color:#888;
    list-style-type:disc
}
.text-usp .ol-style-remove[markdown] ol {
    padding-left:0
}
.text-usp .ol-style-remove[markdown] ol>li {
    color:#fff;
    list-style-type:none;
    padding-top:1em
}
.text-usp .ol-style-remove[markdown] ol>li ol {
    padding-left:1em
}
.text-usp .ol-style-remove[markdown] ol>li ol>li {
    color:#888
}
.text-usp .ol-style-remove[markdown] ul {
    padding-left:1.5em
}
.text-usp .ol-style-remove[markdown] ul li {
    color:#888;
    list-style-type:disc
}
.timeline {
    background-position:top center;
    background-size:cover;
    padding:60px 0 70px 0
}
@media (max-width: 768px) {
    .timeline {
        padding:3vh 0 4vh 0
    }
}
.timeline h2 {
    color:#44d62c;
    font-size:2.25rem;
    font-weight:100;
    letter-spacing:0.0625rem;
    line-height:2.5rem;
    margin-bottom:75px;
    text-align:center
}
@media (max-width: 768px) {
    .timeline h2 {
        margin-bottom:3vh
    }
}
.timeline .milestone-container {
    display:grid;
    grid-template-areas:'top''dashed''bottom';
    grid-template-columns:100%;
    grid-template-rows:49% 2% 49%;
    margin:0 auto;
    max-width:980px;
    width:fit-content
}
@media (max-width: 425px) {
    .timeline .milestone-container {
        max-width:100%
    }
}
.timeline .milestone-container .circle {
    background-color:#44d62c;
    border-radius:50%;
    display:block;
    height:8px;
    margin:0 auto;
    width:8px
}
.timeline .milestone-container.mobile {
    grid-template-areas:'top dashed bottom';
    grid-template-columns:49% 2% 49%;
    grid-template-rows:100%
}
.timeline .milestone-container.mobile .section_1 {
    flex-direction:column
}
@media (max-width: 768px) {
    .timeline .milestone-container.mobile .section_1 {
        text-align:right
    }
}
.timeline .milestone-container.mobile .section_2 {
    flex-direction:column
}
@media (max-width: 768px) {
    .timeline .milestone-container.mobile .section_2 {
        text-align:left
    }
}
.timeline .milestone-container.mobile .timeline-dotted {
    background-image:linear-gradient(to bottom, transparent 50%, #fff 50%);
    background-repeat:repeat-y;
    background-size:100% 8px;
    height:100%;
    width:1px
}
.timeline .milestone-container.mobile .milestone {
    margin-bottom:10px;
    padding:0 1rem;
    text-align:inherit
}
.timeline .milestone-container.mobile .milestone * {
    margin:0;
    padding:0
}
.timeline .milestone-container.mobile .milestone h3.header {
    padding:0.5rem 0 0;
    text-align:inherit
}
.timeline .milestone-container.mobile .milestone div.header-2 {
    font-size:2.5vw;
    line-height:3.5vw;
    padding:0.5rem 0 0;
    text-align:inherit
}
@media (max-width: 768px) {
    .timeline .milestone-container.mobile .milestone div.header-2 {
        line-height:3.2vw
    }
}
@media (max-width: 425px) {
    .timeline .milestone-container.mobile .milestone div.header-2 {
        font-size:4.5vw;
        line-height:5.5vw
    }
}
.timeline .milestone-container.mobile .milestone markdown.tooltips {
    background:none;
    border:0;
    bottom:unset;
    box-sizing:border-box;
    display:block;
    left:unset;
    padding:0;
    position:relative;
    text-align:inherit;
    top:unset;
    width:100%
}
.timeline .milestone-container.mobile .milestone markdown.tooltips * {
    margin:0;
    padding:0
}
.timeline .milestone-container.mobile .milestone markdown.tooltips p {
    margin:0;
    padding:0.5rem 0 0;
    text-align:inherit
}
.timeline .milestone-container.mobile .milestone markdown.tooltips a {
    cursor:pointer;
    padding:0.5rem 0 0
}
.timeline .milestone-container.mobile .milestone .circle {
    position:absolute;
    right:-4%;
    top:2vh
}
@media (max-width: 425px) {
    .timeline .milestone-container.mobile .milestone .circle {
        left:unset
    }
}
@media (max-width: 320px) {
    .timeline .milestone-container.mobile .milestone .circle {
        right:-4.5%
    }
}
.timeline .milestone-container.mobile .milestone.reverse {
    flex-direction:column;
    margin-bottom:15px;
    text-align:inherit
}
.timeline .milestone-container.mobile .milestone.reverse:first-of-type {
    margin-top:30px
}
.timeline .milestone-container.mobile .milestone.reverse h3.header {
    padding:0.5rem 0 0;
    text-align:inherit
}
.timeline .milestone-container.mobile .milestone.reverse .header-2 {
    padding:0.5rem 0 0 0
}
.timeline .milestone-container.mobile .milestone.reverse .circle {
    left:-7px;
    position:absolute;
    right:unset
}
@media (max-width: 768px) {
    .timeline .milestone-container.mobile .milestone.reverse .circle {
        left:-8px;
        top:15px
    }
}
.timeline .milestone-container .section_1 {
    align-items:stretch;
    display:flex;
    flex-direction:row;
    grid-area:top;
    justify-content:flex-start
}
.timeline .milestone-container .section_1 .circle {
    bottom:-0.5vh;
    position:absolute
}
.timeline .milestone-container .section_2 {
    align-items:flex-start;
    display:flex;
    flex-direction:row;
    grid-area:bottom;
    justify-content:flex-start
}
.timeline .milestone-container .section_2 .circle {
    left:6.5vw;
    position:absolute;
    top:-8%
}
.timeline .milestone-container .timeline-dotted {
    background-image:linear-gradient(to right, transparent 50%, #fff 50%);
    background-size:8px 100%;
    display:block;
    grid-area:dashed;
    height:1px;
    margin:0 auto
}
.timeline .milestone-container .milestone {
    align-self:flex-end;
    cursor:default;
    display:flex;
    flex-direction:column;
    max-width:200px;
    position:relative;
    text-align:center
}
.timeline .milestone-container .milestone.reverse {
    align-self:stretch;
    flex-direction:column-reverse
}
.timeline .milestone-container .milestone.reverse h3.header {
    padding:0 0 0.5rem 0
}
.timeline .milestone-container .milestone.reverse div.header-2 {
    padding:0.5rem 0.5rem 0 0.5rem
}
.timeline .milestone-container .milestone h3.header {
    color:#fff;
    font-size:1.125rem;
    font-weight:300;
    line-height:1.25rem;
    margin:0;
    padding:0.5rem 0 0 0;
    text-align:center
}
.timeline .milestone-container .milestone div.header-2 {
    color:#44d62c;
    flex-grow:2;
    font-size:0.75rem;
    line-height:0.875rem;
    margin:0;
    padding:0 0.5rem 0.5rem 0.5rem;
    text-align:center
}
.timeline .milestone-container .milestone div.header-2 p {
    margin:0
}
.timeline .milestone-container .milestone div.header-2 li {
    background-color:chocolate;
    color:aqua
}
.timeline .milestone-container .milestone markdown.tooltips {
    background-color:black;
    border:1px solid #333;
    border-radius:6px;
    color:#888;
    display:none;
    font-size:1rem;
    left:0;
    line-height:1.2rem;
    padding:10px 15px;
    position:absolute;
    text-align:left;
    top:135px;
    width:350px;
    z-index:99
}
.timeline .milestone-container .milestone markdown.tooltips.show {
    display:block
}
.timeline .milestone-container .milestone markdown.tooltips p {
    margin:0
}
.timeline .milestone-container .milestone markdown.tooltips a {
    color:#44d62c;
    display:block;
    text-decoration:unset
}
.timeline .milestone-container .milestone markdown.tooltips a::after {
    content:'>';
    padding-left:3px
}
app-tout .mp-ribbon {
    padding:1.8em 0 0;
    line-height:1.5em;
    font-size:1.125rem;
    font-weight:300
}
app-tout .mp-ribbon div {
    line-height:1.5em;
    font-size:1.125rem;
    font-weight:300
}
app-tout .mp-ribbon+* {
    padding-top:1rem !important
}
app-tout .genpnx.product-badge {
    color:#000 !important;
    font-size:0.875rem;
    font-weight:700;
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content;
    margin:0 auto;
    max-width:-webkit-fit-content;
    max-width:-moz-fit-content;
    max-width:fit-content;
    padding:0.30em 1em;
    position:unset;
    text-align:center;
    text-transform:uppercase
}
app-tout .genpnx.product-badge:before {
    border:0;
    display:none
}
app-tout .genpnx.product-badge.badge-green {
    background-color:#44d62c
}
app-tout .genpnx.product-badge.badge-orange {
    background-color:#ff9c07
}
app-tout .genpnx.product-badge.badge-red {
    background-color:#c8323c
}
app-tout .genpnx.product-badge.badge-yellow {
    background-color:#ffc107
}
app-tout .genpnx.product-badge.badge-blue {
    background-color:#28aadc
}
app-tout .genpnx.product-badge.product-badge-compact {
    line-height:1em
}
app-tout .genpnx.product-badge.product-badge-compact span {
    display:block;
    font-size:0.6rem
}
app-tout .genpnx.text-left {
    text-align:left
}
app-tout .genpnx.text-right {
    text-align:right
}
section.touts {
    margin:0 auto;
    max-width:120rem
}
section.touts a {
    text-decoration:none
}
section.touts.two-cols .highlights {
    display:flex;
    flex-flow:row wrap
}
section.touts.two-cols .highlights .single {
    display:flex;
    flex:1 1 49.5%;
    height:580px;
    padding:0 5px 10px 0;
    width:auto
}
section.touts.two-cols .highlights .single:nth-child(2n) {
    padding:0 0 10px 5px
}
section.touts.two-cols .highlights .single .promo-banner-container .bzone-content-container .text span {
    display:block
}
section.touts.two-cols .highlights .single .promo-banner-container .bzone-content-container .text span.title {
    color:#999;
    font-family:"RazerF5", sans-serif;
    font-size:1.8rem;
    font-weight:300;
    line-height:1;
    text-transform:none
}
section.touts.two-cols .highlights .single .promo-banner-container .bzone-content-container .text span.regular-text {
    color:#fff;
    font-family:"RazerF5", sans-serif;
    font-weight:700;
    margin-top:0.625rem
}
section.touts.two-cols .highlights .single .promo-banner-container .bzone-content-container .text span.arrow {
    color:#44d62c;
    display:inline-block
}
section.touts.two-cols .highlights .single a {
    width:100%
}
section.touts.two-cols .highlights .single .promo-banner-container {
    height:100%;
    position:relative;
    width:100%
}
section.touts.two-cols .highlights .single .promo-banner-container .tout-banner-link {
    position:absolute;
    height:100%;
    width:100%;
    z-index:11;
    text-decoration:none !important
}
section.touts.two-cols .highlights .single .promo-banner-container .bzone-banner {
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    height:100%;
    position:absolute;
    width:100%;
    z-index:1
}
section.touts.two-cols .highlights .single .promo-banner-container .bzone-banner.bzone-mobile {
    display:none
}
section.touts.two-cols .highlights .single .promo-banner-container .bzone-content-container {
    position:relative;
    z-index:10
}
section.touts.two-cols .highlights .single .promo-banner-container .bzone-content-container .text {
    background:0 0;
    font-family:"RazerF5", sans-serif;
    font-weight:700;
    margin:0 auto;
    max-width:60%;
    padding-top:3.375rem;
    text-align:center
}
@media screen and (max-width: 1199px) {
    section.touts.two-cols .highlights .single .promo-banner-container .bzone-content-container .text {
        max-width:90%
    }
}
section.touts .highlights {
    animation-duration:1s;
    animation-name:home-carousel-fade;
    background-color:#222;
    margin:0;
    padding:0
}
section.touts .highlights .single .text {
    background:#111;
    padding:0.625rem
}
@media screen and (max-width: 767px) {
    section.touts.two-cols .highlights .single {
        flex:0 1 100%;
        max-width:none;
        padding:0 0 10px
    }
}
@media screen and (max-width: 767px) {
    section.touts.two-cols .highlights .single:nth-child(2n) {
        padding-left:0
    }
}
@media screen and (max-width: 480px) {
    section.touts.two-cols .highlights .single .promo-banner-container .bzone-banner.bzone-mobile {
        display:block
    }
}
@media screen and (max-width: 480px) {
    section.touts.two-cols .highlights .single .promo-banner-container .bzone-banner.bzone-desktop {
        display:none
    }
}
@media screen and (max-width: 767px) {
    section.touts.two-cols .highlights {
        padding:0
    }
}
@media screen and (max-width: 767px) {
    section.touts.two-cols .highlights .single .promo-banner-container .bzone-content-container .text span.regular-text {
        font-size:1rem
    }
}
@media screen and (max-width: 767px) {
    section.touts.two-cols .highlights .single .promo-banner-container .bzone-content-container .text span.title {
        font-size:1.375rem
    }
}
section.touts.touts-v2 {
    margin:0 auto;
    max-width:120rem
}
section.touts.touts-v2 a {
    text-decoration:none
}
section.touts.touts-v2.two-cols .highlights {
    display:flex;
    flex-flow:row wrap
}
section.touts.touts-v2.two-cols .highlights .single {
    display:flex;
    flex:0 1 100%;
    height:580px;
    width:auto
}
@media screen and (min-width: 768px) {
    section.touts.touts-v2.two-cols .highlights .single {
        flex:1 1 49.5%
    }
}
section.touts.touts-v2.two-cols .highlights .single .promo-banner-container .bzone-content-container .text span {
    display:block
}
section.touts.touts-v2.two-cols .highlights .single .promo-banner-container .bzone-content-container .text span.title {
    color:#fff;
    font-family:"RazerF5", Arial, Helvetica, sans-serif;
    font-size:2rem;
    font-weight:500;
    line-height:1;
    text-transform:none
}
@media screen and (min-width: 756px) {
    section.touts.touts-v2.two-cols .highlights .single .promo-banner-container .bzone-content-container .text span.title {
        font-size:2.5rem
    }
}
section.touts.touts-v2.two-cols .highlights .single .promo-banner-container .bzone-content-container .text span.regular-text {
    color:#fff;
    font-family:"RazerF5", Arial, Helvetica, sans-serif;
    font-size:1.1875rem;
    font-weight:300;
    margin-top:0.75rem;
    line-height:1.3
}
@media screen and (min-width: 756px) {
    section.touts.touts-v2.two-cols .highlights .single .promo-banner-container .bzone-content-container .text span.regular-text {
        font-size:1.313rem
    }
}
section.touts.touts-v2.two-cols .highlights .single .promo-banner-container .bzone-content-container .text span.arrow {
    color:#44d62c;
    display:inline-block
}
section.touts.touts-v2.two-cols .highlights .single a {
    width:100%
}
section.touts.touts-v2.two-cols .highlights .single .promo-banner-container {
    height:100%;
    position:relative;
    width:100%
}
section.touts.touts-v2.two-cols .highlights .single .promo-banner-container .bzone-banner {
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    height:100%;
    position:absolute;
    width:100%;
    z-index:1
}
section.touts.touts-v2.two-cols .highlights .single .promo-banner-container .bzone-content-container {
    position:relative;
    z-index:10
}
section.touts.touts-v2.two-cols .highlights .single .promo-banner-container .bzone-content-container .text {
    background:0 0;
    font-family:"RazerF5", Arial, Helvetica, sans-serif;
    font-weight:700;
    margin:0 auto;
    max-width:90%;
    padding-top:3.375rem;
    padding-bottom:0.5rem;
    text-align:center
}
@media screen and (max-width: 1199px) {
    section.touts.touts-v2.two-cols .highlights .single .promo-banner-container .bzone-content-container .text {
        max-width:90%
    }
}
section.touts.touts-v2 .cta-links {
    align-items:center;
    display:flex;
    justify-content:center;
    flex-direction:columns;
    flex-wrap:wrap;
    position:relative;
    z-index:12
}
@media screen and (min-width: 756px) {
    section.touts.touts-v2 .cta-links {
        flex-direction:row
    }
}
section.touts.touts-v2 .cta-links .cta-link {
    color:#fff;
    font-size:1.0625rem;
    font-family:"RazerF5", Arial, Helvetica, sans-serif;
    font-weight:300;
    line-height:normal;
    padding:0 1rem;
    width:auto !important;
    z-index:12;
    text-decoration:none
}
section.touts.touts-v2 .cta-links .cta-link:hover {
    text-decoration:underline;
    text-underline-offset:3px;
    text-decoration-thickness:1px
}
section.touts.touts-v2 .cta-links .cta-link .title .arrow::after {
    content:" >";
    color:#44d62c;
    display:inline-block;
    padding:5px
}
section.touts.touts-v2 .highlights {
    animation-duration:1s;
    animation-name:home-carousel-fade;
    background-color:#222;
    margin:0;
    padding:0
}
section.touts.touts-v2 .highlights .single .text {
    background:#111;
    padding:0.625rem
}
@media screen and (max-width: 480px) {
    section.touts.two-cols .highlights .single .promo-banner-container .bzone-banner.bzone-mobile {
        display:block
    }
}
@media screen and (max-width: 480px) {
    section.touts.two-cols .highlights .single .promo-banner-container .bzone-banner.bzone-desktop {
        display:none
    }
}
@media screen and (max-width: 767px) {
    section.touts.touts-v2.two-cols .highlights .single .promo-banner-container .bzone-content-container .text span.regular-text {
        font-size:1.1875rem
    }
}
@media screen and (max-width: 767px) {
    section.touts.touts-v2.two-cols .highlights .single .promo-banner-container .bzone-content-container .text span.title {
        font-size:2rem
    }
}
.razer-rtl body app-gamesir-dream app-tout .genpnx.product-badge.text-left {
    text-align:right
}
.razer-rtl body app-gamesir-dream app-tout .genpnx.product-badge.text-right {
    text-align:left
}
.usp {
    align-content:flex-start;
    background-color:white;
    background-position:center bottom;
    background-size:cover;
    display:flex;
    justify-content:center;
    margin:0 auto;
    max-width:1920px;
    position:relative
}
.usp ul {
    list-style:disc;
    margin:1rem
}
.usp.animate-h h2, .usp.animate-h h1, .usp.animate-h p {
    -webkit-animation:moving 5s;
    animation:moving 1s
}
.usp.mobile.right .content .main-content, .usp.mobile.left .content .main-content {
    max-width:100%;
    padding:1rem
}
.usp.mobile.right .content .main-content h2, .usp.mobile.right .content .main-content h1, .usp.mobile.left .content .main-content h2, .usp.mobile.left .content .main-content h1 {
    font-size:1.75rem;
    margin:1rem 0
}
.usp.mobile.top-text .content .main-content {
    max-width:100%;
    padding:1rem
}
.usp.mobile.top-text .content .main-content .p-container, .usp.mobile.top-text .content .main-content h2, .usp.mobile.top-text .content .main-content h1 {
    padding:0;
    text-align:left;
    width:100%
}
.usp.mobile.top-text .content .main-content h2, .usp.mobile.top-text .content .main-content h1 {
    font-size:1.75rem;
    line-height:1.875rem;
    margin:1rem 0;
    padding:0 0 0.625rem
}
.usp.mobile.bottom-text .content .main-content {
    margin:0;
    max-width:100%;
    padding:1rem
}
.usp.mobile.bottom-text .content .main-content .p-container {
    padding:0;
    text-align:left;
    width:100%
}
.usp.mobile.bottom-text .content .main-content h2, .usp.mobile.bottom-text .content .main-content h1 {
    font-size:1.75rem;
    line-height:1.875rem;
    margin:1rem 0;
    padding:0
}
.usp.mobile.classic-bg.top-text .grid .main-content {
    margin-top:0
}
.usp.mobile.classic-bg h2, .usp.mobile.classic-bg h1 {
    color:#44d62c !important;
    font-size:1.75rem;
    line-height:1.875rem;
    padding:0 0 0.625rem
}
.usp.mobile.classic-bg .p-container {
    color:#999 !important
}
.usp.mobile.light-bg .content .main-content {
    justify-self:center
}
.usp.mobile.light-bg .content .main-content h2, .usp.mobile.light-bg .content .main-content h1 {
    font-size:1.75rem;
    line-height:1.875rem;
    margin:1rem !important;
    padding:0 0 0.625rem;
    text-align:center
}
.usp.mobile.light-bg .content .main-content ul.list-of-links {
    justify-content:center
}
.usp.mobile.light-bg .content .main-content ul.list-of-links li {
    margin:0 !important;
    margin-left:0 !important
}
.usp.mobile.ov-cl.top-text .grid {
    grid-auto-columns:unset;
    grid-auto-rows:unset;
    width:auto
}
.usp.mobile.ov-cl.top-text .grid .main-content {
    margin-top:0
}
.usp.dark-bg {
    background-color:black
}
.usp.dark-bg .grid .main-content h2, .usp.dark-bg .grid .main-content h1 {
    color:white
}
.usp.dark-bg .grid .main-content ul.list-of-content.spans .c1, .usp.dark-bg .grid .main-content ul.list-of-content.spans .c2, .usp.dark-bg .grid .main-content ul.list-of-content.spans .c3 {
    color:white
}
.usp.ov-cl.top-text .grid {
    grid-auto-columns:max-content;
    grid-auto-rows:max-content;
    width:auto
}
.usp.ov-cl .grid .main-content {
    padding:1rem 2rem
}
.usp.classic-bg, .usp.ov-cl {
    background-color:black
}
.usp.classic-bg.top-text .grid .main-content, .usp.ov-cl.top-text .grid .main-content {
    margin-top:2rem
}
.usp.classic-bg .grid .main-content h2, .usp.classic-bg .grid .main-content h1, .usp.ov-cl .grid .main-content h2, .usp.ov-cl .grid .main-content h1 {
    color:#44d62c;
    font-family:"RazerF5", Arial, Helvetica, sans-serif;
    font-size:1.75rem;
    font-weight:200;
    letter-spacing:0.0625rem;
    line-height:1.875rem;
    margin:1rem 0
}
.usp.right {
    align-content:center;
    text-align:left
}
.usp.right .content {
    align-items:center
}
.usp.right .content .main-content {
    justify-self:right;
    max-width:32%
}
.usp.right .content .main-content .p-container {
    padding:0;
    text-align:left;
    width:100%
}
.usp.right .content .main-content h2, .usp.right .content .main-content h1 {
    padding:0;
    text-align:left
}
.usp.right .content .main-content ul.list-of-links {
    justify-content:left;
    padding:0
}
.usp.right .content .main-content ul.list-of-links li:nth-child(1) {
    margin-left:0
}
@media (max-width: 767px) {
    .usp.right .content .main-content ul.list-of-links li:nth-child(1) {
        margin-left:0rem
    }
}
.usp.left {
    align-content:center;
    text-align:left
}
.usp.left .content {
    align-items:center
}
.usp.left .content .main-content {
    justify-self:left;
    max-width:32%
}
@media (max-width: 1200px) {
    .usp.left .content .main-content {
        margin-left:1rem
    }
}
@media (max-width: 767px) {
    .usp.left .content .main-content {
        margin-left:0
    }
}
.usp.left .content .main-content .p-container {
    padding:0;
    text-align:left;
    width:100%
}
.usp.left .content .main-content h2, .usp.left .content .main-content h1 {
    padding:0;
    text-align:left
}
.usp.left .content .main-content ul.list-of-links {
    justify-content:left;
    padding:0
}
.usp.left .content .main-content ul.list-of-links li:nth-child(1) {
    margin-left:0
}
@media (max-width: 767px) {
    .usp.left .content .main-content ul.list-of-links li:nth-child(1) {
        margin-left:0rem
    }
}
.usp.bottom-text .grid {
    align-content:flex-end
}
.usp.bottom-text .grid .main-content {
    margin-bottom:2rem
}
@keyframes moving {
    from {
        transform:translateY(10px)
    }
    to {
        transform:translateY(0)
    }
}
.usp strong {
    color:white
}
.usp h2, .usp h1 {
    color:black;
    font-size:2.2rem;
    text-transform:uppercase
}
.usp img.usp-bg {
    align-self:flex-start;
    display:none
}
.usp .grid {
    display:grid;
    height:100%;
    margin:0 auto;
    max-width:1200px;
    position:absolute;
    top:0;
    width:100%
}
.usp .grid span.disclaimer {
    align-self:flex-end;
    justify-self:flex-end;
    margin-right:6%
}
.usp .grid .main-content {
    padding:0 1rem
}
.usp .grid .main-content.d-grid {
    display:grid;
    grid-auto-rows:max-content
}
.usp .grid .main-content h2, .usp .grid .main-content h1 {
    box-sizing:border-box;
    font-family:RazerF5, sans-serif;
    font-weight:bold;
    grid-column:1;
    grid-row:1;
    margin:3rem 0 1rem 0;
    padding:0 1rem;
    text-align:center
}
.usp .grid .main-content .p-container {
    align-self:center;
    box-sizing:border-box;
    color:#888;
    font-family:Roboto, sans-serif;
    font-size:1.125em;
    font-weight:300;
    grid-column:1;
    grid-row:1;
    justify-self:center;
    line-height:1.5em;
    margin:0 auto;
    padding:0 1rem;
    text-align:center
}
.usp .grid .main-content ul.list-of-content {
    color:black;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
    list-style:none;
    margin:0;
    padding:0
}
.usp .grid .main-content ul.list-of-content.allimg {
    font-weight:200;
    text-align:center
}
@media (max-width: 1200px) {
    .usp .grid .main-content ul.list-of-content.allimg.count4, .usp .grid .main-content ul.list-of-content.allimg.count3 {
        flex-wrap:wrap
    }
    .usp .grid .main-content ul.list-of-content.allimg.count4 li, .usp .grid .main-content ul.list-of-content.allimg.count3 li {
        width:33%
    }
}
.usp .grid .main-content ul.list-of-content.allimg li {
    flex:0 0 auto
}
.usp .grid .main-content ul.list-of-content.allimg li img {
    margin:1rem auto;
    max-width:100%
}
.usp .grid .main-content ul.list-of-content.spans {
    font-weight:200;
    text-align:center
}
@media (max-width: 767px) {
    .usp .grid .main-content ul.list-of-content.spans.count4 {
        flex-wrap:wrap
    }
    .usp .grid .main-content ul.list-of-content.spans.count4 li {
        width:33%
    }
}
@media (max-width: 767px) {
    .usp .grid .main-content ul.list-of-content.spans.count3 {
        flex-wrap:wrap
    }
    .usp .grid .main-content ul.list-of-content.spans.count3 li {
        width:33%
    }
}
.usp .grid .main-content ul.list-of-content.spans .c1 {
    font-size:3.5vw;
    line-height:1
}
@media (min-width: 1920px) {
    .usp .grid .main-content ul.list-of-content.spans .c1 {
        font-size:60px
    }
}
@media (max-width: 1200px) {
    .usp .grid .main-content ul.list-of-content.spans .c1 {
        font-size:5vw
    }
}
@media (max-width: 767px) {
    .usp .grid .main-content ul.list-of-content.spans .c1 {
        font-size:8vw
    }
}
.usp .grid .main-content ul.list-of-content.spans .c2 {
    font-size:100%
}
@media (max-width: 767px) {
    .usp .grid .main-content ul.list-of-content.spans .c2 {
        font-size:0.8rem
    }
}
.usp .grid .main-content ul.list-of-content.spans .c3 {
    display:block
}
@media (max-width: 767px) {
    .usp .grid .main-content ul.list-of-content.spans .c3 {
        font-size:0.8rem
    }
}
.usp .grid .main-content ul.list-of-content li {
    font-family:Roboto, sans-serif;
    margin:1rem 2rem
}
@media (max-width: 767px) {
    .usp .grid .main-content ul.list-of-content li {
        margin:1rem 1.5rem
    }
}
.usp .grid .main-content ul.list-of-links {
    display:flex;
    justify-content:center;
    list-style:none;
    margin:0;
    padding:0
}
.usp .grid .main-content ul.list-of-links.spans {
    font-weight:200;
    text-align:center
}
@media (max-width: 767px) {
    .usp .grid .main-content ul.list-of-links.spans.count4 {
        flex-wrap:wrap
    }
    .usp .grid .main-content ul.list-of-links.spans.count4 li {
        width:33%
    }
}
@media (max-width: 767px) {
    .usp .grid .main-content ul.list-of-links.spans.count3 {
        flex-wrap:wrap
    }
    .usp .grid .main-content ul.list-of-links.spans.count3 li {
        width:33%
    }
}
.usp .grid .main-content ul.list-of-links.spans .c1 {
    font-size:3.5vw
}
@media (min-width: 1920px) {
    .usp .grid .main-content ul.list-of-links.spans .c1 {
        font-size:60px
    }
}
@media (max-width: 1200px) {
    .usp .grid .main-content ul.list-of-links.spans .c1 {
        font-size:5vw
    }
}
@media (max-width: 767px) {
    .usp .grid .main-content ul.list-of-links.spans .c1 {
        font-size:8vw
    }
}
.usp .grid .main-content ul.list-of-links.spans .c2 {
    font-size:100%
}
@media (max-width: 767px) {
    .usp .grid .main-content ul.list-of-links.spans .c2 {
        font-size:0.8rem
    }
}
.usp .grid .main-content ul.list-of-links.spans .c3 {
    display:block
}
@media (max-width: 767px) {
    .usp .grid .main-content ul.list-of-links.spans .c3 {
        font-size:0.8rem
    }
}
.usp .grid .main-content ul.list-of-links li {
    font-family:Roboto, sans-serif;
    margin:1rem 2rem
}
@media screen and (max-width: 458px) {
    .usp .grid .main-content ul.list-of-links li {
        margin:1rem 1rem
    }
}
.usp .grid .main-content ul.list-of-links li a:not(.have-link-arrow) {
    color:#44d62c
}
.usp .grid .main-content ul.list-of-links li a:not(.have-link-arrow).cta {
    appearance:none;
    background-clip:padding-box;
    background-color:#44d62c;
    border-bottom:0 none;
    border-left:solid 2px #0f0;
    border-left:0 !important;
    border-radius:0;
    border-radius:0.1875rem;
    border-right:0 none;
    border-top:0 none;
    color:#000;
    cursor:pointer;
    display:inline-block !important;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    line-height:38px;
    margin:0;
    min-width:120px;
    outline:0;
    padding:0 20px;
    position:relative;
    text-align:center;
    text-decoration:none;
    text-shadow:none;
    text-transform:uppercase;
    transition:color 0.45s, background 0.45s, border 0.45s;
    vertical-align:middle;
    white-space:nowrap
}
.usp .grid .main-content ul.list-of-links li a:not(.have-link-arrow).cta::after {
    content:""
}
.usp .grid .main-content ul.list-of-links li a:not(.have-link-arrow)::after {
    content:" >"
}
.usp .grid .main-content ul.list-of-links li a.have-link-arrow {
    color:#44d62c
}
.usp .grid .main-content ul.list-of-links li a.have-link-arrow.cta {
    appearance:none;
    background-clip:padding-box;
    background-color:#44d62c;
    border-bottom:0 none;
    border-left:solid 2px #0f0;
    border-left:0 !important;
    border-radius:0;
    border-radius:0.1875rem;
    border-right:0 none;
    border-top:0 none;
    color:#000;
    cursor:pointer;
    display:inline-block !important;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    line-height:38px;
    margin:0;
    min-width:120px;
    outline:0;
    padding:0 20px;
    position:relative;
    text-align:center;
    text-decoration:none;
    text-shadow:none;
    text-transform:uppercase;
    transition:color 0.45s, background 0.45s, border 0.45s;
    vertical-align:middle;
    white-space:nowrap
}
.usp .grid .main-content ul.list-of-links li a.have-link-arrow.cta span.link-arrow::after {
    content:""
}
.usp .grid .main-content ul.list-of-links li a.have-link-arrow span.link-arrow::after {
    content:" >"
}
.usp .grid .main-content .t2 {
    font-size:0.9rem
}
@media screen and (max-width: 767px) {
    .usp {
        background-image:none;
        flex-direction:column;
        min-height:0 !important;
        padding-top:0
    }
    .usp img.usp-bg {
        display:block;
        max-width:100%
    }
    .usp .bg-img-alt-text {
        display:none
    }
    .usp .content.grid {
        height:auto;
        max-height:unset;
        min-height:0;
        position:relative
    }
    .usp .content.grid h2, .usp .content.grid h1 {
        margin-top:1.5rem
    }
    .usp .content.grid span.disclaimer {
        display:none
    }
    .usp .content.grid p, .usp .content.grid h2, .usp .content.grid h1 {
        box-sizing:border-box;
        padding:0 1rem
    }
    .usp .content.grid p.lt2 {
        padding-left:1rem !important;
        padding-right:1rem !important
    }
    .usp .content.grid .main-content {
        padding:1rem 1.5rem !important
    }
    .usp .main-content {
        background:unset;
        border-left:unset;
        max-width:unset;
        padding:1rem 1.5rem !important
    }
    .usp.ov-cl .content.grid .main-content {
        padding:1rem 2rem !important
    }
    .usp.bottom-text .content .main-content {
        margin-bottom:0;
        padding:1rem 2rem !important
    }
    .usp.bottom-text .content .main-content h2, .usp.bottom-text .content .main-content h1 {
        font-size:1.75rem;
        line-height:1.875rem;
        margin:1rem 0 !important;
        padding:0 !important;
        text-align:left;
        width:100%
    }
    .usp.bottom-text .content .main-content .p-container {
        padding:0;
        text-align:left;
        width:100%
    }
}
.usp .form form {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-around;
    margin:0 auto
}
.usp .form form input[type="text"], .usp .form form input[type="email"], .usp .form form select {
    background:white;
    border:1px solid #333;
    box-sizing:border-box;
    font-family:Roboto, sans-serif;
    padding:0.5rem;
    width:100%
}
.usp .form form label {
    font-family:Roboto, sans-serif
}
.usp .form .content {
    margin:0 auto;
    max-width:1200px;
    padding:1rem
}
.usp .form .input-group {
    margin:0.4rem 0;
    width:45%
}
.usp .form h2, .usp .form h1 {
    font-family:Roboto, sans-serif;
    margin:0;
    margin:1rem auto;
    text-align:center
}
.razer-rtl body app-gamesir-dream .usp.right {
    text-align:right
}
.razer-rtl body app-gamesir-dream .usp.right .content .main-content .p-container {
    text-align:right
}
.razer-rtl body app-gamesir-dream .usp.right .content .main-content h2, .razer-rtl body app-gamesir-dream .usp.right .content .main-content h1 {
    text-align:right
}
.razer-rtl body app-gamesir-dream .usp.right .content .main-content ul.list-of-links {
    justify-content:right
}
.razer-rtl body app-gamesir-dream .usp.right .content .main-content ul.list-of-links li:nth-child(1) {
    margin-right:0
}
@media (max-width: 767px) {
    .razer-rtl body app-gamesir-dream .usp.right .content .main-content ul.list-of-links li:nth-child(1) {
        margin-right:0rem
    }
}
.razer-rtl body app-gamesir-dream .usp.left {
    text-align:right
}
@media (max-width: 1200px) {
    .razer-rtl body app-gamesir-dream .usp.left .content .main-content {
        margin-right:1rem
    }
}
@media (max-width: 767px) {
    .razer-rtl body app-gamesir-dream .usp.left .content .main-content {
        margin-right:0
    }
}
.razer-rtl body app-gamesir-dream .usp.left .content .main-content .p-container {
    text-align:right
}
.razer-rtl body app-gamesir-dream .usp.left .content .main-content h2, .razer-rtl body app-gamesir-dream .usp.left .content .main-content h1 {
    text-align:right
}
.razer-rtl body app-gamesir-dream .usp.left .content .main-content ul.list-of-links li:nth-child(1) {
    margin-right:0
}
@media (max-width: 767px) {
    .razer-rtl body app-gamesir-dream .usp.left .content .main-content ul.list-of-links li:nth-child(1) {
        margin-right:0rem
    }
}
.razer-rtl body app-gamesir-dream .usp.mobile.top-text .content .main-content .p-container, .razer-rtl body app-gamesir-dream .usp.mobile.top-text .content .main-content h2, .razer-rtl body app-gamesir-dream .usp.mobile.top-text .content .main-content h1 {
    text-align:right
}
.razer-rtl body app-gamesir-dream .usp.mobile.bottom-text .content .main-content .p-container {
    text-align:right
}
@media screen and (max-width: 767px) {
    .razer-rtl body app-gamesir-dream .usp .main-content {
        border-right:unset
    }
    .razer-rtl body app-gamesir-dream .usp.bottom-text .content .main-content h2, .razer-rtl body app-gamesir-dream .usp.bottom-text .content .main-content h1 {
        text-align:right
    }
    .razer-rtl body app-gamesir-dream .usp.bottom-text .content .main-content .p-container {
        text-align:right
    }
}
.video {
    background:black;
    display:block;
    min-height:200px;
    padding:0;
    text-align:center
}
.video h2 {
    color:#44d62c;
    font-size:2.2rem;
    line-height:2.25rem;
    padding:1rem
}
.video iframe {
    height:14.5rem;
    width:100%
}
.video video {
    outline:none;
    width:100%
}
.video div {
    line-height:0
}
@media (min-width: 768px) {
    .video iframe {
        height:36rem
    }
    .video video {
        height:36rem
    }
}
@media (min-width: 1200px) {
    .video iframe {
        height:36.25rem
    }
    .video video {
        height:36.25rem;
        width:unset
    }
    .video-page-width iframe {
        height:36rem;
        max-width:1024px !important
    }
    .video-page-width video {
        height:36rem;
        max-width:1024px !important
    }
}
.ytl-parent .ytl-close-btn.youtubelightbox-first-element {
    position:absolute;
    right:0;
    top:-50px;
    color:white;
    background-color:transparent;
    border:none;
    width:40px;
    height:40px;
    font-size:30px;
    z-index:1001;
    cursor:pointer
}
.ytl-parent {
    display:none;
    height:100%;
    left:0;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:1001
}
.ytl-parent::before {
    content:"";
    display:inline-block;
    height:100%;
    vertical-align:middle
}
.ytl-parent::after {
    background:black;
    content:"";
    height:100%;
    left:0;
    opacity:0.7;
    position:absolute;
    top:0;
    width:100%;
    z-index:10
}
.ytl-centeredchild {
    display:inline-block;
    max-width:900px;
    position:relative;
    vertical-align:middle;
    width:95%;
    z-index:20
}
.video-full-width {
    padding:0 !important
}
.video-full-width .container {
    max-width:1920px !important;
    padding:0;
    width:100% !important
}
.videowrapper {
    height:0;
    padding-bottom:56.25%;
    padding-top:0;
    position:relative
}
.videowrapper iframe {
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.video-popup {
    overflow:hidden;
    padding:1em;
    position:relative
}
.video-popup .container {
    max-width:1000px
}
.video-popup img {
    max-width:100%
}
.video-popup .video-caption {
    color:#999;
    padding-top:0.25em
}
.video-popup h2, .video-popup p, .video-popup div.paragraph {
    text-align:center
}
.video-item {
    height:auto;
    text-align:center
}
.video-item .img-responsive {
    margin:0 auto
}
.video-item:not(:last-child) .inner {
    margin-right:10px
}
.video-item-1 {
    float:none !important;
    padding:0;
    width:100%
}
@media (min-width: 768px) {
    .video-item {
        float:left
    }
    .video-item-3 {
        width:33.33333333%
    }
    .video-item-2 {
        width:50%
    }
    .video-popup {
        padding:2.5em
    }
}
.video-popup-usp {
    position:relative;
    text-align:left
}
.video-popup-usp h2 {
    text-transform:uppercase
}
.video-popup-usp .text-content {
    padding:1.25rem 0.625rem
}
.video-popup-usp .col-12, .video-popup-usp .col-xs-12 {
    padding-top:2em
}
.video-popup-usp img {
    max-width:100%
}
@media (min-width: 768px) {
    .video-popup-usp {
        overflow:hidden;
        padding:2em;
        position:relative;
        text-align:left
    }
    .video-popup-usp .text-content {
        padding-right:30px
    }
    .video-popup-usp .col-md-6, .video-popup-usp .col-sm-6 {
        padding-top:0
    }
}
@media (max-width: 1200px) {
    .video-popup-usp .text-content {
        padding-top:0 !important
    }
}
@media (max-width: 767px) {
    .video-popup-usp .text-content {
        padding-left:20px !important;
        padding-right:20px !important;
        padding-top:5px !important
    }
    .video-flex {
        display:flex;
        flex-direction:column-reverse
    }
}
.razer-rtl body app-gamesir-dream .video-popup-usp {
    text-align:right
}
@media (min-width: 768px) {
    .razer-rtl body app-gamesir-dream .video-popup-usp {
        text-align:right
    }
    .razer-rtl body app-gamesir-dream .video-popup-usp .text-content {
        padding-left:30px;
        padding-right:0 !important
    }
}
app-video .video-transcript {
    padding-top:0.5rem;
    text-align:center;
    height:2rem
}
app-video .video-transcript a {
    font-size:1rem;
    color:#44d62c
}
app-video .video-transcript a:hover {
    text-decoration:underline
}
html:not([lang^="en-"]) app-video .video-transcript {
    display:none
}
.video-bg-usp-container h1 {
    color:white;
    font-family:"RazerF5", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    font-size:2.25rem;
    letter-spacing:0.0625rem;
    line-height:2.25rem;
    padding-bottom:20px;
    text-transform:uppercase
}
.video-bg-usp-container .text-white {
    color:#fff !important
}
.video-bg-usp-container .text-grey {
    color:#999
}
.video-bg-usp-container .body-text {
    font-family:Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight:400;
    line-height:1.5
}
.video-bg-usp-container img {
    max-width:100%
}
.video-bg-usp-container .video-bg-usp {
    overflow:hidden;
    padding:10% 5%;
    position:relative;
    text-align:center
}
.video-bg-usp-container .video-bg {
    height:auto;
    left:50%;
    min-height:100%;
    min-width:100%;
    opacity:0.1;
    overflow:hidden;
    pointer-events:none;
    position:absolute;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    width:auto;
    z-index:1
}
.video-bg-usp-container .text_content {
    margin:0 auto
}
.video-bg-usp-container .text_content img {
    padding-bottom:40px;
    width:380px
}
.video-bg-usp-container .razer-link-button {
    background-color:#44d62c;
    border:0;
    border-radius:0.1875rem;
    color:#000;
    display:inline-block;
    font-family:"RazerF5", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    font-size:1.125rem;
    font-weight:700;
    height:3rem;
    line-height:1.4em;
    max-height:none;
    min-height:3rem;
    min-width:48px;
    padding:11px 20px;
    position:relative;
    text-align:center;
    text-overflow:ellipsis;
    text-transform:uppercase;
    transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    vertical-align:middle;
    white-space:nowrap;
    z-index:10
}
.video-bg-usp-container .razer-link-button:hover, .video-bg-usp-container .razer-link-button:focus {
    text-decoration:none
}
@media (max-width: 767px) {
    .video-bg-usp-container .video-bg {
        display:none
    }
}
app-navigation-ui {
    display:none
}
header[pnx-creation-nav][class*=" icon-"], header[pnx-creation-nav][class^=icon-] {
    font-family:phoenix-icons !important;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-style:normal;
    font-variant:normal;
    font-weight:400;
    line-height:1;
    speak:none;
    text-transform:none
}
.icon-close:before {
    color:var(--razer-color-body-text);
    content:"瞍�"
}
header[pnx-creation-nav], header[pnx-creation-nav] * {
    box-sizing:border-box
}
header[pnx-creation-nav] {
    font-family:sans-serif;
    line-height:1.15;
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:transparent
}
header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout {
    align-items:stretch;
    height:auto;
    margin:0;
    overflow-x:hidden;
    overflow-y:hidden;
    scroll-behavior:smooth
}
header[pnx-creation-nav] .search-box {
    background:none;
    padding:0
}
header[pnx-creation-nav] {
    margin:0;
    font-family:Roboto, Tahoma, Arial, sans-serif;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:#fff;
    text-align:left;
    background-color:#000
}
header[pnx-creation-nav] nav {
    display:block
}
header[pnx-creation-nav] h5 {
    margin-top:0;
    margin-bottom:.5rem
}
header[pnx-creation-nav] a {
    color:#fff;
    text-decoration:none;
    background-color:transparent
}
header[pnx-creation-nav] a:hover {
    color:#d9d9d9;
    text-decoration:underline
}
header[pnx-creation-nav] a:not([href]):not([class]) {
    color:inherit;
    text-decoration:none
}
header[pnx-creation-nav] a:not([href]):not([class]):hover {
    color:inherit;
    text-decoration:none
}
header[pnx-creation-nav] img {
    border-style:none;
    vertical-align:middle
}
header[pnx-creation-nav] svg {
    vertical-align:middle
}
header[pnx-creation-nav] input {
    margin:0;
    font-family:inherit;
    font-size:inherit;
    line-height:inherit;
    overflow:visible
}
header[pnx-creation-nav][hidden] {
    display:none !important
}
header[pnx-creation-nav] .h5, header[pnx-creation-nav] h5 {
    margin-bottom:.5rem;
    font-weight:500;
    line-height:1.2;
    font-size:1.25rem
}
header[pnx-creation-nav] .header {
    width:100%;
    padding-top:0;
    padding-bottom:0;
    padding-right:16px;
    padding-left:16px;
    margin-right:auto;
    margin-left:auto
}
header[pnx-creation-nav] app-gamesir-navigation-ui .wrapper {
    cursor:default
}
header[pnx-creation-nav] app-gamesir-navigation-ui.flyout .wrapper {
    color:#000
}
header[pnx-creation-nav] app-gamesir-navigation-ui nav:focus {
    color:var(--cx-g-color-primary)
}
header[pnx-creation-nav] app-gamesir-navigation-ui.flyout cx-generic-link, header[pnx-creation-nav] app-gamesir-navigation-ui.flyout h5 {
    display:flex;
    align-items:center;
    white-space:nowrap;
    color:currentColor
}
header[pnx-creation-nav] app-gamesir-navigation-ui.flyout cx-generic-link:hover, header[pnx-creation-nav] app-gamesir-navigation-ui.flyout h5:hover {
    color:var(--cx-color-primary)
}
header[pnx-creation-nav] app-gamesir-navigation-ui.flyout cx-generic-link:focus, header[pnx-creation-nav] app-gamesir-navigation-ui.flyout h5:focus {
    z-index:1;
    position:relative
}
header[pnx-creation-nav] app-gamesir-navigation-ui.flyout cx-generic-link a, header[pnx-creation-nav] app-gamesir-navigation-ui.flyout h5 a {
    display:block;
    width:100%
}
header[pnx-creation-nav] app-gamesir-navigation-ui.flyout cx-generic-link a:focus, header[pnx-creation-nav] app-gamesir-navigation-ui.flyout h5 a:focus {
    z-index:1;
    position:relative
}
header[pnx-creation-nav] app-gamesir-navigation-ui a {
    color:currentColor
}
@media (max-width: 1199.98px) {
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout .wrapper {
        height:0;
        overflow:hidden
    }
}
@media (min-width: 1200px) {
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout .wrapper {
        z-index:20
    }
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout>nav>.wrapper {
        padding:15px 20px;
        background:#fff
    }
}
@media (max-width: 1199.98px) {
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout>nav>cx-generic-link, header[pnx-creation-nav] app-gamesir-navigation-ui.flyout>nav>h5 {
        text-transform:uppercase;
        font-weight:600
    }
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout cx-generic-link, header[pnx-creation-nav] app-gamesir-navigation-ui.flyout h5 {
        border-bottom:1px solid var(--cx-color-light);
        display:flex;
        justify-content:space-between;
        cursor:pointer
    }
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout cx-generic-link a, header[pnx-creation-nav] app-gamesir-navigation-ui.flyout h5 {
        padding:1rem
    }
}
@media (min-width: 1200px) {
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout>nav {
        cursor:pointer
    }
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout>nav>h5 {
        margin-top:3px;
        padding-top:20px;
        -webkit-padding-end:15px;
        padding-inline-end:15px;
        padding-bottom:25px;
        -webkit-padding-start:0;
        padding-inline-start:0
    }
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout>nav nav>h5 {
        font-size:var(--cx-font-size, 1rem);
        font-weight:var(--cx-font-weight-bold);
        line-height:var(--cx-line-height, 1.22222);
        cursor:default
    }
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout>nav nav>h5:hover {
        color:currentColor
    }
}
@media (min-width: 1200px) {
    header[pnx-creation-nav] nav>div>cx-generic-link {
        padding:10px 0
    }
    header[pnx-creation-nav] div.childs>nav>cx-generic-link>a {
        padding:5px 0
    }
}
@media (min-width: 1200px) {
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout .childs .childs {
        padding:0
    }
}
header[pnx-creation-nav] {
    background-color:var(--cx-color-dark);
    color:var(--cx-color-inverse);
    display:block
}
header[pnx-creation-nav] .header {
    max-width:var(--cx-page-width-max);
    margin:auto;
    display:flex
}
header[pnx-creation-nav] .header>* {
    align-self:center;
    display:block;
    flex:none
}
header[pnx-creation-nav]:not(.is-expanded) cx-page-layout.navigation {
    display:none
}
header[pnx-creation-nav] .SiteLogo {
    width:90px
}
header[pnx-creation-nav] .SearchBox {
    margin:14px auto
}
header[pnx-creation-nav] .NavigationBar {
    flex:100%;
    min-height:67px
}
@media (min-width: 1200px) {
    header[pnx-creation-nav] .header {
        padding:0 10px
    }
}
@media (max-width: 767.98px) {
    header[pnx-creation-nav] .SearchBox {
        margin-top:4px;
        -webkit-margin-end:0;
        margin-inline-end:0;
        margin-bottom:4px;
        -webkit-margin-start:auto;
        margin-inline-start:auto
    }
}
@media (max-width: 1199.98px) {
    header[pnx-creation-nav] .NavigationBar {
        background-color:var(--cx-color-background)
    }
}
@media (max-width: 575.98px) {
    header[pnx-creation-nav] .SearchBox {
        -webkit-margin-start:auto;
        margin-inline-start:auto
    }
}
header[pnx-creation-nav] cx-page-layout>header {
    background-color:var(--cx-color-background);
    text-align:center;
    padding-bottom:25px;
    padding-top:25px
}
header[pnx-creation-nav] cx-page-layout cx-page-slot {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    flex:1 1 var(--cx-flex-basis, 100%)
}
header[pnx-creation-nav] cx-page-layout cx-page-slot>* {
    flex:1 1 var(--cx-flex-basis, 100%)
}
header[pnx-creation-nav] .green-icons:hover {
    color:#44d62c;
    cursor:pointer
}
header[pnx-creation-nav] .green-icons:active {
    color:#008900
}
header[pnx-creation-nav] {
    color:#999;
    font-family:RazerF5, Tahoma, Arial, sans-serif;
    font-size:1rem;
    font-weight:300;
    background-color:#040404;
    outline-style:none !important;
    position:relative;
    top:0;
    width:100%;
    z-index:200
}
header[pnx-creation-nav] .header {
    flex-wrap:wrap;
    justify-content:space-between;
    max-width:1200px;
    min-height:2.5rem;
    outline-style:none !important;
    position:relative
}
header[pnx-creation-nav] .header:empty {
    display:none
}
header[pnx-creation-nav] .header>* {
    align-self:baseline
}
header[pnx-creation-nav] .header .TopHeaderSlot {
    order:1
}
header[pnx-creation-nav] .header .SiteLogo {
    /*left:calc(50% - 5px);*/
    left:calc(50% - 25px);
    order:2;
    position:absolute;
    top:7px;
    transform:translateX(-50%);
    width:35px
}
/*header[pnx-creation-nav] .header .SiteLogo img {*/
/*    width:35px*/
/*}*/
header[pnx-creation-nav] .header .SearchBox {
    margin:0;
    padding:0 14px 0 0;
    order:4;
    padding:0;
    width:100%
}
header[pnx-creation-nav] .header .SearchBox .search-icon {
    display:none
}
header[pnx-creation-nav] .header .SearchBox .search-box[hidden] {
    display:block !important;
    position:relative
}
header[pnx-creation-nav] .header .SearchBox app-gamesir-search-widget {
    display:none
}
header[pnx-creation-nav] .header .SearchBox app-gamesir-search-widget.show {
    display:block;
    margin-bottom:20px;
    margin-top:15px
}
header[pnx-creation-nav] .header .NavigationBar {
    background-color:#040404;
    margin-right:auto;
    min-height:auto;
    order:5;
    overflow-x:hidden;
    overflow-y:visible
}
header[pnx-creation-nav] .header .NavigationBar app-gamesir-category-navigation {
    display:none;
    overflow-x:hidden
}
header[pnx-creation-nav] .header .NavigationBar app-gamesir-category-navigation app-gamesir-navigation-ui {
    padding:0 22px
}
header[pnx-creation-nav] .header .NavigationBar app-gamesir-category-navigation.show {
    display:block
}
header[pnx-creation-nav] app-gamesir-mobile-navigation+app-gamesir-mobile-navigation {
    display:none
}
@media (min-width: 768px) {
    header[pnx-creation-nav] {
        background-color:#040404;
        position:fixed
    }
    header[pnx-creation-nav] app-gamesir-mobile-navigation {
        display:none
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] .header {
        flex-wrap:nowrap;
        height:3.75rem;
        justify-content:flex-end;
        padding-left:calc(35px + 25px);
        padding-top:20px
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] .header>* {
        align-self:flex-start
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] .header .SiteLogo {
        box-sizing:content-box;
        left:0;
        top:14px;
        transform:none;
        width:35px;
        padding-left:0
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] .header .SearchBox {
        order:unset;
        padding:0 14px 0 0;
        width:auto
    }
}
@media (min-width: 1200px) {
    header[pnx-creation-nav] .header .SearchBox {
        padding:0 4rem 0 0
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] .header .SearchBox .search-icon {
        display:inline-flex;
        padding:0 14px 0 0
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] .header .SearchBox .search-box[hidden] {
        display:none !important;
        position:static
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] .header .SearchBox app-gamesir-search-widget.show {
        margin-top:0
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] .header .SearchBox app-gamesir-search-widget {
        display:block;
        order:3;
        width:auto
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] .header .NavigationBar {
        background-color:#040404;
        order:unset;
        padding:0 45px
    }
}
@media screen and (max-width: 768px) {
    header[pnx-creation-nav] .header .NavigationBar {
        padding:0 15px
    }
}
@media (max-width: 767.98px) {
    header[pnx-creation-nav] .header .NavigationBar {
        padding:0
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] .header .NavigationBar app-gamesir-category-navigation {
        display:block !important
    }
    header[pnx-creation-nav] .header .NavigationBar app-gamesir-category-navigation app-gamesir-navigation-ui {
        padding:0
    }
    header[pnx-creation-nav] .header .NavigationBar app-gamesir-category-navigation.show {
        display:none
    }
    header[pnx-creation-nav] .header .NavigationBar app-gamesir-category-navigation[hidden] {
        display:none !important
    }
}
@media (max-width: 767.98px) {
    header[pnx-creation-nav] .header .NavigationBar app-gamesir-category-navigation app-gamesir-navigation-ui {
        margin-top:-4px
    }
    .mobile-nav-open {
        overflow:hidden
    }
    .mobile-nav-open header[pnx-creation-nav] {
        height:100%;
        left:0;
        overflow:auto;
        position:fixed;
        top:0;
        width:100%
    }
}
header[pnx-creation-nav] app-gamesir-navigation-ui.flyout .wrapper {
    color:#fff
}
header[pnx-creation-nav] app-gamesir-navigation-ui h5 {
    margin:0
}
header[pnx-creation-nav] app-gamesir-navigation-ui.flyout app-gamesir-generic-link, header[pnx-creation-nav] app-gamesir-navigation-ui.flyout h5 {
    align-items:center;
    color:currentColor;
    display:flex;
    white-space:nowrap
}
header[pnx-creation-nav] app-gamesir-navigation-ui.flyout app-gamesir-generic-link:hover, header[pnx-creation-nav] app-gamesir-navigation-ui.flyout h5:hover {
    color:var(--cx-color-primary)
}
header[pnx-creation-nav] app-gamesir-navigation-ui.flyout app-gamesir-generic-link a, header[pnx-creation-nav] app-gamesir-navigation-ui.flyout h5 a {
    line-height:normal
}
header[pnx-creation-nav] app-gamesir-navigation-ui.flyout>nav {
    cursor:pointer
}
header[pnx-creation-nav] app-gamesir-navigation-ui.flyout>nav>app-gamesir-generic-link, header[pnx-creation-nav] app-gamesir-navigation-ui.flyout>nav>h5 {
    padding:0 15px 20px 0
}
header[pnx-creation-nav] app-gamesir-navigation-ui.flyout a {
    display:block;
    text-decoration:none;
    white-space:nowrap
}
@media (max-width: 767.98px) {
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout .wrapper {
        height:0;
        right:0
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout .wrapper {
        height:auto;
        overflow:visible;
        z-index:20
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout>nav>.wrapper {
        padding:15px 20px
    }
}
@media (max-width: 1199.98px) {
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout>nav>app-gamesir-generic-link, header[pnx-creation-nav] app-gamesir-navigation-ui.flyout>nav>h5 {
        text-transform:uppercase
    }
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout app-gamesir-generic-link, header[pnx-creation-nav] app-gamesir-navigation-ui.flyout h5 {
        cursor:pointer;
        display:flex;
        justify-content:space-between
    }
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout app-gamesir-generic-link a, header[pnx-creation-nav] app-gamesir-navigation-ui.flyout h5 a {
        display:block;
        line-height:normal;
        width:100%
    }
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout app-gamesir-generic-link a, header[pnx-creation-nav] app-gamesir-navigation-ui.flyout h5 {
        padding:1rem
    }
}
@media (min-width: 1200px) {
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout>nav nav>h5 {
        font-size:var(--cx-font-size, 1rem);
        font-weight:var(--cx-font-weight-bold);
        line-height:var(--cx-line-height, 1.22222);
        cursor:default
    }
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout>nav nav>h5:hover {
        color:currentColor
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] app-gamesir-navigation-ui>nav>app-gamesir-generic-link>a {
        padding:20px 15px 22px 0
    }
    header[pnx-creation-nav] nav>div>app-gamesir-generic-link {
        padding:10px 0
    }
    header[pnx-creation-nav] div.childs>nav>app-gamesir-generic-link>a {
        padding:5px 0
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout .childs .childs {
        padding:0
    }
}
header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui>nav>app-gamesir-generic-link, header[pnx-creation-nav] app-gamesir-category-navigation h5 {
    font-weight:600;
    text-transform:uppercase
}
@media (max-width: 1199.98px) {
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout.is-open nav.is-open>h5 {
        border-bottom:0;
        display:none
    }
}
header[pnx-creation-nav] app-gamesir-navigation-ui {
    display:flex
}
header[pnx-creation-nav] app-gamesir-navigation-ui nav {
    padding-right:5px
}
@media (max-width: 1199.98px) {
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout {
        color:#000;
        flex-direction:column
    }
}
@media (max-width: 1199.98px) {
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout.is-open>nav {
        display:none
    }
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout.is-open nav.is-open {
        display:initial
    }
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout.is-open nav.is-open>.wrapper {
        height:auto
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout>nav>.wrapper {
        opacity:0;
        position:absolute;
        visibility:hidden
    }
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout>nav.is-open>.wrapper, header[pnx-creation-nav] app-gamesir-navigation-ui.flyout>nav:hover>.wrapper {
        opacity:1;
        visibility:visible
    }
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout>nav.is-open>app-gamesir-generic-link, header[pnx-creation-nav] app-gamesir-navigation-ui.flyout>nav.is-open>h5 {
        color:#555
    }
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout>nav:hover>app-gamesir-generic-link, header[pnx-creation-nav] app-gamesir-navigation-ui.flyout>nav:hover>h5 {
        color:#555
    }
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout .childs {
        display:flex
    }
    header[pnx-creation-nav] app-gamesir-navigation-ui.flyout .childs nav:not(:last-child) {
        padding-right:15px
    }
}
header[pnx-creation-nav] nav .nav-menu-mobile {
    max-width:calc(100% - 44px);
    overflow:hidden;
    display:table
}
header[pnx-creation-nav] nav .nav-menu-mobile .mainnav {
    border:0;
    display:inline-block;
    padding:5px 20px 9px 0
}
header[pnx-creation-nav] nav .nav-menu-mobile .mainnav .nav-text {
    color:#888
}
header[pnx-creation-nav] nav .nav-menu-mobile .mainnav .icon-angle-left {
    background-image:url(../fonts/icon-arrow-right.svg);
    background-size:100% 100%;
    display:inline-block;
    height:15px;
    margin:0 0 5px 10px;
    vertical-align:middle;
    width:15px
}
header[pnx-creation-nav] nav .nav-menu-mobile .wrapper {
    display:inline-block;
    height:0;
    vertical-align:top;
    width:0
}
header[pnx-creation-nav] nav .nav-menu-mobile .wrapper .childs>nav:first-child .gtm_subnav, header[pnx-creation-nav] nav .nav-menu-mobile .wrapper .childs>nav:first-child app-gamesir-generic-link {
    margin-top:-1px;
    padding-top:4px
}
header[pnx-creation-nav] nav .nav-menu-mobile .wrapper .childs>nav:last-child app-gamesir-generic-link {
    border-bottom:0
}
header[pnx-creation-nav] nav.is-open .nav-menu-mobile .mainnav {
    display:table-cell
}
header[pnx-creation-nav] nav.is-open .nav-menu-mobile .mainnav .icon-angle-left {
    transform:rotate(180deg)
}
header[pnx-creation-nav] nav.is-open .nav-menu-mobile .wrapper {
    display:table-cell;
    height:auto;
    width:100%
}
@media (max-width: 767.98px) {
    header[pnx-creation-nav] nav .nav-menu-mobile .wrapper .childs .nav-menu-mobile {
        display:none
    }
    header[pnx-creation-nav] nav .nav-menu-mobile .wrapper .childs .nav-menu-desktop {
        display:block
    }
    header[pnx-creation-nav] nav .nav-menu-mobile .wrapper .childs .nav-menu-desktop a {
        color:#fff;
        font-family:Roboto, Tahoma, sans-serif;
        font-size:16px
    }
    header[pnx-creation-nav] nav .nav-menu-mobile .wrapper .childs .gtm_subnav {
        font-family:Roboto, Tahoma, sans-serif;
        font-size:16px
    }
    header[pnx-creation-nav] nav .nav-menu-mobile .wrapper .childs .gtm_subnav:not(.active-link) {
        color:#fff
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout {
        align-items:start;
        flex-direction:row;
        height:40px;
        justify-content:space-around;
        margin:0;
        overflow-x:auto;
        padding:0 0 0 5px
    }
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout.with-cart {
        justify-content:space-between
    }
}
@media (min-width: 1200px) {
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout {
        align-items:flex-end;
        height:40px
    }
}
header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout.is-open>nav {
    display:block
}
header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout.is-open>nav app-gamesir-generic-link, header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout.is-open>nav h5 {
    display:flex
}
header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout.is-open>nav.is-open h5 {
    border-bottom:0;
    color:#fff;
    display:flex;
    font-weight:400;
    justify-content:space-between
}
header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout.is-open>nav.is-open>.wrapper>.childs>nav {
    display:block
}
header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout.is-open>nav.is-open>.wrapper>.childs>nav.is-open {
    display:block
}
header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout::-webkit-scrollbar {
    height:0 !important;
    width:0 !important
}
header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav.active-link:not(.is-open) .nav-menu-mobile h5 .nav-text, header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav.active-link .nav-menu-desktop a {
    color:#555
}
header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav:not(.is-open):hover .nav-menu-mobile h5 .nav-text {
    color:#fff
}
header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav {
    border-bottom:1px solid #555;
    cursor:pointer
}
header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav[tabindex="0"].is-open:before, header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav[tabindex="0"]:hover:before {
    border-bottom:20px solid transparent
}
header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav app-gamesir-generic-link, header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav h5 {
    color:#999;
    font-family:RazerF5, Tahoma, Arial, sans-serif;
    font-size:1rem;
    font-weight:300;
    font-size:18px;
    line-height:42px;
    padding-top:4px;
    text-transform:none
}
header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav app-gamesir-generic-link a, header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav h5 a {
    color:#888;
    line-height:42px;
    padding:4px 0 0
}
header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav app-gamesir-generic-link a:hover, header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav h5 a:hover {
    color:#fff
}
header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav app-gamesir-generic-link a.active-link, header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav h5 a.active-link {
    color:#fff
}
header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav>.wrapper {
    background-color:#000;
    border:0;
    position:absolute
}
header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav>.wrapper nav app-gamesir-generic-link, header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav>.wrapper nav h5 {
    padding:0.5rem 1.25rem
}
header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav>.wrapper>.childs>nav {
    border-bottom:0.5px solid #222
}
header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav>.wrapper>.childs>nav:last-of-type {
    border:0
}
header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav>.wrapper>.childs>nav .childs>nav {
    padding-left:10px
}
@media (max-width: 767.98px) {
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout.is-open>nav.is-open>.wrapper {
        left:0;
        margin-right:40px;
        right:0;
        top:100%;
        z-index:11
    }
}
@media (max-width: 767.98px) {
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout nav {
        outline:0;
        padding-right:0
    }
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout nav .nav-menu-desktop {
        display:none
    }
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout nav .nav-menu-desktop .mainnav {
        display:inline-block
    }
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout nav.is-open {
        background:#000;
        border:0;
        height:100%;
        position:absolute;
        width:calc(100% - 44px)
    }
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout nav.is-open .nav-menu-mobile .wrapper {
        height:auto;
        position:static
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout nav {
        border:0 !important;
        padding-left:0
    }
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout nav .nav-menu-mobile {
        display:none
    }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav {
        border-bottom:0;
        overflow:hidden
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav[tabindex="0"].is-open:before, header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav[tabindex="0"]:hover:before {
        display:none
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav[tabindex="0"].is-open .mainnav .nav-text, header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav[tabindex="0"]:hover .mainnav .nav-text {
        height:37px;
        position:relative
    }
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav[tabindex="0"].is-open .mainnav .nav-text:before, header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav[tabindex="0"]:hover .mainnav .nav-text:before {
        border:15px solid transparent;
        border-bottom-color:#000;
        height:0;
        width:0;
        bottom:0;
        content:"";
        left:50%;
        position:absolute;
        transform:translateX(-50%)
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav[tabindex="0"]:focus {
        outline:0
    }
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav[tabindex="0"]:focus>.mainnav>.nav-text {
        outline:5px auto -webkit-focus-ring-color
    }
}
@media (max-width: 768px) {
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav>app-gamesir-generic-link, header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav>h5 {
        padding:0
    }
}
@media (max-width: 767.98px) {
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav app-gamesir-generic-link, header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav h5 {
        padding:3px 0 7px
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav app-gamesir-generic-link, header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav h5 {
        align-items:start;
        font-size:16px;
        height:auto;
        line-height:1.2;
        padding-bottom:20px;
        padding-top:0;
        position:relative
    }
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav app-gamesir-generic-link.mainnav, header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav h5.mainnav {
        height:37px
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav app-gamesir-generic-link a, header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav h5 a {
        font-size:16px;
        line-height:1.2
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav>.wrapper {
        left:0;
        padding-bottom:30px;
        right:0;
        top:100%;
        width:100%
    }
}
@media (min-width: 1200px) {
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav>.wrapper {
        left:30px;
        right:30px;
        width:calc(100% - 60px)
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav>.wrapper nav app-gamesir-generic-link, header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav>.wrapper nav h5 {
        border-bottom:0;
        padding:0.5rem
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav>.wrapper nav:first-child {
        color:#fff
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav>.wrapper>.childs>nav {
        border:0;
        min-width:140px
    }
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav>.wrapper>.childs>nav>* {
        color:#fff
    }
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav>.wrapper>.childs>nav .childs>nav {
        padding-left:0
    }
}
@media (min-width: 1200px) {
    header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav>.wrapper>.childs>nav {
        min-width:180px
    }
}
header[pnx-creation-nav] .search-icon {
    background:0 0;
    border:0;
    color:inherit;
    display:inline-block;
    height:1.25rem;
    margin-top:-.1875rem;
    order:1;
    overflow:hidden;
    position:relative;
    text-align:center;
    text-indent:-200px;
    vertical-align:middle;
    width:1.25rem;
    z-index:3
}
header[pnx-creation-nav] .search-icon:hover {
    color:#fff;
    text-decoration:none
}
header[pnx-creation-nav] .search-icon:before {
    font-family:phoenix-icons !important;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-style:normal;
    font-variant:normal;
    font-weight:400;
    line-height:1;
    speak:none;
    text-transform:none;
    content:"瞍�";
    display:block;
    font-weight:700;
    padding-left:.0625rem;
    padding-top:.0625rem;
    text-indent:0
}
@media (min-width: 768px) {
    header[pnx-creation-nav] .search-box {
        align-items:center;
        background:#222;
        display:flex;
        flex-flow:row;
        flex-wrap:nowrap;
        height:100%;
        justify-content:flex-start;
        left:0;
        margin-left:calc(35px + 10px);
        max-width:calc(1200px - (30px + 1.5rem));
        padding:0 1.5rem 0 10px;
        position:absolute;
        top:0;
        width:95vw;
        z-index:10
    }
}
header[pnx-creation-nav] .search-box__icon {
    width:1.25rem;
    margin-right:0
}
header[pnx-creation-nav] .search-box__icon:before {
    font-family:phoenix-icons !important;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-style:normal;
    font-variant:normal;
    font-weight:400;
    line-height:1;
    speak:none;
    text-transform:none;
    content:"瞍�";
    display:block;
    font-size:12px;
    font-weight:700;
    left:10px;
    padding-top:.0625rem;
    position:absolute;
    text-indent:0;
    top:12px
}
@media (min-width: 768px) {
    header[pnx-creation-nav] .search-box__icon {
        margin-right:10px
    }
}
@media (min-width: 768px) {
    header[pnx-creation-nav] .search-box__icon:before {
        font-size:16px;
        top:20px
    }
}
header[pnx-creation-nav] .search-box__input {
    background:#222;
    border:0;
    border-radius:10px;
    color:#888;
    font-size:16px;
    min-height:40px;
    outline:none;
    padding-left:30px;
    width:100%
}
@media (min-width: 768px) {
    header[pnx-creation-nav] .search-box__input {
        background:0 0;
        border-radius:0;
        color:#fff;
        min-height:inherit;
        padding-left:0
    }
}
header[pnx-creation-nav] .search-box--close {
    display:none;
    order:3;
    width:1.25rem
}
header[pnx-creation-nav] a.search-box--close {
    text-decoration:none
}
@media (min-width: 768px) {
    header[pnx-creation-nav] .search-box--close {
        display:block
    }
}
header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout nav.is-open .nav-menu-mobile .wrapper {
    z-index:1;
    background:#040404;
    position:relative
}
header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav.is-open .wrapper app-gamesir-generic-link {
    border-bottom:1px solid #555
}
header[pnx-creation-nav] app-gamesir-category-navigation app-gamesir-navigation-ui.flyout>nav.is-open .wrapper .childs nav:last-child app-gamesir-generic-link {
    border-bottom:0
}
header[pnx-creation-nav] .header .MiniCart {
    min-width:23px;
    order:3
}
@media (min-width: 768px) {
    header[pnx-creation-nav] .header .MiniCart {
        padding-left:5.5%
    }
}
@media screen and (max-width: 991.98px) and (min-width: 768px) {
    header[pnx-creation-nav] .header .MiniCart {
        padding-left:1.5%
    }
}
@media screen and (max-width: 1199.98px) and (min-width: 992px) {
    header[pnx-creation-nav] .header .MiniCart {
        padding-left:4%
    }
}
header[pnx-creation-nav] app-razer-mini-cart .icon-cart {
    background:0 0;
    border:0;
    color:#999;
    display:inline-block;
    margin-top:-.1875rem;
    overflow:hidden;
    position:relative;
    text-align:center;
    text-indent:-200px;
    vertical-align:middle;
    width:1.4375rem;
    z-index:3
}
header[pnx-creation-nav] app-razer-mini-cart .icon-cart:before {
    font-family:phoenix-icons !important;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-style:normal;
    font-variant:normal;
    font-weight:700;
    line-height:1;
    speak:none;
    text-transform:none;
    content:"瞍�";
    display:block;
    text-indent:0
}
header[pnx-creation-nav] app-razer-mini-cart .icon-cart:hover {
    color:#fff;
    text-decoration:none
}
@media (max-width: 767.98px) {
    header[pnx-creation-nav] app-razer-mini-cart .icon-cart {
        overflow:visible
    }
    header[pnx-creation-nav] app-razer-mini-cart .icon-cart:after {
        content:"";
        height:48px;
        left:-10px;
        position:absolute;
        top:-15px;
        width:48px
    }
    header[pnx-creation-nav] app-razer-mini-cart .icon-cart:focus {
        outline:0
    }
    header[pnx-creation-nav] app-razer-mini-cart .icon-cart:focus:after {
        outline:2px solid #6d9df7
    }
}
.razer-rtl body header[pnx-creation-nav] {
    direction:rtl;
    text-align:right
}
.razer-rtl header[pnx-creation-nav] .search-box__icon:before {
    left:auto;
    right:10px
}
.razer-rtl header[pnx-creation-nav] .icon-cart:before {
    left:auto;
    right:10px
}
.razer-rtl header[pnx-creation-nav] nav .nav-menu-mobile .mainnav {
    padding:3px 0 7px 20px
}
.razer-rtl header[pnx-creation-nav] nav .nav-menu-mobile .mainnav .icon-angle-left {
    transform:rotate(180deg);
    margin:0 10px 5px 0
}
.razer-rtl header[pnx-creation-nav] nav.is-open .nav-menu-mobile .mainnav .icon-angle-left {
    transform:rotate(0deg)
}
.razer-rtl header[pnx-creation-nav] .search-box__input {
    padding-right:30px
}
@media (min-width: 768px) {
    .razer-rtl header[pnx-creation-nav] .header {
        padding-left:10px;
        padding-right:calc(35px + 25px)
    }
    .razer-rtl header[pnx-creation-nav] .header .SiteLogo {
        right:0
    }
    .razer-rtl header[pnx-creation-nav] .header .SearchBox {
        padding:0 0 0 14px
    }
    .razer-rtl header[pnx-creation-nav] .header .SearchBox .search-icon {
        padding:0 0 0 14px
    }
    .razer-rtl header[pnx-creation-nav] .search-box {
        right:0;
        margin-left:0;
        margin-right:calc(35px + 10px);
        padding:0 10px 0 1.5rem
    }
    .razer-rtl header[pnx-creation-nav] app-gamesir-navigation-ui.flyout>nav>app-gamesir-generic-link, .razer-rtl header[pnx-creation-nav] app-gamesir-navigation-ui.flyout>nav>h5 {
        padding:0 0 20px 15px
    }
}
@media (min-width: 1200px) {
    .razer-rtl header[pnx-creation-nav] .header .SearchBox {
        padding:0 0 0 4rem
    }
}
@media (min-width: 768px) {
    .razer-rtl header[pnx-creation-nav] .search-box__input {
        padding-right:0
    }
}
@media (min-width: 768px) {
    .razer-rtl header[pnx-creation-nav] .header .MiniCart {
        padding-right:5.5%;
        padding-left:0
    }
}
@media screen and (max-width: 991.98px) and (min-width: 768px) {
    .razer-rtl header[pnx-creation-nav] .header .MiniCart {
        padding-right:1.5%;
        padding-left:0
    }
}
@media screen and (max-width: 1199.98px) and (min-width: 992px) {
    .razer-rtl header[pnx-creation-nav] .header .MiniCart {
        padding-right:4%;
        padding-left:0
    }
}
header[pnx-creation-nav] .header .SearchBox, .razer-rtl header[pnx-creation-nav] .header .SearchBox {
    padding:0 0 0 0;
    display:block
}
:root {
    --cx-g-color-background:#f4f4f4;
    --cx-g-color-primary:#44d62c;
    --cx-color-primary:#44d62c;
    --razer-color-body-text:#999;
    --cx-font-weight-bold:400;
    --cx-color-light:#222;
    --cx-color-background:#222;
    font-size:16px
}
.razer-rtl body footer {
    direction:rtl;
    text-align:right
}
@media (max-width: 767.98px) {
    .razer-rtl body footer .footer-container .footer-middle .label-container {
        text-align:right
    }
    .razer-rtl body footer .footer-container .location-selector {
        text-align:right !important
    }
}
app-head-ui code {
    display:inline-block;
    padding:2rem;
    font-size:1.2rem;
    width:100%
}
app-interest-points .interest-points {
    position:relative;
    width:100%;
    height:auto
}
app-interest-points .interest-points__title-wrapper {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1
}
app-interest-points .interest-points__title-overlay {
    position:relative;
    width:90%;
    height:auto;
    background:rgba(0, 0, 0, 0);
    z-index:9;
    pointer-events:none;
    color:#999;
    text-align:center;
    max-width:900px;
    min-width:280px;
    margin:0 auto;
    padding:1rem 1rem .5rem 1rem;
    font-family:'Roboto', sans-serif;
    font-size:1.125rem;
    font-weight:300;
    line-height:1.5rem
}
app-interest-points .interest-points__title-overlay.bottom {
    position:relative;
    bottom:0;
    left:-50%;
    transform:translateX(50%)
}
app-interest-points .interest-points__title-content {
    position:sticky;
    top:0;
    left:0;
    height:100vh;
    overflow:hidden;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    padding-top:60px
}
app-interest-points .interest-points__title-content h2 {
    text-align:center;
    font-family:'Roboto';
    font-weight:400;
    text-transform:none;
    font-size:2.25rem;
    line-height:3rem;
    color:#FFFFFF;
    margin:1rem 1rem 1rem 1rem
}
app-interest-points .interest-points__panel {
    position:fixed;
    width:100%;
    height:100vh;
    top:0;
    left:0;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    opacity:0;
    visibility:hidden
}
app-interest-points .interest-points__foreground {
    position:relative;
    width:1920px;
    height:1080px;
    top:0;
    left:50%;
    transform:translateX(-50%);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    overflow:visible;
    opacity:0
}
app-interest-points .interest-points__panel-wrapper {
    position:relative
}
app-interest-points .interest-points__lineText {
    position:absolute;
    bottom:1rem;
    left:50%;
    transform:translateX(-50%);
    height:auto;
    color:white;
    text-align:center;
    width:90vw;
    padding:.3rem 1rem 0 1rem;
    margin:0 auto;
    max-width:720px;
    text-shadow:-1px 1px 2px black;
    line-height:1.3rem
}
app-interest-points .interest-points__lineText:not(:empty):after {
    content:"";
    width:100px;
    height:0;
    display:inline-block;
    text-align:center;
    border-bottom:2px solid #00ff00;
    position:relative;
    top:-.3rem
}
app-interest-points .interest-points__line {
    border-left:solid 2px #00FF00;
    height:100px;
    width:0;
    position:absolute;
    top:0;
    left:0;
    margin-top:10px;
    opacity:0;
    visibility:hidden
}
app-interest-points .interest-points__highlight {
    position:absolute;
    top:0;
    left:0;
    width:60px;
    height:60px;
    margin-left:-29px;
    margin-top:-29px
}
app-interest-points .interest-points__highlight svg {
    transition:all 1s;
    filter:drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.4))
}
app-interest-points .interest-points__highlight svg .st0 {
    fill:#FFFFFF;
    cursor:pointer
}
app-interest-points .interest-points__highlight svg .st1 {
    fill:none;
    stroke:#FFFFFF;
    stroke-width:4;
    stroke-miterlimit:10
}
app-interest-points .interest-points__highlight svg .st3 {
    fill:none;
    stroke:#FFFFFF;
    stroke-width:2;
    stroke-miterlimit:10;
    animation-name:radiate;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
    animation-duration:2s
}
app-interest-points .interest-points__highlight.active svg .st0 {
    fill:#00FF00
}
app-interest-points .interest-points__highlight.active svg .st1 {
    stroke:#00FF00
}
@keyframes radiate {
    0% {
        transform:scale(0);
        transform-origin:center;
        opacity:1
    }
    50% {
        transform:scale(1);
        transform-origin:center;
        opacity:.7
    }
    100% {
        transform:scale(2.5);
        transform-origin:center;
        opacity:0
    }
}
app-interest-points .interest-points__highlight.active svg .st3 {
    display:none
}
@media (max-width: 720px) {
    app-interest-points .interest-points__title-content h2 {
        font-size:1.5rem;
        line-height:1.5rem
    }
    app-interest-points .interest-points__foreground .interest-points__lineText {
        max-width:500px;
        bottom:-4.5rem;
        font-size:.75rem;
        line-height:1rem;
        padding-left:0;
        padding-right:0
    }
    app-interest-points .interest-points__image ~ .interest-points__title-overlay {
        margin-top:4rem
    }
}
@media (max-height: 640px) and (orientation: landscape) {
    app-interest-points .interest-points__foreground {
        display:inline-block;
        vertical-align:middle
    }
    app-interest-points .interest-points__title-overlay {
        display:inline-block;
        width:53%;
        text-align:left;
        height:auto;
        vertical-align:middle;
        padding:0 1rem;
        margin-top:0rem !important;
        font-size:1rem;
        line-height:1.3rem;
        position:absolute;
        left:0
    }
    app-interest-points .half .interest-points__foreground .interest-points__lineText {
        max-width:66%;
        bottom:-4rem;
        font-size:0.75rem;
        line-height:1rem
    }
    app-interest-points .interest-points__image:not(.half) {
        margin-top:-2rem
    }
    app-interest-points .interest-points__image:not(.half) .interest-points__foreground .interest-points__lineText {
        bottom:-1.5rem
    }
    app-interest-points .interest-points__foreground .interest-points__lineText {
        max-width:500px;
        bottom:-2rem
    }
    app-interest-points .interest-points__image.half {
        width:50%;
        height:85%;
        display:inline-block;
        overflow:hidden;
        position:absolute;
        right:-3rem
    }
}
@media (max-height: 550px) and (orientation: landscape) {
    app-interest-points .interest-points__image.half {
        transform:scale(0.8);
        transform-origin:top
    }
    app-interest-points .interest-points__title-content h2 {
        font-size:1.5rem;
        line-height:2rem;
        margin:1rem 1rem 0rem 1rem
    }
}
@media (max-width: 320px) {
    app-interest-points .half .interest-points__foreground .interest-points__lineText {
        max-width:80%;
        bottom:-3.5rem
    }
    app-interest-points .interest-points__foreground .interest-points__lineText {
        max-width:500px;
        bottom:-4.5rem;
        font-size:0.75rem;
        line-height:1rem
    }
    app-interest-points .interest-points__image ~ .interest-points__title-overlay {
        margin-top:4rem
    }
    app-interest-points .interest-points__title-overlay {
        font-size:.9rem;
        line-height:1.2rem
    }
}
@media (max-height: 320px) {
    app-interest-points .half .interest-points__foreground .interest-points__lineText {
        bottom:-4.5rem !important
    }
    app-interest-points .interest-points__title-overlay {
        font-size:0.85rem;
        line-height:1.1rem
    }
}
@media (max-width: 425px) {
    app-interest-points .interest-points__highlight {
        transform:scale(0.5)
    }
    app-interest-points .interest-points__foreground .interest-points__line {
        transform:scaleY(1.05) translateY(-3px)
    }
}
@media (max-height: 300px) and (orientation: landscape) {
    app-interest-points .interest-points__title-overlay {
        width:60%
    }
    app-interest-points .interest-points__image.half {
        transform:scale(0.65);
        height:90%;
        right:-4.5rem
    }
}
app-interest-points .interest-points__title-overlay+.interest-points__image+.interest-points__title-overlay {
    bottom:1rem
}
@media (max-height: 640px) and (orientation: landscape) {
    app-interest-points .interest-points__image.half.half-full {
        transform:translateX(-50%) scale(0.9);
        transform-origin:top;
        overflow:visible;
        left:50%
    }
    app-interest-points .interest-points__title-heading+.interest-points__image.half.half-full+.interest-points__title-overlay {
        width:90%;
        text-align:center;
        left:50%;
        transform:translateX(-50%);
        bottom:1rem
    }
    app-interest-points .half.half-full .interest-points__foreground .interest-points__lineText {
        max-width:125%
    }
}
@media (max-height: 300px) and (orientation: landscape) {
    app-interest-points .interest-points__image.half.half-full {
        transform:translateX(-50%) scale(0.65)
    }
}
.interface-make-outline app-interest-points .interest-points__title-overlay {
    pointer-events:auto
}
.razer-rtl app-interest-points .interest-points__image {
    direction:ltr
}
.razer-rtl app-interest-points .interest-points__lineText {
    direction:rtl
}
@media (max-height: 640px) and (orientation: landscape) {
    .razer-rtl app-interest-points .interest-points__title-overlay {
        text-align:right
    }
}
app-template-create {
    display:block;
    margin:0 auto;
    max-width:1920px
}
app-template-content {
    display:block;
    margin:0 auto;
    max-width:1920px
}
app-product-info {
    display:block;
    margin:0 auto;
    max-width:1920px;
    direction:ltr !important
}
app-product-info h5 {
    margin-top:1rem
}
app-product-info table {
    color:#fff;
    border:1px solid #444;
    width:100%
}
app-product-info table tr td:first-child {
    width:150px
}
app-product-info table td {
    padding:1rem;
    vertical-align:top;
    border:1px solid #444
}
app-product-info table pre {
    color:#fff
}
app-product-info table img {
    max-width:500px;
    width:50vw;
    height:auto
}
app-product-info table img.thumbnail {
    width:78px;
    margin:1rem
}
app-product-info table ul {
    list-style:disc;
    margin:0;
    padding:0 0 0 1rem
}
.razer-rtl body app-gamesir-dream app-product-info {
    direction:rtl !important
}
app-translate {
    display:block;
    margin:0 auto;
    max-width:1920px;
    direction:ltr !important
}
app-translate .hidden {
    display:none
}
app-translate h5 {
    margin-top:1rem
}
app-translate ol, app-translate ul {
    margin-left:1rem;
    margin-right:1rem
}
app-translate table {
    color:#fff;
    border:1px solid #AAA;
    width:100%
}
app-translate table thead {
    text-transform:uppercase;
    font-weight:800;
    color:grey
}
app-translate table thead tr td:first-child {
    width:50%
}
app-translate table tbody tr td {
    width:calc(50vw - 40px)
}
app-translate table tbody tr td div {
    word-break:break-word
}
app-translate table tbody tr td:first-child {
    width:80px;
    color:grey
}
app-translate table tr.join td:not(:nth-child(1)) {
    border-bottom:0
}
app-translate table tr.join+tr td:not(:nth-child(1)) {
    border-top:0
}
app-translate table td {
    padding:1rem;
    vertical-align:top;
    border:1px solid #AAA
}
app-translate table pre {
    color:#fff
}
app-translate table img {
    max-width:500px;
    width:50vw;
    height:auto
}
app-translate table img.thumbnail {
    width:78px;
    margin:1rem
}
app-translate .translate-container {
    height:50px
}
app-translate .translate-bar {
    text-align:center;
    position:fixed;
    top:0;
    height:50px;
    background-color:black;
    width:100%;
    max-width:1920px
}
app-translate .translate-bar .translate-bar-container {
    width:calc(100% - 2rem);
    max-width:calc(1920px - 2rem);
    margin:0 1rem;
    position:relative
}
app-translate .translate-bar select {
    margin:.8rem
}
app-translate .translate-text {
    padding-bottom:7rem
}
app-translate .translate-saving {
    color:white;
    position:absolute;
    left:calc(100% - 100px);
    top:12px;
    width:100px;
    text-align:right;
    animation:blink 1s linear both;
    opacity:1
}
app-translate .remark {
    color:grey
}
app-translate .remark:not(:empty):after {
    content:":"
}
app-translate textarea {
    width:100%;
    padding:.5rem;
    background-color:transparent;
    color:white;
    border:1px solid #555
}
app-translate .translate-lock.lock {
    left:50%;
    text-align:center;
    top:50vh;
    transform:translateX(-50%);
    max-width:500px;
    min-width:320px
}
app-translate .translate-lock.lock input {
    width:100%;
    display:block;
    margin:0 0 1rem 0
}
app-translate .modified-by {
    font-size:9px;
    color:#999;
    cursor:pointer
}
app-translate .modified-by.dash {
    border-top:1px solid #AAA;
    padding-top:.5rem;
    margin-top:.5rem
}
app-translate .modified-by:empty {
    display:none
}
app-translate .modified-by:hover {
    color:#fff
}
app-translate .modified-by:after {
    content:"";
    margin:.2rem .5em 0 .5rem;
    display:inline-block;
    border:5px solid transparent;
    border-top:6px solid #999;
    border-bottom:0
}
app-translate .modified-by.open:after {
    content:"";
    margin:.2rem .5em 0 .5rem;
    display:inline-block;
    border:5px solid transparent;
    border-bottom:6px solid #999;
    border-top:0
}
app-translate .modified-by-history {
    height:0;
    overflow:hidden
}
app-translate .modified-by-history .by {
    font-size:9px;
    color:#999
}
app-translate .modified-by-history .value {
    font-size:12px;
    color:#fff;
    margin-bottom:1rem
}
app-translate .modified-by-history.open {
    height:auto;
    margin:1rem 0 0 0
}
@keyframes shake {
    0%, 100% {
        transform:translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        transform:translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        transform:translateX(10px)
    }
}
@keyframes blink {
    0%, 100% {
        opacity:0
    }
    30%, 70% {
        opacity:1
    }
}
.master.scroll app-translate .translate-container {
    display:none
}
.razer-rtl body app-gamesir-dream app-translate {
    direction:rtl !important
}
.razer-rtl body app-gamesir-dream app-translate .translate-saving {
    left:auto;
    right:calc(100% - 100px);
    text-align:left;
    direction:ltr
}
.razer-rtl body app-gamesir-dream app-translate table tbody tr td {
    text-align:left;
    direction:ltr
}
.razer-rtl body app-gamesir-dream app-translate table tbody tr td textarea {
    direction:rtl;
    text-align:right
}
#navBarSubMenu {
    background-color:#1a1a1a;
    border-bottom:1px solid #44D62C
}
#navBarSubMenu #navbar-container {
    background-color:#1a1a1a;
    width:100%;
    max-width:1200px;
    margin:0 auto;
    display:block;
    line-height:1.5
}
#navBarSubMenu #navbar-container .navbar-sub-menu-mobile {
    display:none
}
#navbar-container ul, #navbar-container ul li {
    margin:0;
    padding:0;
    list-style:none
}
#navbar-container .navbar-sub-menu {
    width:100%;
    display:flex;
    flex-direction:column
}
#navBarSubMenu #navbar-container .navbar-sub-menu {
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:flex-start;
    padding:18px 0
}
#navBarSubMenu #navbar-container .child.has-icon .navbar-sub-menu {
    padding-top:0
}
#navBarSubMenu #navbar-container .parent.no-icon .navbar-sub-menu>li {
    padding-right:50px
}
#navBarSubMenu #navbar-container .child .navbar-sub-menu>li, #navBarSubMenu #navbar-container .parent.has-icon .navbar-sub-menu>li {
    padding-right:35px
}
#navBarSubMenu #navbar-container .navbar-sub-menu>li.last, #navBarSubMenu #navbar-container .parent.has-icon .navbar-sub-menu>li.last {
    padding-right:0 !important
}
#navBarSubMenu #navbar-container .navbar-sub-menu .menu-icon {
    text-align:center;
    margin-bottom:8px;
    height:40px;
    display:flex;
    align-items:flex-end;
    justify-content:center
}
#navBarSubMenu #navbar-container .navbar-sub-menu .navbar-menu-label {
    text-align:center
}
#navBarSubMenu #navbar-container .navbar-sub-menu .ribbon-text {
    color:#44D62C;
    font-size:12px;
    text-align:center
}
#navBarSubMenu .navbar-sub-menu a {
    font-size:12px;
    font-family:'Roboto';
    color:#ffffff;
    text-decoration:none;
    text-align:center;
    white-space:nowrap
}
#navBarSubMenu .navbar-sub-menu li.current a {
    color:#44D62C
}
#navBarSubMenu .navbar-sub-menu a:hover {
    color:#44D62C
}
#navBarSubMenu #navbar-container .child.has-icon .navbar-sub-menu, #navBarSubMenu #navbar-container .parent.has-icon .navbar-sub-menu {
    display:block;
    overflow:hidden;
    overflow-x:auto;
    white-space:nowrap;
    text-align:center;
    overflow-y:auto;
    scrollbar-width:thin;
    scrollbar-color:rgba(255, 255, 255, 0.18) #31373a
}
#navBarSubMenu #navbar-container .child.has-icon .navbar-sub-menu>li, #navBarSubMenu #navbar-container .parent.has-icon .navbar-sub-menu>li {
    display:inline-block;
    vertical-align:top
}
#navBarSubMenu #navbar-container .child.has-icon .navbar-sub-menu::-webkit-scrollbar, #navBarSubMenu #navbar-container .parent.has-icon .navbar-sub-menu::-webkit-scrollbar {
    height:6px
}
#navBarSubMenu #navbar-container .child.has-icon .navbar-sub-menu::-webkit-scrollbar-thumb, #navBarSubMenu #navbar-container .parent.has-icon .navbar-sub-menu::-webkit-scrollbar-thumb {
    background-color:rgba(255, 255, 255, 0.18);
    border-radius:40px
}
#navBarSubMenu #navbar-container .child.has-icon .navbar-sub-menu::-webkit-scrollbar-track, #navBarSubMenu #navbar-container .parent.has-icon .navbar-sub-menu::-webkit-scrollbar-track {
    background-color:#31373a
}
@media (max-width: 1200px) {
    #navBarSubMenu {
        flex-direction:column
    }
    #navBarSubMenu .p-container.lt1 {
        padding:0
    }
    #navBarSubMenu #navbar-container .navbar-sub-menu-mobile {
        display:flex;
        justify-content:flex-start;
        flex-direction:row;
        padding:13px 30px;
        font-size:16px
    }
    #navBarSubMenu #navbar-container .navbar-sub-menu-mobile.has-icon {
        display:none
    }
    #navBarSubMenu #navbar-container .navbar-sub-menu-mobile.has-child-menu {
        padding-bottom:5px
    }
    #navBarSubMenu #navbar-container .navbar-sub-menu-mobile .mobile-parent-menu-title {
        cursor:pointer;
        color:#999999
    }
    #navBarSubMenu #navbar-container .navbar-sub-menu-mobile .mobile-parent-menu-title span {
        width:0;
        height:0;
        border-left:8px solid transparent;
        border-right:8px solid transparent;
        border-top:8px solid #999999;
        display:inline-block;
        margin:0 10px 2px 15px
    }
    #navBarSubMenu #navbar-container .navbar-sub-menu-mobile .mobile-parent-menu-title span.arrow-up {
        border-bottom:8px solid #999999;
        border-top:none
    }
    #navBarSubMenu #navbar-container .navbar-sub-menu-mobile .mobile-sub-menu-title {
        color:#44D62C;
        font-size:14px;
        margin-top:1px
    }
    #navBarSubMenu #navbar-container .parent.no-icon .navbar-sub-menu {
        flex-direction:column;
        padding-top:0;
        padding-left:30px;
        padding-right:30px;
        border-bottom:1px solid #44D62C;
        background-color:#1a1a1a;
        position:absolute;
        left:0;
        display:none;
        z-index:99;
        margin-top:-10px
    }
    #navBarSubMenu #navbar-container .parent .navbar-sub-menu.has-child-menu {
        margin-top:0
    }
    #navBarSubMenu #navbar-container .parent .navbar-sub-menu.active {
        display:block
    }
    #navBarSubMenu #navbar-container .parent.no-icon .navbar-sub-menu>li {
        width:100%;
        text-align:left;
        padding-right:0;
        border-bottom:1px solid #666666;
        padding:10px 0
    }
    #navBarSubMenu #navbar-container .parent .navbar-sub-menu>li.last {
        border-bottom:none
    }
    #navBarSubMenu .parent .navbar-sub-menu a {
        text-align:left
    }
    #navBarSubMenu #navbar-container .child, #navBarSubMenu #navbar-container .parent.has-icon {
        padding:0 10px
    }
    #navBarSubMenu #navbar-container .child .navbar-sub-menu, #navBarSubMenu #navbar-container .parent.has-icon .navbar-sub-menu {
        justify-content:flex-start;
        overflow-x:scroll
    }
    #navBarSubMenu #navbar-container .navbar-sub-menu.has-child-menu .navbar-menu-label, #navBarSubMenu #navbar-container .parent.no-icon .navbar-sub-menu .navbar-menu-label {
        text-align:left
    }
    #navBarSubMenu #navbar-container .navbar-sub-menu .navbar-menu-label {
        text-align:center
    }
}
@keyframes menu-slidein {
    0% {
        opacity:0
    }
    1% {
        transform:translateX(112px)
    }
    100% {
        opacity:1;
        transform:translateX(0)
    }
}
#navBarSubMenu #navbar-container .has-icon .navbar-sub-menu>li {
    opacity:0
}
#navBarSubMenu.slidein #navbar-container .has-icon .navbar-sub-menu>li {
    animation:menu-slidein 0.5s backwards;
    opacity:1
}