.cases {
    padding-top: 50px;
    background-color: #282b2b;
    min-height: 100vh;
    padding-bottom: 100px;
}
.cases .cases__wrapper {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    padding-left: 7%;
    padding-right: 7%;
    position: relative;
    
}
.cases .cases__wrapper .cases__item {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    position: relative;
    background-color: #cac1a0;
    height: auto;
    min-height: 130px;
    margin-bottom: 30px;
    cursor: pointer;
}
.cases .cases__wrapper .cases__item .cases__main-photo {
    width: 185px;
    min-width: 185px;
    position: relative;
    overflow: hidden;
}
.cases .cases__wrapper .cases__item .cases__main-photo img {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: 10;
    width: 100%;
    min-height: 100%;
}
.cases .cases__wrapper .cases__item .cases__content {
    box-sizing: border-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 20px 0;
    margin-right: 50px;
    margin-left: 3%;
}
.cases .cases__wrapper .cases__item .cases__content .cases__title {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 1%;
}
.cases .cases__wrapper .cases__item .cases__content .cases__subtitle {
    font-size: 18px;
    font-weight: 700;
}
.cases .cases__wrapper .cases__item .cases__btn {
    position: absolute;
    right: -3%;
    top: 30%;
    z-index: 5;
}
.cases .cases__wrapper .cases__item .cases__btn {
    width: 52px;
    height: 52px;
    border-radius: 30px;
    background-color: #7d1e28;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cases .cases__wrapper .cases__item .cases__btn svg {
    width: 10px;
    height: 10px;
    fill: #cac1a0;
}

@media only screen and (max-width: 950px){
    .cases{
        padding-top: 140px;
    }
    .cases .cases__wrapper .cases__contents{
        margin-top: -140px;
        padding-top: 140px;
    }
    .cases .cases__wrapper .cases__contents .cases__photos .cases__photo img{
        width: initial;
        min-height: initial;
        min-width: 100%;
        height: 100%;
    }
    .cases .cases__wrapper .cases__item .cases__btn{
        right: -5%;
    }
}

@media only screen and (max-width: 490px){
    .cases{
        padding-top: 90px;
    }
    .cases .cases__wrapper .cases__contents{
        padding-top: 90px;
        margin-top: -90px;
    }
    .cases .cases__wrapper .cases__item .cases__main-photo{
        display: none;
    }
    .cases .cases__wrapper .cases__contents .cases__photos{
        flex-direction: column;
        height: 400px;
    }
    .cases .cases__wrapper .cases__contents .cases__photos .cases__photo{
        width: 100%;
        margin-bottom: 2%;
    }
    .cases .cases__wrapper .cases__contents .cases__photos .cases__photo-min {
        width: 100%;
    }
    .cases .cases__wrapper .cases__item .cases__btn{
        right: -6%;
    }
    .cases .cases__wrapper .cases__item{
        padding-left: 20px;
    }
    .cases .cases__wrapper .cases__contents .cases__photos .cases__photo-min .cases__min-image {
        width: 49%;
    }
    .cases .cases__wrapper .cases__contents .cases__photos .cases__photo-min .cases__min-image:nth-child(2n-1){
        margin-right: 2%;
    }
    .cases .cases__wrapper .cases__contents .cases__photos .cases__photo-min .cases__min-image:nth-child(1), .cases .cases__wrapper .cases__contents .cases__photos .cases__photo-min .cases__min-image:nth-child(2),
    .cases .cases__wrapper .cases__contents .cases__photos .cases__photo-min .cases__min-image:nth-child(1), .cases .cases__wrapper .cases__contents .cases__photos .cases__photo-min .cases__min-image:nth-child(1){
        margin-bottom: 2%;
    }


}
/*
     FILE ARCHIVED ON 16:46:17 Jun 20, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 00:55:35 Aug 13, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.49
  exclusion.robots: 0.027
  exclusion.robots.policy: 0.016
  esindex: 0.009
  cdx.remote: 5.903
  LoadShardBlock: 133.607 (3)
  PetaboxLoader3.datanode: 57.344 (4)
  PetaboxLoader3.resolve: 104.797 (2)
  load_resource: 94.919
*/