@font-face {
  font-family: 'Myriad Pro';
  font-style: normal;
  src: url("../fonts/MyriadPro-Regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Regular.woff") format("woff"), url("../fonts/MyriadPro-Regular.ttf") format("truetype"), url("../fonts/MyriadPro-Regular.svg") format("svg");
  /* Legacy iOS */ }
@font-face {
  font-family: 'Myriad Pro';
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/MyriadPro-Light.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/MyriadPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Light.woff") format("woff"), url("../fonts/MyriadPro-Light.ttf") format("truetype"), url("../fonts/MyriadPro-Light.svg") format("svg");
  /* Legacy iOS */ }
@font-face {
  font-family: 'Myriad Pro';
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/MyriadPro-Bold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/MyriadPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Bold.woff") format("woff"), url("../fonts/MyriadPro-Bold.ttf") format("truetype"), url("../fonts/MyriadPro-Bold.svg") format("svg");
  /* Legacy iOS */ }
@font-face {
  font-family: 'Myriad Pro';
  font-style: italic;
  src: url("../fonts/MyriadPro-It.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/MyriadPro-It.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-It.woff") format("woff"), url("../fonts/MyriadPro-It.ttf") format("truetype"), url("../fonts/MyriadPro-It.svg") format("svg");
  /* Legacy iOS */ }
@font-face {
  font-family: 'Myriad Pro';
  font-style: italic;
  font-weight: bold;
  src: url("../fonts/MyriadPro-BoldIt.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/MyriadPro-BoldIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BoldIt.woff") format("woff"), url("../fonts/MyriadPro-BoldIt.ttf") format("truetype"), url("../fonts/MyriadPro-BoldIt.svg") format("svg");
  /* Legacy iOS */ }
body {
  background-color: #e1e1e1;
  margin: 0px;
  padding: 0;
  font-family: 'Myriad Pro', 'Droid Sans', sans-serif;
  font-size: 0.9em;
  font-style: normal;
  float: left;
  position: relative; }

#page-container {
  max-height: 817px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  background: white;
  padding: 90px 130px;
  margin: 56px 90px; }

.content-left, .content-right {
  width: 50%;
  float: left; }

.content-left h1, .content-left h2, .content-left p {
  padding-right: 50px; }

.content-left h1 {
  color: #866aa1;
  font-weight: 100;
  font-size: 3.2em;
  margin-bottom: 0.2em;
  margin-top: 0;
  line-height: 75%; }

.content-left h2 {
  color: #7a0125;
  font-weight: normal;
  margin-top: 0; }

.content-left .large {
  font-size: 1.5em; }

.content-left a {
  text-decoration: none;
  color: #866aa1; }

.content-left a:hover {
  text-decoration: underline; }

.content-left p.link {
  margin-bottom: 0.5em; }

.content-left hr {
  margin: 40px 0;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  border-bottom: none; }

.content-right {
  color: #9b9b9b; }

.content-right .logo {
  padding-top: 50px; }

.content-right .logo:first-child {
  padding-right: 50px; }

#canvas {
  position: absolute;
  top: 0;
  left: 0;
  background: #e1e1e1;
  opacity: 0;
  width: 100%;
  overflow: hidden;
  height: 100%; }

#canvas.closed {
  display: none; }

#canvas.open {
  display: block; }

#thumbnail-container {
  padding: 0 0 42px 0px;
  margin: 40px 80px 0 0;
  background: url("../images/thumbnail-background.jpg") no-repeat top right;
  background-size: contain;
  width: 420px; }

#thumbnail {
  width: 313px;
  margin: 0px 0px 0px 107px;
  line-height: 0px;
  -webkit-transition: -webkit-transform 1s;
  -moz-transition: -moz-transform 1s;
  -ms-transition: -ms-transform 1s;
  -o-transition: -o-transform 1s;
  transition: transform 1s; }

#thumbnail img {
  width: 100%; }

.overall-container {
  width: 1200px;
  margin: 20px auto; }

.flipbook-viewport {
  width: 100%;
  height: 100%; }

.page-wrapper {
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  -ms-perspective: 2000px;
  perspective: 2000px; }

.flipbook-viewport .container {
  position: relative;
  top: 0px;
  left: 50%;
  margin: auto; }

.flipbook-viewport .flipbook {
  width: 1200px;
  height: 735px;
  left: -600px;
  top: 0; }

