.monitor_button {

    transform: scale(1.03, 1.03);
    transition: .5s;
}

.monitor_button2 {

    transform: scale(1.03, 1.03);
    transition: .5s;
    position: relative;
    z-index: 200;

}


.monitor_button:hover {
    transform: scale(1, 1);
    transition: .2s;
    cursor: pointer;

}


.monitor_button2:hover {
    transform: scale(1, 1);
    transition: .2s;
    cursor: pointer;
}

.monitor_button:hover img {
    opacity: 0;
}

.monitor_button2:hover img {
    opacity: 0;
}


.monitor_button_active {

    opacity: 0;
}

.monitor_button_click {

    -webkit-filter: grayscale(1)brightness(.3)drop-shadow(2px 2px 1px rgba(0, 0, 0, .9));
}

.monitor_button_img_1_ani {
    -webkit-animation: monitor_button_img 20s 0s infinite;
    -o-animation: monitor_button_img 20s 0s infinite;
    animation: monitor_button_img 20s 0s infinite;
    -webkit-filter: grayscale(1)brightness(.3)drop-shadow(-2px -2px 1px rgba(0, 0, 0, .9));
}


.monitor_button_img_2_ani {
    -webkit-animation: monitor_button_img 20s 4s infinite;
    -o-animation: monitor_button_img 20s 4s infinite;
    animation: monitor_button_img 20s 4s infinite;
    -webkit-filter: grayscale(1)brightness(.3)drop-shadow(2px 2px 1px rgba(0, 0, 0, .9));
}

.monitor_button_img_3_ani {
    -webkit-animation: monitor_button_img 20s 8s infinite;
    -o-animation: monitor_button_img 20s 8s infinite;
    animation: monitor_button_img 20s 8s infinite;
    -webkit-filter: grayscale(1)brightness(.3)drop-shadow(2px 2px 1px rgba(0, 0, 0, .9));
}


.monitor_button_img_4_ani {
    -webkit-animation: monitor_button_img 20s 12s infinite;
    -o-animation: monitor_button_img 20s 12s infinite;
    animation: monitor_button_img 20s 12s infinite;
    -webkit-filter: grayscale(1)brightness(.3)drop-shadow(2px 2px 1px rgba(0, 0, 0, .9));
}

.monitor_button_img_5_ani {
    -webkit-animation: monitor_button_img 20s 16s infinite;
    -o-animation: monitor_button_img 20s 16s infinite;
    animation: monitor_button_img 20s 16s infinite;
    -webkit-filter: grayscale(1)brightness(.3)drop-shadow(2px 2px 1px rgba(0, 0, 0, .9));
}


@keyframes monitor_button_img {
    0% {
        -webkit-filter: grayscale(1)brightness(.3)drop-shadow(2px 2px 1px rgba(0, 0, 0, .9));
    }

    1% {
        -webkit-filter: grayscale(0)brightness(1);
    }

    19% {
        -webkit-filter: grayscale(0)brightness(1);
    }

    20% {
        -webkit-filter: grayscale(1)brightness(.3)drop-shadow(2px 2px 1px rgba(0, 0, 0, .9));
    }

    100% {
        -webkit-filter: grayscale(1)brightness(.3)drop-shadow(2px 2px 1px rgba(0, 0, 0, .9));
    }
}


.monitor_button2_img_1_ani {
    -webkit-animation: monitor_button2_img 30s 0s infinite;
    -o-animation: monitor_button2_img 30s 0s infinite;
    animation: monitor_button2_img 30s 0s infinite;
    -webkit-filter: grayscale(1)brightness(.3)drop-shadow(2px 2px 1px rgba(0, 0, 0, .9));
}


.monitor_button2_img_2_ani {
    -webkit-animation: monitor_button2_img 30s 4.2s infinite;
    -o-animation: monitor_button2_img 30s 4.2s infinite;
    animation: monitor_button2_img 30s 4.2s infinite;
    -webkit-filter: grayscale(1)brightness(.3)drop-shadow(2px 2px 1px rgba(0, 0, 0, .9));
}

.monitor_button2_img_3_ani {
    -webkit-animation: monitor_button2_img 30s 8.4s infinite;
    -o-animation: monitor_button2_img 30s 8.4s infinite;
    animation: monitor_button2_img 30s 8.4s infinite;
    -webkit-filter: grayscale(1)brightness(.3)drop-shadow(2px 2px 1px rgba(0, 0, 0, .9));
}


.monitor_button2_img_4_ani {
    -webkit-animation: monitor_button2_img 30s 12.6s infinite;
    -o-animation: monitor_button2_img 30s 12.6s infinite;
    animation: monitor_button2_img 30s 12.6s infinite;
    -webkit-filter: grayscale(1)brightness(.3)drop-shadow(2px 2px 1px rgba(0, 0, 0, .9));
}

