﻿.spl-offers {
    text-align: center;
}

    .spl-offers h2 {
        font-size: 18px;
        font-weight: bold;
    }

    .spl-offers .spl-offers-carousel {
        position: relative;
        margin: 0 auto 60px;
        width: 100%;
    }

    .spl-offers .slick-dots {
        position: absolute;
        bottom: -50px;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
    }

    .spl-offers .spl-offers-carousel .slick-prev, .spl-offers .spl-offers-carousel .slick-next {
        overflow: hidden;
        position: absolute;
        z-index: 2;
        top: 50%;
        transform: translateY(-50%);
        background: #fff;
        padding: 25px;
        width: 90px;
        height: 90px;
        /*box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.16);*/
        border: none;
        cursor: pointer;
        /*opacity: 0.5;*/
    }

        .spl-offers .spl-offers-carousel .slick-prev:before, .spl-offers .spl-offers-carousel .slick-next:before {
            content: '';
            position: absolute;
            top: 0%;
            left: 0%;
            background: #fff;
            width: 100%;
            height: 100%;
        }

        .spl-offers .spl-offers-carousel .slick-prev:after, .spl-offers .spl-offers-carousel .slick-next:after {
            content: ' ';
            position: absolute;
            z-index: 2;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            /*background: url("/Public/assets/right-arrow.png") center center no-repeat;*/
            background: url(/Content/images/ico/chevron-thin-right.png) center center no-repeat;
            background-size: contain;
            width: 21px;
            height: 32px;
        }

        /*.spl-offers .spl-offers-carousel .slick-prev, .spl-offers .spl-offers-carousel .slick-next {
    right: unset;
    left: -10px;
}*/

        .spl-offers .spl-offers-carousel .slick-prev.slick-disabled,
        .spl-offers .spl-offers-carousel .slick-next.slick-disabled {
            display: none !important;
        }

    .spl-offers .spl-offers-carousel .arrow-prev, .spl-offers .spl-offers-carousel .arrow-next {
        overflow: hidden;
        position: absolute;
        z-index: 2;
        top: 50%;
        transform: translateY(-50%);
        background: transparent;
        /*padding: 25px;*/
        width: 120px;
        height: 120px;
        border: none;
        cursor: pointer;
        /*opacity: 0.5;*/
    }

    .spl-offers .arrow-prev, .spl-offers .arrow-next {
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        color: #272727;
        opacity: 1;
    }

    .spl-offers .spl-offers-carousel .arrow-prev {
        left: -50px;
    }

    .spl-offers .spl-offers-carousel .arrow-next {
        right: -50px;
    }


        .spl-offers .spl-offers-carousel .arrow-prev:before, .spl-offers .spl-offers-carousel .arrow-next:before {
            content: ' ';
            position: absolute;
            z-index: 2;
            top: 20px;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 21px;
            height: 32px;
        }

    .spl-offers .spl-offers-carousel .arrow-prev:before {
        background: url(/Content/images/ico/chevron-thin-left.png) no-repeat;
    }

    .spl-offers .spl-offers-carousel .arrow-next:before {
        background: url(/Content/images/ico/chevron-thin-right.png) no-repeat;
    }

    .spl-offers .spl-offers-carousel .arrow-prev.slick-disabled,
    .spl-offers .spl-offers-carousel .arrow-next.slick-disabled {
        display: none !important;
    }


    .spl-offers .spl-offers-carousel .slick-prev:after {
        transform: translate(-50%, -50%) rotate(180deg);
    }

    .spl-offers .spl-offers-carousel .spl-offer {
        position: relative;
        /*left: 3%;*/
        left: 0;
        /*max-width: 500px;*/
        width: 100%;
    }

@media (max-width: 768px) {
    .spl-offers .spl-offers-carousel .spl-offer {
        left: 0px;
        padding: 0px 2%;
    }
}

.offer-item .spl-offer-img {
    height: 200px;
    display: flex;
    align-content: center;
}

