/* CSS reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* BASIC */

body {
	color: #000;
}

.container {
	width: 90%;
	margin: 0 auto;
}

a {
	text-decoration: none;
}

a,
.accent {
	color: #dddddd;
}

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

.container img {
	margin-bottom: -6px;
	width: 100%;
}

.italc {
	font-style: italic;
}

/* HEADER */

.header {
	background-color: #000;
	position: fixed;
	z-index: 8000 !important;
	width: 100%;
	height: 42px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

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

.header .inner-wrap:after {
	content: "";
	display: table;
	clear: both;
}

.header .ew-logo img {
	height: 20px;
	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;
}

/* LEDE */

.lede-wrapper {
	width: 100%!important;
	background-image: url("../img/pattern3.jpg");
}

.lede.container {
	font-family: "proxima-nova", sans-serif;
	text-align: center;
	position: relative;
	padding-top: 42px;
	z-index: 200!important;
}

.lede.container #title-image {
	width: 100%;
}

.lede.container .title-wrapper {
	color: #fff;
	padding-top: 14px;
	font-weight: 900;
	text-transform: uppercase;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-animation: fadeIn 3s; /* Chrome, Safari, Opera */
    animation: fadeIn 3s;
}

@keyframes fadeIn {
	0% {
		opacity: 0.0;		
	}
	50% {
		opacity: 0.0;		
	}	
	100% {
		opacity: 1;	
	}		
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0.0;		
	}
	50% {
		opacity: 0.0;		
	}	
	100% {
		opacity: 1;	
	}		
}

.lede.container .title-wrapper h1.l1 {
	font-size: 8.1em;
	margin-bottom: -46px;
}

.lede.container .title-wrapper h1.l2 {
	font-size: 5em;
	margin-bottom: -34px;
}

.lede.container .title-wrapper h1.l3 {
	font-size: 5.8em;
	margin-bottom: -31px;
}

.lede.container .title-wrapper h1.l4 {
	font-size: 3.75em;
}

.mob-sub.container {
	background-color: #fff;
}

.mob-sub.container h2 {
	font-family: "proxima-nova", sans-serif;
	font-weight: 100;
	font-size: 1em;
	text-transform: uppercase;
	line-height: 1.3;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.mob-sub.container .byline-box {
	text-transform: uppercase;
	font-weight: 900;
}

.mob-sub.container .byline-box p {
	display: block;
	font-family: "proxima-nova", sans-serif;
	font-size: .95em;
	padding-bottom: 8px;
}

.lede.container .desktop-sub-byline h2.l5 {
	font-size: 1.34em;
	margin-bottom: -10px;	
}

.lede.container .desktop-sub-byline h2.l6 {
	font-size: 1.34em;
	margin-bottom: -10px;
}

.lede.container .desktop-sub-byline h2.l7 {
	font-size: 1.41em;
	margin-bottom: -18px;
}

.lede.container .desktop-sub-byline p.l8 {
	font-size: 3.3em;
}

/* BODY */

.full-width img {
	width: 100%;
	margin-bottom: -4px;
}

.main-wrapper {
	background-color: #fff;
	position: relative;
	z-index: 400!important;
}

.main.container {
	width: 90%;
	background-color: #fff;
}

.main.container h4 {
	text-align: center;
	color: #000;
	font-weight: 900;
	font-family: "proxima-nova", sans-serif;
	text-transform: uppercase;
	line-height: 1;
}

.main.container h4.l9 {
	font-size: 11.9em;
	margin-bottom: -35px;
}

.main.container h4.l10 {
	font-size: 5.8em;
	margin-bottom: -18px;
}

.main.container h4.l11 {
	font-size: 5.6em;
	margin-bottom: -10px;
}

.main.container .span_4_of_12 {
	float: right;
}

.main.container .first {
	padding-top: 24px;
}

.main.container .last {
	padding-bottom: 23px;
}

.main.container p {
	font-family: "freight-text-pro", Georgia, serif;
	line-height: 1.6;
	font-size: 17px;
	padding: 0 0 14px 0;
	color: #222222;
}

.main.container p .section-start {
	text-transform: uppercase;
	font-family: "proxima-nova", sans-serif;
	font-weight: 900;
	font-size: .9em;
}

.main.container .pullquote {
	margin: 30px 45px 60px;
	padding-bottom: 14px;
	border-bottom: 8px solid #D0D0D0;
}

.main.container .pullquote h6 {
	font-weight: 900;
	line-height: 1.2;
	font-size: 2em;
	font-family: "proxima-nova", sans-serif;
}

.main.container .cred {
	font-weight: 100;
	color: #AEAEAE;
	font-style: italic;
	font-size: .8em;
	font-family: "proxima-nova", sans-serif;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	z-index: 850!important;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.section-break {
	text-align: center;
	display: block;
	margin-bottom: 10px;
}

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

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

.disqus-wrapper {
	background-color: #e2e7ea;
	position: relative;
	z-index: 500!important;
	padding-top: 10px;
}

.disqus.container {
	width: 850px;
	margin: 0 auto;
	background-color: #fff;
	border-right: 10px solid #fff;
	border-left: 10px solid #fff;
}

/* FOOTER */

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

.footer a {
	cursor: pointer;
	color: #767676;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

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

.footer .footer-button {
	text-transform: uppercase;
	display: inline-block;
	padding: 13px 33px 11px;
	margin: 30px 0 10px;
	text-transform: uppercase;
	font-weight: 800;
	font-size: .8em;
	letter-spacing: 1px;
}

.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: #767676 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;
  border: #fff solid 2px;
}

.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: 22px;
	margin: 30px 0 10px;
}

.footer .footer-bottom p {
	color: #ccc;
	font-size: .85em;
	font-family: "proxima-nova", sans-serif;
	padding-bottom: 35px;
	width: 80%;
	margin: 0 auto;
}

/* GRID (thanks to responsivegridsystem.com) */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.col {
	display: block;
	float:left;
	margin: 0;
}

.col:first-child { margin-left: 0; }

.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.66%;
}
.span_10_of_12 {
  	width: 83.33%;
}