.monitor_button2_img_5_ani {
    -webkit-animation: monitor_button2_img 30s 16.8s infinite;
    -o-animation: monitor_button2_img 30s 16.8s infinite;
    animation: monitor_button2_img 30s 16.8s infinite;
    -webkit-filter: grayscale(1)brightness(.3)drop-shadow(2px 2px 1px rgba(0, 0, 0, .9));
}


.monitor_button2_img_6_ani {
    -webkit-animation: monitor_button2_img 30s 21s infinite;
    -o-animation: monitor_button2_img 30s 21s infinite;
    animation: monitor_button2_img 30s 21s infinite;
    -webkit-filter: grayscale(1)brightness(.3)drop-shadow(2px 2px 1px rgba(0, 0, 0, .9));
}

.monitor_button2_img_7_ani {
    -webkit-animation: monitor_button2_img 30s 25.2s infinite;
    -o-animation: monitor_button2_img 30s 25.2s infinite;
    animation: monitor_button2_img 30s 25.2s infinite;
    -webkit-filter: grayscale(1)brightness(.3)drop-shadow(2px 2px 1px rgba(0, 0, 0, .9));
}




@keyframes monitor_button2_img {
    0% {
        -webkit-filter: grayscale(1)brightness(.3)drop-shadow(2px 2px 1px rgba(0, 0, 0, .9));
    }

    2% {
        -webkit-filter: grayscale(0)brightness(1);
    }

    13% {
        -webkit-filter: grayscale(0)brightness(1);
    }

    14% {
        -webkit-filter: grayscale(1)brightness(.3)drop-shadow(2px 2px 1px rgba(0, 0, 0, .9));
    }

    100% {
        -webkit-filter: grayscale(1)brightness(.3)drop-shadow(2px 2px 1px rgba(0, 0, 0, .9));
    }
}



/* content */

.monitor_content_1_ani {

    -webkit-animation: monitor_feature_content_animation 20s 0s infinite;
    -o-animation: monitor_feature_content_animation 20s 0s infinite;
    animation: monitor_feature_content_animation 20s 0s infinite;
    height: 0;
    overflow: hidden;
    transition: 1s;

}

.monitor_content_2_ani {
    -webkit-animation: monitor_feature_content_animation 20s 4s infinite;
    -o-animation: monitor_feature_content_animation 20s 4s infinite;
    animation: monitor_feature_content_animation 20s 4s infinite;
    height: 0;
    overflow: hidden;
    transition: 1s;
}


.monitor_content_3_ani {
    -webkit-animation: monitor_feature_content_animation 20s 8s infinite;
    -o-animation: monitor_feature_content_animation 20s 8s infinite;
    animation: monitor_feature_content_animation 20s 8s infinite;
    height: 0;
    overflow: hidden;
    transition: 1s;
}


.monitor_content_4_ani {
    -webkit-animation: monitor_feature_content_animation 20s 12s infinite;
    -o-animation: monitor_feature_content_animation 20s 12s infinite;
    animation: monitor_feature_content_animation 20s 12s infinite;
    height: 0;
    overflow: hidden;
    transition: 1s;
}


.monitor_content_5_ani {
    -webkit-animation: monitor_feature_content_animation 20s 16s infinite;
    -o-animation: monitor_feature_content_animation 20s 16s infinite;
    animation: monitor_feature_content_animation 20s 16s infinite;
    height: 0;
    overflow: hidden;
    transition: 1s;
}


@keyframes monitor_feature_content_animation {
    0% {
        height: auto;
        transition: 3s;
        opacity: 0;
    }

    5% {
        height: auto;
        transition: 3s;
        opacity: 1;
    }

    15% {
        height: auto;
        transition: 3s;
        opacity: 1;
    }

    19% {
        height: auto;
        transition: 3s;
    }

    20% {
        height: 0;
        transition: 3s;
        opacity: 0;
    }

    100% {
        height: 0;
        transition: 3s;
    }
}



/* content2 */

.monitor_content2_1_ani {

    -webkit-animation: monitor_feature_content2_animation 30s 0s infinite;
    -o-animation: monitor_feature_content2_animation 30s 0s infinite;
    animation: monitor_feature_content2_animation 30s 0s infinite;
    height: 0;
    overflow: hidden;
    transition: 1s;

}

.monitor_content2_2_ani {
    -webkit-animation: monitor_feature_content2_animation 30s 4.2s infinite;
    -o-animation: monitor_feature_content2_animation 30s 4.2s infinite;
    animation: monitor_feature_content2_animation 30s 4.2s infinite;
    height: 0;
    overflow: hidden;
    transition: 1s;
}


