#custom-smalcode .rel {
    position: relative;
    height: 100%;
    width: 100%
}

#custom-smalcode .abs-center-wrap,
#custom-smalcode .panel-corsair-holdfast-retention .cta-white,
#custom-smalcode.one-pro .panel-fake-parallax .cta-outer-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#custom-smalcode .maxWidth {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto
}

#custom-smalcode .textMaxWidth {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto
}

#custom-smalcode .element-video-popup .ratio-wrap,
#custom-smalcode .ratio-wrap {
    padding-bottom: 56.25%;
    height: 0;
    position: relative
}

#custom-smalcode .a100-panel-collection .product-sequence img,
#custom-smalcode .abs-wrap,
#custom-smalcode .element-video-popup .abs-wrap,
#custom-smalcode .lt100-hero .bg-layer,
#custom-smalcode .lt100-sequence-outer-wrap .product-sequence,
#custom-smalcode .lt100-sequence-outer-wrap .product-sequence img,
#custom-smalcode .nexus-icue-keyboard .slider-image-wrap .slider-image-outer-wrap,
#custom-smalcode .panel-category-sticky .image-wrap .images,
#custom-smalcode .panel-category-sticky-mobile .image-wrap .images,
#custom-smalcode .panel-run-it .video-outer-wrap video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

#custom-smalcode .clearfix:after {
    clear: both;
    display: block;
    content: ""
}

#custom-smalcode html.overflow-hidden,
#custom-smalcode html.overflow-hidden body {
    height: 100%;
    overflow: hidden
}

#custom-smalcode .headline {
    margin-bottom: 25px !important;
    margin-top: 10px !important
}

#custom-smalcode .lt100-text-layer-col .style-h4,
#custom-smalcode .orange-header,
#custom-smalcode .panel-lt100-how-to .col-text .subtitle-color,
#custom-smalcode .top-specs-panel .specs-row .specs-wrap .color-text,
#custom-smalcode .top-specs-panel .specs-row .specs-wrap .spec-title {
    color: #e9e600
}

#custom-smalcode .a4100-panel-collection .pos-helper,
#custom-smalcode .nexus-panel-collection .pos-helper,
#custom-smalcode .pos-helper {
    position: absolute;
    left: 0;
    width: 1px;
    height: 1px
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-1,
#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-1,
#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-2,
#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-2,
#custom-smalcode .pos-helper.pos-helper-1 {
    top: 50vh;
    top: calc(var(--vh) * 50)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-2,
#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-2,
#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-3,
#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-3,
#custom-smalcode .pos-helper.pos-helper-2 {
    top: 100vh;
    top: calc(var(--vh) * 100)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-3,
#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-4,
#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-4,
#custom-smalcode .pos-helper.pos-helper-3 {
    top: 150vh;
    top: calc(var(--vh) * 150)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-4,
#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-5,
#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-5,
#custom-smalcode .pos-helper.pos-helper-4 {
    top: 200vh;
    top: calc(var(--vh) * 200)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-5,
#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-6,
#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-6,
#custom-smalcode .pos-helper.pos-helper-5 {
    top: 250vh;
    top: calc(var(--vh) * 250)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-6,
#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-7,
#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-7,
#custom-smalcode .pos-helper.pos-helper-6 {
    top: 300vh;
    top: calc(var(--vh) * 300)
}

#custom-smalcode .lowercase,
#custom-smalcode .lt100-hero .lowercase {
    text-transform: lowercase
}

#custom-smalcode .style-h1,
#custom-smalcode .style-h1-1,
#custom-smalcode .style-h1-2,
#custom-smalcode .style-h2,
#custom-smalcode .style-h2-2 {
    font-weight: 400;
    text-transform: uppercase;
    font-family: Saira, sans-serif
}

#custom-smalcode .row {
    display: flex;
    padding-left: 24px;
    padding-right: 24px
}

#custom-smalcode .row.align-row-top {
    align-items: flex-start
}

#custom-smalcode .row.align-row-end {
    align-items: flex-end
}

#custom-smalcode .row.align-row-center {
    align-items: center
}

#custom-smalcode .row.align-row-stretch {
    align-items: stretch
}

#custom-smalcode #grid.active,
#custom-smalcode .a100-panel-collection .product-sequence.block:not(.with-fade),
#custom-smalcode .element-product-teaser.black .image-swap-element [data-id=black],
#custom-smalcode .element-product-teaser.red .image-swap-element [data-id=red],
#custom-smalcode .element-product-teaser.white .image-swap-element [data-id=white],
#custom-smalcode .lt100-sequence-outer-wrap .product-sequence.block:not(.with-fade),
#custom-smalcode .nexus-device-wrap .influencer-videos-wrap .video-ele.active,
#custom-smalcode .nexus-icue-keyboard .slider-image-wrap .slide-ele.active,
#custom-smalcode .nexus-ready-for-action .additional-image.active,
#custom-smalcode .nexus-ready-for-action .overlay-content .changing-img.active,
#custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid a,
#custom-smalcode .row.no-flex,
#custom-smalcode.device-is-touch .mobile.touch-show,
#custom-smalcode.ratio-mobile .lt100-sequence-outer-wrap .product-sequence.block:not(.with-fade),
#custom-smalcode.ratio-mobile .lt100-sequence-outer-wrap .product-sequence.product-sequence-mobile,
#custom-smalcode.ratio-mobile .lt100-sequence-outer-wrap .product-sequence.product-sequence-mobile.block:not(.with-fade) {
    display: block
}

#custom-smalcode .row.left-col-full [class^=col-]:first-of-type,
#custom-smalcode .row.right-col-full [class^=col-]:last-of-type,
#custom-smalcode.a-100 .row,
#custom-smalcode.a-4100 .row,
#custom-smalcode.ces-page .row,
#custom-smalcode.lt-100 .row,
#custom-smalcode.nexus .row,
#custom-smalcode.one-pro .row,
#custom-smalcode.slipstream-page .row {
    padding-left: 0;
    padding-right: 0
}

#custom-smalcode [class^=col-] {
    padding-right: 8px;
    padding-left: 8px
}

#custom-smalcode.a-100 [class^=col-],
#custom-smalcode.a-4100 [class^=col-],
#custom-smalcode.ces-page [class^=col-],
#custom-smalcode.lt-100 [class^=col-],
#custom-smalcode.nexus [class^=col-],
#custom-smalcode.one-pro [class^=col-],
#custom-smalcode.slipstream-page [class^=col-] {
    padding-left: 20px;
    padding-right: 20px
}

#custom-smalcode .col-1 {
    width: 8.3333333333%
}

#custom-smalcode .col-2 {
    width: 16.6666666667%
}

#custom-smalcode .col-3,
#custom-smalcode .panel-fastest-wireless .desktop .outer-bars-wrap .bar-ele {
    width: 25%
}

#custom-smalcode .col-4 {
    width: 33.3333333333%
}

#custom-smalcode .col-5 {
    width: 41.6666666667%
}

#custom-smalcode .col-6,
#custom-smalcode .panel-category-sticky-mobile .inner-panel-prepare-for-battle .prepare-for-battle-slides .images-slide-wrap .element-image-slide .inner-slide .pfb-info,
#custom-smalcode .panel-category-sticky-mobile .inner-panel-prepare-for-battle .prepare-for-battle-slides .images-slide-wrap .element-image-slide .inner-slide img,
#custom-smalcode .panel-lt100-how-to .text-container .left-inner,
#custom-smalcode .panel-lt100-how-to .text-container .right-inner,
#custom-smalcode .top-specs-panel .specs-row .specs-wrap .left-row,
#custom-smalcode .top-specs-panel .specs-row .specs-wrap .right-row,
#custom-smalcode.below-16-7 .lt100-sequence-outer-wrap,
#custom-smalcode.ratio-mobile .a100-panel-collection .a100-text-layer-col.text-layer-col-10 .small-text-box .body-p2,
#custom-smalcode.ratio-mobile .a100-panel-collection .a100-text-layer-col.text-layer-col-10 .small-text-box .mobile-wrap,
#custom-smalcode.ratio-mobile .a100-panel-collection .a100-text-layer-col.text-layer-col-13,
#custom-smalcode.ratio-mobile .a100-panel-collection .a100-text-layer-col.text-layer-col-15,
#custom-smalcode.ratio-mobile .a100-panel-collection .image-sequence-main-wrap {
    width: 50%
}

#custom-smalcode .col-7 {
    width: 58.3333333333%
}

#custom-smalcode .col-8 {
    width: 66.6666666667%
}

#custom-smalcode .col-9 {
    width: 75%
}

#custom-smalcode .col-10 {
    width: 83.3333333333%
}

#custom-smalcode .col-11 {
    width: 91.6666666667%
}

#custom-smalcode .col-12,
#custom-smalcode .element-video-popup .center-item,
#custom-smalcode .lt100-shine-title .inner-panel-layer,
#custom-smalcode .panel-corsair-holdfast-retention .youtube-video,
#custom-smalcode .panel-corsair-holdfast-retention iframe,
#custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap .bar-inner-wrap .bar-progress.active,
#custom-smalcode .panel-meet-wave video,
#custom-smalcode .panel-origin-big-o video,
#custom-smalcode.ces-page .cta-ces-elgato.mailchimp.active::after,
#custom-smalcode.ces-page .cta-ces-elgato.mailchimp.active::before,
#custom-smalcode.ces-page .cta-ces-elgato:hover::after,
#custom-smalcode.ces-page .cta-ces-elgato:hover::before,
#custom-smalcode.ces-page .cta-ces-origin:hover::after,
#custom-smalcode.ces-page .cta-ces-origin:hover::before,
#custom-smalcode.ces-page .cta-ces-scuf:hover::after,
#custom-smalcode.ces-page .cta-ces-scuf:hover::before,
#custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap .bar-wrap-outer,
#custom-smalcode.ratio-mobile [class^=col-] {
    width: 100%
}

#custom-smalcode #grid {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2334;
    display: none
}

#custom-smalcode #grid div,
#custom-smalcode .element-video-popup iframe {
    height: 100%
}

#custom-smalcode #grid .col-1,
#custom-smalcode .panel-category-sticky .inner-panel-prepare-for-battle-infos .pfb-infos-wrap,
#custom-smalcode .panel-category-sticky .inner-panel-wrap-connectivity .info-elements-wrap,
#custom-smalcode .panel-category-sticky .prepare-for-battle-image-slides .images-slide-wrap,
#custom-smalcode .panel-category-sticky-mobile .inner-panel-prepare-for-battle-infos .pfb-infos-wrap,
#custom-smalcode .panel-category-sticky-mobile .inner-panel-wrap-connectivity .info-elements-wrap,
#custom-smalcode .panel-category-sticky-mobile .prepare-for-battle-image-slides .images-slide-wrap,
#custom-smalcode .panel-comfort-2 .text-layer,
#custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap .bar-inner-wrap,
#custom-smalcode .product-sequence,
#custom-smalcode .product-sequence img:first-of-type,
#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-1 .center-text .fading-text-wrap,
#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-2 .content-wrap .left-col .image-wrap {
    position: relative
}

#custom-smalcode #grid .col-1:after,
#custom-smalcode #grid .col-1:before {
    width: 8px;
    background-color: red;
    opacity: .3;
    height: 100%;
    content: "";
    position: absolute;
    top: 0
}

#custom-smalcode #grid .col-1:after,
#custom-smalcode .panel-a4100-warranty .abs-right-img,
#custom-smalcode.ces-page .cta-ces-elgato:after,
#custom-smalcode.ces-page .cta-ces-origin:after,
#custom-smalcode.ces-page .cta-ces-scuf:after {
    right: 0
}

#custom-smalcode #grid .col-1:before,
#custom-smalcode .panel-a4100-warranty .abs-left-img,
#custom-smalcode.ces-page .cta-ces-elgato:before,
#custom-smalcode.ces-page .cta-ces-origin:before,
#custom-smalcode.ces-page .cta-ces-scuf:before {
    left: 0
}

#custom-smalcode #grid .col-1:first-of-type:before {
    width: 100vw;
    left: calc(-100vw + 8px)
}

#custom-smalcode #grid .col-1:last-of-type:after {
    left: calc(100% - 8px);
    width: 100vw
}

#custom-smalcode h1,
#custom-smalcode h2,
#custom-smalcode h3,
#custom-smalcode h4,
#custom-smalcode h5,
#custom-smalcode h6,
#custom-smalcode p {
    margin: 0
}

#custom-smalcode .style-h1 {
    font-size: 138px !important;
    line-height: 138px !important;
    letter-spacing: -3px !important
}

#custom-smalcode .style-h1.small-h1 {
    font-size: 118px !important;
    line-height: 118px !important;
    letter-spacing: -2px !important
}

#custom-smalcode .style-h1-1 {
    font-size: 100px !important;
    line-height: 100px !important;
    letter-spacing: 5px !important
}

#custom-smalcode .style-h1-2 {
    font-size: 85px !important;
    line-height: 90px !important;
    letter-spacing: -1.8px !important
}

#custom-smalcode.a-100.below-16-8 .style-h1-2,
#custom-smalcode.a-4100.below-16-8 .style-h1-2 {
    font-size: 52px !important;
    letter-spacing: -1px !important;
    line-height: 54px !important
}

#custom-smalcode .style-h2 {
    font-size: 95px;
    letter-spacing: 4px;
    line-height: 95px !important
}

#custom-smalcode.nexus.below-16-7 .style-h2 {
    font-size: 48px;
    line-height: 50px !important;
    letter-spacing: 2px
}

#custom-smalcode .style-h2-2 {
    font-size: 60px !important;
    line-height: 70px !important;
    letter-spacing: 2.5px
}

#custom-smalcode .style-h2-h3 {
    font-size: 70px;
    line-height: 70px;
    font-weight: 700;
    letter-spacing: 2px;
    font-family: Saira, sans-serif
}

#custom-smalcode .style-h3,
#custom-smalcode .style-h3-2 {
    font-family: verveine, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

#custom-smalcode .style-h3 {
    color: #fff;
    font-size: 60px;
    line-height: 60px
}

#custom-smalcode .style-h3-2 {
    font-size: 110px;
    line-height: 110px
}

#custom-smalcode .style-h4 {
    font-size: 14px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-family: Saira, sans-serif;
    font-weight: 500
}

#custom-smalcode .style-h5,
#custom-smalcode .style-h5-2 {
    font-family: Saira, sans-serif;
    font-weight: 400
}

#custom-smalcode .panel-ultra-long-range .animation-wrap .usp-title .big-label,
#custom-smalcode .style-h4-2 {
    font-size: 36px;
    line-height: 44px;
    font-family: Saira, sans-serif;
    font-weight: 400
}

#custom-smalcode .style-h5 {
    font-size: 18px;
    letter-spacing: 1px
}

#custom-smalcode .style-h5-2 {
    font-size: 50px;
    letter-spacing: 58px;
    letter-spacing: 1.5px
}

#custom-smalcode .style-h6 {
    font-size: 22px;
    line-height: 28px;
    font-family: Saira, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

#custom-smalcode .element-product-teaser .inner-title,
#custom-smalcode .element-usp-wrap .element-usp-item,
#custom-smalcode .panel-hero-category .link-list,
#custom-smalcode .style-h6-2 {
    font-family: Saira, sans-serif;
    text-transform: uppercase
}

#custom-smalcode .style-h6-2 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 400
}

#custom-smalcode.a-100.below-16-8 .style-h6-2,
#custom-smalcode.a-4100.below-16-8 .style-h6-2 {
    font-size: 18px;
    line-height: 24px
}

#custom-smalcode .body-p1,
#custom-smalcode .body-p1 p {
    font-size: 22px;
    line-height: 36px;
    font-family: Saira, sans-serif;
    font-weight: 400;
    letter-spacing: 0
}

#custom-smalcode.nexus.below-16-7 .body-p1,
#custom-smalcode.nexus.below-16-7 .body-p1 p {
    font-size: 16px;
    line-height: 26px
}

#custom-smalcode .body-p2,
#custom-smalcode .body-p2 p {
    font-size: 18px;
    line-height: 28px;
    font-family: Saira, sans-serif;
    font-weight: 400;
    letter-spacing: 0
}

#custom-smalcode.a-100.below-16-8 .body-p2,
#custom-smalcode.a-100.below-16-8 .body-p2 p,
#custom-smalcode.a-4100.below-16-8 .body-p2,
#custom-smalcode.a-4100.below-16-8 .body-p2 p,
#custom-smalcode.ratio-mobile .lt100-rooms .body-p1 p {
    font-size: 14px;
    line-height: 22px
}

#custom-smalcode .element-label-yellow {
    background-color: #e9e600;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 700;
    padding: 16px;
    display: inline-block
}

#custom-smalcode .element-usp-wrap .flex-wrap {
    display: flex;
    align-items: flex-start;
    margin-top: 20px
}

#custom-smalcode .element-usp-wrap .element-usp-item {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 20px;
    padding-left: 8px;
    padding-right: 8px;
    white-space: nowrap;
    color: grey
}

#custom-smalcode .element-usp-wrap .element-usp-item img {
    width: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px
}

#custom-smalcode .element-icue-software,
#custom-smalcode .element-usp-wrap:not(.no-fade) .element-usp-item,
#custom-smalcode .element-usp-wrap:not(.no-fade) .usp-header {
    opacity: 0;
    transform: translate(0, 50px);
    will-change: transform, opacity;
    transition: .4s ease-out
}

#custom-smalcode .a100-panel-collection .a100-text-layer-col.text-layer-col-12.active,
#custom-smalcode .a100-panel-collection .a100-text-layer-col.text-layer-col-13.active,
#custom-smalcode .a100-panel-collection .a100-text-layer-col.text-layer-col-15.active,
#custom-smalcode .a100-panel-collection .device-back.active,
#custom-smalcode .element-feature.active,
#custom-smalcode .element-icue-software.active,
#custom-smalcode .element-product-teaser.active,
#custom-smalcode .element-usp-wrap:not(.no-fade) .element-usp-item.active,
#custom-smalcode .element-usp-wrap:not(.no-fade) .usp-header.active,
#custom-smalcode .left-fade-in.active,
#custom-smalcode .panel-category-sticky .inner-panel-prepare-for-battle-infos .pfb-infos-wrap .pfb-info.active,
#custom-smalcode .panel-category-sticky-mobile .inner-panel-prepare-for-battle-infos .pfb-infos-wrap .pfb-info.active,
#custom-smalcode .text-fade-in-1.active,
#custom-smalcode .text-fade-in-2.active {
    opacity: 1;
    transform: translate(0, 0)
}

#custom-smalcode .element-image-mask,
#custom-smalcode .lt100-panel-collection,
#custom-smalcode .nexus-panel-collection {
    position: relative;
    overflow: hidden
}

#custom-smalcode .element-image-mask .mask,
#custom-smalcode .element-image-mask .mask-with-bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 5;
    transform: translate(0, 0);
    will-change: transform;
    transition: .8s ease-out
}

#custom-smalcode .element-image-mask .mask-with-bg.active,
#custom-smalcode .element-image-mask .mask.active,
#custom-smalcode .element-image-mask.element-image-mask-v2 .mask-with-bg.active-fade-out {
    transform: translate(100%, 0)
}

#custom-smalcode .element-image-mask.element-image-mask-v2 .mask,
#custom-smalcode .element-image-mask.element-image-mask-v2 .mask-with-bg {
    transition: .5s cubic-bezier(.22, .61, .36, 1)
}

#custom-smalcode .element-image-mask.element-image-mask-v2 .mask {
    background-color: #ebebeb
}

#custom-smalcode .element-image-mask.element-image-mask-v2 .zoom-ele {
    opacity: 0;
    transform: scale(1.1);
    transition: transform 1.5s cubic-bezier(.22, .61, .36, 1), opacity .4s cubic-bezier(.22, .61, .36, 1)
}

#custom-smalcode .element-image-mask.element-image-mask-v2 .zoom-ele.active,
#custom-smalcode .scene-wrap.active,
#custom-smalcode.ratio-mobile .scene-wrap.active {
    opacity: 1;
    transform: scale(1)
}

#custom-smalcode .element-image-mask.element-image-mask-v2 .mask-with-bg {
    background-color: #e9e600;
    transform: translate(-100%, 0)
}

#custom-smalcode .a100-panel-collection .a100-text-layer-col.text-layer-col-1.active,
#custom-smalcode .ces-submenu.active,
#custom-smalcode .element-image-mask.element-image-mask-v2 .mask-with-bg.active,
#custom-smalcode .panel-hero-category .bg-layer .inner-move-up-layer.active,
#custom-smalcode .panel-next-wave-of-wireless .devices-wrap.active .device-headphones,
#custom-smalcode .panel-next-wave-of-wireless .devices-wrap.active .device-keyboard,
#custom-smalcode .panel-next-wave-of-wireless .devices-wrap.active .device-mouse,
#custom-smalcode .panel-next-wave-of-wireless .devices-wrap.active .device-mousepad,
#custom-smalcode.ratio-mobile .a100-panel-collection .a100-text-layer-col.active:not(.text-layer-col-1),
#custom-smalcode.ratio-mobile .lt100-text-layer-col.active {
    transform: translate(0, 0)
}

#custom-smalcode .element-feature,
#custom-smalcode .text-fade-in-1 {
    opacity: 0;
    transform: translate(0, 100px);
    will-change: transform, opacity;
    transition: .4s ease-out
}

#custom-smalcode .text-fade-in-1.delay-200,
#custom-smalcode .text-fade-in-2.delay-200 {
    transition-delay: 0.2s
}

#custom-smalcode .panel-hero-category .bg-layer .bg-image,
#custom-smalcode .panel-hero-category .bg-layer img,
#custom-smalcode .text-fade-in-2 {
    opacity: 0;
    will-change: opacity;
    transition: .4s ease-out
}

#custom-smalcode .left-fade-in {
    opacity: 0;
    transform: translate(-30%, 0);
    will-change: transform, opacity;
    transition: .4s ease-out
}

#custom-smalcode .element-feature .inner-text-wrap {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 25px
}

#custom-smalcode .element-feature .feature-headline {
    margin-top: 5px;
    margin-bottom: 25px;
    text-transform: uppercase
}

#custom-smalcode .element-feature .feature-subheadline {
    color: grey
}

#custom-smalcode .element-feature .bg-image {
    height: 488px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}

#custom-smalcode .a100-text-layer-col.text-layer-col-7 .small-text-box,
#custom-smalcode .element-icue-software .icue-header,
#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-2 .content-wrap .right-col .content-box {
    margin-bottom: 40px
}

#custom-smalcode .element-icue-software .icue-icon {
    width: 142px;
    margin-right: 30px
}

#custom-smalcode .ces-slider-pagination,
#custom-smalcode .cta-learn-more,
#custom-smalcode .element-icue-software .flex-wrap {
    display: flex;
    align-items: center
}

#custom-smalcode .cta-learn-more img {
    width: 10px;
    margin-left: 10px
}

#custom-smalcode .cta-white {
    background-color: #fff;
    padding: 18px 16px;
    display: inline-block;
    cursor: pointer
}

#custom-smalcode .element-zoom-image {
    position: relative;
    margin-left: 40px;
    margin-right: 40px;
    overflow: hidden;
    opacity: 0;
    will-change: opacity;
    transition: .8s
}

#custom-smalcode .element-zoom-image .cta-white {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translate(0, -.5px)
}

#custom-smalcode .element-zoom-image video {
    width: 100%;
    height: auto;
    display: block
}

#custom-smalcode .a100-panel-collection .a100-text-layer-col.active,
#custom-smalcode .a100-panel-collection .bg-layer.active,
#custom-smalcode .a100-panel-collection .blue-arrow-1.active,
#custom-smalcode .a100-panel-collection .blue-arrow-2.active,
#custom-smalcode .a100-panel-collection .product-sequence.with-fade.active,
#custom-smalcode .a100-panel-collection .red-arrow.active,
#custom-smalcode .a4100-panel-collection .bg-layer.active,
#custom-smalcode .a4100-panel-collection .panel-fade-in .panel-fade-in-img img.active,
#custom-smalcode .bg-layer-fade.active,
#custom-smalcode .ces-slider-pagination .line-wrap .line.active,
#custom-smalcode .cooling-sequence.active,
#custom-smalcode .element-product-teaser.black .color-picker-wrap .color-picker.black .active-indicator,
#custom-smalcode .element-product-teaser.red .color-picker-wrap .color-picker.red .active-indicator,
#custom-smalcode .element-product-teaser.white .color-picker-wrap .color-picker.white .active-indicator,
#custom-smalcode .element-zoom-image.active,
#custom-smalcode .lt100-rgb-slider .slider-navigation .slider-nav-item.active .text-wrap,
#custom-smalcode .lt100-sequence-outer-wrap .led-strip.active,
#custom-smalcode .lt100-sequence-outer-wrap .product-sequence.with-fade.active,
#custom-smalcode .lt100-sequence-outer-wrap .step-2-bg.active,
#custom-smalcode .lt100-shine-title.active,
#custom-smalcode .makro-image-lines.active,
#custom-smalcode .makro-line-text.active,
#custom-smalcode .monitor-wrap .gameplay.active,
#custom-smalcode .nexus-device-wrap .second-section-bar.active,
#custom-smalcode .panel-category-sticky .image-wrap .images img.active,
#custom-smalcode .panel-category-sticky .image-wrap .pfb-1.active,
#custom-smalcode .panel-category-sticky .inner-panel-wrap-connectivity .element-usp-wrap .element-usp-item.active,
#custom-smalcode .panel-category-sticky .inner-panel-wrap-connectivity .info-element.active,
#custom-smalcode .panel-category-sticky .prepare-for-battle-image-slides .element-image-mask.active,
#custom-smalcode .panel-category-sticky-mobile .image-wrap .images img.active,
#custom-smalcode .panel-category-sticky-mobile .image-wrap .pfb-1.active,
#custom-smalcode .panel-category-sticky-mobile .inner-panel-prepare-for-battle .image-wrap .pfb-1,
#custom-smalcode .panel-category-sticky-mobile .inner-panel-wrap-connectivity .element-usp-wrap .element-usp-item.active,
#custom-smalcode .panel-category-sticky-mobile .inner-panel-wrap-connectivity .info-element.active,
#custom-smalcode .panel-category-sticky-mobile .prepare-for-battle-image-slides .element-image-mask.active,
#custom-smalcode .panel-ces-3-grid .slick-dots li.slick-active,
#custom-smalcode .panel-color-switch .slider-navi-text .change-text.active,
#custom-smalcode .panel-color-switch .video-outer-wrap .video-inner.active,
#custom-smalcode .panel-discover-more .img-wrap img.active,
#custom-smalcode .panel-discover-more .text-layer .menu-items-wrap a.active,
#custom-smalcode .panel-hero-category .bg-layer .bg-image.fade-in,
#custom-smalcode .panel-hero-category .bg-layer img.fade-in,
#custom-smalcode .panel-hero-category .headline-layer .headline.fade-in,
#custom-smalcode .panel-hero-category .headline-layer .style-h6.fade-in,
#custom-smalcode .panel-hero-category .headline-layer a.fade-in,
#custom-smalcode .panel-run-it .video-outer-wrap .video-inner.active,
#custom-smalcode .product-sequence img.active,
#custom-smalcode .scene-wrap .setup-wrap.active,
#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.active,
#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-1 .center-text .fading-text-wrap h2.active:not(.hidden-relative),
#custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap .bar-wrap.bar-wrap-1.active .special-text {
    opacity: 1
}

#custom-smalcode .element-zoom-image .zoom-ele {
    transform: scale(1.4);
    will-change: transform;
    transition: .8s
}

#custom-smalcode .element-zoom-image .zoom-ele.active,
#custom-smalcode .panel-category-sticky .image-wrap .images-outer-wrap.active,
#custom-smalcode .panel-category-sticky-mobile .image-wrap .images-outer-wrap.active,
#custom-smalcode .panel-hero-category .bg-layer.zoom-in {
    transform: scale(1)
}

#custom-smalcode .element-product-teaser {
    padding-top: 40px;
    padding-bottom: 30px;
    height: 100%;
    opacity: 0;
    transform: translate(0, 100px);
    will-change: transform, opacity;
    transition: .4s ease-out
}

#custom-smalcode .element-product-teaser .image-swap-element {
    padding-left: 50px;
    padding-right: 50px
}

#custom-smalcode .a100-panel-collection .product-sequence.none:not(.with-fade),
#custom-smalcode .a100-panel-collection .product-sequence.with-fade.none,
#custom-smalcode .a100-panel-collection .product-sequence:not(.with-fade),
#custom-smalcode .element-product-teaser .cta-transparent,
#custom-smalcode .element-product-teaser .image-swap-element img,
#custom-smalcode .lt100-hero .bg-layer .portrait-image,
#custom-smalcode .lt100-sequence-outer-wrap .product-sequence.none:not(.with-fade),
#custom-smalcode .lt100-sequence-outer-wrap .product-sequence.product-sequence-mobile,
#custom-smalcode .lt100-sequence-outer-wrap .product-sequence.with-fade.none,
#custom-smalcode .lt100-sequence-outer-wrap .product-sequence:not(.with-fade),
#custom-smalcode .nexus-device-wrap.none,
#custom-smalcode.device-is-touch .touch-hide,
#custom-smalcode.ratio-mobile .a100-panel-collection .a100-text-layer-col.text-layer-col-3,
#custom-smalcode.ratio-mobile .a100-panel-collection .a100-text-layer-col.text-layer-col-5-2,
#custom-smalcode.ratio-mobile .a4100-panel-collection .pos-helper,
#custom-smalcode.ratio-mobile .desktop-ratio,
#custom-smalcode.ratio-mobile .desktop[class^=col-],
#custom-smalcode.ratio-mobile .lt100-sequence-outer-wrap .product-sequence.none:not(.with-fade),
#custom-smalcode.ratio-mobile .lt100-sequence-outer-wrap .product-sequence.product-sequence-desktop,
#custom-smalcode.ratio-mobile .lt100-sequence-outer-wrap .product-sequence.product-sequence-mobile.none:not(.with-fade),
#custom-smalcode.ratio-mobile .lt100-sequence-outer-wrap .product-sequence.product-sequence-mobile.with-fade.none,
#custom-smalcode.ratio-mobile .lt100-sequence-outer-wrap .product-sequence.product-sequence-mobile:not(.with-fade),
#custom-smalcode.ratio-mobile .lt100-sequence-outer-wrap .product-sequence.with-fade.none,
#custom-smalcode.ratio-mobile .lt100-sequence-outer-wrap .product-sequence:not(.with-fade),
#custom-smalcode:not(.device-is-touch) .touch-show,
#custom-smalcode:not(.ratio-mobile) .mobile-ratio,
#custom-smalcode:not(.ratio-mobile) .only-mobile-ratio {
    display: none
}

#custom-smalcode .element-product-teaser .color-picker-wrap {
    display: inline-flex;
    margin-bottom: 40px
}

#custom-smalcode .element-product-teaser .color-picker-wrap .color-picker {
    width: 24px;
    height: 24px;
    position: relative;
    margin-right: 25px;
    cursor: pointer
}

#custom-smalcode .ces-submenu .center-wrap .scroll-trigger:last-of-type,
#custom-smalcode .element-product-teaser .color-picker-wrap .color-picker:last-of-type,
#custom-smalcode .panel-a100-huge-power-small-size .bottom-box .box-header .box-title:last-of-type,
#custom-smalcode .panel-discover-more .text-layer .menu-items-wrap a:last-of-type,
#custom-smalcode .panel-hero-category .link-list a:last-of-type,
#custom-smalcode .panel-run-it .bottom-box .box-header .box-title:last-of-type,
#custom-smalcode.ratio-mobile .a100-panel-collection .a100-text-layer-col .small-text-box:last-of-type,
#custom-smalcode.ratio-mobile .a4100-panel-collection .panel-fade-in .dot-indicator:last-of-type {
    margin-right: 0
}

#custom-smalcode .element-product-teaser .color-picker-wrap .color-picker .color-bullet {
    width: 16px;
    height: 16px;
    position: absolute;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#custom-smalcode .element-product-teaser .color-picker-wrap .color-picker .active-indicator {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid #fff;
    border-radius: 100%;
    opacity: 0;
    transition: .2s ease-out;
    will-change: opacity
}

#custom-smalcode .element-product-teaser .color-picker-wrap .color-picker.black .color-bullet,
#custom-smalcode.one-pro .panel-awards .slick-dots li.slick-active button {
    background-color: #000
}

#custom-smalcode .element-product-teaser .color-picker-wrap .color-picker.white .color-bullet {
    background-color: #fff
}

#custom-smalcode .element-product-teaser .color-picker-wrap .color-picker.red .color-bullet {
    background-color: red
}

#custom-smalcode .element-product-teaser.black .cta-transparent.black,
#custom-smalcode .element-product-teaser.red .cta-transparent.red,
#custom-smalcode .element-product-teaser.white .cta-transparent.white,
#custom-smalcode .panel-ces-full-screen-slider .slide-element .bottom-wrap .btn-wrap {
    display: inline-block
}

#custom-smalcode .element-product-teaser .inner-title {
    font-size: 38px;
    letter-spacing: -.8px;
    margin-bottom: 25px;
    font-weight: 400
}

#custom-smalcode .cta-transparent {
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 1px solid #fff;
    display: inline-block;
    padding: 15px 40px;
    font-family: Saira, sans-serif;
    font-weight: 500;
    transition: .2s ease-out
}

#custom-smalcode .cta-transparent:hover {
    background-color: #000;
    border: 1px solid #000
}

#custom-smalcode .cta-transparent.cta-transparent-white:hover {
    background-color: #fff;
    color: #000
}

#custom-smalcode .element-pax-move {
    transform: translate(0, 0);
    will-change: transform
}

#custom-smalcode .element-pax-move.active {
    transform: translate(0, -30vh);
    transform: translate(0, calc(var(--vh) * -30))
}

#custom-smalcode .element-video-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #252525;
    z-index: 110;
    pointer-events: none;
    opacity: 0;
    transition: .3s ease-out;
    will-change: opacity
}

#custom-smalcode .element-video-popup.active {
    opacity: 1;
    pointer-events: all
}

#custom-smalcode .element-video-popup .inner-popup {
    display: flex;
    align-items: center;
    height: 100%;
    width: 70%;
    margin-left: auto;
    margin-right: auto
}

#custom-smalcode .element-video-popup .close-wrap {
    margin-left: auto;
    margin-right: auto;
    width: 22px;
    cursor: pointer;
    margin-bottom: 30px
}

#custom-smalcode .element-video-popup iframe,
#custom-smalcode .element-video-popup video {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

#custom-smalcode .cta-yellow {
    background-color: #e9e600;
    color: #000;
    padding: 18px 16px;
    display: inline-block;
    cursor: pointer
}

#custom-smalcode .panel-hero-pdp {
    background-color: #f9f9f9;
    text-align: center;
    height: 100vh;
    height: calc(var(--vh) * 100);
    position: relative;
    overflow: hidden
}

#custom-smalcode .panel-hero-pdp .headline-wrap {
    display: inline-flex;
    align-items: center;
    margin-bottom: 25px
}

#custom-smalcode .panel-hero-pdp .headline-wrap .element-label-yellow {
    margin-left: 20px
}

#custom-smalcode .panel-hero-pdp .hero-device {
    position: absolute;
    height: 65vh;
    height: calc(var(--vh) * 65);
    width: auto;
    bottom: 0;
    left: 50%;
    z-index: 5;
    opacity: 0;
    transform: scale(1.3) translate(-50%, 0);
    will-change: transform, opacity;
    transition: .8s ease-out
}

#custom-smalcode .panel-hero-pdp .title-wrap {
    position: absolute;
    left: 0;
    width: 100%;
    top: 13vh;
    top: calc(var(--vh) * 13);
    z-index: 10
}

@media only screen and (max-height:899px) {
    #custom-smalcode .style-h1 {
        font-size: 118px !important;
        line-height: 118px !important;
        letter-spacing: -2px !important
    }

    #custom-smalcode .panel-hero-pdp .hero-device {
        height: 60vh;
        height: calc(var(--vh) * 60)
    }
}

