body {
	overflow-x: hidden;
	font-family: "freight-text-pro", sans-serif;
	font-weight: 400;
}

li, ul, h1, h2, h3, h4, p {
	padding: 0; margin: 0;
}

.header {
	background-color: #000;
	position: fixed;
	z-index: 8000 !important;
	width: 100%;
	height: 50px;
}

.header .progress-wrapper {
	width: 100%;
	height: 4px;
	background-color: #383737;
}

.header .progress {
	height: 4px;
}

.header .inner-wrap {
	padding: 11px 15px 0;
}

.header #ew-logo img {
	height: 24px;
	float: left;
}

.header .social {
	float: right;
	padding-top: 2px;
}

.header .social li {
	display: inline;
	list-style-type: none;
	padding-left: 10px;
}

.header .social img {
	cursor: pointer;
}

.header #facebook img {
	height: 17px;
}

.header .social #twitter img {
	height: 16px;
}

.header .social #google-plus img {
	height: 17px;
}

.container-fluid {
	width: 68%;
	max-width: 1200px;
}

.accent {
	color: #f43d05;
}

a {
	color: #f43d05;
}

a:hover {
	color: #c12e01;
	text-decoration: none;
}

.accent-bg {
	background-color: #f43d05;
}

.bold {
	font-weight: 900;
}

.italc { font-style: italic; }

.un-ital { font-style: normal;}

p {
	font-family: "freight-text-pro", Georgia, serif;
	line-height: 1.8;
	font-size: 20px;
	padding: 0 0 20px 0;
	color: #222222;
}

h4 {
	font-family: "proxima-nova-alt-ext-cond", sans-serif;
}

/* desktop lede start */

.dt-lede {
	overflow: hidden;
	height: 900px;
	position: relative;
}

.dt-lede img {
	width: 100%;
	position: absolute;
}

.dt-lede img#sky {
	z-index: 1 !important;
}

.dt-lede img#clouds {
	z-index: 25 !important;
}

.dt-lede img#plane {
	z-index: 55 !important;
}

.dt-lede img#city {
	z-index: 75 !important;
}

.dt-lede img#foreground {
	z-index: 115 !important;
}

.dt-lede .title-text {
	z-index: 200 !important;
	position: absolute;
	text-align: center;
	margin: 0 auto;
	padding-top: 235px;
	/*color: #019247;*/
}

.dt-lede .title-text .text-wrap {
	position: fixed;
	width: 100%;
}

.arrow {
	text-align: center;
	position: fixed;
	z-index: 315 !important;
	top: 415px;
	width: 100%;
}

.arrow img:hover {
	margin-top: 5px;
}

.arrow img {
	transition: margin 0.5s ease-out 0s;
	height: 50px;
	display: inline-block;
}

.dt-lede .title-text .text-wrap h1.title {
	font-size: 8em;
	/*font-family: "bello-caps", Arial, sans-serif;*/
	font-family: "hotel-open", sans-serif;
	margin-bottom: -8px;
}

.dt-lede .subtitle-text {
	z-index: 65 !important;
	position: absolute;
	text-align: center;
	margin: 0 auto;
	padding-top: 345px;
	/*color: #019247;*/
}

.dt-lede .subtitle-text .text-wrap {
	position: fixed;
	width: 100%;
}

.dt-lede .subtitle-text .text-wrap h3.subtitle {
	font-size: 2em;
	font-family: "proxima-nova-alt", Arial, sans-serif;
	line-height: 1.1;
	font-weight: 100;
}

/* desktop lede end */

.mob-lede {
	position: relative;
}

.mob-lede img {
	width: 100%;
	margin-top: 50px;
}

.mob-lede .title-text {
	position: absolute;
	bottom: 400px;
	width: 100%;
	text-align: center;
}

.mob-lede .title-text h1.title {
	font-family: "hotel-open", sans-serif;
	font-size: 6.25em;
}

.mob-lede .title-text h3.subtitle {
	font-family: "proxima-nova-alt", Arial, sans-serif;
	line-height: 1.1;
	font-weight: 100;
	font-size: 1.8em;
}

.body-wrapper {
	background-color: #fff;
	width: 100%;
	z-index: 800 !important;
	position: relative;
}

.dropcap {
	font-family: "hotel-open", sans-serif;
	font-size: 5.5em;
	margin: -50px 25px -50px 0;
	float: left;
}

.intro p {
	font-size: 1.7em;
	line-height: 1.5;
	padding: 20px 0 45px;
}

.article-info h4 {
	background-color: #000;
	width: 100%;
	padding: 25px 0;
	font-family: "proxima-nova-alt-ext-cond", sans-serif;
	font-size: 1.95em;
	text-align: center;
	letter-spacing: 1px;
}

