/*Layout*/
.cases .row{ width: 100%; float: left; position: relative; }
.cases .clearfix{ clear: both; }
.cases img{ max-width: 100%; }
.cases .center_content{ width: 1150px; margin: 0 auto; height: auto; position: relative; }
.cases .content_explanation{ padding: 300px 0; }

/*Hero*/
.cases .case-hero{ height: 100vh; display: flex; justify-content: center; text-align: center; flex-direction: column; }
.cases .case-hero:before{ width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1; content: ''; }
.cases .case-hero h1,
.cases .case-hero h2{ width: 990px; display: block; font-weight: normal; position: relative; transition: all 0.5s ease-out; top: -60px; will-change: transform, opacity; }
.cases .case-hero h1{ font-size: 4.500em; color: var(--white); margin: 35px auto 0;  }
.cases .case-hero h2{ font-size: 1.313em; color: rgba(255,255,255,0.7); text-transform: none; margin: 0 auto; }
.cases .case-hero .img_hd{ width: 743px; position: absolute; left: 0; right: 0; margin: 0 auto; transition: all 0.5s ease-out; will-change: transform; }

/*Explanation*/
.cases .content_explanation .center_content{ width: 990px; }
.cases .content_explanation .center_content li.row{ margin: 0 0 70px; padding: 0 0 70px; border-bottom: 1px solid #ebedef; }
.cases .content_explanation .center_content li.row:last-child{ border: none; padding: 0; margin: 0 0 120px; }

.cases .content_explanation .center_content .content_text{ width: 200px; float: left; }
.cases .content_explanation .center_content .content_text .number{ display: block; font-weight: normal; font-size: 2.250em; }
.cases .content_explanation .center_content .content_text .title{ font-weight: bold; font-size: 2.250em; }

.cases .content_explanation .center_content p{ width: 650px; float: right; margin: 0 0 40px; font-weight: normal; font-size: 1em; line-height: 1.5em; color: #939da7; }
.cases .content_explanation .center_content p:last-child{ margin: 0; }

/*Content Deliverables*/
.cases .content_explanation .center_content .content_deliverables{ width: 650px; float: right; margin: 0 0 100px; }
.cases .content_explanation .center_content .content_deliverables h3{ font-weight: bold; font-size: 1.125em; color: #2c3e50; margin: 0 0 40px; text-transform: uppercase; }
.cases .content_explanation .center_content .content_deliverables ul{ display: inline-flex; flex-direction: column; align-items: flex-start; margin: 0 60px 0 0; }
.cases .content_explanation .center_content .content_deliverables ul:last-child{ margin: 0; }
.cases .content_explanation .center_content .content_deliverables ul li{ padding: 0 0 0 25px; margin: 0 0 20px; background: url("../../img/cases/shared/ic_generals.svg") no-repeat; }
.cases .content_explanation .center_content .content_deliverables ul li:last-child{ margin: 0; }