/* set padding-top for 16:9 ratio (WxH) */
#debug {
  display: none !important;
  z-index: 1000;
  position: fixed;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 50%;
  width: 50%;
  background: rgba(255, 255, 255, 0.75);
  font-size: 16px;
  color: red;
  overflow: scroll; }

/*TRANSITIONS*/
.preload,
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }

p.top,
p.top > a,
p.back-to-top,
p.back-to-top > a {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out; }

#p #nav ol > li > a, #s #nav ol > li > a, #w #nav ol > li > a, #connection .clickable a, #funder .photo:after, .clickable span.img:after, #foot a.redbot:after {
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out; }

a.read,
a.listen,
a.watch, .widget > li:before, div.support .jump > ul > li > span, #d #head > .max, #l #head > .max, #t #head > .max, #commentary .clickable, #funder > .grid:before, .flow.people > ol > li:before, .accordion > li > span, .board .filter > li, #latest .clickable,
.board .pin, #highlight .carousel li > div a, .board .pin p.small,
#latest p.small {
  -webkit-transition: background 500ms ease-in-out;
  -moz-transition: background 500ms ease-in-out;
  -ms-transition: background 500ms ease-in-out;
  -o-transition: background 500ms ease-in-out;
  transition: background 500ms ease-in-out; }

/*ANIMATIONS*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden; }
  100% {
    opacity: 1;
    visibility: visible; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden; }
  100% {
    opacity: 1;
    visibility: visible; } }
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden; }
  100% {
    opacity: 1;
    visibility: visible; } }
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden; }
  100% {
    opacity: 1;
    visibility: visible; } }
@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden; }
  100% {
    opacity: 1;
    visibility: visible; } }
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible; }
  100% {
    opacity: 0;
    visibility: hidden; } }
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible; }
  100% {
    opacity: 0;
    visibility: hidden; } }
@-ms-keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible; }
  100% {
    opacity: 0;
    visibility: hidden; } }
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible; }
  100% {
    opacity: 0;
    visibility: hidden; } }
@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible; }
  100% {
    opacity: 0;
    visibility: hidden; } }
@-webkit-keyframes rotateForward {
  to {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes rotateForward {
  to {
    -webkit-transform: rotate(360deg); } }
@-ms-keyframes rotateForward {
  to {
    -webkit-transform: rotate(360deg); } }
@-o-keyframes rotateForward {
  to {
    -webkit-transform: rotate(360deg); } }
@keyframes rotateForward {
  to {
    -webkit-transform: rotate(360deg); } }
@-webkit-keyframes rotateBackward {
  to {
    -webkit-transform: rotate(-360deg); } }
@-moz-keyframes rotateBackward {
  to {
    -webkit-transform: rotate(-360deg); } }
@-ms-keyframes rotateBackward {
  to {
    -webkit-transform: rotate(-360deg); } }
@-o-keyframes rotateBackward {
  to {
    -webkit-transform: rotate(-360deg); } }
@keyframes rotateBackward {
  to {
    -webkit-transform: rotate(-360deg); } }
@-webkit-keyframes panning {
  0% {
    background-position: 0 0; }
  50% {
    background-position: 0 100%; }
  100% {
    background-position: 0 0; } }
@-moz-keyframes panning {
  0% {
    background-position: 0 0; }
  50% {
    background-position: 0 100%; }
  100% {
    background-position: 0 0; } }
@-ms-keyframes panning {
  0% {
    background-position: 0 0; }
  50% {
    background-position: 0 100%; }
  100% {
    background-position: 0 0; } }
@-o-keyframes panning {
  0% {
    background-position: 0 0; }
  50% {
    background-position: 0 100%; }
  100% {
    background-position: 0 0; } }
@keyframes panning {
  0% {
    background-position: 0 0; }
  50% {
    background-position: 0 100%; }
  100% {
    background-position: 0 0; } }
/*BASE*/
* {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

@-ms-viewport {
  width: auto !important; }
*:focus {
  outline: 0; }

html {
  height: 100%;
  font-size: 62.5%; }

body {
  height: 100%;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*
  overflow-x:hidden;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  */ }

a {
  color: #0d96af;
  text-decoration: none;
  -webkit-transition: color 250ms ease-in-out;
  -moz-transition: color 250ms ease-in-out;
  -ms-transition: color 250ms ease-in-out;
  -o-transition: color 250ms ease-in-out;
  transition: color 250ms ease-in-out; }

a:hover {
  color: #0c5b7f; }

img {
  display: block; }

ul, ol {
  letter-spacing: -0.31em;
  font-size: 0; }

ul > li, ol > li {
  letter-spacing: normal;
  margin-bottom: 5px; }

ol > li {
  margin-left: 1em; }

h1, h2, h3, h4, h5, h6 {
  color: red; }

h1, h2, h3, h4, h5, h6, p, li, span {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.2em;
  letter-spacing: normal; }

h1, h2, h3, h4, h5, h6, p, ul, ol {
  margin-bottom: 20px; }

p, .p, li, .normal {
  color: #666666;
  font-weight: 400; }

.light {
  font-weight: 300; }

h1, .h1 {
  color: white;
  font-size: 40px;
  font-size: 4rem;
  text-transform: none;
  font-weight: 600; }
  #p h1, #s h1, #w h1, #p .h1, #s .h1, #w .h1 {
    font-size: 30px;
    font-size: 3rem; }

h2, .h2 {
  font-size: 32px;
  font-size: 3.2rem;
  color: #0c5b7f;
  font-weight: 600; }

h3, .h3 {
  font-size: 28px;
  font-size: 2.8rem;
  color: #0c5b7f;
  text-transform: none;
  font-weight: 600; }

h4, .h4 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #666666;
  font-weight: 600; }

h5, .h5 {
  font-size: 20px;
  font-size: 2rem;
  color: #0b1f50;
  font-weight: 600; }

h6, .h6 {
  font-size: 16px;
  font-size: 1.6rem;
  color: #0c5b7f;
  font-weight: 400;
  font-weight: 600; }

.h1 > a:hover,
.h4 > a:hover,
.h5 > a:hover,
.h6 > a:hover {
  color: #0d96af; }

.h2 > a:hover,
.h3 > a:hover {
  color: #0b1f50; }

p, ul > li, ol > li {
  line-height: 1.4em; }

blockquote,
.intro {
  font-size: 26px;
  font-size: 2.6rem;
  color: #0b1f50; }
  #p blockquote, #s blockquote, #w blockquote, #p
  .intro, #s
  .intro, #w
  .intro {
    font-size: 20px;
    font-size: 2rem; }

blockquote {
  font-style: italic;
  padding: 20px 40px;
  margin-bottom: 20px; }

.big {
  font-size: 18px;
  font-size: 1.8rem;
  color: #0b1f50; }

.normal {
  font-size: 16px;
  font-size: 1.6rem; }

.small {
  font-size: 12px;
  font-size: 1.2rem; }

.blue-light {
  color: #0d96af; }

.blue-dark {
  color: #0b1f50; }

p.top,
p.back-to-top {
  color: #0d96af;
  border-top: 2px solid #0d96af; }

p.top:hover,
p.back-to-top:hover {
  border-top-color: #0b1f50; }

p.top > a,
p.back-to-top > a {
  display: block;
  padding: 5px 20px;
  text-align: right; }

p.top:hover > a,
p.back-to-top:hover > a {
  color: #0b1f50; }

ul li {
  color: #666666;
  padding-left: 18px;
  list-style-type: none;
  background: url(../img/bullet-darkblue.gif) 0 6px no-repeat;
  background-size: 8px;
  margin-bottom: 5px; }

/*SECTIONS*/
.section {
  background-color: white; }

.section,
.max,
.max-pad {
  position: relative; }

.max,
.max-pad {
  margin: auto;
  max-width: 1500px; }

#d .max-pad {
  padding: 60px; }
#l .max-pad {
  padding: 60px 40px; }
#t .max-pad {
  padding: 40px 30px; }
#p .max-pad {
  padding: 30px 20px; }
#s .max-pad {
  padding: 20px 15px; }
#w .max-pad {
  padding: 15px 10px; }

#d .max-pad-h {
  padding: 0 60px; }
#l .max-pad-h {
  padding: 0 40px; }
#t .max-pad-h {
  padding: 0 30px; }
#p .max-pad-h {
  padding: 0 20px; }
#s .max-pad-h {
  padding: 0 15px; }
#w .max-pad-h {
  padding: 0 10px; }

.clickable {
  cursor: pointer; }

/*GRID*/
.grid {
  overflow: hidden;
  letter-spacing: -0.31em;
  text-align: center; }

.grid > div {
  position: relative;
  display: inline-block;
  letter-spacing: normal;
  text-align: left;
  vertical-align: top; }

#d .grid {
  margin: 0 -30px; }
#l .grid {
  margin: 0 -20px; }
#t .grid {
  margin: 0 -15px; }
#p .grid {
  margin: 0 -10px; }
#s .grid {
  margin: 0 -30px/s; }
#w .grid {
  margin: 0 -30px/w; }

#d .grid > div, #d
.support {
  padding: 0 15px; }
#l .grid > div, #l
.support {
  padding: 0 20px; }
#t .grid > div, #t
.support {
  padding: 0 15px; }
#p .grid > div, #p
.support {
  padding: 0 10px; }
#s .grid > div, #s
.support {
  padding: 0 30px/s; }
#w .grid > div, #w
.support {
  padding: 0 30px/w; }

.grid.bgcol {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.grid.bgcol > div:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  #d .grid.bgcol > div:before {
    margin: 0 30px; }
  #l .grid.bgcol > div:before {
    margin: 0 20px; }
  #t .grid.bgcol > div:before {
    margin: 0 15px; }
  #p .grid.bgcol > div:before {
    margin: 0 10px; }
  #s .grid.bgcol > div:before {
    margin: 0 30px/s; }
  #w .grid.bgcol > div:before {
    margin: 0 30px/w; }

.grid.col6 > div,
#d .grid.d-col6 > div,
#m .grid.l-col6 > div,
#t .grid.t-col6 > div,
#p .grid.p-col6 > div,
#s .grid.s-col6 > div,
#w .grid.w-col6 > div {
  width: 16.66%; }

.grid.col5 > div,
#d .grid.d-col5 > div,
#m .grid.l-col5 > div,
#t .grid.t-col5 > div,
#p .grid.p-col5 > div,
#s .grid.s-col5 > div,
#w .grid.w-col5 > div {
  width: 20%; }

.grid.col4 > div,
#d .grid.d-col4 > div,
#m .grid.l-col4 > div,
#t .grid.t-col4 > div,
#p .grid.p-col4 > div,
#s .grid.s-col4 > div,
#w .grid.w-col4 > div {
  width: 25%; }

.grid.col3 > div,
#d .grid.d-col3 > div,
#m .grid.l-col3 > div,
#t .grid.t-col3 > div,
#p .grid.p-col3 > div,
#s .grid.s-col3 > div,
#w .grid.w-col3 > div {
  width: 33.33%; }

.grid.col2 > div,
#d .grid.d-col2 > div,
#m .grid.l-col2 > div,
#t .grid.t-col2 > div,
#p .grid.p-col2 > div,
#s .grid.s-col2 > div,
#w .grid.w-col2 > div {
  width: 50%; }

.grid.col1 > div,
#d .grid.d-col1 > div,
#m .grid.l-col1 > div,
#t .grid.t-col1 > div,
#p .grid.p-col1 > div,
#s .grid.s-col1 > div,
#w .grid.w-col1 > div {
  width: 100%; }

.span0,
#d .grid > .d-span0,
#l .grid > .l-span0,
#t .grid > .t-span0,
#p .grid > .p-span0,
#s .grid > .s-span0,
#w .grid > .w-span0 {
  display: none; }