.flipbook-viewport .page {
  width: 600px;
  height: 735px;
  background-color: white;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }

.flipbook-viewport .page img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0; }

.flipbook-viewport .shadow {
  -webkit-transition: -webkit-box-shadow 0.5s;
  -moz-transition: -moz-box-shadow 0.5s;
  -o-transition: -webkit-box-shadow 0.5s;
  -ms-transition: -ms-box-shadow 0.5s;
  -webkit-box-shadow: 0 0 20px #ccc;
  -moz-box-shadow: 0 0 20px #ccc;
  -o-box-shadow: 0 0 20px #ccc;
  -ms-box-shadow: 0 0 20px #ccc;
  box-shadow: 0 0 20px #ccc; }

.flipbook-viewport .double {
  width: 1200px;
  height: 735px;
  background-size: 100% 100%; }

#close {
  text-align: right;
  padding-bottom: 10px;
  opacity: 0;
  z-index: 10; }

#close a {
  color: #aaa;
  text-decoration: none;
  font-weight: bold; }

#close a:hover {
  text-decoration: underline; }

.tabs {
  background: #cfc3d8;
  padding: 2px 2px 0 2px;
  opacity: 0;
  z-index: 10;
  position: relative; }

.tabs ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.tabs li {
  float: left;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 96.5px;
  margin-right: 3px;
  display: table;
  height: 60px;
  overflow: hidden;
  opacity: 0.8; }

.tabs li.active {
  -webkit-box-shadow: 3px -3px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px -3px 4px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 3px -3px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 3px -3px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 3px -3px 4px rgba(0, 0, 0, 0.2);
  opacity: 1; }

.tabs li:last-child {
  margin-right: 0; }

.tabs li a {
  display: table-cell;
  vertical-align: middle;
  color: white;
  text-decoration: none;
  padding: 3px 3px 3px;
  font-size: 0.8rem; }

.tabs li span.number, .tabs li span.text {
  display: block; }

.tabs li span.number {
  font-weight: bold;
  font-size: 1.2rem; }

.tabs li span.text {
  font-size: 0.7rem;
  height: 26px; }

.sr-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.page-numbers {
  float: right; }

.page-numbers ul {
  list-style: none;
  margin: 8px 100px 8px 8px; }

.page-numbers li {
  border-radius: 25px;
  font-size: 19px;
  border: 1px solid white;
  display: inline-block;
  font-weight: bold;
  text-align: center;
  margin-left: 10px; }

.page-numbers li.active {
  background: white; }

.page-numbers li:hover {
  background: white; }

.page-numbers a {
  color: white;
  text-decoration: none;
  padding: 5px;
  display: block;
  width: 20px;
  height: 20px; }

#content {
  background: white; }

header {
  height: 48px; }

h3, p {
  margin-top: 0;
  margin-bottom: 1em; }

h3.colour {
  padding: 3px; }

h4 {
  margin-bottom: 0.2em; }

p.intro {
  margin: 0 0 1em;
  font-size: 1.4em; }

blockquote {
  font-size: 1.7em;
  margin: 0;
  margin: 1em 0;
  font-weight: 100; }

.col-1 > blockquote:first-child {
  margin-top: 0; }

blockquote::before {
  content: open-quote;
  font-family: "PT Sans"; }

blockquote::after {
  content: close-quote;
  font-family: "PT Sans"; }

blockquote::before, blockquote::after {
  font-size: 3em;
  position: relative;
  top: 0.5em;
  line-height: 0%;
  font-weight: 100; }

label.spacer {
  width: 150px;
  display: inline-block; }

#cover img {
  width: 100%; }

article {
  padding: 60px 38px 10px;
  overflow-wrap: break-word;
  word-wrap: break-word; }

article, .col-1, .col-2, .col-3, .col-4 {
  height: 557px; }

article.big-footer, article.big-footer .col-1, article.big-footer .col-2, article.big-footer .col-3, article.big-footer .col-4 {
  height: 497px; }

footer {
  margin: 0 324px;
  font-size: 0.8em; }

article a, footer a {
  color: inherit;
  text-decoration: none;
  font-style: italic; }

article a:hover {
  text-decoration: underline; }

article ul {
  padding: 0;
  margin-top: 0; }