#custom-smalcode .panel-hero-pdp .hero-device.active {
    opacity: 1;
    transform: scale(1) translate(-50%, 0)
}

#custom-smalcode .panel-explosion-view {
    position: relative;
    padding-bottom: 33vw;
    padding-top: 120px
}

#custom-smalcode .panel-audio-quality-2 .bg-layer,
#custom-smalcode .panel-explosion-view .bg-layer {
    width: 70%;
    right: 2%;
    bottom: 0;
    position: absolute;
    z-index: 5
}

#custom-smalcode .panel-audio-quality-2 .text-layer,
#custom-smalcode .panel-explosion-view .text-layer,
#custom-smalcode.one-pro .panel-testimonial .bottom-row {
    position: relative;
    z-index: 10
}

#custom-smalcode .panel-audio-quality-2 .element-usp-wrap,
#custom-smalcode .panel-comfort .image-mask-1,
#custom-smalcode .panel-cool-quite-everything .element-usp-wrap,
#custom-smalcode .panel-efficient-heat-transfer .element-usp-wrap,
#custom-smalcode .panel-explosion-view .element-usp-wrap {
    margin-top: 60px
}

#custom-smalcode .panel-comfort {
    padding-top: 120px;
    padding-bottom: 120px;
    background-color: #f9f9f9;
    position: relative
}

#custom-smalcode .panel-comfort .outer-usp-wrap {
    margin-top: 60px;
    margin-bottom: 25px;
    display: flex;
    justify-content: flex-end
}

#custom-smalcode .panel-comfort .relative-wrap {
    position: relative;
    padding-bottom: 20vw
}

#custom-smalcode .panel-comfort .element-image-mask .mask,
#custom-smalcode .panel-corsair-holdfast-retention .element-image-mask .mask,
#custom-smalcode .panel-efficient-heat-transfer .element-image-mask .mask,
#custom-smalcode .panel-faster-game-render-encode .element-image-mask .mask,
#custom-smalcode.one-pro .panel-minimize .bg-color-wrap {
    background-color: #f9f9f9
}

#custom-smalcode .panel-comfort .image-swap {
    position: absolute;
    bottom: 0;
    right: 15%;
    width: 58%;
    z-index: 5
}

#custom-smalcode .panel-comfort .image-swap .device-left {
    position: absolute;
    bottom: 21%;
    left: 13%;
    width: 28.1%;
    transform: rotate(0);
    transform-origin: center center;
    will-change: transform
}

#custom-smalcode .panel-comfort .image-swap .device-right {
    position: absolute;
    bottom: 9.5%;
    right: 11.5%;
    width: 44%;
    transform: rotate(0);
    transform-origin: center center;
    will-change: transform
}

#custom-smalcode .panel-comfort .image-swap .device-right.wireless {
    bottom: 13.5%
}

#custom-smalcode .panel-comfort .image-swap .device-left.active {
    transform: rotate(20deg) translate(-18%, 11%)
}

#custom-smalcode .panel-comfort .image-swap .device-right.active {
    transform: rotate(-20deg) translate(12%, 13%)
}

#custom-smalcode .panel-connectivity {
    padding-top: 120px;
    padding-bottom: 120px;
    position: relative
}

#custom-smalcode .panel-connectivity .element-usp-wrap-2 {
    margin-top: 0;
    margin-left: 60px
}

#custom-smalcode .a4100-panel-collection .panel-fade-in .collapse-box-wrap,
#custom-smalcode .panel-a100-how-big .product-row,
#custom-smalcode .panel-ces-scuf-intro .body-p1,
#custom-smalcode .panel-connectivity .row-image-usp,
#custom-smalcode .panel-meet-wave .cta-outer-wrap,
#custom-smalcode .panel-programmable .element-usp-wrap,
#custom-smalcode.ratio-mobile .a100-panel-collection .a100-text-layer-col.text-layer-col-13 .row-second {
    margin-top: 50px
}

#custom-smalcode .panel-connectivity .usp-outer-wrap {
    display: flex;
    margin-bottom: 40px
}

#custom-smalcode .panel-features {
    padding-top: 110px;
    padding-bottom: 50px;
    position: relative;
    background-color: #f9f9f9;
    text-align: center
}

#custom-smalcode .a100-text-layer-col.text-layer-col-10 .small-text-box,
#custom-smalcode .a100-text-layer-col.text-layer-col-7 .small-text-box:first-of-type,
#custom-smalcode .panel-features .row-features,
#custom-smalcode .panel-programmable .element-zoom-image,
#custom-smalcode .panel-programmable .row-icue-usps,
#custom-smalcode.ratio-mobile .a4100-panel-collection .panel-fade-in .panel-fade-in-img {
    margin-top: 40px
}

#custom-smalcode .panel-ces-full-screen-slider .slide-element.text-left-image-right .bottom-wrap,
#custom-smalcode .panel-features .element-feature {
    text-align: left
}

#custom-smalcode .panel-ces-full-screen-slider .seperator,
#custom-smalcode .panel-ces-virtuoso .seperator,
#custom-smalcode .panel-features .headline {
    margin-bottom: 0 !important
}

#custom-smalcode .panel-programmable {
    padding-top: 120px;
    padding-bottom: 40px;
    position: relative
}

#custom-smalcode .panel-programmable .usp-outer-wrap {
    display: flex;
    justify-content: flex-end
}

#custom-smalcode .panel-programmable .element-usp-wrap-1 {
    margin-right: 50px
}

#custom-smalcode .panel-hero-category {
    position: relative;
    height: 100vh;
    height: calc(var(--vh) * 100);
    text-align: center;
    background-color: #000;
    overflow: hidden
}

#custom-smalcode .panel-hero-category .bg-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    will-change: opacity;
    transform: scale(1.4);
    will-change: opacity, transform;
    transition: 2s ease-out
}

#custom-smalcode .influencer-bg-layer div,
#custom-smalcode .panel-hero-category .bg-layer .bg-image,
#custom-smalcode .panel-hero-parallax .bg-layer .bg-image {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

#custom-smalcode .panel-hero-category .headline-layer {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%
}

#custom-smalcode .panel-hero-category .headline {
    margin-top: 25px;
    margin-bottom: 35px !important
}

#custom-smalcode .panel-hero-category .link-list {
    display: inline-flex;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400
}

#custom-smalcode .panel-hero-category .link-list a {
    display: block;
    margin-right: 60px
}

#custom-smalcode .panel-hero-category .read-more-layer {
    position: absolute;
    bottom: 0;
    left: 50%;
    white-space: nowrap;
    transform: translate(-50%, 100%);
    will-change: transform;
    transition: .3s ease-out
}

#custom-smalcode .panel-hero-category .read-more-layer .text {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 3px;
    font-family: Saira, sans-serif;
    font-weight: 500
}

#custom-smalcode .panel-hero-category .read-more-layer .animation-wrap,
#custom-smalcode .panel-hero-fullscreen .read-more-layer .animation-wrap,
#custom-smalcode .panel-hero-slipstream .read-more-layer .animation-wrap {
    height: 40px;
    overflow: hidden;
    position: relative
}

#custom-smalcode .panel-hero-category .read-more-layer .animation-wrap .line,
#custom-smalcode .panel-hero-fullscreen .read-more-layer .animation-wrap .line,
#custom-smalcode .panel-hero-slipstream .read-more-layer .animation-wrap .line {
    width: 2px;
    height: 34px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #fff;
    -webkit-animation: 2s infinite heroLineMove;
    animation: 2s infinite heroLineMove;
    will-change: transform
}

#custom-smalcode .panel-hero-category .video-layer {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 185px;
    cursor: pointer
}

#custom-smalcode .panel-hero-category .video-layer .play-icon,
#custom-smalcode .panel-hero-category-video-layer-mobile .video-layer .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16px
}

#custom-smalcode .panel-hero-category-video-layer-mobile {
    text-align: center;
    padding: 75px 32px 50px;
    background-color: #363636
}

#custom-smalcode .panel-hero-category-video-layer-mobile .video-layer,
#custom-smalcode .panel-intuitive-slide-lock-fan-mount .main-image-wrap {
    position: relative;
    margin-top: 30px
}

#custom-smalcode .panel-hero-category-video-layer-mobile.page-slipstream {
    background-color: #130f0d;
    padding-bottom: 0;
    margin-bottom: 50px
}

@-webkit-keyframes heroLineMove {
    from {
        transform: translate(-50%, -45px)
    }

    to {
        transform: translate(-50%, 45px)
    }
}

@keyframes heroLineMove {
    from {
        transform: translate(-50%, -45px)
    }

    to {
        transform: translate(-50%, 45px)
    }
}

#custom-smalcode .panel-hero-category .bg-layer .inner-fade-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    will-change: opacity;
    opacity: 1
}

#custom-smalcode .panel-hero-category .bg-layer img {
    height: 82%;
    width: auto;
    position: absolute;
    top: 9.5%;
    left: 50%;
    transform: translate(-50%, 0)
}

#custom-smalcode .panel-hero-category .bg-layer.width-full img {
    width: 36%;
    height: auto;
    top: 50%;
    transform: translate(-50%, -50%)
}

#custom-smalcode .panel-hero-category .element-image-mask .mask {
    background-color: #000;
    transition: 1s ease-out
}

#custom-smalcode .panel-hero-category .headline-layer .headline,
#custom-smalcode .panel-hero-category .headline-layer .style-h6,
#custom-smalcode .panel-hero-category .headline-layer a {
    will-change: opacity;
    opacity: 0
}

#custom-smalcode .panel-hero-category .bg-layer .bg-image,
#custom-smalcode .panel-hero-category .headline-layer .headline,
#custom-smalcode .panel-hero-category .headline-layer .style-h6 {
    transition: 1s ease-out
}

#custom-smalcode .panel-hero-category .headline-layer a {
    transition: .4s ease-out
}

#custom-smalcode .panel-hero-category .bg-layer .inner-move-up-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transform: translate(0, 50px);
    will-change: transform;
    transition: .5s ease-out
}

#custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap .bar-value.active,
#custom-smalcode .panel-hero-category .read-more-layer.fade-in,
#custom-smalcode.ratio-mobile .a100-panel-collection .image-sequence-main-wrap.position-1 {
    transform: translate(-50%, 0)
}

#custom-smalcode .panel-meet-the-family {
    padding-top: 120px;
    padding-bottom: 60px;
    text-align: center;
    position: relative;
    background-image: linear-gradient(180deg, #363636 0, #4b4b4b 52%, #414141 68%)
}

#custom-smalcode .panel-meet-the-family>.maxWidth {
    position: relative;
    z-index: 99
}

#custom-smalcode .panel-category-sticky .inner-panel-wrap-connectivity .info-element .info-headline,
#custom-smalcode .panel-category-sticky-mobile .inner-panel-wrap-connectivity .info-element .info-headline,
#custom-smalcode .panel-meet-the-family .headline-wrap {
    margin-bottom: 25px
}

#custom-smalcode .panel-a100-huge-power-small-size .row-big-img,
#custom-smalcode .panel-hero-fullscreen .cta-outer-wrap,
#custom-smalcode .panel-meet-the-family .row-teasers,
#custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid {
    margin-top: 70px
}

#custom-smalcode .panel-audio-quality-2 {
    position: relative;
    padding-top: 110px;
    padding-bottom: 23vw
}

#custom-smalcode .panel-audio-quality-2 .element-image-mask .mask {
    background-color: #414141
}

#custom-smalcode .product-sequence img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0
}

#custom-smalcode .panel-comfort-2 {
    padding-top: 110px;
    position: relative;
    background: linear-gradient(180deg, #414141 0, #4a4a4c 68%)
}

#custom-smalcode .panel-comfort-2 .bg-layer {
    position: absolute;
    top: 50%;
    left: 0;
    width: 70%;
    transform: translate(0, -50%)
}

#custom-smalcode .panel-comfort-2 .outer-usp-wrap {
    margin-top: 60px;
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-end
}

#custom-smalcode .lt100-hero .bg-layer video.ratio-diverse,
#custom-smalcode .panel-comfort-2 video,
#custom-smalcode .panel-faster-game-render-encode video,
#custom-smalcode .panel-hero-fullscreen .bg-layer.width-full video,
#custom-smalcode .panel-hero-slipstream .bg-layer.width-full video,
#custom-smalcode .panel-superior-signal-strength .bg-layer.width-full video,
#custom-smalcode.one-pro .panel-fake-parallax .bg-layer.width-full video,
#custom-smalcode.one-pro .panel-hero-video .bg-layer video {
    width: 100%;
    height: auto
}

#custom-smalcode .panel-category-sticky,
#custom-smalcode .panel-category-sticky-mobile {
    background-color: #4a4a4c
}

#custom-smalcode .panel-category-sticky .pos-helper-1,
#custom-smalcode .panel-category-sticky-mobile .pos-helper-1 {
    top: 60vh;
    top: calc(var(--vh) * 60)
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-3,
#custom-smalcode .panel-category-sticky .pos-helper-2,
#custom-smalcode .panel-category-sticky-mobile .pos-helper-2 {
    top: 120vh;
    top: calc(var(--vh) * 120)
}

#custom-smalcode .panel-category-sticky .seperator,
#custom-smalcode .panel-category-sticky-mobile .seperator {
    margin-top: 25px;
    margin-bottom: 15px;
    width: 34px;
    height: 2px;
    background-color: #e9e600
}

#custom-smalcode .panel-category-sticky .sticky-layer,
#custom-smalcode .panel-category-sticky-mobile .sticky-layer {
    height: 100vh;
    height: calc(var(--vh) * 100);
    width: 100%;
    overflow: hidden
}

#custom-smalcode .panel-category-sticky .image-wrap,
#custom-smalcode .panel-category-sticky-mobile .image-wrap {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    transform: translate(0, -50%)
}

#custom-smalcode .panel-category-sticky .image-wrap .images-outer-wrap,
#custom-smalcode .panel-category-sticky-mobile .image-wrap .images-outer-wrap {
    position: relative;
    transform: scale(1.5)
}

#custom-smalcode .panel-category-sticky .image-wrap .images img,
#custom-smalcode .panel-category-sticky-mobile .image-wrap .images img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

#custom-smalcode .panel-category-sticky .image-wrap .pfb-1,
#custom-smalcode .panel-category-sticky-mobile .image-wrap .pfb-1 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0
}

#custom-smalcode .panel-category-sticky .image-wrap .pfb-1 .indicator,
#custom-smalcode .panel-category-sticky-mobile .image-wrap .pfb-1 .indicator {
    width: 26px;
    height: 26px;
    position: absolute;
    cursor: pointer
}

#custom-smalcode .panel-category-sticky .image-wrap .pfb-1 .indicator .inner-bullet,
#custom-smalcode .panel-category-sticky-mobile .image-wrap .pfb-1 .indicator .inner-bullet {
    width: 12px;
    height: 12px;
    background-color: #fff;
    position: absolute;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .2s ease-out;
    will-change: transform
}

#custom-smalcode .panel-category-sticky .image-wrap .pfb-1 .indicator .inner-circle,
#custom-smalcode .panel-category-sticky-mobile .image-wrap .pfb-1 .indicator .inner-circle {
    width: 26px;
    height: 26px;
    border-radius: 100%;
    border: 1px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .2s ease-out;
    will-change: width, height, opacity
}

#custom-smalcode .panel-category-sticky .image-wrap .pfb-1 .indicator:not(.active) .inner-circle,
#custom-smalcode .panel-category-sticky-mobile .image-wrap .pfb-1 .indicator:not(.active) .inner-circle {
    -webkit-animation: 2s infinite indicatorLoop;
    animation: 2s infinite indicatorLoop
}

#custom-smalcode .panel-category-sticky .image-wrap .pfb-1 .indicator.active .inner-bullet,
#custom-smalcode .panel-category-sticky-mobile .image-wrap .pfb-1 .indicator.active .inner-bullet {
    background-color: #e9e600
}

#custom-smalcode .panel-category-sticky .image-wrap .pfb-1 .indicator.active .inner-circle,
#custom-smalcode .panel-category-sticky-mobile .image-wrap .pfb-1 .indicator.active .inner-circle {
    border: 1px solid #e9e600
}

#custom-smalcode .panel-category-sticky .image-wrap .pfb-1 .indicator.indicator-1,
#custom-smalcode .panel-category-sticky-mobile .image-wrap .pfb-1 .indicator.indicator-1 {
    top: 47%;
    left: 69%
}

#custom-smalcode .panel-category-sticky .image-wrap .pfb-1 .indicator.indicator-2,
#custom-smalcode .panel-category-sticky-mobile .image-wrap .pfb-1 .indicator.indicator-2 {
    top: 77%;
    left: 66%
}

#custom-smalcode .panel-category-sticky .image-wrap .pfb-1 .indicator.indicator-3,
#custom-smalcode .panel-category-sticky-mobile .image-wrap .pfb-1 .indicator.indicator-3 {
    top: 75%;
    left: 6%
}

#custom-smalcode .panel-category-sticky .image-wrap .pfb-1 .indicator.indicator-4,
#custom-smalcode .panel-category-sticky-mobile .image-wrap .pfb-1 .indicator.indicator-4 {
    top: 62%;
    left: 57%
}

#custom-smalcode .panel-category-sticky .inner-panel-wrap-connectivity,
#custom-smalcode .panel-category-sticky-mobile .inner-panel-wrap-connectivity {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    transform: translate(0, 90vh);
    transform: translate(0, calc(var(--vh) * 90))
}

#custom-smalcode .panel-category-sticky .inner-panel-wrap-connectivity.active,
#custom-smalcode .panel-category-sticky-mobile .inner-panel-wrap-connectivity.active {
    transform: translate(0, 50vh) translate(0, -50%);
    transform: translate(0, calc(var(--vh) * 50)) translate(0, -50%)
}

#custom-smalcode .panel-category-sticky .inner-panel-wrap-connectivity.fadeAway,
#custom-smalcode .panel-category-sticky-mobile .inner-panel-wrap-connectivity.fadeAway {
    transform: translate(0, 0) translate(0, -100%)
}

#custom-smalcode .panel-category-sticky .inner-panel-wrap-connectivity .element-usp-wrap,
#custom-smalcode .panel-category-sticky-mobile .inner-panel-wrap-connectivity .element-usp-wrap {
    margin-top: 60px;
    margin-bottom: 25px
}

#custom-smalcode .panel-category-sticky .inner-panel-wrap-connectivity .element-usp-wrap .element-usp-item,
#custom-smalcode .panel-category-sticky-mobile .inner-panel-wrap-connectivity .element-usp-wrap .element-usp-item {
    opacity: .3
}

#custom-smalcode .panel-category-sticky .inner-panel-wrap-connectivity .info-element,
#custom-smalcode .panel-category-sticky-mobile .inner-panel-wrap-connectivity .info-element {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

#custom-smalcode .panel-category-sticky .inner-panel-prepare-for-battle-title,
#custom-smalcode .panel-category-sticky-mobile .inner-panel-prepare-for-battle-title {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    transform: translate(0, 100vh);
    transform: translate(0, calc(var(--vh) * 100));
    pointer-events: none
}

#custom-smalcode .panel-category-sticky .inner-panel-prepare-for-battle-title.active,
#custom-smalcode .panel-category-sticky-mobile .inner-panel-prepare-for-battle-title.active {
    transform: translate(0, 10vh);
    transform: translate(0, calc(var(--vh) * 10))
}

#custom-smalcode .panel-category-sticky .prepare-for-battle-image-slides,
#custom-smalcode .panel-category-sticky-mobile .prepare-for-battle-image-slides {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: translate(0, 100vh);
    transform: translate(0, calc(var(--vh) * 100));
    pointer-events: none
}

#custom-smalcode .panel-category-sticky .prepare-for-battle-image-slides.active,
#custom-smalcode .panel-category-sticky-mobile .prepare-for-battle-image-slides.active {
    transform: translate(0, 10vh) translate(0, 25px);
    transform: translate(0, calc(var(--vh) * 10)) translate(0, 25px)
}

#custom-smalcode .panel-category-sticky .prepare-for-battle-image-slides .element-image-mask,
#custom-smalcode .panel-category-sticky-mobile .prepare-for-battle-image-slides .element-image-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: .2s ease-out
}

#custom-smalcode .panel-category-sticky .prepare-for-battle-image-slides .element-image-mask .mask,
#custom-smalcode .panel-category-sticky-mobile .prepare-for-battle-image-slides .element-image-mask .mask {
    background-color: #4a4a4c;
    transition: none
}

#custom-smalcode .panel-category-sticky .prepare-for-battle-image-slides .element-image-mask .mask.transition-allowed,
#custom-smalcode .panel-category-sticky-mobile .prepare-for-battle-image-slides .element-image-mask .mask.transition-allowed {
    transition: .5s ease-out
}

#custom-smalcode .panel-category-sticky .prepare-for-battle-image-slides .element-image-mask:after,
#custom-smalcode .panel-category-sticky .prepare-for-battle-image-slides .element-image-mask:before,
#custom-smalcode .panel-category-sticky-mobile .prepare-for-battle-image-slides .element-image-mask:after,
#custom-smalcode .panel-category-sticky-mobile .prepare-for-battle-image-slides .element-image-mask:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000
}

#custom-smalcode .panel-fastest-wireless,
#custom-smalcode .panel-shop-slipstream-wireless-products,
#custom-smalcode .panel-ultra-long-range {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-0,
#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-0,
#custom-smalcode .panel-category-sticky .prepare-for-battle-image-slides .element-image-mask:before,
#custom-smalcode .panel-category-sticky-mobile .prepare-for-battle-image-slides .element-image-mask:before,
#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-1 .outer-content-wrap .content-box.content-box-2 {
    top: 0
}

#custom-smalcode .panel-category-sticky .prepare-for-battle-image-slides .element-image-mask:after,
#custom-smalcode .panel-category-sticky-mobile .prepare-for-battle-image-slides .element-image-mask:after,
#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-1 .outer-content-wrap .content-box.content-box-4 {
    bottom: 0
}

#custom-smalcode .panel-category-sticky .inner-panel-prepare-for-battle-infos,
#custom-smalcode .panel-category-sticky-mobile .inner-panel-prepare-for-battle-infos {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: translate(0, 150vh);
    transform: translate(0, calc(var(--vh) * 150));
    pointer-events: none
}

#custom-smalcode .panel-category-sticky .inner-panel-prepare-for-battle-infos.active,
#custom-smalcode .panel-category-sticky-mobile .inner-panel-prepare-for-battle-infos.active {
    transform: translate(0, 58vh);
    transform: translate(0, calc(var(--vh) * 62))
}

#custom-smalcode .panel-category-sticky .inner-panel-prepare-for-battle-infos .pfb-infos-wrap .pfb-info,
#custom-smalcode .panel-category-sticky-mobile .inner-panel-prepare-for-battle-infos .pfb-infos-wrap .pfb-info {
    padding-left: 25px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: .4s ease-out;
    will-change: opacity, transform;
    transform: translate(-30px, 0)
}

#custom-smalcode .panel-category-sticky .inner-panel-prepare-for-battle-infos .pfb-infos-wrap .pfb-info.fade-out,
#custom-smalcode .panel-category-sticky-mobile .inner-panel-prepare-for-battle-infos .pfb-infos-wrap .pfb-info.fade-out {
    opacity: 0;
    transform: translate(30px, 0)
}

#custom-smalcode .panel-category-sticky .inner-panel-prepare-for-battle-infos .pfb-infos-wrap .pfb-info .pfb-info-headline,
#custom-smalcode .panel-category-sticky-mobile .inner-panel-prepare-for-battle-infos .pfb-infos-wrap .pfb-info .pfb-info-headline {
    margin-top: 5px
}

#custom-smalcode .panel-category-sticky-mobile .seperator {
    margin-top: 12px;
    margin-bottom: 8px
}

#custom-smalcode .panel-category-sticky-mobile .inner-panel-wrap-connectivity {
    position: relative;
    transform: none;
    padding-top: 40px;
    padding-bottom: 30px
}

#custom-smalcode .panel-category-sticky-mobile .inner-panel-wrap-connectivity .info-elements-wrap {
    max-width: 500px
}

#custom-smalcode .panel-category-sticky-mobile .inner-panel-wrap-connectivity .element-usp-wrap {
    margin-top: 30px;
    margin-bottom: 40px
}

#custom-smalcode .panel-category-sticky-mobile .inner-panel-wrap-connectivity .element-usp-item {
    transition: .2s ease-out
}

#custom-smalcode .panel-category-sticky-mobile .inner-panel-wrap-connectivity .info-element {
    position: relative;
    opacity: 1
}

#custom-smalcode .panel-category-sticky-mobile .inner-panel-wrap-connectivity .info-element .info-headline,
#custom-smalcode.ratio-mobile .a4100-panel-collection .panel-fade-in .collapse-box-fade {
    margin-bottom: 12px
}

#custom-smalcode .panel-category-sticky-mobile .inner-panel-wrap-connectivity .info-element .bg-layer {
    padding-top: 30px
}

#custom-smalcode .panel-category-sticky-mobile .inner-panel-wrap-connectivity .info-element .text-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%
}

#custom-smalcode .panel-category-sticky-mobile .inner-panel-prepare-for-battle {
    padding-top: 60px;
    padding-bottom: 40px
}

#custom-smalcode .a100-text-layer-col.centered-text-col,
#custom-smalcode .nexus-get-started .headline,
#custom-smalcode .panel-category-sticky-mobile .inner-panel-prepare-for-battle .row-headline,
#custom-smalcode .panel-ces-3-grid .row-top,
#custom-smalcode.one-pro .panel-awards .slider-ele {
    text-align: center
}

#custom-smalcode .panel-category-sticky-mobile .inner-panel-prepare-for-battle .image-wrap {
    position: relative;
    top: 0;
    transform: none;
    width: 80%;
    margin: 40px auto 30px
}

#custom-smalcode .panel-category-sticky-mobile .inner-panel-prepare-for-battle .prepare-for-battle-slides {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto
}

#custom-smalcode .panel-a100-huge-power-small-size .bottom-box .box-content-wrap .box-content .box-flex-wrap,
#custom-smalcode .panel-category-sticky-mobile .inner-panel-prepare-for-battle .prepare-for-battle-slides .images-slide-wrap .element-image-slide .inner-slide {
    display: flex;
    align-items: flex-start
}

#custom-smalcode .panel-category-sticky-mobile .inner-panel-prepare-for-battle .prepare-for-battle-slides .images-slide-wrap .element-image-slide .inner-slide .pfb-info,
#custom-smalcode .panel-lt100-how-to .text-container .right-inner,
#custom-smalcode .top-specs-panel .specs-row .specs-wrap .right-row {
    padding-left: 20px
}

@-webkit-keyframes indicatorLoop {
    0% {
        width: 26px;
        height: 26px;
        opacity: 1
    }

    100% {
        width: 60px;
        height: 60px;
        opacity: 0
    }
}

@keyframes indicatorLoop {
    0% {
        width: 26px;
        height: 26px;
        opacity: 1
    }

    100% {
        width: 60px;
        height: 60px;
        opacity: 0
    }
}

#custom-smalcode .panel-programmable-black {
    position: relative;
    padding-bottom: 50px;
    padding-top: 5vh;
    background-color: #4a4a4c
}

#custom-smalcode .panel-ces-3-grid .element-box .image-wrap,
#custom-smalcode .panel-high-tech-low-temps .row-first,
#custom-smalcode .panel-programmable-black .element-icue-software,
#custom-smalcode .panel-programmable-black .row-with-space {
    margin-bottom: 50px
}

#custom-smalcode .panel-programmable-black .row-usps {
    margin-top: 65px;
    margin-bottom: 65px
}

#custom-smalcode .panel-lt100-how-to .col-text .cta-white,
#custom-smalcode .panel-programmable-black .cta-white,
#custom-smalcode.ces-page .cta-dotted-yellow:hover .text,
#custom-smalcode.one-pro .cta-white {
    color: #000
}

#custom-smalcode .panel-programmable-black .legal-text {
    margin-top: 60px;
    font-size: 14px;
    line-height: 22px;
    font-family: Saira, sans-serif;
    opacity: .7
}

#custom-smalcode .panel-discover-more {
    position: relative;
    height: 100vh;
    height: calc(var(--vh) * 100);
    overflow: hidden;
    background-color: #4a4a4c
}

#custom-smalcode .panel-discover-more .bg-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transform: scale(1.5);
    opacity: 0
}

#custom-smalcode .influencer-slider .slide-ele.slick-center .inner-slider-ele,
#custom-smalcode .panel-discover-more .bg-layer.active {
    transform: scale(1);
    opacity: 1
}

#custom-smalcode .panel-discover-more .img-wrap {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    bottom: 0
}

#custom-smalcode .panel-discover-more .img-wrap img {
    height: 90%;
    width: auto;
    position: absolute;
    bottom: 0;
    right: 10vw;
    opacity: 0;
    transition: .3s ease-out;
    will-change: opacity
}

#custom-smalcode .panel-discover-more .text-layer,
#custom-smalcode .panel-hero-fullscreen .text-layer,
#custom-smalcode .panel-hero-slipstream .text-layer,
#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-3 .content-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0, -50%);
    text-align: center
}

#custom-smalcode .panel-discover-more .text-layer .discover-headline {
    text-transform: uppercase;
    font-family: verveine, sans-serif;
    font-weight: 400;
    font-size: 60px;
    line-height: 60px;
    margin-top: 40px;
    margin-bottom: 70px
}

#custom-smalcode .panel-discover-more .text-layer .menu-items-wrap {
    font-size: 40px;
    text-transform: uppercase;
    font-family: Saira, sans-serif;
    font-weight: 400
}

#custom-smalcode .panel-discover-more .text-layer .menu-items-wrap a {
    margin-right: 50px;
    opacity: .5;
    transition: .2s ease-out;
    will-change: opacity
}

#custom-smalcode .panel-hero-fullscreen,
#custom-smalcode .panel-hero-slipstream {
    position: relative;
    height: calc(100vh - 65px);
    overflow: hidden
}

#custom-smalcode .panel-hero-fullscreen .bg-layer,
#custom-smalcode .panel-hero-slipstream .bg-layer,
#custom-smalcode .panel-superior-signal-strength .bg-layer,
#custom-smalcode.one-pro .panel-fake-parallax .bg-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

#custom-smalcode .lt100-hero .bg-layer video,
#custom-smalcode .panel-hero-fullscreen .bg-layer video,
#custom-smalcode .panel-hero-slipstream .bg-layer video,
#custom-smalcode .panel-hero-video .bg-layer video,
#custom-smalcode .panel-superior-signal-strength .bg-layer video,
#custom-smalcode.one-pro .panel-fake-parallax .bg-layer video {
    height: 100%;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#custom-smalcode .panel-hero-fullscreen .bg-layer .overlay,
#custom-smalcode .panel-hero-slipstream .bg-layer .overlay,
#custom-smalcode .panel-superior-signal-strength .bg-layer .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .5)
}

#custom-smalcode .panel-hero-fullscreen .text-layer .slipstream-logo,
#custom-smalcode .panel-hero-slipstream .text-layer .slipstream-logo {
    width: 122px;
    margin-left: auto;
    margin-right: auto
}

#custom-smalcode .panel-hero-fullscreen .text-layer .subheadline,
#custom-smalcode .panel-hero-slipstream .text-layer .subheadline {
    font-family: Saira, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 42px;
    letter-spacing: 28px;
    margin-left: 30px;
    margin-bottom: 60px;
    margin-top: -10px
}

#custom-smalcode .panel-hero-fullscreen .text-layer .cta-transparent,
#custom-smalcode .panel-hero-slipstream .text-layer .cta-transparent {
    margin-top: 40px;
    cursor: pointer
}

#custom-smalcode .panel-hero-fullscreen .read-more-layer,
#custom-smalcode .panel-hero-slipstream .read-more-layer {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    white-space: nowrap;
    width: 2px
}

#custom-smalcode .panel-hero-category-video-layer-mobile.page-slipstream,
#custom-smalcode .panel-hero-slipstream {
    will-change: transform;
    transform: translate(0, 0)
}

#custom-smalcode .panel-hero-category-video-layer-mobile.page-slipstream.active,
#custom-smalcode .panel-hero-slipstream.active {
    transform: translate(0, -20vh)
}

#custom-smalcode .panel-hero-fullscreen {
    height: 100vh
}

#custom-smalcode .panel-next-wave-of-wireless {
    padding-top: 100px;
    padding-bottom: 80px;
    overflow: hidden
}

#custom-smalcode .panel-next-wave-of-wireless .devices-wrap .ratio-wrap {
    padding-bottom: 37.223%
}

#custom-smalcode .panel-next-wave-of-wireless .devices-wrap .device {
    position: absolute;
    transition: .7s ease-out
}

#custom-smalcode .panel-next-wave-of-wireless .devices-wrap .device.device-keyboard {
    width: 35.7%;
    top: 0;
    left: 0
}

#custom-smalcode .panel-next-wave-of-wireless .devices-wrap .device.device-headphones {
    top: 19%;
    left: 38.7%;
    width: 23%
}

#custom-smalcode .panel-next-wave-of-wireless .devices-wrap .device.device-mousepad {
    top: 18%;
    right: 0;
    width: 32%
}

#custom-smalcode .panel-next-wave-of-wireless .devices-wrap .device.device-mouse {
    top: 38%;
    right: 10%;
    width: 10.5%
}

#custom-smalcode .panel-next-wave-of-wireless .devices-wrap .wave-inner {
    position: absolute;
    opacity: 0
}

#custom-smalcode .panel-next-wave-of-wireless .devices-wrap .wave-inner.animation-allowed {
    -webkit-animation: 4s infinite wavemove;
    animation: 4s infinite wavemove
}

#custom-smalcode .panel-multiple-devices .image-box .wave-inner div,
#custom-smalcode .panel-next-wave-of-wireless .devices-wrap .wave-inner div {
    padding-bottom: 100%;
    height: 0;
    border: 3px solid #fc0;
    border-radius: 100%
}

#custom-smalcode .panel-multiple-devices .image-box .wave-inner.wave-2,
#custom-smalcode .panel-next-wave-of-wireless .devices-wrap .wave-inner.wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

#custom-smalcode .panel-next-wave-of-wireless .devices-wrap .wave-inner.wave-headphones {
    top: 20%;
    left: 36.5%;
    width: 27%;
    transform: scale(.01)
}

#custom-smalcode .panel-next-wave-of-wireless .devices-wrap .wave-inner.wave-keyboard {
    top: 0;
    left: 0;
    width: 31%;
    transform: scale(.01)
}

#custom-smalcode .panel-next-wave-of-wireless .devices-wrap .wave-inner.wave-mouse {
    right: 5%;
    top: 27%;
    width: 20%;
    transform: scale(.01)
}

@-webkit-keyframes wavemove {
    from {
        transform: scale(.01);
        opacity: 1
    }

    to {
        transform: scale(1);
        opacity: 0
    }
}

@keyframes wavemove {
    from {
        transform: scale(.01);
        opacity: 1
    }

    to {
        transform: scale(1);
        opacity: 0
    }
}

#custom-smalcode .panel-next-wave-of-wireless .devices-wrap .device-keyboard {
    transform: translate(-10vw, 5vw)
}

#custom-smalcode .panel-next-wave-of-wireless .devices-wrap .device-headphones {
    transform: translate(0, 5vw)
}

#custom-smalcode .panel-next-wave-of-wireless .devices-wrap .device-mouse,
#custom-smalcode .panel-next-wave-of-wireless .devices-wrap .device-mousepad {
    transform: translate(10vw, 5vw)
}

#custom-smalcode .panel-after-hero-slipstream {
    margin-top: -20vh
}

#custom-smalcode .panel-fastest-wireless {
    padding-top: 160px;
    padding-bottom: 100px
}

#custom-smalcode .lt100-hero .text-layer .big-title,
#custom-smalcode .panel-ces-elgato-intro .inner-title,
#custom-smalcode .panel-ces-origin-intro .inner-title,
#custom-smalcode .panel-ces-scuf-intro .inner-title,
#custom-smalcode .panel-fastest-wireless .subtitle,
#custom-smalcode .panel-hero-video .text-layer .big-title,
#custom-smalcode .panel-meet-wave .inner-text-wrap {
    margin-top: 25px;
    margin-bottom: 25px
}