.span1,
#d .grid > .d-span1,
#l .grid > .l-span1,
#t .grid > .t-span1,
#p .grid > .p-span1,
#s .grid > .s-span1,
#w .grid > .w-span1 {
  width: 8.33% !important; }

.span2,
#d .grid > .d-span2,
#l .grid > .l-span2,
#t .grid > .t-span2,
#p .grid > .p-span2,
#s .grid > .s-span2,
#w .grid > .w-span2 {
  width: 16.66% !important; }

.span3,
#d .grid > .d-span3,
#l .grid > .l-span3,
#t .grid > .t-span3,
#p .grid > .p-span3,
#s .grid > .s-span3,
#w .grid > .w-span3 {
  width: 25% !important; }

.span4,
#d .grid > .d-span4,
#l .grid > .l-span4,
#t .grid > .t-span4,
#p .grid > .p-span4,
#s .grid > .s-span4,
#w .grid > .w-span4 {
  width: 33.33% !important; }

.span5,
#d .grid > .d-span5,
#l .grid > .l-span5,
#t .grid > .t-span5,
#p .grid > .p-span5,
#s .grid > .s-span5,
#w .grid > .w-span5 {
  width: 41.66% !important; }

.span6,
#d .grid > .d-span6,
#l .grid > .l-span6,
#t .grid > .t-span6,
#p .grid > .p-span6,
#s .grid > .s-span6,
#w .grid > .w-span6 {
  width: 50% !important; }

.span,
#d .grid > .d-span7,
#l .grid > .l-span7,
#t .grid > .t-span7,
#p .grid > .p-span7,
#s .grid > .s-span7,
#w .grid > .w-span7 {
  width: 58.33% !important; }

.span8,
#d .grid > .d-span8,
#l .grid > .l-span8,
#t .grid > .t-span8,
#p .grid > .p-span8,
#s .grid > .s-span8,
#w .grid > .w-span8 {
  width: 66.66% !important; }

.span9,
#d .grid > .d-span9,
#l .grid > .l-span9,
#t .grid > .t-span9,
#p .grid > .p-span9,
#s .grid > .s-span9,
#w .grid > .w-span9 {
  width: 75% !important; }

.span10,
#d .grid > .d-span10,
#l .grid > .l-span10,
#t .grid > .t-span10,
#p .grid > .p-span10,
#s .grid > .s-span10,
#w .grid > .w-span10 {
  width: 83.33% !important; }

.span11,
#d .grid > .d-span11,
#l .grid > .l-span11,
#t .grid > .t-span11,
#p .grid > .p-span11,
#s .grid > .s-span11,
#w .grid > .w-span11 {
  width: 91.66% !important; }

.span12,
#d .grid > .d-span12,
#l .grid > .l-span12,
#t .grid > .t-span12,
#p .grid > .p-span12,
#s .grid > .s-span12,
#w .grid > .w-span12 {
  width: 100% !important; }

.span12:not(:last-child),
#d .grid > .d-span12:not(:last-child),
#l .grid > .l-span12:not(:last-child),
#t .grid > .t-span12:not(:last-child),
#p .grid > .p-span12:not(:last-child),
#s .grid > .s-span12:not(:last-child),
#w .grid > .w-span12:not(:last-child) {
  margin-bottom: 20px; }

/*HIGHCHARTS*/
.tablepress {
  margin-bottom: 20px !important; }

.tablepress tfoot th,
.tablepress thead th {
  background-color: #0c5b7f !important;
  color: white !important; }

.tablepress td,
.tablepress th {
  font-size: 14px;
  font-size: 1.4rem;
  border: 0 !important;
  color: #666666 !important; }

.tablepress th {
  padding: 5px 10px !important; }

.tablepress td {
  padding: 10px !important; }

.tablepress .even td {
  background: white !important; }

.tablepress td[rowspan]:first-child {
  background: white !important; }

.tablepress .odd td {
  background: rgba(13, 150, 175, 0.1) !important; }

.tablepress th:first-child,
.tablepress td:first-child {
  border-radius: 5px 0 0 5px; }

.tablepress th:last-child,
.tablepress td:last-child {
  border-radius: 0 5px 5px 0; }

div[id^=highcharts-]:not(.highcharts-container) {
  /*	@include p {
  		width:200% !important;
  	}
  	@include s-w {
  		width:300% !important;
  	}*/ }
  #d div[id^=highcharts-]:not(.highcharts-container), #l div[id^=highcharts-]:not(.highcharts-container), #t div[id^=highcharts-]:not(.highcharts-container) {
    margin: 60px; }

.highcharts-container {
  margin: 0 !important;
  /*
  	@include p {
  		width:50% !important;
  		overflow-x:scroll !important;
  		-webkit-overflow-scrolling:touch;
  	}
  	@include s-w {
  		width:33.33% !important;
  		overflow-x:scroll !important;
  		-webkit-overflow-scrolling:touch;
  	}*/ }

/*DOWNLOAD LINKS*/
a.download {
  display: inline-block;
  padding: 10px 30px;
  font-weight: 600;
  color: #0d96af;
  border: 2px solid #0d96af;
  border-radius: 5px;
  text-transform: uppercase;
  text-align: center;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out; }

a.download:hover {
  color: #0c5b7f;
  border-color: #0c5b7f; }

/*SENCE LINKS*/
a.read,
a.listen,
a.watch {
  position: relative;
  display: inline-block;
  padding: 10px 15px 10px 45px;
  border-radius: 5px;
  background-color: rgba(13, 150, 175, 0.1); }

a.read:before,
a.listen:before,
a.watch:before {
  content: '';
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 5px;
  width: 40px;
  height: 40px;
  display: inline-block;
  background: no-repeat center;
  background-size: 20px auto; }

a.read:before {
  background-image: url(../img/icon-read.svg); }

a.listen:before {
  background-image: url(../img/icon-listen.svg); }

a.watch:before {
  background-image: url(../img/icon-watch.svg); }

/*WIDGETS*/
#t .widget {
  margin: 0 -10px 20px -10px; }

.widget > li {
  position: relative;
  padding: 10px 80px 10px 15px;
  border-radius: 5px;
  min-height: 90px;
  vertical-align: top; }
  #t .widget > li {
    display: inline-block;
    width: 50%;
    border-left: 10px solid white;
    border-right: 10px solid white; }

.widget > li:before {
  content: '';
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 5px;
  background: #0d96af; }

.widget > li:hover:before {
  background: #0c5b7f; }

.widget > li:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 80px;
  display: inline-block;
  background: no-repeat center;
  background-size: 40px auto; }

.widget > li.analysis:after {
  background-image: url(../img/widget-analysis.svg); }

.widget > li.comment:after {
  background-image: url(../img/widget-comment.svg); }

.widget > li.glossary:after {
  background-image: url(../img/widget-glossary.svg); }

.widget > li.briefing:after {
  background-image: url(../img/widget-suggest.svg); }

.widget > li.twitter:after {
  background-image: url(../img/widget-twitter.svg); }

.widget > li.video:after {
  background-image: url(../img/widget-videos.svg); }

.widget > li h6 {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 0; }

.widget > li p {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 0; }

.widget > li h6,
.widget > li p,
.widget > li a {
  position: relative;
  color: white; }

/*SUPPORT PANEL*/
.stuck {
  z-index: 98; }

#d div.support:not(.sticky), #l div.support:not(.sticky) {
  border-left: 1px solid #0b1f50; }

#t div.support .jump, #p div.support .jump, #s div.support .jump, #w div.support .jump {
  display: none; }

div.support .jump:before {
  content: 'Page Content';
  display: block;
  font-size: 20px;
  font-size: 2rem;
  color: #0b1f50;
  text-transform: none;
  font-weight: 600;
  margin-bottom: 20px; }

div.support .jump > ul > li,
div.support .jump > ul > li > span {
  border-radius: 5px; }

div.support .jump > ul > li {
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2em;
  border: 2px solid rgba(13, 150, 175, 0.1);
  padding-left: 0;
  background: none;
  -webkit-transition: border 500ms ease-in-out;
  -moz-transition: border 500ms ease-in-out;
  -ms-transition: border 500ms ease-in-out;
  -o-transition: border 500ms ease-in-out;
  transition: border 500ms ease-in-out; }

div.support .jump > ul > li:hover {
  border-color: rgba(13, 150, 175, 0.2); }

div.support .jump > ul > li > span {
  z-index: 0;
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  left: 0;
  background: rgba(13, 150, 175, 0.1); }

div.support .jump > ul > li:hover > span {
  background: rgba(13, 150, 175, 0.2); }

div.support .jump > ul > li > a {
  display: block;
  padding: 5px;
  position: relative;
  z-index: 1; }

div.support {
  position: relative; }

div.support p.h6 {
  margin-bottom: 0; }

body {
  background: #0b1f50; }

#body {
  position: relative; }
  #d.csstransforms3d #body, #l.csstransforms3d #body, #t.csstransforms3d #body {
    -webkit-transform: translate3d(0, 235px, 0);
    -moz-transform: translate3d(0, 235px, 0);
    -ms-transform: translate3d(0, 235px, 0);
    -o-transform: translate3d(0, 235px, 0);
    transform: translate3d(0, 235px, 0);
    -webkit-transition: -webkit-transform 500ms ease-in-out;
    -moz-transition: -moz-transform 500ms ease-in-out;
    -ms-transition: -ms-transform 500ms ease-in-out;
    -o-transition: -o-transform 500ms ease-in-out;
    transition: transform 500ms ease-in-out; }
  #d.no-csstransforms3d #body, #l.no-csstransforms3d #body, #t.no-csstransforms3d #body {
    top: 235px;
    -webkit-transition: top 500ms ease-in-out;
    -moz-transition: top 500ms ease-in-out;
    -ms-transition: top 500ms ease-in-out;
    -o-transition: top 500ms ease-in-out;
    transition: top 500ms ease-in-out; }
  #p #body, #s #body, #w #body {
    top: 75px; }
  #d.csstransforms3d body.closed #body, #l.csstransforms3d body.closed #body, #t.csstransforms3d body.closed #body {
    -webkit-transform: translate3d(0, 75px, 0);
    -moz-transform: translate3d(0, 75px, 0);
    -ms-transform: translate3d(0, 75px, 0);
    -o-transform: translate3d(0, 75px, 0);
    transform: translate3d(0, 75px, 0); }
  #d.no-csstransforms3d body.closed #body, #l.no-csstransforms3d body.closed #body, #t.no-csstransforms3d body.closed #body {
    top: 75px; }

/*SECTION - HERO IMAGE*/
#hero {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background: #333333;
  -webkit-transition: padding-top 500ms ease-in-out;
  -moz-transition: padding-top 500ms ease-in-out;
  -ms-transition: padding-top 500ms ease-in-out;
  -o-transition: padding-top 500ms ease-in-out;
  transition: padding-top 500ms ease-in-out; }
  #d #hero, #l #hero, #t #hero {
    padding-top: 28.125%; }
  #p #hero, #s #hero, #w #hero {
    padding-top: 45%; }

/*
#hero.on {
	@include d-l-t {
		padding-top:$ratio16x9;
	}
	@include p-s-w {
		padding-top:$ratio16x9;
	}
}
*/
#hero > div {
  z-index: 0;
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 56.25%;
  background: no-repeat center;
  background-size: cover;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  #d #hero > div, #l #hero > div, #t #hero > div {
    -webkit-animation: pan50 60s infinite linear;
    -moz-animation: pan50 60s infinite linear;
    -ms-animation: pan50 60s infinite linear;
    -o-animation: pan50 60s infinite linear;
    animation: pan50 60s infinite linear; }
  #p #hero > div, #s #hero > div, #w #hero > div {
    -webkit-animation: pan20 30s infinite linear;
    -moz-animation: pan20 30s infinite linear;
    -ms-animation: pan20 30s infinite linear;
    -o-animation: pan20 30s infinite linear;
    animation: pan20 30s infinite linear; }

