@font-face{
	font-family:'MetricWeb';
	src:url("fonts/MetricWeb-Black.eot");
	src:url("fonts/MetricWeb-Black.eot?#iefix") format("embedded-opentype"),url("fonts/MetricWeb-Black.woff") format("woff");
	font-weight:900;
	font-style:normal
	}
	@font-face{
	font-family:'MetricWeb';
	src:url("fonts/MetricWeb-BlackItalic.eot");
	src:url("fonts/MetricWeb-BlackItalic.eot?#iefix") format("embedded-opentype"),url("fonts/MetricWeb-BlackItalic.woff") format("woff");
	font-weight:900;
	font-style:italic
	}
	@font-face{
	font-family:'MetricWeb';
	src:url("fonts/MetricWeb-Bold.eot");
	src:url("fonts/MetricWeb-Bold.eot?#iefix") format("embedded-opentype"),url("fonts/MetricWeb-Bold.woff") format("woff");
	font-weight:bold;
	font-style:normal
	}
	@font-face{
	font-family:'MetricWeb';
	src:url("fonts/MetricWeb-BoldItalic.eot");
	src:url("fonts/MetricWeb-BoldItalic.eot?#iefix") format("embedded-opentype"),url("fonts/MetricWeb-BoldItalic.woff") format("woff");
	font-weight:bold;
	font-style:italic
	}
	@font-face{
	font-family:'MetricWeb';
	src:url("fonts/MetricWeb-Semibold.eot");
	src:url("fonts/MetricWeb-Semibold.eot?#iefix") format("embedded-opentype"),url("fonts/MetricWeb-Semibold.woff") format("woff");
	font-weight:500;
	font-style:normal
	}
	@font-face{
	font-family:'MetricWeb';
	src:url("fonts/MetricWeb-SemiboldItalic.eot");
	src:url("fonts/MetricWeb-SemiboldItalic.eot?#iefix") format("embedded-opentype"),url("fonts/MetricWeb-SemiboldItalic.woff") format("woff");
	font-weight:500;
	font-style:italic
	}
	@font-face{
	font-family:'MetricWeb';
	src:url("fonts/MetricWeb-Medium.eot");
	src:url("fonts/MetricWeb-Medium.eot?#iefix") format("embedded-opentype"),url("fonts/MetricWeb-Medium.woff") format("woff");
	font-weight:400;
	font-style:normal
	}
	@font-face{
	font-family:'MetricWeb';
	src:url("fonts/MetricWeb-MediumItalic.eot");
	src:url("fonts/MetricWeb-MediumItalic.eot?#iefix") format("embedded-opentype"),url("fonts/MetricWeb-MediumItalic.woff") format("woff");
	font-weight:400;
	font-style:italic
	}
	@font-face{
	font-family:'MetricWeb';
	src:url("fonts/MetricWeb-Regular.eot");
	src:url("fonts/MetricWeb-Regular.eot?#iefix") format("embedded-opentype"),url("fonts/MetricWeb-Regular.woff") format("woff");
	font-weight:300;
	font-style:normal
	}
	@font-face{
	font-family:'MetricWeb';
	src:url("fonts/MetricWeb-RegularItalic.eot");
	src:url("fonts/MetricWeb-RegularItalic.eot?#iefix") format("embedded-opentype"),url("fonts/MetricWeb-RegularItalic.woff") format("woff");
	font-weight:300;
	font-style:italic
	}
	@font-face{
	font-family:'MetricWeb';
	src:url("fonts/MetricWeb-Light.eot");
	src:url("fonts/MetricWeb-Light.eot?#iefix") format("embedded-opentype"),url("fonts/MetricWeb-Light.woff") format("woff");
	font-weight:200;
	font-style:normal
	}
	@font-face{
	font-family:'MetricWeb';
	src:url("fonts/MetricWeb-LightItalic.eot");
	src:url("fonts/MetricWeb-LightItalic.eot?#iefix") format("embedded-opentype"),url("fonts/MetricWeb-LightItalic.woff") format("woff");
	font-weight:200;
	font-style:italic
	}
	@font-face{
	font-family:'MetricWeb';
	src:url("fonts/MetricWeb-Thin.eot");
	src:url("fonts/MetricWeb-Thin.eot?#iefix") format("embedded-opentype"),url("fonts/MetricWeb-Thin.woff") format("woff");
	font-weight:100;
	font-style:normal
	}
	@font-face{
	font-family:'MetricWeb';
	src:url("fonts/MetricWeb-ThinItalic.eot");
	src:url("fonts/MetricWeb-ThinItalic.eot?#iefix") format("embedded-opentype"),url("fonts/MetricWeb-ThinItalic.woff") format("woff");
	font-weight:100;
	font-style:italic
	}


	body {
		font-family: 'MetricWeb', sans-serif;
		line-height: 1.5em;
		margin: 0;
	}
	.no-overflow {
		overflow: hidden;
	}

	/* Header style */

	.header {
		background: url(http://poc.movingdigitalconsulting.com/sites/default/files/blue_0.png?fid=1001) center center no-repeat;
		background-size: cover;
		color: #fff;
		padding: 4% 6%;
	}
	.graph-company-logo {
		border: 5px solid #fff;
		display: block;
		margin: 0 auto;
		max-width: 73px;
	}
	.graph-title {
		font-size: 40px;
		font-weight: 300;
		margin-bottom: 0.5em;
		text-align: center;
	}
	.graph-subtitle {
		font-size: 20px;
		font-weight: 200;
		margin-bottom: 0;
		text-align: center;
		color: white;
	}
	.graph-subtitle strong {
		font-weight: 300;
	}

	/* Content */

	.section {
		font-size: 23px;
		font-weight: 200;
		/*line-height: 1.5em;*/
		margin: 0 6%;
	}
	.report-intro {
		color: #333;
		margin-bottom: 1.5em;
		padding-bottom: 1.5em;
	}
	.report-intro h4 {
		font-size: 25px;
		font-weight: 200;
		line-height: 1.5em;
	}
	.chart-question {
		margin-bottom: 5%;
		overflow: hidden;
	}
	.chart-question h3 {
		font-weight: 400;
		margin-top: 0;
		text-align: left;
	}
	.question-chart {
		text-align: center;
	}
	.question-result {
	}
	.question-result p:first-child {
		margin-top :0;
	}
	.compare-btn {
		color: #2770e9;
		cursor: pointer;
		display: inline-block;
		font-size: 20px;
		font-weight: 400;
		margin-bottom: 5px;
	}
	.graph-filters-wrapper {
		background: rgba(0,0,0,.3);
		box-sizing: border-box;
		left: 0;
		height: 100%;
		padding: 20px 0;
		position: fixed;
		top: 0;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		transform: scale(0);
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.graph-filters-wrapper.visible {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
	.graph-filters-header {
		background: url(http://poc.movingdigitalconsulting.com/sites/all/themes/glazed_from/images/bg-filters-mobile.png) center center no-repeat;
		background-size: cover;
		color: #fff;
		font-size: 17px;
		line-height: 32px;
		padding-left: 15px;
		text-align: left;
	}
	.close-graph-filters {
		color: #fff;
		cursor: pointer;
		float: right;
		height: 32px;
		line-height: 32px;
		text-align: center;
		width: 32px;
	}

	.graph-filters {
		-webkit-box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.3);
		-moz-box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.3);
		box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.3);
		margin: 0 auto;
		max-width: 300px;
		position: absolute;
		text-align: center;
		width: 96%;
		max-height: calc(100% - 40px);
		display: flex;
		flex-direction: column;
	}
	.graph-filters.centered {
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.graph-filters form {
		background: #fff;
		display: block;
		font-size: 16px;
		margin: 0;
		overflow: hidden;
		padding: 20px 15px 30px;
		text-align: left;
		overflow-y: auto;
	}
	.graph-filters form p {
		font-size: 17px;
		line-height: 1.5em;
		margin: 0 0 .5em;
	}
	.graph-filters form .filter-row {
		box-sizing: border-box;
		float: left;
		font-size: 16px;
		height: 40px;
		line-height: 40px;
		margin: 0;
		padding: 0 5%;
		width: 50%;
	}
	.graph-filters form .filter-row label {
		cursor: pointer;
	}
	.graph-filters form .filter-row label input {
		margin-right: 10px;
	}
	.graph-tab {
		background: #4a90e2;
		border: 1px solid #4a90e2;
		box-sizing: border-box;
		color: #fff;
		cursor: pointer;
		float: left;
		font-size: 13px;
		font-weight: 200;
		line-height: 27px;
		margin: .5em 0;
		text-align: center;
		text-transform: uppercase;
		width: 50%;
	}
	.graph-tab.active {
		background: #fff;
		color: #4a90e2;
	}
	.tab-content.active:after {
		content: '';
		display: table;
		width: 100%;
	}
	.tab-content {
		display: none;
	}
	.tab-content.active {
		display: block;
	}
	.apply-filters {
		border: 1px solid #4a90e2;
		clear: both;
		color: #4a90e2;
		cursor: pointer;
		display: block;
		font-size: 14px;
		height: 30px;
		line-height: 30px;
		margin: 20px auto 0;
		text-align: center;
		width: 150px;
	}
	.legend-wrapper ul {
		font-size: 14px;
		font-weight: 500;
		list-style-type: none;
		margin: 0 0 10px;
		padding: 0;
		text-transform: uppercase;
	}
	.legend-wrapper ul li {
		display: inline-block;
		margin: 0 10px;
	}
	.legend-wrapper ul li span {
		float: left;
		height: 18px;
		margin-right: 5px;
		margin-top: 9px;
		width: 18px;
	}

	@media (min-width: 768px) {

		.section {
			font-size: 33px;
		}
		.graph-company-logo {
			max-width: 135px;
		}
		.graph-title {
			font-size: 65px;
		}
		.graph-subtitle {
			font-size: 27px;
		}
		.report-intro h4 {
			font-size: 37px;
			line-height: 1.25em;
		}
		.graph-filters {
			max-width: 800px;
		}
		.graph-filters form {
			padding: 20px 40px 40px;
		}
		.graph-filters-header {
			background: url(http://poc.movingdigitalconsulting.com/sites/all/themes/glazed_from/images/bg-filters-desktop.png) center center no-repeat;
			background-size: cover;
			font-size: 28px;
			line-height: 53px;
		}
		.question-chart {
			float: left;
			margin-right: 2%;
			width: 40%;
		}
		.question-result {
			float: left;
			width: 58%;
		}
		.graph-filters form p {
			font-size: 28px;
		}
		.close-graph-filters {
			height: 53px;
			line-height: 53px;
			width: 53px;
		}
		.graph-filters form .filter-row {
			font-size: 25px;
		}
		.graph-tab {
			font-size: 20px;
			line-height: 40px;
		}
		.apply-filters {
			border: 2px solid #4a90e2;
			font-size: 28px;
			height: 51px;
			line-height: 51px;
			width: 259px;
		}
		.legend-wrapper ul li {
			margin: 0 15px;
		}
		.legend-wrapper ul li span {
			margin-top: 15px;
		}

                /* Innovation Index new design */

                .index-results-wrapper {
                  display: flex;
                  font-size: 20px;
                  font-weight: 200;
                }
                .index-results-wrapper + p {
                  font-size: 20px;
                  padding: 20px 0 40px;
									margin-bottom: 40px;
                }
                .index-results-wrapper .report-intro h4 {
                  font-size: 20px;
                  font-weight: 400;
                }
                .innovation-panel-wrapper {
                  clear: both;
                  display: flex;
                  font-size: 20px;
                  font-weight: 200;
                  justify-content: space-between;
                }
                .innovation-panel-wrapper .innovation-panel h4 {
                  font-weight: 400;
                }
                .innovation-panel-wrapper .innovation-panel {
                  flex: 1;
                }

	}
.pdf-header{display:block;height:40px;clear:both;float:none;border-bottom:2px solid #000;padding-bottom:0; margin-top: 0; margin-bottom: 0;}
.pdf-header .header-h4{text-transform:uppercase;display:inline-block;float:left;width:75%;font-size:18px!important;line-height:20px!important;font-weight: normal;padding:0!important;margin:0!important}
.pdf-header .logo{display:inline-block;float:right;padding-right:0;text-decoration:none;width:25%;height:40px;margin:0; }
.pdf-header .logo .from-logo{background:url(https://www.from.digital/sites/all/themes/glazed_from/images/from-logo.svg) center center no-repeat;background-size:contain;display:block;width: 90px;height: 28px;float: left;}
.pdf-header .logo .from-motto{padding-top: 9px;font-size: 6px;display: block;font-family: Futura;font-weight: normal;margin: 0;float: left;color: black;height: 28px;line-height: 6px;}