#custom-smalcode .panel-fastest-wireless .bar-headline {
    margin-bottom: 10px;
    text-transform: uppercase
}

#custom-smalcode .panel-fastest-wireless .under-bar-headline-note {
    margin-bottom: 55px;
    font-size: 14px;
    font-family: Saira, sans-serif;
    font-weight: 100
}

#custom-smalcode .panel-fastest-wireless .desktop .outer-bars-wrap,
#custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .level-1 {
    display: flex
}

#custom-smalcode .panel-fastest-wireless .desktop .outer-bars-wrap .bar-ele.bar-ele-corsair,
#custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap.bar-wrap-corsair .title {
    color: #fc0
}

#custom-smalcode .panel-fastest-wireless .desktop .outer-bars-wrap .bar-ele.bar-ele-corsair .fill-ele,
#custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap.bar-wrap-corsair .bar-inner-wrap .bar-progress {
    background-color: #fc0
}

#custom-smalcode .panel-fastest-wireless .desktop .outer-bars-wrap .bar-ele.bar-ele-brand-a,
#custom-smalcode .panel-fastest-wireless .desktop .outer-bars-wrap .bar-ele.bar-ele-brand-b,
#custom-smalcode .panel-fastest-wireless .desktop .outer-bars-wrap .bar-ele.bar-ele-brand-c,
#custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap.bar-wrap-brand-a .title,
#custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap.bar-wrap-brand-b .title,
#custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap.bar-wrap-brand-c .title {
    color: #767676
}

#custom-smalcode .panel-fastest-wireless .desktop .outer-bars-wrap .bar-ele.bar-ele-brand-a .fill-ele,
#custom-smalcode .panel-fastest-wireless .desktop .outer-bars-wrap .bar-ele.bar-ele-brand-b .fill-ele,
#custom-smalcode .panel-fastest-wireless .desktop .outer-bars-wrap .bar-ele.bar-ele-brand-c .fill-ele,
#custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap.bar-wrap-brand-a .bar-inner-wrap .bar-progress,
#custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap.bar-wrap-brand-b .bar-inner-wrap .bar-progress,
#custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap.bar-wrap-brand-c .bar-inner-wrap .bar-progress {
    background-color: #d3d3d3
}

#custom-smalcode .panel-fastest-wireless .desktop .outer-bars-wrap .bar-ele .slipstream-logo {
    position: absolute;
    width: 60%;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 30%;
    max-width: 200px
}

#custom-smalcode .panel-faster-game-render-encode .boxes-wrap .box .box-front-bg-wrap,
#custom-smalcode .panel-fastest-wireless .desktop .outer-bars-wrap .bar-ele .fill-ele,
#custom-smalcode .panel-high-tech-low-temps .boxes-wrap .box .box-front-bg-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

#custom-smalcode .panel-fastest-wireless .desktop .outer-bars-wrap .bar-ele .title {
    text-transform: uppercase;
    font-size: 22px;
    text-align: center;
    margin-top: 15px;
    width: calc(100% - 100px)
}

#custom-smalcode .panel-fastest-wireless .desktop .outer-bars-wrap .bar-ele .value-ele {
    font-size: 22px;
    position: absolute;
    bottom: 0;
    right: -20px;
    transform: translate(100%, 0)
}

#custom-smalcode .panel-fastest-wireless .desktop .outer-bars-wrap .bar-ele .top-content {
    position: relative;
    height: 200px;
    width: calc(100% - 100px)
}

#custom-smalcode .panel-fastest-wireless .desktop .outer-bars-wrap .bar-ele .background {
    background-color: #636363;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .5
}

#custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap {
    margin-bottom: 45px;
    position: relative
}

#custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap.bar-wrap-corsair .bar-value {
    width: 27px
}

#custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap.bar-wrap-corsair .slipstream-logo {
    width: 102px;
    position: absolute;
    top: -25px;
    left: 20%
}

#custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap.bar-wrap-brand-a .bar-value {
    width: 41px
}

#custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap.bar-wrap-brand-b .bar-value,
#custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap.bar-wrap-brand-c .bar-value {
    width: 39px
}

#custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap .title {
    text-transform: uppercase;
    margin-bottom: 8px
}

#custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap .bar-inner-wrap .bar-full {
    background-color: #636363;
    height: 6px;
    width: 100%
}

#custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap .bar-inner-wrap .bar-progress {
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

#custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap .bar-value {
    position: absolute;
    top: 0;
    left: 10%;
    font-size: 18px;
    letter-spacing: 1px;
    font-family: Saira, sans-serif;
    font-weight: 400;
    transform: translate(0, 0)
}

#custom-smalcode .panel-superior-signal-strength {
    text-align: center;
    position: relative;
    height: 100vh;
    overflow: hidden
}

#custom-smalcode .panel-superior-signal-strength .text-layer,
#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-2 .content-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0, -50%)
}

#custom-smalcode .panel-ultra-long-range {
    padding-top: 130px;
    padding-bottom: 60px;
    text-align: center
}

#custom-smalcode .panel-ultra-long-range .animation-wrap {
    margin-top: 90px;
    margin-bottom: 50px
}

#custom-smalcode .panel-ultra-long-range .animation-wrap .ratio-wrap {
    padding-bottom: 36.1%
}

#custom-smalcode .panel-ultra-long-range .animation-wrap .headphones {
    width: 20%;
    position: absolute;
    left: 50%;
    top: .5%;
    transform: translate(-50%, 0)
}

#custom-smalcode .panel-ultra-long-range .animation-wrap .usb {
    position: absolute;
    left: 9%;
    top: 71%;
    width: 1.6%;
    max-width: 22px
}

#custom-smalcode .panel-ultra-long-range .animation-wrap .oval {
    width: 75.9%;
    height: 58%;
    border: 2px solid #e9e600;
    border-radius: 100%;
    background-color: rgba(0, 255, 255, .02);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    transform: scale(0) translate(-50%, 0);
    transform-origin: left;
    opacity: 0
}

#custom-smalcode .panel-ultra-long-range .animation-wrap .circle {
    background-color: #414141;
    border: 1px solid #e9e600;
    position: absolute;
    border-radius: 100%;
    width: 1.112%;
    top: 70%
}

#custom-smalcode .panel-ultra-long-range .animation-wrap .circle .circle-inner {
    padding-bottom: 100%
}

#custom-smalcode .panel-ultra-long-range .animation-wrap .circle.circle-left {
    left: 11.5%
}

#custom-smalcode .panel-ultra-long-range .animation-wrap .circle.circle-right {
    left: 50%
}

#custom-smalcode .panel-ultra-long-range .animation-wrap .line {
    background-color: #e9e600;
    height: 1px;
    position: absolute;
    top: 71.5%
}

#custom-smalcode .panel-ultra-long-range .animation-wrap .line.line-left {
    width: 13.4%;
    left: 12%
}

#custom-smalcode .panel-ultra-long-range .animation-wrap .line.line-right {
    width: 16%;
    right: 49.5%
}

#custom-smalcode .panel-ultra-long-range .animation-wrap .usp-title .label {
    letter-spacing: 1px;
    font-family: Saira, sans-serif;
    font-weight: 400;
    color: #aeaeae;
    font-size: 18px;
    line-height: 20px
}

#custom-smalcode .panel-ultra-long-range .legal-text {
    text-align: right;
    font-size: 14px;
    font-family: Saira, sans-serif;
    font-weight: 100
}

#custom-smalcode .panel-ultra-long-range .animation-wrap .oval.active {
    transform: scale(1) translate(-50%, 0);
    opacity: 1
}

#custom-smalcode .panel-ultra-long-range .animation-wrap .usb {
    transform: translate(39vw, -50%);
    opacity: 0;
    will-change: opacity, transform
}

#custom-smalcode .lt100-text-before-rooms.active,
#custom-smalcode .panel-ultra-long-range .animation-wrap .usb.active,
#custom-smalcode .panel-ultra-long-range .animation-wrap .usp-title.active {
    transform: translate(0, -50%);
    opacity: 1
}

#custom-smalcode .panel-ultra-long-range .animation-wrap .usp-title {
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    top: 71%;
    left: 27%;
    transform: translate(10vw, 0) translate(-50%, 0) translate(0, -50%);
    opacity: 0;
    will-change: opacity, transform
}

#custom-smalcode .panel-ultra-long-range .animation-wrap .circle-left {
    transform: translate(37vw, 0);
    opacity: 0;
    will-change: opacity, transform
}

#custom-smalcode .panel-ultra-long-range .animation-wrap .circle-left.active {
    transform: translate(0, 0);
    opacity: 1
}

#custom-smalcode .panel-ultra-long-range .animation-wrap .line-left,
#custom-smalcode .panel-ultra-long-range .animation-wrap .line-right {
    transform: scaleX(0);
    transform-origin: right;
    will-change: transform
}

#custom-smalcode .panel-ultra-long-range .animation-wrap .line-left.active,
#custom-smalcode .panel-ultra-long-range .animation-wrap .line-right.active {
    transform: scaleX(1)
}

#custom-smalcode .panel-shop-slipstream-wireless-products {
    padding-top: 120px;
    padding-bottom: 80px
}

#custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .product-link {
    overflow: hidden
}

#custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .product-link .zoom-img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transform: scale(1);
    transition: .5s ease-out;
    will-change: transform
}

#custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .product-link .shop-title {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase;
    font-family: Saira, sans-serif;
    font-weight: 500;
    padding-right: 20px
}

#custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .product-link:hover .zoom-img {
    transform: scale(1.08)
}

#custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .level-1 .left-column-level-1 {
    width: 32.472%
}

#custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .level-1 .left-column-level-1 .product-link .ratio-wrap {
    padding-bottom: 153.735%
}

#custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .level-1 .right-column-level-1 {
    margin-left: 16px;
    width: calc(67.528% - 16px)
}

#custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .level-2 {
    display: flex;
    margin-bottom: 16px
}

#custom-smalcode .a100-text-layer-col .small-text-box:last-of-type,
#custom-smalcode .a100-text-layer-col.text-layer-col-7 .small-text-box:last-of-type,
#custom-smalcode .a4100-panel-collection .panel-fade-in .collapse-box-fade:last-of-type,
#custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .level-2:last-of-type,
#custom-smalcode .top-specs-panel .specs-row .specs-wrap:last-of-type,
#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-2 .content-wrap .right-col .content-box:last-of-type,
#custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap:last-of-type,
#custom-smalcode.ratio-mobile .a4100-panel-collection .panel-fade-in .collapse-box-fade:last-of-type {
    margin-bottom: 0
}

#custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .level-2 .left-column-level-2,
#custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .level-2 .right-column-level-2 {
    width: calc(50% - 8px)
}

#custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .level-2 .left-column-level-2 .product-link .ratio-wrap,
#custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .level-2 .right-column-level-2 .product-link .ratio-wrap {
    padding-bottom: 74.62%
}

#custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .level-2 .left-column-level-2 {
    margin-right: 8px
}

#custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .level-2 .right-column-level-2 {
    margin-left: 8px
}

#custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .right-column-bottom .product-link .ratio-wrap {
    padding-bottom: 36.6%
}

#custom-smalcode .panel-hero-video {
    overflow: hidden;
    position: relative
}

#custom-smalcode .lt100-hero .text-layer,
#custom-smalcode .panel-hero-video .text-layer {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    transform: translate(0, -50%);
    color: #fff;
    text-shadow: 0 1px 10px rgba(0, 0, 0, .5)
}

#custom-smalcode .panel-faster-game-render-encode {
    padding-top: 180px;
    padding-bottom: 180px
}

#custom-smalcode .panel-cool-quite-everything .headline,
#custom-smalcode .panel-corsair-holdfast-retention .headline,
#custom-smalcode .panel-efficient-heat-transfer .headline,
#custom-smalcode .panel-faster-game-render-encode .headline,
#custom-smalcode .panel-intuitive-slide-lock-fan-mount .headline,
#custom-smalcode.ratio-mobile .a100-panel-collection .a100-text-layer-col.text-layer-col-7 .small-text-box:first-of-type {
    margin-top: 0
}

#custom-smalcode .a100-text-layer-col .small-text-box,
#custom-smalcode .panel-faster-game-render-encode .row-first {
    margin-bottom: 60px
}

#custom-smalcode .panel-faster-game-render-encode .box-top-title {
    text-align: center;
    margin-bottom: 30px
}

#custom-smalcode .panel-faster-game-render-encode .boxes-wrap,
#custom-smalcode .panel-high-tech-low-temps .boxes-wrap {
    display: flex;
    justify-content: space-between
}

#custom-smalcode .panel-faster-game-render-encode .boxes-wrap .box,
#custom-smalcode .panel-high-tech-low-temps .boxes-wrap .box {
    text-align: center;
    width: calc(50% - 8px)
}

#custom-smalcode .panel-faster-game-render-encode .boxes-wrap .box .box-bg-wrap {
    height: 200px;
    background-color: rgba(219, 219, 219, .2);
    position: relative
}

#custom-smalcode .panel-faster-game-render-encode .boxes-wrap .box .box-title-top,
#custom-smalcode .panel-high-tech-low-temps .boxes-wrap .box .box-title-top {
    padding-top: 9px;
    padding-bottom: 9px
}

#custom-smalcode .desktop-distance-helper,
#custom-smalcode .desktop-distance-helper-2,
#custom-smalcode .panel-faster-game-render-encode .boxes-wrap .box .box-title-bottom,
#custom-smalcode .panel-high-tech-low-temps .boxes-wrap .box .box-title-bottom,
#custom-smalcode.ratio-mobile .lt100-rooms .slick-dots {
    margin-top: 20px
}

#custom-smalcode .panel-faster-game-render-encode .boxes-wrap .box.box-left .box-front-bg-wrap {
    background-image: linear-gradient(180deg, #ffe800 0, #fc0 100%);
    height: 160px
}

#custom-smalcode .panel-faster-game-render-encode .boxes-wrap .box.box-right .box-front-bg-wrap {
    background-color: #555;
    height: 130px
}

#custom-smalcode .panel-faster-game-render-encode .boxes-wrap .box.box-right .box-title-top {
    padding-top: 40px;
    color: #aeaeae
}

@media only screen and (max-width:1199px) and (min-width:768px) {
    #custom-smalcode .panel-faster-game-render-encode .tablet-breakt .col-1.desktop {
        display: none
    }

    #custom-smalcode .panel-faster-game-render-encode .tablet-breakt .col-2 {
        width: 33.3333333333%
    }

    #custom-smalcode .panel-faster-game-render-encode .tablet-breakt .col-9 {
        width: 66.6666666667%
    }
}

#custom-smalcode .panel-intuitive-slide-lock-fan-mount {
    padding-top: 180px;
    padding-bottom: 80px;
    text-align: center;
    overflow: hidden
}

#custom-smalcode .panel-intuitive-slide-lock-fan-mount video {
    width: 80px
}

#custom-smalcode .panel-intuitive-slide-lock-fan-mount .features-wrap {
    margin-top: 70px;
    margin-bottom: 40px
}

#custom-smalcode .panel-intuitive-slide-lock-fan-mount .features-wrap .flex-wrap {
    justify-content: space-around
}

#custom-smalcode .panel-intuitive-slide-lock-fan-mount .main-image-wrap .left-text {
    position: absolute;
    left: 7%;
    width: 34%;
    text-align: center;
    top: -30px
}

#custom-smalcode .panel-intuitive-slide-lock-fan-mount .main-image-wrap .right-text {
    position: absolute;
    left: 59%;
    width: 33%;
    top: -30px
}

#custom-smalcode .panel-cool-quite-everything {
    padding-top: 180px;
    padding-bottom: 140px;
    overflow: hidden
}

#custom-smalcode .panel-cool-quite-everything .outer-wrap {
    position: relative;
    padding-bottom: 50vw
}

#custom-smalcode .panel-cool-quite-everything .outer-wrap .cool-quiet-everything {
    position: absolute;
    bottom: 0;
    right: -20%;
    width: 120%;
    z-index: -1
}

@media only screen and (max-width:1399px) {
    #custom-smalcode.a-100 .style-h1.small-h1 {
        font-size: 42px !important;
        line-height: 42px !important;
        letter-spacing: -1px !important
    }

    #custom-smalcode.a-100 .style-h1-2,
    #custom-smalcode.a-4100 .style-h1-2 {
        font-size: 52px !important;
        letter-spacing: -1px !important;
        line-height: 54px !important
    }

    #custom-smalcode.a-100 .style-h6-2,
    #custom-smalcode.a-4100 .style-h6-2 {
        font-size: 18px;
        line-height: 24px
    }

    #custom-smalcode.a-100 .body-p2,
    #custom-smalcode.a-100 .body-p2 p,
    #custom-smalcode.a-4100 .body-p2,
    #custom-smalcode.a-4100 .body-p2 p {
        font-size: 14px;
        line-height: 22px
    }

    #custom-smalcode .panel-cool-quite-everything .outer-wrap {
        padding-bottom: 60vw
    }

    #custom-smalcode .desktop-distance-helper {
        margin-top: 0
    }
}

#custom-smalcode .panel-corsair-holdfast-retention {
    padding-top: 180px;
    padding-bottom: 150px
}

#custom-smalcode .panel-corsair-holdfast-retention .bottom-title,
#custom-smalcode.ratio-mobile .a4100-panel-collection .panel-fade-in .panel-fade-btn {
    margin-top: 25px
}

#custom-smalcode .panel-efficient-heat-transfer {
    padding-top: 180px;
    padding-bottom: 120px
}

#custom-smalcode .panel-ces-full-screen-slider .slide-element.text-left-image-right .text-layer .row,
#custom-smalcode .panel-ces-virtuoso .slide-element.text-left-image-right .text-layer .row,
#custom-smalcode .panel-efficient-heat-transfer .row-main {
    flex-direction: row-reverse
}

#custom-smalcode .panel-warranty {
    background-color: #000;
    margin-top: 140px;
    color: #fff;
    text-align: center;
    padding-bottom: 120px;
    padding-top: 170px;
    position: relative
}

#custom-smalcode .panel-warranty .warranty-pattern {
    width: 158px;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 0
}

#custom-smalcode .panel-warranty .bottom-title {
    margin-top: 40px !important;
    color: #e9e600
}

#custom-smalcode .panel-high-tech-low-temps {
    padding-bottom: 90px
}

#custom-smalcode .panel-high-tech-low-temps .box-top-title {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 50px
}

#custom-smalcode .panel-high-tech-low-temps .boxes-wrap .box .box-bg-wrap {
    height: 160px;
    background-color: rgba(219, 219, 219, .2);
    position: relative
}

#custom-smalcode .panel-high-tech-low-temps .boxes-wrap .box.box-left .box-front-bg-wrap {
    background-image: linear-gradient(180deg, #ffe800 0, #fc0 100%);
    height: 76px
}

#custom-smalcode .panel-high-tech-low-temps .boxes-wrap .box.box-left .box-title-top {
    padding-top: 53px;
    color: #aeaeae
}

#custom-smalcode .panel-high-tech-low-temps .boxes-wrap .box.box-right .box-front-bg-wrap {
    background-color: #555;
    height: 119px
}

#custom-smalcode .panel-multiple-devices {
    position: relative;
    padding-bottom: 14vw;
    background-color: #2d2c2b
}

#custom-smalcode .panel-multiple-devices .image-box .ratio-wrap {
    padding-bottom: 69%
}

#custom-smalcode .panel-multiple-devices .image-box img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

#custom-smalcode .panel-multiple-devices .image-box .wave-inner {
    position: absolute;
    opacity: 0;
    -webkit-animation: 4s infinite wavemove;
    animation: 4s infinite wavemove;
    width: 10%
}

#custom-smalcode .panel-multiple-devices .image-box .wave-inner.wave-headphones {
    top: 33%;
    left: 36.5%;
    transform: scale(.01)
}

#custom-smalcode .panel-multiple-devices .image-box .wave-inner.wave-keyboard {
    top: 54%;
    left: 32%;
    transform: scale(.01)
}

#custom-smalcode .panel-multiple-devices .image-box .wave-inner.wave-mouse {
    right: 38%;
    top: 55%;
    transform: scale(.01)
}

#custom-smalcode .panel-multiple-devices .image-box .wave-inner.wave-stick {
    right: 40%;
    top: 24%;
    transform: scale(.01)
}

#custom-smalcode .panel-multiple-devices .cta-white {
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    padding: 5px 30px;
    font-family: Saira, sans-serif;
    font-weight: 500;
    margin-top: 25px
}

#custom-smalcode .panel-multiple-devices .text-box {
    position: absolute;
    bottom: 8%;
    left: 0;
    width: 100%
}

#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-1,
#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-1 {
    top: 0;
    top: calc(var(--vh) * 0)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-7,
#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-8,
#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-8 {
    top: 350vh;
    top: calc(var(--vh) * 350)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-8,
#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-11,
#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-9,
#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-9 {
    top: 400vh;
    top: calc(var(--vh) * 400)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-9,
#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-12,
#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-10,
#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-10 {
    top: 450vh;
    top: calc(var(--vh) * 450)
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-15,
#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-11 {
    top: 540vh;
    top: calc(var(--vh) * 540)
}

#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-12 {
    top: 565vh;
    top: calc(var(--vh) * 565)
}

#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-13 {
    top: 615vh;
    top: calc(var(--vh) * 615)
}

#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-14 {
    top: 665vh;
    top: calc(var(--vh) * 665)
}

#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-15 {
    top: 715vh;
    top: calc(var(--vh) * 715)
}

#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-16 {
    top: 765vh;
    top: calc(var(--vh) * 765)
}

#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-17 {
    top: 815vh;
    top: calc(var(--vh) * 815)
}

#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-18 {
    top: 865vh;
    top: calc(var(--vh) * 865)
}

#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-19 {
    top: 915vh;
    top: calc(var(--vh) * 915)
}

#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-20 {
    top: 965vh;
    top: calc(var(--vh) * 965)
}

#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-21 {
    top: 1015vh;
    top: calc(var(--vh) * 1015)
}

#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-22 {
    top: 1065vh;
    top: calc(var(--vh) * 1065)
}

#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-23 {
    top: 1115vh;
    top: calc(var(--vh) * 1115)
}

#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-24 {
    top: 1165vh;
    top: calc(var(--vh) * 1165)
}

#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-25 {
    top: 1215vh;
    top: calc(var(--vh) * 1215)
}

#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-26 {
    top: 1265vh;
    top: calc(var(--vh) * 1265)
}

#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-27 {
    top: 1315vh;
    top: calc(var(--vh) * 1315)
}

#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-28 {
    top: 1365vh;
    top: calc(var(--vh) * 1365)
}

#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-29 {
    top: 1415vh;
    top: calc(var(--vh) * 1415)
}

#custom-smalcode .lt100-panel-collection .pos-helper.pos-helper-30 {
    top: 1465vh;
    top: calc(var(--vh) * 1465)
}

#custom-smalcode .a100-panel-collection .sticky-layer,
#custom-smalcode .a4100-panel-collection .sticky-layer,
#custom-smalcode .lt100-panel-collection .sticky-layer,
#custom-smalcode .nexus-panel-collection .sticky-layer {
    height: 100vh;
    height: calc(var(--vh) * 100);
    width: 100%;
    overflow: hidden;
    position: relative
}

#custom-smalcode .lt100-panel-collection .inner-sticky-layer {
    height: calc(100% - 51px);
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 51px
}

#custom-smalcode .bg-layer-fade {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #1d1524;
    will-change: opacity;
    opacity: 0
}

#custom-smalcode .lt100-hero {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    will-change: transform;
    transform: translate(0, 0)
}

#custom-smalcode .lt100-rooms,
#custom-smalcode .lt100-text-before-rooms {
    position: absolute;
    opacity: 0;
    will-change: transform, opacity;
    pointer-events: none;
    width: 100%;
    text-align: center
}

#custom-smalcode .lt100-hero.fade-out {
    transform: translate(0, -100%);
    pointer-events: visible
}

#custom-smalcode .lt100-hero .text-layer .cta-outer-wrap {
    margin-top: 80px;
    color: #000
}

#custom-smalcode .lt100-text-before-rooms {
    top: 50%;
    transform: translate(0, -50%) translate(0, 50px)
}

#custom-smalcode .lt100-rooms {
    bottom: 50px;
    left: 0;
    transform: translate(0, 100vh);
    transform: translate(0, calc(var(--vh) * 100))
}

#custom-smalcode .a4100-panel-collection .panel-fade-in .panel-fade-in-img.active,
#custom-smalcode .a4100-panel-collection .panel-fade-in .panel-fade-in-text.active,
#custom-smalcode .a4100-panel-collection .panel-fade-in .panel-fade-in-title.active,
#custom-smalcode .lt100-rooms.active {
    opacity: 1;
    transform: translate(0, 0);
    pointer-events: all
}

#custom-smalcode .lt100-rooms.fade-out {
    transform: translate(0, -100vh);
    transform: translate(0, calc(var(--vh) * -100));
    opacity: 0
}

#custom-smalcode .last-scene-control-wrap .clickable-hotspot-area,
#custom-smalcode .lt100-rooms.disable-click-events {
    pointer-events: none
}

#custom-smalcode .lt100-rooms video {
    width: 90%;
    height: auto
}

#custom-smalcode .lt100-rooms .slide-ele {
    margin-left: 20px;
    margin-right: 20px
}

#custom-smalcode .lt100-rooms .slide-ele .inner-slide-ele {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto
}

#custom-smalcode .lt100-rooms .inner-title {
    margin-bottom: 10px !important;
    margin-top: 40px !important
}

#custom-smalcode .lt100-rooms .slick-dots {
    text-align: center;
    display: inline-flex !important;
    align-items: center;
    margin-top: 45px;
    position: relative;
    bottom: 0;
    width: auto
}

#custom-smalcode .lt100-rooms .slick-dots li {
    display: block;
    height: 12px;
    width: 80px;
    position: relative;
    cursor: pointer
}

#custom-smalcode .lt100-rooms .slick-dots li button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 0;
    color: transparent;
    outline: 0;
    border: 0;
    padding: 0;
    width: 100%;
    height: 2px;
    background-color: #787878;
    transition: .2s ease-out;
    cursor: pointer
}

#custom-smalcode .influencer-slider .slick-arrow,
#custom-smalcode .lt100-rooms .slick-arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    outline: 0
}

#custom-smalcode .gallery-outer-wrap .slick-dots li button:before,
#custom-smalcode .lt100-rooms .slick-dots li button:before,
#custom-smalcode .nexus-get-started .slick-dots li button:before,
#custom-smalcode .nexus-ready-for-action .slick-dots li button:before,
#custom-smalcode.one-pro .panel-awards .slick-dots li button:before {
    content: none !important
}

#custom-smalcode .lt100-rooms .slick-dots li.slick-active button {
    background-color: #fff;
    height: 6px
}

#custom-smalcode .lt100-rooms .slick-arrow {
    background-size: contain;
    width: 20px !important;
    height: 42px !important;
    position: absolute;
    appearance: none;
    font-size: 0;
    color: transparent;
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    top: 36%;
    z-index: 50
}

#custom-smalcode .lt100-rooms .slick-arrow.slick-prev {
    background-image: url("//res.cloudinary.com/corsair-pwa/image/upload/f_auto,q_auto/akamai/smal/img/lt100/arrow-left.png");
    left: 35px;
    transform: translate(0, -50%)
}

#custom-smalcode .lt100-rooms .slick-arrow.slick-next {
    background-image: url("//res.cloudinary.com/corsair-pwa/image/upload/f_auto,q_auto/akamai/smal/img/lt100/arrow-right.png");
    right: 35px;
    transform: translate(0, -50%)
}

#custom-smalcode.ratio-mobile .lt100-rooms {
    bottom: auto;
    top: 50%;
    transform: translate(0, 100vh) translate(0, -50%);
    transform: translate(0, calc(var(--vh) * 100)) translate(0, -50%)
}

#custom-smalcode.ratio-mobile .lt100-rooms.active {
    transform: translate(0, -50%)
}

#custom-smalcode.ratio-mobile .lt100-rooms.fade-out {
    transform: translate(0, -100vh) translate(0, -50%);
    transform: translate(0, calc(var(--vh) * -100)) translate(0, -50%)
}

#custom-smalcode.ratio-mobile .lt100-rooms .inner-title {
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 24px !important;
    line-height: 24px !important;
    letter-spacing: 1px !important
}

#custom-smalcode.ratio-mobile .lt100-rooms .slide-ele .inner-slide-ele {
    max-width: 100%
}

#custom-smalcode.ratio-mobile .lt100-rooms .slick-arrow {
    width: 10px !important
}

#custom-smalcode.ratio-mobile .lt100-rooms .slick-arrow.slick-next {
    right: 12px
}

#custom-smalcode.ratio-mobile .lt100-rooms .slick-arrow.slick-prev {
    left: 12px
}

#custom-smalcode.ratio-mobile .lt100-rooms .slick-dots li {
    width: 40px
}

#custom-smalcode.ratio-mobile .lt100-rooms .slick-dots li button {
    height: 1px
}

#custom-smalcode.ratio-mobile .lt100-rooms .slick-dots li.slick-active button {
    height: 3px
}

#custom-smalcode .lt100-rgb-slider-outer-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: translate(0, 100vh);
    transform: translate(0, calc(var(--vh) * 100));
    will-change: transform;
    pointer-events: none;
    z-index: 20
}

#custom-smalcode .lt100-rgb-slider-outer-wrap.active {
    transform: translate(0, -50vh);
    transform: translate(0, calc(var(--vh) * -50));
    pointer-events: all
}

#custom-smalcode .lt100-rgb-slider-outer-wrap.fade-out {
    transform: translate(0, -150vh);
    transform: translate(0, calc(var(--vh) * -150))
}

#custom-smalcode .lt100-text-before-rgb-slider {
    text-align: center;
    height: 50vh;
    height: calc(var(--vh) * 50);
    display: flex;
    align-items: center
}

#custom-smalcode .lt100-rgb-slider {
    text-align: center;
    height: 100vh;
    height: calc(var(--vh) * 100);
    position: relative
}

#custom-smalcode .lt100-rgb-slider .slider-navi-outer-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 160px
}

#custom-smalcode .lt100-rgb-slider .slider-navigation {
    display: inline-flex;
    padding-bottom: 30px;
    padding-top: 30px
}

#custom-smalcode .lt100-rgb-slider .slider-navigation .slider-nav-item {
    position: relative;
    padding-bottom: 35px;
    padding-left: 20px;
    padding-right: 20px
}

#custom-smalcode .lt100-rgb-slider .slider-navigation .slider-nav-item .bullet-wrap {
    width: 63px;
    height: 63px;
    position: relative;
    cursor: pointer
}

#custom-smalcode .lt100-rgb-slider .slider-navigation .slider-nav-item .bullet-wrap .outer-circle,
#custom-smalcode .panel-color-switch .slider-navigation .slider-nav-item .bullet-wrap .outer-circle {
    border: 2px solid transparent;
    border-radius: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: .2s ease-out
}

#custom-smalcode .lt100-rgb-slider .slider-navigation .slider-nav-item .bullet-wrap img {
    width: 54px;
    transition: .2s ease-out;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#custom-smalcode .lt100-rgb-slider .slider-navigation .slider-nav-item .text-wrap {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    opacity: 0;
    transition: .2s ease-out
}

#custom-smalcode .lt100-rgb-slider .slider-navigation .slider-nav-item.active .bullet-wrap .outer-circle,
#custom-smalcode .panel-color-switch .slider-navigation .slider-nav-item.active .bullet-wrap .outer-circle {
    border: 2px solid #fff
}

#custom-smalcode .lt100-rgb-slider .slider-navigation .slider-nav-item.active .bullet-wrap img {
    width: 43px
}

#custom-smalcode .lt100-rgb-slider .video-slider {
    position: absolute;
    left: 0;
    width: 100%;
    top: 160px;
    height: calc(100% - 160px);
    overflow: hidden
}

#custom-smalcode .lt100-rgb-slider .video-slider video {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10
}

#custom-smalcode .lt100-rgb-slider .video-slider video.active {
    z-index: 50
}

#custom-smalcode .lt100-rgb-slider .video-slider video.ratio-diverse {
    height: 100%;
    width: auto
}

#custom-smalcode.ratio-mobile .lt100-rgb-slider .slider-navigation .slider-nav-item {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 25px
}

#custom-smalcode.ratio-mobile .lt100-rgb-slider .slider-navigation .slider-nav-item .text-wrap {
    font-size: 10px;
    letter-spacing: 1.5px
}

#custom-smalcode.ratio-mobile .lt100-rgb-slider .slider-navigation .slider-nav-item .bullet-wrap {
    width: 35px;
    height: 35px
}

#custom-smalcode.ratio-mobile .lt100-rgb-slider .slider-navigation .slider-nav-item .bullet-wrap img {
    width: 30px;
    height: 30px
}

#custom-smalcode.ratio-mobile .lt100-rgb-slider .slider-navigation .slider-nav-item.active .bullet-wrap img {
    width: 25px;
    height: 25px
}

#custom-smalcode.ratio-mobile .lt100-rgb-slider .slider-navi-outer-wrap {
    position: relative;
    height: auto
}

#custom-smalcode.ratio-mobile .lt100-rgb-slider .video-slider {
    position: relative;
    top: 0;
    height: 0;
    padding-bottom: 55%
}

#custom-smalcode .lt100-shine-title {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    text-align: center;
    z-index: 10;
    opacity: 0;
    will-change: opacity, transform;
    pointer-events: none
}

#custom-smalcode .lt100-shine-title.fade-out {
    transform: translate(0, -50vh);
    transform: translate(0, calc(var(--vh) * -50));
    opacity: 0
}

#custom-smalcode .a100-panel-collection .front-view,
#custom-smalcode .fade-out-i {
    opacity: 1;
    will-change: opacity
}

#custom-smalcode .lt100-sequence-outer-wrap {
    position: absolute;
    width: 70%;
    left: 50%;
    top: 50%;
    pointer-events: none;
    transform: translateX(-50%) translateY(-50%) translateX(-14%) scaleY(.15) translateY(112%);
    will-change: transform
}

#custom-smalcode .lt100-sequence-outer-wrap.position-1 {
    transform: translateX(-50%) translateY(-50%) translateX(-14%) scaleY(1) translateY(0)
}

#custom-smalcode .lt100-sequence-outer-wrap.position-2 {
    transform: translateX(-50%) translateY(-50%) translateX(-30%) scaleY(1) translateY(0)
}

#custom-smalcode .lt100-sequence-outer-wrap.position-3 {
    transform: translateX(-50%) translateY(-50%) translateX(-5%) scaleY(1) translateY(3%)
}

#custom-smalcode .lt100-sequence-outer-wrap.position-4 {
    transform: translateX(-50%) translateY(-50%) translateX(-25%) scaleY(1) translateY(0)
}

#custom-smalcode .lt100-sequence-outer-wrap .ratio-wrap,
#custom-smalcode .nexus-get-started .nexus-get-started-slider .ratio-wrap {
    padding-bottom: 75%
}

#custom-smalcode .lt100-sequence-outer-wrap .led-strip {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    will-change: opacity
}

#custom-smalcode .lt100-sequence-outer-wrap .step-2-bg {
    z-index: -1;
    position: absolute;
    top: 60%;
    left: 60%;
    width: 180%;
    transform: translate(-50%, -50%);
    opacity: 0;
    will-change: opacity
}

#custom-smalcode .a100-panel-collection .product-sequence.with-fade,
#custom-smalcode .lt100-sequence-outer-wrap .product-sequence.with-fade {
    opacity: 0;
    will-change: opacity
}

#custom-smalcode.below-16-8 .lt100-sequence-outer-wrap {
    width: 60%
}

#custom-smalcode.above-16-9 .lt100-sequence-outer-wrap.position-1 {
    transform: translateX(-50%) translateY(-50%) translateX(-14%) scaleY(1) translateY(50%) translateY(-52vh) translateY(100vh) translateY(-100%);
    transform: translateX(-50%) translateY(-50%) translateX(-14%) scaleY(1) translateY(50%) translateY(calc(var(--vh) * -52)) translateY(calc(var(--vh) * 100)) translateY(-100%)
}