.wrap {
  overflow: hidden; }

#highlight {
  overflow: hidden;
  position: relative; }
  #d #highlight, #l #highlight {
    padding-top: 28.125%; }
  #t #highlight {
    padding-top: 37.5%; }
  #p #highlight {
    padding-top: 56.25%; }
  #s #highlight, #w #highlight {
    width: 150%;
    padding-top: 150%; }

#s #highlight .carousel > ul, #w #highlight .carousel > ul {
  background: #0b1f50 !important; }

#s #highlight .carousel > ul > li, #w #highlight .carousel > ul > li {
  padding-right: 33.33%;
  background: #0b1f50; }

#highlight .carousel > ul > li > div {
  padding-bottom: 60px; }

#highlight .carousel > ul > li > span {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0; }
  #d #highlight .carousel > ul > li > span, #l #highlight .carousel > ul > li > span, #t #highlight .carousel > ul > li > span, #p #highlight .carousel > ul > li > span {
    width: 100%;
    padding-top: 56.25%; }
  #s #highlight .carousel > ul > li > span, #w #highlight .carousel > ul > li > span {
    height: 100%;
    width: 177.778%;
    opacity: 1;
    -webkit-transition: opacity 500ms 500ms ease-in-out;
    -moz-transition: opacity 500ms 500ms ease-in-out;
    -ms-transition: opacity 500ms 500ms ease-in-out;
    -o-transition: opacity 500ms 500ms ease-in-out;
    transition: opacity 500ms 500ms ease-in-out; }

#d #highlight .carousel > ul > li.on > span, #l #highlight .carousel > ul > li.on > span {
  -webkit-animation: highlight50 15s 1 linear;
  -moz-animation: highlight50 15s 1 linear;
  -ms-animation: highlight50 15s 1 linear;
  -o-animation: highlight50 15s 1 linear;
  animation: highlight50 15s 1 linear; }
#t #highlight .carousel > ul > li.on > span {
  -webkit-animation: highlight33 15s 1 linear;
  -moz-animation: highlight33 15s 1 linear;
  -ms-animation: highlight33 15s 1 linear;
  -o-animation: highlight33 15s 1 linear;
  animation: highlight33 15s 1 linear; }
#s #highlight .carousel > ul > li.on > span, #w #highlight .carousel > ul > li.on > span {
  -webkit-animation: highlight 15s 1 linear;
  -moz-animation: highlight 15s 1 linear;
  -ms-animation: highlight 15s 1 linear;
  -o-animation: highlight 15s 1 linear;
  animation: highlight 15s 1 linear;
  opacity: 0;
  -webkit-transition: opacity 500ms 14500ms ease-in-out;
  -moz-transition: opacity 500ms 14500ms ease-in-out;
  -ms-transition: opacity 500ms 14500ms ease-in-out;
  -o-transition: opacity 500ms 14500ms ease-in-out;
  transition: opacity 500ms 14500ms ease-in-out; }

@-webkit-keyframes highlight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(-62.5%, 0, 0);
    -moz-transform: translate3d(-62.5%, 0, 0);
    -ms-transform: translate3d(-62.5%, 0, 0);
    -o-transform: translate3d(-62.5%, 0, 0);
    transform: translate3d(-62.5%, 0, 0); } }
@-moz-keyframes highlight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(-62.5%, 0, 0);
    -moz-transform: translate3d(-62.5%, 0, 0);
    -ms-transform: translate3d(-62.5%, 0, 0);
    -o-transform: translate3d(-62.5%, 0, 0);
    transform: translate3d(-62.5%, 0, 0); } }
@-ms-keyframes highlight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(-62.5%, 0, 0);
    -moz-transform: translate3d(-62.5%, 0, 0);
    -ms-transform: translate3d(-62.5%, 0, 0);
    -o-transform: translate3d(-62.5%, 0, 0);
    transform: translate3d(-62.5%, 0, 0); } }
@-o-keyframes highlight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(-62.5%, 0, 0);
    -moz-transform: translate3d(-62.5%, 0, 0);
    -ms-transform: translate3d(-62.5%, 0, 0);
    -o-transform: translate3d(-62.5%, 0, 0);
    transform: translate3d(-62.5%, 0, 0); } }
@keyframes highlight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(-62.5%, 0, 0);
    -moz-transform: translate3d(-62.5%, 0, 0);
    -ms-transform: translate3d(-62.5%, 0, 0);
    -o-transform: translate3d(-62.5%, 0, 0);
    transform: translate3d(-62.5%, 0, 0); } }
@-webkit-keyframes highlight50 {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
    -moz-transform: translate3d(0, 50%, 0);
    -ms-transform: translate3d(0, 50%, 0);
    -o-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-moz-keyframes highlight50 {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
    -moz-transform: translate3d(0, 50%, 0);
    -ms-transform: translate3d(0, 50%, 0);
    -o-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-ms-keyframes highlight50 {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
    -moz-transform: translate3d(0, 50%, 0);
    -ms-transform: translate3d(0, 50%, 0);
    -o-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-o-keyframes highlight50 {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
    -moz-transform: translate3d(0, 50%, 0);
    -ms-transform: translate3d(0, 50%, 0);
    -o-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes highlight50 {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
    -moz-transform: translate3d(0, 50%, 0);
    -ms-transform: translate3d(0, 50%, 0);
    -o-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-webkit-keyframes highlight33 {
  0% {
    -webkit-transform: translate3d(0, 33.33%, 0);
    -moz-transform: translate3d(0, 33.33%, 0);
    -ms-transform: translate3d(0, 33.33%, 0);
    -o-transform: translate3d(0, 33.33%, 0);
    transform: translate3d(0, 33.33%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-moz-keyframes highlight33 {
  0% {
    -webkit-transform: translate3d(0, 33.33%, 0);
    -moz-transform: translate3d(0, 33.33%, 0);
    -ms-transform: translate3d(0, 33.33%, 0);
    -o-transform: translate3d(0, 33.33%, 0);
    transform: translate3d(0, 33.33%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-ms-keyframes highlight33 {
  0% {
    -webkit-transform: translate3d(0, 33.33%, 0);
    -moz-transform: translate3d(0, 33.33%, 0);
    -ms-transform: translate3d(0, 33.33%, 0);
    -o-transform: translate3d(0, 33.33%, 0);
    transform: translate3d(0, 33.33%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-o-keyframes highlight33 {
  0% {
    -webkit-transform: translate3d(0, 33.33%, 0);
    -moz-transform: translate3d(0, 33.33%, 0);
    -ms-transform: translate3d(0, 33.33%, 0);
    -o-transform: translate3d(0, 33.33%, 0);
    transform: translate3d(0, 33.33%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes highlight33 {
  0% {
    -webkit-transform: translate3d(0, 33.33%, 0);
    -moz-transform: translate3d(0, 33.33%, 0);
    -ms-transform: translate3d(0, 33.33%, 0);
    -o-transform: translate3d(0, 33.33%, 0);
    transform: translate3d(0, 33.33%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-webkit-keyframes pan66 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(0, 33.33%, 0);
    -moz-transform: translate3d(0, 33.33%, 0);
    -ms-transform: translate3d(0, 33.33%, 0);
    -o-transform: translate3d(0, 33.33%, 0);
    transform: translate3d(0, 33.33%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-moz-keyframes pan66 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(0, 33.33%, 0);
    -moz-transform: translate3d(0, 33.33%, 0);
    -ms-transform: translate3d(0, 33.33%, 0);
    -o-transform: translate3d(0, 33.33%, 0);
    transform: translate3d(0, 33.33%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-ms-keyframes pan66 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(0, 33.33%, 0);
    -moz-transform: translate3d(0, 33.33%, 0);
    -ms-transform: translate3d(0, 33.33%, 0);
    -o-transform: translate3d(0, 33.33%, 0);
    transform: translate3d(0, 33.33%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-o-keyframes pan66 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(0, 33.33%, 0);
    -moz-transform: translate3d(0, 33.33%, 0);
    -ms-transform: translate3d(0, 33.33%, 0);
    -o-transform: translate3d(0, 33.33%, 0);
    transform: translate3d(0, 33.33%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes pan66 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(0, 33.33%, 0);
    -moz-transform: translate3d(0, 33.33%, 0);
    -ms-transform: translate3d(0, 33.33%, 0);
    -o-transform: translate3d(0, 33.33%, 0);
    transform: translate3d(0, 33.33%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-webkit-keyframes pan50 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(0, 50%, 0);
    -moz-transform: translate3d(0, 50%, 0);
    -ms-transform: translate3d(0, 50%, 0);
    -o-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-moz-keyframes pan50 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(0, 50%, 0);
    -moz-transform: translate3d(0, 50%, 0);
    -ms-transform: translate3d(0, 50%, 0);
    -o-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-ms-keyframes pan50 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(0, 50%, 0);
    -moz-transform: translate3d(0, 50%, 0);
    -ms-transform: translate3d(0, 50%, 0);
    -o-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-o-keyframes pan50 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(0, 50%, 0);
    -moz-transform: translate3d(0, 50%, 0);
    -ms-transform: translate3d(0, 50%, 0);
    -o-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes pan50 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(0, 50%, 0);
    -moz-transform: translate3d(0, 50%, 0);
    -ms-transform: translate3d(0, 50%, 0);
    -o-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-webkit-keyframes pan20 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(0, 20%, 0);
    -moz-transform: translate3d(0, 20%, 0);
    -ms-transform: translate3d(0, 20%, 0);
    -o-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-moz-keyframes pan20 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(0, 20%, 0);
    -moz-transform: translate3d(0, 20%, 0);
    -ms-transform: translate3d(0, 20%, 0);
    -o-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-ms-keyframes pan20 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(0, 20%, 0);
    -moz-transform: translate3d(0, 20%, 0);
    -ms-transform: translate3d(0, 20%, 0);
    -o-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-o-keyframes pan20 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(0, 20%, 0);
    -moz-transform: translate3d(0, 20%, 0);
    -ms-transform: translate3d(0, 20%, 0);
    -o-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes pan20 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(0, 20%, 0);
    -moz-transform: translate3d(0, 20%, 0);
    -ms-transform: translate3d(0, 20%, 0);
    -o-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
#hero > div > img {
  display: none; }

#hero .caption {
  z-index: 1;
  color: white;
  font-style: italic;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px 0;
  margin-bottom: 0;
  position: absolute;
  top: auto;
  right: 0;
  bottom: -50%;
  left: 0;
  -webkit-transition: bottom 500ms ease-in-out;
  -moz-transition: bottom 500ms ease-in-out;
  -ms-transition: bottom 500ms ease-in-out;
  -o-transition: bottom 500ms ease-in-out;
  transition: bottom 500ms ease-in-out; }

#hero:hover .caption {
  bottom: 0; }

#hero .caption > span {
  display: block; }

#hero:after {
  z-index: 2;
  content: '';
  height: 30px;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0px -15px 15px -10px rgba(0, 0, 0, 0.5); }

/*SECTION - HEAD*/
#head {
  z-index: 100;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  background: white;
  cursor: default; }
  #p #head, #s #head, #w #head {
    height: 180px;
    top: -110px; }
  #d #head, #l #head, #t #head {
    height: 180px; }
  #d.csstransforms3d #head, #l.csstransforms3d #head, #t.csstransforms3d #head {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms 0s ease-in-out;
    -moz-transition: -moz-transform 500ms 0s ease-in-out;
    -ms-transition: -ms-transform 500ms 0s ease-in-out;
    -o-transition: -o-transform 500ms 0s ease-in-out;
    transition: transform 500ms 0s ease-in-out; }
  #d.no-csstransforms3d #head, #l.no-csstransforms3d #head, #t.no-csstransforms3d #head {
    -webkit-transition: top 500ms 0s ease-in-out;
    -moz-transition: top 500ms 0s ease-in-out;
    -ms-transition: top 500ms 0s ease-in-out;
    -o-transition: top 500ms 0s ease-in-out;
    transition: top 500ms 0s ease-in-out; }
  #d body.closed #head, #l body.closed #head, #t body.closed #head {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms; }
  #d.csstransforms3d body.closed #head, #l.csstransforms3d body.closed #head, #t.csstransforms3d body.closed #head {
    -webkit-transform: translate3d(0, -110px, 0);
    -moz-transform: translate3d(0, -110px, 0);
    -ms-transform: translate3d(0, -110px, 0);
    -o-transform: translate3d(0, -110px, 0);
    transform: translate3d(0, -110px, 0); }
  #d.no-csstransforms3d body.closed #head, #l.no-csstransforms3d body.closed #head, #t.no-csstransforms3d body.closed #head {
    top: -110px; }

#head > .max {
  display: table;
  width: 100%;
  height: 181px;
  overflow: hidden;
  position: relative;
  max-width: 1500px;
  padding-left: 200px;
  background: no-repeat bottom right; }
  #d #head > .max, #l #head > .max, #t #head > .max {
    background-image: url(../img/bg-head.svg);
    background-size: auto 85px;
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -ms-transition-delay: 0ms;
    -o-transition-delay: 0ms;
    transition-delay: 0ms; }
  #d body.closed #head > .max, #l body.closed #head > .max, #t body.closed #head > .max {
    background-position: right 180px;
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms; }

#toggle {
  z-index: 3;
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  display: table;
  margin-left: -35px;
  height: 70px;
  width: 70px;
  background: url(../img/icon-arrow-down.svg) no-repeat center 46px;
  background-size: 12px auto;
  color: #0c5b7f;
  border-radius: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1em;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  -webkit-transition: opacity 250ms 0s ease-in-out, background-position 400ms ease-in-out;
  -moz-transition: opacity 250ms 0s ease-in-out, background-position 400ms ease-in-out;
  -ms-transition: opacity 250ms 0s ease-in-out, background-position 400ms ease-in-out;
  -o-transition: opacity 250ms 0s ease-in-out, background-position 400ms ease-in-out;
  transition: opacity 250ms 0s ease-in-out, background-position 400ms ease-in-out; }
  #d #toggle, #l #toggle, #t #toggle {
    opacity: 0; }
  #p #toggle, #s #toggle, #w #toggle {
    cursor: pointer; }
  #s #toggle, #w #toggle {
    left: auto;
    right: 0; }
  #d body.closed #toggle, #l body.closed #toggle, #t body.closed #toggle {
    opacity: 1;
    -webkit-transition: opacity 750ms 750ms ease-in-out, background-position 400ms ease-in-out;
    -moz-transition: opacity 750ms 750ms ease-in-out, background-position 400ms ease-in-out;
    -ms-transition: opacity 750ms 750ms ease-in-out, background-position 400ms ease-in-out;
    -o-transition: opacity 750ms 750ms ease-in-out, background-position 400ms ease-in-out;
    transition: opacity 750ms 750ms ease-in-out, background-position 400ms ease-in-out; }
  body.reveal #toggle {
    background-position: center 52px; }

#toggle > strong {
  font-size: inherit;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: rgba(255, 255, 255, 0);
  -webkit-transition: background 500ms ease-in-out;
  -moz-transition: background 500ms ease-in-out;
  -ms-transition: background 500ms ease-in-out;
  -o-transition: background 500ms ease-in-out;
  transition: background 500ms ease-in-out; }
  body.reveal #toggle > strong {
    background: rgba(255, 255, 255, 0); }

#logo {
  display: block;
  height: 180px;
  width: 180px;
  background: url(../img/logo-migobs-fg.svg) 0 0 no-repeat;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 10px;
  border-radius: 50%; }
  #p #logo, #s #logo, #w #logo {
    top: 56px;
    left: 0; }
  #d.csstransforms3d #logo, #l.csstransforms3d #logo, #t.csstransforms3d #logo {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms 0s ease-in-out;
    -moz-transition: -moz-transform 500ms 0s ease-in-out;
    -ms-transition: -ms-transform 500ms 0s ease-in-out;
    -o-transition: -o-transform 500ms 0s ease-in-out;
    transition: transform 500ms 0s ease-in-out; }
  #d.no-csstransforms3d #logo, #l.no-csstransforms3d #logo, #t.no-csstransforms3d #logo {
    -webkit-transition: top 500ms 0s ease-in-out;
    -moz-transition: top 500ms 0s ease-in-out;
    -ms-transition: top 500ms 0s ease-in-out;
    -o-transition: top 500ms 0s ease-in-out;
    transition: top 500ms 0s ease-in-out; }
  #d.csstransforms3d body.closed #logo, #l.csstransforms3d body.closed #logo, #t.csstransforms3d body.closed #logo {
    -webkit-transform: translate3d(0, 56px, 0);
    -moz-transform: translate3d(0, 56px, 0);
    -ms-transform: translate3d(0, 56px, 0);
    -o-transform: translate3d(0, 56px, 0);
    transform: translate3d(0, 56px, 0);
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms; }
  #d.no-csstransforms3d body.closed #logo, #l.no-csstransforms3d body.closed #logo, #t.no-csstransforms3d body.closed #logo {
    top: 56px;
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms; }