.monitor_content2_3_ani {
    -webkit-animation: monitor_feature_content2_animation 30s 8.4s infinite;
    -o-animation: monitor_feature_content2_animation 30s 8.4s infinite;
    animation: monitor_feature_content2_animation 30s 8.4s infinite;
    height: 0;
    overflow: hidden;
    transition: 1s;
}


.monitor_content2_4_ani {
    -webkit-animation: monitor_feature_content2_animation 30s 12.6s infinite;
    -o-animation: monitor_feature_content2_animation 30s 12.6s infinite;
    animation: monitor_feature_content2_animation 30s 12.6s infinite;
    height: 0;
    overflow: hidden;
    transition: 1s;
}


.monitor_content2_5_ani {
    -webkit-animation: monitor_feature_content2_animation 30s 16.8s infinite;
    -o-animation: monitor_feature_content2_animation 30s 16.8s infinite;
    animation: monitor_feature_content2_animation 30s 16.8s infinite;
    height: 0;
    overflow: hidden;
    transition: 1s;
}


.monitor_content2_6_ani {
    -webkit-animation: monitor_feature_content2_animation 30s 21s infinite;
    -o-animation: monitor_feature_content2_animation 30s 21s infinite;
    animation: monitor_feature_content2_animation 30s 21s infinite;
    height: 0;
    overflow: hidden;
    transition: 1s;
}


.monitor_content2_7_ani {
    -webkit-animation: monitor_feature_content2_animation 30s 25.2s infinite;
    -o-animation: monitor_feature_content2_animation 30s 25.2s infinite;
    animation: monitor_feature_content2_animation 30s 25.2s infinite;
    height: 0;
    overflow: hidden;
    transition: 1s;
}


@keyframes monitor_feature_content2_animation {
    0% {
        height: auto;
        transition: 3s;
        opacity: 0;
    }

    3% {
        height: auto;
        transition: 3s;
        opacity: 1;
    }

    11% {
        height: auto;
        transition: 3s;
        opacity: 1;
    }

    13% {
        height: auto;
        transition: 3s;
    }

    14% {
        height: 0;
        transition: 3s;
        opacity: 0;
    }

    100% {
        height: 0;
        transition: 3s;
    }
}


/* .monitor_part2_bg{
-webkit-animation: monitor_part2_bg 20s infinite;
-o-animation: monitor_part2_bg 20s infinite;
animation: monitor_part2_bg 20s infinite;
background-image: url('../img/monitor/16.jpg');
} */



.monitor_part1_inside {
    background-size: 100%;
    background-repeat: no-repeat;
}

.monitor_part1 {
    background-size: 100%;
    background-repeat: no-repeat;
}


.monitor_part1_bg:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: monitor_part1_bg 20s infinite;
    -o-animation: monitor_part1_bg 20s infinite;
    animation: monitor_part1_bg 20s infinite;
    background-image: url('../img/monitor/20.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
}



@keyframes monitor_part1_bg {
    0% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/25_b.jpg');
    }

    5% {
        transition: 3s;
        opacity: 1;
    }

    15% {
        transition: 3s;
        opacity: 1;
    }

    19% {
        transition: 3s;
    }

    20% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/25_b.jpg');
    }

    21% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/31_b.jpg');
    }

    25% {
        transition: 3s;
        opacity: 1;
    }

    35% {
        transition: 3s;
        opacity: 1;
    }

    39% {
        transition: 3s;
    }

    40% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/31_b.jpg');
    }

    41% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/24_b.jpg');
    }

    45% {
        transition: 3s;
        opacity: 1;
    }

    55% {
        transition: 3s;
        opacity: 1;
    }

    59% {
        transition: 3s;
    }

    60% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/24_b.jpg');
    }

    61% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/23_b.jpg');
    }

    65% {
        transition: 3s;
        opacity: 1;
    }

    75% {
        transition: 3s;
        opacity: 1;
    }

    79% {
        transition: 3s;
    }

    80% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/23_b.jpg');
    }

    81% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/22_b.jpg');
    }

    85% {
        transition: 3s;
        opacity: 1;
    }

    95% {
        transition: 3s;
        opacity: 1;
    }

    99% {
        transition: 3s;
    }

    100% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/22_b.jpg');
    }
}




.monitor_part1_inside_bg:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: monitor_part1_inside_bg 20s infinite;
    -o-animation: monitor_part1_inside_bg 20s infinite;
    animation: monitor_part1_inside_bg 20s infinite;
    background-image: url('../img/monitor/01.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
}