article ul li {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding-left: 2em;
  list-style: none;
  position: relative;
  margin-bottom: 5px;
  padding-bottom: 5px; }

article ul li::before {
  content: "\f061";
  font-family: FontAwesome;
  position: absolute;
  left: 5px;
  top: 2px; }

.col-1 {
  width: 266px;
  float: left;
  margin-right: 20px;
  position: relative; }

.col-2, .col-3, .col-4 {
  -webkit-column-gap: 20px;
  /* Chrome, Safari, Opera */
  -moz-column-gap: 20px;
  /* Firefox */
  column-gap: 20px;
  -moz-column-fill: auto;
  column-fill: auto; }

.col-2 {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
  width: 552px; }

.col-3 {
  -webkit-column-count: 3;
  /* Chrome, Safari, Opera */
  -moz-column-count: 3;
  /* Firefox */
  column-count: 3;
  width: 838px; }

.col-4 {
  -webkit-column-count: 4;
  /* Chrome, Safari, Opera */
  -moz-column-count: 4;
  /* Firefox */
  column-count: 4;
  width: 1124px; }

.col-1 img, .col-2 img, .col-3 img, .col-4 img {
  width: 100%; }

.bottom {
  position: absolute;
  bottom: 0; }

.span-2 {
  width: 555px; }

.span-all {
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all; }

.detail-box {
  padding: 10px;
  margin-top: 20px; }

.detail-box p {
  margin-bottom: 0.5em; }

.ticks {
  padding: 5px 10px; }

.ticks::before {
  content: "\f00c";
  color: white;
  font-family: FontAwesome;
  padding-right: 5px; }