#custom-smalcode.above-16-9 .lt100-sequence-outer-wrap.position-2 {
    transform: translateX(-50%) translateY(-50%) translateX(-30%) scaleY(1) translateY(50%) translateY(-52vh) translateY(100vh) translateY(-100%);
    transform: translateX(-50%) translateY(-50%) translateX(-30%) scaleY(1) translateY(50%) translateY(calc(var(--vh) * -52)) translateY(calc(var(--vh) * 100)) translateY(-100%)
}

#custom-smalcode.above-16-9 .lt100-sequence-outer-wrap.position-3 {
    transform: translateX(-50%) translateY(-50%) translateX(-5%) scaleY(1) translateY(50%) translateY(-52vh) translateY(100vh) translateY(-100%);
    transform: translateX(-50%) translateY(-50%) translateX(-5%) scaleY(1) translateY(50%) translateY(calc(var(--vh) * -52)) translateY(calc(var(--vh) * 100)) translateY(-100%)
}

#custom-smalcode.above-16-9 .lt100-sequence-outer-wrap.position-4 {
    transform: translateX(-50%) translateY(-50%) translateX(-25%) scaleY(1) translateY(50%) translateY(-52vh) translateY(100vh) translateY(-100%);
    transform: translateX(-50%) translateY(-50%) translateX(-25%) scaleY(1) translateY(50%) translateY(calc(var(--vh) * -52)) translateY(calc(var(--vh) * 100)) translateY(-100%)
}

#custom-smalcode.ratio-mobile .lt100-sequence-outer-wrap {
    width: 110%
}

#custom-smalcode.ratio-mobile .lt100-sequence-outer-wrap.position-2 {
    transform: translateX(-50%) translateY(-50%) translateX(-4%) scaleY(1) translateY(50%) translateY(-52vh) translateY(100vh) translateY(-100%);
    transform: translateX(-50%) translateY(-50%) translateX(-4%) scaleY(1) translateY(50%) translateY(calc(var(--vh) * -52)) translateY(calc(var(--vh) * 100)) translateY(-100%)
}

#custom-smalcode.ratio-mobile .lt100-sequence-outer-wrap.position-3 {
    transform: translateX(-50%) translateY(-50%) translateX(-13%) scaleY(1) translateY(50%) translateY(-52vh) translateY(100vh) translateY(-100%);
    transform: translateX(-50%) translateY(-50%) translateX(-13%) scaleY(1) translateY(50%) translateY(calc(var(--vh) * -52)) translateY(calc(var(--vh) * 100)) translateY(-100%)
}

#custom-smalcode.ratio-mobile .lt100-sequence-outer-wrap.position-4 {
    transform: translateX(-50%) translateY(-50%) translateX(3%) scaleY(1) translateY(50%) translateY(-52vh) translateY(100vh) translateY(-100%);
    transform: translateX(-50%) translateY(-50%) translateX(3%) scaleY(1) translateY(50%) translateY(calc(var(--vh) * -52)) translateY(calc(var(--vh) * 100)) translateY(-100%)
}

#custom-smalcode .lt100-text-layer-col {
    position: absolute;
    left: 60%;
    top: 50%;
    width: 29%;
    padding-left: 20px;
    padding-right: 20px;
    pointer-events: none;
    opacity: 0;
    transform: translate(0, -50%) translate(0, 50px);
    will-change: opacity, transform
}

#custom-smalcode .a100-panel-collection .a100-text-layer-col.active:not(.text-layer-col-1),
#custom-smalcode .lt100-text-layer-col.active {
    opacity: 1;
    transform: translate(0, -50%)
}

#custom-smalcode .a100-panel-collection .a100-text-layer-col.fade-out:not(.text-layer-col-1),
#custom-smalcode .lt100-text-layer-col.fade-out {
    opacity: 0;
    transform: translate(0, -50%) translate(0, -50px)
}

#custom-smalcode .lt100-text-layer-col.text-on-left {
    left: auto;
    right: 60%
}

#custom-smalcode.ratio-mobile .lt100-text-layer-col {
    top: 50px;
    left: 0;
    transform: translate(0, 50px);
    width: 100%
}

#custom-smalcode.ratio-mobile .lt100-text-layer-col.fade-out {
    transform: translate(0, -50px)
}

#custom-smalcode.ratio-mobile .lt100-text-layer-col.text-on-left {
    right: auto;
    left: 0
}

#custom-smalcode .panel-lt100-how-to {
    padding-top: 150px;
    padding-bottom: 150px
}

#custom-smalcode .panel-lt100-how-to .col-text {
    text-align: center;
    margin-bottom: 110px
}

#custom-smalcode .panel-lt100-how-to .image-container-outer {
    width: 90%;
    margin: 0 auto
}

#custom-smalcode .panel-lt100-how-to .image-container {
    position: relative;
    padding-top: 2vw
}

#custom-smalcode .panel-lt100-how-to .image-container .title-abs {
    position: absolute;
    top: 1%;
    text-transform: uppercase;
    font-family: Saira, sans-serif;
    font-weight: 400;
    font-size: 1.3vw;
    white-space: nowrap
}

#custom-smalcode .panel-lt100-how-to .image-container .distance-abs,
#custom-smalcode .panel-lt100-how-to .image-container .tower-1-distance-1,
#custom-smalcode .panel-lt100-how-to .image-container .tower-1-distance-2 {
    font-size: 1vw;
    font-weight: 500;
    position: absolute;
    font-family: Saira, sans-serif
}

#custom-smalcode .panel-lt100-how-to .image-container .title-abs.title-1 {
    left: 30%
}

#custom-smalcode .panel-lt100-how-to .image-container .title-abs.title-2 {
    left: 47.5%
}

#custom-smalcode .panel-lt100-how-to .image-container .title-abs.title-3 {
    left: 68%
}

#custom-smalcode .panel-lt100-how-to .image-container .title-abs.title-4 {
    left: 88.5%
}

#custom-smalcode .panel-lt100-how-to .image-container .distance-abs {
    top: 76%
}

#custom-smalcode .panel-lt100-how-to .image-container .distance-abs.distance-1 {
    left: 25%
}

#custom-smalcode .panel-lt100-how-to .image-container .distance-abs.distance-2 {
    left: 44%
}

#custom-smalcode .panel-lt100-how-to .image-container .distance-abs.distance-3 {
    left: 64%
}

#custom-smalcode .panel-lt100-how-to .image-container .distance-abs.distance-4 {
    left: 84.5%
}

#custom-smalcode .panel-lt100-how-to .image-container .distance-abs.distance-5 {
    top: 100%;
    left: 14%
}

#custom-smalcode .panel-lt100-how-to .image-container .tower-1-distance-1 {
    top: 44%;
    left: 38.5%;
    transform: rotate(90deg)
}

#custom-smalcode .panel-lt100-how-to .image-container .tower-1-distance-2 {
    top: 94%;
    left: 32%
}

#custom-smalcode .panel-lt100-how-to .text-container {
    display: flex;
    align-items: flex-start;
    margin-top: 50px;
    width: 63%;
    margin-right: 5vw;
    margin-left: auto
}

#custom-smalcode .panel-lt100-how-to .text-container .inner-title {
    font-size: 35px;
    text-transform: uppercase;
    font-family: Saira, sans-serif;
    font-weight: 400;
    border-bottom: 6px solid #fff;
    padding-bottom: 15px;
    margin-bottom: 25px
}

#custom-smalcode .panel-lt100-how-to .text-container p {
    font-size: 18px;
    line-height: 32px;
    font-family: Saira, sans-serif;
    font-weight: 400
}

#custom-smalcode .panel-lt100-how-to .text-container p span {
    opacity: .5;
    font-size: 16px;
    line-height: 22px;
    display: block
}

#custom-smalcode .panel-lt100-how-to .text-container .left-inner,
#custom-smalcode .top-specs-panel .specs-row .specs-wrap .left-row {
    padding-right: 20px
}

#custom-smalcode .panel-lt100-how-to .text-container .left-inner .inner-title {
    color: #ffbd02;
    border-bottom: 6px solid #ffbd02
}

#custom-smalcode .panel-hero-video .text-layer .cta-outer-wrap {
    margin-top: 80px
}

#custom-smalcode .panel-a100-huge-power-small-size {
    padding-top: 170px;
    padding-bottom: 200px;
    background-image: linear-gradient(0deg, #000 0, #252525 100%)
}

#custom-smalcode .panel-a100-huge-power-small-size .row-bottom-box {
    margin-top: -130px
}

#custom-smalcode .panel-a100-huge-power-small-size .bottom-box {
    background-color: #151515;
    padding: 40px 35px;
    z-index: 5;
    position: relative
}

#custom-smalcode .panel-a100-huge-power-small-size .bottom-box .box-header {
    display: flex;
    align-items: flex-start;
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px
}

#custom-smalcode .panel-a100-huge-power-small-size .bottom-box .box-header .box-title,
#custom-smalcode .panel-run-it .bottom-box .box-header .box-title {
    font-size: 30px;
    font-family: Saira, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin-right: 50px;
    cursor: pointer;
    opacity: .18;
    transition: .2s ease-out;
    border-bottom: 3px solid transparent;
    padding-bottom: 10px
}

#custom-smalcode .panel-a100-huge-power-small-size .bottom-box .box-header .box-title.active,
#custom-smalcode .panel-run-it .bottom-box .box-header .box-title.active {
    opacity: 1;
    border-bottom: 3px solid #fff
}

#custom-smalcode .panel-a100-huge-power-small-size .bottom-box .box-content-wrap .box-content .box-content-col {
    width: 33.3333%;
    padding-left: 15px;
    padding-right: 15px
}

#custom-smalcode .panel-a100-huge-power-small-size .bottom-box .box-content-wrap .box-content .box-content-col .box-nmbr {
    color: #f26523;
    font-size: 72px;
    letter-spacing: 3px;
    font-family: Saira, sans-serif;
    font-weight: 400;
    margin-bottom: 5px
}

#custom-smalcode .panel-a100-huge-power-small-size .bottom-box .box-content-wrap .box-content .box-content-col .box-nmbr span {
    font-size: 30px
}

@media only screen and (max-width:1199px) {
    #custom-smalcode .style-h1 {
        font-size: 118px !important;
        line-height: 118px !important;
        letter-spacing: -2px !important
    }

    #custom-smalcode .style-h2 {
        font-size: 80px;
        letter-spacing: 2px;
        line-height: 85px !important
    }

    #custom-smalcode .panel-a100-huge-power-small-size .bottom-box .box-content-wrap .box-content .box-content-col .box-nmbr {
        font-size: 60px
    }

    #custom-smalcode .panel-a100-huge-power-small-size .bottom-box .box-content-wrap .box-content .box-content-col .box-nmbr span {
        font-size: 25px
    }
}

#custom-smalcode .panel-a100-huge-power-small-size .bottom-box .box-content-wrap .box-content .box-content-col .box-text {
    font-size: 18px;
    line-height: 26px;
    font-family: Saira, sans-serif;
    font-weight: 400
}

#custom-smalcode .panel-a100-huge-power-small-size .bottom-box .box-content-wrap .box-content .footnote {
    opacity: .4;
    font-family: Saira, sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (max-width:1023px) {

    #custom-smalcode .row [class^=col-],
    #custom-smalcode.ces-page [class^=col-],
    #custom-smalcode.slipstream-page [class^=col-] {
        padding-left: 32px;
        padding-right: 32px
    }

    #custom-smalcode .panel-connectivity .usp-outer-wrap,
    #custom-smalcode .panel-programmable .usp-outer-wrap,
    #custom-smalcode .panel-programmable-black .usp-outer-wrap,
    #custom-smalcode .row.tablet-break {
        display: block
    }

    #custom-smalcode .row.tablet-break .desktop[class^=col-] {
        display: none
    }

    #custom-smalcode .row.tablet-break .col-1,
    #custom-smalcode .row.tablet-break .col-10,
    #custom-smalcode .row.tablet-break .col-11,
    #custom-smalcode .row.tablet-break .col-12,
    #custom-smalcode .row.tablet-break .col-2,
    #custom-smalcode .row.tablet-break .col-3,
    #custom-smalcode .row.tablet-break .col-4,
    #custom-smalcode .row.tablet-break .col-5,
    #custom-smalcode .row.tablet-break .col-6,
    #custom-smalcode .row.tablet-break .col-7,
    #custom-smalcode .row.tablet-break .col-8,
    #custom-smalcode .row.tablet-break .col-9 {
        width: 100%
    }

    #custom-smalcode.a-100 [class^=col-],
    #custom-smalcode.a-4100 [class^=col-],
    #custom-smalcode.lt-100 [class^=col-],
    #custom-smalcode.nexus [class^=col-],
    #custom-smalcode.one-pro [class^=col-] {
        padding-left: 16px;
        padding-right: 16px
    }

    #custom-smalcode .style-h1,
    #custom-smalcode .style-h1.small-h1 {
        font-size: 42px !important;
        line-height: 42px !important;
        letter-spacing: -1px !important
    }

    #custom-smalcode .style-h1-1 {
        font-size: 48px !important;
        line-height: 48px !important;
        letter-spacing: 2px !important
    }

    #custom-smalcode .style-h2 {
        font-size: 48px;
        line-height: 50px !important;
        letter-spacing: 2px
    }

    #custom-smalcode .style-h2-2 {
        font-size: 48px !important;
        line-height: 50px !important;
        letter-spacing: 1.5px
    }

    #custom-smalcode .style-h3 {
        font-size: 40px;
        line-height: 48px
    }

    #custom-smalcode .style-h3-2 {
        font-size: 60px;
        line-height: 60px
    }

    #custom-smalcode .style-h4 {
        font-size: 12px;
        letter-spacing: 2px
    }

    #custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap .bar-value,
    #custom-smalcode .style-h5 {
        font-size: 13px;
        letter-spacing: 0
    }

    #custom-smalcode .style-h6 {
        font-size: 16px;
        line-height: 22px
    }

    #custom-smalcode .body-p1,
    #custom-smalcode .body-p1 p {
        font-size: 16px;
        line-height: 26px
    }

    #custom-smalcode .body-p2,
    #custom-smalcode .body-p2 p {
        font-size: 14px;
        line-height: 22px
    }

    #custom-smalcode .element-usp-wrap .element-usp-item img {
        width: 60px;
        margin-bottom: 10px
    }

    #custom-smalcode .element-feature .feature-headline {
        margin-top: 2px;
        margin-bottom: 10px
    }

    #custom-smalcode .element-feature:not(.element-feature-4-elements) {
        display: flex;
        align-items: center
    }

    #custom-smalcode .element-feature:not(.element-feature-4-elements) .bg-image,
    #custom-smalcode .element-feature:not(.element-feature-4-elements) .inner-text-wrap {
        width: 50%
    }

    #custom-smalcode .element-feature:not(.element-feature-4-elements) .bg-image {
        height: 0;
        padding-bottom: 61%
    }

    #custom-smalcode .element-feature:not(.element-feature-4-elements) .inner-text-wrap {
        margin-top: 0;
        padding-left: 25px;
        padding-right: 15px
    }

    #custom-smalcode .element-feature.element-feature-4-elements .inner-text-wrap {
        padding-left: 20px;
        padding-right: 20px
    }

    #custom-smalcode .element-feature.element-feature-4-elements .bg-image {
        height: 0;
        padding-bottom: 120%
    }

    #custom-smalcode .element-zoom-image {
        margin-left: 0;
        margin-right: 0
    }

    #custom-smalcode .element-video-popup .inner-popup {
        width: 90%
    }

    #custom-smalcode .panel-hero-pdp {
        height: 85vh;
        height: calc(var(--vh) * 85)
    }

    #custom-smalcode .panel-hero-pdp .hero-device {
        height: 50vh;
        height: calc(var(--vh) * 50)
    }

    #custom-smalcode .panel-audio-quality-2 .bg-layer,
    #custom-smalcode .panel-explosion-view .bg-layer {
        position: relative;
        width: 100%;
        right: 0;
        margin-top: 20px
    }

    #custom-smalcode .panel-comfort {
        padding-top: 50px;
        padding-bottom: 40px
    }

    #custom-smalcode .panel-connectivity {
        padding-top: 40px;
        padding-bottom: 0
    }

    #custom-smalcode .panel-connectivity .row-image-usp,
    #custom-smalcode .panel-cool-quite-everything .element-usp-wrap {
        margin-top: 30px
    }

    #custom-smalcode .panel-connectivity .element-usp-wrap-2 {
        margin-top: 30px;
        margin-bottom: 25px;
        margin-left: 0
    }

    #custom-smalcode .panel-connectivity .col-image {
        padding-left: 0;
        padding-right: 0
    }

    #custom-smalcode .panel-features {
        padding-bottom: 35px;
        padding-top: 65px
    }

    #custom-smalcode .panel-features:not(.panel-features-4-elements) .row-features [class^=col-] {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 25px
    }

    #custom-smalcode .panel-features:not(.panel-features-4-elements) .row-features [class^=col-]:last-of-type {
        margin-bottom: 0
    }

    #custom-smalcode .panel-features:not(.panel-features-4-elements) .row-features [class^=col-]:nth-child(odd) .element-feature {
        flex-direction: row-reverse
    }

    #custom-smalcode .panel-features:not(.panel-features-4-elements) .row-features [class^=col-]:nth-child(odd) .element-feature .inner-text-wrap {
        padding-right: 25px;
        padding-left: 15px
    }

    #custom-smalcode .panel-features.panel-features-4-elements .row-features {
        display: flex;
        align-items: flex-start;
        flex-flow: wrap
    }

    #custom-smalcode .panel-features.panel-features-4-elements .row-features [class^=col-] {
        width: 50%;
        margin-top: 30px
    }

    #custom-smalcode .panel-features.panel-features-4-elements .row-features [class^=col-]:first-child,
    #custom-smalcode .panel-features.panel-features-4-elements .row-features [class^=col-]:nth-child(2) {
        margin-top: 0
    }

    #custom-smalcode .panel-programmable {
        padding-top: 65px;
        padding-bottom: 0
    }

    #custom-smalcode .panel-programmable .element-icue-software {
        margin-top: 50px
    }

    #custom-smalcode .panel-programmable .element-usp-wrap-1,
    #custom-smalcode .panel-programmable-black .element-usp-wrap-1 {
        margin-right: 0
    }

    #custom-smalcode .panel-hero-video .text-layer .cta-outer-wrap,
    #custom-smalcode .panel-programmable .element-usp-wrap-1,
    #custom-smalcode .panel-programmable .element-usp-wrap-2,
    #custom-smalcode .panel-programmable-black .element-usp-wrap-1,
    #custom-smalcode .panel-programmable-black .element-usp-wrap-2 {
        margin-top: 40px
    }

    #custom-smalcode .panel-hero-category .style-h1 {
        font-size: 82px;
        line-height: 92px;
        letter-spacing: -1px
    }

    #custom-smalcode .panel-programmable-black .legal-text {
        margin-top: 20px;
        margin-bottom: 50px
    }

    #custom-smalcode .panel-programmable-black {
        padding-top: 60px;
        padding-bottom: 30px
    }

    #custom-smalcode .panel-programmable-black .element-icue-software {
        margin-top: 25px
    }

    #custom-smalcode .panel-a100-huge-power-small-size .bottom-box .box-header,
    #custom-smalcode .panel-programmable-black .element-icue-software .icue-header {
        margin-bottom: 20px
    }

    #custom-smalcode .panel-programmable-black .row-usps {
        margin-top: 40px;
        margin-bottom: 30px
    }

    #custom-smalcode .panel-fastest-wireless .under-bar-headline-note {
        font-size: 12px
    }

    #custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap.bar-wrap-corsair .slipstream-logo {
        top: -30px
    }

    #custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .product-link .shop-title {
        bottom: 15px;
        left: 15px;
        font-size: 16px;
        line-height: 22px;
        padding-right: 15px
    }

    #custom-smalcode .panel-faster-game-render-encode {
        padding-top: 80px;
        padding-bottom: 40px
    }

    #custom-smalcode .panel-a100-huge-power-small-size .inner-top-title,
    #custom-smalcode .panel-corsair-holdfast-retention .bottom-title,
    #custom-smalcode .panel-faster-game-render-encode .row-first {
        margin-bottom: 30px
    }

    #custom-smalcode .panel-faster-game-render-encode .inner-col-content {
        max-width: 400px;
        margin-bottom: 30px
    }

    #custom-smalcode .panel-faster-game-render-encode .box-top-title {
        margin-bottom: 15px
    }

    #custom-smalcode .panel-faster-game-render-encode .boxes-wrap .box .box-title-bottom {
        margin-top: 15px
    }

    #custom-smalcode .panel-cool-quite-everything,
    #custom-smalcode .panel-corsair-holdfast-retention,
    #custom-smalcode .panel-efficient-heat-transfer,
    #custom-smalcode .panel-intuitive-slide-lock-fan-mount {
        padding-top: 40px;
        padding-bottom: 40px
    }

    #custom-smalcode .panel-efficient-heat-transfer .element-usp-wrap,
    #custom-smalcode .panel-intuitive-slide-lock-fan-mount .features-wrap {
        margin-top: 30px;
        margin-bottom: 30px
    }

    #custom-smalcode .panel-intuitive-slide-lock-fan-mount .features-wrap .feature-title {
        margin-bottom: 5px
    }

    #custom-smalcode .panel-cool-quite-everything .outer-wrap {
        padding-bottom: 0
    }

    #custom-smalcode .panel-cool-quite-everything .outer-wrap .cool-quiet-everything {
        position: relative;
        margin-top: 50px;
        right: 0;
        width: 100%
    }

    #custom-smalcode .panel-warranty {
        margin-top: 80px;
        padding-top: 100px;
        padding-bottom: 70px
    }

    #custom-smalcode .panel-warranty .warranty-pattern {
        width: 100px
    }

    #custom-smalcode .panel-warranty .bottom-title {
        margin-top: 25px !important
    }

    #custom-smalcode .panel-lt100-how-to .text-container {
        width: 90%;
        margin-right: auto
    }

    #custom-smalcode .panel-a100-huge-power-small-size {
        padding-top: 90px;
        padding-bottom: 180px
    }

    #custom-smalcode .panel-a100-huge-power-small-size .bottom-box {
        padding: 20px
    }

    #custom-smalcode .panel-a100-huge-power-small-size .bottom-box .box-header .box-title {
        font-size: 20px
    }

    #custom-smalcode .panel-a100-huge-power-small-size .bottom-box .box-content-wrap .box-content .box-content-col .box-nmbr {
        font-size: 55px
    }

    #custom-smalcode .panel-a100-huge-power-small-size .bottom-box .box-content-wrap .box-content .box-content-col .box-nmbr span {
        font-size: 15px
    }

    #custom-smalcode .panel-a100-huge-power-small-size .bottom-box .box-content-wrap .box-content .box-content-col .box-text {
        font-size: 12px;
        line-height: 18px
    }
}

@media only screen and (max-width:767px) {
    #custom-smalcode .desktop {
        display: none
    }

    #custom-smalcode .panel-features.panel-features-4-elements .row-features,
    #custom-smalcode .panel-features:not(.panel-features-4-elements) .row-features,
    #custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .level-1,
    #custom-smalcode .row,
    #custom-smalcode .row.tablet-break,
    #custom-smalcode.a-100 .row,
    #custom-smalcode.a-100 .row.tablet-break,
    #custom-smalcode.a-4100 .row,
    #custom-smalcode.a-4100 .row.tablet-break,
    #custom-smalcode.lt-100 .row,
    #custom-smalcode.lt-100 .row.tablet-break,
    #custom-smalcode.nexus .row,
    #custom-smalcode.nexus .row.tablet-break,
    #custom-smalcode.one-pro .row,
    #custom-smalcode.one-pro .row.tablet-break {
        display: block
    }

    #custom-smalcode .row [class^=col-],
    #custom-smalcode .row.tablet-break [class^=col-] {
        padding-left: 32px;
        padding-right: 32px
    }

    #custom-smalcode .panel-lt100-how-to .text-container .right-inner,
    #custom-smalcode .row.left-col-full [class^=col-]:first-of-type,
    #custom-smalcode .row.tablet-break.left-col-full [class^=col-]:first-of-type,
    #custom-smalcode.a-100 .row.left-col-full [class^=col-]:first-of-type,
    #custom-smalcode.a-100 .row.tablet-break.left-col-full [class^=col-]:first-of-type,
    #custom-smalcode.a-4100 .row.left-col-full [class^=col-]:first-of-type,
    #custom-smalcode.a-4100 .row.tablet-break.left-col-full [class^=col-]:first-of-type,
    #custom-smalcode.lt-100 .row.left-col-full [class^=col-]:first-of-type,
    #custom-smalcode.lt-100 .row.tablet-break.left-col-full [class^=col-]:first-of-type,
    #custom-smalcode.nexus .row.left-col-full [class^=col-]:first-of-type,
    #custom-smalcode.nexus .row.tablet-break.left-col-full [class^=col-]:first-of-type,
    #custom-smalcode.one-pro .row.left-col-full [class^=col-]:first-of-type,
    #custom-smalcode.one-pro .row.tablet-break.left-col-full [class^=col-]:first-of-type {
        padding-left: 0
    }

    #custom-smalcode .panel-lt100-how-to .text-container .left-inner,
    #custom-smalcode .row.right-col-full [class^=col-]:last-of-type,
    #custom-smalcode .row.tablet-break.right-col-full [class^=col-]:last-of-type,
    #custom-smalcode.a-100 .row.right-col-full [class^=col-]:last-of-type,
    #custom-smalcode.a-100 .row.tablet-break.right-col-full [class^=col-]:last-of-type,
    #custom-smalcode.a-4100 .row.right-col-full [class^=col-]:last-of-type,
    #custom-smalcode.a-4100 .row.tablet-break.right-col-full [class^=col-]:last-of-type,
    #custom-smalcode.lt-100 .row.right-col-full [class^=col-]:last-of-type,
    #custom-smalcode.lt-100 .row.tablet-break.right-col-full [class^=col-]:last-of-type,
    #custom-smalcode.nexus .row.right-col-full [class^=col-]:last-of-type,
    #custom-smalcode.nexus .row.tablet-break.right-col-full [class^=col-]:last-of-type,
    #custom-smalcode.one-pro .row.right-col-full [class^=col-]:last-of-type,
    #custom-smalcode.one-pro .row.tablet-break.right-col-full [class^=col-]:last-of-type {
        padding-right: 0
    }

    #custom-smalcode .col-1,
    #custom-smalcode .col-10,
    #custom-smalcode .col-11,
    #custom-smalcode .col-12,
    #custom-smalcode .col-2,
    #custom-smalcode .col-3,
    #custom-smalcode .col-4,
    #custom-smalcode .col-5,
    #custom-smalcode .col-6,
    #custom-smalcode .col-7,
    #custom-smalcode .col-8,
    #custom-smalcode .col-9,
    #custom-smalcode .panel-category-sticky-mobile .inner-panel-prepare-for-battle .image-wrap,
    #custom-smalcode .panel-cool-quite-everything .outer-wrap .cool-quiet-everything,
    #custom-smalcode .panel-lt100-how-to .text-container .left-inner,
    #custom-smalcode .panel-lt100-how-to .text-container .right-inner,
    #custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .level-1 .left-column-level-1 {
        width: 100%
    }

    #custom-smalcode.a-100 .row [class^=col-],
    #custom-smalcode.a-100 .row.tablet-break [class^=col-],
    #custom-smalcode.a-4100 .row [class^=col-],
    #custom-smalcode.a-4100 .row.tablet-break [class^=col-],
    #custom-smalcode.lt-100 .row [class^=col-],
    #custom-smalcode.lt-100 .row.tablet-break [class^=col-],
    #custom-smalcode.nexus .row [class^=col-],
    #custom-smalcode.nexus .row.tablet-break [class^=col-],
    #custom-smalcode.one-pro .row [class^=col-],
    #custom-smalcode.one-pro .row.tablet-break [class^=col-] {
        padding-left: 16px;
        padding-right: 16px
    }

    #custom-smalcode .style-h1-2 {
        font-size: 52px !important;
        letter-spacing: -1px !important;
        line-height: 54px !important
    }

    #custom-smalcode .style-h2-h3 {
        font-size: 48px;
        line-height: 50px;
        letter-spacing: 1px
    }

    #custom-smalcode .style-h4-2 {
        font-size: 22px;
        line-height: 28px
    }

    #custom-smalcode .style-h5-2 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 1px
    }

    #custom-smalcode .style-h6-2 {
        font-size: 18px;
        line-height: 24px
    }

    #custom-smalcode .element-usp-wrap .element-usp-item {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: .5px
    }

    #custom-smalcode .element-usp-wrap .flex-wrap {
        margin-top: 10px;
        flex-wrap: wrap
    }

    #custom-smalcode .element-feature.element-feature-4-elements,
    #custom-smalcode .element-feature:not(.element-feature-4-elements) {
        display: flex;
        align-items: center
    }

    #custom-smalcode .element-feature.element-feature-4-elements .bg-image,
    #custom-smalcode .element-feature.element-feature-4-elements .inner-text-wrap,
    #custom-smalcode .element-feature:not(.element-feature-4-elements) .bg-image,
    #custom-smalcode .element-feature:not(.element-feature-4-elements) .inner-text-wrap {
        width: 50%
    }

    #custom-smalcode .element-feature.element-feature-4-elements .bg-image,
    #custom-smalcode .element-feature:not(.element-feature-4-elements) .bg-image {
        height: 0;
        padding-bottom: 61%
    }

    #custom-smalcode .element-feature.element-feature-4-elements .inner-text-wrap,
    #custom-smalcode .element-feature:not(.element-feature-4-elements) .inner-text-wrap {
        margin-top: 0;
        padding-left: 25px;
        padding-right: 15px
    }

    #custom-smalcode .element-icue-software .icue-header,
    #custom-smalcode .panel-a100-huge-power-small-size .inner-top-title,
    #custom-smalcode .panel-meet-the-family .headline-wrap,
    #custom-smalcode .panel-next-wave-of-wireless .mobile-headline {
        margin-bottom: 15px
    }

    #custom-smalcode .element-icue-software .icue-icon {
        width: 70px;
        margin-right: 30px
    }

    #custom-smalcode .element-product-teaser {
        padding-top: 25px;
        padding-bottom: 25px
    }

    #custom-smalcode .element-product-teaser .image-swap-element,
    #custom-smalcode .panel-discover-more .text-layer [class^=col-],
    #custom-smalcode .panel-lt100-how-to .col-image {
        padding-left: 0;
        padding-right: 0
    }

    #custom-smalcode .element-product-teaser .color-picker-wrap {
        margin-bottom: 25px
    }

    #custom-smalcode .element-product-teaser .color-picker-wrap .color-picker {
        margin-right: 15px
    }

    #custom-smalcode .element-product-teaser .inner-title {
        margin-bottom: 15px;
        font-size: 28px;
        letter-spacing: -.4px
    }

    #custom-smalcode .panel-hero-pdp .headline-wrap {
        margin-bottom: 10px
    }

    #custom-smalcode .panel-explosion-view {
        padding-top: 50px;
        padding-bottom: 50px
    }

    #custom-smalcode .panel-explosion-view .text-layer {
        position: relative;
        top: auto
    }

    #custom-smalcode .lt100-hero .text-layer .cta-outer-wrap,
    #custom-smalcode .panel-audio-quality-2 .element-usp-wrap,
    #custom-smalcode .panel-explosion-view .element-usp-wrap {
        margin-top: 40px
    }

    #custom-smalcode .panel-comfort {
        text-align: right;
        overflow: hidden
    }

    #custom-smalcode .panel-comfort .relative-wrap {
        padding-bottom: 30px
    }

    #custom-smalcode .panel-comfort .image-mask-1 {
        margin-top: 0;
        margin-bottom: 0;
        width: 50%
    }

    #custom-smalcode .panel-comfort .image-mask-2 {
        width: 80%;
        display: inline-block
    }

    #custom-smalcode .panel-comfort .outer-usp-wrap {
        margin-top: 40px;
        margin-bottom: 30px
    }

    #custom-smalcode .panel-comfort .image-swap {
        right: -5%;
        left: auto;
        width: 75%;
        bottom: -5%
    }

    #custom-smalcode .panel-features.panel-features-4-elements .row-features [class^=col-],
    #custom-smalcode .panel-features:not(.panel-features-4-elements) .row-features [class^=col-] {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 25px;
        width: 100%;
        margin-top: 0
    }

    #custom-smalcode .panel-features.panel-features-4-elements .row-features [class^=col-]:last-of-type,
    #custom-smalcode .panel-features:not(.panel-features-4-elements) .row-features [class^=col-]:last-of-type {
        margin-bottom: 0
    }

    #custom-smalcode .panel-features.panel-features-4-elements .row-features [class^=col-]:nth-child(odd) .element-feature,
    #custom-smalcode .panel-features:not(.panel-features-4-elements) .row-features [class^=col-]:nth-child(odd) .element-feature {
        flex-direction: row-reverse
    }

    #custom-smalcode .panel-features.panel-features-4-elements .row-features [class^=col-]:nth-child(odd) .element-feature .inner-text-wrap,
    #custom-smalcode .panel-features:not(.panel-features-4-elements) .row-features [class^=col-]:nth-child(odd) .element-feature .inner-text-wrap {
        padding-right: 25px;
        padding-left: 15px
    }

    #custom-smalcode .panel-hero-category .link-list {
        font-size: 16px
    }

    #custom-smalcode .panel-hero-category .read-more-layer .text {
        font-size: 12px;
        letter-spacing: 2px
    }

    #custom-smalcode .panel-hero-category .headline {
        margin-top: 0;
        margin-bottom: 0 !important
    }

    #custom-smalcode .panel-hero-category .link-list a {
        margin-right: 40px
    }

    #custom-smalcode .panel-hero-category .bg-layer img {
        height: 55%;
        top: 23.5%
    }

    #custom-smalcode .panel-hero-category .bg-layer .bg-image {
        top: auto;
        height: 65%;
        bottom: 30vw
    }

    #custom-smalcode .panel-meet-the-family {
        padding-top: 70px;
        padding-bottom: 40px
    }

    #custom-smalcode .panel-meet-the-family .row-teasers {
        margin-top: 30px
    }

    #custom-smalcode .panel-meet-the-family .row-teasers [class^=col-] {
        padding-left: 4px;
        padding-right: 4px
    }

    #custom-smalcode .panel-audio-quality-2 {
        padding-top: 50px;
        padding-bottom: 30px
    }

    #custom-smalcode .panel-audio-quality-2 .element-image-mask {
        margin-top: 15px
    }

    #custom-smalcode .panel-comfort-2 {
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: right
    }

    #custom-smalcode .panel-comfort-2 .row-image {
        margin-top: -50px
    }

    #custom-smalcode .panel-comfort-2 .row-image video {
        width: 120px;
        height: auto;
        display: inline-block
    }

    #custom-smalcode .panel-category-sticky .image-wrap .pfb-1 .indicator.indicator-4,
    #custom-smalcode .panel-category-sticky-mobile .image-wrap .pfb-1 .indicator.indicator-4 {
        top: 59%;
        left: 55%
    }

    #custom-smalcode .panel-discover-more {
        height: 70vh;
        height: calc(var(--vh) * 70)
    }

    #custom-smalcode .panel-discover-more .img-wrap img {
        width: 110%;
        right: 55%;
        transform: translate(50%, 0);
        height: auto
    }

    #custom-smalcode .panel-discover-more .text-layer {
        top: 0;
        transform: none
    }

    #custom-smalcode .panel-discover-more .text-layer .discover-headline {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 30px;
        margin-bottom: 130px;
        font-size: 40px;
        line-height: 48px
    }

    #custom-smalcode .panel-discover-more .text-layer .menu-items-wrap {
        font-size: 30px
    }

    #custom-smalcode .panel-discover-more .text-layer .menu-items-wrap a {
        margin-right: 0;
        display: block;
        width: 100%
    }

    #custom-smalcode .panel-discover-more .text-layer .menu-items-wrap a:last-of-type {
        margin-right: 0
    }

    #custom-smalcode .panel-discover-more .text-layer .menu-items-wrap a:not(.active) {
        pointer-events: none
    }

    #custom-smalcode .panel-hero-fullscreen .text-layer .slipstream-logo,
    #custom-smalcode .panel-hero-slipstream .text-layer .slipstream-logo {
        width: 73px
    }

    #custom-smalcode .panel-hero-fullscreen .text-layer .subheadline,
    #custom-smalcode .panel-hero-slipstream .text-layer .subheadline {
        font-size: 26px;
        margin-top: -5px;
        letter-spacing: 17px;
        margin-left: 21px;
        margin-bottom: 30px
    }

    #custom-smalcode .panel-hero-fullscreen .text-layer .mobile-sub-sub-headline,
    #custom-smalcode .panel-hero-slipstream .text-layer .mobile-sub-sub-headline {
        max-width: 235px;
        margin-left: auto;
        margin-right: auto
    }

    #custom-smalcode .panel-next-wave-of-wireless {
        padding-top: 50px
    }

    #custom-smalcode .panel-next-wave-of-wireless .devices-wrap {
        width: 130vw;
        margin-left: -15vw
    }

    #custom-smalcode .panel-fastest-wireless {
        padding-top: 80px;
        padding-bottom: 70px
    }

    #custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap .bar-value {
        left: 48%
    }

    #custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap.bar-wrap-corsair .slipstream-logo {
        left: 40%
    }

    #custom-smalcode .panel-fastest-wireless .mobile .outer-bar-wrap .bar-wrap.bar-wrap-corsair .bar-value {
        left: 18%
    }

    #custom-smalcode .panel-superior-signal-strength .text-layer {
        top: 10%
    }

    #custom-smalcode .panel-ultra-long-range {
        padding-top: 60px;
        padding-bottom: 20px
    }

    #custom-smalcode .panel-ultra-long-range .animation-wrap {
        margin-top: 100px
    }

    #custom-smalcode .panel-ultra-long-range .animation-wrap .ratio-wrap {
        padding-bottom: 50%
    }

    #custom-smalcode .panel-ultra-long-range .animation-wrap .circle {
        width: 8px;
        top: 78%
    }

    #custom-smalcode .panel-ultra-long-range .animation-wrap .circle.circle-left {
        left: 8%
    }

    #custom-smalcode .panel-ultra-long-range .animation-wrap .line.line-right {
        width: 41%;
        top: 79.5%;
        opacity: 0
    }

    #custom-smalcode .panel-ultra-long-range .animation-wrap .line.line-right.active {
        opacity: 1
    }

    #custom-smalcode .panel-ultra-long-range .animation-wrap .usp-title {
        transform: translate(0, 0);
        opacity: 1;
        left: auto;
        right: 32px;
        top: -60px
    }

    #custom-smalcode .panel-ultra-long-range .animation-wrap .headphones {
        width: 27.2%
    }

    #custom-smalcode .panel-ultra-long-range .animation-wrap .oval {
        width: 82.4%;
        height: 39%
    }

    #custom-smalcode .panel-ultra-long-range .animation-wrap .usb {
        width: 22px;
        left: 20px;
        transform: translate(39vw, -120%)
    }

    #custom-smalcode .panel-ultra-long-range .animation-wrap .usb.active {
        transform: translate(0, -120%);
        opacity: 1
    }

    #custom-smalcode .panel-ultra-long-range .legal-text {
        font-size: 12px;
        line-height: 18px
    }

    #custom-smalcode .panel-shop-slipstream-wireless-products {
        padding-top: 60px;
        padding-bottom: 50px
    }

    #custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid {
        margin-top: 50px
    }

    #custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .product-link {
        margin-bottom: 8px
    }

    #custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .product-link .ratio-wrap {
        padding-bottom: 64% !important
    }

    #custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .level-1 .right-column-level-1 {
        margin-left: 0;
        width: 100%
    }

    #custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .level-2 {
        display: block;
        margin-bottom: 0
    }

    #custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .level-2 .left-column-level-2,
    #custom-smalcode .panel-shop-slipstream-wireless-products .shop-grid .level-2 .right-column-level-2 {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    #custom-smalcode .panel-hero-video .ratio-wrap {
        padding-bottom: 0;
        height: 100vh
    }

    #custom-smalcode .panel-intuitive-slide-lock-fan-mount .main-image-wrap {
        margin-left: -15vw;
        width: calc(100% + 30vw);
        margin-top: 60px
    }

    #custom-smalcode .panel-intuitive-slide-lock-fan-mount .main-image-wrap .left-text,
    #custom-smalcode .panel-intuitive-slide-lock-fan-mount .main-image-wrap .right-text {
        font-size: 8px;
        letter-spacing: 1px
    }

    #custom-smalcode .panel-multiple-devices .image-box .ratio-wrap {
        height: auto;
        padding-bottom: 0;
        overflow: hidden
    }

    #custom-smalcode .panel-multiple-devices .image-box .ratio-wrap .abs-wrap {
        height: auto;
        width: auto;
        position: relative
    }

    #custom-smalcode .panel-multiple-devices .image-box .ratio-wrap .bg-image {
        width: auto;
        height: auto
    }

    #custom-smalcode .panel-multiple-devices .image-box .ratio-wrap img {
        position: relative;
        width: 180%;
        margin-left: -40vw
    }

    #custom-smalcode .panel-multiple-devices .image-box .wave-inner div {
        padding-bottom: 88%
    }

    #custom-smalcode .panel-multiple-devices .image-box .wave-inner.wave-keyboard {
        top: 58%;
        left: 20%
    }

    #custom-smalcode .panel-multiple-devices .image-box .wave-inner.wave-mouse {
        right: 32%;
        top: 57%
    }

    #custom-smalcode .panel-multiple-devices .image-box .wave-inner.wave-headphones {
        top: 34%;
        left: 33.5%
    }

    #custom-smalcode .panel-multiple-devices .image-box .wave-inner.wave-stick {
        right: 36%;
        top: 28%
    }

    #custom-smalcode .panel-multiple-devices .text-box {
        position: relative;
        bottom: 0;
        margin-top: -40px
    }

    #custom-smalcode.ratio-mobile .lt100-rooms .slick-arrow {
        top: 27%
    }

    #custom-smalcode .panel-lt100-how-to {
        padding-top: 70px;
        padding-bottom: 70px
    }

    #custom-smalcode .panel-lt100-how-to .col-text {
        margin-bottom: 100px
    }

    #custom-smalcode .panel-lt100-how-to .image-container {
        padding-top: 4vw
    }

    #custom-smalcode .panel-lt100-how-to .image-container .title-abs {
        font-size: 2.7vw;
        top: 0
    }

    #custom-smalcode .panel-lt100-how-to .image-container .title-abs.title-1 {
        left: 42%
    }

    #custom-smalcode .panel-lt100-how-to .image-container .title-abs.title-2 {
        left: 71.5%
    }

    #custom-smalcode .panel-lt100-how-to .image-container .title-abs.title-3 {
        left: 29%
    }

    #custom-smalcode .panel-lt100-how-to .image-container .title-abs.title-4 {
        left: 63.5%
    }

    #custom-smalcode .panel-lt100-how-to .image-container .distance-abs,
    #custom-smalcode .panel-lt100-how-to .image-container .tower-1-distance-1,
    #custom-smalcode .panel-lt100-how-to .image-container .tower-1-distance-2 {
        font-size: 3.4vw
    }

    #custom-smalcode .panel-lt100-how-to .image-container .distance-abs.distance-1 {
        left: 34%
    }

    #custom-smalcode .panel-lt100-how-to .image-container .distance-abs.distance-2 {
        left: 65%
    }

    #custom-smalcode .panel-lt100-how-to .image-container .distance-abs.distance-3 {
        left: 22%
    }

    #custom-smalcode .panel-lt100-how-to .image-container .distance-abs.distance-4 {
        left: 55.5%
    }

    #custom-smalcode .panel-lt100-how-to .image-container .distance-abs.distance-5 {
        left: 17%
    }

    #custom-smalcode .panel-lt100-how-to .image-container .tower-1-distance-1 {
        top: 41%;
        left: 56%
    }

    #custom-smalcode .panel-lt100-how-to .image-container .tower-1-distance-2 {
        top: 95%;
        left: 44%
    }

    #custom-smalcode .panel-lt100-how-to .text-container {
        width: 100%;
        padding-left: 35px;
        padding-right: 35px
    }

    #custom-smalcode .panel-lt100-how-to .text-container .inner-title {
        font-size: 24px;
        letter-spacing: 1px;
        margin-bottom: 20px
    }

    #custom-smalcode .panel-lt100-how-to .text-container p,
    #custom-smalcode .panel-lt100-how-to .text-container p span {
        font-size: 14px;
        line-height: 22px
    }

    #custom-smalcode .panel-lt100-how-to .slick-arrow,
    #custom-smalcode .panel-lt100-how-to .slick-dots li button {
        cursor: pointer;
        position: absolute;
        font-size: 0;
        color: transparent;
        outline: 0;
        border: 0;
        padding: 0;
        transition: .2s ease-out
    }

    #custom-smalcode .panel-lt100-how-to .slick-dots {
        text-align: center;
        display: flex;
        margin-left: auto;
        margin-right: auto;
        align-items: center;
        margin-top: 35px;
        width: calc(100% - 160px)
    }

    #custom-smalcode .panel-lt100-how-to .slick-dots li {
        display: block;
        height: 12px;
        width: 50%;
        position: relative;
        cursor: pointer
    }

    #custom-smalcode .panel-lt100-how-to .slick-dots li button {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        height: 1px;
        background-color: #787878
    }

    #custom-smalcode .panel-lt100-how-to .slick-dots li button:before {
        content: none !important
    }

    #custom-smalcode .panel-lt100-how-to .slick-dots li.slick-active button {
        background-color: #fff;
        height: 1px
    }

    #custom-smalcode .panel-lt100-how-to .slick-arrow {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 36px !important;
        height: 17px !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: transparent;
        margin: 0;
        bottom: -2px;
        opacity: 1
    }

    #custom-smalcode .panel-lt100-how-to .slick-arrow.slick-disabled {
        opacity: 0
    }

    #custom-smalcode .panel-lt100-how-to .slick-arrow.slick-prev {
        background-image: url("//res.cloudinary.com/corsair-pwa/image/upload/f_auto,q_auto/akamai/smal/img/lt100/how-to/how-to-left.png");
        left: 25px
    }

    #custom-smalcode .panel-lt100-how-to .slick-arrow.slick-next {
        background-image: url("//res.cloudinary.com/corsair-pwa/image/upload/f_auto,q_auto/akamai/smal/img/lt100/how-to/how-to-right.png");
        right: 25px
    }

    #custom-smalcode .panel-a100-huge-power-small-size {
        padding-top: 75px;
        padding-bottom: 145px
    }

    #custom-smalcode .panel-a100-huge-power-small-size .row-big-img {
        margin-top: 60px
    }

    #custom-smalcode .panel-a100-huge-power-small-size .row-bottom-box {
        padding-left: 10px;
        padding-right: 10px;
        margin-top: -25px
    }

    #custom-smalcode .panel-a100-huge-power-small-size .bottom-box {
        padding: 15px
    }

    #custom-smalcode .panel-a100-huge-power-small-size .bottom-box .box-header {
        margin-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px
    }

    #custom-smalcode .panel-a100-huge-power-small-size .bottom-box .box-header .box-title {
        font-size: 14px;
        padding-bottom: 5px
    }

    #custom-smalcode .panel-a100-huge-power-small-size .bottom-box .box-content-wrap .box-content .box-content-col,
    #custom-smalcode .panel-a100-huge-power-small-size .bottom-box .box-content-wrap .box-content .footnote {
        padding-left: 10px;
        padding-right: 10px
    }

    #custom-smalcode .panel-a100-huge-power-small-size .bottom-box .box-content-wrap .box-content .box-content-col .box-nmbr {
        font-size: 35px
    }

    #custom-smalcode .panel-a100-huge-power-small-size .bottom-box .box-content-wrap .box-content .box-content-col .box-text {
        font-size: 11px;
        line-height: 14px
    }
}