@keyframes monitor_part1_inside_bg {
    0% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/25.jpg');
    }

    5% {
        transition: 3s;
        opacity: 1;
    }

    15% {
        transition: 3s;
        opacity: 1;
    }

    19% {
        transition: 3s;
    }

    20% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/25.jpg');
    }

    21% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/31_c.jpg');
    }

    25% {
        transition: 3s;
        opacity: 1;
    }

    35% {
        transition: 3s;
        opacity: 1;
    }

    39% {
        transition: 3s;
    }

    40% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/31_c.jpg');
    }

    41% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/24.jpg');
    }

    45% {
        transition: 3s;
        opacity: 1;
    }

    55% {
        transition: 3s;
        opacity: 1;
    }

    59% {
        transition: 3s;
    }

    60% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/24.jpg');
    }

    61% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/23.jpg');
    }

    65% {
        transition: 3s;
        opacity: 1;
    }

    75% {
        transition: 3s;
        opacity: 1;
    }

    79% {
        transition: 3s;
    }

    80% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/23.jpg');
    }

    81% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/22.jpg');
    }

    85% {
        transition: 3s;
        opacity: 1;
    }

    95% {
        transition: 3s;
        opacity: 1;
    }

    99% {
        transition: 3s;
    }

    100% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/22.jpg');
    }
}






.monitor_part2_inside {
    background-size: 100%;
    background-repeat: no-repeat;
}

.monitor_part2 {
    background-size: 100%;
    background-repeat: no-repeat;
}

.monitor_part2_bg:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: monitor_part2_bg 30s infinite;
    -o-animation: monitor_part2_bg 30s infinite;
    animation: monitor_part2_bg 30s infinite;
    background-image: url('../img/monitor/20.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
}



@keyframes monitor_part2_bg {
    0% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/15_b.jpg');
    }

    3% {
        transition: 3s;
        opacity: 1;
    }

    11% {
        transition: 3s;
        opacity: 1;
    }

    13% {
        transition: 3s;
    }

    14% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/15_b.jpg');
    }

    15% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/12_b.jpg');
    }

    17% {
        transition: 3s;
        opacity: 1;
    }

    25% {
        transition: 3s;
        opacity: 1;
    }

    27% {
        transition: 3s;
    }

    28% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/12_b.jpg');
    }

    29% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/16_b.jpg');
    }

    31% {
        transition: 3s;
        opacity: 1;
    }

    39% {
        transition: 3s;
        opacity: 1;
    }

    41% {
        transition: 3s;
    }

    42% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/16_b.jpg');
    }

    43% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/14_b.jpg');
    }

    45% {
        transition: 3s;
        opacity: 1;
    }

    53% {
        transition: 3s;
        opacity: 1;
    }

    55% {
        transition: 3s;
    }

    56% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/14_b.jpg');
    }

    57% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/13_b.jpg');
    }

    59% {
        transition: 3s;
        opacity: 1;
    }

    67% {
        transition: 3s;
        opacity: 1;
    }

    69% {
        transition: 3s;
    }

    70% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/13_b.jpg');
    }

    71% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/32_b.jpg');
    }

    73% {
        transition: 3s;
        opacity: 1;
    }

    81% {
        transition: 3s;
        opacity: 1;
    }

    83% {
        transition: 3s;
    }

    84% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/32_b.jpg');
    }

    85% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/13_b.jpg');
    }

    87% {
        transition: 3s;
        opacity: 1;
    }

    97% {
        transition: 3s;
        opacity: 1;
    }

    99% {
        transition: 3s;
    }

    100% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/13_b.jpg');
    }
}



.monitor_part2_inside_bg:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: monitor_part2_inside_bg 30s infinite;
    -o-animation: monitor_part2_inside_bg 30s infinite;
    animation: monitor_part2_inside_bg 30s infinite;
    background-image: url('../img/monitor/01.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
}





@keyframes monitor_part2_inside_bg {
    0% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/15.jpg');
    }

    3% {
        transition: 3s;
        opacity: 1;
    }

    11% {
        transition: 3s;
        opacity: 1;
    }

    13% {
        transition: 3s;
    }

    14% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/15.jpg');
    }

    15% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/12.jpg');
    }

    17% {
        transition: 3s;
        opacity: 1;
    }

    25% {
        transition: 3s;
        opacity: 1;
    }

    27% {
        transition: 3s;
    }

    28% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/12.jpg');
    }

    29% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/16.jpg');
    }

    31% {
        transition: 3s;
        opacity: 1;
    }

    39% {
        transition: 3s;
        opacity: 1;
    }

    41% {
        transition: 3s;
    }

    42% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/16.jpg');
    }

    43% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/45.jpg');
    }

    45% {
        transition: 3s;
        opacity: 1;
    }

    53% {
        transition: 3s;
        opacity: 1;
    }

    55% {
        transition: 3s;
    }

    56% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/45.jpg');
    }

    57% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/13.jpg');
    }

    59% {
        transition: 3s;
        opacity: 1;
    }

    67% {
        transition: 3s;
        opacity: 1;
    }

    69% {
        transition: 3s;
    }

    70% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/13.jpg');
    }

    71% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/44.jpg');
    }

    73% {
        transition: 3s;
        opacity: 1;
    }

    81% {
        transition: 3s;
        opacity: 1;
    }

    83% {
        transition: 3s;
    }

    84% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/44.jpg');
    }

    85% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/43.jpg');
    }

    87% {
        transition: 3s;
        opacity: 1;
    }

    97% {
        transition: 3s;
        opacity: 1;
    }

    99% {
        transition: 3s;
    }

    100% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/43.jpg');
    }
}