#logo > img {
  -webkit-animation: 240s infinite linear;
  -moz-animation: 240s infinite linear;
  -ms-animation: 240s infinite linear;
  -o-animation: 240s infinite linear;
  animation: 240s infinite linear;
  -webkit-animation-name: rotateForward;
  -moz-animation-name: rotateForward;
  -ms-animation-name: rotateForward;
  -o-animation-name: rotateForward;
  animation-name: rotateForward; }

#head p {
  z-index: 1;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2em;
  color: #0b1f50;
  opacity: 1;
  padding: 20px 130px 0 10px;
  -webkit-transition: opacity 500ms 500ms ease-in-out;
  -moz-transition: opacity 500ms 500ms ease-in-out;
  -ms-transition: opacity 500ms 500ms ease-in-out;
  -o-transition: opacity 500ms 500ms ease-in-out;
  transition: opacity 500ms 500ms ease-in-out; }
  #p #head p, #s #head p, #w #head p {
    display: none; }

body.closed #head p {
  opacity: 0;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s; }

#head p > a {
  text-transform: uppercase;
  width: auto;
  font-weight: 600; }

#head .social {
  z-index: 2;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: auto;
  left: auto; }

#t #head .social {
  right: 30px; }
#l #head .social {
  right: 40px; }
#d #head .social {
  right: 60px; }

#head .social > li {
  position: relative;
  display: inline-block;
  height: 40px;
  overflow: hidden;
  margin: 0;
  border-radius: 0 0 5px 5px;
  -webkit-transition: background-color 250ms ease-in-out;
  -moz-transition: background-color 250ms ease-in-out;
  -ms-transition: background-color 250ms ease-in-out;
  -o-transition: background-color 250ms ease-in-out;
  transition: background-color 250ms ease-in-out;
  vertical-align: top; }
  #head .social > li:first-child {
    display: inline-table;
    background-color: #0b1f50; }
    #head .social > li:first-child:hover {
      background-color: #0d96af; }
    #head .social > li:first-child a {
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 600;
      text-transform: uppercase;
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      color: white;
      padding: 0 10px; }
  #head .social > li:not(:first-child) {
    background-color: #0d96af;
    width: 40px; }
    #head .social > li:not(:first-child) a {
      text-indent: 100%; }
    #head .social > li:not(:first-child):before {
      background-color: rgba(13, 150, 175, 0.5); }
    #head .social > li:not(:first-child):hover {
      background-color: #0b1f50; }

#head .social > li:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

#head .social > li:not(:last-child) {
  margin-right: 5px; }

#head .social > li > a {
  z-index: 1;
  position: relative;
  box-shadow: inset 0px 15px 10px -10px rgba(0, 0, 0, 0.75);
  display: block;
  height: 100%;
  cursor: pointer;
  white-space: nowrap;
  background: center no-repeat;
  background-size: auto 60%; }

#head .social > li.search > a {
  background-image: url(../img/icon-search.svg); }

#head .social > li.twitter > a {
  background-image: url(../img/logo-twitter.svg); }

#head .social > li.facebook > a {
  background-image: url(../img/logo-facebook-social.svg);
  background-size: auto 70%; }

#head .social > li.vimeo > a {
  background-image: url(../img/logo-vimeo.svg); }

/*SECTION - NAV*/
#nav {
  z-index: 99;
  position: fixed;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  border-bottom: 5px solid #0d96af; }
  #p #nav, #s #nav, #w #nav {
    height: 75px;
    background: rgba(11, 31, 80, 0.9);
    -webkit-transition: height, 500ms ease-in;
    -moz-transition: height, 500ms ease-in;
    -ms-transition: height, 500ms ease-in;
    -o-transition: height, 500ms ease-in;
    transition: height, 500ms ease-in;
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms; }
  #d #nav, #l #nav, #t #nav {
    background: #0b1f50; }
  #d.csstransforms3d #nav, #l.csstransforms3d #nav, #t.csstransforms3d #nav {
    -webkit-transform: translate3d(0, 180px, 0);
    -moz-transform: translate3d(0, 180px, 0);
    -ms-transform: translate3d(0, 180px, 0);
    -o-transform: translate3d(0, 180px, 0);
    transform: translate3d(0, 180px, 0);
    -webkit-transition: -webkit-transform 500ms 0s ease-in-out;
    -moz-transition: -moz-transform 500ms 0s ease-in-out;
    -ms-transition: -ms-transform 500ms 0s ease-in-out;
    -o-transition: -o-transform 500ms 0s ease-in-out;
    transition: transform 500ms 0s ease-in-out; }
  #d.no-csstransforms3d #nav, #l.no-csstransforms3d #nav, #t.no-csstransforms3d #nav {
    top: 180px;
    -webkit-transition: top 500ms 0s ease-in-out;
    -moz-transition: top 500ms 0s ease-in-out;
    -ms-transition: top 500ms 0s ease-in-out;
    -o-transition: top 500ms 0s ease-in-out;
    transition: top 500ms 0s ease-in-out; }
  #p body.reveal #nav, #s body.reveal #nav, #w body.reveal #nav {
    height: 100%;
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -ms-transition-delay: 0ms;
    -o-transition-delay: 0ms;
    transition-delay: 0ms; }
  #d body.closed #nav, #l body.closed #nav, #t body.closed #nav {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms; }
  #d.csstransforms3d body.closed #nav, #l.csstransforms3d body.closed #nav, #t.csstransforms3d body.closed #nav {
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    -o-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  #d.no-csstransforms3d body.closed #nav, #l.no-csstransforms3d body.closed #nav, #t.no-csstransforms3d body.closed #nav {
    top: 20px; }
  #d.csstransforms3d body.closed.reveal #nav, #l.csstransforms3d body.closed.reveal #nav, #t.csstransforms3d body.closed.reveal #nav {
    -webkit-transform: translate3d(0, 70px, 0);
    -moz-transform: translate3d(0, 70px, 0);
    -ms-transform: translate3d(0, 70px, 0);
    -o-transform: translate3d(0, 70px, 0);
    transform: translate3d(0, 70px, 0); }
  #d.no-csstransforms3d body.closed.reveal #nav, #l.no-csstransforms3d body.closed.reveal #nav, #t.no-csstransforms3d body.closed.reveal #nav {
    top: 70px; }

#nav .max {
  padding: 0;
  max-width: 950px; }
  #d #nav .max, #l #nav .max, #t #nav .max {
    height: 50px; }
  #p #nav .max, #s #nav .max, #w #nav .max {
    height: 100%;
    overflow: hidden; }

#nav ol {
  display: table;
  margin: auto;
  width: 100%;
  height: 100%;
  table-layout: fixed; }
  #p #nav ol:before, #s #nav ol:before, #w #nav ol:before {
    content: '';
    display: table-row;
    height: 70px; }

