html {
	height: 100%;
}
body {
	display:none;
	background-color: #ffffff;
	height: 100%;
	margin: 0;
  	padding: 0;
}
h1, h2, h3, h4, h5 {
	color: #000000;
	font-family: 'Playfair Display', Helvetica, Arial, sans-serif;
	font-size: 4.5rem;
	font-weight: 200;
	/*letter-spacing: 0.05rem;*/
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h1 {	
	color: #00786c;
	margin: 8rem 0 5.5rem;
	/*text-transform: uppercase;*/
	font-weight: 700;
}
h2, h2 a {
	font-family: "Montserrat", Helvetica, Arial, sans-serif;
	color: #404040;
	font-size: 2.1rem;
	font-weight: 300;
	margin: 0 auto 12rem;
	max-width: 80rem;
	line-height: 2.8rem;
}
h2 a {
	color: #ce0000;
}
h2 a:hover {
	color: #aaa;
}
h3 {
	font-family: "Playfair Display",Helvetica,Arial,sans-serif;
	color: #777;
	font-size: 3.2rem;
	margin: 0 0 2rem;
	font-weight: 700;
	/*text-transform: uppercase;*/
}
h4 {
	font-family: "Montserrat",Helvetica,Arial,sans-serif;
	color: #006892;
	font-size: 2rem;
	margin: 0 0 2rem;
	font-weight: 400; 
	text-transform: uppercase;
}
h5 {
	color: #998866;
	font-size: 1.6rem;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0.5rem 0;
	padding: 0.1rem 0;	
}
p, a {
	color: #404040;
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 1.6rem;
	line-height: 2.2rem;
	font-weight: 200;
	text-align: left;	
}
a {
	color: #998866;
	font-weight: 400;
	text-decoration: none;
}
a:hover, a:active, a:visited, a:focus, a:link {
    outline: none;
}
video {
	width: 100%;
	height: auto;
}
.menu {
	background-color: #ffffff;
	height: 20rem;
	width: 100%;
	position: relative;
	z-index: 100;
	text-align: center;
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);
}
.main-menu {
	width: 88.4rem;
	margin: 0 auto; 
}
.mobile-menu { 
	display: none; 
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;	
}
.logo-menu {
	padding: 1.7rem 0 0.2rem;
	border-bottom: 0.1rem solid #B6B6B7;
}
.menu-fixed {
	position: fixed;
	top: -15.5rem;
}
.logo-menu-mobile {
	float: left;
	width: 13rem;
}
#btn_menu_mobile {
	float: right;
	margin-right: 1rem;
	width: 7rem;
}
.drop-menu-mobile {
	background-color: #ffffff;
	display: block;
	position: fixed;
	width: 30rem;
	height: 35rem;
	text-align: center;
	box-sizing: border-box;
	top: 9rem;
	right: -31rem;
	overflow: hidden;
	padding: 0.4rem 2rem 0;
	box-shadow: -4px 4px 4px 0px rgba(0,0,0,0.1);
	border-radius: 2rem 0 0 2rem;
}
.drop-menu-mobile div:last-child a {
	border: none;
}
.hero-img {
	position:relative;
	width: 100%;
	height: 100%;
	background: #f2f2f2 url("https://www.europeanceo.com/media-pack/img/bg.jpg") no-repeat center center;
	background-size: cover;
	margin: 0;
  	padding: 0;
  	z-index: 1;
  	opacity: 0;
}
.section {
	border-bottom: 0.1rem solid #00786c;
	display: block;
	overflow: hidden;
	padding: 0 2%;
}
.section.intro {
	padding: 0;
}
.section.video,
.section.microsites,
.section.readership {
	background-color: #eee;
}
.section.editorial .wrapper > h2 {
	margin: 0 auto 10rem;
}
.section.editorial .wrapper .subsection h3,
.section.video .wrapper .subsection h3,
.section.pr .wrapper .subsection h3 {
	border-top: 0.1rem solid #aaaaaa;
	/*position: absolute;
	top: -2.8rem;
	left: 50%;
	transform: translateX(-50%);
	padding: 1rem 2rem;*/
	width: 100%;
}
.section.editorial .wrapper .subsection h3 span,
.section.pr .wrapper .subsection h3 span {
	background-color: #fff;
	padding: 1rem 2rem;
	margin: -3.2rem auto 0;
	display: table;
}
.section.video .wrapper .subsection h3 span {
	background-color: #eee;
	padding: 1rem 2rem;
	margin: -3.2rem auto 0;
	display: table;
}
.subsection {
	/*border-top: 0.1rem solid #aaaaaa;*/
	margin: 0 0 10rem;
	padding: 5rem 0;
	display: table;
	overflow: visible;
	position: relative;
	text-align: center;
	width: 100%;
}
.subsection.virtual {
	width: 100%;
}
.subsection.online-coverage,
.subsection.social-media {
	margin: 0 auto 5rem;
}
.subsection.social-media img {
	max-width: 35rem;
}
.subsection p {
	font-size: 1.86rem;
	text-align: center;
	margin: 0rem auto 3rem;
	width: 80rem;
	line-height: 2.6rem;
}
.subsection a {
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 1.8rem; 
	color: #00786c;
	text-transform: uppercase;
	margin: 3rem 0 0;
	display: block;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	cursor: pointer;
}
.subsection a.margin-top-5 {
	margin-top: 5rem;
}
.subsection a:hover {
	color: #aaa;
}
.grid {
	display: table;
	width: 100%;
}
.wrapper {
	display: table;
	width: 96%;
	padding: 0 2%;
	height: auto;
	max-width: 120rem;
	margin: 0 auto;
}
.section.microsites .wrapper {
	text-align: center;
}
.section.microsites .subsection {
	border-top: none;
	width: 100%;
}
.section.microsites h2 {
	max-width: 75rem;
	margin-bottom: 4rem;
}
.intro .wrapper {
	position: relative;
	max-width: initial;	
	padding: 0;
	width: 100%;
}
.intro h1 {
	text-transform: none;
	font-weight: 300;
}
.grid img {
	width: 100%;
	height: auto;
	/*box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.3);*/
}
.btn-menu {
  float: left;
}
.btn-menu a {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #333333;
	float: right;
	padding: 1.2rem 1.75rem 1rem;
	font-family: 'Playfair Display', Helvetica, Arial, sans-serif;
	font-size: 1.9rem;
	font-weight: 700;
	cursor: pointer;
	/*text-transform: uppercase;*/
}
.btn-menu a:hover {
	color: #00786c;
}
.btn-menu-mobile a {
	font-family: 'Playfair Display', Helvetica, Arial, sans-serif;
	font-size: 2rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #00786c;
	padding: 1.4rem 0 1.2rem;
	display: block;
	text-align: left;
	border-bottom: 0.1rem dotted #aaaaaa;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.intro .wrapper h1 {
/*	position: absolute;
	top: 10rem;
	left: 15%;
	z-index: 1;	*/
	color: #303030;
	font-size: 2.5rem;
	line-height: 3.5rem;	
	max-width: 42rem;
	text-align: center;
	margin: 40% 0 0 2rem;;
	float: right;
}
.intro .wrapper h1 span {
	font-style: italic;
	color: #808080;
}
.intro .wrapper img {
	float: left;
	width: 100%;
	max-width: 90rem;
/*	position: absolute;
	top: 0;
	right: 0;
	z-index: 0; */
}
.intro .wrapper .col {
	margin: 0;
}
.intro .wrapper .span_1_of_2:first-child {
	background: #e8e8e8;
	background: -moz-linear-gradient(left, #e8e8e8 0%, #ffffff 100%);
	background: -webkit-linear-gradient(left, #e8e8e8 0%,#ffffff 100%);
	background: linear-gradient(to right, #e8e8e8 0%,#ffffff 100%);
	width: 35%;
}
.intro .wrapper .span_1_of_2:last-child {
	width: 65%;
	background: #d9d9d9 url("https://www.europeanceo.com/media-pack/img/bg_grey_noise.jpg");
}
/*.editorial .wrapper, .video .wrapper {
	max-width: initial;
	text-align: center;
}*/
.editorial .wrapper .grid .col p {
	text-align: center;
}
.video img, .supplement img, .print img, .mobile img {
	box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.2);
}

/* WHITE */
.white {
	background-color: #ffffff;
}

/* BLUE */
.grey { 	
	background-color: #f3f3f3;
}
/*.grey h1 {
	color: #006892;
}
.grey h2{
	color: #C0B090;
}
.grey h3{
	color: #588293;
}
.grey p {
	color: #cccccc;
}*/

/*.example-link p {
	color: #998866;
	text-align: center;
	font-weight: 500;
	margin: 5rem 0 7rem;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.example-link p a {
	color: #243647;
}
.example-link p a:hover {
	color: #777777;
}
.blue .example-link p {
	color: #f2f2f2;
}
.blue .example-link p a {
	color: #C0B090;
}
.blue .example-link p a:hover {
	color: #588293;
}*/

.section.supplement .span_2_of_3 {
	width: 56.5%;
}
.section.supplement .span_1_of_3 {
	width: 40.5%;
}
.section.supplement .span_1_of_3.alv img {
	margin-bottom: 5%; 
}
.section.supplement .span_1_of_3.nig img {
	margin-bottom: 5.1%; 
}
.section.supplement .span_1_of_3.rep img {
	margin-bottom: 3.6%; 
}
.section.pricing .wrapper .grid .col {
	background-color: #cccccc;
	border-bottom: 0.5rem solid #777777;
	margin-bottom: 10rem;
	background-color: #f5f5f5;
	padding: 2.5rem 2rem 1rem;
}
.section.pricing h3 {
	font-family: 'Playfair Display', Helvetica, Arial, sans-serif;
	font-weight: 700;
	text-transform: none;
	font-size: 3.5rem;
	padding: 1rem 0;
}
.section.pricing h4 {
	color: #00786c;
	border-bottom: 0.1rem dotted #b3a07c;
	border-top: 0.1rem dotted #b3a07c;
	padding: 2rem 0;
}
.section.pricing h5 {
	font-family: "Montserrat",Helvetica,Arial,sans-serif;
	color: #333;
	font-size: 2rem;
	margin: 0 auto 2rem;
	font-weight: 400;
	text-transform: none;
	text-align: center;
	width: 25rem;
}
.section.pricing h6 {
	color: #00786c;
	font-size: 4rem;
	margin: 0 0 2rem;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
}
/* ------------ GRAPHS ------------ */
.tr_graph ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.tr_graph li {
	margin-bottom: 1rem;
	border-bottom: 1px dotted #c0c0c0;
	padding-bottom: 0.5rem;
}
.tr_graph li::before {
	content: "";
	margin-right: 20px;
	font-size: 75%;
	background-color: #006892;
	padding: 1px 9px;
	border-radius: 10px;
}
.tr_graph span {
	margin: 0;
	display: inline;
}
.tr_graph span {
	margin: 0;
	display: inline;
}
.tr_graph ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 2rem;
	width: 90%;
}
.tr_graph li {
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 1.6rem;
	line-height: 2.2rem;
	font-weight: 300;
	text-align: justify;
}
.tr_graph h3 {
	text-align: left;
	margin-left: 2rem;
	font-size: 2.5rem;
}
.tr_graph img {
	width: 90%;
	margin: 0 auto;
	display: block;
}
.ct_col_2 {
	color: #314250;
	font-weight: 600;
	float: right;
}
.grid.tr_graph {
	width: 100%;
	padding: 5rem 0;
	border-bottom: 1px dotted #c0c0c0;
}
.tr_graph .span_1_of_2:first-child {
	width: 40%;
}
.tr_graph .span_1_of_2:last-child {
	border-left: 1px dotted #c0c0c0;
	box-sizing: border-box;
	margin-left: 5%;
	padding-left: 5%;
	min-height: 36rem;
	width: 55%
}

.tne-sec-break li:nth-child(1):before {
  background-color: #00453e;
}
.tne-sec-break li:nth-child(2):before {
  background-color: #00564d;
}
.tne-sec-break li:nth-child(3):before {
  background-color: #00675d;
}
.tne-sec-break li:nth-child(4):before {
  background-color: #00786c;
}
.tne-sec-break li:nth-child(5):before {
  background-color: #00897b;
}
.tne-sec-break li:nth-child(6):before {
  background-color: #009a8b;
}
.tne-sec-break li:nth-child(7):before {
  background-color: #00ab9a;
}
.tne-sec-break li:nth-child(8):before {
  background-color: #00bca9;
}
.tne-sec-break li:nth-child(9):before {
  background-color: #00cdb8;
}
.tne-sec-break li:nth-child(10):before {
  background-color: #00dec8;
}

.dist {
	text-align: center;
}
.dist h3 {
	text-align: center;
	margin-bottom: 4.5rem;
}
.dist span {
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	font-size: 3rem;
	line-height: 2.9rem;
	font-weight: 600;
	color: #00786c;
}
.dist p {
	text-align: center;
}

.readership .example-link {
	margin-left: 2.1rem;
}
.readership .example-link a {
	color: #00786c;
}
/* FOOTER */
.footer {
	background-color: #00786c;
	padding: 2rem 2rem 2.5rem; 
	overflow: hidden;
}
.logo-wnm-footer {
	float: left;
}
.logo-wnm-footer img {
	width: 12rem;
	height: auto;
}
.copyrights {
	float: right;
}
.copyrights h4 {
	color: #f2f2f2;
	font-size: 1.4rem;
	font-weight: 500;
	margin: 0.8rem 0 0;
}



/* ############################################# */
/* ############### MEDIA QUERIES ############### */
/* ############################################# */

/* 1130px */
@media screen and (max-width: 70.625em) {
/*	h3 {
    	font-size: 2.8rem;
    }
    .section.editorial .wrapper .subsection h3, .section.video .wrapper .subsection h3, .section.pr .wrapper .subsection h3 {
		top: -2.6rem;
	}*/
}
/* 1100px */
@media screen and (max-width: 68.75em) {
	.intro .wrapper h1 {
		font-size: 2.4rem;
		margin: 20% 0 0 2rem;
	}
    h4 {
    	font-size: 1.8rem;
    }
}
/* 1024px */
@media screen and (max-width: 64em) {
    h4 {
    	font-size: 1.6rem;
    }
    .subsection, h2 {
    	margin-bottom: 5rem;
    }
}

/* 1000px */
@media screen and (max-width: 62.5em) {
/*	h3 {
		font-size: 2.5rem;
	}
	.section.editorial .wrapper .subsection h3, .section.video .wrapper .subsection h3, .section.pr .wrapper .subsection h3 {
		top: -2.4rem;
	}*/
	.intro .wrapper h1 {
		font-size: 2rem;
		margin: 15% 0 0 2rem;
		line-height: 2.7rem;
		padding: 0 1rem;
	}
	.main-menu {
    	width: 88rem;
	}
	.btn-menu a {
    	padding: 1.2rem 1.9rem 0.9rem;
    	font-size: 1.8rem;
	}
}

/* 960px */
@media screen and (max-width: 60em) {
	.subsection.virtual img,
	.section.microsites img,
	.subsection.online-coverage img {
		width: 100%;
	}
}

/* 900px */
@media screen and (max-width: 56.25em) {
	.wrapper, .subsection {
    	display: block;
	}
	.subsection {
		margin-bottom: 5rem;
	}
	.subsection p {
		width: initial;
	}
	.section.video .subsection a {
		color: #404040;
	}
	.main-menu {
    	width: 76.4rem;
	}
	.btn-menu a {
    	padding: 1rem;
    	font-size: 1.84rem;
	}
	h4 {
    	font-size: 2.5rem;
    }
    .span_1_of_2,
    .span_1_of_3 {
    	width: 100%;
    	margin: 3rem 0;
    }
    .span_1_of_3.col {
    	margin-left: 0;
    }
    .section.supplement .span_1_of_3,
    .section.supplement .span_2_of_3 {
		width: 100%;		
		margin-left: 0;
	}
	.section.supplement .span_1_of_3 img,
    .section.supplement .span_2_of_3 img {
		max-width: 60rem;
    }
    .section.editorial .wrapper .subsection .grid .span_1_of_2 img,
    .section.editorial .wrapper .subsection .grid .span_1_of_3 img,
    .section.video .wrapper .subsection .grid .span_1_of_3 img {
    	max-width: 60rem;
    }
/*    .section.editorial .wrapper .subsection .grid .span_1_of_3 img,
    .section.video .wrapper .subsection.event .grid .span_1_of_3 img,    
    .section.video .wrapper .subsection.documentary .grid .span_1_of_3 img {
    	margin-bottom: 4rem;
    }*/
}

/* 820px */
@media screen and (max-width: 51.25em) {
	
}

/* 768px */
@media screen and (max-width: 48em) {
	.intro .wrapper {
		display: flex; 
		flex-direction: column;
	}
	.intro .wrapper .span_1_of_2:first-child {
			background: #e8e8e8;
	background: -moz-linear-gradient(right, #ffffff 0%, #e8e8e8 100%);
	background: -webkit-linear-gradient(right, #ffffff 0%, #e8e8e8 100%);
	background: linear-gradient(to right, #ffffff 0%, #e8e8e8 100%);
		display: table-footer-group;
		width: 100%;
		order: 2;
	}
	.intro .wrapper .span_1_of_2:last-child {
		display: table-header-group;
		width: 100%;
		order: 1;
	}
	.intro .wrapper h1 {
		margin: 0 auto 7rem;
		float: none;
	}
	#main_menu, .logo-menu {
		display: none;
	}
	.mobile-menu {
		display: block;
		background-color: #fff;
		box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);
		height: 7rem;
	}
	.menu {
    	height: 7rem;
    	box-shadow: none;
	}
	.dist .grid .span_1_of_8 {
		width: 23.7%;
	}
	.dist .grid .span_1_of_8:nth-child(4n+1) {
		margin-left: 0;
	}
}

/* 767px */
@media screen and (max-width: 47.9375em) {
	.span_1_of_2, .span_1_of_3, .content img {
		width: 100%;		
	}	
	.tr_graph .span_1_of_2:first-child,
	.tr_graph .span_1_of_2:last-child {
		width: 100%;
	}
	.tr_graph .span_1_of_2:last-child {
    	border-left: none;
    	margin-left: 0;
	}
	.tr_graph .span_1_of_2 img {
		width: 80%;
	}
	.grid.tr_graph {
    	padding: 5rem 0 0;
	}
	.tr_graph .span_1_of_2:last-child {
		margin-left: 0;
		padding-left: 0;
	}
	.tr_graph h3 {
		width: 92%;
	} 
	.tr_graph ul {
		margin: 0 4%;
		width: 92%;
	}
}

/* 720px */
@media screen and (max-width: 45em) {
	
}

/* 680px */
@media screen and (max-width: 42.5em) {

}

/* 600px */
@media screen and (max-width: 37.5em) {
	.section.video .wrapper .subsection h3 span {
		background-color: #eee;
		display: block;
		border-bottom: 0.1rem solid #b3a07c;
	}
	.section.editorial .wrapper .subsection h3 span,
	.section.pr .wrapper .subsection h3 span {
		background-color: #fff;
		display: block;
		border-bottom: 0.1rem solid #b3a07c;
	}
	.section.editorial .wrapper .subsection h3, .section.video .wrapper .subsection h3, .section.pr .wrapper .subsection h3 {
		border-top: none;
	}
}

/* 540px */
@media screen and (max-width: 33.75em) {
	.dist .grid .span_1_of_8 {
		width: 49%;
	}
	.dist .grid .span_1_of_8:nth-child(2n+1) {
		margin-left: 0;
	}
}

/* 460px */
@media screen and (max-width: 26.25em) {
	.tr_graph li {
		font-size: 1.4rem;
	}
	.tr_graph li::before {
    	font-size: 87%;
	}
	.section.intro .wrapper .span_1_of_2 h1 {
		padding: 0 2rem;
	}
}

/* 380px */
@media screen and (max-width: 23.75em) {
	.tr_graph li::before {
    	margin-right: 10px;
	}
}