.monitor_part2_inside_video_ani {
    animation: monitor_part2_inside_video_ani 30s infinite;
}


@keyframes monitor_part2_inside_video_ani {
    0% {
        transition: 3s;
        opacity: 0;
    }

    3% {
        transition: 3s;
        opacity: 1;
    }

    11% {
        transition: 3s;
        opacity: 1;
    }

    13% {
        transition: 3s;
    }

    14% {
        transition: 3s;
        opacity: 0;
    }

    100% {
        transition: 3s;
        opacity: 0;
    }
}



.monitor_part2_inside_gameassist_ani {
    animation: monitor_part2_inside_gameassist_ani 12s infinite;
}


@keyframes monitor_part2_inside_gameassist_ani {
    0% {
        transition: 3s;
        -webkit-filter: brightness(.0);
        background-image: url('../img/monitor/46.gif');
    }

    5% {
        transition: 3s;
        -webkit-filter: brightness(1);
    }

    20% {
        transition: 3s;
        -webkit-filter: brightness(1);
    }

    25% {
        transition: 3s;
        -webkit-filter: brightness(.0);
        background-image: url('../img/monitor/46.gif');
    }

    26% {
        transition: 3s;
        -webkit-filter: brightness(.0);
        background-image: url('../img/monitor/47.gif');
    }

    31% {
        transition: 3s;
        -webkit-filter: brightness(1);
    }

    45% {
        transition: 3s;
        -webkit-filter: brightness(1);
    }

    50% {
        transition: 3s;
        -webkit-filter: brightness(.0);
        background-image: url('../img/monitor/47.gif');
    }

    51% {
        transition: 3s;
        -webkit-filter: brightness(.0);
        background-image: url('../img/monitor/37.jpg');
    }

    56% {
        transition: 3s;
        -webkit-filter: brightness(1);
    }

    70% {
        transition: 3s;
        -webkit-filter: brightness(1);
    }

    75% {
        transition: 3s;
        -webkit-filter: brightness(0);
        background-image: url('../img/monitor/37.jpg');
    }

    76% {
        transition: 3s;
        -webkit-filter: brightness(.0);
        background-image: url('../img/monitor/14.jpg');
    }

    81% {
        transition: 3s;
        -webkit-filter: brightness(1);
    }

    95% {
        transition: 3s;
        -webkit-filter: brightness(1);
    }

    100% {
        transition: 3s;
        -webkit-filter: brightness(0);
        background-image: url('../img/monitor/14.jpg');
    }
}


.monitor_part2_inside_gameassist_button1_ani {
    animation: monitor_part2_inside_gameassist_button1_ani 12s infinite;
}

@keyframes monitor_part2_inside_gameassist_button1_ani {
    0% {
        transition: 3s;
        background-color: rgba(0, 0, 0, .4);
    }

    25% {
        transition: 3s;
        background-color: rgba(0, 0, 0, .4);
    }

    26% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }

    50% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }

    51% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }

    75% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }

    76% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }

    100% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
}

.monitor_part2_inside_gameassist_button2_ani {
    animation: monitor_part2_inside_gameassist_button2_ani 12s infinite;
}

@keyframes monitor_part2_inside_gameassist_button2_ani {
    0% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }

    25% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }

    26% {
        transition: 3s;
        background-color: rgba(0, 0, 0, .4);
    }

    50% {
        transition: 3s;
        background-color: rgba(0, 0, 0, .4);
    }

    51% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }

    75% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }

    76% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }

    100% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
}


.monitor_part2_inside_gameassist_button3_ani {
    animation: monitor_part2_inside_gameassist_button3_ani 12s infinite;
}

@keyframes monitor_part2_inside_gameassist_button3_ani {
    0% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }

    25% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }

    26% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }

    50% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }

    51% {
        transition: 3s;
        background-color: rgba(0, 0, 0, .4);
    }

    75% {
        transition: 3s;
        background-color: rgba(0, 0, 0, .4);
    }

    76% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }

    100% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }
}


