/*
 * YOUR STYLES HERE
 */

/*
 * FONTS
 */
:lang(zh)	{
    font-family: source-han-sans-simplified-c, sans-serif;
    }
:lang(ja)	{
    font-family: source-han-sans-japanese, sans-serif;
    }
:lang(ko)	{
    font-family: source-han-sans-korean, sans-serif;
    }


@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=9cf91264-16ea-4445-bb68-981ae82be08c");
    @font-face{
        font-family:"Helvetica Neue LT W05_45 Light";
        src:url("https://cwsmgmt.corsair.com/_ui/responsive/common/fonts/10052019/Fonts/cb0d1e8a-e111-4dbf-82c2-e948aba954c0.eot?#iefix");
        src:url("https://cwsmgmt.corsair.com/_ui/responsive/common/fonts/10052019/Fonts/cb0d1e8a-e111-4dbf-82c2-e948aba954c0.eot?#iefix") format("eot"),url("https://cwsmgmt.corsair.com/_ui/responsive/common/fonts/10052019/Fonts/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2") format("woff2"),url("https://cwsmgmt.corsair.com/_ui/responsive/common/fonts/10052019/Fonts/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff") format("woff"),url("https://cwsmgmt.corsair.com/_ui/responsive/common/fonts/10052019/Fonts/fdf10d5e-4ce0-45e5-a6c1-5eaff6cb1c11.ttf") format("truetype");
    }
    @font-face{
        font-family:"Helvetica Neue LT W05_55 Roman";
        src:url("https://cwsmgmt.corsair.com/_ui/responsive/common/fonts/10052019/Fonts/522972a6-5867-47ae-82fc-a7cf9bd5d4d4.eot?#iefix");
        src:url("https://cwsmgmt.corsair.com/_ui/responsive/common/fonts/10052019/Fonts/522972a6-5867-47ae-82fc-a7cf9bd5d4d4.eot?#iefix") format("eot"),url("https://cwsmgmt.corsair.com//_ui/responsive/common/fonts/10052019/Fonts/08b57253-2e0d-4c12-9c57-107f6c67bc49.woff2") format("woff2"),url("https://cwsmgmt.corsair.com/_ui/responsive/common/fonts/10052019/Fonts/08edde9d-c27b-4731-a27f-d6cd9b01cd06.woff") format("woff"),url("https://cwsmgmt.corsair.com/_ui/responsive/common/fonts/10052019/Fonts/8f4a1705-214a-4dd0-80b8-72252c37e688.ttf") format("truetype");
    }
    @font-face{
        font-family:"Helvetica Neue LT W05_65 Medium";
        src:url("https://cwsmgmt.corsair.com/_ui/responsive/common/fonts/10052019/Fonts/5640036d-d549-4f16-b31e-87da78d9e832.eot?#iefix");
        src:url("https://cwsmgmt.corsair.com/_ui/responsive/common/fonts/10052019/Fonts/5640036d-d549-4f16-b31e-87da78d9e832.eot?#iefix") format("eot"),url("https://cwsmgmt.corsair.com/_ui/responsive/common/fonts/10052019/Fonts/240c57a0-fdce-440d-9ce3-85e0cb56f470.woff2") format("woff2"),url("https://cwsmgmt.corsair.com/_ui/responsive/common/fonts/10052019/Fonts/7802e576-2ffa-4f22-a409-534355fbea79.woff") format("woff"),url("https://cwsmgmt.corsair.com/_ui/responsive/common/fonts/10052019/Fonts/14d824a2-2a5c-4692-8e30-74f6e177b675.ttf") format("truetype");
    }
    @font-face{
        font-family:"Helvetica Neue LT W01_75 Bold";
        src:url("https://cwsmgmt.corsair.com/_ui/responsive/common/fonts/10052019/Fonts/9697cfef-7816-47cc-81ed-c56c029d3bcf.eot?#iefix");
        src:url("https://cwsmgmt.corsair.com/_ui/responsive/common/fonts/10052019/Fonts/9697cfef-7816-47cc-81ed-c56c029d3bcf.eot?#iefix") format("eot"),url("https://cwsmgmt.corsair.com//_ui/responsive/common/fonts/10052019/Fonts/1f4274cd-2674-481e-9023-69e33ffca161.woff2") format("woff2"),url("https://cwsmgmt.corsair.com/_ui/responsive/common/fonts/10052019/Fonts/5e8d493c-be01-44b9-962e-504a5cf10dd8.woff") format("woff"),url("https://cwsmgmt.corsair.com/_ui/responsive/common/fonts/10052019/Fonts/ae36b4a0-aa2c-46cc-98d8-d8b7d22241dc.ttf") format("truetype");
    }