@media only screen and (max-width:499px) {
    #custom-smalcode .panel-a100-huge-power-small-size .bottom-box .box-content-wrap .box-content .box-content-col .box-nmbr {
        font-size: 25px
    }

    #custom-smalcode .panel-a100-huge-power-small-size .bottom-box .box-content-wrap .box-content .box-content-col .box-nmbr span {
        font-size: 10px;
        letter-spacing: 0
    }
}

#custom-smalcode .panel-a100-quote {
    padding-bottom: 180px
}

#custom-smalcode .panel-a100-quote .gradient-title {
    text-transform: uppercase;
    color: #f26523;
    background-image: radial-gradient(#f26523 0, #970a1b 0, #f8981d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 25px
}

#custom-smalcode .panel-a100-quote .testimonial-wrap {
    max-width: 190px
}

@media only screen and (min-width:1024px) {

    #custom-smalcode .panel-programmable .col-text,
    #custom-smalcode .panel-programmable-black .col-text {
        padding-right: 50px
    }

    #custom-smalcode .lt100-hero .text-layer .big-title {
        font-size: 5.4vw;
        line-height: 5.5vw
    }

    #custom-smalcode .panel-a100-quote .inner-col-img {
        position: relative;
        width: 100%;
        height: 100%
    }

    #custom-smalcode .panel-a100-quote .inner-col-img .ratio-helper {
        width: 100%;
        height: 0;
        padding-bottom: 210%
    }

    #custom-smalcode .panel-a100-quote .quote-image {
        position: absolute;
        top: 0;
        right: 0;
        width: 150%
    }

    #custom-smalcode .top-specs-panel .smaller-tablet {
        display: none
    }
}

#custom-smalcode .a100-text-layer-col .a100-h2,
#custom-smalcode .a100-text-layer-col .a100-h2-2 {
    margin-bottom: 10px !important;
    font-family: Saira, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

#custom-smalcode .panel-a100-how-big {
    position: relative;
    z-index: 10;
    will-change: opacity;
    opacity: 1
}

#custom-smalcode .panel-a100-how-big .products-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: space-evenly
}

#custom-smalcode .panel-a100-how-big .products-wrap .product-box {
    display: flex;
    align-items: flex-end;
    flex-direction: row-reverse
}

#custom-smalcode .panel-a100-how-big .products-wrap .product-box .left-text {
    text-align: right;
    padding-right: 25px
}

#custom-smalcode .panel-a100-how-big .products-wrap .product-box .left-text .style-h2-2 {
    line-height: 50px !important;
    margin-bottom: 10px
}

@media only screen and (max-width:1023px) {
    #custom-smalcode .panel-a100-quote {
        padding-bottom: 150px
    }

    #custom-smalcode .panel-a100-quote .gradient-title {
        margin-bottom: 50px
    }

    #custom-smalcode .panel-a100-quote .inner-col-img {
        margin-top: -40px
    }

    #custom-smalcode .panel-a100-quote .quote-image {
        width: 50%;
        margin-left: auto
    }

    #custom-smalcode .panel-a100-how-big .products-wrap .product-box .left-text {
        padding-right: 20px
    }

    #custom-smalcode .panel-a100-how-big .products-wrap .product-box .left-text .style-h2-2 {
        font-size: 40px !important;
        line-height: 40px !important;
        margin-bottom: 5px
    }
}

@media only screen and (max-width:1023px) and (max-width:767px) {
    #custom-smalcode .panel-a100-how-big .products-wrap .product-box .left-text .style-h2-2 {
        font-size: 20px !important;
        line-height: 20px !important
    }
}

#custom-smalcode .panel-a100-how-big .products-wrap .product-box.product-box-6 .right-image {
    width: 36px
}

#custom-smalcode .panel-a100-how-big .products-wrap .product-box.product-box-12 .right-image {
    width: 87px
}

#custom-smalcode .a100-text-layer-col .a100-subtitle,
#custom-smalcode .panel-a100-how-big .products-wrap .product-box.product-box-12 .left-text .style-h2-2 {
    color: #f26523
}

#custom-smalcode .panel-a100-how-big .products-wrap .product-box.product-box-35 .right-image {
    width: 123px
}

#custom-smalcode .a100-text-layer-col .nvidia-geforce-logo {
    width: 115px
}

#custom-smalcode .a100-text-layer-col.text-layer-col-13 .row-second,
#custom-smalcode .nexus-get-started .nexus-get-started-slider {
    margin-top: 100px
}

#custom-smalcode .a100-text-layer-col .a100-h2 {
    margin-top: 10px !important;
    font-size: 40px !important;
    line-height: 40px !important
}

#custom-smalcode .a100-text-layer-col .a100-h2-2 {
    font-size: 24px !important;
    line-height: 24px !important;
    letter-spacing: 1px !important
}

#custom-smalcode .a100-text-layer-col .a100-left-big-title {
    color: #f26523;
    font-size: 60px;
    line-height: 60px;
    letter-spacing: 2.5px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: Saira, sans-serif;
    font-weight: 400
}

#custom-smalcode .a100-text-layer-col .plus-gold-logo {
    width: 77px;
    margin-top: 40px;
    margin-bottom: 10px
}

#custom-smalcode .panel-a100-multi-monitor {
    padding-bottom: 200px;
    background-image: linear-gradient(0deg, #252525 0, #000 100%)
}

#custom-smalcode .panel-a100-multi-monitor .scaling-image {
    transform: scale(1);
    transform-origin: 85% 50%;
    will-change: transform
}

#custom-smalcode .panel-a100-multi-monitor .scaling-image.active {
    transform: scale(.7)
}

#custom-smalcode .a100-panel-collection,
#custom-smalcode .a4100-panel-collection {
    position: relative;
    overflow: hidden;
    margin-top: -100vh;
    margin-top: calc(var(--vh) * -100)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-10 {
    top: 500vh;
    top: calc(var(--vh) * 500)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-11 {
    top: 550vh;
    top: calc(var(--vh) * 550)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-12 {
    top: 600vh;
    top: calc(var(--vh) * 600)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-13 {
    top: 650vh;
    top: calc(var(--vh) * 650)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-14 {
    top: 700vh;
    top: calc(var(--vh) * 700)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-15 {
    top: 750vh;
    top: calc(var(--vh) * 750)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-16 {
    top: 800vh;
    top: calc(var(--vh) * 800)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-17 {
    top: 850vh;
    top: calc(var(--vh) * 850)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-18 {
    top: 900vh;
    top: calc(var(--vh) * 900)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-19 {
    top: 950vh;
    top: calc(var(--vh) * 950)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-20 {
    top: 1000vh;
    top: calc(var(--vh) * 1000)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-21 {
    top: 1050vh;
    top: calc(var(--vh) * 1050)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-22 {
    top: 1100vh;
    top: calc(var(--vh) * 1100)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-23 {
    top: 1150vh;
    top: calc(var(--vh) * 1150)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-24 {
    top: 1200vh;
    top: calc(var(--vh) * 1200)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-25 {
    top: 1250vh;
    top: calc(var(--vh) * 1250)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-26 {
    top: 1300vh;
    top: calc(var(--vh) * 1300)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-27 {
    top: 1350vh;
    top: calc(var(--vh) * 1350)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-28 {
    top: 1400vh;
    top: calc(var(--vh) * 1400)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-29 {
    top: 1450vh;
    top: calc(var(--vh) * 1450)
}

#custom-smalcode .a100-panel-collection .pos-helper.pos-helper-30 {
    top: 1500vh;
    top: calc(var(--vh) * 1500)
}

#custom-smalcode .a100-panel-collection .bg-layer,
#custom-smalcode .a4100-panel-collection .bg-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    will-change: opacity
}

#custom-smalcode .a100-panel-collection .a100-text-layer-col {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    opacity: 0;
    will-change: opacity, transform
}

#custom-smalcode .a100-panel-collection .a100-text-layer-col.text-layer-col-1 {
    top: 10%;
    transform: translate(0, 20vh);
    transform: translate(0, calc(var(--vh) * 20))
}

#custom-smalcode .a100-panel-collection .a100-text-layer-col.text-layer-col-1.fade-out {
    pointer-events: none;
    opacity: 0;
    transform: translate(0, -55vh);
    transform: translate(0, calc(var(--vh) * -55))
}

#custom-smalcode .a100-panel-collection .a100-text-layer-col:not(.text-layer-col-1) {
    pointer-events: none;
    opacity: 0;
    transform: translate(0, -50%) translate(0, 50px);
    top: 50%
}

#custom-smalcode .a100-panel-collection .a100-text-layer-col.text-layer-col-12,
#custom-smalcode .a100-panel-collection .a100-text-layer-col.text-layer-col-13 {
    top: 10%;
    transform: translate(0, 0) translate(0, 50px)
}

#custom-smalcode .a100-panel-collection .a100-text-layer-col.text-layer-col-12.fade-out,
#custom-smalcode .a100-panel-collection .a100-text-layer-col.text-layer-col-13.fade-out,
#custom-smalcode .a100-panel-collection .a100-text-layer-col.text-layer-col-15.fade-out {
    opacity: 0;
    transform: translate(0, 0) translate(0, -50px)
}

#custom-smalcode .a100-panel-collection .a100-text-layer-col.text-layer-col-15 {
    top: 60%;
    transform: translate(0, 0) translate(0, 50px)
}

#custom-smalcode .a100-panel-collection .device-back {
    position: absolute;
    right: 10%;
    top: 40%;
    width: 19%;
    will-change: opacity, transform;
    transform: translate(0, 30vh);
    opacity: 0
}

#custom-smalcode .a100-panel-collection .image-sequence-main-wrap {
    width: 19%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) translate(0, 55vh) translate(0, 20vh);
    transform: translate(-50%, -50%) translate(0, calc(var(--vh) * 55)) translate(0, calc(var(--vh) * 20));
    opacity: 0;
    will-change: opacity, transform
}

#custom-smalcode .a100-panel-collection .image-sequence-main-wrap.active {
    opacity: 1;
    transform: translate(-50%, -50%) translate(0, 55vh);
    transform: translate(-50%, -50%) translate(0, calc(var(--vh) * 55))
}

#custom-smalcode .a100-panel-collection .image-sequence-main-wrap.position-1 {
    transform: translate(-50%, -50%)
}

#custom-smalcode .a100-panel-collection .image-sequence-main-wrap.position-2 {
    transform: translate(-50%, -50%) translate(0, -50vh)
}

#custom-smalcode .a100-panel-collection .blue-arrow-1,
#custom-smalcode .a100-panel-collection .blue-arrow-2,
#custom-smalcode .a100-panel-collection .red-arrow {
    position: absolute;
    opacity: 0;
    will-change: opacity
}

#custom-smalcode .a100-panel-collection .blue-arrow-1 {
    width: 43%;
    left: -94%;
    top: 57%
}

#custom-smalcode .a100-panel-collection .blue-arrow-2 {
    width: 43%;
    top: 57%;
    left: 150%
}

#custom-smalcode .a100-panel-collection .red-arrow {
    width: 55%;
    top: 9%;
    left: 23%
}

#custom-smalcode .a100-panel-collection .product-sequence {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    will-change: opacity
}

#custom-smalcode .a100-panel-collection .product-sequence.product-sequence-5 img,
#custom-smalcode .a100-panel-collection .product-sequence.product-sequence-6 img,
#custom-smalcode .a100-panel-collection .product-sequence.product-sequence-7 img,
#custom-smalcode .a100-panel-collection .product-sequence.product-sequence-8 img,
#custom-smalcode .a100-panel-collection .product-sequence.product-sequence-9 img,
#custom-smalcode .slick-dots {
    width: auto
}

#custom-smalcode .a100-panel-collection .product-sequence.product-sequence-7 {
    left: -115.5%;
    height: 109.6%
}

#custom-smalcode .a100-panel-collection .product-sequence.product-sequence-8 {
    left: -116.5%;
    height: 81.6%;
    top: 27.7%
}

#custom-smalcode .a100-panel-collection .product-sequence.product-sequence-9 {
    top: 0;
    height: 109.8%;
    left: -117.5%
}

#custom-smalcode.below-16-8 .a100-panel-collection .device-back,
#custom-smalcode.below-16-8 .a100-panel-collection .image-sequence-main-wrap {
    width: 15%
}

#custom-smalcode.ratio-mobile .a100-panel-collection .device-back {
    left: 7.5%;
    right: auto;
    top: 62%;
    width: 35%
}

#custom-smalcode.ratio-mobile .a100-panel-collection .image-sequence-main-wrap {
    top: 50%;
    transform: translate(-50%, 0) translate(0, 55vh);
    transform: translate(-50%, 0) translate(0, calc(var(--vh) * 55))
}

#custom-smalcode.ratio-mobile .a100-panel-collection .image-sequence-main-wrap.active {
    opacity: 1;
    transform: translate(-50%, 0) translate(0, 15vh);
    transform: translate(-50%, 0) translate(0, calc(var(--vh) * 15))
}

#custom-smalcode.ratio-mobile .a100-panel-collection .image-sequence-main-wrap.position-mobile-1 {
    transform: translate(-50%, 0) scale(.5) translate(-100%, -10%)
}

#custom-smalcode.ratio-mobile .a100-panel-collection .image-sequence-main-wrap.position-mobile-2 {
    transform: translate(-50%, 0) scale(.5) translate(0, -20%)
}

@media only screen and (min-width:499px) {
    #custom-smalcode.ratio-mobile .a100-panel-collection .image-sequence-main-wrap.position-mobile-1 {
        transform: translate(-50%, 0) scale(.5) translate(-100%, -50%)
    }

    #custom-smalcode.ratio-mobile .a100-panel-collection .image-sequence-main-wrap.position-mobile-2 {
        transform: translate(-50%, 0) scale(.5) translate(0, -60%)
    }
}

#custom-smalcode.ratio-mobile .a100-panel-collection .image-sequence-main-wrap.position-2 {
    transform: translate(-50%, 0) scale(.7) translate(70%, -15%);
    top: 0
}

#custom-smalcode.ratio-mobile .a100-panel-collection .a100-text-layer-col:not(.text-layer-col-1) {
    transform: translate(0, 0) translate(0, 50px);
    top: 50px
}

#custom-smalcode.ratio-mobile .a100-panel-collection .a100-text-layer-col.fade-out:not(.text-layer-col-1) {
    transform: translate(0, 0) translate(0, -50px)
}

#custom-smalcode.ratio-mobile .a100-panel-collection .a100-text-layer-col.text-layer-col-10 .small-text-box {
    display: flex;
    align-items: flex-end;
    margin-top: 10px;
    width: 100%
}

#custom-smalcode.ratio-mobile .a100-panel-collection .a100-text-layer-col.text-layer-col-13 .col-4 {
    padding-right: 0
}

#custom-smalcode.ratio-mobile .a100-panel-collection .a100-text-layer-col.text-layer-col-15 {
    top: auto;
    bottom: 50px;
    left: auto;
    right: 0
}

#custom-smalcode.ratio-mobile .a100-panel-collection .a100-text-layer-col.text-layer-col-15 .col-4 {
    padding-left: 0
}

#custom-smalcode.ratio-mobile .a100-panel-collection .a100-text-layer-col .plus-gold-logo {
    margin-top: 0;
    width: 35px;
    margin-bottom: 5px
}

#custom-smalcode.ratio-mobile .a100-panel-collection .a100-text-layer-col .small-text-box-wrap {
    display: flex;
    margin-top: 10px
}

#custom-smalcode.ratio-mobile .a100-panel-collection .a100-text-layer-col .small-text-box {
    margin-bottom: 0;
    margin-right: 20px;
    width: calc(50% - 10px)
}

#custom-smalcode.ratio-mobile .a100-panel-collection .a100-text-layer-col .a100-left-big-title {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 0;
    margin-bottom: 5px
}

#custom-smalcode.ratio-mobile .a100-panel-collection .a100-text-layer-col .nvidia-geforce-logo {
    margin-top: 10px;
    width: 50px
}

@media only screen and (max-height:699px) {

    #custom-smalcode .style-h1,
    #custom-smalcode .style-h1.small-h1 {
        font-size: 42px !important;
        line-height: 42px !important;
        letter-spacing: -1px !important
    }

    #custom-smalcode .style-h3 {
        font-size: 40px;
        line-height: 48px
    }

    #custom-smalcode .desktop-distance-helper {
        margin-top: 0
    }
}

#custom-smalcode.i-200 .a100-text-layer-col .a100-left-big-title,
#custom-smalcode.i-200 .a100-text-layer-col .a100-subtitle,
#custom-smalcode.i-200 .panel-a100-how-big .products-wrap .product-box.product-box-12 .left-text .style-h2-2,
#custom-smalcode.i-200 .panel-a100-huge-power-small-size .bottom-box .box-content-wrap .box-content .box-content-col .box-nmbr {
    color: #51c0fd
}

#custom-smalcode .top-specs-panel {
    padding-top: 120px;
    padding-bottom: 100px
}

#custom-smalcode .top-specs-panel .headline-row {
    text-align: center;
    margin-bottom: 100px
}

#custom-smalcode .top-specs-panel .specs-row .specs-wrap {
    margin-bottom: 40px;
    display: flex
}

#custom-smalcode .top-specs-panel .specs-row .specs-wrap .spec-title {
    margin-bottom: 6px
}

#custom-smalcode .top-specs-panel .specs-row .specs-wrap .specs-text {
    text-transform: uppercase;
    letter-spacing: .5px
}

#custom-smalcode .top-specs-panel .specs-row .specs-wrap .specs-text span {
    font-size: 25px;
    line-height: 30px;
    display: block
}

#custom-smalcode .panel-run-it,
#custom-smalcode.one-pro .panel-awards .slider-wrap {
    padding-bottom: 100px
}

#custom-smalcode .panel-run-it .video-outer-wrap {
    width: 85%;
    margin-top: 70px
}

#custom-smalcode .panel-run-it .video-outer-wrap .video-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .3s ease-out
}

#custom-smalcode .panel-run-it .bottom-box {
    background-color: #151515;
    padding-top: 40px;
    z-index: 5;
    position: relative;
    margin-top: -180px;
    width: 50%;
    margin-left: auto;
    margin-right: 5vw;
    max-width: 600px
}

#custom-smalcode .panel-run-it .bottom-box .bottom-text {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 15px;
    opacity: .5;
    font-size: 1vw;
    font-family: Saira, sans-serif;
    font-weight: 400;
    text-align: center
}

#custom-smalcode .panel-run-it .bottom-box .center-text {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#custom-smalcode .panel-run-it .bottom-box .center-text .first-text {
    opacity: .5;
    font-family: Saira, sans-serif;
    font-weight: 400;
    font-size: 1.25vw
}

#custom-smalcode .panel-run-it .bottom-box .center-text .second-text {
    text-transform: uppercase;
    font-family: Saira, sans-serif;
    font-weight: 400;
    font-size: 3.75vw;
    margin-top: -1vw
}

#custom-smalcode .nexus-icue-keyboard .slider-wrap .navi-item.active,
#custom-smalcode .panel-run-it .bottom-box .center-text .second-text .color {
    color: #ffbd02
}

#custom-smalcode .panel-run-it .bottom-box .center-text .second-text .number {
    font-size: 5vw
}

#custom-smalcode .nexus-get-started .slick-arrow.slick-disabled,
#custom-smalcode .nexus-ready-for-action .slick-arrow.slick-disabled,
#custom-smalcode .panel-run-it .bottom-box .center-text .second-text .grey {
    opacity: .5
}

@media only screen and (min-width:1440px) {
    #custom-smalcode .maxWidth {
        max-width: 80vw
    }

    #custom-smalcode .panel-run-it .bottom-box .bottom-text {
        font-size: 14px
    }

    #custom-smalcode .panel-run-it .bottom-box .center-text .first-text {
        font-size: 18px
    }

    #custom-smalcode .panel-run-it .bottom-box .center-text .second-text {
        font-size: 54px;
        margin-top: -14px
    }

    #custom-smalcode .panel-run-it .bottom-box .center-text .second-text .number {
        font-size: 72px
    }
}

#custom-smalcode .panel-run-it .bottom-box .box-header {
    display: flex;
    align-items: flex-start;
    margin-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px
}

#custom-smalcode .panel-share-it {
    padding-bottom: 50px
}

#custom-smalcode .panel-share-it .footnote {
    margin-top: 20px;
    margin-bottom: 30px;
    opacity: .4;
    font-size: 15px;
    font-family: Saira, sans-serif;
    font-weight: 400
}

#custom-smalcode .panel-easily-upgradeable {
    position: relative;
    padding-bottom: 50px
}

#custom-smalcode .panel-easily-upgradeable .text-layer {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    text-align: right
}

#custom-smalcode .panel-color-switch {
    padding-top: 170px;
    padding-bottom: 170px;
    background-color: #000;
    position: relative
}

#custom-smalcode .a4100-panel-collection .panel-fade-in.image-on-left .row,
#custom-smalcode .panel-color-switch .main-row,
#custom-smalcode.one-pro .panel-testimonial .bottom-row.reversed {
    flex-flow: row-reverse
}

#custom-smalcode .panel-color-switch .gradient-bottom,
#custom-smalcode .panel-color-switch .gradient-top,
#custom-smalcode .panel-color-switch .mobile-gradient-bottom,
#custom-smalcode .panel-color-switch .mobile-gradient-top {
    height: 170px;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 10
}

#custom-smalcode .panel-color-switch .gradient-top,
#custom-smalcode .panel-color-switch .mobile-gradient-top {
    top: 0;
    background-image: linear-gradient(0deg, #000 0, #0f0f0f 100%)
}

#custom-smalcode .panel-color-switch .gradient-bottom,
#custom-smalcode .panel-color-switch .mobile-gradient-bottom {
    bottom: 0;
    background-image: linear-gradient(180deg, #000 0, #0f0f0f 100%)
}

#custom-smalcode .panel-color-switch .video-outer-wrap .ratio-wrap {
    padding-bottom: 120%
}

#custom-smalcode .panel-color-switch .video-outer-wrap .video-inner {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .3s ease-out
}

#custom-smalcode .panel-color-switch .video-outer-wrap video {
    position: absolute;
    width: auto;
    height: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    top: 0
}

#custom-smalcode .panel-color-switch .slider-navi-text {
    position: relative;
    margin-top: 45px
}

#custom-smalcode .panel-color-switch .slider-navi-text .change-text {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .3s ease-out
}

#custom-smalcode .panel-color-switch .slider-navigation {
    display: inline-flex;
    flex-wrap: wrap;
    padding-top: 15px;
    margin-left: -15px;
    margin-right: -15px;
    max-width: 400px
}

#custom-smalcode .panel-color-switch .slider-navigation .slider-nav-item {
    position: relative;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px
}

#custom-smalcode .panel-color-switch .slider-navigation .slider-nav-item .bullet-wrap {
    width: 41px;
    height: 41px;
    position: relative;
    cursor: pointer
}

#custom-smalcode .panel-color-switch .slider-navigation .slider-nav-item .bullet-wrap img {
    width: 36px;
    transition: .2s ease-out;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#custom-smalcode .panel-color-switch .slider-navigation .slider-nav-item.active .bullet-wrap img {
    width: 26px
}

@media only screen and (min-width:768px) {

    #custom-smalcode .mobile,
    #custom-smalcode .panel-color-switch .mobile-gradient-bottom,
    #custom-smalcode .panel-color-switch .mobile-gradient-top {
        display: none
    }
}

#custom-smalcode .panel-state-of-art {
    text-align: center;
    padding-top: 120px;
    opacity: 1;
    will-change: opacity
}