.monitor_part2_inside_gameassist_button4_ani {
    animation: monitor_part2_inside_gameassist_button4_ani 12s infinite;
}

@keyframes monitor_part2_inside_gameassist_button4_ani {
    0% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }

    25% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }

    26% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }

    50% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }

    51% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }

    75% {
        transition: 3s;
        background-color: rgba(0, 0, 0, 0.2);
    }

    76% {
        transition: 3s;
        background-color: rgba(0, 0, 0, .4);
    }

    100% {
        transition: 3s;
        background-color: rgba(0, 0, 0, .4);
    }
}

.monitor_part2_inside_gameassist_button1_text_ani {
    animation: monitor_part2_inside_gameassist_button1_text_ani 12s infinite;
}

@keyframes monitor_part2_inside_gameassist_button1_text_ani {
    0% {
        transition: 3s;
        color: #ff6400;
    }

    25% {
        transition: 3s;
        color: #ff6400;
    }

    26% {
        transition: 3s;
        color: #6d6c6c;
    }

    50% {
        transition: 3s;
        color: #6d6c6c;
    }

    51% {
        transition: 3s;
        color: #6d6c6c;
    }

    75% {
        transition: 3s;
        color: #6d6c6c;
    }

    76% {
        transition: 3s;
        color: #6d6c6c;
    }

    100% {
        transition: 3s;
        color: #6d6c6c;
    }
}

.monitor_part2_inside_gameassist_button2_text_ani {
    animation: monitor_part2_inside_gameassist_button2_text_ani 12s infinite;
}

@keyframes monitor_part2_inside_gameassist_button2_text_ani {
    0% {
        transition: 3s;
        color: #6d6c6c;
    }

    25% {
        transition: 3s;
        color: #6d6c6c;
    }

    26% {
        transition: 3s;
        color: #ff6400;
    }

    50% {
        transition: 3s;
        color: #ff6400;
    }

    51% {
        transition: 3s;
        color: #6d6c6c;
    }

    75% {
        transition: 3s;
        color: #6d6c6c;
    }

    76% {
        transition: 3s;
        color: #6d6c6c;
    }

    100% {
        transition: 3s;
        color: #6d6c6c;
    }
}


.monitor_part2_inside_gameassist_button3_text_ani {
    animation: monitor_part2_inside_gameassist_button3_text_ani 12s infinite;
}

@keyframes monitor_part2_inside_gameassist_button3_text_ani {
    0% {
        transition: 3s;
        color: #6d6c6c;
    }

    25% {
        transition: 3s;
        color: #6d6c6c;
    }

    26% {
        transition: 3s;
        color: #6d6c6c;
    }

    50% {
        transition: 3s;
        color: #6d6c6c;
    }

    51% {
        transition: 3s;
        color: #ff6400;
    }

    75% {
        transition: 3s;
        color: #ff6400;
    }

    76% {
        transition: 3s;
        color: #6d6c6c;
    }

    100% {
        transition: 3s;
        color: #6d6c6c;
    }
}


.monitor_part2_inside_gameassist_button4_text_ani {
    animation: monitor_part2_inside_gameassist_button4_text_ani 12s infinite;
}

@keyframes monitor_part2_inside_gameassist_button4_text_ani {
    0% {
        transition: 3s;
        color: #6d6c6c;
    }

    25% {
        transition: 3s;
        color: #6d6c6c;
    }

    26% {
        transition: 3s;
        color: #6d6c6c;
    }

    50% {
        transition: 3s;
        color: #6d6c6c;
    }

    51% {
        transition: 3s;
        color: #6d6c6c;
    }

    75% {
        transition: 3s;
        color: #6d6c6c;
    }

    76% {
        transition: 3s;
        color: #ff6400;
    }

    100% {
        transition: 3s;
        color: #ff6400;
    }
}



.voice_clear img {
    animation: voice_clear 10s infinite;
    -webkit-filter: hue-rotate(90deg)brightness(2);
}


@keyframes voice_clear {
    0% {
        -webkit-filter: hue-rotate(90deg)brightness(2);
    }

    41% {
        -webkit-filter: hue-rotate(90deg)brightness(2);
        opacity: 1;
    }

    50% {
        -webkit-filter: hue-rotate(90deg);
        opacity: 0;
    }

    59% {
        -webkit-filter: hue-rotate(90deg)brightness(2);
        opacity: 0;
    }

    69% {
        opacity: 1;
    }

    100% {
        -webkit-filter: hue-rotate(90deg)brightness(2);
    }

}


