#PageMainContent {
    z-index: 9998;
}

.InnerGIGABYTEContent .eagle_learn_more {
    /* color: ; */
}

.InnerGIGABYTEContent .eagle_utility_button {
    padding: 1%;
    margin: auto;
    border: 1px solid #46E6E6;
    width: 100%;
    max-width: 200px;
    text-align: center;
    background: none;
    transition: 0.2s;
}

.InnerGIGABYTEContent .eagle_utility_button:hover {
    padding: 1%;
    margin: auto;
    border: 1px solid #46E6E6;
    width: 100%;
    max-width: 200px;
    text-align: center;
    background: rgba(70, 230, 230, 0.1);
    transition: 0.2s;
}

.InnerGIGABYTEContent .eagle_utility {
    width: 100%;
    position: relative;
    padding-bottom: 10%;
    padding-top: 5%;
    background-image: url('https://www.gigabyte.com/FileUpload/Global/KeyFeature/2100/innergigabyteimages/eagle/30.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 300;
}

.InnerGIGABYTEContent .eagle_utility_outside {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    text-align: center;
}

.InnerGIGABYTEContent .eagle_build_strong_outside {
    width: 100%;
    max-width: 1600px;
    margin: auto;
}

@media screen and (max-width:1800px) {
    .InnerGIGABYTEContent .eagle_build_strong_outside {
        width: 100%;
        max-width: 1200px;
        margin: auto;
    }
}

@media screen and (max-width:1400px) {
    .InnerGIGABYTEContent .eagle_build_strong_outside {
        width: 100%;
        max-width: 1000px;
        margin: auto;
    }
}

.InnerGIGABYTEContent .eagle_build_strong_inside_padding {
    padding: 10% 0;
}

.InnerGIGABYTEContent .ep1 {
    padding: 1%;
}

.InnerGIGABYTEContent .heat_feature_container_outside {
    width: 100%;
    max-width: 1400px;
    margin: auto;
}

.InnerGIGABYTEContent .heat_feature_container {
    width: 100%;
    position: relative;
    padding: 10vw;
    z-index: 500;
    background: #0E0E0E;
}

.InnerGIGABYTEContent .heat_feature_container>div {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.heat_feature_cols {
    width: 100%;
}

.heat_feature_cols>div {
    max-width: 600px;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.heat_feature_cols>div:first-child {
    margin: 0 10vw 0 0;
}

.heat_feature_cols>div>img {
    height: 400px;
}

@media screen and (max-width:1500px) {
    .heat_feature_cols>div>img {
        width: 100%;
        height: unset;
    }
}

@media screen and (max-width:1200px) {
    .InnerGIGABYTEContent .heat_feature_container {
        padding: 15vw 5vw;
    }
    .InnerGIGABYTEContent .heat_feature_container>div {
        flex-direction: column;
    }
    .heat_feature_cols>div:first-child {
        margin: 0 0 15vw 0;
    }
    .heat_feature_cols>div {
        max-width: unset;
        width: 100%;
    }
}

.heat_feature_col_text {
    margin: 3vw 0 0 0;
}

.InnerGIGABYTEContent .heat_feature_container_inside {
    padding: 3% 3vw 0 3vw;
}

.InnerGIGABYTEContent .eagle_video_l {
    width: 100%;
    height: 0;
    padding-bottom: 55%;
    overflow: hidden;
    position: relative;
    z-index: 11000;
}

.InnerGIGABYTEContent .eagle_video_l_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.InnerGIGABYTEContent .eagle_video_l_slogan {
    position: absolute;
    left: 0;
    padding-top: 10%;
    width: 100%;
    margin: auto;
}

.InnerGIGABYTEContent .section_windforce_3d {
    width: 100%;
    text-align: center;
    opacity: 0;
    transition: 2s;
    position: relative;
}

.InnerGIGABYTEContent .section_windforce_flow {
    width: 100%;
    text-align: center;
    opacity: 0;
    transition: 2s;
    position: relative;
}

.InnerGIGABYTEContent .section_windforce_fan {
    width: 100%;
    text-align: center;
    opacity: 0;
    transition: 2s;
    position: relative;
}

.InnerGIGABYTEContent .section_windforce_nano {
    width: 100%;
    text-align: center;
    opacity: 0;
    transition: 2s;
    position: relative;
}

.InnerGIGABYTEContent .windforce_feature_container {
    width: 100%;
    position: relative;
}

.InnerGIGABYTEContent .eagle_windforce_s {
    position: relative;
    z-index: 5000;
    background: #0e0e0e;
    width: 100%;
    padding: 10vh 0 0 0;
    margin: 0;
}

.InnerGIGABYTEContent .eagle_windforce_s_title {
    padding-top: 5vh;
    padding-left: :3vw;
    padding-right: 3vw;
    margin: 0;
    text-align: left;
}

.InnerGIGABYTEContent .eagle_windforce_s_content {
    padding-left: :3vw;
    padding-right: 3vw;
    margin: 0;
    text-align: left;
}

.InnerGIGABYTEContent .eagle_windforce_s_img {
    padding: 10vh 0 0 0;
    margin: 0;
    text-align: center;
}

.InnerGIGABYTEContent .eagle_windforce_summary_content {
    width: 42%;
    text-align: left;
    padding-left: 2vw;
}

.InnerGIGABYTEContent .eagle_windforce_summary_title {
    width: 33%;
    text-align: right;
}

.InnerGIGABYTEContent .section1_position {
    width: 100%;
    position: absolute;
    top: 0;
}

.InnerGIGABYTEContent .eagle_windforce_container_l_img {
    width: 100%;
    position: absolute;
    left: 0;
    overflow: hidden;
    top: 0;
    height: 0;
    padding-bottom: 152vh;
}

.InnerGIGABYTEContent .eagle_windforce_container_l {
    position: relative;
    z-index: 5000;
    background: #0e0e0e;
}

.InnerGIGABYTEContent .eagle_windforce_container {
    padding: 0;
    margin: 0;
    width: 100%;
    display: block;
}

.InnerGIGABYTEContent .eagle_video_s_slogan {
    position: absolute;
    left: 0;
    padding-top: 40vh;
    width: 100%;
    margin: auto;
}

.InnerGIGABYTEContent .eagle_video_s_video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.InnerGIGABYTEContent .eagle_video_s {
    width: 100%;
    height: 0;
    padding-bottom: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 10000;
}

.InnerGIGABYTEContent .eagle_overview_s_padding {
    padding: 5% 3vw;
    margin: 0;
    text-align: left;
}

.InnerGIGABYTEContent .eagle_overview_s_img_padding {
    padding: 0;
    margin: 0;
    text-align: center;
}

.InnerGIGABYTEContent .eagle_overview_s {
    z-index: 20000;
    background: #000;
}

.InnerGIGABYTEContent .eagle_icon_margin {
    margin-right: 10px;
}

.InnerGIGABYTEContent .ez0 {
    z-index: 0;
}

.InnerGIGABYTEContent .epl0 {
    padding-left: 0;
}

.InnerGIGABYTEContent .pbvh2 {
    padding-bottom: 2vh;
}

.InnerGIGABYTEContent .pbvh5 {
    padding-bottom: 5vh;
}

.InnerGIGABYTEContent .pbvh10 {
    padding-bottom: 10vh;
}

.InnerGIGABYTEContent .ep0 {
    padding: 0;
}

.InnerGIGABYTEContent .em0 {
    padding: 0;
}

.InnerGIGABYTEContent .ew100 {
    width: 100%;
}

.InnerGIGABYTEContent .eagle_icon {
    text-align: left;
    display: inline-block;
}

.InnerGIGABYTEContent .eagle_icon_s {
    padding: 3% 3vw 8% 3vw;
    margin: 0;
    text-align: left;
    display: inline-block;
}

.InnerGIGABYTEContent .eagle_icon_s_margin {
    margin-right: 10px;
}

.InnerGIGABYTEContent .section0_position {
    width: 100%;
    position: absolute;
    top: 0;
}

.InnerGIGABYTEContent .scroll_bg_01 {
    background-image: url('https://www.gigabyte.com/FileUpload/Global/KeyFeature/2100/innergigabyteimages/eagle/15_1.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top;
    transition: 3s;
}

.InnerGIGABYTEContent .scroll_bg_01.visible {
    background-image: url('https://www.gigabyte.com/FileUpload/Global/KeyFeature/2100/innergigabyteimages/eagle/15_1.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    transition: 3s;
}

.InnerGIGABYTEContent .eagle_build_strong {
    width: 100%;
    position: relative;
    background-image: url('https://www.gigabyte.com/FileUpload/Global/KeyFeature/2100/innergigabyteimages/eagle/22.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 10%;
    background-position: top center;
    z-index: 9000;
}

.InnerGIGABYTEContent .eagle_build_strong_s_padding {
    padding: 3vh 0;
}

.InnerGIGABYTEContent.eagle {
    margin: auto;
    padding: 0;
    width: 100%;
    overflow: hidden;
    max-width: 2560px;
}

#header-bar {
    z-index: 10000;
}

.InnerGIGABYTEContent .eagle_windforce_photo_1 {
    width: 100%;
    padding-top: 35vh;
    position: fixed;
    top: 0px;
    left: 0;
    height: 100vh;
    overflow: hidden;
    transition: 0.5s;
    z-index: 10000;
    pointer-events: none;
}

.InnerGIGABYTEContent .eagle_windforce_photo {
    width: 100%;
    padding-top: 35vh;
    position: fixed;
    top: 0px;
    left: 0;
    height: 100vh;
    overflow: hidden;
    transition: 0.5s;
    z-index: 100;
    pointer-events: none;
}

.InnerGIGABYTEContent .eagle_windforce {
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    /* margin-top: 5%; */
    padding-bottom: 68.5%;
    z-index: 500;
}

.InnerGIGABYTEContent .eagle_windforce_summary {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: left;
    align-items: center;
    z-index: 500;
    position: absolute;
    bottom: 20%;
}

.InnerGIGABYTEContent .eagle_boom {
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 40%;
    padding-top: 20vh;
}

.InnerGIGABYTEContent .eagle_windforce_boom_01 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    padding-bottom: 50%;
}

.InnerGIGABYTEContent .eagle_windforce_boom_02 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    padding-bottom: 50%;
}

.InnerGIGABYTEContent .eagle_windforce_boom_right img {
    transform-origin: 78.78% 46.69%;
    transition: 4s;
}

.InnerGIGABYTEContent .eagle_windforce_boom_right.rotate img {
    animation: vga_rotate_r ease-in-out 10s infinite;
    transform-origin: 78.78% 46.69%;
    transition: 4s;
}

.InnerGIGABYTEContent .eagle_windforce_boom_right_flow {
    opacity: 0;
    transition: 2s;
}

.InnerGIGABYTEContent .eagle_windforce_boom_right_life {
    opacity: 0;
    transition: 2s;
}

.InnerGIGABYTEContent .eagle_windforce_boom_center img {
    transform-origin: 51.50% 46.69%;
    transition: 4s;
}

.InnerGIGABYTEContent .eagle_windforce_boom_center.rotate img {
    animation: vga_rotate_c ease-in-out 10s infinite;
    transform-origin: 51.50% 46.69%;
    transition: 4s;
}

.InnerGIGABYTEContent .eagle_windforce_boom_left img {
    transform-origin: 25.16% 48.5%;
    transition: 4s;
}

.InnerGIGABYTEContent .eagle_windforce_boom_left.rotate img {
    animation: vga_rotate_l ease-in-out 10s infinite;
    transform-origin: 25.16% 48.5%;
    transition: 4s;
    z-index: 320;
    opacity: 1;
}

@keyframes vga_rotate_l {
    0% {
        transform: rotateZ(0);
        transition: 4s;
    }
    35% {
        transform: rotateZ(0);
        transition: 4s;
    }
    100% {
        transform: rotateZ(-3600deg);
        transition: 4s;
    }
}

@keyframes vga_rotate_r {
    0% {
        transform: rotateZ(0);
        transition: 4s;
    }
    35% {
        transform: rotateZ(0);
        transition: 4s;
    }
    100% {
        transform: rotateZ(-3600deg);
        transition: 4s;
    }
}

@keyframes vga_rotate_c {
    0% {
        transform: rotateZ(0);
        transition: 4s;
    }
    35% {
        transform: rotateZ(0);
        transition: 4s;
    }
    100% {
        transform: rotateZ(3600deg);
        transition: 4s;
    }
}

@keyframes vga_rotate_nomal {
    0% {
        transform: rotateZ(0deg);
        transition: 0.1s;
    }
    100% {
        transform: rotateZ(-7200deg);
        transition: 0.1s;
    }
}

@keyframes vga_rotate_alternate {
    0% {
        transform: rotateZ(0deg);
        transition: 0.1s;
    }
    100% {
        transform: rotateZ(7200deg);
        transition: 0.1s;
    }
}

.InnerGIGABYTEContent .eagle_windforce_boom_03 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    padding-bottom: 50%;
}

.InnerGIGABYTEContent .vga_img_slogan_1 {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    opacity: 0;
    transition: 1s;
    width: 100%;
}

.InnerGIGABYTEContent .vga_img_slogan_1 img {
    opacity: 0.7;
}

.InnerGIGABYTEContent .vga_img_slogan_2 {
    position: absolute;
    top: 0;
    left: 0;
    text-align: right;
    transition: 1s;
    width: 100%;
    z-index: 510;
}

.InnerGIGABYTEContent .vga_img_slogan_2 img {
    opacity: 0.7;
}

.InnerGIGABYTEContent .vga_img {
    position: relative;
    width: 100%;
    max-width: 1800px;
    margin: auto;
    z-index: 501;
    /* margin-top: 30vh; */
    opacity: 0;
    transition: 1s;
    left: 0;
    top: 0;
}

.InnerGIGABYTEContent .eagle_overview {
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 42%;
    position: relative;
    z-index: 500;
    background: #000;
}

.InnerGIGABYTEContent .eagle_ani {
    width: 100%;
    position: absolute;
    overflow: hidden;
    margin-top: 2%;
    top: -15vh;
    height: 0;
    padding-bottom: 100vh;
}

.InnerGIGABYTEContent .eagle_ani.eagle_ani_start {
    animation: eagle_ani_start 5s;
    transition: 0.1s;
    -webkit-transform: TranslateX(40%);
    -moz-transform: TranslateX(40%);
    -ms-transform: TranslateX(40%);
    -o-transform: TranslateX(40%);
    transform: TranslateX(40%);
}

@keyframes eagle_ani_start {
    0% {
        width: 100%;
        position: absolute;
        overflow: hidden;
        top: -15vh;
        margin-top: 0%;
        height: 0;
        padding-bottom: 100vh;
        -webkit-transform: TranslateX(0%);
        -moz-transform: TranslateX(0%);
        -ms-transform: TranslateX(0%);
        -o-transform: TranslateX(0%);
        transform: TranslateX(0%);
    }
    40% {
        width: 100%;
        position: absolute;
        overflow: hidden;
        top: -15vh;
        margin-top: 0%;
        height: 0;
        padding-bottom: 100vh;
        -webkit-transform: TranslateX(0%);
        -moz-transform: TranslateX(0%);
        -ms-transform: TranslateX(0%);
        -o-transform: TranslateX(0%);
        transform: TranslateX(0%);
    }
    100% {
        width: 100%;
        position: absolute;
        overflow: hidden;
        margin-top: 2%;
        top: -15vh;
        height: 0;
        padding-bottom: 100vh;
        -webkit-transform: TranslateX(40%);
        -moz-transform: TranslateX(40%);
        -ms-transform: TranslateX(40%);
        -o-transform: TranslateX(40%);
        transform: TranslateX(40%);
    }
}

.InnerGIGABYTEContent .eagle_ani_img {
    width: 100%;
    -webkit-filter: brightness(.2);
}

.InnerGIGABYTEContent .eagle_ani_img.eagle_ani_start_img {
    animation: eagle_ani_start_img 4s;
    transition: 0.1s;
}

@keyframes eagle_ani_start_img {
    0% {
        -webkit-filter: brightness(.2);
    }
    15% {
        -webkit-filter: brightness(1);
    }
    17% {
        -webkit-filter: brightness(1.5);
    }
    19% {
        -webkit-filter: brightness(1);
    }
    21% {
        -webkit-filter: brightness(1.7);
    }
    23% {
        -webkit-filter: brightness(1);
    }
    25% {
        -webkit-filter: brightness(1.9);
    }
    27% {
        -webkit-filter: brightness(1);
    }
    29% {
        -webkit-filter: brightness(2.0);
    }
    31% {
        -webkit-filter: brightness(1);
    }
    36% {
        -webkit-filter: brightness(0.8);
        transform: scale(1, 1);
    }
    40% {
        transform: scale(1.01, 1.01);
    }
    42% {
        -webkit-filter: brightness(1.5);
        transform: scale(1.01, 1.01);
    }
    60% {
        -webkit-filter: brightness(1.1);
    }
    70% {
        -webkit-filter: brightness(0.9);
    }
    /* 83% {
        -webkit-filter: brightness(1.5);

    } */
    100% {
        -webkit-filter: brightness(.2);
        transform: scale(1, 1);
    }
}

.InnerGIGABYTEContent .eagle_product_img {
    opacity: 0;
    width: 62%;
    position: absolute;
    max-width: 1920px;
    overflow: hidden;
    top: 0vh;
    height: 0;
    padding-bottom: 100vh;
    margin-top: 2%;
    -webkit-transform: TranslateX(-12%);
    -moz-transform: TranslateX(-12%);
    -ms-transform: TranslateX(-12%);
    -o-transform: TranslateX(-12%);
    transform: TranslateX(-12%);
}

.InnerGIGABYTEContent .eagle_product_img.eagle_product_img_ani_start {
    animation: eagle_product_img_ani_start 5s;
    transition: 0.1s;
}

@keyframes eagle_product_img_ani_start {
    0% {
        opacity: 0;
        width: 62%;
        position: absolute;
        max-width: 1920px;
        overflow: hidden;
        top: 0vh;
        height: 0;
        padding-bottom: 100vh;
        margin-top: 2%;
        -webkit-transform: TranslateX(-20%);
        -moz-transform: TranslateX(-20%);
        -ms-transform: TranslateX(-20%);
        -o-transform: TranslateX(-20%);
        transform: TranslateX(-20%);
    }
    40% {
        opacity: 0;
        width: 62%;
        position: absolute;
        max-width: 1920px;
        overflow: hidden;
        top: 0vh;
        height: 0;
        padding-bottom: 100vh;
        margin-top: 2%;
        -webkit-transform: TranslateX(-20%);
        -moz-transform: TranslateX(-20%);
        -ms-transform: TranslateX(-20%);
        -o-transform: TranslateX(-20%);
        transform: TranslateX(-20%);
    }
    100% {
        width: 62%;
        position: absolute;
        opacity: 1;
        max-width: 1920px;
        overflow: hidden;
        top: 0vh;
        height: 0;
        padding-bottom: 100vh;
        margin-top: 2%;
        -webkit-transform: TranslateX(-12%);
        -moz-transform: TranslateX(-12%);
        -ms-transform: TranslateX(-12%);
        -o-transform: TranslateX(-12%);
        transform: TranslateX(-12%);
    }
}

.InnerGIGABYTEContent .eagle_product_text {
    opacity: 0;
    width: 35%;
    position: absolute;
    top: 0;
    left: 60%;
    margin-top: 30%;
    -webkit-transform: TranslateX(0%);
    -moz-transform: TranslateX(0%);
    -ms-transform: TranslateX(0%);
    -o-transform: TranslateX(0%);
    transform: TranslateX(0%);
}

.InnerGIGABYTEContent .eagle_product_text.eagle_product_text_ani_start {
    animation: eagle_product_text_ani_start 5s;
    transition: 0.1s;
}

@keyframes eagle_product_text_ani_start {
    0% {
        opacity: 0;
        -webkit-transform: TranslateX(15%);
        -moz-transform: TranslateX(15%);
        -ms-transform: TranslateX(15%);
        -o-transform: TranslateX(15%);
        transform: TranslateX(15%);
    }
    40% {
        opacity: 0;
        -webkit-transform: TranslateX(15%);
        -moz-transform: TranslateX(15%);
        -ms-transform: TranslateX(15%);
        -o-transform: TranslateX(15%);
        transform: TranslateX(15%);
    }
    100% {
        opacity: 1;
        -webkit-transform: TranslateX(0%);
        -moz-transform: TranslateX(0%);
        -ms-transform: TranslateX(0%);
        -o-transform: TranslateX(0%);
        transform: TranslateX(0%);
    }
}

.InnerGIGABYTEContent .eagle_windforce_alternate {
    width: 50%;
    margin: auto;
    text-align: center;
    margin-top: 10%;
    z-index: 290;
    transition: 2s;
    opacity: 0;
}

.InnerGIGABYTEContent .eagle_windforce_3d_content {
    width: 35%;
    margin-top: 10%;
    position: relative;
    left: 50%;
    text-align: left;
}

.InnerGIGABYTEContent .eagle_windforce_flow_content {
    width: 35%;
    margin-top: 10%;
    position: relative;
    left: 50%;
    text-align: left;
}

.InnerGIGABYTEContent .eagle_windforce_fan_content {
    width: 35%;
    margin-top: 10%;
    position: relative;
    left: 50%;
    text-align: left;
}

.InnerGIGABYTEContent .eagle_windforce_nano_content {
    width: 35%;
    margin-top: 10%;
    position: relative;
    left: 50%;
    text-align: left;
}

.InnerGIGABYTEContent .eagle_aorus_engine {
    text-align: center;
    margin: auto;
}

@media screen and (min-width: 1920px) {
    .InnerGIGABYTEContent .eagle_boom {
        width: 100%;
        height: 0;
        overflow: hidden;
        position: relative;
        padding-bottom: 38%;
        padding-top: 15vh;
    }
}

@media screen and (min-width: 1800px) and (max-width: 1920px) {
    .InnerGIGABYTEContent .eagle_product_text {
        opacity: 0;
        width: 35%;
        position: absolute;
        top: 0;
        left: 60%;
        margin-top: 20%;
        -webkit-transform: TranslateX(0%);
        -moz-transform: TranslateX(0%);
        -ms-transform: TranslateX(0%);
        -o-transform: TranslateX(0%);
        transform: TranslateX(0%);
    }
    .InnerGIGABYTEContent .eagle_boom {
        width: 100%;
        height: 0;
        overflow: hidden;
        position: relative;
        padding-bottom: 45%;
        padding-top: 13vh;
    }
    .InnerGIGABYTEContent .vga_img {
        position: relative;
        width: 100%;
        max-width: 1500px;
        margin: auto;
        z-index: 501;
        /* margin-top: 30vh; */
        opacity: 0;
        transition: 1s;
        left: 0;
        top: 0;
        margin-top: 3%;
    }
    .InnerGIGABYTEContent .eagle_windforce_alternate {
        width: 55%;
        margin: auto;
        text-align: center;
        margin-top: 12%;
        z-index: 290;
        transition: 2s;
        opacity: 0;
    }
}

@media screen and (min-width: 1700px) and (max-width: 1800px) {
    .InnerGIGABYTEContent .eagle_product_text {
        opacity: 0;
        width: 35%;
        position: absolute;
        top: 0;
        left: 60%;
        margin-top: 20%;
        -webkit-transform: TranslateX(0%);
        -moz-transform: TranslateX(0%);
        -ms-transform: TranslateX(0%);
        -o-transform: TranslateX(0%);
        transform: TranslateX(0%);
    }
    .InnerGIGABYTEContent .eagle_boom {
        width: 100%;
        height: 0;
        overflow: hidden;
        position: relative;
        padding-bottom: 45%;
        padding-top: 13vh;
    }
    .InnerGIGABYTEContent .eagle_windforce_alternate {
        width: 55%;
        margin: auto;
        text-align: center;
        z-index: 290;
        transition: 2s;
        opacity: 0;
        margin-top: 7%;
    }
    .InnerGIGABYTEContent .eagle_windforce_3d_content {
        width: 40%;
        margin-top: 7%;
        position: relative;
        left: 50%;
        text-align: left;
    }
    .InnerGIGABYTEContent .vga_img {
        position: relative;
        width: 100%;
        max-width: 1500px;
        margin: auto;
        z-index: 501;
        margin-top: 3%;
        opacity: 0;
        transition: 1s;
        left: 0;
        top: 0;
    }
}

@media screen and (min-width: 1500px) and (max-width: 1700px) {
    .InnerGIGABYTEContent .eagle_product_text {
        opacity: 0;
        width: 35%;
        position: absolute;
        top: 0;
        left: 60%;
        margin-top: 20%;
        -webkit-transform: TranslateX(0%);
        -moz-transform: TranslateX(0%);
        -ms-transform: TranslateX(0%);
        -o-transform: TranslateX(0%);
        transform: TranslateX(0%);
    }
    .InnerGIGABYTEContent .eagle_boom {
        width: 100%;
        height: 0;
        overflow: hidden;
        position: relative;
        padding-bottom: 49%;
        padding-top: 5%;
    }
    .InnerGIGABYTEContent .vga_img {
        position: relative;
        width: 100%;
        max-width: 1200px;
        margin: auto;
        z-index: 501;
        /* margin-top: 30vh; */
        opacity: 0;
        transition: 1s;
        left: 0;
        top: 0;
        margin-top: 5%;
    }
    .InnerGIGABYTEContent .eagle_windforce_alternate {
        width: 55%;
        margin: auto;
        text-align: center;
        z-index: 290;
        transition: 2s;
        opacity: 0;
        margin-top: 9%;
    }
    .InnerGIGABYTEContent .eagle_windforce_3d_content {
        width: 45%;
        margin-top: 9%;
        position: relative;
        left: 50%;
        text-align: left;
    }
    .InnerGIGABYTEContent .eagle_windforce_fan_content {
        width: 45%;
        margin-top: 9%;
        position: relative;
        left: 50%;
        text-align: left;
    }
    .InnerGIGABYTEContent .eagle_windforce_nano_content {
        width: 45%;
        margin-top: 9%;
        position: relative;
        left: 50%;
        text-align: left;
    }
}

@media screen and (min-width: 1300px) and (max-width: 1500px) {
    .InnerGIGABYTEContent .eagle_product_text {
        opacity: 0;
        width: 40%;
        position: absolute;
        top: 0;
        left: 57%;
        margin-top: 20%;
        -webkit-transform: TranslateX(0%);
        -moz-transform: TranslateX(0%);
        -ms-transform: TranslateX(0%);
        -o-transform: TranslateX(0%);
        transform: TranslateX(0%);
    }
    .InnerGIGABYTEContent .eagle_windforce_summary {
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: left;
        align-items: center;
        z-index: 500;
        position: absolute;
        bottom: 12%;
    }
    .InnerGIGABYTEContent .eagle_boom {
        width: 100%;
        height: 0;
        overflow: hidden;
        position: relative;
        padding-bottom: 55%;
        padding-top: 7%;
    }
    .InnerGIGABYTEContent .vga_img {
        position: relative;
        width: 100%;
        max-width: 800px;
        margin: auto;
        z-index: 501;
        /* margin-top: 30vh; */
        opacity: 0;
        transition: 1s;
        left: 0;
        top: 0;
        margin-top: 5%;
    }
    .InnerGIGABYTEContent .eagle_windforce_alternate {
        width: 75%;
        margin: auto;
        text-align: center;
        margin-top: 7%;
        z-index: 290;
        position: relative;
    }
    .InnerGIGABYTEContent .eagle_windforce_3d_content {
        width: 50%;
        margin: auto;
        margin-top: 7%;
        position: relative;
        left: 0;
    }
    .InnerGIGABYTEContent .eagle_windforce_flow_content {
        width: 50%;
        margin: auto;
        margin-top: 7%;
        position: relative;
        left: 0;
    }
    .InnerGIGABYTEContent .eagle_windforce_fan_content {
        width: 50%;
        margin: auto;
        margin-top: 7%;
        position: relative;
        left: 0;
        text-align: left;
    }
    .InnerGIGABYTEContent .eagle_windforce_nano_content {
        width: 50%;
        margin: auto;
        margin-top: 7%;
        position: relative;
        left: 0;
        text-align: left;
    }
}

@media screen and (min-width: 1100px) and (max-width: 1300px) {
    .InnerGIGABYTEContent .eagle_product_text {
        opacity: 0;
        width: 40%;
        position: absolute;
        top: 0;
        left: 57%;
        margin-top: 15%;
        -webkit-transform: TranslateX(0%);
        -moz-transform: TranslateX(0%);
        -ms-transform: TranslateX(0%);
        -o-transform: TranslateX(0%);
        transform: TranslateX(0%);
    }
    .InnerGIGABYTEContent .eagle_windforce_summary {
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: left;
        align-items: center;
        z-index: 500;
        position: absolute;
        bottom: 12%;
    }
    .InnerGIGABYTEContent .eagle_boom {
        width: 100%;
        height: 0;
        overflow: hidden;
        position: relative;
        padding-bottom: 55%;
        padding-top: 7%;
    }
    .InnerGIGABYTEContent .vga_img {
        position: relative;
        width: 100%;
        max-width: 800px;
        margin: auto;
        z-index: 501;
        /* margin-top: 30vh; */
        opacity: 0;
        transition: 1s;
        left: 0;
        top: 0;
        margin-top: 5%;
    }
    .InnerGIGABYTEContent .eagle_windforce_alternate {
        width: 80%;
        margin: auto;
        text-align: center;
        margin-top: 7%;
        z-index: 290;
        position: relative;
    }
    .InnerGIGABYTEContent .eagle_windforce_3d_content {
        width: 60%;
        margin: auto;
        margin-top: 7%;
        position: relative;
        left: 0;
    }
    .InnerGIGABYTEContent .eagle_windforce_flow_content {
        width: 60%;
        margin: auto;
        margin-top: 7%;
        position: relative;
        left: 0;
    }
    .InnerGIGABYTEContent .eagle_windforce_fan_content {
        width: 60%;
        margin: auto;
        margin-top: 7%;
        position: relative;
        left: 0;
        text-align: left;
    }
    .InnerGIGABYTEContent .eagle_windforce_nano_content {
        width: 60%;
        margin: auto;
        margin-top: 7%;
        position: relative;
        left: 0;
        text-align: left;
    }
}

@media screen and (min-width: 992px) and (max-width: 1100px) {
    .InnerGIGABYTEContent .eagle_product_text {
        opacity: 0;
        width: 40%;
        position: absolute;
        top: 0;
        left: 58%;
        margin-top: 20%;
        -webkit-transform: TranslateX(0%);
        -moz-transform: TranslateX(0%);
        -ms-transform: TranslateX(0%);
        -o-transform: TranslateX(0%);
        transform: TranslateX(0%);
    }
    .InnerGIGABYTEContent .eagle_overview {
        width: 100%;
        height: 0;
        overflow: hidden;
        position: relative;
        padding-bottom: 52%;
        position: relative;
        z-index: 500;
        background: #000;
    }
    .InnerGIGABYTEContent .eagle_windforce_summary {
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: left;
        align-items: center;
        z-index: 500;
        position: absolute;
        bottom: 9%;
    }
    .InnerGIGABYTEContent .eagle_boom {
        width: 100%;
        height: 0;
        overflow: hidden;
        position: relative;
        padding-bottom: 55%;
        padding-top: 7%;
    }
    .InnerGIGABYTEContent .vga_img {
        position: relative;
        width: 100%;
        max-width: 700px;
        margin: auto;
        z-index: 501;
        /* margin-top: 30vh; */
        opacity: 0;
        transition: 1s;
        left: 0;
        top: 0;
        margin-top: 5%;
    }
    .InnerGIGABYTEContent .eagle_windforce_alternate {
        width: 80%;
        margin: auto;
        text-align: center;
        padding-top: 7%;
        position: relative;
        z-index: 290;
    }
    .InnerGIGABYTEContent .eagle_windforce_3d_content {
        width: 70%;
        margin: auto;
        padding-top: 7%;
        position: relative;
        left: 0;
    }
    .InnerGIGABYTEContent .eagle_windforce_flow_content {
        width: 70%;
        margin: auto;
        padding-top: 7%;
        position: relative;
        left: 0;
    }
    .InnerGIGABYTEContent .eagle_windforce_fan_content {
        width: 70%;
        margin: auto;
        padding-top: 7%;
        position: relative;
        left: 0;
    }
    .InnerGIGABYTEContent .eagle_windforce_nano_content {
        width: 70%;
        margin: auto;
        padding-top: 7%;
        position: relative;
        left: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .InnerGIGABYTEContent .eagle_windforce {
        width: 100%;
        height: none;
        overflow: hidden;
        position: relative;
        margin-top: 5%;
        padding-bottom: 0;
    }
    .InnerGIGABYTEContent .eagle_boom {
        width: 100%;
        height: 0;
        overflow: hidden;
        position: relative;
        padding-bottom: 55%;
        padding-top: 7%;
    }
    .InnerGIGABYTEContent .vga_img {
        position: relative;
        width: 100%;
        max-width: 550px;
        margin: auto;
        z-index: 501;
        /* margin-top: 30vh; */
        opacity: 0;
        transition: 1s;
        left: 0;
        top: 0;
        margin-top: 5%;
    }
    .InnerGIGABYTEContent .eagle_windforce_alternate {
        width: 85%;
        margin: auto;
        text-align: left;
        padding: 3% 3vw;
        position: relative;
        z-index: 290;
    }
    .InnerGIGABYTEContent .eagle_windforce_3d_content {
        width: 85%;
        margin: auto;
        padding: 7% 3vw;
        position: relative;
        left: 0;
        text-align: left;
    }
    .InnerGIGABYTEContent .eagle_windforce_flow_content {
        width: 85%;
        margin: auto;
        padding: 7% 3vw;
        position: relative;
        left: 0;
        text-align: left;
    }
    .InnerGIGABYTEContent .eagle_windforce_fan_content {
        width: 85%;
        margin: auto;
        padding: 7% 3vw;
        position: relative;
        left: 0;
        text-align: left;
    }
    .InnerGIGABYTEContent .eagle_windforce_nano_content {
        width: 85%;
        margin: auto;
        padding: 7% 3vw;
        position: relative;
        left: 0;
        text-align: left;
    }
    .InnerGIGABYTEContent .eagle_build_strong_s_padding {
        padding: 3vh 3vw;
    }
}

@media screen and (min-width: 400px) and (max-width: 768px) {
    .InnerGIGABYTEContent .eagle_build_strong_s_padding {
        padding: 3vh 3vw 0;
    }
    .InnerGIGABYTEContent .eagle_boom {
        width: 100%;
        height: 0;
        overflow: hidden;
        position: relative;
        padding-bottom: 60%;
        padding-top: 10%;
    }
    .InnerGIGABYTEContent .vga_img {
        position: relative;
        width: 100%;
        max-width: 450px;
        margin: auto;
        z-index: 501;
        margin-top: 28%;
        opacity: 0;
        transition: 1s;
        left: 0;
        top: 0;
    }
    .InnerGIGABYTEContent .eagle_windforce_alternate {
        width: 100%;
        margin: auto;
        text-align: left;
        padding: 18vh 3vw;
        position: relative;
        z-index: 290;
    }
    .InnerGIGABYTEContent .eagle_windforce_3d_content {
        width: 100%;
        margin: auto;
        padding: 22vh 3vw;
        position: relative;
        left: 0;
        text-align: left;
    }
    .InnerGIGABYTEContent .eagle_windforce_flow_content {
        width: 100%;
        margin: auto;
        padding: 22vh 3vw;
        position: relative;
        left: 0;
        text-align: left;
    }
    .InnerGIGABYTEContent .eagle_windforce_fan_content {
        width: 100%;
        margin: auto;
        padding: 22vh 3vw;
        position: relative;
        left: 0;
        text-align: left;
    }
    .InnerGIGABYTEContent .eagle_windforce_nano_content {
        width: 100%;
        margin: auto;
        padding: 22vh 3vw;
        position: relative;
        left: 0;
        text-align: left;
    }
    .InnerGIGABYTEContent .eagle_aorus_engine {
        width: 100%;
        text-align: center;
        padding-top: 10%;
        padding-left: 3vw;
        padding-right: 3vw;
    }
    .InnerGIGABYTEContent .scroll_bg_01 {
        background-image: linear-gradient(135deg, rgba(0, 0, 0, 1) 0%, rgba(0, 78, 99, 1) 26%, rgba(4, 164, 204, 1) 65%, rgba(2, 92, 117, 1) 84%, rgba(0, 0, 0, 1) 100%);
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: local;
        background-position: top;
        transition: 3s;
    }
    .InnerGIGABYTEContent .scroll_bg_01.visible {
        background-image: linear-gradient(135deg, rgba(0, 0, 0, 1) 0%, rgba(0, 78, 99, 1) 26%, rgba(4, 164, 204, 1) 65%, rgba(2, 92, 117, 1) 84%, rgba(0, 0, 0, 1) 100%);
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: local;
        background-position: top;
        transition: 3s;
    }
    .InnerGIGABYTEContent .eagle_build_strong {
        width: 100%;
        position: relative;
        background-image: url('https://www.gigabyte.com/FileUpload/Global/KeyFeature/2100/innergigabyteimages/eagle/22.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        padding: 10% 0;
        background-position: top center;
    }
}

@media screen and (max-width: 400px) {
    .InnerGIGABYTEContent .eagle_build_strong_s_padding {
        padding: 3vh 3vw 0;
    }
    .InnerGIGABYTEContent .eagle_boom {
        width: 100%;
        height: 0;
        overflow: hidden;
        position: relative;
        padding-bottom: 60%;
        padding-top: 10%;
    }
    .InnerGIGABYTEContent .vga_img {
        position: relative;
        width: 100%;
        max-width: 450px;
        margin: auto;
        z-index: 501;
        margin-top: 50%;
        opacity: 0;
        transition: 1s;
        left: 0;
        top: 0;
    }
    .InnerGIGABYTEContent .eagle_windforce_alternate {
        width: 100%;
        margin: auto;
        text-align: left;
        padding: 12vh 3vw;
        position: relative;
        z-index: 290;
    }
    .InnerGIGABYTEContent .eagle_windforce_3d_content {
        width: 100%;
        margin: auto;
        padding: 12vh 3vw;
        position: relative;
        left: 0;
        text-align: left;
    }
    .InnerGIGABYTEContent .eagle_windforce_flow_content {
        width: 100%;
        margin: auto;
        padding: 12vh 3vw;
        position: relative;
        left: 0;
        text-align: left;
    }
    .InnerGIGABYTEContent .eagle_windforce_fan_content {
        width: 100%;
        margin: auto;
        padding: 12vh 3vw;
        position: relative;
        left: 0;
        text-align: left;
    }
    .InnerGIGABYTEContent .eagle_windforce_nano_content {
        width: 100%;
        margin: auto;
        padding: 12vh 3vw;
        position: relative;
        left: 0;
        text-align: left;
    }
    .InnerGIGABYTEContent .eagle_aorus_engine {
        width: 100%;
        text-align: center;
        padding-top: 10%;
        padding-left: 3vw;
        padding-right: 3vw;
    }
    .InnerGIGABYTEContent .scroll_bg_01 {
        background-image: linear-gradient(135deg, rgba(0, 0, 0, 1) 0%, rgba(0, 78, 99, 1) 26%, rgba(4, 164, 204, 1) 65%, rgba(2, 92, 117, 1) 84%, rgba(0, 0, 0, 1) 100%);
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: local;
        background-position: top;
        transition: 3s;
    }
    .InnerGIGABYTEContent .scroll_bg_01.visible {
        background-image: linear-gradient(135deg, rgba(0, 0, 0, 1) 0%, rgba(0, 78, 99, 1) 26%, rgba(4, 164, 204, 1) 65%, rgba(2, 92, 117, 1) 84%, rgba(0, 0, 0, 1) 100%);
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: local;
        background-position: top;
        transition: 3s;
    }
    .InnerGIGABYTEContent .eagle_build_strong {
        width: 100%;
        position: relative;
        background-image: url('https://www.gigabyte.com/FileUpload/Global/KeyFeature/2100/innergigabyteimages/eagle/22.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        padding: 10% 0;
        background-position: top center;
    }
}

/* NV logos  */

.InnerGIGABYTEContent .nv_logo_item {
    display: inline-block;
    margin: 0 auto;
    font-size: 0;
    width: 13.9%;
    border-left: 1px solid #ddd;
}

.InnerGIGABYTEContent .nv_logo_item img {
    font-size: 0;
    display: inline-block;
    margin: 0 auto;
}

.InnerGIGABYTEContent .nv_logo_item:nth-child(1) {
    border-left: none;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .InnerGIGABYTEContent .nv_logo_item {
        width: 20%;
    }
    .InnerGIGABYTEContent .nv_logo_item:nth-child(5) {
        border-left: 1px solid #000;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .InnerGIGABYTEContent .nv_logo_item {
        width: 30%;
        border: none;
    }
    .InnerGIGABYTEContent .nv_logo_item:nth-child(2) {
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
    }
    .InnerGIGABYTEContent .nv_logo_item:nth-child(5) {
        margin-top: 2%;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
    }
}

@media screen and (max-width: 768px) {
    .InnerGIGABYTEContent .nv_logo_item {
        width: 40%;
        border: none;
    }
    .InnerGIGABYTEContent .nv_logo_item:nth-child(odd) {
        border-right: 1px solid #ddd;
        margin-top: 2%;
    }
    .InnerGIGABYTEContent .nv_logo_item:nth-child(7) {
        border-right: 1px solid #000;
    }
}

.sec1 {
    max-width: 2560px;
    width: 100%;
    height: calc(100vh - 62px);
    position: relative;
    min-height: 100vh;
    background-image: url("https://www.gigabyte.com/FileUpload/Global/KeyFeature/2100/innergigabyteimages/featurebg01.jpg");
    background-position: top center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    background-size: 100%;
}

/* @media screen and (max-width:1440px) {
    max-width: 2560px;
    width: 100%;
    height: 800px;
    position: relative;
    background: #000;
} */

/* @media screen and (max-width:1200px) {
    max-width: 2560px;
    width: 100%;
    height: calc(100vh - 62px);
    position: relative;
    background: #000;
} */

.kf-sliders {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width:1200px) {
    .sec1 {
        height: unset;
        background: #000;
        min-height: auto;
    }
}

.kf-logos {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.kf-logos img {
    height: 80px;
    margin: 0 1vw 0 0;
}

.kf-logos img:last-child {
    margin: 0;
}

.nv-rtx {
    max-height: 57px;
}

.kf-sliders {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.kf-slider {
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    padding: 0 3vw 0 10vw;
    top: 0;
    left: 0;
    transition: all .5s cubic-bezier(0, 0, 0, 1);
    display: none;
    z-index: 0;
}

@media screen and (max-width:1200px) {
    .kf-slider {
        flex-direction: column;
        display: flex;
        padding: 0 5vw;
    }
}

.kf-slider:first-child {
    position: relative;
}

.kf-slider.kf-prev {
    transform: translateX(-100%);
    display: flex;
    z-index: 3;
}

.kf-slider.kf-next {
    transform: translateX(100%);
    display: flex;
    z-index: 3;
}

.kf-slider.kf-active {
    transform: translateX(0);
    display: flex;
    z-index: 5;
}

.kf-slider-prev-btn {
    width: 10vw;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
}

.kf-slider-prev-btn:hover {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}

.kf-slider-prev-btn>div {
    width: 20px;
    height: 20px;
    border-bottom: 1px white solid;
    border-left: 1px white solid;
    transform: rotate(45deg);
    transition: all .5s;
}

.kf-slider-prev-btn:hover div {
    border-bottom: 1px #46E6E6 solid;
    border-left: 1px #46E6E6 solid;
}

.kf-slider-next-btn {
    width: 10vw;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
}

.kf-slider-next-btn:hover {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}

.kf-slider-next-btn>div {
    width: 20px;
    height: 20px;
    border-top: 1px white solid;
    border-right: 1px white solid;
    transform: rotate(45deg);
    transition: all .5s;
}

.kf-slider-next-btn:hover div {
    border-top: 1px #46E6E6 solid;
    border-right: 1px #46E6E6 solid;
}

.kf-img-bg {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);    
}

.kf-text {
    width: 100%;
    min-width: 500px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    position: relative;        
}


.kf-text01 {
    left:4%;
}

.kf-img {
    position: relative;
    width: 60%;
    /*     -webkit-filter: url(#noise);
    filter: url(#noise); */
}


@media screen and (min-width: 1200px) and (max-width: 1600px) {
    .kf-img-bg {
        position: absolute;
        width: 2560px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

@media screen and (max-width:1200px) {
    .kf-text {
        margin: 10vw 0 0 0;
        min-width: unset;
    }
    .kf-img {
        margin: 10vw 0;
        width: 100%;
    }
    .kf-img-bg {
        position: absolute;
        width: 2560px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

/* ////////RGB////////////// */

.sec3 {
    max-width: 2560px;
    width: 100%;
    height: calc(100vh - 61px);
    padding: 0 5vw;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    z-index: 200000;
}

@media screen and (max-width:1200px) {
    .sec3 {
        flex-direction: column;
        height: unset;
        padding: 10vw 5vw;
    }
}

.rgb-bg-img {
    width: 2560px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: hue-rotate(0deg);
    animation: rgb-bg-img 3s linear infinite;
}

@keyframes rgb-bg-img {
    0% {
        filter: hue-rotate(10deg);
    }
    50% {
        filter: hue-rotate(-10deg);
    }
    100% {
        filter: hue-rotate(10deg);
    }
}

.rgb-text {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    margin: 0 5vw 0 0;
    position: relative;
}

@media screen and (max-width:1200px) {
    .rgb-text {
        margin: 0;
    }
}

.rgb-text h3, .rgb-text h4 {
    text-align: left;
}

.rgb-text p {
    text-align: left;
    width: 100%;
    max-width: 870px;
}

.rgb-text span {
    margin-top: 10px;
    width: 120px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ff6400;
}

.rgb-text a {
    font-weight: bold;
}

.rgb-text a:hover {
    color: #fff;
    text-shadow: 0 0 10px #ff6400, 0 0 20px #ff6400, 0 0 30px #ff6400;
    text-decoration-line: none;
}

@media screen and (max-width:1200px) {
    .rgb-text span {
        display: none;
    }
}

.rgb-imgs {
    width: 100%;
    position: relative;
    animation: rgb-imgs 10s ease-in-out infinite;
}

@keyframes rgb-imgs {
    0% {
        transform: translateY(-15px);
    }
    50% {
        transform: translateY(15px);
    }
    100% {
        transform: translateY(-15px);
    }
}

@media screen and (max-width:1200px) {
    .rgb-imgs {
        margin: 5vw 0 0 0;
        animation: none;
    }
}

.rgb-bgs {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.rgb-bgs>* {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

.rgb-bgs *.active {
    display: flex;
}

.rgb-cover {
    width: 100%;
    position: relative;
    z-index: 1;
}

.rgb-bg-fill {
    fill: #ff6400;
}

.huerotate {
    animation: huerotate 4s linear infinite;
}

@keyframes huerotate {
    0% {
        filter: hue-rotate(0);
    }
    100% {
        filter: hue-rotate(359deg);
    }
}

.flash {
    animation: flash .5s linear infinite;
}

@keyframes flash {
    0% {
        filter: brightness(1);
    }
    50% {
        filter: brightness(0);
    }
    100% {
        filter: brightness(1);
    }
}

.doubleflash {
    animation: doubleflash 1s linear infinite;
}

@keyframes doubleflash {
    0% {
        filter: brightness(1);
    }
    10% {
        filter: brightness(0);
    }
    20% {
        filter: brightness(1);
    }
    30% {
        filter: brightness(0);
    }
    40% {
        filter: brightness(1);
    }
    100% {
        filter: brightness(1);
    }
}

.pulse {
    animation: pulse 4s linear infinite;
}

@keyframes pulse {
    0% {
        filter: brightness(1);
    }
    50% {
        filter: brightness(.1);
    }
    100% {
        filter: brightness(1);
    }
}

.rgb-btn-colorpicker {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 1vw 0 0 0;
}

.rgb-btns {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.rgb-btns::-webkit-scrollbar {
    height: 0px;
}

.rgb-btns>div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 1vw 1vw 0;
    cursor: pointer;
    filter: grayscale(1);
    width: 100px;
    transition: all .5s;
}

.rgb-btns>div:hover {
    filter: grayscale(0);
    transform: translateY(-1px)
}

.rgb-btns>div.active {
    filter: grayscale(0);
}

#wheelPicker {
    display: block;
}

#sliderPicker {
    display: none;
    padding: 5% 0 0 0;
}

@media screen and (max-width:1200px) {
    .rgb-btns {
        padding: 0;
    }
}

@media screen and (max-width:900px) {
    .rgb-btn-colorpicker {
        flex-direction: column;
    }
    .rgb-btns {
        justify-content: flex-start;
        overflow: auto;
        padding: 0;
        margin: 5vw 5vw 0;
        width: 100%;
    }
    .rgb-btns>div {
        padding: 0 6px;
    }
    .rgb-btns p {
        font-size: 12px;
        line-height: 1.5;
        display: none;
    }
    .rgb-gesture {
        display: block;
    }
    #wheelPicker {
        display: none;
    }
    #sliderPicker {
        display: block;
    }
}

.rgb-btns p {
    color: #ff6400;
    text-align: center;
    line-height: 1;
}

.yt-video-section {
    position: relative;
    overflow: hidden;
}

.yt-video-section img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.yt-video-section .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.yt-video-section .video-container iframe, .yt-video-section .video-container object, .yt-video-section .video-container embed {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 90%;
}

@media screen and (max-width:1200px) {
    .yt-video-section .video-container iframe, .yt-video-section .video-container object, .yt-video-section .video-container embed {
        width: 100%;
        height: 100%;
    }
    #keyfeature {
        height: 600px;
        
    }
}