@font-face {
    font-family: 'HelveticaNeueCondensedBold';
    src: 
    local('HelveticaNeueCondensedBold'),
    url('../woff/helveticaneuecondensedbold.woff') format("woff");
}

/* Case Study Template Styles */

.cs-wrapper {
}

.cs-wrapper h2 {
	font-size: 36px;
    line-height: 40px;
	margin-bottom: 12px;
	padding-top: 0;
}

.cs-wrapper h3 {
	font-size: 26px;
	line-height: 34px;
}

.cs-wrapper ul {
	padding: 12px 0 0;
}

.cs-wrapper ul li {
	line-height: 26px;
	list-style: disc;
	margin: 0 0 0 36px;
	padding: 0 0 12px;
}


.cs-wrapper ol li {
	line-height: 26px;
	list-style: decimal;
	margin: 0 0 0 36px;
	padding: 0 0 12px;
}

.cs-wrapper hr {
	margin: 2em 0;
}

.cs-wrapper figure {
	background: #fafafa;
	margin: 24px 0 36px;
}

.cs-wrapper figure img {
	border: 0;
	box-shadow: none;
	padding: 0;
}

.cs-wrapper figure p {
	padding: 0;
}

.cs-wrapper figcaption {
	background: #43a9cb;
	color: #fff;
	font-size: 15px;
	line-height: 20px;
	padding: 18px;
	text-align: center;
}

.cs-wrapper .figure-flex {
	display: flex;
	gap: 18px;
}

.cs-wrapper .figure-flex figure {
	background: #fafafa;
}

.cs-wrapper .figure-flex figure img {
	padding: 18px;
}

.cs-wrapper .figure-small {
	display: flex;
}

.cs-wrapper .figure-small figure {
	margin: 24px auto 36px;
	width: 50%
}

.cs-wrapper .figure-small figure img {
	padding: 18px;
}

.cs-wrapper .testimonial-carousel {
	margin: 0 0 24px;
}

.cs-wrapper .table-wrap {
	overflow: auto;
}

.cs-wrapper table.full-width {
	width: 100%;
}

.cs-wrapper table th, 
.cs-wrapper table td {
	border-left: 1px dotted #cfcfcf;
}

.cs-wrapper table td img {
	padding: 18px
}

/* Exec Summary */

.cs-exec-summary {
	background: #f4f4f4;
	margin: 24px 0 36px;
	padding: 36px;
}

.cs-exec-summary p {
	font-size: 16px;
	line-height: 26px;
}

.cs-exec-summary ul {
	font-size: 16px;
}

.cs-exec-summary h2 {
	border-bottom: 1px solid #2b4162;
	color: #2b4162;
}

.cs-exec-summary figure {
	margin-bottom: 0;
}

.cs-content {
	padding-bottom: 24px;
}

.cs-highlights {
	background: #2b4162;
	margin: 36px 0 0;
	padding: 36px;
}

.cs-highlights h2 {
	border-bottom: 1px solid #fff;
	color: #fff;
}

.cs-highlights ul {
	
}

.cs-highlights ul li {
	color: #fff;
}

.cs-highlights p {
	color: #fff;
}

.cs-highlights a {
	color: #e2f5fb;
}

/* Form Link */

.cs-form-link {
	margin: 36px 0 0;
	text-align: center
}

.cs-form-link p {
	font-size: 24px;
	font-weight: 600;
}

/* Side nav */

.cs-side-nav {
	font-size: 15px;
	position: sticky;
	top: 0;
	width: 262px;
}

.cs-side-nav.sticky-nav {
	position: fixed;
	top: 76px;
}

.cs-side-nav ul li {
	color: #44a9cc;
	cursor: pointer;
	line-height: 22px;
	list-style: square;
	margin: 0 0 10px 20px;
	text-decoration: underline;
}

.cs-side-nav ul li:hover {
	text-decoration: none;
}

/* Author */

.cs-author-img {
	background-size: 120%; 
	margin: 20px 20px 40px 0; 
	height: 155px; 
	width: 155px;
}