#custom-smalcode .panel-state-of-art .main-img {
    margin-top: 150px
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-4 {
    top: 170vh;
    top: calc(var(--vh) * 170)
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-5 {
    top: 190vh;
    top: calc(var(--vh) * 190)
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-6 {
    top: 240vh;
    top: calc(var(--vh) * 240)
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-7 {
    top: 260vh;
    top: calc(var(--vh) * 260)
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-8 {
    top: 310vh;
    top: calc(var(--vh) * 310)
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-9 {
    top: 330vh;
    top: calc(var(--vh) * 330)
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-10 {
    top: 380vh;
    top: calc(var(--vh) * 380)
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-13,
#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-11 {
    top: 470vh;
    top: calc(var(--vh) * 470)
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-14 {
    top: 520vh;
    top: calc(var(--vh) * 520)
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-16 {
    top: 590vh;
    top: calc(var(--vh) * 590)
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-17 {
    top: 640vh;
    top: calc(var(--vh) * 640)
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-18 {
    top: 690vh;
    top: calc(var(--vh) * 690)
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-19,
#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-18 {
    top: 740vh;
    top: calc(var(--vh) * 740)
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-20,
#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-19 {
    top: 790vh;
    top: calc(var(--vh) * 790)
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-21 {
    top: 840vh;
    top: calc(var(--vh) * 840)
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-22 {
    top: 890vh;
    top: calc(var(--vh) * 890)
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-23 {
    top: 940vh;
    top: calc(var(--vh) * 940)
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-24 {
    top: 990vh;
    top: calc(var(--vh) * 990)
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-25 {
    top: 1040vh;
    top: calc(var(--vh) * 1040)
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-26 {
    top: 1090vh;
    top: calc(var(--vh) * 1090)
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-27 {
    top: 1140vh;
    top: calc(var(--vh) * 1140)
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-28 {
    top: 1190vh;
    top: calc(var(--vh) * 1190)
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-29 {
    top: 1240vh;
    top: calc(var(--vh) * 1240)
}

#custom-smalcode .a4100-panel-collection .pos-helper.pos-helper-30 {
    top: 1290vh;
    top: calc(var(--vh) * 1290)
}

#custom-smalcode .a4100-panel-collection .panel-fade-in {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    transform: translate(0, -50%);
    opacity: 1;
    will-change: opacity, transform;
    pointer-events: none
}

#custom-smalcode .a4100-panel-collection .panel-fade-in.fade-out {
    opacity: 0;
    transform: translate(0, -50%) translate(0, -100%);
    pointer-events: none
}

#custom-smalcode .a4100-panel-collection .panel-fade-in .panel-fade-in-title {
    will-change: opacity, transform;
    opacity: 0;
    pointer-events: none;
    transform: translate(0, 20vh);
    transform: translate(0, calc(var(--vh) * 20))
}

#custom-smalcode .a4100-panel-collection .panel-fade-in .panel-fade-in-text {
    will-change: opacity, transform;
    opacity: 0;
    pointer-events: none;
    transform: translate(0, 25vh);
    transform: translate(0, calc(var(--vh) * 25))
}

#custom-smalcode .a4100-panel-collection .panel-fade-in .panel-fade-in-text .nvidia-geforce-logo {
    width: 90px;
    margin-top: 20px
}

#custom-smalcode .a4100-panel-collection .panel-fade-in .panel-fade-in-img {
    will-change: opacity, transform;
    opacity: 0;
    pointer-events: none;
    transform: translate(0, 100%)
}

#custom-smalcode .a4100-panel-collection .panel-fade-in .panel-fade-in-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .3s ease-out;
    will-change: opacity
}

#custom-smalcode .a4100-panel-collection .panel-fade-in .panel-fade-in-img img:first-of-type {
    height: auto;
    position: relative
}

#custom-smalcode .a4100-panel-collection .panel-fade-in .panel-fade-btn {
    will-change: opacity, transform;
    opacity: 0;
    pointer-events: none;
    transform: translate(0, 30vh);
    transform: translate(0, calc(var(--vh) * 30));
    margin-top: 40px
}

#custom-smalcode .a4100-panel-collection .panel-fade-in .collapse-box-fade.active,
#custom-smalcode .a4100-panel-collection .panel-fade-in .panel-fade-btn.active,
#custom-smalcode.ratio-mobile .a4100-panel-collection .panel-fade-in .collapse-box-fade,
#custom-smalcode.ratio-mobile .a4100-panel-collection .panel-fade-in .panel-fade-btn,
#custom-smalcode.ratio-mobile .a4100-panel-collection .panel-fade-in .panel-fade-in-img,
#custom-smalcode.ratio-mobile .a4100-panel-collection .panel-fade-in .panel-fade-in-text,
#custom-smalcode.ratio-mobile .a4100-panel-collection .panel-fade-in .panel-fade-in-title {
    opacity: 1;
    pointer-events: all;
    transform: translate(0, 0)
}

#custom-smalcode .a4100-panel-collection .panel-fade-in .collapse-box-fade {
    will-change: opacity, transform;
    opacity: 0;
    pointer-events: none;
    transform: translate(0, 30vh);
    transform: translate(0, calc(var(--vh) * 30));
    margin-bottom: 40px
}

#custom-smalcode .a4100-panel-collection .panel-fade-in .collapse-box-wrap .collapse-box {
    padding-left: 25px;
    position: relative
}

#custom-smalcode .a4100-panel-collection .panel-fade-in .collapse-box-wrap .collapse-box:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: #fff;
    opacity: .3
}

#custom-smalcode .a4100-panel-collection .panel-fade-in .collapse-box-wrap .collapse-box .collapse-box-title {
    opacity: .3;
    color: #fff;
    transition: .3s ease-out;
    cursor: pointer
}

#custom-smalcode .a4100-panel-collection .panel-fade-in .collapse-box-wrap .collapse-box .collapse-box-text {
    margin-top: 10px
}

#custom-smalcode .a4100-panel-collection .panel-fade-in .collapse-box-wrap .collapse-box.active .collapse-box-title {
    opacity: 1;
    color: #ffbd02
}

#custom-smalcode .a4100-panel-collection .panel-fade-in .collapse-box-wrap .collapse-box.active:after {
    opacity: 1;
    background-color: #ffbd02
}

#custom-smalcode .a4100-panel-collection .panel-fade-in .plus-gold {
    position: absolute;
    width: 85px !important;
    height: auto !important;
    right: 0 !important;
    bottom: 23% !important;
    left: auto !important;
    top: auto !important;
    transform: translate(50%, 0)
}

#custom-smalcode .a4100-panel-collection .panel-fade-in .zero-rpm-img {
    position: absolute;
    width: 59% !important;
    height: auto !important;
    right: -10% !important;
    bottom: 0 !important;
    left: auto !important;
    top: auto !important
}

#custom-smalcode .a4100-panel-collection .panel-fade-in .zero-rpm-icon {
    margin-top: 35px;
    width: 144px
}

#custom-smalcode.ratio-mobile .a4100-panel-collection {
    margin-top: 0;
    padding-top: 50px
}

#custom-smalcode.ratio-mobile .a4100-panel-collection .sticky-layer {
    height: auto
}

#custom-smalcode.ratio-mobile .a4100-panel-collection .panel-fade-in {
    position: relative;
    left: 0;
    width: 100%;
    top: 0;
    transform: translate(0, 0);
    opacity: 1;
    pointer-events: all;
    padding-top: 100px
}

#custom-smalcode .panel-ces-full-screen-slider,
#custom-smalcode .panel-ces-virtuoso,
#custom-smalcode.ratio-mobile .a4100-panel-collection .panel-fade-in:first-of-type {
    padding-top: 50px
}

#custom-smalcode.ratio-mobile .a4100-panel-collection .panel-fade-in .headline {
    margin-top: 0;
    margin-bottom: 15px !important
}

#custom-smalcode.ratio-mobile .a4100-panel-collection .panel-fade-in .collapse-box-wrap {
    margin-top: 30px;
    padding-left: 16px;
    padding-right: 16px
}

#custom-smalcode.ratio-mobile .a4100-panel-collection .panel-fade-in .panel-fade-in-text {
    margin-top: 12px
}

#custom-smalcode.ratio-mobile .a4100-panel-collection .panel-fade-in .indicator-wrap {
    position: absolute;
    left: 30px;
    bottom: 15px;
    display: flex
}

#custom-smalcode.ratio-mobile .a4100-panel-collection .panel-fade-in .dot-indicator {
    width: 9px;
    height: 9px;
    border: 1px solid #d8d8d8;
    border-radius: 100%;
    margin-right: 13px
}

#custom-smalcode.ratio-mobile .a4100-panel-collection .panel-fade-in .dot-indicator.active {
    border: 2px solid #ffbd02
}

#custom-smalcode.ratio-mobile .a4100-panel-collection .panel-fade-in .plus-gold {
    transform: none
}

#custom-smalcode.ratio-mobile .a4100-panel-collection .panel-fade-in .zero-rpm-img {
    right: 0 !important
}

#custom-smalcode .panel-vengeance {
    text-align: center;
    padding-top: 120px
}

#custom-smalcode .panel-vengeance .big-image {
    margin-top: 85px
}

#custom-smalcode .panel-a4100-warranty {
    text-align: center;
    position: relative
}

#custom-smalcode .panel-a4100-warranty .warranty-badge {
    width: 178px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -102px
}

#custom-smalcode .panel-a4100-warranty .row-main-content {
    padding-top: 100px;
    padding-bottom: 150px
}

#custom-smalcode .panel-a4100-warranty .abs-left-img,
#custom-smalcode .panel-a4100-warranty .abs-right-img {
    position: absolute;
    bottom: 0;
    width: 20%;
    max-width: 250px
}

#custom-smalcode .cooling-sequence {
    position: absolute;
    top: 15%;
    left: 8%;
    width: 60%;
    z-index: 5;
    opacity: 0
}

#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-12 {
    top: 480vh;
    top: calc(var(--vh) * 480)
}

#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-13 {
    top: 530vh;
    top: calc(var(--vh) * 530)
}

#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-14 {
    top: 580vh;
    top: calc(var(--vh) * 580)
}

#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-15 {
    top: 630vh;
    top: calc(var(--vh) * 630)
}

#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-16 {
    top: 680vh;
    top: calc(var(--vh) * 680)
}

#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-17 {
    top: 730vh;
    top: calc(var(--vh) * 730)
}

#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-20 {
    top: 810vh;
    top: calc(var(--vh) * 810)
}

#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-21 {
    top: 860vh;
    top: calc(var(--vh) * 860)
}

#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-22 {
    top: 910vh;
    top: calc(var(--vh) * 910)
}

#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-23 {
    top: 960vh;
    top: calc(var(--vh) * 960)
}

#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-24 {
    top: 1010vh;
    top: calc(var(--vh) * 1010)
}

#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-25 {
    top: 1060vh;
    top: calc(var(--vh) * 1060)
}

#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-26 {
    top: 1110vh;
    top: calc(var(--vh) * 1110)
}

#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-27 {
    top: 1160vh;
    top: calc(var(--vh) * 1160)
}

#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-28 {
    top: 1210vh;
    top: calc(var(--vh) * 1210)
}

#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-29 {
    top: 1260vh;
    top: calc(var(--vh) * 1260)
}

#custom-smalcode .nexus-panel-collection .pos-helper.pos-helper-30 {
    top: 1310vh;
    top: calc(var(--vh) * 1310)
}

#custom-smalcode .panel-hero-fullscreen {
    will-change: transform, opacity;
    transform: translate3d(0, 0, 0);
    opacity: 1
}

#custom-smalcode .panel-hero-fullscreen.fade-out {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
    pointer-events: none
}

#custom-smalcode .influencer-bg-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    will-change: opacity
}

#custom-smalcode .influencer-text {
    position: absolute;
    top: 10%;
    left: 0;
    width: 100%;
    text-align: center;
    opacity: 0;
    transform: translate3d(0, 50px, 0);
    will-change: opacity, transform
}

#custom-smalcode .command-touch-text.active,
#custom-smalcode .gallery-outer-wrap.active,
#custom-smalcode .in-touch-text.active,
#custom-smalcode .influencer-text.active,
#custom-smalcode .makro-image-1.active,
#custom-smalcode .makro-image-2.active,
#custom-smalcode .makro-image-3.active,
#custom-smalcode .total-control-text.active {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

#custom-smalcode .influencer-slider {
    position: absolute;
    bottom: calc(5vh + 40px + 12.365vw);
    left: 50%;
    width: 50%;
    transform: translate3d(-50%, 0, 0) translate3d(0, 20vh, 0);
    opacity: 0;
    will-change: opacity, transform;
    pointer-events: none
}

#custom-smalcode .influencer-slider.active {
    transform: translate3d(-50%, 0, 0) translate3d(0, 0, 0);
    opacity: 1;
    pointer-events: all
}

#custom-smalcode .influencer-slider .slide-ele {
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer
}

#custom-smalcode .influencer-slider .slide-ele .inner-slider-ele {
    width: 100px;
    height: 100px;
    transform: scale(.75);
    transition: .3s ease-out;
    border-radius: 100%;
    opacity: .35;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

#custom-smalcode .influencer-slider .slide-ele .inner-slider-ele .overlay {
    border-radius: 100%;
    background-color: #2465e9;
    opacity: .35;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: .3s ease-out;
    z-index: 10
}

#custom-smalcode .influencer-slider img {
    width: 100%;
    position: relative;
    z-index: 5
}

#custom-smalcode .influencer-slider .progressbar-container {
    position: absolute;
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    left: -8px;
    top: -8px
}

#custom-smalcode .influencer-slider .slick-arrow {
    background-size: contain;
    width: 15px !important;
    height: 27px !important;
    position: absolute;
    appearance: none;
    font-size: 0;
    color: transparent;
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    top: 50%;
    z-index: 50;
    transform: translate3d(0, -50%, 0)
}

#custom-smalcode .influencer-slider .slick-arrow.slick-prev {
    background-image: url("//res.cloudinary.com/corsair-pwa/image/upload/f_auto,q_auto/akamai/smal/img/nexus/02_Influencer-Panel/symbols-arrow_left.png");
    left: -40px;
    transform: translate3d(0, -50%, 0)
}

#custom-smalcode .influencer-slider .slick-arrow.slick-next {
    background-image: url("//res.cloudinary.com/corsair-pwa/image/upload/f_auto,q_auto/akamai/smal/img/nexus/02_Influencer-Panel/symbols-arrow_right.png");
    right: -40px;
    transform: translate3d(0, -50%, 0)
}

#custom-smalcode.ratio-mobile .influencer-slider {
    bottom: calc(5vh + 40px + 20vw)
}

#custom-smalcode .command-touch-text,
#custom-smalcode .in-touch-text,
#custom-smalcode .total-control-text {
    position: absolute;
    top: 10%;
    left: 0;
    width: 100%;
    text-align: center;
    opacity: 0;
    transform: translate3d(0, 50px, 0);
    will-change: opacity, transform;
    pointer-events: none
}

#custom-smalcode .command-touch-text.fade-out,
#custom-smalcode .in-touch-text.fade-out,
#custom-smalcode .makro-image-1.fade-out,
#custom-smalcode .makro-image-2.fade-out,
#custom-smalcode .makro-image-3.fade-out,
#custom-smalcode .total-control-text.fade-out {
    opacity: 0;
    transform: translate3d(0, -50px, 0)
}

#custom-smalcode .in-touch-image {
    position: absolute;
    bottom: 38%;
    left: 50%;
    width: 62%;
    transform: translate3d(-50%, 0, 0) translate3d(0, 50px, 0);
    opacity: 0;
    will-change: opacity, transform;
    pointer-events: none
}

#custom-smalcode .in-touch-image.active {
    opacity: 1;
    transform: translate3d(-50%, 0, 0) translate3d(0, 0, 0)
}

#custom-smalcode .in-touch-image.fade-out {
    opacity: 0;
    transform: translate3d(-50%, 0, 0) translate3d(0, -50px, 0)
}

#custom-smalcode.ratio-mobile .in-touch-image {
    width: 120%
}

#custom-smalcode .makro-image-lines {
    position: absolute;
    bottom: 19vh;
    width: 70%;
    left: 15.5%
}

#custom-smalcode .makro-image-1 {
    position: absolute;
    bottom: 37vh;
    width: 41%;
    left: 1%
}

#custom-smalcode .makro-image-2 {
    position: absolute;
    bottom: 51vh;
    width: 46%;
    left: 28%
}

#custom-smalcode .makro-image-3 {
    position: absolute;
    bottom: 34vh;
    width: 42.5%;
    left: 56%
}

#custom-smalcode .makro-image-lines,
#custom-smalcode .makro-line-text {
    opacity: 0;
    will-change: opacity;
    pointer-events: none
}

#custom-smalcode .makro-image-1,
#custom-smalcode .makro-image-2,
#custom-smalcode .makro-image-3 {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
    will-change: opacity, transform;
    pointer-events: none
}

#custom-smalcode .makro-image-1 .inner-title,
#custom-smalcode .makro-image-2 .inner-title,
#custom-smalcode .makro-image-3 .inner-title {
    position: absolute;
    top: -15px;
    left: 0;
    transform: translate3d(0, -100%, 0);
    text-transform: uppercase
}

#custom-smalcode .makro-image-3 .inner-title {
    left: auto;
    right: 0
}

#custom-smalcode .makro-line-text {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: Saira, sans-serif;
    font-weight: 400;
    position: absolute;
    width: 100%;
    max-width: 420px;
    left: 40%;
    bottom: 20vh
}

#custom-smalcode .monitor-wrap,
#custom-smalcode .nexus-device-wrap {
    left: 50%;
    position: absolute;
    will-change: opacity, transform;
    pointer-events: none
}

#custom-smalcode.below-16-8 .makro-image-lines,
#custom-smalcode.below-16-9 .makro-line-text {
    bottom: 22vh
}

#custom-smalcode.below-16-8 .makro-line-text {
    bottom: 25vh
}

#custom-smalcode.below-16-8 .makro-image-1 {
    bottom: 39vh
}

#custom-smalcode.below-16-8 .makro-image-3 {
    bottom: 38vh
}

#custom-smalcode.ratio-mobile .makro-image-lines {
    bottom: 14vh
}

#custom-smalcode.ratio-mobile .makro-image-1 {
    bottom: 29vh;
    width: 50%
}

#custom-smalcode.ratio-mobile .makro-image-2 {
    bottom: 48vh;
    width: 70%;
    left: 15%
}

#custom-smalcode.ratio-mobile .makro-image-3 {
    bottom: 26vh;
    width: 41.5%;
    right: 1%;
    left: auto
}

#custom-smalcode.ratio-mobile .makro-image-1 .inner-title,
#custom-smalcode.ratio-mobile .makro-image-2 .inner-title,
#custom-smalcode.ratio-mobile .makro-image-3 .inner-title {
    top: -5px
}

#custom-smalcode.ratio-mobile .makro-line-text {
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    max-width: 170px;
    left: 32%;
    bottom: 12vh
}

#custom-smalcode .monitor-wrap {
    bottom: 9vw;
    width: 140%;
    transform: translate3d(-50%, 0, 0);
    opacity: 0
}

#custom-smalcode .monitor-wrap.active {
    opacity: 1;
    transform: translate3d(-50%, 0, 0) scale(.85) translate3d(0, 18vw, 0)
}

#custom-smalcode .monitor-wrap.position-1 {
    transform: translate3d(-50%, 0, 0) scale(.346) translate3d(0, 80vw, 0)
}

#custom-smalcode .monitor-wrap .gameplay {
    position: absolute;
    top: 1%;
    left: .75%;
    width: 98.5%;
    display: block;
    opacity: 0;
    will-change: opacity, transform;
    transform: translate3d(0, 0, 0)
}

#custom-smalcode .monitor-wrap .gameplay.fade-out {
    transform: translate3d(0, -290vh, 0)
}

#custom-smalcode.ratio-mobile .monitor-wrap {
    width: 280%
}

#custom-smalcode.ratio-mobile .monitor-wrap.position-1 {
    transform: translate3d(-50%, 0, 0) scale(.263) translate3d(0, 238vw, 0)
}

#custom-smalcode.ratio-mobile .monitor-wrap .gameplay.fade-out {
    transform: translate3d(0, -380vh, 0)
}

#custom-smalcode .nexus-device-wrap {
    bottom: 0;
    transform: translate3d(-50%, 0, 0) translate3d(0, 15vh, 0);
    width: 50%;
    opacity: 0
}

#custom-smalcode .nexus-device-wrap.position-1 {
    transform: translate3d(-50%, 0, 0) translate3d(0, -5vh, 0);
    opacity: 1
}

#custom-smalcode .nexus-device-wrap.position-2 {
    transform: translate3d(-50%, 0, 0) translate3d(0, 0, 0) scale(.85)
}

#custom-smalcode .nexus-device-wrap.position-3 {
    transform: translate3d(-50%, 0, 0) translate3d(0, -6.1vw, 0) scale(.282)
}

#custom-smalcode .nexus-device-wrap .influencer-videos-wrap,
#custom-smalcode .nexus-device-wrap .second-section-bar,
#custom-smalcode .nexus-ready-for-action .overlay-content {
    position: absolute;
    top: 21%;
    left: 9%;
    width: 83%
}

#custom-smalcode .nexus-device-wrap .influencer-videos-wrap .video-ele {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none
}

#custom-smalcode .nexus-device-wrap .influencer-videos-wrap video,
#custom-smalcode .scene-wrap .setup-wrap video {
    display: block;
    width: 100%
}

#custom-smalcode .nexus-device-wrap .second-section-bar {
    overflow: hidden;
    opacity: 0;
    will-change: opacity
}

#custom-smalcode .nexus-device-wrap .second-section-bar .inner-bar-wrap {
    font-size: 0;
    white-space: nowrap
}

#custom-smalcode .gallery-outer-wrap .gallery-inner-wrap.position-1,
#custom-smalcode .nexus-device-wrap .second-section-bar .inner-bar-wrap.position-1 {
    transform: translate3d(-100%, 0, 0)
}

#custom-smalcode .gallery-outer-wrap .gallery-inner-wrap.position-2,
#custom-smalcode .nexus-device-wrap .second-section-bar .inner-bar-wrap.position-2 {
    transform: translate3d(-200%, 0, 0)
}

#custom-smalcode .gallery-outer-wrap .gallery-inner-wrap.position-3,
#custom-smalcode .nexus-device-wrap .second-section-bar .inner-bar-wrap.position-3 {
    transform: translate3d(-300%, 0, 0)
}

#custom-smalcode .nexus-device-wrap .second-section-bar .inner-bar {
    display: inline-block;
    position: relative
}

#custom-smalcode .nexus-device-wrap .keyboard-wrap {
    position: absolute;
    top: 59%;
    width: 320%;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    opacity: 0;
    will-change: opacity
}

#custom-smalcode .nexus-device-wrap .keyboard-wrap.active {
    opacity: 1;
    transform: translate3d(-50%, 0, 0)
}

@-webkit-keyframes nexus-pulse-animation {
    0% {
        transform: scale(0);
        opacity: 1
    }

    100% {
        transform: scale(1.8);
        opacity: 0
    }
}

@keyframes nexus-pulse-animation {
    0% {
        transform: scale(0);
        opacity: 1
    }

    100% {
        transform: scale(1.8);
        opacity: 0
    }
}

#custom-smalcode.ratio-mobile .last-scene-control-wrap,
#custom-smalcode.ratio-mobile .nexus-device-wrap {
    width: 90%
}

#custom-smalcode.ratio-mobile .nexus-device-wrap.position-3 {
    transform: translate3d(-50%, 0, 0) translate3d(0, -7.2vw, 0) scale(.232) translate3d(0, 0, 0)
}

#custom-smalcode .scene-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    will-change: opacity, transform;
    transform: scale(1.4) translate3d(0, -15%, 0);
    transform-origin: center top;
    opacity: 0;
    pointer-events: none
}

#custom-smalcode .scene-wrap.fade-out,
#custom-smalcode.ratio-mobile .scene-wrap.fade-out {
    transform: scale(1) translate3d(0, -100vh, 0)
}

#custom-smalcode .scene-wrap .setup-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    will-change: opacity
}

#custom-smalcode .scene-wrap .setup-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background-image: linear-gradient(180deg, #0f0f0f 0, rgba(38, 39, 44, 0) 100%)
}

#custom-smalcode .scene-wrap:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100vh;
    left: 0;
    bottom: 0;
    background-color: #0f0f0f;
    z-index: -1
}

#custom-smalcode.ratio-mobile .scene-wrap {
    left: -25%;
    width: 150%;
    transform: scale(2) translate3d(3%, -35%, 0)
}

#custom-smalcode .hotspot-animation {
    width: 4%;
    position: absolute;
    top: 50%;
    left: 13%;
    transform: translate3d(0, -50%, 0);
    opacity: 1;
    will-change: opacity
}

#custom-smalcode .hotspot-animation .ratio-wrap {
    padding-bottom: 100%;
    height: 0
}

#custom-smalcode .hotspot-animation .circle {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 2px solid #fff;
    border-radius: 100%;
    -webkit-animation: 2s infinite nexus-pulse-animation;
    animation: 2s infinite nexus-pulse-animation
}

#custom-smalcode .hotspot-animation .circle:nth-child(2) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

#custom-smalcode .clickable-hotspot-area {
    position: absolute;
    top: 0;
    height: 100%;
    cursor: pointer;
    pointer-events: all
}

#custom-smalcode .clickable-hotspot-area.hotspot-area-macro-screen {
    left: 0;
    width: 33%
}

#custom-smalcode .clickable-hotspot-area.hotspot-area-scene-wrap {
    left: 33%;
    width: 17%
}

#custom-smalcode .last-scene-control-wrap {
    position: absolute;
    bottom: 25px;
    left: 50%;
    width: 50%;
    transform: translate3d(-50%, 0, 0) scale(.7) translate3d(0, -6vw, 0);
    opacity: 0;
    will-change: opacity, transform;
    pointer-events: none
}

#custom-smalcode .last-scene-control-wrap.active {
    transform: translate3d(-50%, 0, 0);
    opacity: 1
}

#custom-smalcode .last-scene-control-wrap.fade-out {
    transform: translate3d(-50%, 0, 0) translate3d(0, -100vh, 0)
}

#custom-smalcode .last-scene-control-wrap .hotspot-animation {
    left: 39.5%
}

#custom-smalcode .last-scene-control-wrap.active .clickable-hotspot-area {
    pointer-events: all
}

#custom-smalcode .gallery-outer-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    will-change: opacity, transform;
    opacity: 0;
    transform: translate3d(50%, 0, 0);
    pointer-events: none
}

#custom-smalcode .gallery-outer-wrap .gallery-inner-wrap {
    position: relative;
    height: 100%;
    font-size: 0;
    white-space: nowrap;
    will-change: transform;
    transform: translate3d(0, 0, 0)
}

#custom-smalcode .gallery-outer-wrap .gallery-inner-wrap.position-4 {
    transform: translate3d(-400%, 0, 0)
}

#custom-smalcode .gallery-outer-wrap .gallery-item {
    position: relative;
    height: 100%;
    width: 100vw;
    display: inline-block
}

#custom-smalcode .gallery-outer-wrap .gallery-item .inner-image {
    position: absolute;
    width: calc(100% - 120px);
    height: calc(100% - 200px);
    left: 50%;
    top: 60px;
    transform: translate3d(-50%, 0, 0);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

#custom-smalcode .gallery-outer-wrap .slick-dots {
    text-align: center;
    display: inline-flex;
    align-items: center;
    position: absolute;
    left: 50%;
    bottom: 80px;
    transform: translate3d(-50%, 0, 0);
    pointer-events: none;
    width: auto
}

#custom-smalcode .gallery-outer-wrap .slick-dots li {
    display: block;
    height: 12px;
    width: 80px;
    position: relative;
    cursor: pointer;
    margin-left: 9px;
    margin-right: 9px
}

#custom-smalcode .gallery-outer-wrap .slick-dots li button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 0;
    color: transparent;
    outline: 0;
    border: 0;
    padding: 0;
    width: 100%;
    height: 2px;
    background-color: #787878;
    cursor: pointer
}

#custom-smalcode .gallery-outer-wrap .slick-dots li button.slick-active,
#custom-smalcode .nexus-get-started .slick-dots li.slick-active button,
#custom-smalcode .nexus-ready-for-action .slick-dots li.slick-active button {
    background-color: #fff;
    height: 2px
}

#custom-smalcode.ratio-mobile .gallery-outer-wrap .gallery-item .inner-image {
    width: calc(100% - 60px);
    height: calc(100% - 130px);
    top: 30px
}

#custom-smalcode.ratio-mobile .gallery-outer-wrap .slick-dots {
    bottom: 50px;
    width: 80%
}

#custom-smalcode.ratio-mobile .gallery-outer-wrap .slick-dots li {
    width: 25%;
    margin-left: 5px;
    margin-right: 5px
}

#custom-smalcode .nexus-ready-for-action {
    padding-top: 160px;
    padding-bottom: 160px;
    text-align: center;
    overflow: hidden
}

#custom-smalcode .nexus-get-started,
#custom-smalcode .nexus-icue-keyboard {
    padding-top: 130px;
    padding-bottom: 130px;
    overflow: hidden
}

#custom-smalcode .nexus-ready-for-action .device-outer-wrap {
    margin-top: 100px;
    margin-bottom: 60px;
    position: relative
}

#custom-smalcode .nexus-ready-for-action .overlay-content .changing-img {
    display: none;
    position: absolute;
    top: 0;
    left: 0
}

#custom-smalcode .nexus-ready-for-action .additional-image {
    position: absolute;
    top: 100%;
    right: -10%;
    width: 30%;
    display: none
}

#custom-smalcode .nexus-ready-for-action .style-h4-2 {
    margin-bottom: 15px;
    text-transform: uppercase
}

#custom-smalcode .nexus-ready-for-action .slick-dots {
    text-align: center;
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: 60px;
    bottom: 0;
    position: relative
}

#custom-smalcode .nexus-get-started .slick-dots li,
#custom-smalcode .nexus-ready-for-action .slick-dots li {
    display: block;
    height: 12px;
    width: 100%;
    position: relative;
    cursor: pointer
}

#custom-smalcode .nexus-get-started .slick-dots li button,
#custom-smalcode .nexus-ready-for-action .slick-dots li button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 0;
    color: transparent;
    outline: 0;
    border: 0;
    padding: 0;
    width: 100%;
    height: 2px;
    background-color: #787878;
    transition: .2s ease-out;
    cursor: pointer
}

#custom-smalcode .nexus-get-started .slick-arrow,
#custom-smalcode .nexus-ready-for-action .slick-arrow {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px !important;
    height: 16px !important;
    cursor: pointer;
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 0;
    color: transparent;
    background-color: transparent;
    outline: 0;
    border: 0;
    padding: 0;
    margin: 0;
    bottom: -1px;
    z-index: 50;
    opacity: 1;
    top: auto
}

#custom-smalcode .nexus-get-started .slick-arrow.slick-prev,
#custom-smalcode .nexus-ready-for-action .slick-arrow.slick-prev {
    background-image: url("//res.cloudinary.com/corsair-pwa/image/upload/f_auto,q_auto/akamai/smal/img/nexus/07_Ready_Action/arrow-left.png");
    left: -18px;
    transform: translate3d(-100%, 0, 0)
}

#custom-smalcode .nexus-get-started .slick-arrow.slick-next,
#custom-smalcode .nexus-ready-for-action .slick-arrow.slick-next {
    background-image: url("//res.cloudinary.com/corsair-pwa/image/upload/f_auto,q_auto/akamai/smal/img/nexus/07_Ready_Action/arrow-right.png");
    right: -18px;
    transform: translate3d(100%, 0, 0)
}

#custom-smalcode .nexus-icue-keyboard {
    text-align: center;
    background-color: #141414
}

#custom-smalcode .nexus-icue-keyboard .slider-wrap {
    text-align: left;
    margin-top: 80px;
    display: flex;
    width: 80%
}

#custom-smalcode .nexus-icue-keyboard .slider-wrap .navi-item {
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    transition: .2s ease-out;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #fff;
    white-space: nowrap
}

#custom-smalcode .nexus-icue-keyboard .slider-wrap .navi-item:last-of-type {
    border-bottom: none
}

#custom-smalcode .nexus-icue-keyboard .slider-image-wrap {
    margin-left: 100px;
    position: relative;
    width: 100%
}

#custom-smalcode .nexus-icue-keyboard .slider-image-wrap .ratio-wrap {
    padding-bottom: 33%
}

#custom-smalcode .nexus-icue-keyboard .slider-image-wrap .slide-ele {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translate3d(0, -50%, 0);
    display: none
}

#custom-smalcode .nexus-get-started .slider-navigation-wrap {
    position: relative;
    width: 40%;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto
}

#custom-smalcode .nexus-get-started .nexus-get-started-slider .slide-ele {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 20px;
    margin-right: 20px
}

#custom-smalcode .nexus-get-started .nexus-get-started-slider .slide-ele .bottom-title {
    position: absolute;
    bottom: 25px;
    left: 0;
    padding-left: 25px;
    padding-right: 25px
}

#custom-smalcode .nexus-get-started .nexus-get-started-slider .slide-ele .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 25px;
    cursor: pointer
}

#custom-smalcode .nexus-get-started .slick-dots {
    text-align: center;
    display: flex;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    margin-top: 60px;
    bottom: 0;
    position: relative
}

@media only screen and (max-width:1299px) {

    #custom-smalcode .panel-a4100-warranty .abs-left-img,
    #custom-smalcode .panel-a4100-warranty .abs-right-img {
        width: 15%
    }

    #custom-smalcode .nexus-get-started,
    #custom-smalcode .nexus-icue-keyboard,
    #custom-smalcode .nexus-ready-for-action {
        padding-top: 70px;
        padding-bottom: 70px
    }

    #custom-smalcode .nexus-ready-for-action .device-outer-wrap {
        margin-top: 70px;
        margin-bottom: 50px
    }

    #custom-smalcode .nexus-ready-for-action .slick-dots {
        margin-top: 30px
    }

    #custom-smalcode .nexus-get-started .nexus-get-started-slider {
        margin-top: 50px
    }
}

#custom-smalcode .panel-ces-sub-hero {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 20%;
    padding-bottom: 160px;
    text-align: center
}

#custom-smalcode .panel-ces-sub-hero .logo {
    width: 313px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px
}

#custom-smalcode .panel-ces-sub-hero .title {
    margin-top: 30px;
    margin-bottom: 60px
}

#custom-smalcode .panel-ces-3-grid {
    padding-top: 10%;
    padding-bottom: 10%
}

#custom-smalcode .panel-ces-3-grid .bottom-title {
    margin-top: 30px;
    margin-bottom: 100px
}

#custom-smalcode .panel-ces-3-grid .icue-logo {
    width: 260px;
    margin: 0 auto
}

#custom-smalcode .panel-ces-3-grid .element-box .style-h5-2,
#custom-smalcode .panel-ces-full-screen-slider .slide-element .style-h5-2,
#custom-smalcode .panel-ces-virtuoso .slide-element .style-h5-2,
#custom-smalcode .panel-origin-big-o .row-content .style-h5-2 {
    text-transform: uppercase
}

#custom-smalcode .panel-ces-3-grid .element-box .style-h5-2 .icue {
    text-transform: none
}

#custom-smalcode .panel-ces-3-grid .element-box .inner-box {
    position: relative;
    height: 100%;
    padding: 15px 15px 120px;
    background-color: rgba(2, 8, 10, .7)
}

#custom-smalcode .panel-ces-3-grid .element-box .cta-dotted-yellow {
    display: block;
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: calc(100% - 30px)
}

#custom-smalcode .panel-ces-3-grid .element-box .image-wrap .ratio-wrap {
    padding-bottom: 102%;
    overflow: hidden
}

#custom-smalcode .panel-ces-3-grid .element-box .image-wrap .bg-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transform: scale(1.5);
    transition: transform .6s ease-out
}

#custom-smalcode .panel-ces-3-grid .element-box .subtitle,
#custom-smalcode .panel-ces-3-grid.without-subheadline h5,
#custom-smalcode .panel-ces-full-screen-slider .slide-element .inner-subtitle,
#custom-smalcode .panel-ces-virtuoso .slide-element .inner-subtitle,
#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-3 .content-wrap .style-h5 {
    margin-bottom: 15px
}

#custom-smalcode .panel-ces-3-grid .slick-dots {
    text-align: center;
    margin: 30px 0
}

#custom-smalcode .panel-ces-3-grid .slick-dots li {
    display: inline-block;
    height: 2px;
    width: 50px;
    background-color: #fed400;
    opacity: .3;
    overflow: hidden
}

#custom-smalcode .panel-ces-full-screen-slider .slide-element {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}

