@charset 'UTF-8';

.home-slider .slick-slide:hover{
    box-shadow: 0 0 0px 2px #00FF36 inset;
}

.home-slider .slick-arrow {
    width: 4%;
    background-position: 100% center;
}
.home-slider .slick-prev {
    left: -3%;
}
.home-slider .slick-next {
    right: -3%;
}

@media(max-width:1000px){
    .home-slider .slick-prev {
        left: -7%;
    }
    .home-slider .slick-next {
        right: -7%;
    }
}

.home-slider .slick-slide img {
    max-width: 90%;
    max-height: 90%;
}

.home-slider .slick-slide {
    padding: 0px 19px;
    margin:0px 1px;
    transition: all ease-in-out .3s;
}
@media(max-width:500px){ 
    .home-slider .slick-slide {
        padding: 0px 20px;
    }
}

.home-slider .slick-slide img {
    max-width: 90%;
    max-height:150px;
    display: block;
    margin: 0 auto;
}

.home-slider .slick-slide {
    transition: all ease-in-out .3s;
    opacity: 1;
}

.panel{
    position: absolute;
    width: 100.1%;
    height: 100%;
    top: 0;
}


.panel.icon-list > li:hover,
.panel.genres-list > li:hover {
    box-shadow: 0 0 0px 2px #00FF36 inset;
    z-index: 1;
}

.panel.icon-list > li div {
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.panel.icon-list > li img {
    max-width: 90%;
    max-height: 90%;
    
}

.panel.genres-list li {
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-slider .slick-track{
    height:150px;
}

@media (max-width: 1000px) {
   .game-block.list .slider-block ul {
        overflow-x: visible; 
        margin-right: 0px;
        padding-bottom: 0px;
    }
    .game-block:not(.view-list) .slider-block ul {
        overflow-x: visible;
        overflow-y: initial;
    }
}

ul.slider li > a> img{
    max-width:152px;
}

#game-style .slider-block ul > li{
    max-width: 190px;
    padding: 0px 20px;
}