#production {
    background-color: #f8f9fd;
    padding-top: 60px;
    padding-bottom: 50px;
}

#production .title {
    font-weight: 600;
    color: #000;
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 80px;
}

#production .item {
    margin-bottom: 140px;
}

#production .item .image img {
    width: 180px;
}



#production .item .name {
    font-size: 26px;
    font-weight: 600;
    margin: 10px 0;
    max-height: 37px;
    min-height: 37px;
    overflow: hidden;
}

#production .desc {
    font-family: "SF Compact Rounded", sans-serif;
    font-size: 17px;
    max-height: 120px;
    min-height: 120px;
    overflow: hidden;
}

#production .link {
    margin-top: 40px;
}


#production .link a{
    color: #fff;
    font-weight: 600;
    background-color: #2c2d34;
    font-size: 18px;
    padding: 15px 60px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

#production .link a:hover {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background-color: #ce4f46;
}

.pages {
    padding-left: 15px;
}

.pages .pagination > li > a, .pagination > li > span {
    border: none;
}

.pages .pagination > li:first-child > a, .pagination > li:first-child > span {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.pages .pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.pages .pagination > li > a, .pagination > li > span {
    padding: 10px 19px;
}

.pages .pagination > li > a {
    color: #fff;
    background-color: #282830;
}

.pages .pagination > li > a:hover {
    background-color: #ce4f46;
}

.pages .pagination > .active > a {
    background-color: #ce4f46;
    color: #fff;
}

.pages .pagination > .disabled > span {
    background-color: #282830;
    color: #fff;
}

.wrapper-slider {
    max-width: 420px;
    margin: 0 auto;
    position: relative;
}

.wrapper-slider .slick-dots {
    text-align: center;
}

.wrapper-slider .slick-dots li button {
    font-size: 0;
    background: #adadad;
    border: none;
    height: 11px;
    border-radius: 100%;
    outline: none;
}

.wrapper-slider .slick-dots li {
    display: inline-block;
    padding: 0 4px;
}

.wrapper-slider .slick-dots .slick-active button {
    background: #ce4f46;
}

.wrapper-slider .left-arrow {
    background-image: url(../img/icons/left_arrow_c.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    margin-right: 20px;
    width: 40px;
    height: 40px;
    z-index: 1000;
    position: absolute;
    top: 195px;
    left: -45px;
    cursor: pointer;
}

.wrapper-slider .left-arrow.slick-disabled, .slider-sale .left-arrow.slick-disabled, .feed-slider .left-arrow.slick-disabled {
    background-image: url(../img/icons/left_arrow.svg);
}

.wrapper-slider .right-arrow {
    background-image: url(../img/icons/right_arrow_c.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    margin-right: 20px;
    width: 40px;
    height: 40px;
    z-index: 1000;
    position: absolute;
    top: 195px;
    right: -85px;
    cursor: pointer;
}

.wrapper-slider .right-arrow.slick-disabled, .slider-sale .right-arrow.slick-disabled, .feed-slider .right-arrow.slick-disabled {
    background-image: url(../img/icons/right_arrow.svg);
}

.wrapper-slider a img{cursor: zoom-in}

.text {
    font-family: 'SF Compact Display', sans-serif;
    font-weight: 200;
    margin-top: 20px;
}

@media only screen and (max-width: 1199px){

}

@media only screen and (max-width: 991px){
    #production .item .image {

    }
}

@media only screen and (max-width: 767px){
    #production .item .image {
        text-align: center;
    }
}