#nav ol > li {
  position: relative;
  -webkit-transition: background-color 250ms ease-in-out;
  -moz-transition: background-color 250ms ease-in-out;
  -ms-transition: background-color 250ms ease-in-out;
  -o-transition: background-color 250ms ease-in-out;
  transition: background-color 250ms ease-in-out;
  margin: 0;
  line-height: 1em; }
  #d #nav ol > li, #l #nav ol > li, #t #nav ol > li {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
  #p #nav ol > li, #s #nav ol > li, #w #nav ol > li {
    display: table-row;
    font-size: 20px;
    font-size: 2rem; }
  #d #nav ol > li:last-child, #l #nav ol > li:last-child, #t #nav ol > li:last-child {
    display: none; }
  #d #nav ol > li:not(:nth-last-child(2)), #l #nav ol > li:not(:nth-last-child(2)), #t #nav ol > li:not(:nth-last-child(2)) {
    border-right: 1px solid rgba(255, 255, 255, 0.5); }
  #d #nav ol > li.on, #l #nav ol > li.on, #t #nav ol > li.on, #d #nav ol > li:hover, #l #nav ol > li:hover, #t #nav ol > li:hover {
    background-color: rgba(13, 150, 175, 0.5); }
  #nav ol > li.on.blur {
    background-color: rgba(13, 150, 175, 0); }
  #d #nav ol > li:first-child:before, #l #nav ol > li:first-child:before, #t #nav ol > li:first-child:before, #d #nav ol > li:nth-last-child(2):before, #l #nav ol > li:nth-last-child(2):before, #t #nav ol > li:nth-last-child(2):before {
    content: '';
    background-color: inherit;
    width: 2000px;
    height: 50px; }
  #d #nav ol > li:first-child:before, #l #nav ol > li:first-child:before, #t #nav ol > li:first-child:before {
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    left: auto; }
  #d #nav ol > li:nth-last-child(2):before, #l #nav ol > li:nth-last-child(2):before, #t #nav ol > li:nth-last-child(2):before {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 100%; }

#nav ol > li > a {
  color: white;
  display: block;
  padding: 0 25px;
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -ms-filter: blur(0px);
  -o-filter: blur(0px);
  filter: blur(0px);
  -webkit-transition: -webkit-filter 250ms ease-in-out;
  -moz-transition: -moz-filter 250ms ease-in-out;
  -ms-transition: -ms-filter 250ms ease-in-out;
  -o-transition: -o-filter 250ms ease-in-out;
  transition: filter 250ms ease-in-out; }
  #p #nav ol > li > a, #s #nav ol > li > a, #w #nav ol > li > a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    opacity: 0; }

#p body.reveal #nav ol > li > a, #s body.reveal #nav ol > li > a, #w body.reveal #nav ol > li > a {
  opacity: 1;
  -webkit-transition-delay: 250ms;
  -moz-transition-delay: 250ms;
  -ms-transition-delay: 250ms;
  -o-transition-delay: 250ms;
  transition-delay: 250ms; }

#p body.reveal #nav ol > li:hover > a, #s body.reveal #nav ol > li:hover > a, #w body.reveal #nav ol > li:hover > a {
  color: #0d96af;
  background: rgba(13, 150, 175, 0.1); }

#nav ol > li:last-child > a {
  border-bottom: none !important; }

#nav ol > li.blur a {
  -webkit-filter: blur(0.5px);
  -moz-filter: blur(0.5px);
  -ms-filter: blur(0.5px);
  -o-filter: blur(0.5px);
  filter: blur(0.5px); }

#p #nav ol > li > a > br, #s #nav ol > li > a > br, #w #nav ol > li > a > br {
  display: none; }

#nav:after,
#title:before {
  content: '';
  display: block;
  height: 20px;
  box-shadow: inset 0px 15px 15px -10px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: auto;
  right: 0;
  bottom: -20px;
  left: 0; }

#nav:after {
  bottom: -25px; }

/*SECTION - TITLE*/
#title {
  background: #0b1f50 url(../img/circle.svg) no-repeat 0% 2%;
  background-size: 150%; }

#title p.small {
  padding-right: 90px; }
  #d #title p.small, #l #title p.small {
    font-size: 14px;
    font-size: 1.4rem; }

#title:after {
  content: '';
  display: block;
  height: 50px;
  width: 80px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  background: no-repeat center;
  border-radius: 0 0 5px 5px;
  background-size: auto 30px; }

#title.briefing:after {
  background-color: #0d96af;
  background-image: url(../img/icon-briefing.svg); }

#title.briefing:after {
  background-color: #0d96af;
  background-image: url(../img/icon-briefing.svg); }

#title.primer:after {
  background-color: #0d96af;
  background-image: url(../img/icon-primer.svg); }

#title.report:after {
  background-color: #0d96af;
  background-image: url(../img/icon-report.svg); }

#title.commentary:after {
  background-color: #0d96af;
  background-image: url(../img/icon-commentary.svg); }

#title.chart:after {
  background-color: #0d96af;
  background-image: url(../img/icon-chart.svg); }

#title.map:after {
  background-color: #0d96af;
  background-image: url(../img/icon-map.svg); }

#title.video:after {
  background-color: #0d96af;
  background-image: url(../img/icon-video.svg); }

#title.press-release:after {
  background-color: #0d96af;
  background-image: url(../img/icon-press-release.svg); }

#title.project:after {
  background-color: #0d96af;
  background-image: url(../img/icon-project.svg); }

#title .share {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
  margin-bottom: 0; }

#d #title:after, #d
#title .share {
  right: 60px; }
#l #title:after, #l
#title .share {
  right: 40px; }
#t #title:after, #t
#title .share {
  right: 30px; }
#p #title:after, #p
#title .share {
  right: 20px; }
#s #title:after, #s
#title .share {
  right: 15px; }
#w #title:after, #w
#title .share {
  right: 10px; }

#title .share > li {
  position: relative;
  padding: 0;
  margin: 0;
  display: inline-table;
  height: 35px;
  width: 80px;
  background: rgba(13, 150, 175, 0.5);
  border-radius: 5px 5px 0 0;
  vertical-align: bottom;
  -webkit-transition: background-color 250ms ease-in-out, height 250ms ease-in-out;
  -moz-transition: background-color 250ms ease-in-out, height 250ms ease-in-out;
  -ms-transition: background-color 250ms ease-in-out, height 250ms ease-in-out;
  -o-transition: background-color 250ms ease-in-out, height 250ms ease-in-out;
  transition: background-color 250ms ease-in-out, height 250ms ease-in-out; }

#title .share > li:hover {
  cursor: pointer;
  background: #0d96af;
  height: 45px; }

#title .share > li:not(:last-child) {
  margin-right: 10px; }

#title .share > li:before {
  content: '';
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  width: 35px;
  background: no-repeat center;
  background-size: auto 20px; }

#title .share > li.facebook:before {
  background-image: url(../img/logo-facebook.svg); }

#title .share > li.twitter:before {
  background-image: url(../img/logo-twitter.svg); }

#title .share > li > a {
  display: table-cell;
  padding-left: 35px;
  color: white;
  vertical-align: middle;
  font-size: 12px;
  font-size: 1.2rem; }

#title h1 {
  padding-bottom: 35px;
  margin: 0; }

#title p {
  color: white; }

#title p > a:hover,
#title p > a:not([href]) {
  color: white; }

#title p > a {
  text-transform: uppercase; }

/*SECTION - TITLE*/
#search .grid > div:first-child p {
  padding: 10px 15px;
  text-transform: uppercase;
  border-radius: 5px;
  background: rgba(13, 150, 175, 0.1);
  -webkit-transition: background 500ms ease-in-out;
  -moz-transition: background 500ms ease-in-out;
  -ms-transition: background 500ms ease-in-out;
  -o-transition: background 500ms ease-in-out;
  transition: background 500ms ease-in-out; }
  #search .grid > div:first-child p * {
    -webkit-transition: color 500ms ease-in-out;
    -moz-transition: color 500ms ease-in-out;
    -ms-transition: color 500ms ease-in-out;
    -o-transition: color 500ms ease-in-out;
    transition: color 500ms ease-in-out; }
  #search .grid > div:first-child p span {
    position: relative;
    display: block;
    color: #0d96af;
    padding-bottom: 7px;
    font-size: 12px;
    font-size: 1.2rem; }
  #search .grid > div:first-child p a {
    color: #0d96af;
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: none; }
  #search .grid > div:first-child p:hover {
    cursor: pointer;
    background: #0c5b7f; }
    #search .grid > div:first-child p:hover * {
      color: white; }

#search .search-form ol {
  display: table;
  width: 100%; }
  #search .search-form ol li {
    display: table-cell;
    margin-left: 0;
    vertical-align: middle; }
    #search .search-form ol li:last-child {
      width: 100px; }
    #search .search-form ol li input {
      border: 2px solid #0d96af;
      display: block;
      width: 100%;
      padding: 10px 15px;
      font-size: 16px;
      font-size: 1.6rem;
      -webkit-transition: all 500ms ease-in-out;
      -moz-transition: all 500ms ease-in-out;
      -ms-transition: all 500ms ease-in-out;
      -o-transition: all 500ms ease-in-out;
      transition: all 500ms ease-in-out; }
      #search .search-form ol li input[type="text"] {
        background: rgba(13, 150, 175, 0.1);
        border-radius: 5px 0 0 5px;
        border-right: 0; }
      #search .search-form ol li input[type="submit"] {
        color: white;
        cursor: pointer;
        background: #0d96af;
        border-radius: 0 5px 5px 0; }
  #search .search-form ol:hover li input[type="submit"] {
    background: #0c5b7f; }
  #search .search-form ol:hover li input {
    border-color: #0c5b7f; }

/*HOME - NEWS & COMMENTARY*/
#commentary {
  color: white;
  border-top: 50px solid white;
  background: #0d96af; }

#enquire:before,
#commentary:before {
  z-index: 3;
  content: '';
  position: absolute;
  top: -50px;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../img/bg-circle.svg) center bottom no-repeat;
  background-size: cover; }

#enquire > div,
#commentary > div {
  z-index: 4; }

#commentary > .label > span {
  position: relative;
  color: white;
  background: #0d96af; }

#commentary > .label > span:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

#commentary h3 {
  color: white;
  display: none; }

#commentary h4 {
  color: #0b1f50;
  margin-bottom: 0; }

#commentary p.small {
  color: #0b1f50;
  margin-bottom: 10px;
  text-transform: uppercase; }

#commentary .clickable {
  position: relative;
  z-index: 1;
  border-radius: 5px;
  min-height: 120px;
  padding: 15px 65px 15px 15px;
  background: rgba(255, 255, 255, 0.85); }
  #s #commentary .clickable, #w #commentary .clickable {
    padding-right: 55px; }

#commentary .clickable:hover {
  background-color: white; }

#commentary .clickable:not(:last-child) {
  margin-bottom: 20px; }

#commentary .clickable:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  border-radius: 0 5px 0 5px;
  background: #0b1f50 no-repeat center; }
  #d #commentary .clickable:after, #l #commentary .clickable:after, #t #commentary .clickable:after, #p #commentary .clickable:after {
    width: 50px;
    height: 50px;
    background-size: 30px auto; }
  #s #commentary .clickable:after, #w #commentary .clickable:after {
    width: 40px;
    height: 40px;
    background-size: 20px auto; }

#commentary .clickable.commentary:after {
  background-image: url(../img/icon-commentary.svg); }

#commentary .clickable.press:after {
  background-image: url(../img/icon-press-release.svg); }

#commentary .clickable a {
  color: #0b1f50; }

/*SECTION - CONNECTIONS*/
#connection {
  border-top: 50px solid #0c5b7f; }

#connection,
#connection > .label > span {
  color: white;
  background: #0b1f50; }

