.index_container{
    max-width: 1140px;
    width: 100%;
    margin: 0px auto;
}



.itc-slider__item img{
    width: -webkit-fill-available;
    height: auto;
}

.itc-slider{
    margin-top: 30px;
    z-index: 0;
    
}

.itc-slider__items{
    height: 100%;
}

.itc-slider__wrapper{
    border-radius: 18px;
    height: auto;
}


.itc-slider__indicators{
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    width: min-content;
    margin-left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;

}




.itc-slider__indicator{
    width: 9px;
    height: 9px;
    border-radius: 50%;
    box-shadow: 0 0 2px black;
    border:none;
}

.itc-slider__indicator_active{
    width: 12px;
    height: 12px;
    background-color: var(--red);
}


.itc-slider__btn::before{
    content: none;
}

.itc-slider__btn{
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 50%;
    transition: .25s;
    color:var(--red);
    margin: 0px 20px;
}

.itc-slider__btn:hover{
    background: var(--red);
    color:#fff;
}


.title{
    font-family: "Roboto Slab","Andika",sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
    margin-top: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.title:before, .title:after{
    content: "";
    min-height: 1px;
    width: 100%;
    background-color: var(--red);
}

.title:before{
    margin-right: 4%;
}


.title:after{
    margin-left: 4%;
}


.menu_list{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}


.menu_item{
    display: flex;
    flex-direction: column;
    width: calc(calc(100% / 4) - 15px);
    margin: 5px;
    background-color: #fff;
    border-radius: 16px;
    border: 0.5px solid hsla(0, 0%, 53%, 0.3);
    transition: .25s;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    
}

.menu_item:hover{
    box-shadow: 2.5px 5px 30px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
}

.menu_item_title{
    font-family: "Roboto Slab","Andika",sans-serif;
    line-height: 1;
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
}

.item_img_wrapper{
    width: 102%;
    height: 170px;
    max-width: 102%;
}

.menu_item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.stocks{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 20px 0px;
}

.stocks_list{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

.stock_item{
    position: relative;
    max-width: calc(calc(100% / 2.85) - 30px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 250px;
    width: 100%;
    overflow: hidden;
    border-radius: 16px;
    cursor: pointer;
    margin: 10px;
    transition: .25s;
}

.stock_img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}

.stock_black_filter{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(0,rgba(0,0,0,.7),transparent 50%),rgba(0,0,0,.2);
}

.stock_title{
    z-index: 2;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    font-family: "Roboto Slab","Andika",sans-serif;
    letter-spacing: .1em;
    color:#fff;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    text-shadow: 5px 5px 15px black;
    overflow-wrap: break-word;
    backdrop-filter: blur(5px);
}

.stock_description{
    z-index: 2;
    font-family: "Roboto Slab","Andika",sans-serif;
    font-size: 14px;
    font-weight: 300;
    color:white;
    text-shadow: 5px 5px 15px black;
    overflow-wrap: break-word;
    text-transform: uppercase;
    width: 100%;
   padding: 10px;
   text-align: center;
   
}


.stock_item:hover{
    transform: rotate(3deg);
    box-shadow: 2.5px 5px 30px rgba(0, 0, 0, .2);
}

.other_stocks{
    margin-top: 20px;
    min-width: 220px;
    color: var(--red);
    
    height: 48px;
    padding: 0 30px;
    transition: .15s ease;
    text-align: center;
    font-family: "Roboto Slab","Andika",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 46px;
    border-radius: 24px;
    border: 1px solid ;
}

.other_stocks:hover{
    background-color: var(--red);
    color:white;
}






@media(max-width:920px){
    .item_img_wrapper{
        height: 150px;
    }
}



@media(max-width:600px){
    .itc-slider__btn{
       display: none;
    }
    .item_img_wrapper{
        height: 150px;
    }
}



@media(max-width:1200px){
    .index_container{
       max-width: 960px;
    }
}



@media(max-width:990px){
    .itc-slider__wrapper{
        border-radius: 0;
    }
    .itc-slider__btn{
        width: calc(calc(100vw + 100vh) * 0.034 );
        height: calc(calc(100vw + 100vh) * 0.034 );
    }
    .index_container{
        max-width: 720px;
    }
    .menu_item{
        width: calc(calc(100% / 3) - 15px);
    }
}



@media(max-width:720px){
    .menu_item{
        width: calc(calc(100% / 2) - 15px);
    }
    .stocks_list{
        flex-direction: column;
        padding: 10px;
    }
    .stock_item{
        max-width: 100%;
        width: 100%;
    }
}



.slick-arrow{
    z-index: 2;
    position: absolute;
}

.slick-prev{
    left: 0;
    top: 50%;
}

.slick-next{
    right: 0;
    top: 50%;
}

.slick-dots{
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    padding-left: 20px;
    padding-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

.slick-dots li button{
    color:white;
    background-color: white;
    margin: 5px;
    box-shadow: 0 0 8px black;
    width: 11px;
    height: 11px;
    overflow: hidden;
    border-radius: 50%;

    transition: 0.25s;
    opacity: .5;
}

.slick-dots li.slick-active button{
    background-color: white;
    color:white;
    width: 14px;
    height: 14px;
    opacity: 1;
}

.slider_arrow{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fff;
    color:var(--red);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.274);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -30px;
    transition: .25s;
}

.slick-prev{
    margin-left: 10px;
}

.slick-next{
    margin-right: 10px;
}

.slider_arrow:hover{
    background-color: var(--red);
    color:white;
}

.slider{
    margin: 20px 0px;
    overflow: hidden;
    border-radius: 15px;
}





@media(max-width:1200px){
    .slider_arrow{scale: 1;}
}



@media(max-width:990px){
    .slider_arrow{scale: .8;}
}



@media(max-width:720px){
    .slider{
        margin: 0;
        border-radius: 0;
    }
    .slider_arrow{scale: .6;}
    .slick-dots li button{scale: .6;}
    .slick-prev{
        margin-left: 2px;
    }
    
    .slick-next{
        margin-right: 2px;
    }
}


.go_to_catalog{
    margin-top: 20px;
    min-width: 220px;
    color: var(--red);
    height: 48px;
    padding: 15px 30px;
    transition: .15s ease;
    text-align: center;
    font-family: "Roboto Slab","Andika",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 46px;
    border-radius: 24px;
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
}

.go_to_catalog:hover{
     background-color: var(--red);
    color:white;
}


.go_to_catalog_center{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}

@media(max-width: 600px){
}

.go_to_catalog{
    display: none;
}