.spl-offers .spl-offers-carousel .spl-offer .spl-offer-img img {
    margin: 0 auto;
    display: block;
    object-fit: contain;
}

.spl-offers .spl-offers-carousel .spl-offer .rate-line {
    font-size: 16px;
    margin-top: 15px;
}

.spl-offers .spl-offers-carousel .spl-offer .btn {
    max-width: 260px;
    padding: 24px 0;
    border-radius: 4px;
    margin: 30px 0;
}

.spl-offers .spl-offers-carousel .spl-offer p:after {
    content: ' ';
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 100%;
    height: 1px;
    transform: translateX(-50%);
}

.offer-item {
    margin: 0px 25px;
    min-height: 470px;
    position: relative;
}

.offer-content {
    margin-top: 30px;
    padding: 0px 20px;
}

    .offer-content h3 {
        font-weight: bold;
        text-align: center;
        font-size: 22px !important;
        color: #2B2B2B;
    }

    .offer-content .link {
        position: relative;
        line-height: 1;
        max-width: 260px;
        vertical-align: middle;
    }

        .offer-content .link:after {
            content: ' ';
            position: absolute;
            top: 50%;
            left: -15px;
            transform: translateY(-50%);
            width: 9px;
            height: 13px;
            background: url("/Public/new-inventory/icons/arrow-right-blue.svg") center center no-repeat;
            background-size: contain;
        }

/***SLICK DOTS***/

.spl-offers .slick-dots li {
    background: #fff;
    margin: 0px;
    padding: 0px;
    height: 5px;
}

.spl-offers .slick-dots li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #222222;
    margin: 0px 10px;
    vertical-align: middle;
}

    .spl-offers .slick-dots li.slick-active {
        background: #1E6AD4;
        width: 14px;
        height: 14px;
    }

    .spl-offers .slick-dots li button:before {
        content: '';
    }

/*.spl-offers .slick-dotted.slick-slider {
    margin-bottom: 30px;
}*/
/***END***/

.spl-offers .slick-next.slick-arrow::before,
.spl-offers .slick-prev.slick-arrow::before {
    content: '';
}

.spl-offers .slick-prev.slick-arrow {
    /*background: url('/Content/images/ico/arrow_left-trans.png') center center no-repeat;*/
    left: -50px;
}

.spl-offers .slick-next.slick-arrow {
    /*background: url('/Content/images/ico/arrow_right-trans.png') center center no-repeat;*/
    right: -50px;
}


@media (max-width: 768px) {
    .spl-offers h3 {
        font-size: 22px;
        font-weight: bold;
        text-align: center;
    }

    .offer-item {
        margin: 0;
    }

    .offer-content {
        margin-top: 30px;
        padding: 0;
    }

    .spl-offers .spl-offers-carousel .spl-offer .spl-offer-img img {
        margin: 0 auto;
        display: block;
        height: auto;
    }

    .spl-offers .spl-offers-carousel .spl-offer .btn {
        max-width: 100%;
        padding: 24px 0;
        border-radius: 4px;
        margin: 30px 0;
    }

    .spl-offers .spl-offers-carousel .slick-prev, .spl-offers .spl-offers-carousel .slick-next {
        top: 30%;
        width: 30px;
        height: 30px;
        right: 10px;
    }

        .spl-offers .spl-offers-carousel .slick-prev:after, .spl-offers .spl-offers-carousel .slick-next:after {
            /*content: ' ';
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: url("/Public/assets/right-arrow.png") center center no-repeat;
        background-size: contain;*/
            width: 26px;
            height: 26px;
        }

        .spl-offers .spl-offers-carousel .slick-prev.slick-prev, .spl-offers .spl-offers-carousel .slick-next.slick-prev {
            left: 10px;
        }

    .spl-offers .spl-offers-carousel .spl-offer {
        left: 0px;
        padding: 0px 1%;
    }

    /*    .spl-offers .spl-offers-carousel .slick-dotted.slick-slider {
        margin-bottom: 60px;
    }*/
}
