@charset 'UTF-8';
/* Slider */

.index_populyarnie_tovari .tab-content > .tab-pane,
.index_populyarnie_tovari .pill-content > .pill-pane {
    display: block;
    height: 0;
    margin-bottom: 0;
    overflow: hidden;
}

.index_populyarnie_tovari .tab-content > .active,
.index_populyarnie_tovari .pill-content > .active {
    height: auto;
    overflow: visible;
}

.index_populyarnie_tovari .tab-content.slider-dotted {
    padding-bottom: 30px;
}

.index_populyarnie_tovari .tab-content.slider-dotted .slick-dotted.slick-slider {
    margin-bottom: 0;
}


/*#tab_new { display: none; }*/

.slick-prev,
.slick-next,
.slick-prev-white,
.slick-next-white
{
    position: absolute;
    bottom: 92px;
    display: block;
    width: 62px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    /*color: transparent;*/
    border: none;
    outline: none;
    z-index: 300;

}
/*.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
    }*/
    .slick-prev:hover:before,
    .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before
    {
        opacity: 1;
    }
    .slick-prev.slick-disabled,
    .slick-next.slick-disabled,
    .slick-prev-white.slick-disabled,
    .slick-next-white.slick-disabled
    {
        opacity: .50;
    }


    .slick-prev
    {
        top: 50%;
        left: -55px;
        /*background: url(pict/prev_black.png) no-repeat left center;*/
    }

    .slick-next
    {
        top: 50%;
        right: -55px;
        /*background: url(pict/next_black.png) no-repeat right center;*/
    }


    section.prod_all .slick-prev, section.prod_all .slick-next {
        top: 40%;
    }

    @media (max-width: 750px) {

        section.prod_all .slick-prev, section.prod_all .slick-next
        { display: none !important; }

    }    



    .slick-prev-white
    {
        left: -75px;
        /*background: url(pict/slider_left_black.png) no-repeat left center !important;*/
    }

    .slick-next-white
    {
        right: -75px;
        /*background: url(pict/slider_right_black.png) no-repeat left center;*/
    }

    /*  !!!!!!!!!!!!!!!!  Добавить исчезновение стрелок в мобильной версии      */



/*[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
    }*/
/*.slick-prev:before
{
    content: '';
    font-size: 50px;
    background: white;

    }*/
/*[dir='rtl'] .slick-prev:before
{
    content: ' ';
    }*/

/*.slick-next
{
    right: -25px;
    }*/
/*[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
    }*/
/*.slick-next:before
{
    content: ' ';

    }*/


/*
[dir='rtl'] .slick-next:before
{
    content: '←';
    }*/



    /* Dots */
    .slick-dotted.slick-slider
    {
        /*margin-bottom: 30px;*/
        margin: 0;
    }

    .slick-dots
    {
        position: absolute;
        bottom: -25px;

        display: block;

        width: 100%;
        padding: 0;
        margin: 0;

        list-style: none;

        text-align: center;
    }
    .slick-dots li
    {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }
    .slick-dots li button
    {
        font-size: 0;
        line-height: 0;

        display: block;

        width: 20px;
        height: 20px;
        padding: 5px;

        cursor: pointer;

        color: transparent;
        border: 0;
        outline: none;
        background: transparent;
    }
    .slick-dots li button:hover,
    .slick-dots li button:focus
    {
        outline: none;
    }
    .slick-dots li button:hover:before,
    .slick-dots li button:focus:before
    {
        opacity: 1;
    }
    .slick-dots li button:before
    {
        font-family: 'FontAwesome';
        font-size: 8px;
        line-height: 20px;

        position: absolute;
        top: 0;
        left: 0;

        width: 20px;
        height: 20px;

        content:"\f111";
        text-align: center;

        opacity: .5;
        /*color: #015373;*/

        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .slick-dots li.slick-active button:before
    {
        opacity: .75;
        /*color: #015373;*/
        -webkit-text-stroke-width: 5px;
        /*-webkit-text-stroke-color: #02A3DE;;*/
        font-size: 17px;
    }


    /* Dots (white) */



    .slick-dotted.slick-slider
    {
        /*margin-bottom: 30px;*/
        margin: 0;
    }

    .slick-dots-white
    {
        position: absolute;
        bottom: 45px;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
        z-index: 10;
    }
    .slick-dots-white li
    {
        position: relative;

        display: inline-block;

        width: 20px;
        height: 20px;
        margin: 0 10px;
        padding: 0;

        cursor: pointer;
    }
    .slick-dots-white li button
    {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 20px;
        height: 20px;
        padding: 15px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: transparent;
    }
    .slick-dots-white li button:hover,
    .slick-dots-white li button:focus
    {
        outline: none;
    }
    .slick-dots-white li button:hover:before,
    .slick-dots-white li button:focus:before
    {
        opacity: 1;
    }
    .slick-dots-white li button:before
    {
/*    font-family: bootstrap-icons !important;
    font-size: 8px;
    line-height: 20px;*/
    width: 10px; 
    height: 10px; 
    background: black; 
    display:inline-block;
    position: absolute;
    top: 0;
    left: 0;

    /*width: 20px;*/
    /*height: 20px;*/

    content:"\F582";
    /*content:"\F582";*/
    text-align: center;

    /*opacity: .6;*/
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots-white li.slick-active button:before
{
    /*opacity: .75;*/
    color: grey;
    -webkit-text-stroke-width: 10px;
    -webkit-text-stroke-color: rgba(0,0,0, .9);
    font-size: 12px;
    top: 4px;
}