.article-info .byline {
	font-weight: 600;
	display: block;
	padding-bottom: 10px;
}

.article-info .cred {
	font-weight: 100;
}

.body {
	background-color: #fff;
	margin-top: 30px;
	margin-bottom: 30px;
}

.main {
	padding: 0 25px 0;
	max-width: 800px;
}

.col-md-4.sidebar {
	float: right;
	position: relative;
}

.pq-container {
	margin: 25px 0 50px;
	text-align: center;
}

.pullquote {
	font-family: "proxima-nova-alt-ext-cond", sans-serif;
	font-size: 3.2em;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 0;
	padding: 35px 0;
}

.pq-border {
	display: inline-block;
	height: 6px;
	width: 100%;
	border-radius: 1px;
	width: 80%;
}

.pq-border#top {
	top: 0;
}

.pq-border#bottom {
	bottom: 0;
}

.sidebar-border-bottom {
	display: inline-block;
	height: 1px;
	background-color: #000;
	width: 40%;
	position: absolute;
	bottom: 0;
	border-radius: 1px;
	padding-right: 15px;
}

.sidebar-img-cap p {
	margin-top: 10px;
	font-family: "proxima-nova", sans-serif;
	font-size: 1em;
	color: #2C2C2C;
	letter-spacing: 1px;
}

p.section-start::first-line {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 22px;
}

.section-break {
	text-align: center;
	margin-bottom: 50px;
	margin-top: -15px;
}

.section-break img {
	display: inline-block;
	width: 32px;
}

img.full-width {
	width: 100%;
}

.sidebar img {
	max-width: 100%;
	padding-top: 35px;
}

img.inset {
	width: 100%;
	margin-bottom: 45px;
	margin-top: 20px;
}

h3.steps-title {
	font-family: "hotel-open", sans-serif;
	font-size: 5em;
	text-align: center;
	border-top: 4px solid #f43d05;
	padding-top: 20px;
	margin-top: 5px;
	line-height: 1;
}

#three-steps{
	border-bottom: 4px solid #f43d05;
	margin-bottom: 25px;
}

#three-steps #steps-text-wrap {
	position: relative;
	z-index: 100 !important;
	padding: 75px 0 0 15px;
	margin-bottom: -245px;
}

#three-steps #steps-text-wrap li {
	font-family: "proxima-nova-alt", Arial, sans-serif;
	font-size: 1.8em;
	list-style-type: none;
	font-weight: 100;
	margin-bottom: 20px;
}

#three-steps #steps-text-wrap .list-item {
	background-color: #fff;
	padding: 5px 15px 2px 15px;
	border-radius: 15px;
}

.white-bg {
	background-color: #fff;
	padding: 5px 15px 2px 15px;
	border-radius: 15px;
	display: inline-block;
}

.container-full {
	background-color: #000;
}

.container-full #dialogue-wrapper {
	padding: 25px 0;
	margin: 0 auto;
	width: 50%;
}

.container-full #dialogue-wrapper p {
	font-family: "proxima-nova-alt", Arial, sans-serif;
	font-size: 1.8em;
	list-style-type: none;
	font-weight: 100;
	line-height: 1.2;
}

.container-full #dialogue-wrapper .left {
	text-align: left;
}

.container-full #dialogue-wrapper .right {
	text-align: right;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 45px;
	margin-top: 20px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.list-wrapper {
	background-image: url("../img/list-bg-crop.jpg");
	min-height: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
  	background-position: center;
}

#list-title {
	width: 83.33333333%;
	margin: 0 auto;
	text-align: center;
	padding: 38px 0 12px;
}

#list-title h3 {
	font-family: "hotel-open", "proxima-nova-alt-ext-cond", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-size: 5.75em;
}

.list {
	background-color: #fff;
	padding: 30px 50px;
	margin: 25px auto 0;
	width: 55%;
	text-align: center;
}

.list li {
	list-style-type: none;
}

.list li p {
	text-align: left;
}

.list li h5 {
	font-weight: 600;
	font-size: 1.65em;
	margin: 15px 0 25px;
}

.list li h4 {
	font-family: "proxima-nova-alt-ext-cond", sans-serif;
	font-size: 3em;
	background-color: #000;
	color: #fff;
	font-weight: 600;
	padding: 5px 20px 2px;
	border-radius: 8px;
	display: inline-block;
}

.text-end {
	height: 17px; width: 17px;
	background-color: #000;
	display: inline-block;
	margin-left: 5px;
	border-radius: 2px;
}