.cs-author-name {
	float: left;
	margin: 72px 0 40px; 
}

/* Infographic */

.cs-wrapper .infographics-container {
    margin-top: 30px;
    margin-bottom: 50px;
}

.cs-wrapper .infographics-item {
    padding: 0; 
    background-color: #44a9cc;
    color: #fff;
    font-size: 16px;
    margin-bottom: 4px;
    font-weight: 700; 
    display: flex;
}

.cs-wrapper .infographics-item:nth-child(even) {
    background-color: #2B4162;
}

.cs-wrapper .infographics-item .fa {
    font-weight: 300;
    color: #fff;
    font-size: 50px;
    opacity: 0.6;
}

.cs-wrapper .infographics-item .stats {
    text-align: center;
    background-color: rgba(49, 152, 187, 1);
    padding-top: 30px;
    padding-bottom: 20px;
    padding-right: 30px;
    padding-left: 30px;
    display: flex;
    position: relative;
}

.cs-wrapper .infographics-item:nth-child(even) .stats {
    background-color: #20334f;
}

.cs-wrapper .infographics-item .stats img {
    width: 140px;
    height: auto;
    margin: 0 auto 5px;
    /* opacity: 0.7; */
}

.cs-wrapper .infographics-item .stats .stat-wrapper {
    margin: auto;
    display: flex;
}

.cs-wrapper .infographics-item .stats .stat-wrapper .salary-increase {
    margin: auto;
    padding-right: 20px;
    white-space: nowrap;
}

.cs-wrapper .infographics-item .stats .stat-wrapper .salary-increase p {
    line-height: 1.4;
    padding: 0;
}

.cs-wrapper .infographics-item .description {
    padding: 30px 40px;
}

.cs-wrapper .infographics-item .description ul {
    padding: 8px 0 0;
}

.cs-wrapper .infographics-item .description ul li {
    list-style: disc;
    margin: 0 0 0 15px;
    padding: 0;
    font-weight: 400;
}

.cs-wrapper .infographics-item .description span {
    font-weight: 700;
    font-size: 20px;
}

.cs-wrapper .infographics-item .description > p {
    padding: 0;
}

.cs-wrapper .infographics-item .stats span {
    font-size: 30px;
    font-weight: 700;
}

.cs-wrapper .cost-scale {
    background-color: #44a9cc;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    margin: 10px 0 20px;
    text-align: center;
}

.cs-wrapper .cost-scale div {
    padding: 20px 5%;
    border: 3px solid #fff;
    width: 100%;
    white-space: nowrap;
}

.cs-wrapper .cost-scale .fa {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding: 0 10px;
}

.cs-wrapper .graph-images {
    margin-top: 30px;
    margin-bottom: 30px;
}

.cs-wrapper .graph-images img {
    margin: 25px auto;
    max-width: 260px;
}

.cs-wrapper .graph-images p {
    font-size: 16px;
    line-height: 1.5;
    padding: 0;
}

.cs-wrapper .graph-images .col-md-5 {
    text-align: center;
    padding-bottom: 20px;
}

@media (max-width: 991px) {
    .cs-wrapper .graph-images .col-md-5 {
        padding-bottom: 50px;
    }
}

@media (max-width: 767px) {
	.cs-author-name {
		margin-top: 0;
	}

    .cs-wrapper .infographics-item,
    .cs-wrapper .infographics-item .stats {
        display: block;
    }

    .cs-wrapper .infographics-item .description {
        padding: 20px;
    }

    .cs-wrapper .cost-scale {
        display: block;
    }
}

@media (max-width: 640px) {
	.cs-wrapper .figure-flex {
		display: block
	}
	.cs-wrapper .figure-small figure {
		width: 100%;
	}
	.cs-exec-summary, .cs-highlights {
		padding: 26px;
	}
	.cs-highlights ul li {
		margin: 0 0 0 18px;
	}
	.cs-wrapper h2 {
		font: 30px/40px 'Rockwell W02';
		padding: 10px 0;
	}
	.cs-form-link p {
		font-size: 20px;
	}
}