.tabs .teal {
  background: #21b2b9; }

.tabs .teal span.number {
  color: #99dfe2; }

.teal header {
  background: #21b2b9; }

.teal .page-numbers .active a {
  color: #21b2b9; }

.teal .page-numbers li:hover a {
  color: #21b2b9; }

.teal header h2 {
  color: #99dfe2;
  margin: 0;
  padding: 10px;
  font-weight: bold; }

.teal article a, .teal footer a {
  color: #21b2b9; }

.teal .intro, .teal blockquote {
  color: #21b2b9; }

.teal hr {
  border-color: #21b2b9;
  border-style: dashed; }

.teal footer {
  border-top: 1px dashed #21b2b9; }

.teal .detail-box {
  background: #99dfe2; }

article .teal ul li {
  border-bottom-color: #21b2b9; }

article .teal ul li::before {
  color: #21b2b9; }

.teal .ticks, .teal h3.colour {
  background: #21b2b9; }

.tabs .purple {
  background: #866aa1; }

.tabs .purple span.number {
  color: #cfc3d8; }

.purple header {
  background: #866aa1; }

.purple .page-numbers .active a {
  color: #866aa1; }

.purple .page-numbers li:hover a {
  color: #866aa1; }

.purple header h2 {
  color: #cfc3d8;
  margin: 0;
  padding: 10px;
  font-weight: bold; }

.purple article a, .purple footer a {
  color: #866aa1; }

.purple .intro, .purple blockquote {
  color: #866aa1; }

.purple hr {
  border-color: #866aa1;
  border-style: dashed; }

.purple footer {
  border-top: 1px dashed #866aa1; }

.purple .detail-box {
  background: #cfc3d8; }

article .purple ul li {
  border-bottom-color: #866aa1; }

article .purple ul li::before {
  color: #866aa1; }

.purple .ticks, .purple h3.colour {
  background: #866aa1; }

.tabs .pink {
  background: #ea59a1; }

.tabs .pink span.number {
  color: #f9bdd8; }

.pink header {
  background: #ea59a1; }

.pink .page-numbers .active a {
  color: #ea59a1; }

.pink .page-numbers li:hover a {
  color: #ea59a1; }

.pink header h2 {
  color: #f9bdd8;
  margin: 0;
  padding: 10px;
  font-weight: bold; }

.pink article a, .pink footer a {
  color: #ea59a1; }

.pink .intro, .pink blockquote {
  color: #ea59a1; }

.pink hr {
  border-color: #ea59a1;
  border-style: dashed; }

.pink footer {
  border-top: 1px dashed #ea59a1; }

.pink .detail-box {
  background: #f9bdd8; }

article .pink ul li {
  border-bottom-color: #ea59a1; }

article .pink ul li::before {
  color: #ea59a1; }

.pink .ticks, .pink h3.colour {
  background: #ea59a1; }

.tabs .orange {
  background: #f58026; }

.tabs .orange span.number {
  color: #fcccaf; }

.orange header {
  background: #f58026; }

.orange .page-numbers .active a {
  color: #f58026; }

.orange .page-numbers li:hover a {
  color: #f58026; }

.orange header h2 {
  color: #fcccaf;
  margin: 0;
  padding: 10px;
  font-weight: bold; }

.orange article a, .orange footer a {
  color: #f58026; }

.orange .intro, .orange blockquote {
  color: #f58026; }

.orange hr {
  border-color: #f58026;
  border-style: dashed; }

.orange footer {
  border-top: 1px dashed #f58026; }

.orange .detail-box {
  background: #fcccaf; }

article .orange ul li {
  border-bottom-color: #f58026; }

article .orange ul li::before {
  color: #f58026; }

.orange .ticks, .orange h3.colour {
  background: #f58026; }

.tabs .pebble {
  background: #7198a3; }

.tabs .pebble span.number {
  color: #c5d5d9; }

.pebble header {
  background: #7198a3; }

.pebble .page-numbers .active a {
  color: #7198a3; }

.pebble .page-numbers li:hover a {
  color: #7198a3; }

.pebble header h2 {
  color: #c5d5d9;
  margin: 0;
  padding: 10px;
  font-weight: bold; }

.pebble article a, .pebble footer a {
  color: #7198a3; }

.pebble .intro, .pebble blockquote {
  color: #7198a3; }

.pebble hr {
  border-color: #7198a3;
  border-style: dashed; }

.pebble footer {
  border-top: 1px dashed #7198a3; }

.pebble .detail-box {
  background: #c5d5d9; }

article .pebble ul li {
  border-bottom-color: #7198a3; }

article .pebble ul li::before {
  color: #7198a3; }

.pebble .ticks, .pebble h3.colour {
  background: #7198a3; }

.tabs .terracotta {
  background: #984a4e; }

.tabs .terracotta span.number {
  color: #d6b7b9; }

.terracotta header {
  background: #984a4e; }

.terracotta .page-numbers .active a {
  color: #984a4e; }

.terracotta .page-numbers li:hover a {
  color: #984a4e; }

.terracotta header h2 {
  color: #d6b7b9;
  margin: 0;
  padding: 10px;
  font-weight: bold; }

.terracotta article a, .terracotta footer a {
  color: #984a4e; }

.terracotta .intro, .terracotta blockquote {
  color: #984a4e; }

.terracotta hr {
  border-color: #984a4e;
  border-style: dashed; }

.terracotta footer {
  border-top: 1px dashed #984a4e; }

.terracotta .detail-box {
  background: #d6b7b9; }

article .terracotta ul li {
  border-bottom-color: #984a4e; }

article .terracotta ul li::before {
  color: #984a4e; }

.terracotta .ticks, .terracotta h3.colour {
  background: #984a4e; }

.tabs .blue {
  background: #4f91cd; }

.tabs .blue span.number {
  color: #b9d2e9; }

.blue header {
  background: #4f91cd; }

.blue .page-numbers .active a {
  color: #4f91cd; }

.blue .page-numbers li:hover a {
  color: #4f91cd; }

.blue header h2 {
  color: #b9d2e9;
  margin: 0;
  padding: 10px;
  font-weight: bold; }

.blue article a, .blue footer a {
  color: #4f91cd; }

.blue .intro, .blue blockquote {
  color: #4f91cd; }

.blue hr {
  border-color: #4f91cd;
  border-style: dashed; }

.blue footer {
  border-top: 1px dashed #4f91cd; }

.blue .detail-box {
  background: #b9d2e9; }

article .blue ul li {
  border-bottom-color: #4f91cd; }

article .blue ul li::before {
  color: #4f91cd; }

.blue .ticks, .blue h3.colour {
  background: #4f91cd; }

.tabs .gold {
  background: #dba011; }

.tabs .gold span.number {
  color: #f0d9ad; }

.gold header {
  background: #dba011; }

.gold .page-numbers .active a {
  color: #dba011; }

.gold .page-numbers li:hover a {
  color: #dba011; }

.gold header h2 {
  color: #f0d9ad;
  margin: 0;
  padding: 10px;
  font-weight: bold; }

.gold article a, .gold footer a {
  color: #dba011; }

.gold .intro, .gold blockquote {
  color: #dba011; }

.gold hr {
  border-color: #dba011;
  border-style: dashed; }

.gold footer {
  border-top: 1px dashed #dba011; }

.gold .detail-box {
  background: #f0d9ad; }

article .gold ul li {
  border-bottom-color: #dba011; }

article .gold ul li::before {
  color: #dba011; }

.gold .ticks, .gold h3.colour {
  background: #dba011; }

.tabs .red {
  background: #db492d; }

.tabs .red span.number {
  color: #f2b8af; }

.red header {
  background: #db492d; }

.red .page-numbers .active a {
  color: #db492d; }

.red .page-numbers li:hover a {
  color: #db492d; }

.red header h2 {
  color: #f2b8af;
  margin: 0;
  padding: 10px;
  font-weight: bold; }

.red article a, .red footer a {
  color: #db492d; }

.red .intro, .red blockquote {
  color: #db492d; }

.red hr {
  border-color: #db492d;
  border-style: dashed; }

.red footer {
  border-top: 1px dashed #db492d; }

.red .detail-box {
  background: #f2b8af; }

article .red ul li {
  border-bottom-color: #db492d; }

article .red ul li::before {
  color: #db492d; }

.red .ticks, .red h3.colour {
  background: #db492d; }

.tabs .grey {
  background: #a1a3a6; }

.tabs .grey span.number {
  color: #d9dadb; }

.grey header {
  background: #a1a3a6; }

.grey .page-numbers .active a {
  color: #a1a3a6; }

.grey .page-numbers li:hover a {
  color: #a1a3a6; }

.grey header h2 {
  color: #d9dadb;
  margin: 0;
  padding: 10px;
  font-weight: bold; }

.grey article a, .grey footer a {
  color: #a1a3a6; }

.grey .intro, .grey blockquote {
  color: #a1a3a6; }

.grey hr {
  border-color: #a1a3a6;
  border-style: dashed; }

.grey footer {
  border-top: 1px dashed #a1a3a6; }

.grey .detail-box {
  background: #d9dadb; }

article .grey ul li {
  border-bottom-color: #a1a3a6; }

article .grey ul li::before {
  color: #a1a3a6; }

.grey .ticks, .grey h3.colour {
  background: #a1a3a6; }

.tabs .green {
  background: #00ac89; }

.tabs .green span.number {
  color: #99ddd0; }

.green header {
  background: #00ac89; }

.green .page-numbers .active a {
  color: #00ac89; }

.green .page-numbers li:hover a {
  color: #00ac89; }

.green header h2 {
  color: #99ddd0;
  margin: 0;
  padding: 10px;
  font-weight: bold; }

.green article a, .green footer a {
  color: #00ac89; }

.green .intro, .green blockquote {
  color: #00ac89; }

.green hr {
  border-color: #00ac89;
  border-style: dashed; }

.green footer {
  border-top: 1px dashed #00ac89; }

.green .detail-box {
  background: #99ddd0; }

article .green ul li {
  border-bottom-color: #00ac89; }

article .green ul li::before {
  color: #00ac89; }

.green .ticks, .green h3.colour {
  background: #00ac89; }

.tabs .mustard {
  background: #ae9b33; }

.tabs .mustard span.number {
  color: #ddd7b3; }

.mustard header {
  background: #ae9b33; }

.mustard .page-numbers .active a {
  color: #ae9b33; }

.mustard .page-numbers li:hover a {
  color: #ae9b33; }

.mustard header h2 {
  color: #ddd7b3;
  margin: 0;
  padding: 10px;
  font-weight: bold; }

.mustard article a, .mustard footer a {
  color: #ae9b33; }

.mustard .intro, .mustard blockquote {
  color: #ae9b33; }

.mustard hr {
  border-color: #ae9b33;
  border-style: dashed; }

.mustard footer {
  border-top: 1px dashed #ae9b33; }

.mustard .detail-box {
  background: #ddd7b3; }

article .mustard ul li {
  border-bottom-color: #ae9b33; }

article .mustard ul li::before {
  color: #ae9b33; }

.mustard .ticks, .mustard h3.colour {
  background: #ae9b33; }

/*# sourceMappingURL=styles.css.map */