.container-fluid .last {
	margin-bottom: -30px;
}

.footer {
	text-align: center;
	font-family: "proxima-nova", sans-serif;
	z-index: 8000 !important;
	position: relative;
}

.footer a {
	cursor: pointer;
	color: #000;
}

.footer a:hover {
	text-decoration: none;
}

.footer .footer-button {
	text-transform: uppercase;
	color: #000;
	display: inline-block;
	padding: 13px 43px 11px;
	margin: 30px 0;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1em;
}

.outline-outward {
  display: inline-block;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  /*box-shadow: 0 0 1px rgba(0, 0, 0, 0);*/
}
.outline-outward:before {
  content: '';
  position: absolute;
  border: #000 solid 2px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.outline-outward:hover:before, .outline-outward:focus:before, .outline-outward:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}

.footer .footer-bottom {
	text-align: center;
	background-color: #000;
}

.footer .footer-bottom #subscribe h4, .footer .footer-bottom #newsletter h4 {
	background-color: #000;
	display: inline-block;
	margin-top: 35px;
	padding: 15px 25px;
}

.footer .footer-bottom #footer-logo img {
	height: 30px;
	margin: 30px 0 10px;
}

.footer .footer-bottom p {
	color: #ccc;
	font-size: .85em;
	font-family: "proxima-nova", sans-serif;
	font-weight: 100;
}

/* MEDIA QUERIES */

@media (max-width: 1380px) {
	.dt-lede .title-text {padding-top: 210px;}
	.dt-lede .subtitle-text {padding-top: 325px;}
	.arrow {top: 400px;}
	.container-fluid {width: 75%;}
}

@media (max-width: 1224px) {
	.dt-lede img#sky {margin-top: 100px;}
	.dt-lede .title-text .text-wrap h1.title {font-size: 7em;}
	.dt-lede .subtitle-text {padding-top: 315px;}
	.dt-lede .subtitle-text .text-wrap h3.subtitle {font-size: 1.8em;}
	.arrow {top: 385px;}
	.container-fluid {width: 80%;}
	#three-steps #steps-text-wrap {margin-bottom: -265px;}
	.container-full #dialogue-wrapper {width: 60%;}
}

@media (min-width: 991px) {
	.mob-lede {display: none;}
}

@media (max-width: 991px) {
	.mob-lede .title-text {bottom: 335px;}
	.dt-lede {display: none;}
	.arrow {display: none;}
	.main {padding: 0 15px;}
	#three-steps #steps-text-wrap li {font-size: 1.6em;}
	#three-steps #steps-text-wrap {margin-bottom: -235px;}
	#list-title h3 {font-size: 5em;}
	#list-title {padding: 28px 0 2px;}
	.list li h4 {padding: 5px 18px 2px; font-size: 2.5em;}
	.list {padding: 30px 40px;}
	.list-wrapper {background-attachment: scroll;background-size: contain; background-position: top;}
	.list {width: 100%;}
	.list ul {width: 80%; margin: 0 auto;}
}

@media (max-width: 768px) {
	.mob-lede .title-text {bottom: 20px;}
	.article-info h4 {background-color: #fff;}
	.article-info .byline {display: inline-block; padding-right: 25px;}
	.intro p {font-size: 1.6em;}
	.progress-wrapper {display: none;}
	.progress-wrapper .progress {display: none;}
}

@media (max-width: 480px) {
	.mob-lede .title-text h1.title {font-size: 3.5em;}
	.mob-lede .title-text h3.subtitle {font-size: 1.3em;}
	.article-info .byline {display: block;}
	.article-info h4 {font-size: 1.4em;}
	.dropcap {font-size: 3.5em; margin: -30px 25px -30px 0;}
	.body {margin-top: 10px; margin-bottom: 10px;}
	.intro p {font-size: 1.45em;}
	p {font-size: 18px; line-height: 1.4;}
	.container-fluid {width: 95%;}
	.pullquote {font-size: 1.8em;}
	h3.steps-title {font-size: 3em;}
	#three-steps #steps-text-wrap {margin-bottom: -185px; padding: 45px 0 0 15px;}
	#three-steps #steps-text-wrap li {font-size: 1.3em; line-height: 1.1;}
	.container-full #dialogue-wrapper {width: 90%;}
	.container-full #dialogue-wrapper p {font-size: 1.3em;}
	#list-title h3 {font-size: 2em;}
	.list {padding: 20px 0;}
	.list li h4 {padding: 5px 16px 2px; font-size: 1.8em;}
	.list li h5 {font-size: 1.4em; margin: 15px 0;}
	img.inset {margin-bottom: 35px; margin-top: 10px;}
}