@import url("//hello.myfonts.net/count/396129");

@font-face {font-family: 'BebasNeuePro-SmEBd';src: url('https://cwsmgmt.corsair.com/_ui/responsive/common/fonts/webfonts/396129_0_0.eot');src: url('https://cwsmgmt.corsair.com/_ui/responsive/common/fonts/webfonts/396129_0_0.eot?#iefix') format('embedded-opentype'),url('https://cwsmgmt.corsair.com/_ui/responsive/common/fonts/webfonts/396129_0_0.woff2') format('woff2'),url('https://cwsmgmt.corsair.com/_ui/responsive/common/fonts/webfonts/396129_0_0.woff') format('woff'),url('https://cwsmgmt.corsair.com/_ui/responsive/common/fonts/webfonts/396129_0_0.ttf') format('truetype');}

#callofduty {
  display: none;
}

.lowercase {
    text-transform:lowercase;
}

/*
 * END FONTS
 */

.classificationHeading {
     margin-top: 0px;
}

body {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    color: #000;
    margin: 0px;
}

ul {
    display: block;
    list-style-type: unset;
    margin-block-start: unset;
    margin-block-end: unset;
    margin-inline-start: unset;
    margin-inline-end: unset;
    padding-inline-start: unset;
}

.modal {
  z-index: 20000;
}

/* TLC BANNER */

#categoryHeaderSlides .cta{
    padding: 1.1em 2.1em !important;

}

#categoryHeaderSlides .content-wrapper{
    padding-left: 10px;
}

/* END TLC BANNER */



#_asm {
    position: relative;
    z-index: unset !important;
    display: block !important;
}

#pdp-corsair #cart {
  z-index: 20000 !important;
}

.ru_hide {
  display: none;
}

.ui-menu .ui-menu-item {
    display: table !important;
    width: 100% !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 0px solid #ddd !important;
    background: #ddd !important;
    font-weight: normal !important;
    color: #000 !important;
}

.ui-menu .ui-menu-item:hover {
    background: #ddd;
}

.ui-menu .ui-menu-item .name {
    display: table-cell !important;
    font-weight: 500 !important;
    padding-left: 10px !important;
}

.ui-menu .ui-menu-item .thumb {
    position: relative !important;
    display: table-cell !important;
}

.top-navigation-item .icon-angle-right {
    display: none;
}