.slider > ul {
  margin-bottom: 0;
  white-space: nowrap; }

.slider > ul,
.slider > ul > li {
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: no-repeat center top;
  background-size: cover; }

.slider > ul > li {
  display: inline-table;
  padding: 0;
  background: none; }

#d .slider > ul.d-2 > li,
#l .slider > ul.l-2 > li,
#t .slider > ul.t-2 > li,
#p .slider > ul.p-2 > li,
#s .slider > ul.s-2 > li,
#w .slider > ul.w-2 > li {
  width: 50%; }

#d .slider > ul.d-3 > li,
#l .slider > ul.l-3 > li,
#t .slider > ul.t-3 > li,
#p .slider > ul.p-3 > li,
#s .slider > ul.s-3 > li,
#w .slider > ul.w-3 > li {
  width: 33.33%; }

#d .slider > ul.d-4 > li,
#l .slider > ul.l-4 > li,
#t .slider > ul.t-4 > li,
#p .slider > ul.p-4 > li,
#s .slider > ul.s-4 > li,
#w .slider > ul.w-4 > li {
  width: 25%; }

#d .slider > ul.d-5 > li,
#l .slider > ul.l-5 > li,
#t .slider > ul.t-5 > li,
#p .slider > ul.p-5 > li,
#s .slider > ul.s-5 > li,
#w .slider > ul.w-5 > li {
  width: 20%; }

#d .slider > ul.d-6 > li,
#l .slider > ul.l-6 > li,
#t .slider > ul.t-6 > li,
#p .slider > ul.p-6 > li,
#s .slider > ul.s-6 > li,
#w .slider > ul.w-6 > li {
  width: 16.66%; }

.slider > ul > li > span > img {
  display: none; }

#connection .slider > ul {
  -webkit-transition: opacity 500ms 0ms ease-in-out;
  -moz-transition: opacity 500ms 0ms ease-in-out;
  -ms-transition: opacity 500ms 0ms ease-in-out;
  -o-transition: opacity 500ms 0ms ease-in-out;
  transition: opacity 500ms 0ms ease-in-out; }

#connection .slider > ul.transition {
  opacity: 0; }

#connection .slider > ul > li {
  text-align: center;
  -webkit-transition: all 0ms 500ms linear;
  -moz-transition: all 0ms 500ms linear;
  -ms-transition: all 0ms 500ms linear;
  -o-transition: all 0ms 500ms linear;
  transition: all 0ms 500ms linear; }

#connection p {
  color: white;
  text-align: center;
  margin-bottom: 40px; }

#connection .clickable a {
  display: block;
  margin: auto;
  height: 100px;
  max-width: 60%;
  background: no-repeat center;
  background-size: contain; }

#connection .clickable:hover a {
  opacity: 0.5; }

#connection .clickable .bg {
  display: none; }

/*SECTION - TWITTER */
#twitter {
  border-top: 50px solid #0d96af; }

#twitter a {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word; }

#twitter,
#twitter > .label > span {
  color: #0b1f50;
  background: white; }

#twitter > .label > span:after {
  background: #0b1f50; }

#twitter .grid.bgcol > div:before {
  border-radius: 5px;
  background: rgba(13, 150, 175, 0.1); }
  #d #twitter .grid.bgcol > div:before {
    margin: 0 15px !important; }

#twitter .tweet {
  position: relative;
  border-radius: 5px;
  padding: 15px 50px 15px 15px; }

#twitter .tweet:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  border-radius: 0 5px 0 5px;
  background: #0d96af url(../img/logo-twitter.svg) no-repeat center; }
  #d #twitter .tweet:after, #l #twitter .tweet:after, #t #twitter .tweet:after, #p #twitter .tweet:after {
    width: 50px;
    height: 50px;
    background-size: 30px auto; }
  #s #twitter .tweet:after, #w #twitter .tweet:after {
    width: 40px;
    height: 40px;
    background-size: 20px auto; }

#twitter .tweet p {
  color: #0b1f50; }

#twitter .tweet p:first-child {
  margin-top: 5px; }

/*SECTION - ENQUIRE*/
#enquire {
  color: white;
  border-top: 50px solid white;
  background: #0c5b7f; }

#enquire > .label > span {
  position: relative;
  color: white;
  background: #0c5b7f; }

#enquire > .label > span:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

#enquire a {
  color: white; }

#enquire h5,
#enquire p,
#enquire li {
  color: white;
  text-align: center; }

#enquire h5,
#enquire p {
  white-space: nowrap; }

#p #enquire p a:last-of-type:before, #s #enquire p a:last-of-type:before, #w #enquire p a:last-of-type:before {
  content: 'Email us now'; }

#p #enquire p a:last-of-type span, #s #enquire p a:last-of-type span, #w #enquire p a:last-of-type span {
  display: none; }

#s #enquire .max-pad > .grid > div, #w #enquire .max-pad > .grid > div {
  text-align: center; }

#enquire li {
  background: none;
  padding: 0;
  display: inline-table;
  line-height: 1em; }
  #d #enquire li, #l #enquire li, #t #enquire li {
    width: 25%; }
  #p #enquire li {
    width: 50%; }

#d #enquire li:nth-child(3), #l #enquire li:nth-child(3), #t #enquire li:nth-child(3) {
  padding-left: 10px; }

#p #enquire li:nth-child(even) {
  padding-left: 10px; }

#enquire li > a {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  padding: 10px;
  text-align: left;
  background: no-repeat left center;
  background-size: auto 25px; }

#enquire li.newsletter > a {
  padding-left: 33px;
  background-image: url(../img/icon-newsletter.svg); }

#enquire li.twitter > a {
  padding-left: 36px;
  background-image: url(../img/logo-twitter.svg); }

#enquire li.facebook > a {
  padding-left: 21px;
  background-image: url(../img/logo-facebook.svg); }

#enquire li.vimeo > a {
  padding-left: 39px;
  background-image: url(../img/logo-vimeo.svg); }

#enquire h6,
#enquire p > span,
#enquire p > a:hover,
#enquire li:hover > a {
  color: #0d96af; }

.label {
  z-index: 2;
  position: absolute;
  top: -50px;
  right: 0;
  bottom: auto;
  left: 0;
  text-align: center;
  margin: 0; }

.label > span {
  display: inline-block;
  line-height: 1em;
  font-size: 20px;
  font-size: 2rem;
  padding: 20px 60px 0 60px;
  border-radius: 5px 5px 0 0; }

.label > span:after {
  content: '';
  display: block;
  height: 2px;
  width: 100%;
  margin-top: 10px;
  background: white; }

/*FUNDERS*/
#funder {
  overflow: hidden; }

#funder > .grid {
  position: relative;
  margin-bottom: 20px; }

#funder > .grid:before {
  content: '';
  border-radius: 5px; }
  #d #funder > .grid:before, #l #funder > .grid:before {
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    left: 20px; }
  #t #funder > .grid:before, #p #funder > .grid:before, #s #funder > .grid:before, #w #funder > .grid:before {
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    left: 15px; }

#funder > .grid:hover:before {
  background-color: rgba(13, 150, 175, 0.1); }

#funder > .grid > div {
  position: relative; }

#funder .photo,
#funder .logo {
  position: relative;
  display: block;
  padding-top: 56.25%;
  /* ratio 16:9 */
  width: 100%;
  border-radius: 5px; }
  #p #funder .photo, #s #funder .photo, #w #funder .photo, #p
  #funder .logo, #s
  #funder .logo, #w
  #funder .logo {
    display: none; }

#funder .photo {
  background: no-repeat left top;
  background-size: 105%;
  background-size: 105% 105%;
  -webkit-transition: background 500ms ease-in;
  -moz-transition: background 500ms ease-in;
  -ms-transition: background 500ms ease-in;
  -o-transition: background 500ms ease-in;
  transition: background 500ms ease-in; }

#funder .photo:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(12, 91, 127, 0.8) url(../img/icon-project.svg) no-repeat center;
  background-size: auto 30%;
  opacity: 0;
  border-radius: 5px; }

#funder .clickable:hover .photo {
  background-size: 100%;
  background-size: 100% 100%; }

#funder .clickable:hover .photo:after {
  opacity: 1; }

#funder .logo {
  background: no-repeat center top;
  background-size: contain; }

#funder .photo > img,
#funder .logo > img {
  display: none; }

#funder > hr {
  height: 1px;
  border-bottom: 1px solid #0d96af;
  margin-bottom: 20px; }

#funder .clickable h2,
#funder .clickable p {
  padding-right: 10px; }

#funder .clickable h2 {
  padding-top: 10px; }

#funder .clickable h2 > a,
#funder .clickable h2 > a > span {
  display: block; }

#funder .clickable:hover h2 > a {
  color: #0c5b7f; }

/*FLOW*/
.flow {
  overflow: hidden; }

.flow > ol {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px; }

.flow > ol > li {
  margin-left: 0;
  position: relative;
  display: inline-block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  border-left: 10px solid white;
  border-right: 10px solid white;
  list-style-type: none;
  margin-bottom: 20px;
  vertical-align: top;
  text-align: center;
  /*
  	@include d {
  		width:20%;
  	}
  	@include l {
  		width:25%;
  	}
  	@include t {
  		width:33.33%;
  	}
  	@include p {
  		width:50%;
  	}
  	@include s-w {
  		width:100%;
  	}
  */ }

@media only screen and (max-width: 413px) {
  .flow > ol > li {
    width: 100%; } }
@media only screen and (min-width: 414px) and (max-width: 749px) {
  .flow > ol > li {
    width: 50%; } }
@media only screen and (min-width: 750px) and (max-width: 999px) {
  .flow > ol > li {
    width: 33.33%; } }
@media only screen and (min-width: 1000px) and (max-width: 1280px) {
  .flow > ol > li {
    width: 25%; } }
@media only screen and (min-width: 1281px) {
  .flow > ol > li {
    width: 33.33%; } }
.flow > ol > li > div {
  width: 100%; }

.flow.people > ol > li:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0d96af;
  border-radius: 5px; }

.flow.people > ol > li:hover:before {
  background: #0c5b7f;
  border-radius: 5px; }

.flow.people > ol > li > div {
  position: relative;
  z-index: 1;
  height: 100%; }

.flow.people > ol > li > div > .img {
  padding-top: 100%;
  /* 1:1 ratio */
  margin-top: 0;
  border-radius: 5px 5px 0 0; }

.flow.people > ol > li > div > .img:after {
  background-image: url(../img/icon-people.svg); }

.flow.people > ol > li > div > h2,
.flow.people > ol > li > div > p {
  margin: 0;
  padding: 15px;
  color: white; }

.flow.people > ol > li > div > p:first-of-type {
  border-top: 2px solid white; }

.flow.people > ol > li > div > h2 > a {
  display: block;
  color: inherit;
  font-style: italic;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2em;
  padding-top: 5px; }

/*ACCORDION*/
.accordion > li {
  list-style-type: none;
  margin-bottom: 5px;
  margin-left: 0;
  background: rgba(13, 150, 175, 0.1);
  border-radius: 5px; }

.accordion > li:not(.init) {
  overflow: hidden; }

.accordion > li > span {
  position: relative;
  display: block;
  color: white;
  cursor: pointer;
  border-radius: 5px;
  background: #0d96af; }
  #d .accordion > li > span, #l .accordion > li > span, #t .accordion > li > span {
    padding: 10px 45px 10px 15px; }
  #p .accordion > li > span, #s .accordion > li > span, #w .accordion > li > span {
    padding: 10px 40px 10px 10px; }

.accordion > li > span.on {
  background: #0c5b7f; }

.accordion > li > span:after {
  content: '';
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  left: auto;
  width: 20px;
  background: url(../img/icon-arrow-down-white.svg) no-repeat center;
  background-size: 20px auto;
  border-radius: 50%;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: -webkit-transform 500ms ease-in-out;
  -moz-transition: -moz-transform 500ms ease-in-out;
  -ms-transition: -ms-transform 500ms ease-in-out;
  -o-transition: -o-transform 500ms ease-in-out;
  transition: transform 500ms ease-in-out; }

.accordion > li > span.on:after {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg); }