#custom-smalcode .panel-ces-full-screen-slider .slide-element .ratio-wrap,
#custom-smalcode .panel-ces-virtuoso .slide-element .ratio-wrap {
    padding-bottom: 0;
    height: 35vw;
    min-height: 600px;
    overflow: hidden
}

#custom-smalcode .panel-ces-full-screen-slider .slide-element .text-layer li:before {
    content: "-";
    padding-right: 10px
}

#custom-smalcode .panel-ces-full-screen-slider .slide-element .text-layer p {
    margin: 30px 0
}

#custom-smalcode .panel-ces-full-screen-slider .slide-element .bottom-wrap {
    margin-top: 70px;
    text-align: right
}

#custom-smalcode .panel-ces-full-screen-slider .slide-element .bottom-wrap .cta-dotted-yellow,
#custom-smalcode .panel-ces-virtuoso .slide-element .bottom-wrap .cta-dotted-yellow {
    display: block;
    width: 180px
}

#custom-smalcode .panel-ces-full-screen-slider .slide-element.text-left-image-right .image-layer {
    left: 33%
}

#custom-smalcode .ces-slider-pagination .left-number,
#custom-smalcode .ces-slider-pagination .right-number {
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
    font-family: Saira, sans-serif;
    font-weight: 300;
    text-transform: uppercase
}

#custom-smalcode .ces-slider-pagination .left-number {
    padding-right: 10px
}

#custom-smalcode .ces-slider-pagination .right-number {
    padding-left: 10px
}

#custom-smalcode .ces-slider-pagination .line-wrap {
    display: flex;
    align-items: center;
    width: 100%
}

#custom-smalcode .ces-slider-pagination .line-wrap .line {
    width: 100%;
    height: 14px;
    opacity: .3;
    transition: .2s ease-out;
    cursor: pointer;
    position: relative
}

#custom-smalcode .ces-slider-pagination .line-wrap .line:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    background-color: #fed400;
    height: 2px;
    transform: translate(0, -50%)
}

#custom-smalcode .panel-hero-parallax {
    height: 100vh;
    position: relative;
    perspective: 1000;
    transform-style: flat;
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

#custom-smalcode .panel-hero-parallax .over-flow-hidden,
#custom-smalcode.one-pro .panel-minimize .bg-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden
}

#custom-smalcode .panel-hero-parallax * {
    transform-style: flat;
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

#custom-smalcode .panel-hero-parallax:after {
    content: "";
    position: absolute;
    bottom: -16%;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(rgba(10, 19, 26, 0) 0, #0a131a 50%, rgba(10, 19, 26, 0) 100%);
    z-index: 5
}

#custom-smalcode .panel-hero-parallax .ces-logo,
#custom-smalcode .panel-hero-parallax .logos-wrap,
#custom-smalcode .panel-hero-parallax .title {
    z-index: 10
}

#custom-smalcode .panel-hero-parallax .bg-layer {
    position: absolute;
    width: 110%;
    height: 110%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

#custom-smalcode .panel-hero-parallax .logos-wrap {
    position: absolute;
    width: 25%;
    top: 10%;
    left: calc(45% + 225px);
    transform: translateY(10%);
    opacity: 0;
    transition: transform .4s ease-out .5s, opacity .4s ease-out .5s
}

#custom-smalcode .panel-hero-parallax .logos-wrap .ratio-wrap {
    padding-bottom: 158%
}

#custom-smalcode .panel-hero-parallax .ces-logo {
    width: 16.598%;
    position: absolute;
    top: 10%;
    left: calc(33.4% - 225px)
}

#custom-smalcode .panel-hero-parallax .ces-logo img {
    width: 100%;
    transform: translateY(10%);
    opacity: 0;
    transition: transform .4s ease-out, opacity .4s ease-out
}

#custom-smalcode .panel-hero-parallax .corsair-logo {
    position: absolute;
    width: 46%;
    left: 30%;
    top: 0
}

#custom-smalcode .panel-hero-parallax .elgato-logo {
    position: absolute;
    top: 39%;
    left: 0;
    width: 39%
}

#custom-smalcode .panel-hero-parallax .origin-logo {
    position: absolute;
    width: 34.5%;
    left: 35.5%;
    top: 54.5%
}

#custom-smalcode .panel-hero-parallax .scuf-logo {
    position: absolute;
    left: 70%;
    width: 31%;
    top: 66%
}

#custom-smalcode .panel-hero-parallax .title {
    position: absolute;
    top: 50%;
    left: 48%;
    white-space: nowrap;
    transform: translateX(0) translateY(0) rotateY(0) rotateX(0) translateZ(1px)
}

#custom-smalcode .panel-hero-parallax .title .inner-title {
    transform: translate(-50%, -50%) rotate(0) rotateX(34deg) rotateY(54deg) rotateZ(-2deg);
    text-transform: uppercase;
    font-family: Saira, sans-serif;
    font-size: 90px;
    line-height: 90px;
    letter-spacing: -1px;
    font-weight: 100
}

#custom-smalcode .panel-hero-parallax .title .inner-title span {
    display: inline-block;
    transform: translateY(10%);
    opacity: 0;
    transition: transform .4s ease-out .25s, opacity .4s ease-out .25s
}

#custom-smalcode .panel-hero-parallax.init .ces-logo img,
#custom-smalcode .panel-hero-parallax.init .logos-wrap,
#custom-smalcode .panel-hero-parallax.init .title .inner-title span {
    transform: translateY(0);
    opacity: 1
}

#custom-smalcode .panel-hero-parallax .explore-wrap {
    width: 150px;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 20;
    margin-left: -75px;
    cursor: pointer
}

#custom-smalcode .panel-hero-parallax .explore-wrap .dot {
    width: 14px;
    height: 14px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%, 0) rotate(135deg);
    opacity: 1;
    transition: .5s ease-out
}

#custom-smalcode .panel-hero-parallax .explore-wrap .dot.active {
    transform: translate(-50%, 80px) rotate(135deg);
    opacity: 0
}

#custom-smalcode .panel-hero-parallax .explore-wrap .dot.active-top {
    transform: translate(-50%, 0) rotate(135deg);
    opacity: 0
}

#custom-smalcode .panel-hero-parallax .explore-wrap .explore-title {
    font-size: 16px;
    text-transform: uppercase;
    font-family: Saira, sans-serif;
    font-weight: 400;
    position: absolute;
    bottom: 35%;
    left: 0;
    width: 100%;
    text-align: center;
    opacity: 1;
    transform: translate(0, 0);
    transition: .5s ease-out
}

#custom-smalcode .panel-hero-parallax .explore-wrap .explore-title.active {
    transform: translate(0, 40px);
    opacity: 0
}

#custom-smalcode .panel-hero-parallax .explore-wrap .explore-title.active-top {
    transform: translate(0, 0);
    opacity: 0
}

@media only screen and (max-width:349px) {
    #custom-smalcode .panel-hero-parallax .title {
        top: auto;
        bottom: 10%
    }

    #custom-smalcode .panel-hero-parallax .title .inner-title {
        font-size: 50px;
        line-height: 50px
    }
}

@media only screen and (min-width:350px) and (max-width:767px) {
    #custom-smalcode .panel-hero-parallax .title {
        top: auto;
        bottom: 5%
    }

    #custom-smalcode .panel-hero-parallax .title .inner-title {
        font-size: 70px;
        line-height: 70px
    }
}

#custom-smalcode .panel-ces-virtuoso .slide-element {
    position: relative;
    padding-top: 115px;
    padding-bottom: 115px
}

#custom-smalcode .panel-ces-virtuoso .slide-element .bottom-wrap {
    margin-top: 30px;
    display: flex;
    align-items: flex-end
}

#custom-smalcode .panel-ces-virtuoso .slide-element .bottom-wrap .left-wrap {
    width: 100%;
    padding-right: 60px
}

#custom-smalcode .panel-ces-virtuoso .slide-element .bottom-wrap .right-wrap {
    width: 180px
}

#custom-smalcode .panel-ces-virtuoso .slide-element .bottom-wrap .ces-innovation {
    width: 107px
}

@media screen and (max-width:767px) {
    #custom-smalcode .panel-faster-game-render-encode .element-image-mask {
        margin-top: 25px;
        margin-bottom: 90px
    }

    #custom-smalcode .panel-ces-3-grid .bottom-title {
        margin-bottom: 60px
    }

    #custom-smalcode .panel-ces-3-grid .icue-logo {
        width: 200px
    }

    #custom-smalcode .panel-ces-3-grid .col-8 .seperator {
        margin-bottom: 80px
    }

    #custom-smalcode .panel-ces-3-grid .element-box {
        padding-left: 24px;
        padding-right: 24px
    }

    #custom-smalcode .panel-ces-3-grid .element-box .style-h5-2,
    #custom-smalcode .panel-ces-full-screen-slider .slide-element .style-h5-2,
    #custom-smalcode .panel-ces-virtuoso .slide-element .style-h5-2 {
        margin: 5% 0 0;
        font-size: 40px;
        line-height: 1.3em
    }

    #custom-smalcode .panel-ces-3-grid .element-box .style-h6-2,
    #custom-smalcode .panel-ces-full-screen-slider .slide-element .style-h6-2,
    #custom-smalcode .panel-ces-virtuoso .slide-element .style-h6-2 {
        font-size: 28px;
        line-height: 1.3em;
        margin-top: 0
    }

    #custom-smalcode .panel-ces-3-grid .element-box .body-p2 {
        margin-top: 15px
    }

    #custom-smalcode .panel-ces-3-grid .element-box .image-wrap {
        margin-bottom: 20px
    }

    #custom-smalcode .panel-ces-full-screen-slider {
        padding-top: 0
    }

    #custom-smalcode .panel-ces-full-screen-slider.panel-fam-elgato {
        padding-bottom: 20%
    }

    #custom-smalcode .panel-ces-full-screen-slider .seperator,
    #custom-smalcode .panel-ces-virtuoso .seperator {
        display: none
    }

    #custom-smalcode .panel-ces-full-screen-slider .slide-element {
        background-color: rgba(2, 8, 10, .7);
        padding-bottom: 10%
    }

    #custom-smalcode .panel-ces-full-screen-slider .slide-element .ratio-wrap,
    #custom-smalcode .panel-ces-virtuoso .slide-element .ratio-wrap {
        height: auto;
        min-height: auto
    }

    #custom-smalcode .panel-ces-full-screen-slider .slide-element .ratio-wrap .abs-wrap,
    #custom-smalcode .panel-ces-virtuoso .slide-element .ratio-wrap .abs-wrap {
        position: static
    }

    #custom-smalcode .panel-ces-full-screen-slider .slide-element .text-layer p {
        margin: 15px 0
    }

    #custom-smalcode .panel-ces-full-screen-slider .slide-element .bottom-wrap {
        margin-top: 30px
    }

    #custom-smalcode .panel-ces-full-screen-slider .slide-element .bottom-wrap .cta-dotted-yellow {
        width: 100%
    }

    #custom-smalcode .panel-ces-full-screen-slider .slide-element .bottom-wrap .btn-wrap {
        display: block
    }

    #custom-smalcode .panel-hero-parallax {
        height: 100vh
    }

    #custom-smalcode .panel-hero-parallax .bg-layer .bg-image {
        background-position: 20% center
    }

    #custom-smalcode .panel-ces-virtuoso {
        padding: 0
    }

    #custom-smalcode .panel-ces-virtuoso .slide-element {
        padding: 0 0 10%;
        background-color: rgba(2, 8, 10, .7)
    }

    #custom-smalcode .panel-ces-virtuoso .slide-element .bottom-wrap {
        margin-top: 10px
    }

    #custom-smalcode .panel-ces-virtuoso .slide-element .bottom-wrap .ces-innovation {
        width: 100px
    }
}

@media screen and (max-width:350px) {
    #custom-smalcode .panel-ces-virtuoso .slide-element .bottom-wrap .ces-innovation {
        width: 47px
    }
}

#custom-smalcode .panel-ces-virtuoso .slide-element.text-left-image-right .image-layer {
    right: 0;
    left: auto
}

#custom-smalcode .panel-ces-virtuoso .slide-element.text-left-image-right .bottom-wrap .left-wrap {
    padding-left: 0;
    padding-right: 0;
    width: 180px;
    margin-right: 30px
}

#custom-smalcode .panel-ces-elgato-intro,
#custom-smalcode .panel-ces-origin-intro,
#custom-smalcode .panel-ces-scuf-intro {
    padding-top: 20%;
    padding-bottom: 100px;
    text-align: center
}

#custom-smalcode .panel-ces-elgato-intro .logo {
    width: 220px;
    margin-left: auto;
    margin-right: auto
}

#custom-smalcode .panel-meet-wave {
    padding-top: 100px;
    padding-bottom: 50px;
    text-align: center
}

#custom-smalcode .panel-meet-wave.extra-p-b {
    padding-bottom: 200px
}

#custom-smalcode .panel-meet-wave .cta-ces-elgato {
    min-width: 170px
}

#custom-smalcode .panel-ces-origin-intro .logo {
    width: 293px;
    margin-left: auto;
    margin-right: auto
}

#custom-smalcode .panel-origin-big-o {
    padding-top: 100px;
    padding-bottom: 100px
}

@media screen and (max-width:767px) {
    #custom-smalcode .panel-meet-wave {
        padding-top: 60px;
        padding-bottom: 90px
    }

    #custom-smalcode .panel-ces-origin-intro {
        padding-top: 40%;
        padding-bottom: 10%
    }

    #custom-smalcode .panel-origin-big-o {
        padding-top: 0;
        padding-bottom: 10%;
        background-color: rgba(2, 8, 10, .7)
    }

    #custom-smalcode .panel-origin-big-o .col-12 {
        padding: 0 24px
    }

    #custom-smalcode .panel-origin-big-o .row-image .col-12 {
        padding: 0
    }

    #custom-smalcode .panel-origin-big-o .row-content .style-h5-2 {
        margin: 5% 0 0;
        font-size: 40px;
        line-height: 1.3em
    }

    #custom-smalcode .panel-origin-big-o .row-content .style-h6-2 {
        font-size: 28px;
        line-height: 1.3em;
        margin-top: 0
    }

    #custom-smalcode .panel-origin-big-o .row-content p {
        margin: 30px 0
    }

    #custom-smalcode .panel-origin-big-o .row-content .right-wrap {
        margin-top: 30px
    }
}

@media screen and (max-width:767px) and (max-width:767px) {
    #custom-smalcode .panel-origin-big-o .row-content p {
        margin: 15px 0
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    #custom-smalcode .panel-origin-big-o .row-content .inner-subtitle {
        margin-top: 15px
    }
}

#custom-smalcode .panel-ces-scuf-intro .logo {
    max-width: 361px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

#custom-smalcode .ces-submenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50;
    transform: translate(0, -101%);
    transition: .3s ease-out;
    background-color: #000
}

#custom-smalcode .ces-submenu .center-wrap {
    display: flex;
    max-width: 363px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

#custom-smalcode .ces-submenu .center-wrap .scroll-trigger {
    height: 80px;
    margin-right: 1px;
    width: 25%;
    display: flex;
    align-items: center;
    cursor: pointer;
    background-size: 128px 123px;
    background-position: center center
}

#custom-smalcode .ces-submenu .center-wrap .scroll-trigger .fill-target {
    fill: #fff;
    transition: .3s ease-out
}

#custom-smalcode .ces-submenu .center-wrap .scroll-trigger svg {
    width: 35px;
    margin-left: auto;
    margin-right: auto;
    display: block
}

#custom-smalcode .ces-submenu .center-wrap .scroll-trigger.active.corsair {
    border-top: 2px solid #faf038;
    border-bottom: 2px solid #faf038;
    background-image: url("//res.cloudinary.com/corsair-pwa/image/upload/f_auto,q_auto/akamai/smal/img/ces/shadow-corsair.png")
}

#custom-smalcode .ces-submenu .center-wrap .scroll-trigger.active.elgato {
    border-top: 2px solid #1552ff;
    border-bottom: 2px solid #1552ff;
    background-image: url("//res.cloudinary.com/corsair-pwa/image/upload/f_auto,q_auto/akamai/smal/img/ces/shadow-elgato.png")
}

#custom-smalcode .ces-submenu .center-wrap .scroll-trigger.active.origin {
    border-top: 2px solid #cc181e;
    border-bottom: 2px solid #cc181e;
    background-image: url("//res.cloudinary.com/corsair-pwa/image/upload/f_auto,q_auto/akamai/smal/img/ces/shadow-origin.png")
}

#custom-smalcode .ces-submenu .center-wrap .scroll-trigger.active.scuf {
    border-top: 2px solid #bdd631;
    border-bottom: 2px solid #bdd631;
    background-image: url("//res.cloudinary.com/corsair-pwa/image/upload/f_auto,q_auto/akamai/smal/img/ces/shadow-scuf.png")
}

#custom-smalcode .ces-submenu .scroll-to-top {
    width: 80px;
    height: 80px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center
}

#custom-smalcode .ces-submenu .scroll-to-top img {
    width: 16px;
    margin-left: auto;
    margin-right: auto
}

#custom-smalcode.ces-page {
    color: #fff;
    background-color: #0a141a
}

#custom-smalcode.ces-page .seperator {
    width: 90px;
    height: 3px;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 115px
}

#custom-smalcode.ces-page .cta-ces-elgato,
#custom-smalcode.ces-page .cta-ces-origin,
#custom-smalcode.ces-page .cta-ces-scuf,
#custom-smalcode.ces-page .cta-dotted-yellow {
    font-size: 23px;
    letter-spacing: 4px;
    font-family: Saira, sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    line-height: 60px;
    display: inline-block
}

#custom-smalcode.ces-page .cta-dotted-yellow {
    color: #faf038;
    border: 2px dashed #faf038;
    position: relative
}

#custom-smalcode.ces-page .cta-dotted-yellow .text {
    position: relative;
    transition: .15s ease-out;
    color: #faf038
}

#custom-smalcode.ces-page .cta-dotted-yellow .abs-stripe {
    position: absolute;
    background-color: #faf038;
    transition: .15s ease-out
}

#custom-smalcode.ces-page .cta-dotted-yellow .abs-stripe:first-child,
#custom-smalcode.ces-page .cta-dotted-yellow .abs-stripe:nth-child(2) {
    top: -2px;
    left: -2px
}

#custom-smalcode.ces-page .cta-dotted-yellow .abs-stripe:first-child,
#custom-smalcode.ces-page .cta-dotted-yellow .abs-stripe:nth-child(3),
#custom-smalcode.ces-page .cta-dotted-yellow .abs-stripe:nth-child(5),
#custom-smalcode.ces-page .cta-dotted-yellow .abs-stripe:nth-child(7) {
    width: 12px;
    height: 2px
}

#custom-smalcode.ces-page .cta-dotted-yellow .abs-stripe:nth-child(2),
#custom-smalcode.ces-page .cta-dotted-yellow .abs-stripe:nth-child(4),
#custom-smalcode.ces-page .cta-dotted-yellow .abs-stripe:nth-child(6),
#custom-smalcode.ces-page .cta-dotted-yellow .abs-stripe:nth-child(8) {
    width: 2px;
    height: 12px
}

#custom-smalcode.ces-page .cta-dotted-yellow .abs-stripe:nth-child(3),
#custom-smalcode.ces-page .cta-dotted-yellow .abs-stripe:nth-child(4) {
    bottom: -2px;
    left: -2px
}

#custom-smalcode.ces-page .cta-dotted-yellow .abs-stripe:nth-child(5),
#custom-smalcode.ces-page .cta-dotted-yellow .abs-stripe:nth-child(6) {
    top: -2px;
    right: -2px
}

#custom-smalcode.ces-page .cta-dotted-yellow .abs-stripe:nth-child(7),
#custom-smalcode.ces-page .cta-dotted-yellow .abs-stripe:nth-child(8) {
    bottom: -2px;
    right: -2px
}

#custom-smalcode.ces-page .cta-dotted-yellow:hover .abs-stripe:first-child {
    width: 40%;
    height: 55%
}

#custom-smalcode.ces-page .cta-dotted-yellow:hover .abs-stripe:nth-child(2) {
    width: 20%;
    height: 60%
}

#custom-smalcode.ces-page .cta-dotted-yellow:hover .abs-stripe:nth-child(3),
#custom-smalcode.ces-page .cta-dotted-yellow:hover .abs-stripe:nth-child(7) {
    width: 60%;
    height: 55%
}

#custom-smalcode.ces-page .cta-dotted-yellow:hover .abs-stripe:nth-child(4),
#custom-smalcode.ces-page .cta-dotted-yellow:hover .abs-stripe:nth-child(6) {
    width: 40%;
    height: 60%
}

#custom-smalcode.ces-page .cta-dotted-yellow:hover .abs-stripe:nth-child(5) {
    width: 70%;
    height: 55%
}

#custom-smalcode.ces-page .cta-dotted-yellow:hover .abs-stripe:nth-child(8) {
    width: 50%;
    height: 60%
}

#custom-smalcode.ces-page .cta-ces-elgato,
#custom-smalcode.ces-page .cta-ces-origin,
#custom-smalcode.ces-page .cta-ces-scuf {
    line-height: 66px;
    padding-left: 20px;
    padding-right: 20px
}

#custom-smalcode.ces-page .cta-ces-elgato:after,
#custom-smalcode.ces-page .cta-ces-elgato:before,
#custom-smalcode.ces-page .cta-ces-origin:after,
#custom-smalcode.ces-page .cta-ces-origin:before,
#custom-smalcode.ces-page .cta-ces-scuf:after,
#custom-smalcode.ces-page .cta-ces-scuf:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 8px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

#custom-smalcode.ces-page .cta-ces-elgato {
    color: #1552ff;
    background: url("//res.cloudinary.com/corsair-pwa/image/upload/f_auto,q_auto/akamai/smal/img/ces/elgato/bracket-left.png") left center/auto 100% no-repeat, url("//res.cloudinary.com/corsair-pwa/image/upload/f_auto,q_auto/akamai/smal/img/ces/elgato/bracket-right.png") right center/auto 100% no-repeat;
    position: relative;
    display: inline-block;
    transition: background-color .15s ease-out;
    border-radius: 10px
}

#custom-smalcode.ces-page .cta-ces-elgato::before,
#custom-smalcode.ces-page .cta-ces-origin::before,
#custom-smalcode.ces-page .cta-ces-scuf::before {
    top: 0;
    left: 0
}

#custom-smalcode.ces-page .cta-ces-elgato::after,
#custom-smalcode.ces-page .cta-ces-origin::after,
#custom-smalcode.ces-page .cta-ces-scuf::after {
    top: auto;
    bottom: 0;
    right: 0
}

#custom-smalcode.ces-page .cta-ces-elgato:hover {
    background-color: rgba(21, 82, 255, .3)
}

#custom-smalcode.ces-page .cta-ces-elgato::after,
#custom-smalcode.ces-page .cta-ces-elgato::before {
    content: "";
    width: 0%;
    height: 2px;
    display: block;
    position: absolute;
    transition: width .3s ease-out;
    padding: 0 7px;
    box-sizing: border-box;
    background-clip: content-box;
    background-color: #1552ff
}

#custom-smalcode.ces-page .cta-ces-elgato.mailchimp {
    cursor: pointer;
    transition: .3s ease-out;
    width: 170px
}

#custom-smalcode.ces-page .cta-ces-elgato.mailchimp .response {
    font-size: 12px;
    font-family: Saira, sans-serif;
    text-transform: none;
    color: #fff;
    line-height: 1.5em;
    margin: 10px 0;
    letter-spacing: normal;
    font-weight: 400
}

#custom-smalcode.ces-page .cta-ces-elgato.mailchimp .mce_inline_error {
    display: none !important
}

#custom-smalcode.ces-page .cta-ces-elgato.mailchimp .input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#custom-smalcode.ces-page .cta-ces-elgato.mailchimp .input input[type=submit] {
    display: none;
    outline: 0;
    -webkit-appearance: none;
    border-radius: 0
}

#custom-smalcode.ces-page .cta-ces-elgato.mailchimp .input input[type=email] {
    width: 100%;
    line-height: 66px;
    height: 66px;
    background-color: transparent;
    border: 0;
    outline: 0;
    font-size: 23px;
    letter-spacing: 4px;
    font-family: Saira, sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    color: #fff
}

#custom-smalcode.ces-page .cta-ces-origin,
#custom-smalcode.ces-page .cta-ces-scuf {
    position: relative;
    display: inline-block;
    transition: background-color .15s ease-out;
    border-radius: 10px
}

#custom-smalcode.ces-page .cta-ces-elgato.mailchimp .input input[type=email]:not(:-moz-placeholder-shown)+input[type=submit] {
    width: 15px;
    height: 15px;
    display: block;
    border-left: 0;
    border-bottom: 0;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 30px;
    opacity: .5;
    background-color: transparent;
    cursor: pointer;
    padding: 0
}

#custom-smalcode.ces-page .cta-ces-elgato.mailchimp .input input[type=email]:not(:-ms-input-placeholder)+input[type=submit] {
    width: 15px;
    height: 15px;
    display: block;
    border-left: 0;
    border-bottom: 0;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 30px;
    opacity: .5;
    background-color: transparent;
    cursor: pointer;
    padding: 0
}

#custom-smalcode.ces-page .cta-ces-elgato.mailchimp .input input[type=email]:not(:placeholder-shown)+input[type=submit] {
    width: 15px;
    height: 15px;
    display: block;
    border-left: 0;
    border-bottom: 0;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 30px;
    opacity: .5;
    background-color: transparent;
    cursor: pointer;
    padding: 0
}

#custom-smalcode.ces-page .cta-ces-elgato.mailchimp .input input[type=email]::-webkit-input-placeholder {
    color: #1552ff;
    opacity: 1
}

#custom-smalcode.ces-page .cta-ces-elgato.mailchimp .input input[type=email]::-moz-placeholder {
    color: #1552ff;
    opacity: 1
}

#custom-smalcode.ces-page .cta-ces-elgato.mailchimp .input input[type=email]:-ms-input-placeholder {
    color: #1552ff;
    opacity: 1
}

#custom-smalcode.ces-page .cta-ces-elgato.mailchimp .input input[type=email]::-ms-input-placeholder {
    color: #1552ff;
    opacity: 1
}

#custom-smalcode.ces-page .cta-ces-elgato.mailchimp .input input[type=email]::placeholder {
    color: #1552ff;
    opacity: 1
}

#custom-smalcode.ces-page .cta-ces-elgato.mailchimp.active {
    padding: 0;
    max-width: 450px;
    width: 100%;
    background-color: rgba(21, 82, 255, .3)
}

#custom-smalcode.ces-page .cta-ces-elgato.mailchimp.active .text {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

#custom-smalcode.ces-page .cta-ces-elgato.mailchimp.active .input {
    display: block;
    opacity: 1;
    pointer-events: all
}

#custom-smalcode.ces-page .cta-ces-scuf {
    color: #bdd631;
    background: url("//res.cloudinary.com/corsair-pwa/image/upload/f_auto,q_auto/akamai/smal/img/ces/scuf/bracket-left.png") left center/auto 100% no-repeat, url("//res.cloudinary.com/corsair-pwa/image/upload/f_auto,q_auto/akamai/smal/img/ces/scuf/bracket-right.png") right center/auto 100% no-repeat
}

#custom-smalcode.ces-page .cta-ces-scuf:hover {
    background-color: rgba(189, 214, 49, .3)
}

#custom-smalcode.ces-page .cta-ces-scuf::after,
#custom-smalcode.ces-page .cta-ces-scuf::before {
    content: "";
    width: 0%;
    height: 2px;
    display: block;
    position: absolute;
    transition: width .3s ease-out;
    padding: 0 7px;
    box-sizing: border-box;
    background-clip: content-box;
    background-color: #bdd631
}

#custom-smalcode.ces-page .cta-ces-origin {
    color: #cc181e;
    background: url("//res.cloudinary.com/corsair-pwa/image/upload/f_auto,q_auto/akamai/smal/img/ces/origin/bracket-left.png") left center/auto 100% no-repeat, url("//res.cloudinary.com/corsair-pwa/image/upload/f_auto,q_auto/akamai/smal/img/ces/origin/bracket-right.png") right center/auto 100% no-repeat
}

#custom-smalcode.ces-page .cta-ces-origin:hover {
    background-color: rgba(204, 24, 30, .3)
}

#custom-smalcode.ces-page .cta-ces-origin::after,
#custom-smalcode.ces-page .cta-ces-origin::before {
    content: "";
    width: 0%;
    height: 2px;
    display: block;
    position: absolute;
    transition: width .3s ease-out;
    padding: 0 7px;
    box-sizing: border-box;
    background-clip: content-box;
    background-color: #cc181e
}

#custom-smalcode.ces-page .corsair-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    transform: translate(0, 0)
}

#custom-smalcode.ces-page .corsair-bg.active {
    transform: translate(0, -60%)
}

@-webkit-keyframes flicker {

    0%,
    10%,
    17%,
    55%,
    6%,
    60%,
    70%,
    73% {
        opacity: 0
    }

    3% {
        opacity: .7
    }

    9% {
        opacity: .4
    }

    13%,
    58% {
        opacity: .6
    }

    20%,
    67% {
        opacity: .5
    }

    25%,
    52% {
        opacity: 1
    }
}

#custom-smalcode.ces-page .corsair-graphic,
#custom-smalcode.ces-page .elgato-graphic,
#custom-smalcode.ces-page .origin-graphic,
#custom-smalcode.ces-page .scuf-graphic {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 15;
    transform: translate(-50%, 0) translate(0, 100vh)
}

@media screen and (max-width:767px) {
    #custom-smalcode .panel-ces-scuf-intro {
        padding-top: 40%;
        padding-bottom: 0
    }

    #custom-smalcode .ces-submenu .scroll-to-top {
        display: none
    }

    #custom-smalcode.ces-page .corsair-graphic,
    #custom-smalcode.ces-page .elgato-graphic,
    #custom-smalcode.ces-page .origin-graphic,
    #custom-smalcode.ces-page .scuf-graphic {
        width: 140vw;
        transform: translate(-50%, 100vh)
    }

    #custom-smalcode.ces-page .corsair-graphic img,
    #custom-smalcode.ces-page .elgato-graphic img,
    #custom-smalcode.ces-page .origin-graphic img,
    #custom-smalcode.ces-page .scuf-graphic img {
        height: auto;
        width: 100%
    }

    #custom-smalcode.ces-page .corsair-graphic.active,
    #custom-smalcode.ces-page .elgato-graphic.active,
    #custom-smalcode.ces-page .origin-graphic.active,
    #custom-smalcode.ces-page .scuf-graphic.active {
        transform: translate(-50%, -100%)
    }
}

@media screen and (min-width:768px) {
    #custom-smalcode .panel-high-tech-low-temps {
        padding-bottom: 180px
    }

    #custom-smalcode .panel-ces-3-grid {
        padding-top: 100px;
        padding-bottom: 100px
    }

    #custom-smalcode .panel-ces-3-grid .element-box {
        opacity: 0;
        transform: translateY(10%);
        transition: .5s ease-out
    }

    #custom-smalcode .panel-ces-3-grid .element-box .subtitle,
    #custom-smalcode .panel-ces-full-screen-slider .slide-element .inner-subtitle,
    #custom-smalcode .panel-ces-virtuoso .slide-element .inner-subtitle {
        margin-top: 15px
    }

    #custom-smalcode .panel-ces-3-grid.fade-in .element-box {
        opacity: 1;
        transform: translateY(0)
    }

    #custom-smalcode .panel-ces-3-grid.fade-in .element-box .image-wrap .bg-image+.bg-image,
    #custom-smalcode .panel-ces-3-grid.fade-in .element-box+.element-box {
        transition-delay: 0.15s
    }

    #custom-smalcode .panel-ces-3-grid.fade-in .element-box .image-wrap .bg-image+.bg-image+.bg-image,
    #custom-smalcode .panel-ces-3-grid.fade-in .element-box+.element-box+.element-box {
        transition-delay: 0.3s
    }

    #custom-smalcode .panel-ces-3-grid.fade-in .element-box .image-wrap .bg-image {
        transform: scale(1)
    }

    #custom-smalcode .panel-ces-full-screen-slider .slide-element {
        padding-top: 115px;
        padding-bottom: 115px
    }

    #custom-smalcode .panel-ces-full-screen-slider .slide-element .image-layer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        z-index: 5;
        overflow: hidden;
        transform: translateX(-80px);
        transition: .5s ease-out
    }

    #custom-smalcode .panel-ces-full-screen-slider .slide-element .image-layer img {
        width: 67vw
    }

    #custom-smalcode .panel-ces-full-screen-slider .slide-element .text-layer,
    #custom-smalcode .panel-ces-virtuoso .slide-element .text-layer {
        position: absolute;
        z-index: 10;
        bottom: 5%;
        left: 0;
        width: 100%
    }

    #custom-smalcode .panel-ces-full-screen-slider .slide-element .text-layer li {
        margin-left: 20px
    }

    #custom-smalcode .panel-ces-full-screen-slider.mask-active .slide-element .image-layer {
        width: 67%;
        transform: translateX(0)
    }

    #custom-smalcode .panel-ces-virtuoso .slide-element .image-layer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 67%;
        z-index: 5
    }

    #custom-smalcode .panel-origin-big-o .row-content {
        margin-top: 40px
    }

    #custom-smalcode .panel-origin-big-o .row-content .main-content-wrap {
        display: flex
    }

    #custom-smalcode .panel-origin-big-o .row-content .inner-subtitle {
        margin-bottom: 15px
    }

    #custom-smalcode .panel-origin-big-o .row-content .left-wrap {
        width: 310px
    }

    #custom-smalcode .panel-origin-big-o .row-content .middle-wrap {
        padding-left: 60px;
        padding-right: 60px;
        width: calc(100% - 500px)
    }

    #custom-smalcode .panel-origin-big-o .row-content .right-wrap {
        width: 190px
    }

    #custom-smalcode.ces-page .corsair-graphic,
    #custom-smalcode.ces-page .elgato-graphic,
    #custom-smalcode.ces-page .origin-graphic,
    #custom-smalcode.ces-page .scuf-graphic {
        height: 130vh;
        transform: translate(-50%, 0) translate(0, 100vh)
    }

    #custom-smalcode.ces-page .corsair-graphic img,
    #custom-smalcode.ces-page .elgato-graphic img,
    #custom-smalcode.ces-page .origin-graphic img,
    #custom-smalcode.ces-page .scuf-graphic img {
        height: 100%;
        width: auto
    }

    #custom-smalcode.ces-page .corsair-graphic.active,
    #custom-smalcode.ces-page .elgato-graphic.active,
    #custom-smalcode.ces-page .origin-graphic.active,
    #custom-smalcode.ces-page .scuf-graphic.active {
        transform: translate(-50%, 0) translate(0, -100%)
    }
}

#custom-smalcode.ces-page .corsair-graphic.flicker,
#custom-smalcode.ces-page .elgato-graphic.flicker,
#custom-smalcode.ces-page .origin-graphic.flicker,
#custom-smalcode.ces-page .scuf-graphic.flicker {
    -webkit-animation: 2s flicker;
    animation: 2s flicker
}

#custom-smalcode.ces-page .panels-wrap {
    overflow: hidden;
    position: relative;
    z-index: 20
}

#custom-smalcode.one-pro .style-h5 {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 1px;
    font-family: Saira, sans-serif;
    text-transform: uppercase
}

#custom-smalcode.one-pro .panel-hero-video .ratio-wrap {
    height: 692px;
    padding-bottom: 0
}

#custom-smalcode.one-pro .panel-hero-video .bottom-wrapper {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translate(-50%, 0);
    display: flex;
    align-items: flex-end;
    color: #fff;
    width: 100%;
    justify-content: center
}

#custom-smalcode.one-pro .panel-hero-video .bottom-wrapper img {
    width: 62px;
    margin-right: 20px
}

#custom-smalcode.one-pro .panel-hero-video .bottom-wrapper .text-wrap {
    font-family: Saira, sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center
}

@media only screen and (max-width:1229px) {
    #custom-smalcode.one-pro .panel-hero-video .bg-layer video {
        height: 100%;
        width: auto
    }
}

