.result-driven-block {
    padding-bottom: 60px
}

.case_studies--controls {
    list-style-type: none;
    display: block;
    margin: 0 0 70px;
    padding: 0
}

.case_studies--controls .case_studies--control {
    display: inline-block;
    padding: 0 15px;
    cursor: pointer;
    width: 151px;
    min-height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.case_studies--controls .case_studies--control img {
    -webkit-transition: all 450ms ease;
    -o-transition: all 450ms ease;
    -moz-transition: all 450ms ease;
    transition: all 450ms ease;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .4;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    max-height: 100px
}

.case_studies--controls .case_studies--control.is-selected img,
.case_studies--controls .case_studies--control:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.case_studies--controls .flickity-prev-next-button {
    height: 32px;
    width: 32px;
    background-color: #d3dfe1;
    opacity: .4
}

.case_studies--controls .flickity-prev-next-button .flickity-button-icon {
    fill: #006aac
}

.case_studies--controls .flickity-prev-next-button:hover {
    background-color: #d3dfe1;
    opacity: 1
}

.case_studies--content-grid {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.case_studies--content-grid.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.case_studies--content-grid-image {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.case_studies--content-grid-image img {
    width: 100%;
    max-width: 100%
}

.case_studies--content-grid-text {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    margin-top: 50px
}

.case_studies--content-grid-text h2,
.case_studies--content-grid-text h3,
.case_studies--content-grid-text h4,
.case_studies--content-grid-text h5,
.case_studies--content-grid-text h6 {
    font-size: 24px;
    margin: 0 0 15px;
    color: #252525 !important
}

.case_studies--content-grid-text p {
    margin: 0 0 15px;
    color: #252525 !important
}

@media (min-width:1040px) {
    .flickity-prev-next-button {
        display: none
    }
}

@media (min-width:768px) {
    .result-driven-block {
        padding-bottom: 100px
    }

    .case_studies--content-grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .case_studies--content-grid-image {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .case_studies--content-grid-text {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 0 50px;
        margin-top: 0
    }
}