.voice_notice img {
    animation: voice_notice 10s infinite;
}


@keyframes voice_notice {
    0% {
        -webkit-filter: brightness(1.8)hue-rotate(90deg);
    }

    2% {
        -webkit-filter: brightness(1)hue-rotate(90deg);
    }

    4% {
        -webkit-filter: brightness(1.6)hue-rotate(90deg);
    }

    8% {
        -webkit-filter: brightness(1.4)hue-rotate(90deg);
    }

    10% {
        -webkit-filter: brightness(1.9)hue-rotate(90deg);
    }

    11% {
        -webkit-filter: brightness(1.5)hue-rotate(90deg);
    }

    12% {
        -webkit-filter: brightness(1.8)hue-rotate(90deg);
    }

    16% {
        -webkit-filter: brightness(1)hue-rotate(90deg);
    }

    17% {
        -webkit-filter: brightness(1.7)hue-rotate(90deg);
    }

    19% {
        -webkit-filter: brightness(1.4)hue-rotate(90deg);
    }

    21% {
        -webkit-filter: brightness(1.7)hue-rotate(90deg);
    }

    23% {
        -webkit-filter: brightness(1)hue-rotate(90deg);
    }

    25% {
        -webkit-filter: brightness(1.8)hue-rotate(90deg);
    }

    26% {
        -webkit-filter: brightness(1.4)hue-rotate(90deg);
    }

    30% {
        -webkit-filter: brightness(1.8)hue-rotate(90deg);
    }

    32% {
        -webkit-filter: brightness(1.6)hue-rotate(90deg);
    }

    33% {
        -webkit-filter: brightness(1.7)hue-rotate(90deg);
    }

    34% {
        -webkit-filter: brightness(1)hue-rotate(90deg);
    }

    38% {
        -webkit-filter: brightness(1.8)hue-rotate(90deg);
    }

    39% {
        -webkit-filter: brightness(1.2)hue-rotate(90deg);
    }

    40% {
        -webkit-filter: brightness(1.6)hue-rotate(90deg);
    }

    41% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }

}

.voice_bg {
    background-image: url('../img/monitor/32.jpg');

    animation: voice_bg 8s infinite;
}

@keyframes voice_bg {
    0% {
        background-image: url('../img/monitor/32.jpg');
        opacity: 0;
    }

    20% {
        background-image: url('../img/monitor/32.jpg');
        opacity: 0;
    }

    40% {
        background-image: url('../img/monitor/32.jpg');
        opacity: 1;
    }

    60% {
        background-image: url('../img/monitor/32.jpg');
        opacity: 1;
    }

    80% {
        background-image: url('../img/monitor/32.jpg');
        opacity: 0;
    }

    100% {
        background-image: url('../img/monitor/32.jpg');
        opacity: 0;
    }

}

@keyframes voice_bg_play {
    0% {
        transition: 3s;
        opacity: 0;
        padding: 0% 0 0 0;
    }

    71% {
        transition: 3s;
        opacity: 0;
        padding: 0% 0 0 0;
    }

    73% {
        transition: 3s;
        opacity: 1;
        padding: 0% 0 57% 0;
    }

    81% {
        transition: 3s;
        opacity: 1;
        padding: 0% 0 57% 0;
    }

    84% {
        transition: 3s;
        opacity: 0;
        padding: 0% 0 0% 0;
    }

    100% {
        transition: 3s;
        opacity: 0;
        padding: 0 0 0 0;
    }
}

.voice_bg_sm {
    animation: voice_bg_sm 8s infinite;
}


@keyframes voice_bg_sm {
    0% {
        background-image: url('../img/monitor/32.jpg');
        opacity: 0;
    }

    20% {
        background-image: url('../img/monitor/32.jpg');
        opacity: 0;
    }

    40% {
        background-image: url('../img/monitor/32.jpg');
        opacity: 1;
    }

    60% {
        background-image: url('../img/monitor/32.jpg');
        opacity: 1;
    }

    80% {
        background-image: url('../img/monitor/32.jpg');
        opacity: 0;
    }

    100% {
        background-image: url('../img/monitor/32.jpg');
        opacity: 0;
    }

}


.voice_mic {

    animation: voice_mic 10s infinite;
}


@keyframes voice_mic {
    0% {
        opacity: 1;
    }

    41% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }

}

.voice_headset {

    animation: voice_headset 10s infinite;
}


@keyframes voice_headset {
    0% {
        opacity: 0;
    }

    59% {
        opacity: 0;
    }

    69% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }

}



.feature_logo_size {
    height: 95px;
}

.feature_logo_size1 {
    height: 70px;
}


.monitor_feature_group1 {
    padding: 0%;
    min-height: none;
}