.accordion > li > div {
  overflow: hidden;
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }
  #d .accordion > li > div, #l .accordion > li > div, #t .accordion > li > div {
    padding: 0 15px; }
  #p .accordion > li > div, #s .accordion > li > div, #w .accordion > li > div {
    padding: 0 10px; }

.accordion li > div:not(.on) {
  height: 0 !important; }

#d .accordion div :first-child, #l .accordion div :first-child, #t .accordion div :first-child {
  margin-top: 15px; }
#p .accordion div :first-child, #s .accordion div :first-child, #w .accordion div :first-child {
  margin-top: 10px; }

/*BOARD*/
.board {
  width: 100%;
  letter-spacing: -0.31em; }
  #d .board, #l .board {
    display: table; }

#d .board > div, #l .board > div {
  display: table-cell;
  vertical-align: top; }

#d .board > div:first-child, #l .board > div:first-child {
  width: 20%;
  padding-right: 40px; }
#t .board > div:first-child, #p .board > div:first-child, #s .board > div:first-child, #w .board > div:first-child {
  padding-bottom: 20px; }

.board > div:first-child p {
  line-height: 1em;
  color: #0b1f50; }
  #d .board > div:first-child p:first-of-type, #l .board > div:first-child p:first-of-type {
    display: table;
    height: 120px;
    margin-bottom: 40px; }

.board > div:first-child p > em {
  font-style: normal; }
  #d .board > div:first-child p > em, #l .board > div:first-child p > em {
    display: table-cell;
    vertical-align: bottom; }

#d .board > div:last-child, #l .board > div:last-child {
  width: 80%; }
.board > div:last-child > p:first-child {
  height: 20px;
  margin-bottom: 0;
  text-align: right;
  padding-right: 5px;
  text-transform: lowercase; }

.board .topic li {
  list-style-type: none;
  margin: 0; }

.board .topic > li:not(.init) {
  height: 40px;
  overflow: hidden; }

.board .topic > li > span {
  position: relative;
  display: block;
  padding: 10px;
  color: white;
  cursor: pointer;
  border-radius: 5px;
  background: #0d96af; }
  #d .board .topic > li > span, #l .board .topic > li > span {
    display: none; }

.board .topic > li > span:after {
  content: '';
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  left: auto;
  width: 20px;
  background: url(../img/icon-arrow-down-white.svg) no-repeat center;
  background-size: 20px auto;
  border-radius: 50%;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: -webkit-transform 500ms ease-in-out;
  -moz-transition: -moz-transform 500ms ease-in-out;
  -ms-transition: -ms-transform 500ms ease-in-out;
  -o-transition: -o-transform 500ms ease-in-out;
  transition: transform 500ms ease-in-out; }

.board .topic > li > span.on:after {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg); }

#t .board .topic ol, #p .board .topic ol, #s .board .topic ol, #w .board .topic ol {
  overflow: hidden;
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }
#d .board .topic ol, #l .board .topic ol {
  height: auto !important;
  border-top: 1px solid #0d96af; }

#t .board .topic ol:not(.on), #p .board .topic ol:not(.on), #s .board .topic ol:not(.on), #w .board .topic ol:not(.on) {
  height: 0 !important; }

.board .topic ol > li {
  color: #0b1f50;
  display: inline-table;
  height: 40px;
  width: 100%;
  margin: 0; }

#t .board .topic ol > li {
  width: 33.33%; }
#p .board .topic ol > li {
  width: 50%; }

#t .board .topic ol > li.cs2:last-child {
  width: 66.66%; }

#t .board .topic ol > li.cs3:last-child {
  width: 100%; }

.board .topic ol > li {
  color: #0b1f50; }

.board .topic ol > li:hover {
  cursor: pointer;
  color: #0d96af; }

.board .topic ol > li.on {
  color: #0d96af; }

.board .topic ol > li > a {
  color: inherit;
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  border-bottom: 1px solid #0d96af; }

.board .topic ol > li:hover > a {
  border-left-color: #0d96af; }

.board .filter {
  display: table;
  width: 100%;
  table-layout: fixed; }

#p .board.resources .filter, #s .board.resources .filter, #w .board.resources .filter {
  display: block;
  white-space: nowrap;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch; }
#p .board.resources .filter {
  width: calc(100% + 40px);
  margin: 0 -20px; }
#s .board.resources .filter {
  width: calc(100% + 30px);
  margin: 0 -15px; }
#w .board.resources .filter {
  width: calc(100% + 20px);
  margin: 0 -10px; }

#d .board .filter > li:first-child, #l .board .filter > li:first-child, #t .board .filter > li:first-child, #d
.board .filter > li:first-child:before, #l
.board .filter > li:first-child:before, #t
.board .filter > li:first-child:before {
  border-radius: 5px 0 0 5px; }

#p .board:not(.resources) .filter > li:first-child, #s .board:not(.resources) .filter > li:first-child, #w .board:not(.resources) .filter > li:first-child, #p
.board:not(.resources) .filter > li:first-child:before, #s
.board:not(.resources) .filter > li:first-child:before, #w
.board:not(.resources) .filter > li:first-child:before {
  border-radius: 5px 0 0 5px; }

#d .board .filter > li:last-child, #l .board .filter > li:last-child, #t .board .filter > li:last-child, #d
.board .filter > li:last-child:before, #l
.board .filter > li:last-child:before, #t
.board .filter > li:last-child:before {
  border-radius: 0 5px 5px 0; }

#p .board:not(.resources) .filter > li:last-child, #s .board:not(.resources) .filter > li:last-child, #w .board:not(.resources) .filter > li:last-child, #p
.board:not(.resources) .filter > li:last-child:before, #s
.board:not(.resources) .filter > li:last-child:before, #w
.board:not(.resources) .filter > li:last-child:before {
  border-radius: 0 5px 5px 0; }

.board .filter > li {
  margin: 0;
  font-family: 600;
  position: relative;
  list-style: none;
  text-align: center;
  color: #0b1f50;
  background: white;
  font-size: 11px;
  font-size: 1.1rem;
  display: table-cell; }

#p .board.resources .filter > li, #s .board.resources .filter > li, #w .board.resources .filter > li {
  font-size: 13px;
  font-size: 1.3rem;
  display: inline-block;
  min-width: 130px; }

.board .filter > li:hover {
  cursor: pointer;
  color: #0d96af; }

.board .filter > li.on {
  background: #0d96af;
  color: white; }

.board .filter > li:before {
  content: '';
  display: block;
  padding-top: 100px;
  border-right: 1px solid white;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#0B1F50', endColorstr='#000B1F50')";
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.05)), color-stop(100%, rgba(11, 31, 80, 0.2)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(11, 31, 80, 0.2) 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(11, 31, 80, 0.2) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(11, 31, 80, 0.2) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(11, 31, 80, 0.2) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(11, 31, 80, 0.2) 100%); }

.board .filter > li.on:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#0B1F50', endColorstr='#000B1F50')";
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(11, 31, 80, 0)), color-stop(100%, rgba(11, 31, 80, 0.5)));
  background: -webkit-linear-gradient(top, rgba(11, 31, 80, 0) 0%, rgba(11, 31, 80, 0.5) 100%);
  background: -moz-linear-gradient(top, rgba(11, 31, 80, 0) 0%, rgba(11, 31, 80, 0.5) 100%);
  background: -ms-linear-gradient(top, rgba(11, 31, 80, 0) 0%, rgba(11, 31, 80, 0.5) 100%);
  background: -o-linear-gradient(top, rgba(11, 31, 80, 0) 0%, rgba(11, 31, 80, 0.5) 100%);
  background: linear-gradient(to bottom, rgba(11, 31, 80, 0) 0%, rgba(11, 31, 80, 0.5) 100%); }

.board .filter > li:last-child:before {
  border-right: none; }

.board .filter > li > span {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 35px;
  left: 50%;
  display: block;
  content: '';
  height: 40px;
  width: 40px;
  margin-left: -20px;
  background: no-repeat center;
  background-size: contain; }

.board .filter > li > span > img,
.board .filter > li > span > svg {
  height: 100%;
  width: 100%;
  margin: auto; }

.board .filter > li > span > svg path {
  fill: #0b1f50 !important;
  -webkit-transition: fill 250ms ease-in-out;
  -moz-transition: fill 250ms ease-in-out;
  -ms-transition: fill 250ms ease-in-out;
  -o-transition: fill 250ms ease-in-out;
  transition: fill 250ms ease-in-out; }

.board .filter > li:hover > span > svg path {
  fill: #0d96af !important; }

.board .filter > li.on > span > svg path {
  fill: white !important; }

.board .filter > li.disable > span > svg path {
  fill: #B7B7B7 !important; }

.board .pin.press-release p.small,
.board .pin.press-release span.img:after,
#latest .press-release p.small,
#latest .press-release span.img:after {
  background-image: url(../img/icon-press-release.svg); }

.board .pin.briefing p.small,
.board .pin.briefing span.img:after,
#latest .briefing p.small,
#latest .briefing span.img:after {
  background-image: url(../img/icon-briefing.svg); }

.board .pin.primer p.small,
.board .pin.primer span.img:after,
#latest .primer p.small,
#latest .primer span.img:after {
  background-image: url(../img/icon-primer.svg); }

.board .pin.report p.small,
.board .pin.report span.img:after,
#latest .report p.small,
#latest .report span.img:after {
  background-image: url(../img/icon-report.svg); }

.board .pin.commentary p.small,
.board .pin.commentary span.img:after,
#latest .commentary p.small,
#latest .commentary span.img:after {
  background-image: url(../img/icon-commentary.svg); }

.board .pin.chart p.small,
.board .pin.chart span.img:after,
#latest .chart p.small,
#latest .chart span.img:after {
  background-image: url(../img/icon-chart.svg); }

.board .pin.map p.small,
.board .pin.map span.img:after,
#latest .map p.small,
#latest .map span.img:after {
  background-image: url(../img/icon-map.svg); }

.board .pin.video p.small,
.board .pin.video span.img:after,
#latest .video p.small,
#latest .video span.img:after {
  background-image: url(../img/icon-video.svg); }

.board .pin.project p.small,
.board .pin.project span.img:after,
#latest .project p.small,
#latest .project span.img:after {
  background-image: url(../img/icon-project.svg); }

.board .filter > li > a {
  color: #0b1f50;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 10px;
  left: 0;
  display: block;
  text-transform: uppercase; }

.board .filter > li:hover > a {
  color: #0d96af; }

.board .filter > li.on > a {
  color: white; }

.board .filter > li.disable > a {
  color: #B7B7B7; }

.board .wrap {
  margin: 0 -10px;
  padding: 20px 0;
  position: relative; }

.board .wrap.uninitiated {
  visibility: hidden; }

.board .wrap:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: white;
  visibility: hidden;
  -webkit-animation: fadeOut 500ms ease-in-out forwards;
  -moz-animation: fadeOut 500ms ease-in-out forwards;
  -ms-animation: fadeOut 500ms ease-in-out forwards;
  -o-animation: fadeOut 500ms ease-in-out forwards;
  animation: fadeOut 500ms ease-in-out forwards; }

.board .wrap.fade:after {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn; }

.board .col {
  position: relative;
  display: inline-block;
  letter-spacing: normal;
  padding: 0 10px;
  vertical-align: top; }
  #d .board .col {
    width: 25%; }
  #l .board .col, #t .board .col {
    width: 33.33%; }
  #p .board .col {
    width: 50%; }
  #s .board .col, #w .board .col {
    width: 100%; }

