.hidden,
[hidden] {
  display: none;
}
/********/
/* Misc */
/********/
@font-face {
  font-family: 'Lyon';
  src: url("static/fonts/LyonText-Regular.woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lyon';
  src: url("static/fonts/LyonText-RegularItalic.woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'National';
  src: url("static/fonts/National-Regular.woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'National';
  src: url("static/fonts/National-Medium.woff");
  font-weight: bold;
  font-style: normal;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
  background: url("static/img/bg.png");
  font-size: 14px;
  font-family: National, Arial, Helvetica, sans-serif;
  color: #333;
}
ul {
  padding: 0;
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 5px 0;
}
a {
  color: #56a3da;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}
a:hover {
  color: #2c87c8;
}
.container {
  width: 965px;
  margin: 0 auto;
}
.small {
  display: inline-block;
  font-size: 11px;
}
/* Header */
body > header {
  width: 965px;
  margin: 0 auto 2px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  overflow: hidden;
}
body > header .container {
  width: 803px;
  height: 87px;
  margin: 0;
  position: relative;
  left: 162px;
  background: #fff;
}
body > header .name,
body > header ul {
  display: inline-block;
  vertical-align: top;
}
body > header .name {
  width: 305px;
  padding: 14px;
}
body > header h1,
body > header h5 {
  font-family: Lyon, Georgia, 'Times New Roman', Times, serif;
  font-weight: normal;
  font-style: italic;
  margin: 0 20px 5px 0;
  font-size: 24px;
  line-height: 22px;
}
body > header h5 {
  margin: 0;
  font-size: 13px;
  line-height: 1em;
}
body > header ul {
  width: 498px;
}
body > header li {
  display: inline-block;
  width: 166px;
  height: 87px;
  font-family: National, Arial, Helvetica, sans-serif;
  cursor: pointer;
  padding: 6px 6px 0 7px;
  vertical-align: top;
}
body > header li.active {
  background: #f4f2ef;
  cursor: default;
}
body > header li:hover {
  background: #fcfcfb;
}
body > header li[data-tab=intro],
body > header li[data-tab=who],
body > header li[data-tab=potential] {
  margin-right: 0;
}
body > header .small {
  display: block;
  line-height: 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #000;
}
body > header .title {
  font-weight: bold;
  padding-right: 10px;
  font-size: 14px;
  color: #000;
  line-height: 1em;
}
/* Main */
main {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}
.intro {
  background: #fff;
  font-size: 14px;
  font-family: Lyon, Georgia, 'Times New Roman', Times, serif;
  line-height: 18px;
  padding: 20px 24px;
  color: #666;
  margin: 0 0 13px;
  overflow: hidden;
  width: 100%;
}
.intro p {
  margin: 0;
  float: right;
  width: 445px;
}
.intro p:first-child {
  float: left;
}
/* Panels */
[data-panel] {
  display: none;
}
[data-panel].active {
  display: block;
}
[data-panel] header {
  margin: 0 0 60px 162px;
  height: 47px;
  position: relative;
  background: #fff;
}
[data-panel] header [data-type] {
  display: inline-block;
  vertical-align: top;
}
[data-panel] header .small,
[data-panel] header ul {
  display: inline-block;
  vertical-align: middle;
}
[data-panel] header li {
  display: block;
  float: left;
}
[data-panel] header [data-type=layouts] {
  position: absolute;
  z-index: 1;
  top: 16px;
  right: 10px;
  padding: 0;
  text-align: right;
  font-family: Lyon, Georgia, 'Times New Roman', Times, serif;
}
[data-panel] header [data-type=layouts] [data-layout-type] {
  padding: 0 5px;
  border-left: 1px solid #333;
  text-decoration: underline;
  font-size: 12px;
  color: #333;
}
[data-panel] header [data-type=layouts]:not(.is-overview) [data-layout-type='industry'] {
  display: none;
}
[data-panel] header [data-type=layouts]:not(.is-overview) [data-layout-type='workforce'] {
  border-left: 0;
  margin-left: 5px;
}
[data-panel] header [data-type=layouts] li:first-child a {
  border-left: 0;
  margin-left: 5px;
}
[data-panel] header [data-type=layouts] li:last-child {
  padding-right: 0;
}
[data-panel] header [data-type=sectors] {
  width: 100%;
  padding: 10px 14px;
  line-height: 25px;
  position: relative;
}
[data-panel] header [data-type=sectors] .small {
  font-weight: bold;
  text-transform: uppercase;
}
[data-panel] header [data-type=sectors] ul {
  position: absolute;
  top: 10px;
  left: 185px;
  height: 25px;
}
[data-panel] header [data-type=sectors] [data-sector] {
  display: block;
  position: relative;
  width: 25px;
  height: 25px;
  background: url("static/img/icons-sector.png") no-repeat 0 0;
  height: linkHeight;
  text-indent: -9999em;
  margin: 0 0 0 10px;
  text-decoration: none;
  overflow: hidden;
}
[data-panel] header [data-type=sectors] [data-sector]:hover,
[data-panel] header [data-type=sectors] [data-sector].active {
  background-position: 0 -25px;
}
[data-panel] header [data-type=sectors] [data-sector='advertising-and-marketing'] {
  background-position: -25px 0;
}
[data-panel] header [data-type=sectors] [data-sector='advertising-and-marketing']:hover,
[data-panel] header [data-type=sectors] [data-sector='advertising-and-marketing'].active {
  background-position: -25px -25px;
}
[data-panel] header [data-type=sectors] [data-sector='music-and-performing-arts'] {
  background-position: -50px 0;
}
[data-panel] header [data-type=sectors] [data-sector='music-and-performing-arts']:hover,
[data-panel] header [data-type=sectors] [data-sector='music-and-performing-arts'].active {
  background-position: -50px -25px;
}
[data-panel] header [data-type=sectors] [data-sector='design-and-visual-arts'] {
  background-position: -75px 0;
}
[data-panel] header [data-type=sectors] [data-sector='design-and-visual-arts']:hover,
[data-panel] header [data-type=sectors] [data-sector='design-and-visual-arts'].active {
  background-position: -75px -25px;
}
[data-panel] header [data-type=sectors] [data-sector='film-television-and-radio'] {
  background-position: -100px 0;
}
[data-panel] header [data-type=sectors] [data-sector='film-television-and-radio']:hover,
[data-panel] header [data-type=sectors] [data-sector='film-television-and-radio'].active {
  background-position: -100px -25px;
}
[data-panel] header [data-type=sectors] [data-sector='writing-publishing-and-print-media'] {
  background-position: -125px 0;
}
[data-panel] header [data-type=sectors] [data-sector='writing-publishing-and-print-media']:hover,
[data-panel] header [data-type=sectors] [data-sector='writing-publishing-and-print-media'].active {
  background-position: -125px -25px;
}
[data-panel] header [data-type=sectors] [data-sector='architecture'] {
  background-position: -150px 0;
}
[data-panel] header [data-type=sectors] [data-sector='architecture']:hover,
[data-panel] header [data-type=sectors] [data-sector='architecture'].active {
  background-position: -150px -25px;
}
[data-panel] header [data-type=sectors] [data-sector='software-development-and-interactive-content'] {
  background-position: -175px 0;
}
[data-panel] header [data-type=sectors] [data-sector='software-development-and-interactive-content']:hover,
[data-panel] header [data-type=sectors] [data-sector='software-development-and-interactive-content'].active {
  background-position: -175px -25px;
}
[data-panel="intro"] [data-layout] {
  margin-bottom: 13px;
  position: relative;
}
[data-panel="intro"] [data-layout] h1 + p.buttons {
  position: absolute;
  top: 55px;
  right: 0;
}
[data-panel="intro"] img {
  display: block;
  width: 132px;
  height: 41px;
  margin: 31px 0 0;
}
p.buttons {
  float: none;
  margin: 0;
  clear: both;
  width: auto;
  text-align: center;
  font-family: Lyon, Georgia, 'Times New Roman', Times, serif;
}
p.buttons a {
  display: inline-block;
  text-decoration: none;
  margin: 40px 0 0 7px;
  background: #000;
  color: #fff;
  font-style: italic;
  position: relative;
  font-size: 18px;
  padding: 8px 45px 8px 14px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  line-height: 23px;
}
p.buttons a:after {
  content: url("static/img/arrow-black.png");
  position: absolute;
  width: 23px;
  height: 23px;
  top: 8px;
  right: 8px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
}
p.buttons a:hover {
  background: #999;
}
.top {
  text-align: center;
  font-family: Lyon, Georgia, 'Times New Roman', Times, serif;
  line-height: 17px;
  font-style: italic;
}
.top a {
  color: #000;
  text-decoration: underline;
  cursor: pointer;
}
.top a:before {
  width: 17px;
  height: 17px;
  position: relative;
  left: -4px;
  top: 5px;
  content: url("static/img/arrow-top.png");
}
.footer {
  background: url("static/img/icon-footer.png") no-repeat 50% 10px;
  padding-top: 35px;
  margin: 125px 0;
}
.footer h1 {
  margin: 40px 0 24px;
  font-size: 36px;
  font-family: Lyon, Georgia, 'Times New Roman', Times, serif;
  font-weight: normal;
  line-height: 1em;
  text-align: center;
}
.footer p.buttons a {
  background: #7bc629;
}
.footer p.buttons a:after {
  background: #369412;
  content: url("static/img/arrow.png");
}
.footer p.buttons a:hover {
  background: #369412;
}
.footer p.buttons a:hover:after {
  background: #7bc629;
}
.footer p.buttons a:first-child {
  padding-right: 14px;
  padding-left: 40px;
}
.footer p.buttons a:first-child:after {
  left: 10px;
  right: auto;
  content: url("static/img/arrow-down.png");
}
.loading-indicator {
  display: none;
  width: 90px;
  height: 90px;
  margin: 130px auto 100px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff url("static/img/loading.gif") no-repeat 50% 50%;
  z-index: 3;
}
body.loading .loading-indicator {
  display: block;
}
body.loading .top {
  display: none;
}

.hidden,
[hidden] {
  display: none;
}
.tooltip {
  position: absolute;
  pointer-events: none;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
  line-height: 1em;
  font-family: Lyon, Georgia, 'Times New Roman', Times, serif;
  font-size: 12px;
  line-height: 14px;
  z-index: 9001;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
}
.tooltip.shown {
  opacity: 1 !important;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none;
}
.tooltip-card {
  padding: 12px 14px 10px 14px;
  max-width: 300px;
  background: #e2ddd5;
}
.tooltip-card:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #e2ddd5;
  position: absolute;
  bottom: -7px;
  left: -webkit-calc(50% - 7px);
  left: calc(50% - 7px);
}
.tooltip h4 {
  margin: 0 0 14px;
  line-height: 0.8em;
  font-size: 22px;
}
.tooltip ul {
  margin-bottom: 20px;
}
.tooltip li {
  display: block;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 7px;
  position: relative;
  padding-left: 18px;
}
.tooltip li:nth-child(1):before {
  background: #fff;
}
.tooltip li:nth-child(2):before {
  background: #93cddd;
}
.tooltip li:nth-child(3):before {
  background: #31859c;
}
.tooltip li:nth-child(4):before {
  background: #ebf1de;
}
.tooltip li:nth-child(5):before {
  background: #92d050;
}
.tooltip li:nth-child(6):before {
  background: #4f6228;
}
.tooltip li:nth-child(7):before {
  background: #254061;
}
.tooltip li:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.tooltip span {
  display: block;
}

.hidden,
[hidden] {
  display: none;
}
[data-layout] {
  margin-bottom: 100px;
}
[data-layout] h1,
[data-layout] h2 {
  margin: 0 0 24px;
  padding-top: 125px;
  font-family: Lyon, Georgia, 'Times New Roman', Times, serif;
  font-weight: normal;
  font-size: 46px;
  line-height: 1em;
  background: no-repeat 50% 10px;
  text-align: center;
}
[data-layout] h2 {
  margin-top: 60px;
  font-size: 36px;
  padding-top: 60px;
  -webkit-background-size: 30px auto;
  -moz-background-size: 30px auto;
  background-size: 30px auto;
}
#content [data-layout] h1 {
  font-family: Lyon, Georgia, 'Times New Roman', Times, serif;
  font-size: 46px;
}
[data-sector="overview"] h1 {
  padding-top: 90px;
}
[data-panel="intro"] h1 {
  padding-top: 90px;
  background-image: url("static/img/icon-intro.png");
}
[data-sector-type="industry"] h1,
[data-sector-type="industry"] h2 {
  background-image: url("static/img/icon-industry.png");
}
[data-sector-type="workforce"] h1,
[data-sector-type="workforce"] h2 {
  background-image: url("static/img/icon-workforce.png");
}
[data-sector-type="businesses"] h1,
[data-sector-type="businesses"] h2 {
  background-image: url("static/img/icon-businesses.png");
}
[data-sector-type="igp-gdp"] h1,
[data-sector-type="igp-gdp"] h2 {
  background-image: url("static/img/icon-igp-gdp.png");
}
[data-sector-type="igp-gdp"] h2 {
  padding-top: 70px;
  -webkit-background-size: 60px auto;
  -moz-background-size: 60px auto;
  background-size: 60px auto;
}
[data-sector-type="national-economy-contribution"] h1,
[data-sector-type="national-economy-contribution"] h2 {
  background-image: url("static/img/icon-national-economy-contribution.png");
}
[data-sector-type="national-economy-contribution"] h2 {
  padding-top: 80px;
  -webkit-background-size: 50px auto;
  -moz-background-size: 50px auto;
  background-size: 50px auto;
}
[data-sector-type="multiplier-effects"] h1,
[data-sector-type="multiplier-effects"] h2 {
  background-image: url("static/img/icon-multiplier-effects.png");
}
[data-sector="advertising-and-marketing"] h1 {
  background-image: url("static/img/icon-advertising-and-marketing.png");
}
[data-sector="music-and-performing-arts"] h1 {
  background-image: url("static/img/icon-music-and-performing-arts.png");
}
[data-sector="design-and-visual-arts"] h1 {
  background-image: url("static/img/icon-design-and-visual-arts.png");
}
[data-sector="film-television-and-radio"] h1 {
  background-image: url("static/img/icon-film-television-and-radio.png");
}
[data-sector="writing-publishing-and-print-media"] h1 {
  background-image: url("static/img/icon-writing-publishing-and-print-media.png");
}
[data-sector="architecture"] h1 {
  background-image: url("static/img/icon-architecture.png");
}
[data-sector="software-development-and-interactive-content"] h1 {
  background-image: url("static/img/icon-software-development-and-interactive-content.png");
}

.hidden,
[hidden] {
  display: none;
}
.card-container {
  position: relative;
  -webkit-transform-style: preserve-3d;
}
.card {
  position: absolute;
  padding: 11px 16px;
  border: 7px solid #fff;
  font-family: Lyon, Georgia, 'Times New Roman', Times, serif;
  font-size: 12px;
  -webkit-margin: -1px 0;
}
.card.w1 {
  border: 0;
}
.card.share-tr .title {
  margin-right: 44px;
}
.card.share-tl .title {
  margin-left: 44px;
}
.card h2 {
  font-size: 15px;
  display: inline-block;
  font-style: normal;
  border-bottom: 2px solid;
  line-height: 1em;
  margin: 0 0 5px 0;
  padding: 0 0 3px 0;
  font-family: National, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  background: none;
  text-align: left;
}
.card .subtitle {
  line-height: 22px;
  font-size: 14px;
  font-weight: normal;
}
/**
 * From 1 to 6
 * w => width
 * h => height
*/
.w1 {
  width: 150px;
}
.h1 {
  height: 150px;
}
.w2 {
  width: 313px;
}
.h2 {
  height: 313px;
}
.w3 {
  width: 476px;
}
.h3 {
  height: 476px;
}
.w4 {
  width: 639px;
}
.h4 {
  height: 639px;
}
.w5 {
  width: 802px;
}
.h5 {
  height: 802px;
}
.w6 {
  width: 965px;
}
.h6 {
  height: 965px;
}
/**
 * From 0 to 5
 * x => left
*/
.x0 {
  left: 0px;
}
.x1 {
  left: 163px;
}
.x2 {
  left: 326px;
}
.x3 {
  left: 489px;
}
.x4 {
  left: 652px;
}
.x5 {
  left: 815px;
}
/**
 * From 0 to 10
 * y => top
 */
.y0 {
  top: 0px;
}
.y1 {
  top: 163px;
}
.y2 {
  top: 326px;
}
.y3 {
  top: 489px;
}
.y4 {
  top: 652px;
}
.y5 {
  top: 815px;
}
.y6 {
  top: 978px;
}
.y7 {
  top: 1141px;
}
.y8 {
  top: 1304px;
}
.y9 {
  top: 1467px;
}
.y10 {
  top: 1630px;
}
.y11 {
  top: 1793px;
}
.y12 {
  top: 1956px;
}
.y13 {
  top: 2119px;
}
.y14 {
  top: 2282px;
}
.y15 {
  top: 2445px;
}
.y16 {
  top: 2608px;
}
.color-orange {
  background: #f5a101;
  color: #fff;
}
.color-orange a {
  color: #fff;
}
.color-orange h2 {
  border-bottom-color: #fff;
}
.color-orange[data-chart] text {
  fill: #fff;
}
.color-orange .axes-lines {
  stroke: #fff;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
}
.color-orange th,
.color-orange td {
  border-color: #fff;
}
.color-orange-light {
  background: #fce7bf;
  color: #333;
}
.color-orange-light a {
  color: #333;
}
.color-orange-light h2 {
  border-bottom-color: #333;
}
.color-orange-light[data-chart] text {
  fill: #333;
}
.color-orange-light .axes-lines {
  stroke: #333;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
}
.color-orange-light th,
.color-orange-light td {
  border-color: #333;
}
.color-orange-dark {
  background: #e48204;
  color: #fff;
}
.color-orange-dark a {
  color: #fff;
}
.color-orange-dark h2 {
  border-bottom-color: #fff;
}
.color-orange-dark[data-chart] text {
  fill: #fff;
}
.color-orange-dark .axes-lines {
  stroke: #fff;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
}
.color-orange-dark th,
.color-orange-dark td {
  border-color: #fff;
}
.color-purple {
  background: #842b7c;
  color: #fff;
}
.color-purple a {
  color: #fff;
}
.color-purple h2 {
  border-bottom-color: #fff;
}
.color-purple[data-chart] text {
  fill: #fff;
}
.color-purple .axes-lines {
  stroke: #fff;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
}
.color-purple th,
.color-purple td {
  border-color: #fff;
}
.color-purple-light {
  background: #e0cade;
  color: #333;
}
.color-purple-light a {
  color: #333;
}
.color-purple-light h2 {
  border-bottom-color: #333;
}
.color-purple-light[data-chart] text {
  fill: #333;
}
.color-purple-light .axes-lines {
  stroke: #333;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
}
.color-purple-light th,
.color-purple-light td {
  border-color: #333;
}
.color-purple-dark {
  background: #581552;
  color: #fff;
}
.color-purple-dark a {
  color: #fff;
}
.color-purple-dark h2 {
  border-bottom-color: #fff;
}
.color-purple-dark[data-chart] text {
  fill: #fff;
}
.color-purple-dark .axes-lines {
  stroke: #fff;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
}
.color-purple-dark th,
.color-purple-dark td {
  border-color: #fff;
}
.color-blue {
  background: #0d9cd3;
  color: #fff;
}
.color-blue a {
  color: #fff;
}
.color-blue h2 {
  border-bottom-color: #fff;
}
.color-blue[data-chart] text {
  fill: #fff;
}
.color-blue .axes-lines {
  stroke: #fff;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
}
.color-blue th,
.color-blue td {
  border-color: #fff;
}
.color-blue-light {
  background: #c1e6f4;
  color: #333;
}
.color-blue-light a {
  color: #333;
}
.color-blue-light h2 {
  border-bottom-color: #333;
}
.color-blue-light[data-chart] text {
  fill: #333;
}
.color-blue-light .axes-lines {
  stroke: #333;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
}
.color-blue-light th,
.color-blue-light td {
  border-color: #333;
}
.color-blue-dark {
  background: #0d61ab;
  color: #fff;
}
.color-blue-dark a {
  color: #fff;
}
.color-blue-dark h2 {
  border-bottom-color: #fff;
}
.color-blue-dark[data-chart] text {
  fill: #fff;
}
.color-blue-dark .axes-lines {
  stroke: #fff;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
}
.color-blue-dark th,
.color-blue-dark td {
  border-color: #fff;
}
.color-green {
  background: #7bc629;
  color: #fff;
}
.color-green a {
  color: #fff;
}
.color-green h2 {
  border-bottom-color: #fff;
}
.color-green[data-chart] text {
  fill: #fff;
}
.color-green .axes-lines {
  stroke: #fff;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
}
.color-green th,
.color-green td {
  border-color: #fff;
}
.color-green-light {
  background: #def1c8;
  color: #333;
}
.color-green-light a {
  color: #333;
}
.color-green-light h2 {
  border-bottom-color: #333;
}
.color-green-light[data-chart] text {
  fill: #333;
}
.color-green-light .axes-lines {
  stroke: #333;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
}
.color-green-light th,
.color-green-light td {
  border-color: #333;
}
.color-green-dark {
  background: #369412;
  color: #fff;
}
.color-green-dark a {
  color: #fff;
}
.color-green-dark h2 {
  border-bottom-color: #fff;
}
.color-green-dark[data-chart] text {
  fill: #fff;
}
.color-green-dark .axes-lines {
  stroke: #fff;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
}
.color-green-dark th,
.color-green-dark td {
  border-color: #fff;
}
.color-red {
  background: #98002c;
  color: #fff;
}
.color-red a {
  color: #fff;
}
.color-red h2 {
  border-bottom-color: #fff;
}
.color-red[data-chart] text {
  fill: #fff;
}
.color-red .axes-lines {
  stroke: #fff;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
}
.color-red th,
.color-red td {
  border-color: #fff;
}
.color-red-light {
  background: #e5bfca;
  color: #333;
}
.color-red-light a {
  color: #333;
}
.color-red-light h2 {
  border-bottom-color: #333;
}
.color-red-light[data-chart] text {
  fill: #333;
}
.color-red-light .axes-lines {
  stroke: #333;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
}
.color-red-light th,
.color-red-light td {
  border-color: #333;
}
.color-red-dark {
  background: #660015;
  color: #fff;
}
.color-red-dark a {
  color: #fff;
}
.color-red-dark h2 {
  border-bottom-color: #fff;
}
.color-red-dark[data-chart] text {
  fill: #fff;
}
.color-red-dark .axes-lines {
  stroke: #fff;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
}
.color-red-dark th,
.color-red-dark td {
  border-color: #fff;
}
.color-pink {
  background: #ffc0cb;
  color: #fff;
}
.color-pink a {
  color: #fff;
}
.color-pink h2 {
  border-bottom-color: #fff;
}
.color-pink[data-chart] text {
  fill: #fff;
}
.color-pink .axes-lines {
  stroke: #fff;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
}
.color-pink th,
.color-pink td {
  border-color: #fff;
}
.color-pink-light {
  background: pink-light;
  color: #333;
}
.color-pink-light a {
  color: #333;
}
.color-pink-light h2 {
  border-bottom-color: #333;
}
.color-pink-light[data-chart] text {
  fill: #333;
}
.color-pink-light .axes-lines {
  stroke: #333;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
}
.color-pink-light th,
.color-pink-light td {
  border-color: #333;
}
.color-pink-dark {
  background: pink-dark;
  color: #fff;
}
.color-pink-dark a {
  color: #fff;
}
.color-pink-dark h2 {
  border-bottom-color: #fff;
}
.color-pink-dark[data-chart] text {
  fill: #fff;
}
.color-pink-dark .axes-lines {
  stroke: #fff;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
}
.color-pink-dark th,
.color-pink-dark td {
  border-color: #fff;
}
.color-grey-dark {
  background: #333;
  color: #fff;
}
.color-grey-dark a {
  color: #fff;
}
.color-grey-dark h2 {
  border-bottom-color: #fff;
}
.color-grey-dark[data-chart] text {
  fill: #fff;
}
.color-grey-dark .axes-lines {
  stroke: #fff;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
}
.color-grey-dark th,
.color-grey-dark td {
  border-color: #fff;
}
/* Sharing */
.share {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-top: 30px;
  margin-top: 40px;
  background: rgba(255,255,255,0.9);
  text-align: center;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  z-index: -1;
}
.sharing .share {
  margin-top: 0;
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none;
  z-index: 1;
}
.share li {
  display: block;
}
.share span {
  margin-top: 25%;
}
.share span,
.share a {
  display: inline-block;
  text-decoration: none;
  font-style: italic;
  padding: 5px 10px;
  font-size: 14px !important;
  color: #333;
}
.share a {
  margin: 1px 0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #333;
  color: #fff;
}
.share [data-share=facebook] {
  background: #204385;
}
.share [data-share=twitter] {
  background: #2aa9e0;
}
.share-btn {
  position: absolute;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 11px;
  font-style: italic;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #000;
  cursor: pointer;
  z-index: 1;
}
.share-btn.tl {
  top: 14px;
  left: 14px;
}
.share-btn.tr {
  top: 14px;
  right: 14px;
}
.share-btn.br {
  bottom: 14px;
  right: 14px;
}
.share-btn.bl {
  bottom: 14px;
  left: 14px;
}
.h2 .share span {
  margin-top: 10%;
}
.shared:before {
  display: none;
  content: 'Shared with you';
  position: absolute;
  left: -14px;
  bottom: 7px;
  padding: 3px 7px 4px;
  background: #c84343;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  font-family: National, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.is-sharing + .tooltip-card.shown {
  display: none;
}
.legend li {
  display: inline-block;
  position: relative;
  padding: 5px 0 5px 15px;
  line-height: 1em;
  font-size: 10px;
  vertical-align: top;
  width: 50%;
  cursor: help;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  text-transform: uppercase;
}
.legend li:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.legend li:nth-child(1):before {
  background: #fff;
}
.legend li:nth-child(2):before {
  background: #93cddd;
}
.legend li:nth-child(3):before {
  background: #31859c;
}
.legend li:nth-child(4):before {
  background: #ebf1de;
}
.legend li:nth-child(5):before {
  background: #92d050;
}
.legend li:nth-child(6):before {
  background: #4f6228;
}
.legend li:nth-child(7):before {
  background: #254061;
}
.inactive {
  opacity: 0.25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  -webkit-filter: alpha(opacity=25);
  filter: alpha(opacity=25);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}
[data-chart=blob].w1 p,
[data-chart=blob].w1 a {
  font-size: 14px;
}
[data-chart=blob].h2.w2 p,
[data-chart=blob].h2.w2 a {
  font-size: 24px;
}
[data-chart=column] rect,
[data-chart=groupedcolumn] rect,
[data-chart=stackedcolumn] rect {
  cursor: help;
}
[data-chart=column] .x-axes text,
[data-chart=groupedcolumn] .x-axes text,
[data-chart=stackedcolumn] .x-axes text {
  text-anchor: middle;
}
[data-chart=column] rect {
  fill: #fff;
}
.color-orange[data-chart=column] .inactive.def-highlighted {
  fill: #e48204;
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none;
}
.color-green[data-chart=column] .inactive.def-highlighted {
  fill: #369412;
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none;
}
[data-chart=groupedcolumn] .grouped-column:nth-child(1) rect {
  fill: #fff;
}
[data-chart=groupedcolumn] .grouped-column:nth-child(2) rect {
  fill: #93cddd;
}
[data-chart=groupedcolumn] .grouped-column:nth-child(3) rect {
  fill: #31859c;
}
[data-chart=groupedcolumn] .grouped-column:nth-child(4) rect {
  fill: #ebf1de;
}
[data-chart=groupedcolumn] .grouped-column:nth-child(5) rect {
  fill: #92d050;
}
[data-chart=groupedcolumn] .grouped-column:nth-child(6) rect {
  fill: #4f6228;
}
[data-chart=groupedcolumn] .grouped-column:nth-child(7) rect {
  fill: #254061;
}
[data-chart=stackedcolumn] .stacked-column:nth-child(1) rect {
  fill: #fff;
}
[data-chart=stackedcolumn] .stacked-column:nth-child(2) rect {
  fill: #93cddd;
}
[data-chart=stackedcolumn] .stacked-column:nth-child(3) rect {
  fill: #31859c;
}
[data-chart=stackedcolumn] .stacked-column:nth-child(4) rect {
  fill: #ebf1de;
}
[data-chart=stackedcolumn] .stacked-column:nth-child(5) rect {
  fill: #92d050;
}
[data-chart=stackedcolumn] .stacked-column:nth-child(6) rect {
  fill: #4f6228;
}
[data-chart=stackedcolumn] .stacked-column:nth-child(7) rect {
  fill: #254061;
}
[data-chart=factoid] .card-content h3,
[data-chart=factoid] .card-content p {
  margin: 0;
  font-weight: normal;
  text-align: center;
}
[data-chart=factoid] .card-content span {
  vertical-align: super;
  font-size: 30%;
}
[data-chart=factoid].w1 h3 {
  font-size: 30px;
  margin: 5px 0;
}
[data-chart=factoid].w1 p {
  font-size: 12px;
}
[data-chart=factoid].w2 h3 {
  padding-top: 70px;
  font-size: 80px;
}
[data-chart=factoid].w2 p {
  font-size: 16px;
}
[data-chart=line] .legend {
  padding: 10px 0;
}
[data-chart=line] path {
  stroke-width: 3px;
}
[data-chart=line] .axes.labels text {
  text-anchor: middle;
}
[data-chart=line] path:nth-child(1) {
  stroke: #fff;
  fill: none;
}
[data-chart=line] path:nth-child(2) {
  stroke: #93cddd;
  fill: none;
}
[data-chart=line] path:nth-child(3) {
  stroke: #31859c;
  fill: none;
}
[data-chart=line] path:nth-child(4) {
  stroke: #ebf1de;
  fill: none;
}
[data-chart=line] path:nth-child(5) {
  stroke: #92d050;
  fill: none;
}
[data-chart=line] path:nth-child(6) {
  stroke: #4f6228;
  fill: none;
}
[data-chart=line] path:nth-child(7) {
  stroke: #254061;
  fill: none;
}
[data-chart=area] path:nth-child(1) {
  fill: #fff;
}
[data-chart=area] path:nth-child(2) {
  fill: #93cddd;
}
[data-chart=area] path:nth-child(3) {
  fill: #31859c;
}
[data-chart=area] path:nth-child(4) {
  fill: #ebf1de;
}
[data-chart=area] path:nth-child(5) {
  fill: #92d050;
}
[data-chart=area] path:nth-child(6) {
  fill: #4f6228;
}
[data-chart=area] path:nth-child(7) {
  fill: #254061;
}
[data-chart=area] .axes.label text {
  text-anchor: middle;
}
text {
  font-size: 11px;
}
[data-chart=link] a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 14px;
  font-size: 15px;
  text-decoration: underline;
}
[data-chart=link] a:after {
  content: url("static/img/arrow.png");
  position: absolute;
  width: 23px;
  height: 23px;
  bottom: 10px;
  right: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #f5a101;
}
[data-chart=link] a:hover {
  background: #f5a101;
  color: #fff;
}
[data-chart=link] a:hover:after {
  background: #e48204;
}
.color-purple-dark a:after {
  background: #842b7c;
}
.color-purple-dark a:hover {
  background: #842b7c;
}
.color-purple-dark a:hover:after {
  background: #581552;
}
.color-red-dark a:after {
  background: #98002c;
}
.color-red-dark a:hover {
  background: #98002c;
}
.color-red-dark a:hover:after {
  background: #660015;
}
.color-blue-dark a:after {
  background: #0d9cd3;
}
.color-blue-dark a:hover {
  background: #0d9cd3;
}
.color-blue-dark a:hover:after {
  background: #0d61ab;
}
.color-green-dark a:after {
  background: #7bc629;
}
.color-green-dark a:hover {
  background: #7bc629;
}
.color-green-dark a:hover:after {
  background: #369412;
}
[data-chart=pie] path {
  cursor: help;
}
[data-chart=pie] .percent {
  margin: 0;
  font-weight: normal;
  text-align: center;
  text-anchor: middle;
}
[data-chart=pie] .percent tspan {
  vertical-align: super;
  font-size: 30%;
}
[data-chart=pie].w2 .percent {
  font-size: 40px;
}
[data-chart=pie].w3 .percent {
  font-size: 80px;
}
[data-chart=pie] .legend {
  padding-bottom: 10px;
}
[data-chart=pie] path:nth-child(1) {
  fill: #fff;
}
[data-chart=pie] path:nth-child(2) {
  fill: #93cddd;
}
[data-chart=pie] path:nth-child(3) {
  fill: #31859c;
}
[data-chart=pie] path:nth-child(4) {
  fill: #ebf1de;
}
[data-chart=pie] path:nth-child(5) {
  fill: #92d050;
}
[data-chart=pie] path:nth-child(6) {
  fill: #4f6228;
}
[data-chart=pie] path:nth-child(7) {
  fill: #254061;
}
[data-chart=scatterplot] circle {
  fill: #fff;
  cursor: help;
}
[data-chart=scatterplot] .x-axes text {
  text-anchor: middle;
}
[data-chart=scatterplot] .x-label,
[data-chart=scatterplot] .y-label {
  text-anchor: middle;
}
[data-chart=table] table {
  margin-top: 20px;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1em;
}
[data-chart=table] th {
  text-align: left;
  border-width: 1px 0;
  border-style: solid;
  padding: 10px 15px 10px 0;
  vertical-align: bottom;
}
[data-chart=table] td {
  vertical-align: top;
  padding: 10px 15px 10px 0;
}
[data-chart=table] th:last-child,
[data-chart=table] td:last-child {
  padding-right: 0;
}
.w1.h1[data-chart=text] {
  overflow: hidden;
}
.w1.h1[data-chart=text] p {
  margin: 0;
  font-size: 12px;
}
.w2 th,
.w2 td {
  padding-right: 5px;
}
[data-chart=text] p,
[data-chart=blob] p,
[data-chart=text] a,
[data-chart=blob] a {
  font-size: 15px;
}
[data-chart=text].h2.w2 div,
[data-chart=blob].h2.w2 div {
  font-size: 18px;
  font-style: italic;
}
[data-chart=text] h2 {
  margin-bottom: 14px;
}
[data-chart=text] small {
  display: block;
  margin-top: 14px;
  line-height: 1em;
  font-size: 11px;
}
[data-chart=text] li {
  list-style-type: none;
  padding-bottom: 14px;
  font-size: 16px;
}
[data-chart=text].color-grey-dark quote {
  display: block;
}
[data-chart=text].color-grey-dark small {
  text-align: right;
  position: absolute;
  bottom: 14px;
  right: 14px;
}
.color-grey-dark {
  font-size: 14px;
}
[data-sector-type="national-economy-contribution"] [data-card="contributions-1"] p {
  margin: 0;
  font-size: 12px;
  line-height: 15px;
}
[data-sector-type="national-economy-contribution"] [data-card="multiplier-1"] p {
  margin: 0;
  font-size: 20px;
  line-height: 25px;
}
[data-chart=choropleth] path {
  cursor: help;
}
[data-chart=pictogram] .percents {
  width: 265px;
  height: 265px;
}
[data-chart=pictogram] .percents {
  position: relative;
  margin: 20px auto;
}
[data-chart=pictogram] .percent {
  position: absolute;
}
[data-chart=pictogram] .percent {
  width: 53px;
  height: 53px;
  background-position: 100% 100%;
}
[data-chart=pictogram][data-image=couple] .percents {
  background-image: url("static/img/pictogram/couple.png");
}
[data-chart=pictogram][data-image=couple] .percent {
  background-image: url("static/img/pictogram/couple-active.png");
}
[data-chart=pictogram][data-image=building] .percents {
  background-image: url("static/img/pictogram/building.png");
}
[data-chart=pictogram][data-image=building] .percent {
  background-image: url("static/img/pictogram/building-active.png");
}
[data-chart=pictogram] .value,
[data-chart=pictogram] .label {
  text-align: center;
}
[data-chart=pictogram] .value {
  margin: 0;
  font-size: 48px;
  font-weight: normal;
}
[data-chart=pictogram] .value span {
  vertical-align: super;
  font-size: 30%;
}
[data-chart=pictogram] .label {
  text-transform: uppercase;
}
[data-chart=pictogram].w2.h2 .percents,
[data-chart=pictogram].w2.h2 .percent {
  -webkit-background-size: 29px;
  -moz-background-size: 29px;
  background-size: 29px;
}
[data-chart=pictogram].w2.h2 .percents {
  width: 145px;
  height: 145px;
  margin: 5px auto;
}
[data-chart=pictogram].w2.h2 .percent {
  width: 29px;
  height: 29px;
}
[data-card="top-sectors-by-contribution-relative-to-employment-number"].w2 .x-axes g:nth-child(even) {
  display: none;
}
[data-card="sector-industry-gross-product"].w2 .labels g:nth-child(even),
[data-card="industry-gross-product"].w2 .labels g:nth-child(even) {
  display: none;
}
[data-card="workforce-1"] {
  text-align: left;
  line-height: 1.5em;
  font-family: 'Times New Roman', Times, serif;
}
[data-card="sector-value-added-multiplier"].w1 h3,
[data-card="sector-employment-multiplier"].w1 h3,
[data-card="sector-total-output-multiplier"].w1 h3,
[data-card="ci-s-gdp-share"].w1 h3 {
  font-size: 65px;
}
[data-card="ci-s-gdp-share"].w1 h3 {
  margin: -10px 0 2px 10px;
}
[data-card="sector-total-output-multiplier"].w2 h3 {
  margin: -10px 0 15px;
  font-size: 100px;
}
[data-card="sector-income-by-creative-trident-by-state"] {
  text-align: center;
  padding-top: 20px;
}
[data-card="sector-income-by-creative-trident-by-state"] h3 {
  font-size: 40px;
  font-style: normal;
  font-weight: normal;
}
[data-card="sector-income-by-creative-trident-by-state"] p {
  font-size: 14px;
  font-style: normal;
}
[data-card="number-of-businesses-in-sector-as-of-total-ci-businesses"] .label {
  font-size: 10px;
  margin-top: -10px;
}
[data-card="number-of-businesses-in-sector-as-of-total-ci-businesses"] .value {
  margin-top: -8px;
}

.hidden,
[hidden] {
  display: none;
}
.modal {
  position: fixed;
  width: 600px;
  top: 200px;
  left: calc(50% - 300px);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
}
.modal.shown {
  padding: 20px;
  top: 300px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none;
  z-index: 9002;
}
.modal.shown ~ header,
.modal.shown ~ main {
  -webkit-filter: blur(2px);
  filter: blur(2px);
}
.modal-close {
  position: absolute;
  top: 3px;
  right: 10px;
  padding: 0;
  border: 0;
  background: transparent;
  -webkit-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1;
  font-size: 21px;
  font-weight: bold;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  cursor: pointer;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  -webkit-filter: alpha(opacity=20);
  filter: alpha(opacity=20);
}
.modal-close:hover {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
}
.modal input {
  border: 0;
  width: 100%;
  font-family: Lyon, Georgia, 'Times New Roman', Times, serif;
}