.hide-text {
    display: none;
}

.readmore {
    color: #ff6400;
    background-color: rgba(0, 0, 0, .5);
    border: #ff6400 solid .5px;
    margin: 0% 0% 7%;
    text-transform: uppercase;
}

.usb-charger {
    padding: 3% 0 0 0;
}

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

.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 16s 0s infinite;
    -o-animation: monitor_button_img 16s 0s infinite;
    animation: monitor_button_img 16s 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 16s 4s infinite;
    -o-animation: monitor_button_img 16s 4s infinite;
    animation: monitor_button_img 16s 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 16s 8s infinite;
    -o-animation: monitor_button_img 16s 8s infinite;
    animation: monitor_button_img 16s 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 16s 12s infinite;
    -o-animation: monitor_button_img 16s 12s infinite;
    animation: monitor_button_img 16s 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 12s 16s infinite;
    -o-animation: monitor_button_img 12s 16s infinite;
    animation: monitor_button_img 12s 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 16s 0s infinite;
    -o-animation: monitor_feature_content_animation 16s 0s infinite;
    animation: monitor_feature_content_animation 16s 0s infinite;
    height: 0;
    overflow: hidden;
    transition: 1s;
}

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

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

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

.monitor_content_5_ani {
    -webkit-animation: monitor_feature_content_animation 12s 16s infinite;
    -o-animation: monitor_feature_content_animation 12s 16s infinite;
    animation: monitor_feature_content_animation 12s 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_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 16s infinite;
    -o-animation: monitor_part1_bg 16s infinite;
    animation: monitor_part1_bg 16s 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');
    }
    8% {
        transition: 3s;
        opacity: 1;
    }
    16% {
        transition: 3s;
        opacity: 1;
    }
    24% {
        transition: 3s;
    }
    25% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/25_b.jpg');
    }
    26% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/31_b.jpg');
    }
    33% {
        transition: 3s;
        opacity: 1;
    }
    41% {
        transition: 3s;
        opacity: 1;
    }
    49% {
        transition: 3s;
    }
    50% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/31_b.jpg');
    }
    51% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/22_b.jpg');
    }
    58% {
        transition: 3s;
        opacity: 1;
    }
    66% {
        transition: 3s;
        opacity: 1;
    }
    74% {
        transition: 3s;
    }
    75% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/22_b.jpg');
    }
    76% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/22_b.jpg');
    }
    84% {
        transition: 3s;
        opacity: 1;
    }
    92% {
        transition: 3s;
        opacity: 1;
    }
    98% {
        transition: 3s;
    }
    99% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/22_b.jpg');
    }
    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 16s infinite;
    -o-animation: monitor_part1_inside_bg 16s infinite;
    animation: monitor_part1_inside_bg 16s 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');
    }
    8% {
        transition: 3s;
        opacity: 1;
    }
    16% {
        transition: 3s;
        opacity: 1;
    }
    24% {
        transition: 3s;
    }
    25% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/25.jpg');
    }
    26% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/31_c.jpg');
    }
    33% {
        transition: 3s;
        opacity: 1;
    }
    41% {
        transition: 3s;
        opacity: 1;
    }
    49% {
        transition: 3s;
    }
    50% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/31_c.jpg');
    }
    51% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/22.jpg');
    }
    58% {
        transition: 3s;
        opacity: 1;
    }
    66% {
        transition: 3s;
        opacity: 1;
    }
    74% {
        transition: 3s;
    }
    75% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/22.jpg');
    }
    76% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/22.jpg');
    }
    84% {
        transition: 3s;
        opacity: 1;
    }
    92% {
        transition: 3s;
        opacity: 1;
    }
    98% {
        transition: 3s;
    }
    99% {
        transition: 3s;
        opacity: 0;
        background-image: url('../img/monitor/22.jpg');
    }
    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;
    }
    .usb-charger {
        padding: 0% 0 0 0;
    }
    .powerboard {
        padding: 0% 0 0 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;
    }
    .usb-charger {
        padding: 0% 0 0 0;
    }
    .powerboard {
        padding: 0% 0 0 0;
    }
}