.overlay_wrapper{text-align: center}
.antialiased {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
html {box-sizing: border-box}
.intro-statement h1{line-height: 1.4}
.padded-block,
.work-teaser,
.overlay_title,
[data-work-thumb]>img,
strong.intro-statement h1 {display: block}
.intro-statement h1{font-size: 2em}
@media (min-width: 43.75em) {
    .intro-statement h1{font-size: 2.3em}
}
.overlay_description,
.overlay_title {line-height: 1.5;font-size: .85em;font-family: Helvetica-Light, Helvetica}
.overlay_description {font-size: 1.4em}
a:focus,a:hover,u { text-decoration: underline}
.grid_col_50>.padded-figure{
    padding-top: 0
}

.clearfix:after,
.clearfix:before,
.no-flexbox .grid-row:after,
.no-flexbox .grid-row:before{content: " ";display: table;}
[data-work-thumb]>img {margin-right: auto;margin-left: auto;}
.flex-border-left:before,
.flex-border-right:after {
    bottom: 0;
    background: #e2e2e2;
    content: '';
    margin: 0;
    z-index: 0;
    height: 100%
}
.padded-block {padding: 30px 25px;}
@media (min-width: 43.75em) {
    .padded-block {padding: 50px 60px;}
}
@media (min-width: 75em) {
    .padded-block {padding: 80px 70px;}
}
.flex-border-left:before,
.flex-border-right:after{position: absolute; padding: 0;width: 1px;}
.no-border {border: none!important;}
.overlay_wrapper,
.overlay_shader {
    bottom: 0;
    left: 0;
    -webkit-transition: opacity .2s ease .3s;
    transition: opacity .2s ease .3s;
    width: 100%
}
.overlay_wrapper {
    overflow: hidden;
    padding-bottom: 15px;
    position: absolute;
    z-index: 2
}
@media (min-width: 63.5em) {
    .overlay_wrapper,
    .overlay_shader {
        filter: alpha(opacity=0);
        opacity: 0
    }
    .overlay_wrapper {
        height: 100%
    }
    .overlay_wrapper>div {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
.overlay_shader { background: #1f1e1e;display: block;height: 140px;position: absolute; z-index: 1;}
body {position: relative;}
@media (min-width: 0)and (max-width: 63.5em) {
    .overlay_shader {
        background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .5) 70%, rgba(0, 0, 0, .7) 100%);
        background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .5) 70%, rgba(0, 0, 0, .7) 100%)
    }
}

@media (min-width: 63.5em) {
    .overlay_shader {height: 100%;}
    .overlay_link:hover .overlay_wrapper {filter: alpha(opacity=100);opacity: 1;}
    .overlay_link:hover .overlay_shader {filter: alpha(opacity=90);opacity: .9;}
}

img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block
}

.flex-col,
.flexbox .flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.grid img,
.grid-row {
    width: 100%
}
.grid-row {
    margin: 0 auto
}
@media (min-width: 0)and (max-width: 43.75em) {
    .grid-row--auto-bordered [class*=grid_col_]+[class*=grid_col_] {
        border-top: 1px solid #e2e2e2
    }
    .grid-row--auto-bordered [class*=grid_col_]+[class*=grid_col_].border-bottom {
        border-top: none
    }
}
@media (min-width: 43.75em) {
    .grid_col_20 {
        float: left;
        width: 20%
    }
    .grid_col_25 {
        float: left;
        width: 50%
    }
}
@media (min-width: 63.5em) {
    .grid_col_25 {
        width: 25%
    }
}
@media (min-width: 43.75em) {
    .grid_col_30 {
        float: left;
        width: 30%
    }
    .grid_col_33 {
        float: left;
        width: 33.33333%
    }
    .grid_col_35 {
        float: left;
        width: 35%
    }
    .grid_col_40 {
        float: left;
        width: 40%
    }
    .grid_col_50 {
        width: 100%
    }
}
@media (min-width: 63.5em) {
    .grid_col_50 {
        float: left;
        width: 50%
    }
    .grid_col_50.gutter-right {
        padding-right: 3%
    }
    .grid_col_50.gutter-left {
        padding-left: 3%
    }
}
.flexbox .flex-row {
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
@media (min-width: 63.5em) {
    .flexbox .flex-row {
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }
}
.flexbox .flex-item {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}
.flexbox .flex-item.grid_col_25 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}
@media (min-width: 43.75em) {
    .grid_col_60 {
        float: left;
        width: 60%
    }
    .grid_col_65 {
        float: left;
        width: 65%
    }
    .grid_col_70 {
        float: left;
        width: 70%
    }
    .grid_col_80 {
        float: left;
        width: 80%
    }
    .flexbox .flex-item.grid_col_25 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        float: none
    }
}
@media (min-width: 63.5em) {
    .flexbox .flex-item.grid_col_25 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}
.flexbox .flex-item.grid_col_30 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}
@media (min-width: 63.5em) {
    .flexbox .flex-item.grid_col_30 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        float: none
    }
}
.flexbox .flex-item.grid_col_35 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}
@media (min-width: 63.5em) {
    .flexbox .flex-item.grid_col_35 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        float: none
    }
}
.flexbox .flex-item.grid_col_40 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}
@media (min-width: 63.5em) {
    .flexbox .flex-item.grid_col_40 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        float: none
    }
}
.flexbox .flex-item.grid_col_50 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}
@media (min-width: 63.5em) {
    .flexbox .flex-item.grid_col_50 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        float: none
    }
}
.flexbox .flex-item.grid_col_60 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}
@media (min-width: 63.5em) {
    .flexbox .flex-item.grid_col_60 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        float: none
    }
}
.flexbox .flex-item.grid_col_65 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}
@media (min-width: 63.5em) {
    .flexbox .flex-item.grid_col_65 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 65%;
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        float: none
    }
}
.flexbox .flex-item.grid_col_70 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}
@media (min-width: 63.5em) {
    .flexbox .flex-item.grid_col_70 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%
    }
}
.flex-col {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex-col .flex-col-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}
h1#logo a{position:static;}
img.shim {display: none;}

a,article,blockquote,div,figure,footer,.intro-statement h1,h2,h3,h4,h5,h6,li,p,section {
    position: relative
}
@media (min-width: 43.75em) {
    img.shim {display: block;visibility: hidden}
}

h1,h2,h3,h4,h5,h6 {font-size: 1em;margin: 0 0 .75em;}
p {font-size: 1em;margin-top: 0;margin-bottom: 1.5em;}
a{text-decoration: none;}
a:focus,a:hover {  outline: 0;}
.grid-wrapper {background: #fff;}
.grid-wrapper {min-height: 100%;z-index: 1;}
@media (min-width: 0)and (max-width: 63.5em) {
    .grid-row--auto-bordered .grid_col_50+.grid_col_50 {border-top: 1px solid #e2e2e2;}
    /*.grid-wrapper {padding-top: 65px;}*/
}
.bg-orange .intro-statement h1 {color: #fff;}
.intro-statement.white h1{color: #fff;}
.intro-statement {max-width: 1000px;}
strong.intro-statement h1 {color: #797167; font-size: 1.1em;font-weight: 400;}
.work-teaser {overflow: hidden;position: relative;width: 100%}
.overlay_title {color: #d25134;margin-bottom: .25em}
.overlay_description,
a:hover .overlay_description {color: #fff;cursor:pointer;}
.bg-orange {background-color: #d25134;}
[data-work-thumb] {background-color: #000;}
.overlay {background: #fff;position: absolute;right: 50px;top: 50px;z-index: 1;}