.fa {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.7em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.sg-pattern-example {
    background-color: #cccccc;
}

.main-header a {
    color: #000;
    text-decoration-line: none;
}

.main-header a:hover, a:focus {
    text-decoration: none;
    color: #000;
}


.button1 {
    cursor: pointer;
    text-transform: uppercase;
    padding: 1.2em 2em;
    background: #fecb00;
    display: inline-block;
}

.button1:hover, .button1:hover a {
    background: #222;
    color: #FFF;
}

.button2 {
    display: inline-block;
    border: 2px solid #fecb00;
    padding: 1.2em 2em;
    text-decoration: none;
    font-weight: 800;
    font-size: 1.3em;
    letter-spacing: 0.1em;
    margin: 0 auto;
    text-transform: uppercase;
    background: none;
    cursor: pointer;
}

.button2 a {
    color: #fff;
}

.button2:hover, .button2:hover a{
    color: #000;
    background: #fecb00;
}

.video1 {
    height: auto;
    width: 100%;
}

.down-arrow {
    enable-background: new 0 0 100 100;
    cursor: pointer;
    height: 6em;
    fill: #fecb00;
}

.headline1 {
    color: #fff;
    font-weight: 500 !important;
    font-size: 4em;
    line-height: 42px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.headline2 {
    text-shadow: 0 1px 9px rgba(0, 0, 0, .9);
    display: inline-block;
    font-size: 2em;
    color: #FFF;
}

.down-arrow:hover {
    fill: #fff;
}

.hero-video .hero-video-content-wrapper {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hero-video .hero-video-content-wrapper .hero-video-content {
    text-align: center;
    color: #fff;
    width: 100%;
    position: relative;
    top: 300px
}

.hero-video .hero-video-content-wrapper .hero-video-content .headline1,
.hero-video .hero-video-content-wrapper .hero-video-content .headline2 {
    display: block;
}

.hero-video .hero-video-content-wrapper .hero-video-content .button2 {
    position: relative;
    top: 30px
}

.hero-video .down-arrow {
    width: 100%;
    position: absolute;
    bottom: 5%;
}

.top-nav-link {
    font-weight: bold;
    font-size: .8em;
    line-height: 16px;
    display: block;
    letter-spacing: 0.08em;
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
    white-space: nowrap;
}

.top-navigation {
    width: 60%;
    max-width: 705px;
    margin: 0 auto;
    text-align: center;
    padding-left: 30px;
    height: 65px;
}

.top-navigation .top-navigation-item {
    display: inline-block;
    width: 18%;
    max-width: 141px;
}

#navbar{
    background:white;
}
.main-header {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    height: 65px;
    background-color: white;
    text-align:center;
    font-size:initial;
    height: 65px;
}

.main-header .main-header-left {
    height: 65px;
    width: 166px;
    position: absolute;
    left: 0;
    top: 0;
}

.main-header .main-header-left img {
    height: 65px;
}

.main-header .main-header-center {
    width: 100%;
}

.main-header .main-header-right {
    margin: 22px;
    position: absolute;
    right: 0;
    top: 0;
}

.search-button, .cart-button, .account-button {
    background-color: transparent;
    padding: 2px;
    color: #000;
    border: none;
    cursor: pointer;
    font-size: 12px;
}

.main-header-center .corsair-logo-mobile {
    height: 50px;
    display: none;
}

.main-header-left .corsair-nav-mobile {
    display: none;
    cursor: pointer;
}

.corsair-logo-mobile-wrapper {
    width: 60%;
    max-width: 705px;
    margin: 0 auto;
    text-align: center;
    padding-left: 30px;
}

.corsair-logo-mobile-wrapper .corsair-logo-mobile {
    height: 35px;
    margin: auto;
}

.top-navigation-sub{
    padding-top: 1.2em;
    background-color:#fecb00;
    z-index: 10;
}

.main-header .sub-nav {
    display: inline-block;
    background-color:#fecb00;
    position: absolute;
 }

.sub-nav-column {
    float: left;
    background-color:#fecb00;
    margin: 0px;
}

.icon-angle-down {
    display: none;
}

.sub-nav-item {
    padding-left: 25px;
    padding-right: 25px;
    font-weight: bold;
    font-size: .7em;
    line-height: 16px;
    letter-spacing: 0.08em;
    padding-bottom: 1.2em;
    position: relative;
    text-align: left;
    cursor: pointer;
}

.sub-nav-item .icon-angle-right {
    display: none;
    position: absolute;
    right: 0;
    top: -2px;
    padding-left: 25px;
    padding-right: 25px;
}

.header-search-wrapper {
    position: absolute;
    top:0;
    width: 75%;
    right: 0px;
    height: 65px;
    background-color: white;
    display: none;
}

.search-bar-component {
    position: relative;
    width: 100%;
}

.search-bar-component .search-bar-icon-wrapper {
    margin-top: 20px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.search-bar-component .search-bar-input-wrapper {
    padding-top: 10px;
    width: 100%;
    max-width: 1140px;
    margin: auto;
    padding-left: 40px;
    padding-right: 110px;
    cursor: pointer;
}

.search-bar-component .close-icon-wrapper {
    margin-top: 20px;
    width: 30px;
    position: absolute;
    top: 0;
    right: 15px;
    cursor: pointer;
}

.yellow-selected {
    background-color: #fecb00;
}

.search-bar-input:focus {
    outline: none !important;
    border:0px solid #ffffff;
    box-shadow: 0 0 0px #000000;
}

.search-bar-input {
    border: white 0px none;
    width: 100%;
    height: 45px;
    font-size: 1.1em !important;
    vertical-align: top;
    padding: 5px;
    padding-left: 10px;
}

.corsair-nav-mobile .close-icon {
    position: absolute;
    top:0;
    left: 6px;
    display: none;
}

.mini-cart-price {
    display: none !important;
}

.mini-cart-count {

    color: #000 !important;
    position: relative !important;
    border-radius: 50% !important;
    background: #fecb00 !important;
    text-align: center  !important;
    top: -4px !important;
    padding: 0.1em 0.4em !important;
    font-weight: bold !important;
    top: -6px !important;
    position: absolute !important;
    left: 40px !important;

}

.cart-button {
    padding-right: 7px !important;
}

.fixed-wrapper {
    z-index: 10000;
    background-color:white;
    position: fixed;
    top: 0;
    width: 100%;
}

.extra-header {
    width: 100%;
    height: 65px;
    display: block;
}

body .shutdown-banner {
    width: 100%;
    background-color: black;
    height: 55px;
    text-align: center;
}

body .shutdown-banner .shutdown-text {
    width: 85%;
    margin: auto;
    font-size: 1.2em;
    padding-top:  5px;
    font-weight: 600;
    color: #FFFFFF  !important;
}

.round-button {
    cursor: pointer !important;
    font-family: 'BebasNeuePro-SmEBd' !important;
    height: 43px !important;
    border-radius: 50px !important;
    box-shadow: none !important;
    color: #000000 !important;
    background-color: #ffda00 !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
    text-align: center !important;
    font-size: 18px !important;
    min-width: 50px !important;
    padding: 0 50px !important;
    text-transform: uppercase !important;
    transition: 500ms border-radius !important;
    -webkit-text-fill-color: black !important;
    letter-spacing: unset !important;
}

.round-button-retailer {
    cursor: pointer !important;
    font-family: 'BebasNeuePro-SmEBd' !important;
    height: 43px !important;
    border-radius: 50px !important;
    box-shadow: none !important;
    color: #000000 !important;
    background-color: #CCCCCC !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
    text-align: center !important;
    font-size: 18px !important;
    min-width: 50px !important;
    padding: 0 50px !important;
    text-transform: uppercase !important;
    transition: 500ms border-radius !important;
    -webkit-text-fill-color: black !important;
    letter-spacing: unset !important;
}

@media (min-width: 750px) {
    .icon-angle-down {
        display: none;
    }

    .icon-angle-right {
        display: none;
    }
}

#sortForm1 .classificationHeading {
  display: none;
}

@media (max-width: 1030px) {
    .main-header-center .top-nav-link {
        font-weight: bold;
        font-size: .7em;
        line-height: 16px;
        display: block;
        letter-spacing: 0.05em;
        padding-top: 25px;
        padding-right: 15px;
        padding-bottom: 25px;
        padding-left: 15px;
    }
}

@media (max-width: 950px) {
    .main-header-center .top-nav-link {
        font-weight: bold;
        font-size: .62em;
        line-height: 16px;
        display: block;
        letter-spacing: 0.02em;
        padding-top: 25px;
        padding-right: 15px;
        padding-bottom: 25px;
        padding-left: 15px;
    }

    body .shutdown-banner {
        width: 100%;
        background: black;
        height: 65px;
        color: #FFFFFF;
          color: #FFFFFF  !important;
    }

    body .shutdown-banner .shutdown-text {
        width: 95%;
        margin: auto;
        font-size: 1.1em;
        padding-top:  5px;
        font-weight: 500;
          color: #FFFFFF  !important;
    }

}

@media only screen and (max-width: 768px) {
    #categoryHeaderSlides .cta {
        font-size: .8em;


	}
}




@media (max-width: 750px) {

    .top-navigation-sub {
        width: 100%;
    }

    .main-header .sub-nav {
        position: unset;
    }

    .top-navigation-item .sub-nav .sub-nav-column .sub-nav-item .icon-angle-right{
      top: -4px;
    }

    .top-navigation-item .icon-angle-right {
        position: absolute;
        top: 7px;
        right: 15px;
        display: block;
    }

    .top-navigation-item .icon-angle-down {
        position: absolute;
        top: 8px;
        right: 15px;
        display: none;
    }

    .top-navigation {
        top: 65px;
        background-color: #fecb00;
        width: 100%;
        margin: unset;
        text-align: left;
        padding-left: 0px;
        position: absolute;
        padding-bottom: 10px;
        display: none;
        z-index: 10;
    }

    .top-navigation-mobile {
        top: 65px;
        background-color: #fecb00;
        width: 100%;
        margin: unset;
        text-align: left;
        padding-left: 0px;
        position: absolute;
        padding-bottom: 10px;
        display: none;
        z-index: 10;
    }

    .pageType-CategoryPage .top-navigation-mobile {
        z-index:10000;
    }

    .top-navigation-mobile .top-nav-link {
        font-weight: bold;
        font-size: 1.2em;
        line-height: 17px;
        display: block;
        letter-spacing: 0.02em;
        padding-top: 15px;
        padding-right: unset;
        padding-bottom: 5px;
        padding-left: 15px;
    }


    .top-navigation .top-navigation-item {
        width: 100%;
        background-color: #fecb00;
        display: block;
        max-width: unset;
        position: relative;
    }

    .top-navigation-mobile .top-navigation-item {
        width: 100%;
        background-color: #fecb00;
        display: block;
        max-width: unset;
        position: relative;
    }

    .main-header-left .corsair-logo-desktop {
        display: none;
    }

    .main-header-center .corsair-logo-mobile {
        display: block;
    }

    .corsair-logo-mobile-wrapper {
        width: 60%;
        max-width: 705px;
        margin: 0 auto;
        text-align: center;
        padding-left: 0px;
        padding-top: 15px;
    }

    .main-header .main-header-left {
        height: unset;
        width: 35px;
        position: absolute;
        left: 0;
        top: 0;
        margin: 22px;
    }

    .main-header-left .corsair-nav-mobile {
        display: block;
    }

    .sub-nav-column {
        width: 100%;
    }

    .sub-nav-item {
        margin-bottom: 0em;
        font-size: .9em;
    }

    .sub-nav-item .icon-angle-right {
        display: block;
    }

    .header-search-wrapper {
        width: 100%;
        padding-left: 15px;
    }

    .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
        left: 0px !important;
        top: 64px !important;
    }

    body .shutdown-banner {
        width: 100%;
        background: black;
        height: 80px;
        color: #FFFFFF;
          color: #FFFFFF  !important;
    }

    body .shutdown-banner .shutdown-text {
        width: 95%;
        margin: auto;
        font-size: 1.1em;
        padding-top:  5px;
        font-weight: 500;
          color: #FFFFFF  !important;
    }
}