.span_9_of_12 {
  	width: 75%;
}

.span_8_of_12 {
  	width: 66.66%;
}

.span_7_of_12 {
  	width: 58.33%;
}

.span_6_of_12 {
  	width: 50%;
}

.span_5_of_12 {
  	width: 41.66%;
}

.span_4_of_12 {
  	width: 33.33%;
}

.span_3_of_12 {
  	width: 25%;
}

.span_2_of_12 {
  	width: 16.66%;
}

.span_1_of_12 {
  	width: 8.333%;
}

/* MEDIA QUERIES 768 and above */

@media (min-width: 480px) {
	.lede.container .byline-box p {display: inline-block;}
	.lede.container .byline-box .sub .dvdr {display:inline-block; font-weight: 100; padding: 0 15px;}
}

@media (max-width: 480px) {
	.disqus.container {width: 90%;}
}

@media (min-width: 768px) {
	.header {height: 50px; border-bottom: 1px solid #dddddd; background-color: #fff; opacity: .6;}
	.header:hover {opacity: 1;}
	.header #ew-logo-mob {display: none;}
	.header .ew-logo img {height: 24px;}
	.header .inner-wrap {padding: 13px 15px 0;}
	.header .social {padding-top: 4px;}
	.lede.container h2 {font-size: 1.2em; margin-bottom: 10px; padding-bottom: 12px;}
	.lede.container .title-wrapper, .lede.container {padding-top: 0;}
	.main.container {width: 65%;}
	.main.container p {font-size: 19px; padding: 0 0 20px 0; line-height: 1.8;}
	.main.container .first {padding-top: 45px;}
	.main.container .last {padding-bottom: 50px;}
	.section-break {margin-bottom:32px;}
	.section-break img {width: 30px;}
	.mob-sub.container {display: none;}
	.lede.container .title-wrapper h1.l1 {font-size:18em; margin-bottom: -118px;}
	.lede.container .title-wrapper h1.l2 {font-size:11.7em; margin-bottom: -91px;}
	.lede.container .title-wrapper h1.l3 {font-size:12.6em; margin-bottom: -78px;}
	.lede.container .title-wrapper h1.l4 {font-size:8.4em; margin-bottom: -30px;}
}

@media (max-width: 768px) {
	.header #ew-logo-dt {display: none;}
	.desktop-sub-byline {display: none;}
	.sidebar.container {display: none;}
}

@media (max-width: 850px) {
	.disqus.container {width: 80%;}
}

@media (min-width: 1024px) { 
	.lede.container {width: 850px;}  
	.main.container {width: 850px;}
	.main.container p {padding: 0 160px 20px 160px;}
	.footer .footer-button {padding: 13px 43px 11px;font-size: 1em;}
	.footer .footer-bottom #footer-logo img {height: 30px;}
}

@media (max-width: 1024px) {    
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
	width: 100%; 
	}
}

@media (min-width: 1224px) {
	
}