.references {
    display: grid;
    column-gap:30px;
    row-gap: 30px;
    grid-template-rows:auto;
    width: 100%;
}
@media (min-width:768px) {
    .references {
        grid-template-columns: 1fr 1fr;
    }
}
@media (min-width:992px) {
    .references {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
.references__item {
    display:block;
    position: relative;
    z-index: 0;
    margin-bottom: 60px;
    
}
.references__item > a,
.references__item > a:hover,
.references__item > a:focus {
    color: inherit;
    text-decoration: none;
}
.references-filter {
    margin-bottom:83px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 30px;
}
.references-filter button {
    border:0 none;
    border-bottom:2px solid #979797;
    background:transparent;
    padding:0 0 17px;
    overflow: hidden;
    width:130px;
    margin:0 15px;
    font-size: 16px;
    line-height: 29px;
    color:#B51C26;
}

@media (max-width:991px){
    .references-filter button {
        width:115px;
    }
}
@media (min-width:992px){
    .references-filter button {
        width:160px;
    }
}
@media (min-width:1200px){
    .references-filter button {
        width:130px;
    }
}
@media (max-width:609px){
    .references-filter button:first-child {
        width:415px;
    }
}
@media (max-width:464px){
    .references-filter button:first-child {
        width:260px;
    }
}
@media (max-width:319px){
    .references-filter button:first-child {
        width:115px;
    }
}
.references-filter button.active {
    border-bottom-color:#B51C26;
    font-weight: bold;
}
.references__item--hidden {
    display: none;
}


.references__item__image {
    position: relative;
    padding-bottom:100%;
    height:0;
    margin-bottom:27px;
}
.references__item__image img {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit: cover;
}
.references__item__header {
    margin-bottom:15px;
}
.references__item__header::after {
    content:normal;
}

.references__item__tags {
    position: absolute;
    top:0;
    left:0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin:0;
    padding:0;
    max-width: 100%;
    z-index: 1;
}
.references__item__tags li:nth-child(odd) a {
    background-color:#B51C26;
}
.references__item__tag {
    width:126px;
    overflow: hidden;
    text-overflow: ellipsis;
    height:65px;
    white-space: nowrap;
    display:flex;
    justify-content: center;
    align-items: center;
    background-color: #E0A99A;
    color:white;
    font-family: 'ltfeltpen', sans-serif;
    font-size:22px;
    line-height:28px;
}
.references__item__tag,
.references__item__tag:focus,
.references__item__tag:hover {
    color: white;
    text-decoration: none;
}

/* Element reference_image_compare */

/* Element reference_image_slider */
.reference_image_slider img {
    display:block;
    width:100%;
    height:auto;
}
.reference_image_slider .slick-arrow {
    position:absolute;
    width:43px;
    height:83px;
    background:url(../img/beese-references-arrow.svg) no-repeat top left transparent;
    top:50%;
    transform: translateY(-50%);
    border:0 none;
    padding:0;
    text-indent: 43px;
    white-space: nowrap;
    overflow: hidden;
    z-index:1;
}
.reference_image_slider .slick-next {
    right:10px;
}
.reference_image_slider .slick-prev {
    left:10px;   
    transform: translateY(-50%) rotate(180deg);
}
@media (min-width:1240px){
    .reference_image_slider .slick-next {
        right:-70px;
    }
    .reference_image_slider .slick-prev {
        left:-70px;
    }
    .reference_image_slider__image {
        height:0;
        position: relative;
        padding-bottom:calc((354 / 360) * 100%);
    }
    .col-lg-8 > .reference_image_slider__image {
        padding-bottom:calc((354 / 750) * 100%);
    }
    .reference_image_slider__image img {
        position:absolute;
        top:0;
        left:0;
        height:100%;
        width:100%;
        display: block;
        object-fit: cover;
    }
}