#custom-smalcode.one-pro .panel-features-2 {
    height: 100vh;
    position: relative;
    color: #fff;
    background-color: #000;
    overflow: hidden
}

#custom-smalcode.one-pro .panel-features-2 .tabs-menu {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: absolute;
    top: 5%;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center
}

#custom-smalcode.one-pro .panel-features-2 .tabs-menu .tab {
    font-family: Saira, sans-serif;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 6px;
    text-align: center;
    border: 1px solid #fff;
    padding: 24px 30px;
    transition: .2s;
    display: inline-block;
    cursor: pointer;
    min-width: 180px;
    background-color: transparent
}

#custom-smalcode.one-pro .panel-features-2 .tabs-menu .tab:hover {
    background-color: rgba(255, 255, 255, .12)
}

#custom-smalcode.one-pro .panel-features-2 .tabs-menu .tab.active {
    padding-top: 32px;
    padding-bottom: 32px
}

#custom-smalcode.one-pro .panel-features-2 .tabs-content {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 50
}

#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .5s
}

#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-1 .bg-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: linear-gradient(225deg, #03103f, #6b7fd5)
}

#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-1 .center-img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 25%;
    transform: translate(-50%, -50%);
    max-width: 650px
}

#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-1 .center-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center
}

#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-1 .center-text .fading-text-wrap h2:not(.hidden-relative) {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: .3s ease-out
}

#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-1 .outer-content-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 10%;
    height: calc(80% - 100px)
}

#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-1 .outer-content-wrap .inherit-height {
    position: relative;
    height: 100%
}

#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-1 .outer-content-wrap .content-box {
    position: absolute;
    width: 34%
}

#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-1 .outer-content-wrap .content-box .seperator {
    width: 60px;
    height: 2px;
    background-image: linear-gradient(270deg, #6277a2, #ebf2f9);
    display: inline-block
}

#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-1 .outer-content-wrap .content-box h5 {
    margin-top: 20px;
    margin-bottom: 12px
}

#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-1 .outer-content-wrap .content-box.content-box-1 {
    left: 0;
    top: 0
}

#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-1 .outer-content-wrap .content-box.content-box-3 {
    bottom: 0;
    left: 0
}

#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-1 .outer-content-wrap .content-box.content-box-2,
#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-1 .outer-content-wrap .content-box.content-box-4 {
    text-align: right;
    right: 0
}

#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-1 .outer-content-wrap .content-box.content-box-2 .seperator,
#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-1 .outer-content-wrap .content-box.content-box-4 .seperator {
    background-image: linear-gradient(90deg, #6277a2, #ebf2f9)
}

#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-2 .bg-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: linear-gradient(45deg, #a2b8c7, #2c3e50)
}

#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-2 .content-wrap .left-col .image-wrap .abs-wrap-1 {
    position: absolute;
    bottom: 100%;
    left: 33%
}

#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-2 .content-wrap .left-col .image-wrap .abs-wrap-2 {
    position: absolute;
    color: #fecb01;
    bottom: 66%;
    left: 72%;
    white-space: nowrap
}

#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-2 .content-wrap .right-col .content-box img {
    width: 60px;
    margin-bottom: 24px
}

#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-3 .bg-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: linear-gradient(180deg, #505f83, #8b9cbb)
}

#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-3 .content-wrap .style-h2 {
    margin-bottom: 10px
}

#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-3 .content-wrap .col-img-right img {
    width: 88.5%
}

#custom-smalcode.one-pro .panel-fake-parallax {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1
}

#custom-smalcode.one-pro .panel-after-fake-parallax {
    margin-top: 100vh
}

#custom-smalcode.one-pro .panel-testimonial {
    padding-top: 140px;
    background-color: #fff;
    overflow: hidden
}

#custom-smalcode img,
#custom-smalcode.one-pro .panel-testimonial video {
    display: block;
    width: 100%;
    height: auto
}

#custom-smalcode.one-pro .panel-testimonial .quote-img {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 100%;
    transform: translateZ(0);
    margin-bottom: 12px;
    display: inline-block
}

#custom-smalcode.one-pro .panel-testimonial .row-main-content {
    position: relative;
    z-index: 5;
    margin-top: 40px;
    align-items: flex-end
}

#custom-smalcode.one-pro .panel-testimonial .row-main-content .style-h5 {
    margin-bottom: 5px
}

#custom-smalcode.one-pro .panel-testimonial .row-main-content .col-align-right {
    text-align: right
}

#custom-smalcode.one-pro .panel-testimonial .row-main-content .quote-p {
    margin-bottom: 20px
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row .left-col .text-wrap p,
#custom-smalcode.one-pro .panel-testimonial .row-main-content .quote-p .small-quote {
    font-size: 10px;
    line-height: 16px;
    font-family: Saira, sans-serif;
    font-weight: 400;
    color: rgba(58, 58, 58, .6)
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row .inner-flex-wrap {
    display: flex;
    align-items: flex-end;
    transform: translate(0, 0);
    margin-top: -20px;
    width: calc(100% - 80px);
    margin-left: auto;
    margin-right: auto
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row .inner-flex-wrap.active,
#custom-smalcode.one-pro .panel-testimonial .bottom-row.reversed .inner-flex-wrap.active {
    transform: translate(0, -200px)
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row .left-col {
    padding-right: 20px;
    width: 100%;
    text-align: right
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col {
    width: 100%;
    background-color: #000;
    padding: 24px;
    color: #fff;
    max-width: 500px
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .graph-title {
    margin-bottom: 4px;
    white-space: nowrap
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .graph-subtitle {
    color: rgba(255, 255, 255, .5);
    margin-bottom: 24px;
    white-space: nowrap
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    overflow: hidden
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap.last-real-bar {
    margin-bottom: 8px
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap .bar-inner-left {
    width: 120px;
    text-transform: none
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap .style-h5 {
    color: rgba(255, 255, 255, .5)
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap .bar-wrap {
    height: 32px;
    border: 1px solid #e9e600;
    position: relative
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap .bar-wrap.highlight {
    background-color: #e9e600;
    color: #000
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap .bar-wrap.bar-wrap-1 {
    width: 5%;
    transition: .5s cubic-bezier(.22, .61, .36, 1)
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap .bar-wrap.bar-wrap-1 .special-text {
    opacity: 0;
    transition: .5s cubic-bezier(.22, .61, .36, 1)
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap .bar-wrap.bar-wrap-1.active {
    width: 71.167%
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap .bar-wrap.bar-wrap-2 {
    width: 79.5%
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap .bar-wrap.bar-wrap-3 {
    width: 99.333%
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap .bar-wrap .inner-val {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    padding-right: 10px;
    font-family: Saira, sans-serif;
    font-weight: 400;
    font-size: 14px
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap .bar-wrap .special-text {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(15px, -50%) translate(100%, 0);
    color: #e9e600;
    font-size: 18px;
    letter-spacing: 2px;
    font-family: Saira, sans-serif;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap.values-indicator {
    margin-bottom: 4px;
    color: rgba(255, 255, 255, .6);
    font-family: Saira, sans-serif;
    font-weight: 400;
    font-size: 14px
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap.values-indicator .flex-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap.bottom-info .text {
    width: 100%;
    color: rgba(255, 255, 255, .6);
    font-family: Saira, sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row.reversed .inner-flex-wrap {
    flex-flow: row-reverse;
    transform: translate(0, 0)
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row.reversed .left-col {
    text-align: left;
    padding-right: 0;
    padding-left: 20px
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row.image-edit .right-col .bar-outer-wrap .bar-wrap.bar-wrap-1,
#custom-smalcode.one-pro .panel-testimonial .bottom-row.rendering-3d .right-col .bar-outer-wrap .bar-wrap.bar-wrap-1,
#custom-smalcode.one-pro .panel-testimonial .bottom-row.streaming .right-col .bar-outer-wrap .bar-wrap.bar-wrap-1 {
    width: 5%
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row.image-edit .right-col .bar-outer-wrap .bar-wrap.bar-wrap-1.active {
    width: 50.667%
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row.image-edit .right-col .bar-outer-wrap .bar-wrap.bar-wrap-2 {
    width: 51.583%
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row.image-edit .right-col .bar-outer-wrap .bar-wrap.bar-wrap-3 {
    width: 92.417%
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row.rendering-3d .right-col .bar-outer-wrap .bar-wrap.bar-wrap-1.active {
    width: 69%
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row.rendering-3d .right-col .bar-outer-wrap .bar-wrap.bar-wrap-2 {
    width: 76.571%
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row.rendering-3d .right-col .bar-outer-wrap .bar-wrap.bar-wrap-3 {
    width: 99.571%
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row.streaming .right-col .bar-outer-wrap .bar-wrap.bar-wrap-1.active {
    width: 91.986%
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row.streaming .right-col .bar-outer-wrap .bar-wrap.bar-wrap-2 {
    width: 82.829%
}

#custom-smalcode.one-pro .panel-testimonial .bottom-row.streaming .right-col .bar-outer-wrap .bar-wrap.bar-wrap-3 {
    width: 61.786%
}

#custom-smalcode.one-pro .panel-minimize {
    background-color: #fff;
    padding-top: 200px;
    position: relative;
    overflow: hidden
}

#custom-smalcode.one-pro .panel-minimize .col-text {
    transform: translate(0, 30%)
}

#custom-smalcode.one-pro .panel-minimize .col-text.active {
    transform: translate(0, -30%)
}

#custom-smalcode.one-pro .panel-minimize .bg-layer .pax-img {
    position: absolute;
    top: 10%;
    height: 58vw;
    width: auto;
    transform: translate(0, 0)
}

#custom-smalcode.one-pro .panel-minimize .bg-layer .pax-img.active {
    transform: translate(0, -15vw)
}

#custom-smalcode.one-pro .panel-minimize .bg-layer .pax-img.img-left {
    left: 2%
}

#custom-smalcode.one-pro .panel-minimize .bg-layer .pax-img.img-right {
    right: 2%
}

#custom-smalcode.one-pro .panel-minimize .cta-outer-wrap {
    margin-top: 24px
}

#custom-smalcode.one-pro .panel-minimize .cta-white {
    background: #000;
    color: #fff
}

#custom-smalcode.one-pro .panel-minimize .inner-wrap {
    padding-top: 200px;
    padding-bottom: 200px;
    text-align: center
}

#custom-smalcode.one-pro .panel-minimize .warranty-icon {
    width: 160px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%)
}

#custom-smalcode.one-pro .panel-awards {
    padding-top: 60px;
    padding-bottom: 0;
    overflow: hidden
}

#custom-smalcode.one-pro .panel-awards .slider-ele img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
    height: 100px;
    width: auto
}

#custom-smalcode.one-pro .panel-awards .slider-ele .quote-from {
    margin-top: 24px;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 18px
}

#custom-smalcode.one-pro .panel-awards .slick-arrow {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 48px !important;
    height: 48px !important;
    cursor: pointer;
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 0;
    color: transparent;
    background-color: transparent;
    outline: 0;
    border: 0;
    padding: 0;
    margin: 0;
    top: 50%
}

#custom-smalcode.one-pro .panel-awards .slick-arrow.slick-prev {
    background-image: url("//res.cloudinary.com/corsair-pwa/image/upload/f_auto,q_auto/akamai/smal/img/one-pro/slider-prev.png");
    left: -50px;
    transform: translate(-100%, -50%)
}

#custom-smalcode.one-pro .panel-awards .slick-arrow.slick-next {
    background-image: url("//res.cloudinary.com/corsair-pwa/image/upload/f_auto,q_auto/akamai/smal/img/one-pro/slider-next.png");
    right: -50px;
    transform: translate(100%, -50%)
}

#custom-smalcode.one-pro .panel-awards .slick-dots {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translate(-50%, 0)
}

#custom-smalcode.one-pro .panel-awards .slick-dots li {
    display: inline-block;
    margin: 0 5px;
    height: 12px;
    width: 12px;
    position: relative
}

#custom-smalcode.one-pro .panel-awards .slick-dots li button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 0;
    color: transparent;
    outline: 0;
    border: 1px solid #000;
    padding: 0;
    width: 12px;
    height: 12px;
    background-color: #fff;
    transition: .2s ease-out;
    border-radius: 100%;
    cursor: pointer
}

body {
    margin: 0;
    color: #000
}

.fake-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 51px;
    background-color: #fff;
    z-index: 99999
}

#navbar {
    position: absolute !important
}

#custom-smalcode {
    --vh: 1vh;
    background-color: #fff;
    position: relative;
    z-index: 1
}

#custom-smalcode a {
    color: inherit;
    text-decoration: none
}

#custom-smalcode li,
#custom-smalcode ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

#custom-smalcode * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box
}

#custom-smalcode .no-wrap {
    white-space: nowrap
}

#custom-smalcode .slick-slide {
    outline: 0
}

html[lang=de] #custom-smalcode .style-h2,
html[lang=es] #custom-smalcode .style-h2,
html[lang=fr] #custom-smalcode .style-h2,
html[lang=it] #custom-smalcode .style-h2,
html[lang=ja] #custom-smalcode .style-h2,
html[lang=pl] #custom-smalcode .style-h2,
html[lang=pt] #custom-smalcode .style-h2,
html[lang=ru] #custom-smalcode .style-h2 {
    font-size: 46px;
    line-height: 52px !important;
    letter-spacing: 2px
}

html[lang=de] #custom-smalcode .style-h2 .no-wrap,
html[lang=es] #custom-smalcode .style-h2 .no-wrap,
html[lang=fr] #custom-smalcode .style-h2 .no-wrap,
html[lang=it] #custom-smalcode .style-h2 .no-wrap,
html[lang=ja] #custom-smalcode .style-h2 .no-wrap,
html[lang=pl] #custom-smalcode .style-h2 .no-wrap,
html[lang=pt] #custom-smalcode .style-h2 .no-wrap,
html[lang=ru] #custom-smalcode .style-h2 .no-wrap {
    white-space: normal
}

@media only screen and (max-width:1199px) {
    #custom-smalcode.one-pro .panel-testimonial .row-main-content .quote-p {
        margin-bottom: 0
    }

    html[lang=de] #custom-smalcode .style-h2,
    html[lang=es] #custom-smalcode .style-h2,
    html[lang=fr] #custom-smalcode .style-h2,
    html[lang=it] #custom-smalcode .style-h2,
    html[lang=ja] #custom-smalcode .style-h2,
    html[lang=pl] #custom-smalcode .style-h2,
    html[lang=pt] #custom-smalcode .style-h2,
    html[lang=ru] #custom-smalcode .style-h2 {
        font-size: 38px;
        line-height: 40px !important;
        letter-spacing: 2px
    }
}

@media only screen and (max-width:1023px) {
    #custom-smalcode .panel-a100-how-big .products-wrap .product-box.product-box-6 .right-image {
        width: 27px
    }

    #custom-smalcode .panel-a100-how-big .products-wrap .product-box.product-box-12 .right-image {
        width: 66px
    }

    #custom-smalcode .panel-a100-how-big .products-wrap .product-box.product-box-35 .right-image {
        width: 93px
    }

    #custom-smalcode .panel-a100-multi-monitor {
        padding-bottom: 100px
    }

    #custom-smalcode .panel-a100-multi-monitor .big-inner-title {
        margin-bottom: 10px
    }

    #custom-smalcode .desktop-distance-helper-2 {
        margin-top: 0
    }

    #custom-smalcode .top-specs-panel .bigger-tablet {
        display: none
    }

    #custom-smalcode .top-specs-panel .specs-row .specs-wrap {
        display: block;
        margin-bottom: 25px
    }

    #custom-smalcode .top-specs-panel .specs-row .specs-wrap:last-of-type {
        margin-bottom: 0
    }

    #custom-smalcode .top-specs-panel .inner-content {
        display: flex
    }

    #custom-smalcode .top-specs-panel .inner-content .left-col,
    #custom-smalcode .top-specs-panel .inner-content .right-col {
        width: 50%
    }

    #custom-smalcode .top-specs-panel .inner-content .left-img {
        margin-top: 40px;
        max-width: 200px
    }

    #custom-smalcode .panel-run-it .bottom-box {
        padding-top: 20px
    }

    #custom-smalcode .panel-run-it .bottom-box .box-header {
        margin-bottom: 20px;
        padding-left: 30px;
        padding-right: 30px
    }

    #custom-smalcode .panel-run-it .bottom-box .box-header .box-title {
        font-size: 20px
    }

    #custom-smalcode .panel-color-switch {
        padding-top: 100px;
        padding-bottom: 100px
    }

    #custom-smalcode .panel-color-switch .gradient-bottom,
    #custom-smalcode .panel-color-switch .gradient-top {
        height: 100px
    }

    #custom-smalcode .panel-state-of-art {
        padding-top: 60px
    }

    #custom-smalcode .panel-state-of-art .main-img {
        margin-top: 40px
    }

    #custom-smalcode .influencer-slider {
        width: calc(100% - 80px)
    }

    #custom-smalcode .influencer-slider .slide-ele .inner-slider-ele {
        width: 45px;
        height: 45px
    }

    #custom-smalcode .influencer-slider .slick-arrow {
        height: 16px !important
    }

    #custom-smalcode .influencer-slider .slick-arrow.slick-prev {
        left: -20px
    }

    #custom-smalcode .influencer-slider .slick-arrow.slick-next {
        right: -20px
    }

    #custom-smalcode .nexus-ready-for-action .ready-for-action-slider {
        max-width: calc(100% - 100px);
        margin: 0 auto
    }

    #custom-smalcode .nexus-icue-keyboard .slider-wrap {
        width: 100%
    }

    #custom-smalcode .panel-ces-sub-hero .logo {
        width: 180px
    }

    #custom-smalcode .panel-ces-sub-hero .title {
        margin-top: 20px;
        margin-bottom: 40px
    }

    #custom-smalcode .panel-hero-parallax .logos-wrap {
        left: auto;
        right: 5%
    }

    #custom-smalcode.one-pro .panel-testimonial .quote-p p {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 10px
    }

    #custom-smalcode.one-pro .panel-testimonial .style-h5 {
        font-size: 16px;
        line-height: 18px
    }

    #custom-smalcode.one-pro .panel-testimonial .bottom-row .inner-flex-wrap.active,
    #custom-smalcode.one-pro .panel-testimonial .bottom-row.reversed .inner-flex-wrap.active {
        transform: translate(0, -100px)
    }

    #custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .style-h5 {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 1px
    }

    #custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap {
        margin-bottom: 8px
    }

    #custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap .bar-inner-left {
        width: 90px
    }

    #custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap .bar-wrap {
        height: 24px
    }

    #custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap .bar-wrap .inner-val,
    #custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap.bottom-info .text,
    #custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap.values-indicator {
        font-size: 10px
    }

    #custom-smalcode.one-pro .panel-testimonial .bottom-row .right-col .bar-outer-wrap .bar-wrap .special-text {
        font-size: 13px
    }

    html[lang=de] #custom-smalcode .style-h2,
    html[lang=es] #custom-smalcode .style-h2,
    html[lang=fr] #custom-smalcode .style-h2,
    html[lang=it] #custom-smalcode .style-h2,
    html[lang=ja] #custom-smalcode .style-h2,
    html[lang=pl] #custom-smalcode .style-h2,
    html[lang=pt] #custom-smalcode .style-h2,
    html[lang=ru] #custom-smalcode .style-h2 {
        font-size: 38px;
        line-height: 40px !important;
        letter-spacing: 2px
    }
}

@media only screen and (max-width:767px) {
    #custom-smalcode .panel-a100-quote {
        padding-bottom: 100px
    }

    #custom-smalcode .panel-a100-quote .gradient-title {
        margin-bottom: 15px
    }

    #custom-smalcode .panel-a100-quote .quote-image {
        width: 60%
    }

    #custom-smalcode .panel-a100-how-big .products-wrap .product-box,
    #custom-smalcode.device-is-touch .mobile.touch-show,
    #custom-smalcode:not(.device-is-touch) .mobile.touch-show {
        display: block
    }

    #custom-smalcode .panel-a100-how-big .products-wrap .product-box .left-text {
        text-align: left;
        padding-right: 0;
        margin-top: 20px
    }

    #custom-smalcode .panel-a100-how-big .products-wrap .product-box .left-text .body-p2 p {
        font-size: 12px !important;
        line-height: 18px !important
    }

    #custom-smalcode .panel-a100-how-big .products-wrap .product-box.product-box-6 .right-image {
        width: 18px
    }

    #custom-smalcode .panel-a100-how-big .products-wrap .product-box.product-box-12 .right-image {
        width: 44px
    }

    #custom-smalcode .panel-a100-how-big .products-wrap .product-box.product-box-35 .right-image {
        width: 58px
    }

    #custom-smalcode .top-specs-panel .headline-row {
        margin-bottom: 50px
    }

    #custom-smalcode .top-specs-panel .specs-row .specs-wrap .specs-text span {
        font-size: 16px;
        line-height: 20px
    }

    #custom-smalcode .top-specs-panel {
        padding-top: 90px;
        padding-bottom: 60px
    }

    #custom-smalcode .panel-run-it .video-outer-wrap {
        width: 100%;
        margin-top: 50px
    }

    #custom-smalcode .panel-run-it .bottom-box {
        padding-top: 15px;
        width: calc(100% - 40px);
        margin-top: -40px;
        margin-left: auto;
        margin-right: auto
    }

    #custom-smalcode .panel-run-it .bottom-box .bottom-text {
        font-size: 2vw
    }

    #custom-smalcode .panel-run-it .bottom-box .center-text .first-text {
        font-size: 2.5vw
    }

    #custom-smalcode .panel-run-it .bottom-box .center-text .second-text {
        font-size: 7.5vw;
        margin-top: -2vw
    }

    #custom-smalcode .panel-run-it .bottom-box .center-text .second-text .number {
        font-size: 10vw
    }

    #custom-smalcode .panel-run-it .bottom-box .box-header {
        margin-bottom: 20px;
        padding-left: 25px;
        padding-right: 25px
    }

    #custom-smalcode .panel-run-it .bottom-box .box-header .box-title {
        font-size: 14px;
        padding-bottom: 5px
    }

    #custom-smalcode .panel-share-it {
        padding-bottom: 35px
    }

    #custom-smalcode .panel-share-it .footnote {
        margin-bottom: 40px
    }

    #custom-smalcode .panel-easily-upgradeable .row-image,
    #custom-smalcode .panel-easily-upgradeable .row-image .col-9,
    #custom-smalcode .panel-share-it .row-image,
    #custom-smalcode .panel-share-it .row-image .col-12 {
        padding-left: 0;
        padding-right: 0
    }

    #custom-smalcode .panel-easily-upgradeable {
        padding-bottom: 120px
    }

    #custom-smalcode .panel-easily-upgradeable .text-layer {
        top: auto;
        position: relative;
        margin-top: -30px
    }

    #custom-smalcode .panel-color-switch {
        padding-top: 0;
        padding-bottom: 80px;
        background-color: #0f0f0f
    }

    #custom-smalcode .panel-color-switch .mobile-gradient-bottom,
    #custom-smalcode .panel-color-switch .mobile-gradient-top {
        height: 80px
    }

    #custom-smalcode .panel-color-switch .mobile-gradient-top {
        top: -80px
    }

    #custom-smalcode .panel-color-switch .mobile-gradient-bottom {
        bottom: -80px
    }

    #custom-smalcode .panel-color-switch .gradient-bottom,
    #custom-smalcode .panel-color-switch .gradient-top,
    #custom-smalcode.device-is-touch .touch-hide,
    #custom-smalcode:not(.device-is-touch) .touch-hide {
        display: none
    }

    #custom-smalcode .panel-color-switch .col-text {
        text-align: center;
        position: relative;
        z-index: 15
    }

    #custom-smalcode .panel-color-switch .slider-navi-text {
        margin-left: auto;
        margin-right: auto;
        max-width: 200px
    }

    #custom-smalcode .panel-color-switch .slider-navigation {
        margin-left: -10px;
        margin-right: -10px;
        max-width: 220px
    }

    #custom-smalcode .panel-color-switch .slider-navigation .slider-nav-item {
        padding-left: 10px;
        padding-right: 10px
    }

    #custom-smalcode .panel-color-switch .slider-navigation .slider-nav-item .bullet-wrap {
        width: 35px;
        height: 35px
    }

    #custom-smalcode .panel-color-switch .slider-navigation .slider-nav-item .bullet-wrap img {
        width: 30px;
        height: 30px
    }

    #custom-smalcode .panel-color-switch .slider-navigation .slider-nav-item.active .bullet-wrap img {
        width: 25px;
        height: 25px
    }

    #custom-smalcode .panel-color-switch .video-col {
        padding-left: 0 !important;
        padding-right: 0 !important;
        position: relative
    }

    #custom-smalcode .panel-state-of-art .main-img {
        max-width: 50%;
        margin-left: auto;
        margin-right: auto
    }

    #custom-smalcode .a4100-panel-collection .panel-fade-in .panel-fade-in-text .nvidia-geforce-logo {
        width: 50px;
        margin-top: 10px
    }

    #custom-smalcode .panel-vengeance {
        padding-top: 80px
    }

    #custom-smalcode .panel-vengeance .big-image {
        margin-top: 60px
    }

    #custom-smalcode .panel-a4100-warranty .warranty-badge {
        width: 100px;
        margin-top: -55px
    }

    #custom-smalcode .panel-a4100-warranty .row-main-content {
        padding-top: 50px;
        padding-bottom: 30px
    }

    #custom-smalcode .nexus-ready-for-action .additional-image {
        right: 0
    }

    #custom-smalcode .nexus-icue-keyboard .slider-image-wrap {
        margin-left: 0
    }

    #custom-smalcode .nexus-icue-keyboard .slider-wrap {
        text-align: center;
        padding-top: 30px
    }

    #custom-smalcode .nexus-icue-keyboard .slide-ele {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0
    }

    #custom-smalcode .nexus-icue-keyboard .slide-ele img {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translate(0, -50%)
    }

    #custom-smalcode .nexus-icue-keyboard .mobile-title {
        text-transform: uppercase;
        border-bottom: 1px solid #e9ad04;
        color: #e9ad04;
        position: absolute;
        top: -30px;
        left: 50%;
        transform: translate(-50%, -100%);
        margin-bottom: 0;
        display: inline-block;
        white-space: nowrap
    }

    #custom-smalcode .nexus-icue-keyboard .slider-navigation-wrap {
        position: relative;
        width: 40%;
        max-width: 650px;
        margin-left: auto;
        margin-right: auto
    }

    #custom-smalcode .nexus-icue-keyboard .slick-dots {
        text-align: center;
        display: flex;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        align-items: center;
        margin-top: 60px;
        position: relative;
        bottom: 0
    }

    #custom-smalcode .nexus-icue-keyboard .slick-dots li {
        display: block;
        height: 12px;
        width: 100%;
        position: relative;
        cursor: pointer
    }

    #custom-smalcode .nexus-icue-keyboard .slick-dots li button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: 0;
        color: transparent;
        outline: 0;
        border: 0;
        padding: 0;
        width: 100%;
        height: 2px;
        background-color: #787878;
        transition: .2s ease-out;
        cursor: pointer
    }

    #custom-smalcode .nexus-icue-keyboard .slick-dots li button:before {
        content: none !important
    }

    #custom-smalcode .nexus-icue-keyboard .slick-dots li.slick-active button {
        background-color: #fff;
        height: 2px
    }

    #custom-smalcode .nexus-icue-keyboard .slick-arrow {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 30px !important;
        height: 16px !important;
        cursor: pointer;
        position: absolute;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: 0;
        color: transparent;
        background-color: transparent;
        outline: 0;
        border: 0;
        padding: 0;
        margin: 0;
        bottom: -1px;
        z-index: 50;
        opacity: 1;
        top: auto
    }

    #custom-smalcode .nexus-icue-keyboard .slick-arrow.slick-disabled {
        opacity: .5
    }

    #custom-smalcode .nexus-icue-keyboard .slick-arrow.slick-prev {
        background-image: url("//res.cloudinary.com/corsair-pwa/image/upload/f_auto,q_auto/akamai/smal/img/nexus/07_Ready_Action/arrow-left.png");
        left: -18px;
        transform: translate3d(-100%, 0, 0)
    }

    #custom-smalcode .nexus-icue-keyboard .slick-arrow.slick-next {
        background-image: url("//res.cloudinary.com/corsair-pwa/image/upload/f_auto,q_auto/akamai/smal/img/nexus/07_Ready_Action/arrow-right.png");
        right: -18px;
        transform: translate3d(100%, 0, 0)
    }

    #custom-smalcode .nexus-get-started .nexus-get-started-slider .slide-ele {
        margin-left: 2px;
        margin-right: 2px
    }

    #custom-smalcode .panel-ces-elgato-intro,
    #custom-smalcode .panel-ces-sub-hero {
        padding-top: 40%;
        padding-bottom: 10%
    }

    #custom-smalcode .panel-hero-parallax .logos-wrap {
        width: 45%
    }

    #custom-smalcode .panel-hero-parallax .ces-logo {
        right: auto;
        left: 10%;
        top: 5%;
        width: 30%
    }

    #custom-smalcode .panel-hero-parallax .explore-wrap {
        width: 80px;
        bottom: 5%;
        margin-left: -40px
    }

    #custom-smalcode .panel-hero-parallax .explore-wrap .dot {
        width: 8px;
        height: 8px
    }

    #custom-smalcode .panel-hero-parallax .explore-wrap .explore-title {
        font-size: 12px
    }

    #custom-smalcode.one-pro .panel-awards .slider-wrap {
        padding-left: 50px;
        padding-right: 50px
    }

    #custom-smalcode.one-pro .panel-awards .slick-arrow {
        width: 30px !important
    }

    #custom-smalcode.one-pro .panel-awards .slick-arrow.slick-prev {
        left: 0;
        transform: translate(0, -50%)
    }

    #custom-smalcode.one-pro .panel-awards .slick-arrow.slick-next {
        right: 0;
        transform: translate(0, -50%)
    }

    #custom-smalcode.one-pro .style-h5 {
        font-size: 16px;
        line-height: 18px
    }

    #custom-smalcode.one-pro .panel-features-2 {
        min-height: 660px
    }

    #custom-smalcode.one-pro .panel-features-2 .tabs-menu {
        top: 0
    }

    #custom-smalcode.one-pro .panel-features-2 .tabs-menu .tab {
        font-size: 15px;
        letter-spacing: 3px;
        min-width: 0;
        width: 33.3333%;
        padding: 12px 10px
    }

    #custom-smalcode.one-pro .panel-features-2 .tabs-menu .tab.active {
        padding-top: 20px;
        padding-bottom: 20px
    }

    #custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-1 .body-p2 p {
        font-size: 12px;
        line-height: 17px
    }

    #custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-1 .center-img {
        width: 50%;
        transform: translate(-50%, 0);
        bottom: 20%;
        top: auto
    }

    #custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-1 .center-text {
        transform: translate(-50%, 0);
        bottom: 40%;
        top: auto
    }

    #custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-1 .outer-content-wrap {
        top: 80px;
        bottom: auto;
        height: calc(100% - 100px)
    }

    #custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-1 .outer-content-wrap .content-box {
        width: 40%
    }

    #custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-2 .content-wrap {
        top: 140px;
        transform: translate(0, 0)
    }

    #custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-2 .content-wrap .left-col .style-h5 {
        font-size: 12px;
        letter-spacing: .4px;
        line-height: 13px
    }

    #custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-2 .content-wrap .right-col,
    #custom-smalcode.one-pro .panel-testimonial .row-main-content {
        margin-top: 30px
    }

    #custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-2 .content-wrap .right-col .content-box {
        display: flex
    }

    #custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-2 .content-wrap .right-col .content-box img {
        margin-bottom: 0;
        margin-right: 12px
    }

    #custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-3 .content-wrap {
        top: 0;
        transform: none;
        height: 100%;
        display: flex;
        align-items: center
    }

    #custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-3 .col-img-left {
        position: absolute;
        top: 10%;
        left: 0;
        padding: 0;
        width: 35%
    }

    #custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-3 .col-img-right {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 0;
        width: 35%
    }

    #custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-3 .col-text {
        max-width: 60%;
        margin-left: auto;
        margin-right: auto
    }

    #custom-smalcode.one-pro .panel-testimonial {
        padding-top: 60px
    }

    #custom-smalcode.one-pro .panel-testimonial .bottom-row .inner-flex-wrap {
        flex-flow: column-reverse !important;
        flex-wrap: wrap;
        transform: translate(0, -20px) !important;
        width: 95%;
        margin-left: auto;
        margin-right: auto
    }

    #custom-smalcode.one-pro .panel-testimonial .bottom-row .inner-flex-wrap .left-col {
        padding: 0;
        margin-top: 10px;
        text-align: left
    }

    #custom-smalcode.one-pro .panel-testimonial .bottom-row .inner-flex-wrap .left-col .text-wrap p {
        font-size: 9px;
        line-height: 15px
    }

    #custom-smalcode.one-pro .panel-testimonial.panel-testimonial-2 .row-main-content,
    #custom-smalcode.one-pro .panel-testimonial.panel-testimonial-4 .row-main-content {
        display: flex;
        flex-wrap: wrap;
        flex-flow: column-reverse
    }

    #custom-smalcode.one-pro .panel-minimize {
        padding-top: 100px
    }

    #custom-smalcode.one-pro .panel-minimize .warranty-icon {
        width: 80px
    }

    #custom-smalcode.one-pro .panel-minimize .inner-wrap {
        padding-top: 60px;
        padding-bottom: 60px;
        max-width: 70%;
        margin: 0 auto
    }

    #custom-smalcode.one-pro .panel-minimize .bg-layer .pax-img {
        top: -3%;
        width: 80%;
        height: auto
    }

    #custom-smalcode.one-pro .panel-minimize .bg-layer .pax-img.img-left {
        left: -60%
    }

    #custom-smalcode.one-pro .panel-minimize .bg-layer .pax-img.img-right {
        right: -65%
    }

    html[lang=de] #custom-smalcode .style-h2,
    html[lang=es] #custom-smalcode .style-h2,
    html[lang=fr] #custom-smalcode .style-h2,
    html[lang=it] #custom-smalcode .style-h2,
    html[lang=ja] #custom-smalcode .style-h2,
    html[lang=pl] #custom-smalcode .style-h2,
    html[lang=pt] #custom-smalcode .style-h2,
    html[lang=ru] #custom-smalcode .style-h2 {
        font-size: 24px;
        line-height: 30px !important;
        letter-spacing: 1px
    }
}

#custom-smalcode .a100-panel-collection .blue-arrow-1.fade-out,
#custom-smalcode .a100-panel-collection .blue-arrow-2.fade-out,
#custom-smalcode .a100-panel-collection .front-view.fade-out,
#custom-smalcode .a100-panel-collection .red-arrow.fade-out,
#custom-smalcode .fade-out-i.fade-out,
#custom-smalcode .hotspot-animation.fade-out,
#custom-smalcode .influencer-bg-layer.fade-out,
#custom-smalcode .influencer-slider .slide-ele.slick-center .inner-slider-ele .overlay,
#custom-smalcode .influencer-slider.fade-out,
#custom-smalcode .influencer-text.fade-out,
#custom-smalcode .lt100-sequence-outer-wrap .led-strip.fade-out,
#custom-smalcode .lt100-sequence-outer-wrap .step-2-bg.fade-out,
#custom-smalcode .lt100-text-before-rooms.fade-out,
#custom-smalcode .makro-image-lines.fade-out,
#custom-smalcode .makro-line-text.fade-out,
#custom-smalcode .monitor-wrap.none .monitor-main,
#custom-smalcode .panel-a100-how-big.fade-out,
#custom-smalcode .panel-color-switch .slider-navi-text .hidden-text-for-size,
#custom-smalcode .panel-hero-category .bg-layer .inner-fade-layer.active,
#custom-smalcode .panel-hero-category .bg-layer.active,
#custom-smalcode .panel-state-of-art.fade-out,
#custom-smalcode.one-pro .panel-features-2 .tabs-content .tab-content.tab-content-1 .center-text .fading-text-wrap .hidden-relative {
    opacity: 0
}