#banner_company_info_overlay #home_readmore{

}

#banner_company_info_overlay #home_readmore:hover{
    /*background-color: rgb(0, 174, 255);
    color: white;*/
    box-shadow: 0px 4px 12px rgba(0,0,0,0.3);
}

#content_container .home_content_block {
    /*background-color: var(--home_menu_bg);*/
    background-color: white;
    color: var(--color_dark_gray);
    border-bottom: 1px solid var(--body_bg_main);
    width: 100% !important;
    height: 350px !important;  
}

#content_container .home_content_block:hover {
    /*background-color: rgb(250, 250, 250);*/
}

#content_container .home_content_block h2 {
    color: var(--color_h2);
    font-family: var(--font_section_en_large);
    font-size: 30pt;
    letter-spacing: 0px;
}
#content_container .home_content_block h2:hover {
    letter-spacing: 2px;
    animation-name: home_product_title_animation;
    animation-duration: 0.5s;
    animation-fill-mode: reverse;
}
@keyframes home_product_title_animation {
    from {
        letter-spacing: 0px;
    }
    to {
        letter-spacing: 2px;
    }
}

#content_container .home_content_block h3 {
    color: var(--color_h3);
    font-size: 18pt;
}

#content_container .button_readmore {
    color: rgb(255, 255, 255);
    border: none;
    /*background-image: linear-gradient(to right, rgba(27, 50, 124, 0.76), rgb(0, 110, 255));*/
    /*background-color: rgb(220, 220, 220);*/
    background-color: rgb(0, 153, 255);
    width: 100px !important;
    opacity: 0.5;
}

#content_container .button_readmore:hover {
    color: white;
    background-image: var(--theme_blue_gradient_to_left); /*linear-gradient(to left, rgba(27, 50, 124, 0.76), rgb(0, 110, 255));*/
    opacity: 1.0;
    animation-name: home_read_more_animation;
    animation-duration: 0.5s;
    animation-fill-mode: reverse;
    box-shadow: 0px 4px 12px rgba(0,0,0,0.3);
}
@keyframes home_read_more_animation {
    from {
        padding-left: 0px;
    }
    to {
        padding-left: 16px;
    }
}

#content_content .home_sliding_image_container {
    background-color: white;
    border: 1px solid var(--content_bg_light_gray);
    width: 100% !important;
    height: 280px !important;
    overflow: hidden;
    border-radius: 8px 8px 8px 8px;
}

.home_sliding_image_container img{
    position: relatve;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0px;
    /*background-color: rgba(5, 105, 255, 0.5);*/
    overflow: hidden;
    /*width: 100%;*/
    height: 100%;
    /*transition: left .5s ease;*/
    /*transition: width 0.5s, height 0.5s, left 0.5s;*/
    /*background-image: var(--theme_blue_gradient_to_left);*/
    opacity: 1.0;
    /*
    transition: all 0.3s;
    -moz-transition: all .3s;
    -webkit-transition:all .3s;
    -o-transition: all .3s;*/
}

/*.home_sliding_image_container:hover img {
    left: 50;
    top: 100;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}*/

#home_content_block_0 h2,
#home_content_block_1 h2,
#home_content_block_2 h2,
#home_content_block_3 h2,
#home_content_block_4 h2 {
    text-align: center;
}

.ul_align_right { text-align: right; }
.ul_align_left { text-align: left; }

#home_content_block_0 ul,
#home_content_block_1 ul,
#home_content_block_2 ul,
#home_content_block_3 ul,
#home_content_block_4 ul {
    list-style-type: none;
}

.ul_align_right li a,
.ul_align_right li a,
.ul_align_right li a,
.ul_align_right li a,
.ul_align_right li a {
    background-image: url(../images/icon_dot_black_8x8.png);
    background-repeat: no-repeat;
    background-position: 100% 8px;
    padding-right: 24px;
    opacity: 1.00;
}
/*
.ul_align_right li a:hover,
.ul_align_right li a:hover,
.ul_align_right li a:hover,
.ul_align_right li a:hover,
.ul_align_right li a:hover {
    padding-left: 24px;
    background-image: url(../images/icon_dot_blue_8x8.png);
    color: #00b3ff;
    opacity: 1.00;
}
*/
.ul_align_left li a,
.ul_align_left li a,
.ul_align_left li a,
.ul_align_left li a,
.ul_align_left li a {
    background-image: url(../images/icon_dot_black_8x8.png);
    background-repeat: no-repeat;
    background-position: 0% 8px;
    padding-left: 24px;
    opacity: 1.00;
}
/*
.ul_align_left li a:hover,
.ul_align_left li a:hover,
.ul_align_left li a:hover,
.ul_align_left li a:hover,
.ul_align_left li a:hover {
    padding-left: 24px;
    background-image: url(../images/icon_dot_blue_8x8.png);
    color: #00b3ff;
    opacity: 1.00;
}
*/
/*
#home_prod_overlay_container {
    background-color: rgb(0, 153, 255);
    position: relative;
    left: 0px;
    top: -280px;
    width: 0%;
    height: 280px !important;
    overflow: hidden;
    border-radius: 8px 8px 8px 8px;
    opacity: 0.5;
    transition: width 0.3s, opacity 1.0s;
}

#home_prod_panel_arvr_container {
    overflow: hidden;
    border-radius: 8px 8px 8px 8px;
}

#home_prod_panel_arvr_container:hover #home_prod_overlay_container {
    width: 25%;
    opacity: 1.0;
}*/

/*
#home_prod_li_rokid_air:hover + #home_prod_li_rokid_air_pro  {
    background-image: url(../images/icon_dot_blue_8x8.png);
}
*/
/*
#home_content_block_0 ul li a,
#home_content_block_1 ul li a,
#home_content_block_2 ul li a,
#home_content_block_3 ul li a,
#home_content_block_4 ul li a {
    background-image: url(../images/icon_dot_black_8x8.png);
    background-repeat: no-repeat;
    background-position: 100% 8px;
    padding-right: 24px;
    opacity: 0.50;
}

#home_content_block_0 ul li a:hover,
#home_content_block_1 ul li a:hover,
#home_content_block_2 ul li a:hover,
#home_content_block_3 ul li a:hover,
#home_content_block_4 ul li a:hover {
    background-position: 100% 8px;
    padding-right: 16px;
    opacity: 1.00;
}
*/