.monitor_feature_group2 {
    padding: 0;
    min-height: none;
}

.amd_icon {
    width: 10%;
    max-width: 150px;
}

.monitor_feature_1 {
    padding: 10% 5% 0 0;
}

.tenbit_icon {
    width: 100%;
    max-width: 400px;
}

.DCI_icon {
    width: 100%;
    max-width: 350px;
}

.monitor_feature_group2 {
    padding: 0% 2% 0% 2%;
}


.monitor_feature_group2_1 {
    padding: 12% 0 0 5%;
}


.aorus_exclusive_icon {
    width: 100%;
    max-width: 220px;
    filter: drop-shadow(0 0 10px #000);
    padding-top: 4%;
}

.ANC_play_icon {
    width: 100%;
    max-width: 220px;
    filter: drop-shadow(0 0 10px #000);
    padding-top: 4%;
    padding-left: 15%;
    filter: drop-shadow(0px 0px 0px #ff6400);
}

.ANC_play_icon:hover {
    filter: drop-shadow(0px 0px 3px #ff6400);
    cursor: pointer;
}
.ANC_close_icon {
    width: 100%;
    max-width: 220px;
    filter: drop-shadow(0 0 10px #000);
    padding-top: 4%;
    padding-left: 15%;
    filter: drop-shadow(0px 0px 0px #ff6400);
}

.ANC_close_icon:hover {
    filter: drop-shadow(0px 0px 3px #ff6400);
    cursor: pointer;
}

.RGB_feature {
    padding: 0 0 0 0%;
}

.tenbit_sm_icon {
    width: 100%;
    max-width: 300px;
}

.design_concept_feature {
    padding: 0 0% 0 0%;
}

.ergonimic_design {
    padding: 7% 4% 0 4%;
}

.tech_feature {
    padding: 0 4% 0 4%;
    margin: 0;
}

.tech_feature_content {
    padding: 1.5% 2% 0 0;
    margin: 0;
}


@media screen and (min-width: 1700px) {}


@media screen and (min-width: 1500px) and (max-width: 1700px) {
    .amd_icon {
        width: 20%;
        max-width: 100px;
    }

    .monitor_feature_1 {
        padding: 7% 5% 0 0;
    }


    .DCI_icon {
        width: 100%;
        max-width: 260px;
    }

    .aorus_exclusive_icon {
        padding-top: 1%;
        max-width: 150px;
    }
}



@media screen and (min-width: 1350px) and (max-width: 1500px) {
    .amd_icon {
        width: 20%;
        max-width: 100px;
    }

    .monitor_feature_1 {
        padding: 5% 5% 0 0;
    }

    .tenbit_icon {
        width: 100%;
        max-width: 320px;
    }


    .DCI_icon {
        width: 100%;
        max-width: 220px;
    }


    .feature_logo_size {
        height: 90px;
    }

    .feature_logo_size1 {
        height: 65px;
    }


    .ergonimic_design {
        padding: 7% 4% 0 4%;
    }

    .aorus_exclusive_icon {
        max-width: 140px;
    }
}


@media screen and (min-width: 1200px) and (max-width: 1350px) {

    .monitor_feature_group1 {
        padding: 0%;
        min-height: 500px;
    }

    .amd_icon {
        width: 20%;
        max-width: 100px;

    }

    .monitor_feature_1 {
        padding: 5% 2% 0 0;
    }

    .tenbit_icon {
        width: 100%;
        max-width: 350px;

    }


    .DCI_icon {
        width: 100%;
        max-width: 200px;

    }


    .feature_logo_size {
        height: 70px;
    }

    .feature_logo_size1 {
        height: 55px;
    }

    .aorus_exclusive_icon {
        width: 100%;
        max-width: 130px;
        padding-top: 0;
    }


    .monitor_feature_group2 {
        padding: 0% 2% 0% 2%;
        min-height: 460px;
    }


}


@media screen and (min-width: 900px) and (max-width: 1200px) {
    .RGB_feature {
        padding: 5% 4% 0 2%;
    }


    .tenbit_sm_icon {
        width: 70%;
        max-width: 500px;
    }


    .design_concept_feature {
        padding: 0 3% 0 3%;
    }

    .ergonimic_design {
        padding: 7% 4% 0 4%;
    }

    .tech_feature_content {
        padding: 0% 2% 0 0;
        margin: 0;
    }


}


@media screen and (max-width: 900px) {
    .ergonimic_design {
        padding: 7% 4% 0 4%;
    }


    .tech_feature {
        padding: 7% 4% 0 4%;
        margin: 0;
    }

    .tech_feature_content {
        padding: 0% 2% 0 0;
        margin: 0;
    }

}