#latest .clickable,
.board .pin {
  overflow: hidden;
  padding: 5px;
  border-radius: 5px;
  margin: 0 -5px; }

.board .pin.hide-topic {
  display: none; }

.board .pin.hide {
  display: none; }

#latest .clickable:hover,
.board .pin:hover {
  cursor: pointer;
  background: rgba(13, 150, 175, 0.1); }

.board .pin h2 {
  margin-top: 20px;
  font-size: 16px;
  font-size: 1.6rem; }

#s .board .pin .excerpt, #w .board .pin .excerpt {
  display: none; }

.board .pin:hover > div h2 a {
  color: #0d96af; }

.board .pin span {
  display: none; }

.board .pin span.img:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0c5b7f;
  opacity: 1;
  border-radius: 5px;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out; }

.board .pin span.img.init:before {
  opacity: 0; }

.board .pin p:not(.small) {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0 5px; }

/*HOME PAGE - CAROUSEL*/
.carousel {
  -webkit-transition: width 500ms ease-in-out;
  -moz-transition: width 500ms ease-in-out;
  -ms-transition: width 500ms ease-in-out;
  -o-transition: width 500ms ease-in-out;
  transition: width 500ms ease-in-out; }

.carousel > ul {
  margin-bottom: 0; }

.carousel > ul,
.carousel > ul > li {
  height: 100%;
  overflow: hidden;
  background: no-repeat center top;
  background-size: cover; }

.carousel > ul,
.carousel > ul > li {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.carousel > ul > li {
  display: table;
  width: 100%;
  opacity: 0;
  padding: 0; }

.carousel > ul > li.on {
  z-index: 1;
  opacity: 1; }

.carousel > ul > li > span {
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: no-repeat center;
  background-size: cover; }

.carousel > ul > li > span > img {
  display: none; }

.carousel > ul > li > div {
  position: relative;
  left: -1px;
  line-height: 1em;
  display: table-cell;
  vertical-align: middle;
  color: white; }
  html.cssgradients .carousel > ul > li > div {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(11, 31, 80, 0.85)), color-stop(100%, rgba(11, 31, 80, 0)));
    background: -webkit-linear-gradient(left, rgba(11, 31, 80, 0.85) 0%, rgba(11, 31, 80, 0) 100%);
    background: -moz-linear-gradient(left, rgba(11, 31, 80, 0.85) 0%, rgba(11, 31, 80, 0) 100%);
    background: -ms-linear-gradient(left, rgba(11, 31, 80, 0.85) 0%, rgba(11, 31, 80, 0) 100%);
    background: -o-linear-gradient(left, rgba(11, 31, 80, 0.85) 0%, rgba(11, 31, 80, 0) 100%);
    background: linear-gradient(to right, rgba(11, 31, 80, 0.85) 0%, rgba(11, 31, 80, 0) 100%); }
  html.no-cssgradients .carousel > ul > li > div {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#0B1F50', endColorstr='#000B1F50')"; }

.carousel:not(.slider) > ol {
  position: absolute;
  top: auto;
  right: 20px;
  bottom: 60px;
  left: auto;
  z-index: 2;
  width: 100%;
  text-align: right; }

.carousel > ol > li {
  display: inline-block;
  vertical-align: top; }

.carousel:not(.slider) > ol > li,
.carousel.slider > ol > li > span {
  display: inline-block;
  border-radius: 100%;
  border: 3px solid white;
  height: 20px;
  width: 20px; }

.carousel li,
.carousel li > div {
  -webkit-transition: opacity 500ms ease-in-out, color 500ms ease-in-out, border-color 500ms ease-in-out, background-color 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out, color 500ms ease-in-out, border-color 500ms ease-in-out, background-color 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out, color 500ms ease-in-out, border-color 500ms ease-in-out, background-color 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out, color 500ms ease-in-out, border-color 500ms ease-in-out, background-color 500ms ease-in-out;
  transition: opacity 500ms ease-in-out, color 500ms ease-in-out, border-color 500ms ease-in-out, background-color 500ms ease-in-out; }

.carousel > ol li {
  margin-left: 10px; }

.carousel > ol > li.on {
  background-color: white; }

.carousel > ol.jump > li:hover {
  cursor: pointer;
  border-color: #0d96af; }

#highlight:after {
  z-index: 1;
  content: '';
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  box-shadow: inset 0px -15px 15px -10px rgba(0, 0, 0, 0.5); }

#highlight:hover {
  cursor: pointer; }

#highlight .carousel li > div p {
  position: relative;
  left: 20px;
  max-width: 1500px;
  margin: auto;
  padding-top: 0;
  opacity: 0;
  -webkit-transition: opacity 500ms ease-in-out, left 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out, left 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out, left 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out, left 500ms ease-in-out;
  transition: opacity 500ms ease-in-out, left 500ms ease-in-out; }
  #d #highlight .carousel li > div p, #l #highlight .carousel li > div p {
    padding-right: 30%; }
  #t #highlight .carousel li > div p, #p #highlight .carousel li > div p {
    padding-right: 20%; }

#highlight .carousel li > div p:nth-child(1) {
  -webkit-transition-delay: 250ms;
  -moz-transition-delay: 250ms;
  -ms-transition-delay: 250ms;
  -o-transition-delay: 250ms;
  transition-delay: 250ms; }

#highlight .carousel li > div p:nth-child(2) {
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -ms-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms; }

#highlight .carousel li > div p:nth-child(3) {
  -webkit-transition-delay: 750ms;
  -moz-transition-delay: 750ms;
  -ms-transition-delay: 750ms;
  -o-transition-delay: 750ms;
  transition-delay: 750ms; }

#highlight .carousel li.on > div p {
  opacity: 1;
  left: 0; }

#highlight .carousel li > div .max-pad {
  padding-top: 0;
  padding-bottom: 20px; }

#highlight .carousel li > div .max-pad:last-child {
  padding-bottom: 0 !important; }

#highlight .carousel li > div p {
  color: white;
  line-height: 1.2em; }

#highlight .carousel li > div a {
  display: inline-block;
  color: white;
  border: 2px solid white;
  padding: 10px 15px !important;
  border-radius: 5px; }

#highlight:hover .carousel li > div a {
  background-color: rgba(13, 150, 175, 0.5); }

/*RESOURCE IMG*/
.clickable span.img {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 56.25%;
  /* ratio 16:9 */
  background: #0c5b7f no-repeat top left;
  background-size: 105% 105%;
  margin-top: 5px;
  border-radius: 5px;
  -webkit-transition: background 500ms ease-in;
  -moz-transition: background 500ms ease-in;
  -ms-transition: background 500ms ease-in;
  -o-transition: background 500ms ease-in;
  transition: background 500ms ease-in; }

.clickable:hover span.img {
  background-size: 100% 100%; }

.clickable span.img:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(12, 91, 127, 0.8) no-repeat center;
  background-size: auto 30%;
  opacity: 0;
  border-radius: 5px; }

.clickable span.img.no-img:after {
  opacity: 1; }

.clickable:hover span.img:after {
  -webkit-transition-delay: 250ms;
  -moz-transition-delay: 250ms;
  -ms-transition-delay: 250ms;
  -o-transition-delay: 250ms;
  transition-delay: 250ms;
  opacity: 1; }

span.img > img {
  display: none; }

/*TABS*/
#latest {
  z-index: 1; }

#latest .grid {
  margin: 0 -10px !important; }

#latest .grid > div {
  padding: 10px !important; }

.board .pin .h5,
#latest .h5 {
  padding: 0 5px;
  margin-top: 10px; }

.board .pin .h5 > a,
#latest .clickable .h5 > a {
  color: #0b1f50; }

.board .pin:hover .h5 > a,
#latest .clickable:hover .h5 > a {
  color: #0c5b7f; }

.board .pin p.small,
#latest p.small {
  padding: 7px 10px;
  margin-bottom: 0;
  color: white;
  text-transform: uppercase;
  background: #0d96af no-repeat right 10px center;
  background-size: auto 20px;
  border-radius: 5px; }

.board .pin:hover p.small,
#latest .clickable:hover p.small {
  background-color: #0c5b7f; }

.board .pin p.small > span,
#latest p.small > span {
  display: inline-block;
  padding-right: 10px;
  font-size: inherit; }

#latest > .max-pad {
  padding-top: 0; }

.tab > ol {
  z-index: 1;
  position: relative;
  text-align: center;
  margin-bottom: 0; }

.tab li {
  position: relative;
  padding: 0;
  margin-bottom: 0;
  background: none; }

.tab > ol > li {
  display: inline-table;
  top: -60px;
  height: 60px;
  margin: 0;
  vertical-align: bottom;
  font-size: 20px;
  font-size: 2rem;
  -webkit-transition: top 500ms linear, border-top 250ms linear;
  -moz-transition: top 500ms linear, border-top 250ms linear;
  -ms-transition: top 500ms linear, border-top 250ms linear;
  -o-transition: top 500ms linear, border-top 250ms linear;
  transition: top 500ms linear, border-top 250ms linear; }

.tab > ol > li:not(.on) {
  border-top: 10px solid transparent; }

.tab > ol > li.on,
.tab > ol > li:not(.on):hover {
  border-top: 0 solid transparent; }

.tab > ol > li > a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: white;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  -webkit-transition: background 500ms ease-in-out;
  -moz-transition: background 500ms ease-in-out;
  -ms-transition: background 500ms ease-in-out;
  -o-transition: background 500ms ease-in-out;
  transition: background 500ms ease-in-out; }
  #s .tab > ol > li > a, #w .tab > ol > li > a {
    min-width: 145px; }
  #d .tab > ol > li > a, #l .tab > ol > li > a, #t .tab > ol > li > a, #p .tab > ol > li > a {
    min-width: 175px; }

.tab > ol > li.on > a {
  background: white; }

.tab > ol > li:not(.on) > a {
  background: #0d96af; }

.tab > ol > li.on > a {
  color: #0b1f50; }

.tab > ol > li:not(.on):first-child > a {
  box-shadow: inset -10px -10px 10px -5px rgba(0, 0, 0, 0.5); }

.tab > ol > li:not(.on):last-child > a {
  box-shadow: inset 10px -10px 10px -5px rgba(0, 0, 0, 0.5); }

.tab > ul {
  margin-bottom: 0; }

.tab > ul > li:not(.on),
.tab > ul > li > h2 {
  display: none; }

/*FOOTER*/
#foot a.redbot {
  color: inherit;
  text-transform: uppercase; }

#foot a.redbot:hover {
  color: #AB1916; }

#foot a.redbot:after {
  content: '';
  display: inline-block;
  padding-left: 5px;
  color: #AB1916;
  opacity: 0; }

#foot a.redbot:hover:after {
  content: ' : DIGITAL + BRAND';
  opacity: 1; }

#foot p {
  color: #0b1f50; }

#d #foot p > br, #l #foot p > br, #t #foot p > br, #p #foot p > br {
  display: none; }

#s #foot ol, #w #foot ol, #s
#foot p, #w
#foot p {
  text-align: center; }

#foot ol > li {
  display: inline-block;
  color: #0d96af;
  padding-right: 20px;
  margin: 0; }

#foot ol > li:hover {
  color: #0b1f50; }

#foot ul > li {
  background: none;
  padding: 0;
  color: #676767;
  font-size: 12px;
  font-size: 1.2rem; }
  #d #foot ul > li, #l #foot ul > li, #t #foot ul > li, #p #foot ul > li {
    display: inline-block;
    width: 50%; }

#d #foot ul > li:last-child, #l #foot ul > li:last-child, #t #foot ul > li:last-child, #p #foot ul > li:last-child {
  text-align: right; }

/*
.truncate {
	position:relative;
	line-height:1.2em;
}
.truncate:after {
	content: '';
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 70%;
	height: 1.2em;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}*/
.asset-video .embed-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  max-width: 1050px;
  margin: auto; }
  .asset-video .embed-container > iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }