/*! Imports */

a:focus { outline: 0; }

:focus, :active { outline: none; outline: 0; }

::-moz-focus-inner { outline: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

li { list-style: none; }

a { text-decoration: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border-top: 1px solid #000; color: #000; }

input, select { vertical-align: middle; }

sub { vertical-align: sub; font-size: smaller; line-height: 0px; }

sup { vertical-align: super; font-size: smaller; line-height: 0px; }

input, button, textarea, select, label, img { display: inline-block; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

input, button, textarea, select { -webkit-appearance: none; }

textarea { resize: none; }

button, a span { cursor: pointer; }

button { border: 0; text-align: center; }

button::-moz-focus-inner { padding: 0; border: 0; }

table { table-layout: fixed; }

a[href^=tel] { color: inherit; }

#no_ie6 { width: 100%; height: 40px; overflow: hidden; border-bottom: 2px solid #000; }

/* != FONT SMOOTHING */
body, input, button, textarea { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

*, *:before, *:after { box-sizing: border-box; }

/* != .clearfix - CLEAR ELEMENTS */
.clear { clear: both; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { display: inline-table; }

* html .clearfix { height: 1%; }

/* Hides from IE-mac \*/
.clearfix { display: block; }

/* Hides from IE-mac \*/
* html .clearfix { zoom: 1; }

/* IE6 */
*:first-child + html .clearfix { zoom: 1; }

/* IE7 */
/* != .wordwrap - CONTINUE LONG URLS/WORDS ON NEXT LINE */
.wordwrap { white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; word-wrap: break-word; }

@font-face { font-family: 'SourceSans'; src: url("../fonts/Source-Sans-Pro/sourcesanspro-extralight-webfont.eot"); src: url("../fonts/Source-Sans-Pro/sourcesanspro-extralight-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Source-Sans-Pro/sourcesanspro-extralight-webfont.woff2") format("woff2"), url("../fonts/Source-Sans-Pro/sourcesanspro-extralight-webfont.woff") format("woff"), url("../fonts/Source-Sans-Pro/sourcesanspro-extralight-webfont.ttf") format("truetype"), url("../fonts/Source-Sans-Pro/sourcesanspro-extralight-webfont.svg#source_sans_proextralight") format("svg"); font-weight: 200; font-style: normal; }
@font-face { font-family: 'SourceSans'; src: url("../fonts/Source-Sans-Pro/sourcesanspro-extralightit-webfont.eot"); src: url("../fonts/Source-Sans-Pro/sourcesanspro-extralightit-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Source-Sans-Pro/sourcesanspro-extralightit-webfont.woff2") format("woff2"), url("../fonts/Source-Sans-Pro/sourcesanspro-extralightit-webfont.woff") format("woff"), url("../fonts/Source-Sans-Pro/sourcesanspro-extralightit-webfont.ttf") format("truetype"), url("../fonts/Source-Sans-Pro/sourcesanspro-extralightit-webfont.svg#source_sans_proXLtIt") format("svg"); font-weight: 200; font-style: italic; }
@font-face { font-family: 'SourceSans'; src: url("../fonts/Source-Sans-Pro/sourcesanspro-light-webfont.eot"); src: url("../fonts/Source-Sans-Pro/sourcesanspro-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Source-Sans-Pro/sourcesanspro-light-webfont.woff2") format("woff2"), url("../fonts/Source-Sans-Pro/sourcesanspro-light-webfont.woff") format("woff"), url("../fonts/Source-Sans-Pro/sourcesanspro-light-webfont.ttf") format("truetype"), url("../fonts/Source-Sans-Pro/sourcesanspro-light-webfont.svg#source_sans_prolight") format("svg"); font-weight: 300; font-style: normal; }
@font-face { font-family: 'SourceSans'; src: url("../fonts/Source-Sans-Pro/sourcesanspro-lightit-webfont.eot"); src: url("../fonts/Source-Sans-Pro/sourcesanspro-lightit-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Source-Sans-Pro/sourcesanspro-lightit-webfont.woff2") format("woff2"), url("../fonts/Source-Sans-Pro/sourcesanspro-lightit-webfont.woff") format("woff"), url("../fonts/Source-Sans-Pro/sourcesanspro-lightit-webfont.ttf") format("truetype"), url("../fonts/Source-Sans-Pro/sourcesanspro-lightit-webfont.svg#source_sans_prolight_italic") format("svg"); font-weight: 300; font-style: italic; }
@font-face { font-family: 'SourceSans'; src: url("../fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.eot"); src: url("../fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.woff2") format("woff2"), url("../fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.woff") format("woff"), url("../fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.ttf") format("truetype"), url("../fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.svg#source_sans_proregular") format("svg"); font-weight: 400; font-style: normal; }
@font-face { font-family: 'SourceSans'; src: url("../fonts/Source-Sans-Pro/sourcesanspro-it-webfont.eot"); src: url("../fonts/Source-Sans-Pro/sourcesanspro-it-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Source-Sans-Pro/sourcesanspro-it-webfont.woff2") format("woff2"), url("../fonts/Source-Sans-Pro/sourcesanspro-it-webfont.woff") format("woff"), url("../fonts/Source-Sans-Pro/sourcesanspro-it-webfont.ttf") format("truetype"), url("../fonts/Source-Sans-Pro/sourcesanspro-it-webfont.svg#source_sans_proitalic") format("svg"); font-weight: 400; font-style: italic; }
@font-face { font-family: 'SourceSans'; src: url("../fonts/Source-Sans-Pro/sourcesanspro-semibold-webfont.eot"); src: url("../fonts/Source-Sans-Pro/sourcesanspro-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Source-Sans-Pro/sourcesanspro-semibold-webfont.woff2") format("woff2"), url("../fonts/Source-Sans-Pro/sourcesanspro-semibold-webfont.woff") format("woff"), url("../fonts/Source-Sans-Pro/sourcesanspro-semibold-webfont.ttf") format("truetype"), url("../fonts/Source-Sans-Pro/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold") format("svg"); font-weight: 600; font-style: normal; }
@font-face { font-family: 'SourceSans'; src: url("../fonts/Source-Sans-Pro/sourcesanspro-semiboldit-webfont.eot"); src: url("../fonts/Source-Sans-Pro/sourcesanspro-semiboldit-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Source-Sans-Pro/sourcesanspro-semiboldit-webfont.woff2") format("woff2"), url("../fonts/Source-Sans-Pro/sourcesanspro-semiboldit-webfont.woff") format("woff"), url("../fonts/Source-Sans-Pro/sourcesanspro-semiboldit-webfont.ttf") format("truetype"), url("../fonts/Source-Sans-Pro/sourcesanspro-semiboldit-webfont.svg#source_sans_proSBdIt") format("svg"); font-weight: 600; font-style: italic; }
@font-face { font-family: 'SourceSans'; src: url("../fonts/Source-Sans-Pro/sourcesanspro-bold-webfont.eot"); src: url("../fonts/Source-Sans-Pro/sourcesanspro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Source-Sans-Pro/sourcesanspro-bold-webfont.woff2") format("woff2"), url("../fonts/Source-Sans-Pro/sourcesanspro-bold-webfont.woff") format("woff"), url("../fonts/Source-Sans-Pro/sourcesanspro-bold-webfont.ttf") format("truetype"), url("../fonts/Source-Sans-Pro/sourcesanspro-bold-webfont.svg#source_sans_probold") format("svg"); font-weight: 700; font-style: normal; }
@font-face { font-family: 'SourceSans'; src: url("../fonts/Source-Sans-Pro/sourcesanspro-boldit-webfont.eot"); src: url("../fonts/Source-Sans-Pro/sourcesanspro-boldit-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Source-Sans-Pro/sourcesanspro-boldit-webfont.woff2") format("woff2"), url("../fonts/Source-Sans-Pro/sourcesanspro-boldit-webfont.woff") format("woff"), url("../fonts/Source-Sans-Pro/sourcesanspro-boldit-webfont.ttf") format("truetype"), url("../fonts/Source-Sans-Pro/sourcesanspro-boldit-webfont.svg#source_sans_probold_italic") format("svg"); font-weight: 700; font-style: italic; }
@font-face { font-family: 'SourceSans'; src: url("../fonts/Source-Sans-Pro/sourcesanspro-black-webfont.eot"); src: url("../fonts/Source-Sans-Pro/sourcesanspro-black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Source-Sans-Pro/sourcesanspro-black-webfont.woff2") format("woff2"), url("../fonts/Source-Sans-Pro/sourcesanspro-black-webfont.woff") format("woff"), url("../fonts/Source-Sans-Pro/sourcesanspro-black-webfont.ttf") format("truetype"), url("../fonts/Source-Sans-Pro/sourcesanspro-black-webfont.svg#source_sans_problack") format("svg"); font-weight: 800; font-style: normal; }
@font-face { font-family: 'SourceSans'; src: url("../fonts/Source-Sans-Pro/sourcesanspro-blackit-webfont.eot"); src: url("../fonts/Source-Sans-Pro/sourcesanspro-blackit-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Source-Sans-Pro/sourcesanspro-blackit-webfont.woff2") format("woff2"), url("../fonts/Source-Sans-Pro/sourcesanspro-blackit-webfont.woff") format("woff"), url("../fonts/Source-Sans-Pro/sourcesanspro-blackit-webfont.ttf") format("truetype"), url("../fonts/Source-Sans-Pro/sourcesanspro-blackit-webfont.svg#source_sans_problack_italic") format("svg"); font-weight: 800; font-style: italic; }
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -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); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; }

.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }

.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }

.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.mfp-align-top .mfp-container:before { display: none; }

.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }

.mfp-ajax-cur { cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }

.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }

.mfp-auto-cursor .mfp-content { cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.mfp-loading.mfp-figure { display: none; }

.mfp-hide { display: none !important; }

.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }

.mfp-preloader a { color: #CCC; }

.mfp-preloader a:hover { color: #FFF; }

.mfp-s-ready .mfp-preloader { display: none; }

.mfp-s-error .mfp-content { display: none; }

button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; }

button::-moz-focus-inner { padding: 0; border: 0; }

.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus { opacity: 1; }

.mfp-close:active { top: 1px; }

.mfp-close-btn-in .mfp-close { color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }

.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }

.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active { margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }

.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }

.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }

.mfp-arrow-left { left: 0; }

.mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; }

.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; }

.mfp-arrow-right { right: 0; }

.mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; }

.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }

.mfp-iframe-holder .mfp-close { top: -40px; }

.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }

.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: #fff; }

/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure { line-height: 0; }

.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }

.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }

.mfp-figure figure { margin: 0; }

.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }

.mfp-image-holder .mfp-content { max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
  .mfp-img-mobile img.mfp-img { padding: 0; }
  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } }
@media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); }
  .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; }
  .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; }
  .mfp-container { padding-left: 6px; padding-right: 6px; } }
/* This combined file was created by the DataTables downloader builder: https://datatables.net/download  To rebuild or modify this file with the latest versions of the included software please visit: https://datatables.net/download/#dt/dt-1.10.13/r-2.1.0  Included libraries: DataTables 1.10.13, Responsive 2.1.0 */
/* Table styles */
table.dataTable { width: 100%; margin: 0 auto; clear: both; border-collapse: separate; border-spacing: 0; /* Header and footer styles */ /* Body styles */ }

table.dataTable thead th, table.dataTable tfoot th { font-weight: bold; }

table.dataTable thead th, table.dataTable thead td { padding: 10px 18px; border-bottom: 1px solid #111; }

table.dataTable thead th:active, table.dataTable thead td:active { outline: none; }

table.dataTable tfoot th, table.dataTable tfoot td { padding: 10px 18px 6px 18px; border-top: 1px solid #111; }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { cursor: pointer; *cursor: hand; }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background-repeat: no-repeat; background-position: center right; }

table.dataTable tbody tr { background-color: #ffffff; }

table.dataTable tbody tr.selected { background-color: #B0BED9; }

table.dataTable tbody th, table.dataTable tbody td { padding: 8px 10px; }

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid #ddd; }

table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td { border-top: none; }

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { border-top: 1px solid #ddd; border-right: 1px solid #ddd; }

table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid #ddd; }

table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td { border-top: none; }

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #f9f9f9; }

table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { background-color: #acbad4; }

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: #f6f6f6; }

table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected { background-color: #aab7d1; }

table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 { background-color: #fafafa; }

table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 { background-color: #acbad5; }

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #f1f1f1; }

table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: #f3f3f3; }

table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { background-color: whitesmoke; }

table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { background-color: #a6b4cd; }

table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { background-color: #a8b5cf; }

table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { background-color: #a9b7d1; }

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #fafafa; }

table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: #fcfcfc; }

table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { background-color: #fefefe; }

table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: #acbad5; }

table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { background-color: #aebcd6; }

table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { background-color: #afbdd8; }

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: #eaeaea; }

table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { background-color: #ececec; }

table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { background-color: #efefef; }

table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { background-color: #a2aec7; }

table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { background-color: #a3b0c9; }

table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { background-color: #a5b2cb; }

table.dataTable.no-footer { border-bottom: 1px solid #111; }

table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; }

table.dataTable.compact thead th, table.dataTable.compact thead td { padding: 4px 17px 4px 4px; }

table.dataTable.compact tfoot th, table.dataTable.compact tfoot td { padding: 4px; }

table.dataTable.compact tbody th, table.dataTable.compact tbody td { padding: 4px; }

table.dataTable th.dt-left, table.dataTable td.dt-left { text-align: left; }

table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty { text-align: center; }

table.dataTable th.dt-right, table.dataTable td.dt-right { text-align: right; }

table.dataTable th.dt-justify, table.dataTable td.dt-justify { text-align: justify; }

table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap { white-space: nowrap; }

table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left { text-align: left; }

table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center { text-align: center; }

table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right { text-align: right; }

table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify { text-align: justify; }

table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap { white-space: nowrap; }

table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left { text-align: left; }

table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center { text-align: center; }

table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right { text-align: right; }

table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify { text-align: justify; }

table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap { white-space: nowrap; }

table.dataTable, table.dataTable th, table.dataTable td { -webkit-box-sizing: content-box; box-sizing: content-box; }

/* Control feature layout */
.dataTables_wrapper { position: relative; clear: both; *zoom: 1; zoom: 1; }

.dataTables_wrapper .dataTables_length { float: left; }

.dataTables_wrapper .dataTables_filter { float: right; text-align: right; }

.dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; }

.dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0.755em; }

.dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; }

.dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #333 !important; border: 1px solid transparent; border-radius: 2px; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333 !important; border: 1px solid #979797; background-color: white; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%); /* IE10+ */ background: -o-linear-gradient(top, white 0%, #dcdcdc 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); /* W3C */ }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #666 !important; border: 1px solid transparent; background: transparent; box-shadow: none; }

.dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; border: 1px solid #111; background-color: #585858; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #585858 0%, #111 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #585858 0%, #111 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #585858 0%, #111 100%); /* IE10+ */ background: -o-linear-gradient(top, #585858 0%, #111 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #585858 0%, #111 100%); /* W3C */ }

.dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #2b2b2b; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* IE10+ */ background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */ box-shadow: inset 0 0 3px #111; }

.dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 1em; }

.dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background-color: white; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); }

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #333; }

.dataTables_wrapper .dataTables_scroll { clear: both; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td { vertical-align: middle; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing { height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; }

.dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #111; }

.dataTables_wrapper.no-footer div.dataTables_scrollHead table, .dataTables_wrapper.no-footer div.dataTables_scrollBody table { border-bottom: none; }

.dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }

@media screen and (max-width: 767px) { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; }
  .dataTables_wrapper .dataTables_paginate { margin-top: 0.5em; } }
@media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: none; text-align: center; }
  .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; } }
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty { cursor: default !important; }

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before { display: none !important; }

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child { position: relative; padding-left: 30px; cursor: pointer; }

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { top: 9px; left: 4px; height: 14px; width: 14px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; text-align: center; font-family: 'Courier New', Courier, monospace; line-height: 14px; content: '+'; background-color: #31b131; }

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { content: '-'; background-color: #d33333; }

table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before { display: none; }

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child { padding-left: 27px; }

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before { top: 5px; left: 4px; height: 14px; width: 14px; border-radius: 14px; line-height: 14px; text-indent: 3px; }

table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control { position: relative; cursor: pointer; }

table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before { top: 50%; left: 50%; height: 16px; width: 16px; margin-top: -10px; margin-left: -10px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; text-align: center; font-family: 'Courier New', Courier, monospace; line-height: 14px; content: '+'; background-color: #31b131; }

table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before { content: '-'; background-color: #d33333; }

table.dataTable > tbody > tr.child { padding: 0.5em 1em; }

table.dataTable > tbody > tr.child:hover { background: transparent !important; }

table.dataTable > tbody > tr.child ul { display: inline-block; list-style-type: none; margin: 0; padding: 0; }

table.dataTable > tbody > tr.child ul li { border-bottom: 1px solid #efefef; padding: 0.5em 0; }

table.dataTable > tbody > tr.child ul li:first-child { padding-top: 0; }

table.dataTable > tbody > tr.child ul li:last-child { border-bottom: none; }

table.dataTable > tbody > tr.child span.dtr-title { display: inline-block; min-width: 75px; font-weight: bold; }

div.dtr-modal { position: fixed; box-sizing: border-box; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; padding: 10em 1em; }

div.dtr-modal div.dtr-modal-display { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 50%; height: 50%; overflow: auto; margin: auto; z-index: 102; overflow: auto; background-color: #f5f5f7; border: 1px solid black; border-radius: 0.5em; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); }

div.dtr-modal div.dtr-modal-content { position: relative; padding: 1em; }

div.dtr-modal div.dtr-modal-close { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; border: 1px solid #eaeaea; background-color: #f9f9f9; text-align: center; border-radius: 3px; cursor: pointer; z-index: 12; }

div.dtr-modal div.dtr-modal-close:hover { background-color: #eaeaea; }

div.dtr-modal div.dtr-modal-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 101; background: rgba(0, 0, 0, 0.6); }

@media screen and (max-width: 767px) { div.dtr-modal div.dtr-modal-display { width: 95%; } }
/*! Variables */
/*! Styles */
html, body { overflow-x: hidden; }

html { background: #f2f2f2; }

body { margin: 0 auto; max-width: 1500px; background: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); font-family: 'SourceSans', helvetica, arial, sans-serif; font-size: 15px; line-height: 1.5; color: #595959; }

/*h1 { font: normal 24px/1.2 SourceSans, sans-serif; color: #f00; }

h2 { font: normal 24px/1.2 SourceSans, sans-serif; color: #f00; }

h3 { font: normal 24px/1.2 SourceSans, sans-serif; color: #f00; }

h4 { font: normal 24px/1.2 SourceSans, sans-serif; color: #f00; }

h5 { font: normal 24px/1.2 SourceSans, sans-serif; color: #f00; }

h6 { font: normal 24px/1.2 SourceSans, sans-serif; color: #f00; }*/

h1, h2, h3, h4, h5, h6 { font-family: SourceSans, helvetica, arial, sans-serif; font-weight: normal; line-height: 1.25; }

h1 { font-size: 38px; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; color: #a6192e; }

a { color: #00a9ce; }
a:hover { color: #01506f; }

.aligncenter {
    display: block;
    margin: 25px auto;
}

.alignleft {
    float: left;
    margin: 0 25px 25px 0;
}

.alignright {
    float: right;
    margin: 0 0 25px 25px;
}

.alignnone {
    display: inline-block;
}


.content-main ul { margin-bottom: 20px; }
.content-main ul li { position: relative; padding: 0 35px; margin-bottom: 10px; }
.content-main ul li:before { content: '\2022'; color: #00a9ce; position: absolute; left: 10px; }
.content-main ol { margin-bottom: 20px; counter-reset: li; }
.content-main ol li { position: relative; padding: 0 35px; margin-bottom: 10px; }
.content-main ol li:before { content: counter(li) ". "; counter-increment: li; position: absolute; left: 10px; color: #00a9ce; }
.content-main h3 { font: 30px/1.2 SourceSans; color: #01506f; padding-bottom: 13px; border-bottom: 1px solid #D8D8D8; margin-bottom: 20px; margin-top: 40px; }
.content-main h4 { margin-top: 38px; font: 24px/1.1 SourceSans; color: #a6192e; margin-bottom: 15px; }
.content-main h5 { margin-top: 28px; font: 20px/1.1 SourceSans; color: #a6192e; margin-bottom: 15px; }
.content-main h6 { margin-top: 22px; font: 20px/1.1 SourceSans; color: #00AACE; margin-bottom: 12px; text-transform: uppercase; }
.content-main figure { margin: 42px 0; }
.content-main img { max-width: 100%;height:auto }
.content-main figcaption, .content-main .wp-caption-text { font-size: 13px; margin-top: 14px; }
.content-main *:first-child { margin-top: 0; }
.content-main div.wp-caption {width:100% !important}


.btn { margin-top: 30px; border: 2px solid transparent; text-transform: uppercase; font-weight: 600; line-height: 1.4em; padding: 7px 1.65em 7px; display: inline-block; text-align:center; }
.btn.white { color: #fff; border-color: #fff; }
.btn.white:hover { background: #00a9ce; border-color: #00a9ce; }
.btn.red { color: #a6192e; border-color: #a6192e; }
.btn.red:hover { color: #fff; background: #a6192e; }
.btn.blue { color: #01506f; border-color: #01506f; }
.btn.blue:hover { color: #fff; background: #01506f; }
.btn.sm { font-size: 13px; }
.btn.no-margin-t{margin-top: 0; margin-right: 15px;}

#header { height: 70px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); position: relative; z-index: 10; }
#header .wrap { padding:0 20px 0 10px; }
#header .nav-mobile { margin: 0; padding: 0 8px 0 0; height: 70px; border-right: 1px solid #e5ebed; float: left; }
#header .nav-mobile.active { margin: 0 0 0 -999px; padding: 0 8px 0 999px; background: #01506f; }
#header .nav-mobile.active .nav-toggle span:before, #header .nav-mobile.active .nav-toggle span:after { background: #fff; }
#header .nav-mobile.active .nav-toggle:hover { background: none; }
#header #nav-container { width: 100%; padding: 41px 0; height: 256px; background: #01506f; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32); display: none; }
#header #nav-container.active { display: block; }
#header #nav { margin: 0 auto; width: 1140px; }
#header #nav > li { margin: 0 14px; width: 202px; display: inline-block; vertical-align: top; }
#header #nav > li:first-child { margin-left: 0; }
#header #nav > li:last-child { margin-right: 0; }
#header #nav > li > a { margin: 0 0 12px 0; padding: 0 0 3px 0; border-bottom: 1px solid #156584; font-weight: 700; color: #fff; letter-spacing: 3px; text-transform: uppercase; display: block; line-height:1.3; }
#header #nav > li > a:hover { border-color: #fff; }
#header #nav > li ul > li { margin-top: 4px; margin-bottom: 4px; }
#header #nav > li ul a { font-size: 14px; color: #9ecce1; }
#header #nav > li ul a:hover { color: #fff; }
#header #nav .nav-extra a { margin: 0 0 21px 0; font-size: 16px; font-weight: 700; color: #fff; letter-spacing: 3px; text-transform: uppercase; display: block; border-bottom:1px solid transparent; padding-bottom:3px; }
#header #nav .nav-extra a:hover { border-bottom:1px solid #fff; }
#header #nav .nav-extra > a { display: none; }
#header #nav .nav-extra li { margin-top: 0; margin-bottom: 0; }
#header .nav-social { margin: -8px 0 0 -8px !important; }
#header .nav-social > ul > li { display: inline-block; }
#header .nav-social > ul > li a { margin-bottom: 0 !important; border-bottom:0 !important; }
#header .nav-social > ul > li a:hover svg { fill: #00a9ce; }
#header .nav-social .social > a { padding: 8px; background-position: center; background-repeat: no-repeat; display: inline-block !important; vertical-align: middle; box-sizing: content-box; }
#header .nav-social .social.fb > a { width: 9px; height: 19px; background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2219%22%20viewBox%3D%220%200%209%2019%22%3E%3Cstyle%3E.st0%7Bfill%3A%23fff%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M5.8%206.2v-2c0-.7.5-.9.8-.9h2.1V0H5.9c-3.2%200-4%202.4-4%204v2.2H0v3.4h1.9V19h3.9V9.5h2.7l.3-3.4h-3z%22%2F%3E%3C%2Fsvg%3E"); position: relative; top:-2px;}
#header .nav-social .social.fb > a:hover { background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2219%22%20viewBox%3D%220%200%209%2019%22%3E%3Cstyle%3E.st0%7Bfill%3A%2300a9ce%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M5.8%206.2v-2c0-.7.5-.9.8-.9h2.1V0H5.9c-3.2%200-4%202.4-4%204v2.2H0v3.4h1.9V19h3.9V9.5h2.7l.3-3.4h-3z%22%2F%3E%3C%2Fsvg%3E"); }
#header .nav-social .social.yt > a { width: 24px; height: 17px; background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2217%22%20viewBox%3D%220%200%2024%2017%22%3E%3Cstyle%3E.st0%7Bfill%3A%23fff%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M23.8%203.6c0-1.9-1.6-3.4-3.5-3.4C17.6%200%2014.9%200%2012%200%209.2%200%206.4%200%203.6.2%201.7.2.1%201.7.1%203.6%200%205.1%200%206.6%200%208.1s0%203%20.2%204.5c0%201.9%201.6%203.4%203.5%203.4%202.7.1%205.5.2%208.4.2%202.8%200%205.6%200%208.4-.2%201.9%200%203.5-1.5%203.5-3.4.1-1.5.2-3%20.2-4.5-.2-1.5-.2-3-.4-4.5zm-13.7%209c-.1.1-.1.1-.2.1s-.1%200-.2-.1-.2-.2-.2-.4V3.9c0-.2.1-.3.2-.4.1%200%20.1-.1.2-.1s.2%200%20.2.1l5.7%204.2c.1.1.2.2.2.4s-.1.3-.2.4l-5.7%204.1z%22%2F%3E%3C%2Fsvg%3E"); }
#header .nav-social .social.yt > a:hover { background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2217%22%20viewBox%3D%220%200%2024%2017%22%3E%3Cstyle%3E.st0%7Bfill%3A%2300a9ce%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M23.8%203.6c0-1.9-1.6-3.4-3.5-3.4C17.6%200%2014.9%200%2012%200%209.2%200%206.4%200%203.6.2%201.7.2.1%201.7.1%203.6%200%205.1%200%206.6%200%208.1s0%203%20.2%204.5c0%201.9%201.6%203.4%203.5%203.4%202.7.1%205.5.2%208.4.2%202.8%200%205.6%200%208.4-.2%201.9%200%203.5-1.5%203.5-3.4.1-1.5.2-3%20.2-4.5-.2-1.5-.2-3-.4-4.5zm-13.7%209c-.1.1-.1.1-.2.1s-.1%200-.2-.1-.2-.2-.2-.4V3.9c0-.2.1-.3.2-.4.1%200%20.1-.1.2-.1s.2%200%20.2.1l5.7%204.2c.1.1.2.2.2.4s-.1.3-.2.4l-5.7%204.1z%22%2F%3E%3C%2Fsvg%3E"); }
#header .nav-social .social.tr > a { width: 20px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2218%22%20viewBox%3D%220%200%2021%2018%22%3E%3Cstyle%3E.st0%7Bfill%3A%23fff%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M18.2%204.8c0%205.7-4.2%2012.3-11.8%2012.3-2.3%200-4.5-.7-6.4-1.9.3%200%20.7.1%201%20.1%201.9%200%203.7-.7%205.2-1.9-1.8%200-3.4-1.3-3.9-3%20.3.1.5.1.8.1.4%200%20.7-.1%201.1-.2C2.2%209.9.8%208.2.8%206.1V6c.6.3%201.2.5%201.9.6C1.6%205.8.8%204.5.8%203c0-.8.2-1.5.6-2.2%202%202.6%205.1%204.3%208.6%204.5-.1-.3-.1-.6-.1-1C9.9%201.9%2011.7%200%2014%200c1.2%200%202.3.5%203%201.4.9-.2%201.8-.6%202.6-1-.3%201-1%201.9-1.8%202.4.8-.1%201.6-.3%202.4-.7-.6.9-1.3%201.6-2.1%202.2.1.2.1.3.1.5z%22%2F%3E%3C%2Fsvg%3E"); }
#header .nav-social .social.tr > a:hover { background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2218%22%20viewBox%3D%220%200%2021%2018%22%3E%3Cstyle%3E.st0%7Bfill%3A%2300a9ce%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M18.2%204.8c0%205.7-4.2%2012.3-11.8%2012.3-2.3%200-4.5-.7-6.4-1.9.3%200%20.7.1%201%20.1%201.9%200%203.7-.7%205.2-1.9-1.8%200-3.4-1.3-3.9-3%20.3.1.5.1.8.1.4%200%20.7-.1%201.1-.2C2.2%209.9.8%208.2.8%206.1V6c.6.3%201.2.5%201.9.6C1.6%205.8.8%204.5.8%203c0-.8.2-1.5.6-2.2%202%202.6%205.1%204.3%208.6%204.5-.1-.3-.1-.6-.1-1C9.9%201.9%2011.7%200%2014%200c1.2%200%202.3.5%203%201.4.9-.2%201.8-.6%202.6-1-.3%201-1%201.9-1.8%202.4.8-.1%201.6-.3%202.4-.7-.6.9-1.3%201.6-2.1%202.2.1.2.1.3.1.5z%22%2F%3E%3C%2Fsvg%3E"); }
#header .nav-social .social.fl > a { width: 22px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%2224%22%20viewBox%3D%220%200%2054%2024%22%3E%3Cstyle%3E.st0%7Bfill%3A%23fff%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M53.5%2012.1C53.4%2018.7%2048%2024%2041.3%2024c-6.5%200-11.9-5.5-11.9-12%200-6.6%205.4-12%2012-12%206.8%200%2012.1%205.4%2012.1%2012.1zM24%2012.1C24%2018.7%2018.6%2024%2011.9%2024%205.3%2024%200%2018.5%200%2012%200%205.4%205.4%200%2012%200c6.7%200%2012%205.4%2012%2012.1z%22%2F%3E%3C%2Fsvg%3E"); background-size: 22px, 10px; position: relative; top:-1px; }
#header .nav-social .social.fl > a:hover { background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%2224%22%20viewBox%3D%220%200%2054%2024%22%3E%3Cstyle%3E.st0%7Bfill%3A%2300a9ce%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M53.5%2012.1C53.4%2018.7%2048%2024%2041.3%2024c-6.5%200-11.9-5.5-11.9-12%200-6.6%205.4-12%2012-12%206.8%200%2012.1%205.4%2012.1%2012.1zM24%2012.1C24%2018.7%2018.6%2024%2011.9%2024%205.3%2024%200%2018.5%200%2012%200%205.4%205.4%200%2012%200c6.7%200%2012%205.4%2012%2012.1z%22%2F%3E%3C%2Fsvg%3E"); }
#header .nav-social .social.li > a { width: 26px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%2219%22%20viewBox%3D%220%200%2021%2019%22%3E%3Cpath%20d%3D%22M0%206.288h5.03v12.576H0V6.288zM2.5%205.03h-.03C.97%205.03%200%203.912%200%202.515%200%201.087%201%200%202.53%200%204.06%200%205%201.087%205.03%202.515c0%201.397-.97%202.515-2.53%202.515zm13.09%2013.834V12.29c0-1.65-.655-2.777-2.296-2.777-1.251%200-1.997.76-2.325%201.493-.12.263-.149.63-.149.997v6.861H6.288s.06-11.134%200-12.286h4.532v1.739c.602-.837%201.68-2.029%204.085-2.029%202.982%200%205.217%201.757%205.217%205.532v7.044H15.59z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E"); background-size: 46px auto; position: relative; top:-1px; }
#header .nav-social .social.li > a:hover { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%2219%22%20viewBox%3D%220%200%2021%2019%22%3E%3Cpath%20d%3D%22M0%206.288h5.03v12.576H0V6.288zM2.5%205.03h-.03C.97%205.03%200%203.912%200%202.515%200%201.087%201%200%202.53%200%204.06%200%205%201.087%205.03%202.515c0%201.397-.97%202.515-2.53%202.515zm13.09%2013.834V12.29c0-1.65-.655-2.777-2.296-2.777-1.251%200-1.997.76-2.325%201.493-.12.263-.149.63-.149.997v6.861H6.288s.06-11.134%200-12.286h4.532v1.739c.602-.837%201.68-2.029%204.085-2.029%202.982%200%205.217%201.757%205.217%205.532v7.044H15.59z%22%20fill%3D%22%2300a9ce%22%2F%3E%3C%2Fsvg%3E"); }

#header .logo { margin: 13px 0 0 28px; float: left; }
#header .logo img { max-height: 41px; vertical-align: top; }
#header .search label { font: 700 14px/70px SourceSans; color: #01506f; letter-spacing: 0.14em; text-transform: uppercase; }
#header .search svg { margin-left: 5px; width: 15px; height: 15px; vertical-align: -2px; fill: #01506f; }
#header .search { float: right; position: relative; }
#header .search input { padding: 20px 40px 20px 20px; width: 225px; height: 70px; background: #e5e5e5; border: none; font-size: 14px; font-weight: 700; color: #01506f; letter-spacing: 2px; text-transform: uppercase; }
#header .search svg { top: 26px; right: 20px; position: absolute; }
#header #lang { padding: 17px 20px 0; float: right; }
#header #lang li { display: inline-block; }
#header #lang li a { padding: 9px 12px; font-size: 14px; font-weight: 600; color: #01506f; display: inline-block; }
#header #lang li a:hover { background: #e5e5e5; }
#header #lang li.active a { background: #e5e5e5; }
#header #lang li svg { display: none; }
#header #lang-mobile { display: none; }
#header #lang-mobile.active { display: block; }

.nav-toggle { margin: 18px 0 0 0; padding: 10px; width: 22px; height: 15px; position: relative; cursor: pointer; box-sizing: content-box; }
.nav-toggle:hover { background: #e5e5e5; }
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after { content: ''; width: 22px; height: 3px; background: #01506f; display: block; position: absolute; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.nav-toggle span { top: 16px; }
.nav-toggle span:before { top: -6px; }
.nav-toggle span:after { top: 6px; }
.nav-toggle span.active { background-color: transparent; }
.nav-toggle span.active:before, .nav-toggle span.active:after { top: 0; }
.nav-toggle span.active:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.nav-toggle span.active:after { top: 8px; -webkit-transform: translateY(-8px) rotate(-45deg); -moz-transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg); -o-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); }

#home-banner { height: 635px; clear: both; overflow:hidden; }
#home-banner .banner { background-size: cover; text-align: right; height: 635px; width: 100%; }
@media screen and (min-width: 992px) {
    #home-banner { height: 500px; }
    #home-banner .banner { height: 500px; background-position: bottom center; }
}
#home-banner .banner:before { width: 0; height: 100%; display: inline-block; vertical-align: middle; content: ''; }
#home-banner .banner-text { max-width: 500px; display: inline-block; vertical-align: middle; margin-right: 110px; text-align: left; }
#home-banner h2 { text-transform: uppercase; font: 600 56px/1.1 SourceSans; color: #fff; margin-bottom: 18px; }
#home-banner h5 { font: 400 25px/1.1 SourceSans; color: #fff; }
#home-banner .btn { font-size: 13px; }
#home-banner .slick-arrow { display: none !important; }
#home-banner .slick-dots { position: absolute; bottom:10px; text-align:center; width:100%; }
#home-banner .slick-dots li { display: inline-block; padding: 5px; }
#home-banner .slick-dots li button { margin: 0; width: 10px; height: 10px; background-color: #fff; opacity: 0.3; display: block; border-radius: 5px; font-size: 0; padding: 0; }
#home-banner .slick-dots li:hover button { opacity: 0.6; }
#home-banner .slick-dots li.slick-active button { opacity: 1; }

#home-stories { font-size: 0; }
#home-stories .story { width: 25%; display: inline-block; height: 0; height: 400px; position: relative; background-size: auto 100%; background-position: center center; transition:background-size 1s; }
#home-stories .story:hover { background-size:auto 120%;  }
#home-stories .title { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 195px; border: 2px solid #fff; border-bottom: none; font: 600 18px/1 SourceSans; color: #fff; padding: 18px 20px; text-align: center; text-transform: uppercase; }
#home-stories .title span { position: absolute; bottom: -4px; font-weight: 400; font-size: 12px; width: 100%; left: 0; }
#home-stories .title span:before, #home-stories .title span:after { position: absolute; content: ''; top: 6px; display: block; height: 2px; width: 60px; background: #fff; }
#home-stories .title span:before { left: 0; }
#home-stories .title span:after { right: 0; }
#home-stories h3 { position: absolute; bottom: 0; padding: 0 23px 23px; font: 400 22px/1 SourceSans; color: #fff; text-align: center; width: 100%; }
#home-stories.work .title { padding: 25px 20px; }
#home-stories.work .title span:before, #home-stories.work .title span:after { width: 48px; }
body.french #home-stories.work .title span { font-size: 10px; }
body.french #home-stories.work .title span:before, body.french #home-stories.work .title span:after { top: 4px; width: 14px; }
#home-stories .slick-dots { position: absolute; top: 15px; font-size: 0; line-height: 0; text-align: center; width: 100%; }
#home-stories .slick-dots li { display: inline-block; padding: 5px; }
#home-stories .slick-dots li button { margin: 0; width: 10px; height: 10px; background-color: #fff; opacity: 0.3; display: block; border-radius: 5px; font-size: 0; padding: 0; }
#home-stories .slick-dots li:hover button { opacity: 0.6; }
#home-stories .slick-dots li.slick-active button { opacity: 1; }

#how-works { text-align: center; padding: 55px 0 40px; }
#how-works h3 { font-size: 36px; font-weight: 600; color: #a6192e; text-transform: uppercase; }
#how-works .how-tabs { padding: 45px 0 50px; }
#how-works .how-tabs .tab { cursor: pointer; font-size: 16px; line-height: 1.95em; margin: 0 14px; }
#how-works .how-tabs .tab:hover { background: #00a9ce; border-color: #00a9ce; color: #fff; }
#how-works .how-tabs .tab.active, #how-works .how-tabs .tab.slick-current { background: #a6192e; color: #fff; border-color: #a6192e; }
#how-works .how-cont { display: none; }
#how-works .how-cont.active { display: block; }
#how-works .how-cont p { font-size: 22px; text-align: center; font-weight: 300; margin-bottom: 33px; line-height:1.3; }
#how-works .how-cont .btn { position: relative; z-index: 10;}

#mobile-how-tabs {padding-bottom:0; font-size:0; }
#mobile-how-tabs .slick-list {width:90%;margin:0 auto;display:inline-block}
#mobile-how-tabs .arrow { display: inline-block; cursor: pointer; max-width:5%; }
#mobile-how-tabs .arrow svg { width: 20px; height: 13px; fill: #A71830; }
#mobile-how-tabs .arrow.prev { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
#mobile-how-tabs .arrow.next { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
#mobile-how-tabs .arrow:hover svg { fill: #01506f; }
#mobile-how-tabs > * {vertical-align:middle}
#mobile-how-tabs+.how-container {padding:0 30px;}
#mobile-how-tabs+.how-container .how-cont p {width:80%;margin:0 auto 30px}
#mobile-how-tabs+.how-container .icons {position:relative}
#mobile-how-tabs+.how-container .icons .slick-list {padding-top:50px}
#mobile-how-tabs+.how-container .icons .slick-dots {position:absolute;top:0;width:100%}
#mobile-how-tabs+.how-container .icons .slick-dots li {display:inline-block;margin:0 5px}
#mobile-how-tabs+.how-container .icons .slick-dots li button {background:#D9D9D9;border:none;width:12px;height:12px;display:block;border-radius:6px}
#mobile-how-tabs+.how-container .icons .slick-dots li.slick-active button {background:#A7192F}



.anim-holder { position: relative; }
.anim-holder .icons { font-size: 0; margin: auto; text-align: center; position: relative; z-index: 1; }
.desktop-only .anim-holder .icons { width: 1200px;}
.anim-holder .icons .icon { width: 300px; display: inline-block; vertical-align: top; }
.anim-holder .icons img { width: 180px; height: auto; display: block; margin-bottom: 25px; margin: 0 auto 25px; }
.anim-holder .icons p { padding: 0 20px; }

.home-anim { width: 1500px; height: 460px; position: absolute; top: -100px; z-index: 2; }

#apply { padding: 35px 20px 45px; background: url(../images/bg-apply.jpg) no-repeat top center/cover; text-align: center; }
#apply .hb { width: 91px; height: 59px; }
#apply h3 { padding: 12px 0 0; font-size: 36px; font-weight: 600; color: #fff; text-transform: uppercase; }

#statement { background: #F7F7F7; text-align: center; padding: 50px 0; }
#statement h3 { color: #a6192e; font: 600 36px/1 'SourceSans'; text-transform: uppercase; margin-bottom: 10px; }
#statement img { border-radius: 100%; margin: 40px 0 15px; }
#statement h4 { font: 700 14px/31px 'SourceSans'; letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 0px; color: #01506f; }
#statement p { font-size: 28px; font-weight: 300; max-width: 800px; margin: 0 auto 17px; }
#statement a { color: #a6192e; font-size: 12px; letter-spacing: 0.166em; text-transform: uppercase; font-weight: 700; }

#news { padding: 46px 0 40px; transition: background-color 0.2s; }
#news.int { box-shadow: inset 0 9px 6px -6px rgba(0, 0, 0, 0.1); }
#news.int > .wrap > h3 { color: #a6192e; font-weight: 700; font-size: 32px; }
#news h3 { text-align: center; font: 600 36px/1 SourceSans; color: #fff; text-transform: uppercase; transition: color 0.2s; }
#news.white h3 { color: #01506f; }
#news.white .btn-holder .btn { border-color: #01506f; color: #01506f; }
#news.white .btn-holder .btn:hover { color: #fff; background: #01506f; }
#news.gray h3 { color: #7d7d7d; }
#news.gray .btn-holder .btn { border-color: #595959; color: #595959; }
#news.gray .btn-holder .btn:hover { color: #fff; background: #595959; }
#news .news-flex { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 38px; }
#news .news-flex .news { width: 50%; min-height: 300px; padding: 35px 38px 110px; position: relative; }
#news .news-flex .news h3 { color: #fff; margin-top: 8px; text-align: left; font-size: 24px; line-height: 1.25; text-transform: none; font-weight: 400; padding-right: 35%; }
#news .news-flex .news .date { font: 700 14px/1 SourceSans; letter-spacing: 0.14em; text-transform: uppercase; }
#news .news-flex .news .btn { position: absolute; bottom: 37px; left: 37px; }
#news .news-flex .news .btn:hover { background: #fff; border-color: #fff; }
#news .news-flex .news.blu, #news .news-flex .tweet_list li:first-child .news { background: #01506f; }
#news .news-flex .news.blu .date, #news .news-flex .tweet_list li:first-child .news a { color: #00a9ce; }
#news .news-flex .news.blu .btn:hover, #news .news-flex .tweet_list li:first-child .news .btn:hover { color: #01506f; }
#news .news-flex .news.blu .tweet-box, #news .news-flex .tweet_list li:first-child .news .tweet-box { background-color: #00a9ce; }
#news .news-flex .news.ltblu, #news .news-flex .tweet_list li:nth-child(2) .news { background: #00a9ce; }
#news .news-flex .news.ltblu .date, #news .news-flex .tweet_list li:nth-child(2) .news a { color: #01506f; }
#news .news-flex .news.ltblu .btn:hover, #news .news-flex .tweet_list li:nth-child(2) .news .btn:hover { color: #00a9ce; }
#news .news-flex .news.ltblu .tweet-box, #news .news-flex .tweet_list li:nth-child(2) .news .tweet-box { background-color: #01506f; }
#news .news-flex .news.red, #news .news-flex .tweet_list li:nth-child(3) .news { background: #a6192e; }
#news .news-flex .news.red .date, #news .news-flex .tweet_list li:nth-child(3) .news a { color: #fff; }
#news .news-flex .news.red .btn:hover, #news .news-flex .tweet_list li:nth-child(3) .news .btn:hover { color: #a6192e; }
#news .news-flex .news.red .tweet-box, #news .news-flex .tweet_list li:nth-child(3) .news .tweet-box { background-color: #821323; }
#news .news-flex .news.gray, #news .news-flex .tweet_list li:nth-child(4) .news { background: #E5E5E5; }
#news .news-flex .news.gray .date, #news .news-flex .tweet_list li:nth-child(4) .news .a { color: #a6192e; }
#news .news-flex .news.gray h3, #news .news-flex .tweet_list li:nth-child(4) .news h3 { color: #7d7d7d; }
#news .news-flex .news.gray .btn.white, #news .news-flex .tweet_list li:nth-child(4) .news .btn.white { border-color: #595959; color: #595959; }
#news .news-flex .news.gray .btn.white:hover, #news .news-flex .tweet_list li:nth-child(4) .news .btn.white:hover { background: #595959; color: #fff; }
#news .news-flex .news.gray .tweet-box, #news .news-flex .tweet_list li:nth-child(4) .news .tweet-box { background-color: #00a9ce; }
#news .news-flex .tweet_list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top:0; }
#news .news-flex .tweet_list li { width: 25%; min-height: 0px}
#news .news-flex .tweet_list li .news.tweet {padding: 30px 30px 65px;width:100%;height:100% }
#news .news-flex .tweet_list li:nth-child(2) .news .date, #news .news-flex .tweet_list li:nth-child(1) .news .date { color: #fff; }
#news .news-flex .tweet_list li:nth-child(4) .news .date { color: #00a9ce; }
#news .news-flex .tweet_list li:nth-child(4) .news .tweet-text { color: #595959; }
#news .news-flex .tweet_list li:nth-child(4) .news .share { color: #00a9ce; }
#news .news-flex .tweet_list li:nth-child(4) .news .share svg { fill: #00a9ce; }
#news .news-flex .news .tweet-box { width: 40px; height: 40px; padding: 11px 0 0 10px; margin-bottom: 25px; }
#news .news-flex .news .tweet-box svg { fill: #fff; width: 21px; height: 18px; }
#news .news-flex .news .tweet-text { font-size: 22px; line-height: 1.2; color: #fff; margin-top: 5px; }
#news .news-flex .news .share { font-size: 12px; line-height: 18px; font-weight: bold; letter-spacing: 0.166em; text-transform: uppercase; position: absolute; bottom: 25px; left: 30px; color: #fff; }
#news .news-flex .news .share svg { fill: #fff; width: 21px; height: 18px; vertical-align: middle; }
#news .btn-holder { text-align: center; }
#news .btn-holder .btn { margin-top: 40px; }

#newsletter { padding: 32px 0; background: #01506f; }
#newsletter h4 { font-size: 20px; font-weight: 600; color: #fff; text-transform: uppercase; display: inline-block; vertical-align: middle; }
#newsletter .gform_wrapper { margin: 0 0 0 15px; font-size: 0; display: inline-block; position: relative; vertical-align: middle; }
#newsletter .gfield { margin: 0 5px; width: 215px; font-size: 13px; display: inline-block; position: relative; }
#newsletter .gfield label { display: none; }
#newsletter .gfield input { padding: 0 14px; width: 100%; height: 36px; border: none; font-family: inherit; font-size: 13px; line-height: 1.5; color: #7d7d7d; display: block; }
#newsletter .gform_body, #newsletter .gform_footer { display: inline-block; vertical-align: top; }
#newsletter .gform_footer { font-size: 13px; }
#newsletter .gform_footer .btn { margin: 0 0 0 5px; width: 130px; background: transparent; border-color: #fff; color: #fff; }
#newsletter .gform_footer .btn:hover { color: #01506f; background: #fff; }
#newsletter .gform_confirmation_message { color:#fff; }
#newsletter .validation_message {color:#fff; position: absolute; }

.french #newsletter h4 { font-size:17px; }
.french #newsletter .gfield { width:150px; }

@media screen and (max-width: 560px) { #newsletter .gform_wrapper { width: 280px; } }

#footer { padding: 23px 0 80px; width: 100%; background: #fff; float: left; }
#footer #footer-nav { padding: 0 0 21px; float: left; }
#footer #footer-nav > li { display: inline-block; vertical-align: top; }
#footer #footer-nav > li + li { margin: 0 0 0 55px; }
#footer #footer-nav > li > a { margin: 0 0 8px; font-size: 16px; font-weight: 700; color: #01506f; text-transform: uppercase; display: block; }
#footer #footer-nav > li > a:hover { color:#00a9ce; }
#footer #footer-nav > li ul { font-size: 13px; }
#footer #footer-nav > li ul li { margin: 0 0 8px; }
#footer #footer-nav > li ul a { color: #595959; }
#footer #footer-nav > li ul a:hover { color:#00a9ce; }
@media screen and (max-width: 1040px) { #footer #footer-nav > li + li { margin: 0 0 0 32px; } }
@media screen and (max-width: 915px) { #footer #footer-nav > li { display: block; }
  #footer #footer-nav > li + li { margin: 0; }
  #footer #footer-nav > li ul { display: none; } }
#footer .social { float: right; }
#footer .social a { display: inline-block; }
#footer .social a + a { margin: 0 0 0 16px; }
#footer .social svg { width: 20px; height: 20px; display: inline-block; fill: #B2B2B2; }
#footer .social a:hover svg { fill:#00a9ce; }
#footer #util { padding: 0 0 11px; border-bottom: 1px solid #d8d8d8; line-height: 1; clear: both; }
#footer #util a { font-size: 13px; font-weight: 700; color: #7d7d7d; text-transform: uppercase; }
#footer #util a:hover { color:#00a9ce; }
#footer #util a + a { margin: 0 0 0 7px; padding: 0 0 0 11px; border-left: 1px solid #7d7d7d; }
#footer #report { margin: 0 0 -18px 0; font-size: 13px; color: #7d7d7d; text-transform: uppercase; float: right; clear: both; }
#footer #report a { display: inline-block; color: #a6192e; font-weight: 700; }
#footer .copy { margin: 14px 0 0; font-size: 11px; color: #7d7d7d; line-height:31px; }
#footer .copy .who-logo { float:right; width:100px; }
#footer .copy .jackrabbit { float: right; color: #BABABA; }
#footer .copy .jackrabbit a { color: #BABABA; }
#footer .copy .jackrabbit a:hover { color: #949494; }
@media screen and (max-width: 915px) { #footer { padding: 17px 0; }
  #footer #footer-nav { padding: 0 0 12px; }
  #footer #footer-nav li a { margin: 0 0 6px; }
  #footer #util { padding: 10px 0 0; border: none; border-top: 1px solid #d8d8d8; line-height: .7; }
  #footer #util a { font-size: 10px !important; }
  #footer #report { margin: 0 0 8px; float: none; } }

#interior { background-image: linear-gradient(to bottom, #fff 0%, #f5f5f5 300px, #f5f5f5 485px, #fff 486px, #fff 100%); }
#interior.no-grad { background-image: none; }

#intro { padding: 50px 20px 21px; }
#intro:not(.wrap) { padding-left:0; padding-right:0; }
#intro.gradient { background-image: linear-gradient(to bottom, #fff 0%, #f5f5f5 100%); padding-left:0; padding-right:0; }
#intro h2 { font-weight: 600; font-size: 44px; color: #a6192e; line-height: 1.13; margin-bottom: 14px; }
#intro h2.caps { text-transform: uppercase; font-size: 38px; font-weight: 700; letter-spacing: 0.1em; }
#intro h3 { font-size: 24px; font-weight: 600; color: #01506f; }
#intro h5 { font-size: 24px; color: #595959; line-height: 1.33; }
#intro .btn { margin-top: 23px; }
#intro h1 + h3 { margin-top: 26px; }
#intro h1 + h3:last-child { margin-bottom: 30px; }

.side-headings { width: 67.54386%; float: left; margin-top: 20px; margin-bottom: 14px; }
.side-headings ul { margin-top: 16px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; overflow: hidden; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; position: relative;}
.side-headings ul li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; padding: 10px 0; border-top: 1px solid #D8D8D8; position: relative; top: -1px; }
.side-headings ul:after { width:100%; height:1px; background:#f5f5f5; bottom:0; left:0; content:''; position: absolute;}
.side-headings p { margin-top: 14px; }
.side-headings p:first-of-type { margin-top: 29px; }
.side-headings .filters { margin: 42px 0 0; }
.side-headings .filters label, .side-headings .filters .select-menu { display: inline-block; }
.side-headings .filters label { line-height: 36px; margin-right: 8px; }
.side-headings .filters .select-menu, .side-headings .filters .field { width: 200px; }
.side-headings .filters .dropdowns { margin-right: 29px; }
.side-headings .filters .dropdowns, .side-headings .filters .search { float: none; vertical-align: top; display: inline-block; }
.side-headings.newspg {float:none;margin:0 0 30px}

.side-docs { width: 23.68421%; float: right; background: #01506f; padding: 30px; margin-top: 20px; margin-bottom: 24px; color: #fff; }
.side-docs h4 { color: #fff; font-weight: 700; font-size: 24px; line-height: 1.125; letter-spacing: 0.166em; text-transform: uppercase; margin-bottom:10px; }
.french .side-docs h4 { font-size:18px; }
.side-docs ul li { border-bottom: 1px solid #377A95; padding: 8px 0; font-size: 15px; line-height: 22px; color: #fff; }
.side-docs ul li:last-child { border-bottom: none; padding-bottom: 0; }
.side-docs a { color: #00a9ce; }
.side-docs a:hover { color:#fff; }
.side-docs ul li a { font-weight: 600; }
.side-docs p { margin-top: 14px; }
.side-docs .btn { font-size: 13px; font-weight: 600; padding: 0; width: 100%; display: block; text-align: center; }

#main { background: #fff; width: 1140px; padding: 44px 50px 80px; }
#main.bigger { padding: 44px 20px 80px; width: 1180px; }
#main #article { width: 68.26923%; float: right; }
#main #article.bigger { width: 100%; }
#main #article.left { float: left; width: 57.89474%; }
#main #article.left.bigger { width: 68.42105%; }
#main #sidebar { width: 26.92308%; float: left; background: gray; }
#main #sidebar.right { float: right; width: 35.08772%; }
#main.nobg { width: 1180px; padding-left: 20px; padding-right: 20px; }
#main #sidebar .side-docs {width:100%;float:none}
.page-template-template-publications #main.bigger  {padding: 44px 20px 40px;}

#article.committees {display:table;margin-bottom: 30px}
#article .committee-left {width:50%;display:table-cell;background:#00AACE;color:#fff;padding:30px 40px;vertical-align:top}
#article .committee-right {width:50%;display:table-cell;background:#A7192F;color:#fff;padding:30px 40px;vertical-align:top}
#article.committees h3 {color:#fff;padding-bottom:0;border-bottom:none;margin-bottom:15px}
#article.committees h6 {color:#fff;font-size:14px;text-transform:uppercase;font-weight:700;letter-spacing:1px}

.search #article h4 {color:#7d7d7d}
.search #article .search-result {margin-top:30px}
.search #article .search-result h5 {width:100%;color:#01506F;margin-bottom:10px}
.search #article .search-result h5 a {color:#01506F}
.search #article .search-result .search-result-content {display:table;border-bottom:1px solid #D8D8D8;padding-bottom:30px;width:100%}
.search #article .search-result .search-result-content .search-info {width:80%;display:table-cell;vertical-align:top;}
.search #article .search-result .search-result-content .vmore {width:20%;display:table-cell;vertical-align:top;text-align:right;text-transform:uppercase;letter-spacing:1px;color:#a6192e;font-size:12px;font-weight:700}
.search #main.bigger {padding:44px 20px 30px}
.search #pagination {padding-bottom:30px}

.team-grid { margin: 60px 0 40px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.team-grid .member { width: 23.07692%; text-align: center; padding-bottom: 35px; }
.no-flexbox .team-grid .member { display:inline-block;  }
.team-grid .member.empty { padding-bottom:0; }
.team-grid .member .hs { width: 100%; padding: 0 0 100%; background-size: cover; background-position: center center; overflow: hidden; position: relative; display: block; }
.team-grid .member .hs:hover span { top: calc(100% - 40px); }
.team-grid .member h3 { font-size: 24px; line-height: 1.05em; color: #01506f; text-transform: uppercase; font-weight: 700; margin-top: 16px; transition: color 0.15s; }
.team-grid .member h3 small { font-size: 14px; line-height: 16px; display: block; }
.team-grid .member h4 { font-size: 12px; line-height: 1.5; color: #7D7D7D; text-transform: uppercase; margin-top: 2px; font-weight: 600; }
.team-grid .member span { display: block; width: 198px; height: 198px; background: #a6192e; opacity: 0.9; border-radius: 100%; line-height: 46px; font-size: 12px; font-weight: 700; text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 0.166em; position: absolute; left: 50%; margin-left: -99px; top: 100%; transition: top 0.15s; }
.team-grid.chairs { margin-bottom: 0; }
.team-grid.chairs + .team-grid { margin-top: 0; }
.team-grid.chairs .member { width: 47.86325%; }
.team-grid.chairs .member .hs { padding: 0 0 48.21429%; }

.mfp-bg.bio-lb { background: #fff; }

.bio-lb .mfp-close { color: #a6192e; width: 60px; height: 40px; line-height: 40px; font-size: 25px; top: 25px; opacity: 1; }
.bio-lb .mfp-close:after { content: 'CLOSE'; font-size: 13px; font-family: 'SourceSans'; font-weight: 700; margin-left: 8px; vertical-align: 4px; }
.french .bio-lb .mfp-close:after { content: 'FERMER';  }
.bio-lb .mfp-close:hover { color: #01506f; }
.bio-lb.sec .mfp-close { right: 180px; }

.bio { width: 910px; position: relative; min-height: 450px; padding: 70px 0; }
.bio.sec { width: 1090px; }
.bio.sec .text { left: calc(100% - (100% - 270px)); }
.bio .text { background: #01506f; padding: 40px 100px 40px 120px; position: relative; width: 640px; left: calc(100% - 640px); color: #fff; }
.bio .text h3 { font-size: 44px; color: #fff; line-height: 1.13; margin-bottom: 20px; }
.bio .text h4 { font-size: 24px; font-weight: 600; margin-bottom: 28px; color: #fff; }
.bio .text p + p { margin-top: 0.8em; }
.bio img { position: absolute; left: 0; top: 0; z-index: 2; }
.bio img.personality { left: auto; right: 0; top: 190px; }
.bio .info { position: absolute; top: 300px; left: 30px; background: #00a9ce; width: 320px; padding: 40px; color: #fff; font-size: 14px; z-index: 2; }
.bio .info dd + dt { margin-top: 12px; border-top: 1px solid rgba(255, 255, 255, 0.4); padding-top: 12px; }
.bio .info dt { letter-spacing: 0.14em; font-weight: 600; text-transform: uppercase; }
.bio .info a { color: #fff; }

#lightboxes > *, .lightboxes > * {display:none}

.videolb {background:#fff;padding:20px;margin:0 auto;position:relative;}
.videolb h5 {color:#a6192e;margin:20px 0 20px}
.videolb p {}
.vid-lb .mfp-close { color: #fff; width: 60px; height: 40px; line-height: 40px; font-size: 25px; top:-55px;right:-22px; opacity: 1; }
.vid-lb .mfp-close:after { content: 'CLOSE'; font-size: 13px; font-family: 'SourceSans'; font-weight: 700; margin-left: 8px; vertical-align: 4px; }
.vid-lb .mfp-close:hover { color: #01506f; }
.vid-lb.sec .mfp-close { right: 180px; }
.mfp-bg.vid-lb { background: #01506f; }
.videolb .mfp-iframe-scaler { position:relative;overflow:visible;height:auto }
a.vid-en, a.vid-fr {position:relative;display: block}
.playbut {position:absolute;top:calc(50% - 24px);left:50%;margin-left:-34px;;display: block}



.dotted { width: 100%; height: 1px; background-image: linear-gradient(to right, #CCCCCC 4px, #fff 3px); background-size: 7px 1px; background-repeat: repeat-x; margin: 30px 0 70px; }

.chart { text-align: center; }
.chart h3 { font-weight: 700; color: #a6192e; letter-spacing: 0.095em; text-transform: uppercase; font-size: 32px; }
.chart img { display: inline-block; margin: 27px auto 80px; width: 1140px; max-width: 100%; }

/* != PLACEHOLDER ATTRIBUTE STYLES = input or textarea - placeholder="whatever" ===== */
::-webkit-input-placeholder { color: #01506f; }

::-moz-placeholder { color: #01506f; }

input[type=submit], button { display: inline-block; cursor: pointer; }

.breadcrumb { margin: 0 auto; padding: 0; max-width: 1140px; font-size: 13px; color: #7d7d7d; letter-spacing: .13em; text-transform: uppercase; }
.breadcrumb img { max-height: 17px; vertical-align: top; }
.breadcrumb span { padding: 0 7px; display: inline-block; }
.breadcrumb svg { width: 24px; height: 16px; vertical-align: -3px; display: inline-block; }
.breadcrumb a { color: #7d7d7d; }

.btn { font-weight: bold; letter-spacing: .13em; }

hr.divide { width: 100%; border: 4px solid rgba(0, 0, 0, 0.05); }

#intro h2 { max-width: 800px; }

.content-main p { margin-bottom: 0.93em; }
.content-main blockquote { padding: 0 0 0 20px; border-left: 2px solid #a6192e; font-size: 20px; line-height: 1.5; font-weight: 300; }
.content-main blockquote.alignleft, .content-main blockquote.alignright { margin-top: 0; max-width: 300px; float: right; }
.content-main blockquote h6 { margin: 0 0 10px 0; font-size: 14px; color: #a6192e; text-transform: uppercase; }
.content-main blockquote { margin-top: 25px; margin-bottom: 25px; }
.content-main blockquote div {margin-top:-20px}
.content-main figure, .content-main>div:not(.wp-video) { position: relative; }
.content-main figure.right, .content-main div.alignright { float: right; margin: 0 0 50px 50px; }
.content-main figure>img { vertical-align: top; width:100%; }
.content-main figure figcaption, .content-main div p.wp-caption-text { font-size: 13px; color: #7D7D7D; line-height: 1.3; }
.content-main hr { margin: 38px 0; border-color: #d8d8d8; }
.back { color: #a6192e; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; display: block; margin-top: 24px; font-weight: 700; }
.content-main blockquote strong {color:#a6192e;font-weight:normal;text-transform:uppercase;font-size:14px; line-height:1.3; display: inline-block;}
.content-main blockquote p {color:#01506f; }

.dl-link { margin: 0 21px 0 0; }

.disc-link { font-size: 11px; color: #7d7d7d; letter-spacing: 1.69px; text-transform: uppercase; }

#projects { margin: 0 auto; padding: 50px 0; width: 100%;box-sizing:border-box }
#projects img { max-width: 100%; }
#projects h3 { margin: 0 0 28px 0; font-size: 28px; color: #a6192e; font-weight: bold; letter-spacing: 4px; text-align: center; text-transform: uppercase; }
#projects h5 { font-size: 22px; color: #01506f; line-height: 1.3; }
#projects h5 a { color:currentColor;  }
#projects h5 a:hover { color:#a6192e;  }
#projects .gutter { padding:0; }
#projects .col { padding: 0 25px; max-width: 50%; float: left; }
#projects .col h5 { margin: 12px 0; }
#projects .col > a { font-size: 12px; font-weight: bold; color: #a6192e; letter-spacing: 2px; text-transform: uppercase; }
#projects .col > a:hover {  color:#01506f; }

#sidebar { background: none !important; font-size: 14px; line-height: 1.5; }
#sidebar h3 { margin: 35px 0 0 0; color: #01506f; font-weight: bold; letter-spacing: .12em; text-transform: uppercase; }

#sidebar-list h6 { color: #a6192e; font-size: 14px; font-weight: bold; line-height: 1.5; letter-spacing: .14em; text-transform: uppercase; }
#sidebar-list li { padding: 10px 0; border-bottom: 1px solid #d8d8d8; }
#sidebar-list li:last-child { border-bottom: none; }
#sidebar-list + .btn { margin-top: 13px; }
#sidebar-list .ddate {font-size:11px;display:block;color:#7D7D7D;margin-top:-3px}

.vis-graph { display: block; background: #fff; padding: 21px 10px 62px; background: #a6192e url(../images/vis-graph.png) no-repeat bottom center; color: #fff; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; text-align: center; margin-top: 30px; }
.vis-graph:hover { background-color: #99172a; color: #fff; }

#sidebar-general { margin: 0 0 30px 0; }
#sidebar-general h3 { margin: 0 0 14px 0; }
#sidebar-general li { padding: 14px 0; border-bottom: 1px solid #d8d8d8; }
#sidebar-general li:last-child { border-bottom: none; }
#sidebar-general li a { font-size: 16px; font-weight: bold; color: #595959; letter-spacing: 1px; }
#sidebar-general li a:hover { color: #00a9ce; }

.notice { margin-bottom: 24px; background: #00a9ce; color: #fff; line-height: 1.3; text-align: center; }
.notice .notice-title { padding: 18px 18px 12px 18px; border-bottom: 1px solid #1fb3d3; font-size: 18px; font-weight: 600; text-transform: uppercase; }
.notice .notice-content { padding: 14px 18px 18px 18px; font-size: 16px; }
.notice .notice-content p { margin: 0 0 16px 0; }
.notice .notice-content a { color:#fff; }
.notice .notice-content a.cfp { display:block; }
.notice .notice-content a.cfp:hover { color:rgba(255,255,255,0.8); }
.notice .notice-content a.cfp+a.cfp { border-top: 1px solid #1fb3d3; padding-top:12px; margin-top:12px;}
.notice .notice-content a.cfp+.btn { margin-top:20px; }
.notice .notice-content .notice-sub { margin: 0 0 16px 0; font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; }
.notice .btn { margin: 0; width: 100%; }
.notice .btn:hover { background: #fff; color: #00a9ce; }

.side-projects .proj { padding: 27px 0; border-bottom: 1px solid #D8D8D8; }
.side-projects .proj:last-child { border-bottom: none; }
.side-projects h6, .side-projects .read { font-size: 12px; font-weight: 700; color: #7D7D7D; letter-spacing: 0.16em; text-transform: uppercase; }
.side-projects h4 { font-size: 20px; line-height: 1.2; margin: 3px 0 20px; }
.side-projects h4 a { color: #01506f; }
.side-projects h4 a:hover { color: #00a9ce; }
.side-projects .read { color: #a6192e; }

#work-top { background: url(../images/bg-work.jpg) top center; text-align: center; padding: 50px 0 40px; }
#work-top .breadcrumb { line-height: 16px; color: #fff; }
#work-top .breadcrumb a { color:currentColor; }
#work-top h2 { font-size: 38px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.1em; color: #fff; line-height: 1; }
#work-top h2 a { color:#fff; }
#work-top h2 a:hover { text-decoration:underline; }
#work-top p { max-width: 720px; margin: 26px auto 0; font-size: 24px; font-weight: 600; color: #fff; line-height: 1.25em; }
#work-top.projects { text-align: left; }
#work-top.projects p { margin: 26px 0 0; }
#work-top .top-years { width:485px; margin-top:24px; max-width:100%; }

.work-head { padding: 40px 20px 0; width: 800px; }
.work-head.sm { width: 750px; }
.work-head h3 { font-size: 24px; color: #01506f; font-weight: 600; }
.work-head h3 + p { padding-top: 24px; border-top: 1px solid #dadada; margin-top: 24px; }
.work-head p { font-size: 15px; }
.work-head + .work-strip:not(.w) { margin-top: 40px; }

.anim { position: absolute; height: 100%; top: 0; padding-top: 45px; }
.anim svg { width: 1500px; position: relative; z-index: 1; }
.anim div.mask { position: absolute; z-index: 2; background: #fff; top: 0; left: 0; width: 100%; height: 100%; }
.anim .bird { position: absolute; margin: -40px 0 0 -60px; width: 120px; z-index: 3; }
.anim div.color { position: absolute; z-index: 4; top: 0; left: 0; width: 0; height: 100%; }
.anim div.color.b { background: #01506f; }
.anim div.color.lb { background: #00a9ce; }
.anim div.color.r { background: #a6192e; }
.anim div.color.w { background: #fff; }
.anim.alt { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); }
.wrap {  margin: 0 auto; padding: 0 20px;  max-width: 100%; box-sizing: border-box;font-size:18px; }
.work-strip { text-align: center; padding: 30px 0; position: relative; }
.work-strip .wrap { width: 760px; font-size: 0; padding: 0 20px; position: relative; z-index: 5; }
.work-strip p, .work-strip img { vertical-align: middle; display: inline-block; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.work-strip p:first-child, .work-strip img:first-child { margin-right: 40px; }
.work-strip p { font-size: 24px; color: #fff; width: calc(100% - 180px); text-align: right; }
.work-strip img { border-radius: 100%; width: 140px; height: auto; display: inline-block; }
.work-strip img + p { text-align: left; }
.work-strip.w { background: #fff; }
.work-strip.w p { color: #7D7D7D; }
.work-strip.lb { background: #00a9ce; }
.work-strip.r { background: #a6192e; }
.work-strip.b { background: #01506f; }
.work-strip.sm .wrap { width: 420px; }

body.ie .work-strip p,
    body.ie .work-strip img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
body.ie .anim div.color { width:100%;  }

#examples { width: 660px; padding: 42px 20px 75px; }
#examples h3 { font-weight: 700; color: #a6192e; font-size: 24px; text-align: center; text-transform: uppercase; letter-spacing: 0.125em; margin-bottom: 40px; }

.example figure { margin-bottom: 50px;height:305px }
.example img { max-width: 100%; }
.example figcaption { font-size: 13px; margin-top:10px; }
.example h4 { font-size: 24px; line-height: 1.25; font-weight: 600; padding-bottom: 24px; border-bottom: 1px solid #D8D8D8; margin-bottom: 24px;color: #01506f; }
.example h4 a { color: #01506f; }
.example h4 a:hover { color: #a6192e; }
.example p { margin-bottom: 0.93em; }
.example a.more { font-size: 12px; font-weight: 700; text-transform: uppercase; color: #a6192e; letter-spacing: 0.16em; }
.example a.more:hover { color: #01506f; }

#examples-slider .arrow { display: inline-block; position: absolute; top: 140px; cursor: pointer; }
#examples-slider .arrow svg { width: 20px; height: 13px; fill: #a6192e; }
#examples-slider .arrow.prev { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); left: -50px; }
#examples-slider .arrow.next { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); right: -50px; }
#examples-slider .arrow:hover svg { fill: #01506f; }
#examples-slider .slick-dots { text-align: center;position:absolute;top:314px;width:100% }
#examples-slider .slick-dots li { display: inline-block; margin: 0 5px; }
#examples-slider .slick-dots li button { font-size: 0; line-height: 0; width: 10px; height: 10px; border-radius: 5px; background: #D8D8D8; display: inline-block; padding: 0; }
#examples-slider .slick-dots li.slick-active button { background: #a6192e; }


#cfp { font-size: 0; padding: 45px 0; background: #01506f; color: #fff; }
#cfp h3 { font-size: 28px; line-height: 1.13em; font-weight: 600; color: #fff; margin-bottom: 27px; }
#cfp h4 { font-size: 22px; line-height: 1.13em; font-weight: 600; color: #fff; margin-bottom: 15px; }
#cfp h5 { font-size: 14px; line-height: 1.14; letter-spacing: 0.14em; color: #fff; text-transform: uppercase; margin-bottom: 8px; }
#cfp h6 { font-weight: 700; font-size: 14px; color: #fff; letter-spacing: 0.16em; text-transform: uppercase; margin-bottom: 11px; }
#cfp p { font-size: 15px; line-height: 1.46em; margin-bottom: 0.93em; }
#cfp .left, #cfp .right { display: inline-block; vertical-align: middle; }
#cfp .left { max-width: 640px; width: calc(100% - 570px); }
#cfp .right { width: 460px; height: 460px; margin-left: 110px; background: url(../images/cfp-circles.png) no-repeat center center/contain; font-size: 0; }
#cfp .right:before { content: ''; height: 460px; width: 0; display: inline-block; vertical-align: middle; }
#cfp .right .text { display: inline-block; vertical-align: middle; text-align: center; padding: 0 100px; width: 100%; }
#cfp .right .btn { font-size: 14px; margin-top: 0; }
#cfp .right h6 { font-size: 12px; margin-bottom: 4px; }

dl.accordion dt { background: #a6192e; color: #fff; padding: 13px 80px 13px 20px; font-weight: 600; font-size: 15px; line-height: 1.46; margin-top: 10px; position: relative; cursor: pointer; }
dl.accordion dt:before, dl.accordion dt:after { width: 17px; height: 3px; background: #fff; display: block; content: ''; position: absolute; right: 21px; top: calc(50% - 1px); filter:grayscale(0%); -webkit-backface-visibility:hidden; }
dl.accordion dt:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; }
dl.accordion dt:hover { background: #00a9ce; }
dl.accordion dt.x:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
dl.accordion dd { padding: 15px 60px 15px 20px; background: #F7F7F7; display: none; }
dl.accordion dd p { margin: 0; }
dl.accordion dd p + p { margin-top: 0.9em; }

.steps { padding-left: 48px; position: relative; }
.steps:before { content: ''; width: 2px; height: calc(100% - 16px); background: #D1D3D4; display: block; position: absolute; left: 14px; top: 8px; }
.steps h3.dot { font-weight: 700; font-size: 18px; letter-spacing: 0.14em; text-transform: uppercase; position: relative; margin-bottom: 19px; border-bottom: none; padding-bottom: 0px; margin-top: 30px; }
.steps h3.dot:hover { color: #00a9ce; cursor: pointer; }
.steps h3.dot:before { content: ''; display: inline-block; position: absolute; width: 16px; height: 16px; background: #a6192e; top: 2px; left: -41px; border-radius: 100%; }
.steps h4 { font-size: 22px; color: #01506F; line-height: 1.18em; margin-top: 20px; }
.steps h5 { font-size: 14px; color: #7D7D7D; letter-spacing: 0.14em; line-height: 1.15em; text-transform: uppercase; }
.steps > div { display: none; margin-bottom: 20px; }

.links a { color: #a6192e; font-size: 12px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
.links a + a { border-left: 2px solid #e0e0e0; padding-left: 10px; margin-left: 4px; }
.links a:hover { color: #00a9ce; }

#elig-check { background: #01506f; padding: 33px 30px; }
#elig-check h3 { font-size: 24px; letter-spacing: 0.1em; font-weight: 700; text-transform: uppercase; margin: 0; color: #fff; }
#elig-check p { font-weight: 600; color: #fff; margin-top: 18px; margin-bottom: 8px; font-size: 15px; }
#elig-check input { display: none; }
#elig-check label { background: #01506f; border: 1px solid #00a9ce; color: #00a9ce; display: inline-block; width: 60px; height: 30px; font: 700 12px/30px SourceSans; text-align: center; text-transform: uppercase; margin-right: 5px; }
#elig-check label:hover { color: #fff; background: #00a9ce; }
#elig-check input:checked + label { background: #fff; border-color: #fff; color: #00a9ce; }

.elig-notice { background: #a6192e; padding: 20px 30px; font-size: 0; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: 0.16em; line-height: 15px; display: none; }
.elig-notice span, .elig-notice svg { display: inline-block; vertical-align: middle; }
.elig-notice span { width: calc(100% - 74px); font-size: 12px; letter-spacing: 0.16em; }
.elig-notice svg, elig-notice svg use { fill: #fff; width: 64px; height: 64px; margin-right: 10px; }
.elig-notice + p { margin-top: 24px; font-size: 15px; }

#questions { background: #a6192e; padding: 33px 30px; margin-top: 46px; }
#questions h3 { font-size: 24px; letter-spacing: 0.1em; font-weight: 700; text-transform: uppercase; margin: 0; color: #fff; }
#questions p { font-weight: 600; color: #fff; margin-top: 18px; margin-bottom: 8px; font-size: 15px; }
#questions .btn { margin-top: 20px; }

#inquiries { background: #F7F7F7; padding: 24px 30px; margin-top: 46px; }
#inquiries p { font-size: 15px; }
#inquiries p + p { margin-top: 0.93em; }

#need-apply { background: #F7F7F7; padding: 42px 50px; font-size: 0; margin-bottom: 70px; }
#need-apply ul li { display: inline-block; width: 50%; vertical-align: top; border-top: 1px solid #D8D8D8; padding: 25px 40px 25px 0; }
#need-apply ul li.empty { padding:0;  }
#need-apply ul li:nth-child(-n+2) { border-top: none; }
#need-apply h3 { font: 700 24px/1.25 SourceSans; color: #01506f; }
#need-apply h4 { font: 22px/1.2 SourceSans; color: #01506f; margin-bottom: 9px; }
#need-apply h4 a { color: #01506f; }
#need-apply h4 a:hover { color: #00a9ce; }
#need-apply h5 { font: 14px/1.15 SourceSans; color: #7D7D7D; margin-bottom: 2px; text-transform: uppercase; }

#projects-wrap { padding-top: 44px; }
#projects-wrap p:first-child { max-width: 720px; margin-bottom: 29px; }

.filters { margin-bottom: 30px; font-size: 0; }
.filters .search { float: right; }
.filters .search.left { float: left; }
.filters .search.left .field { width: 200px; }
.french .filters .search.left .field { width: 170px; }
.filters .search.margin { margin-right: 38px;margin-bottom:15px }
.filters .search .clear { margin-left:10px; }
.filters .dropdowns { float: left; }
.filters .dropdowns .field { margin-right: 10px; }
.filters .dropdowns.right { float: right; }
.filters .dropdowns.right .select-menu { width: 200px; }
.filters label { font-weight: 600; font-size: 14px; color: #01506f; letter-spacing: 2px; text-transform: uppercase; display: block; }
.filters.inlabels label { display: inline-block; line-height: 36px; margin-right: 9px; }
.filters .field { padding: 0 36px 0 12px; font-size: 13px; line-height: 17px; width: 130px; height: 36px; border: 2px solid #D8D8D8; display: inline-block; vertical-align: top; }
.filters #filterSearch { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EShape%20Copy%203%3C%2Ftitle%3E%3Cpath%20d%3D%22M14.685%2013.332l-3.916-3.93c.7-.982%201.119-2.175%201.119-3.438C11.888%202.666%209.231%200%205.944%200S0%202.666%200%205.964c0%203.298%202.657%205.965%205.944%205.965%201.258%200%202.448-.421%203.427-1.123l3.916%203.93c.35.351.978.351%201.398%200%20.42-.421.42-.982%200-1.404zm-8.741-2.807c-2.518%200-4.545-2.034-4.545-4.56%200-2.527%202.028-4.562%204.545-4.562s4.545%202.035%204.545%204.561c0%202.527-2.027%204.561-4.545%204.561z%22%20fill%3D%22%2301506F%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: calc(100% - 11px) 10px; }
.filters .select-menu { margin-right: 10px;margin-bottom:10px; width: 125px; vertical-align: top; display: inline-block; }
.filters button.field { background: #fff; border-color: #01506f; color: #01506f; width: auto; padding: 0 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
.filters button.field.clear {border-color:#A6192E;color:#A6192E}

.select-menu { position: relative; height: 36px; line-height: 36px; border: 2px solid #d8d8d8; background: #ffffff; vertical-align: middle; display: inline-block; overflow: hidden; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%227%22%20viewBox%3D%220%200%2010%207%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EImported%20Layers%20Copy%204%3C%2Ftitle%3E%3Cpath%20d%3D%22M0%201.397L1.397%200l3.494%203.494L8.386%200l1.397%201.397L4.891%206.29%200%201.397%22%20fill%3D%22%2301506F%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: calc(100% - 11px) 13px; }

.select-menu:hover { border-color: #AAAAAA;cursor:pointer }

.select-menu select { padding: 0 36px 0 12px; color: #5f5f5f; font-size: 13px; font-weight: 400; background: transparent; width: 100%; line-height: 17px; border: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; text-indent: 0.01px; text-overflow: ''; position: relative; z-index: 1;cursor:pointer; top:-2px; }

.select-menu select::-ms-expand { display: none; }

.select-menu select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #707070; }

.ginput_container_select.select-menu { display:block; }

#projects-grid { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
#projects-grid .proj { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); margin-bottom: 48px; width: calc(50% - 30px); display: block; transition: box-shadow 0.2s; }
.no-flexbox #projects-grid .proj { display:inline-block; margin-left:15px;  }
#projects-grid .proj:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); }
#projects-grid .proj:hover h3, #projects-grid .proj:hover p.read { color: #00a9ce; }
#projects-grid .proj:hover .img .hover { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
#projects-grid .text { padding: 22px 30px 26px; }
#projects-grid img { max-width: 100%; display: block; }
#projects-grid h3 { font-size: 22px; line-height: 1.2; color: #01506f; margin-bottom: 20px; }
#projects-grid p.read { font-weight: 700; font-size: 12px; color: #a6192e; letter-spacing: .16em; line-height: 1; text-transform: uppercase; margin-bottom:4px; }
#projects-grid .img { position: relative; overflow: hidden; }
#projects-grid .img .hover { opacity: 0; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); transition: all 0.2s; background: #01506f; position: absolute; width: 100%; height: 100%; top: 0; left: 0; font-size: 0; }
#projects-grid .img .hover:before, #projects-grid .img .hover .hovertext { display: inline-block; vertical-align: middle; }
#projects-grid .img .hover:before { content: ''; width: 0; height: 100%; }
#projects-grid .img .hovertext { font-size: 14px; color: #fff; padding: 0 30px; }
#projects-grid .img p { margin: 0 0 20px; vertical-align: top; line-height: 1.15; }
#projects-grid .img p.part { width: auto; margin-right: 40px; display: inline-block; }

#projects-grid .proj.video { }
#projects-grid .proj.video h3 { margin-bottom:0; }
#projects-grid .proj.video .img svg { position: absolute; left:50%; top:50%; width:68px; height:48px; transform:translate(-50%, -50%); transition:0.15s; }
#projects-grid .proj.video .img:hover svg { transform: translate(-50%, -50%) scale(1.1); }

#pagination { font-size: 0; margin-bottom: 50px; }
#pagination > a, #pagination > span { display: inline-block; width: 32px; height: 30px; border: 1px solid #D8D8D8; background: #fff; font-size: 14px; line-height: 30px; text-align: center; vertical-align: top; margin-right: -1px; color: #7D7D7D; }
#pagination > a:hover, #pagination > span:hover { background: #00a9ce; border-color: #00a9ce; color: #fff; }
#pagination > a:hover svg, #pagination > span:hover svg { fill: #fff; }
#pagination > a.current, #pagination > span.current { background: #a6192e; border-color: #a6192e; color: #fff; }
#pagination svg { width: 7px; height: 10px; display: inline-block; fill: #AEAEAE; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; }
#pagination .prev>svg { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
#pagination .next>svg { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

#news-head { background-image: linear-gradient(to bottom, transparent 0%, #f5f5f5 100%); background-image: -webkit-linear-gradient( #ffffff, #f5f5f5); padding: 56px 0 52px; }
#news-head .wrap { width: 840px; text-align: center; }
#news-head h6 { font-weight: 700; font-size: 12px; color: #7D7D7D; letter-spacing: 0.16em; line-height: 15px; margin-bottom: 7px;text-transform:uppercase }
#news-head h3 { font-size: 44px; color: #a6192e; letter-spacing: 0; line-height: 1.15; }

#news-detail .content-main { width: 840px; padding: 46px 20px 77px; }
#news-detail .content-main .arrow { display: inline-block; position: absolute; top: calc(50% - 10px); cursor: pointer; z-index: 10; }
#news-detail .content-main .arrow svg { width: 20px; height: 13px; fill: #fff; }
#news-detail .content-main .arrow.prev { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); left: 20px; }
#news-detail .content-main .arrow.next { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); right: 20px; }
#news-detail .content-main .arrow:hover svg { fill: #01506f; }
#news-detail .photo-slide {margin-bottom:25px}
#news-detail .photo-slide figure { margin-bottom:0;  }

.media-contact .share { float: right; margin-bottom:6px; }
.media-contact .share b { text-align: right; }
.media-contact .share a { display: inline-block; margin-left: 15px; }
.media-contact b { display: block; color: #01506f; font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: 0.16em; }
.media-contact svg { height: 18px; fill: #00a9ce; }
.media-contact svg.f { width: 8px; }
.media-contact svg.t { width: 18px; }
.media-contact p { font-size: 15px; }
.media-contact p span { font-weight: 300; display: inline-block; margin: 0 6px; }

form.contact { margin-bottom:-150px; }
form.contact .gform_body:after { content: ''; display: block; clear: both; }
form.contact .gform_body ul li { padding: 0; }
form.contact .gform_body ul li:before { display: none; }
form.contact .gform_body input[type=text], form.contact .gform_body input[type=phone], form.contact .gform_body input[type=email], form.contact .gform_body textarea { background: #fff; border: 2px solid #D8D8D8; height: 36px; line-height: 22px; padding: 7px 15px; color: #595959; display: block; width: 100%; }
form.contact .gform_body textarea { height: 261px; }
form.contact .gform_body label { font-weight: 600; font-size: 14px; color: #01506f; letter-spacing: 0.14em; text-transform: uppercase; }
form.contact .gform_body .gfield { display: block; margin-bottom: 16px; position: relative; }
form.contact .gform_body .left, form.contact .gform_body .right { width: calc(50% - 10px); }
form.contact .gform_body .left { float: left; clear: left; }
form.contact .gform_body .right { float: right; position: relative; top: -225px; }
form.contact .gform_footer { /*padding-left: calc(50% + 10px);*/ clear: both; height: 50px; position: relative; top: -225px; }
form.contact .gform_footer .btn { background: #fff; }
form.contact .gform_footer .btn:hover { background: #01506f; }
form.contact .validation_message { position: absolute; top:2px; right:0;  }

.validation_message {font: 12px/22px 'SourceSans', Arial, Helvetica, "Helvetica Neue", sans-serif;color:#c00;text-transform:none !important}
.gfield_error input, .gfield_error textarea {background:#fae7e7 !important;border:1px solid #e5baba !important}
.gfield_error .gfield_checkbox {background:#fae7e7 !important;padding:0 4px;border:1px solid #e5baba !important}
.validation_error {display:none}
.date-input.gfield_contains_required .validation_message {padding-top:16px}
.contact-block.request .date-input.gfield_contains_required .validation_message {padding-top:0;}
body .gform_validation_container {display:none !important}

p.found { font-size:18px; text-align:center; margin-bottom:12px; font-weight:500; color:#01506f; }

table.data { border: 1px solid #D8D8D8 !important; font-size: 15px; line-height: 1.5; width:100%; }
table.data thead { background: #a6192e; color: #fff; }
table.data thead td { font-weight: 600; border-bottom: none; border-right: 1px solid rgba(255, 255, 255, 0.2); background-position: calc(100% - 13px) center; position: relative; }
table.data thead td:last-child { border-right: none; }
table.data thead td.sorting_asc:after, table.data thead td.sorting_desc:after { width: 10px; height: 7px; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%227%22%20viewBox%3D%220%200%2010%207%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EImported%20Layers%20Copy%204%3C%2Ftitle%3E%3Cpath%20d%3D%22M0%201.397L1.397%200l3.494%203.494L8.386%200l1.397%201.397L4.891%206.29%200%201.397%22%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); content: ''; display: inline-block; position: absolute; top: 14px; right: 13px; }
table.data thead td.sorting_asc:after { top: 12px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
table.data tbody td { border-bottom: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; }
table.data tbody td:last-child { border-right: none; }
table.data tbody td:first-child { font-weight: bold; }
table.data tbody td:first-child a {color:#595959}
table.data tbody td:first-child a:hover {color:#292929}
table.data tbody tr.even td { background-color: #f0f0f0; }
table.data tbody tr:last-child td { border-bottom: none; }
table.data td { padding: 6px 12px !important; }
.psort {width:14px;height:18px;display:inline-block;position:absolute;right:10px;top:10px;background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%227%22%20viewBox%3D%220%200%2010%207%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EImported%20Layers%20Copy%204%3C%2Ftitle%3E%3Cpath%20d%3D%22M0%201.397L1.397%200l3.494%203.494L8.386%200l1.397%201.397L4.891%206.29%200%201.397%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat;background-position:100% 40% }
.psort.asc {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);background-position:0% 60%;}

.page-template-template-publications #main h4 { font: 700 22px/1 SourceSans; color: #01506f; text-transform: uppercase; transition: color 0.2s;margin-bottom:20px;letter-spacing:1px }
#pubgrid { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
#pubgrid .doc { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); margin-bottom: 48px; width: calc(33% - 10px); display: block; transition: box-shadow 0.2s; }
#pubgrid .doc:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); }
#pubgrid .doc:hover h3, #pubgrid .doc:hover p.read { color: #00a9ce; }
#pubgrid .doc:hover .img .hover { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
#pubgrid .img { position: relative; overflow: hidden;display: block;height:200px;background-position: 35% center;background-repeat: no-repeat;background-size: cover;padding:50px 30px 0 }
#pubgrid .img .hover { opacity: 0; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); transition: all 0.2s; background: rgba(131, 4, 16, 0.85); position: absolute; width: 100%; height: 100%; top: 0; left: 0; font-size: 0; }
#pubgrid .img .hover:before, #projects-grid .img .hover .hovertext { display: inline-block; vertical-align: middle; }
#pubgrid .img .hover:before { content: ''; width: 0; height: 100%; }
#pubgrid .img .hovertext { font-size: 14px; color: #fff; padding: 0 30px; }
#pubgrid .img p { margin: 0 0 20px; vertical-align: top; line-height: 1.15; }
#pubgrid .img p.part { width: auto; margin-right: 40px; display: inline-block; }
#pubgrid .img svg {width:30%;height:100px;float:left}
#pubgrid .img span { font-size: 22px; line-height: 1.2; color: #fff;width:60%;margin-left:10%;float:right;height:100px;display: flex;flex-direction: column;justify-content: center; }
#pubgrid .text { padding: 30px 30px 40px; }
#pubgrid p { font-weight: 700; font-size: 12px; color: #7D7D7D; letter-spacing: .16em; line-height: 1; text-transform: uppercase;width:30%;float:left}
#pubgrid .downloadlinks {float:right;font-size: 12px; color: #7D7D7D;letter-spacing: .16em; line-height: 1; text-transform: uppercase;width:65%;text-align:right}
#pubgrid .downloadlinks a {font-weight: 700;color:#a6192e}

.contain404 {background:url(../images/bg-work.jpg) no-repeat center center; background-size: cover;height:535px;width:100%;display:table}
.contain404 .contain404-text {display:table-cell;vertical-align:middle;text-align:center;color:#fff;padding:0 15%}
.contain404 .contain404-text h3 {font-size:38px;text-transform:uppercase;letter-spacing:4px;font-weight:700;color:#fff;margin-bottom:20px}
.contain404 .contain404-text p {font-size:24px;line-height:30px;}

#proposalpopup {width:100%;position:fixed;bottom:0;background:#00A9CE;height:auto;z-index:9999;}
#proposalpopup .wrap {display:table;position:relative}
#proposalpopup h6 {width:190px;color:#fff;font-weight:700;display:block;vertical-align:middle;text-transform:uppercase;font-size:18px;height:auto;border-right:2px solid #1FB3D3;line-height:64px;float:left;}
    .french #proposalpopup h6 {width:220px}
#proposalpopup .pp-info {display:inline-block;max-width:calc(100% - 190px);height: auto;position: relative;vertical-align: middle;line-height: 60px;}
    .french #proposalpopup .pp-info {max-width:calc(100% - 220px)}
#proposalpopup .pp-desc {display: inline-block;color: #fff;vertical-align: middle;padding: 10px 200px 10px 20px;font-size: 16px;line-height: 20px;}
    #proposalpopup .pp-desc {padding: 10px 400px 10px 20px}
#proposalpopup .pp-but {display:inline-block;color:#fff;vertical-align:middle;padding:0 40px 0 0px;position: absolute;right: 0;top:-17px}
#proposalpopup .pp-but .btn:hover { background-color:#fff; color:#1FB3D3; }
#proposalpopup .closepp {position:absolute;right:10px;top:0px;font-size:42px;color:#fff;display:inline-block}

.strat { padding: 75px 20px; text-align:center; position: relative;}
.strat p { font-size:22px; line-height:1.27; color:#7D7D7D; }
.strat h3 { font-weight:700; ; font-size: 32px; color: #A6192E; letter-spacing: 0.093em; line-height: 1.25; text-transform: uppercase;  margin-bottom:33px; }
.strat h4 { font-weight:600; ; font-size: 24px; color: #01506F; line-height: 1.05; margin-bottom:18px; }
.strat img { max-width:187px; display:block; margin:0 auto 27px; }
.strat .icons { position: relative; z-index: 9;}

.strat.mission .icons { display:flex; flex-wrap:wrap; justify-content: space-between; }
.strat.mission .icon { width:31.5%; transform-origin: center 93px; opacity:0;}
.strat.mission .icon p { opacity:0; }
.strat.mission .icon:nth-child(2) { margin-top:115px; }
.strat.mission #mission-svgs { position: relative; top:110px; width:784px; margin:0 auto; }
.strat.mission #missionline { position: absolute;left:50%; transform:translateX(-50%) }
.strat.mission #missionbird { width:144px; position: absolute; top: -50px; left: -72px; }

.untimeline {
  margin: 40px 0 60px 0;
  height: 160px;
}
.untimeline.time_fr {
  margin: 60px 0 60px 0;
  height: 160px;
}

#untimebird {
  width: 110px;
  position: absolute;
  top: -43px;
  left: -40px;
}
.untimeline svg {  width:100%; }
.untimeline .icons {  }
.untimeline .icon {
  width: 60px;
  /* transform-origin: center 93px; */
  opacity: 0;
  position: absolute;
  top: -10px;
  text-align: center;
}
#unt2 {
  left: 23%;

}
#unt3 {
  left: 48%;

}
#unt4 {
  left: 73%;

}
#unt5 {
  top: -32px;
  left: 98%;
}
.untimeline .icon p {
  /* opacity:0;  */
  font-size: 12px;
}

.untimeline.time_fr #unt5{
  top: -48px;
}

@media screen and (max-width: 800px) {
  #unt2 {
    left: 21%;

  }
  #unt3 {
    left: 42%;

  }
  #unt4 {
    left: 64%;

  }
  #unt5 {
    left: 85%;
  }
}

.icons.icons-6 #unt2{
    left: 18%;
}
.icons.icons-6 #unt3{
    left: 38%;
}
.icons.icons-6 #unt4{
    left: 58%;
}
.icons.icons-6 #unt5{
    top: -10px;
    left: 78%;
}
.icons.icons-6 #unt6{
    left: 98%;
}

@media screen and (max-width: 800px) {
    .icons.icons-6 #unt2{
        left: 15%;
    }
    .icons.icons-6 #unt3{
        left: 32%;
    }
    .icons.icons-6 #unt4{
        left: 52%;
    }
    .icons.icons-6 #unt5{
        left: 72%;
    }
    .icons.icons-6 #unt6{
        left: 92%;
    }   
}
@media screen and (max-width: 600px) {
    .icons.icons-6 .icon{
        width: 45px;
    }
    .icons.icons-6 .icon p{ 
        font-size: 10px;
    }
    .icons.icons-6 #unt1{
        left: -4%;
    }       
    .icons.icons-6 #unt2{
        left: 16%;
    }       
    .icons.icons-6 #unt3{
        left: 35%;
    }       
    .icons.icons-6 #unt4{
        left: 54%;
    }       
    .icons.icons-6 #unt5{
        left: 71%;
    }       
    .icons.icons-6 #unt6{
        left: 90%;
    }       
}

.strat.objectives { background-color:#f5f5f5; }
.strat.objectives .icon { width:360px; opacity:0; }
.strat.objectives .icon.i1 { display:block; margin:0 auto; height:195px; overflow:visible; }
.strat.objectives .icon.i2 { float:left; }
.strat.objectives .icon.i3 { float:right; }

.strat.commitments { font-size:0; width:1120px; position: relative; }
.strat.commitments .icons { display:flex; flex-wrap:wrap; justify-content:space-around; margin-top:76px; min-width:1080px; }
.strat.commitments .icon { width:360px; margin: 0 25px; height:320px; overflow: visible; transform-origin: center 93px; }
.strat.commitments .icon:nth-child(2) { margin-bottom:80px; }
.strat.commitments svg { position: absolute; left:50%; margin-left:-250px; }
.strat.commitments path { opacity:0; }
.strat.commitments #comm-svgs { top:245px; position: absolute; width:1080px; min-width:1080px; }
.strat.commitments #commbird { width:144px; position: absolute; top: -30px; left: 230px; opacity:0; }

body.ie .strat.mission .icon,
    body.ie .strat.mission .icon p,
    body.ie .strat.objectives .icon { opacity:1; }
body.ie .strat.mission #missionline, body.ie .strat.mission #missionbird { display:none;  }

.no-flexbox .strat.mission .icon,
    .no-flexbox .strat.commitments .icon { display:inline-block; }

.filter-header {background: #a6192e; color: #fff; padding: 13px 80px 13px 20px; font-weight: 600; font-size: 15px; line-height: 1.46; margin-top: 10px; position: relative; cursor: pointer;display:none }
.filter-header:before, .filter-header:after { width: 17px; height: 3px; background: #fff; display: block; content: ''; position: absolute; right: 21px; top: calc(50% - 1px); }
.filter-header:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; }
.filter-header:hover { background: #00a9ce; }
.filter-header.x:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }


#notavaiable {background:#a6192e;padding:20px;width:100%;color:#fff;font-size:18px;line-height:18px;font-weight:700;box-shadow:0 0px 4px 0 rgba(0,0,0,.4);position:relative}
#notavaiable p {color:#fff;font-size:18px;line-height:18px;font-weight:700}
#notavaiable.inprogress {background:#01506F}

#area-filter { width:280px; float:left; margin:54px 0; }
#area-filter h3 {font-weight: bold; font-size: 24px; color: #01506F; letter-spacing: 0.166em; line-height: 27px; text-transform: uppercase; }
#area-filter>ul { margin-top:25px; background-color:#01506F; }
#area-filter li { position: relative; }
#area-filter input { width:0; height:0; position: absolute; top:0; left:0; opacity:0; visibility: hidden; }
#area-filter>ul>li { border-bottom:1px solid #156584; }
#area-filter label { display: inline-block; padding-left:50px; }
#area-filter>ul>li>label { padding-top: 17px; padding-bottom:17px; font-weight:700; font-size: 15px; color: #FFFFFF; letter-spacing: 2px; text-transform: uppercase; line-height:16px; position: relative; }
#area-filter label:before { position: absolute; content:''; width:16px; height:16px; display:block;  top:17px;; left:20px; border:1px solid #00A9CE; }
#area-filter input:checked+label:before { background-color:#fff; border-color:#fff; }
#area-filter input:checked+label:after { width:10px; height:8px; display:block; background:url(../images/checkmark-active.png) no-repeat center center; background-size:10px auto; content:''; position: absolute;top:21px; left:23px;}
#area-filter ul ul { background-color:#00374C; padding:11px 0; display:none; }
#area-filter ul ul label { padding-top:6px; padding-bottom:6px; padding-right:15px; font-size:14px; color:#9ECCE1; }
#area-filter ul ul label:hover { color:#fff; }
#area-filter ul ul label:before { top:7px; }
#area-filter ul ul input:checked+label:after { top:12px; }
#area-filter .toggler { width:50px; height:50px; display: inline-block;     background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%227%22%20viewBox%3D%220%200%2010%207%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EImported%20Layers%20Copy%204%3C%2Ftitle%3E%3Cpath%20d%3D%22M0%201.397L1.397%200l3.494%203.494L8.386%200l1.397%201.397L4.891%206.29%200%201.397%22%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); position: absolute; top:0; right:0; background-repeat:no-repeat; background-position:center center; transition:transform 0.2s; }
#area-filter .toggler.x { transform:scaleY(-1); }

#area-list { width:calc(100% - 350px); float:right; margin-top:106px; }
#area-list .area { margin-bottom:40px; border-bottom:1px solid #D8D8D8; padding-bottom:40px; }
#area-list .overview { width:35%; float:left; padding:14px 30px 14px 0; margin-right:3.75%; border-right:1px solid #D8D8D8; }
#area-list .overview h3 { font-size: 22px; color: #01506F; line-height: 1.2; margin-bottom:8px; }
#area-list .overview h3 ~ a { font-weight:bold; font-size: 12px; color: #A6192E; letter-spacing: 2px; line-height: 14px; text-transform: uppercase; margin-top:10px; display:block;}
#area-list .details { float:left; width:25%; padding:14px 0 }
#area-list .details p { font-size: 14px; color: #595959; letter-spacing: 2px; text-transform: uppercase;  margin-bottom:8px; }
#area-list .details p b, #area-list .details p strong { font-size:18px; color:#01506F; display:block; text-transform: none; }
#area-list img { float:right; width:33.75%; }


.camp-banner { background-size:cover; background-position: center center; position: relative; color:#fff; padding-bottom:55px; }
.camp-banner:before { content:''; position: absolute; top:0; left:0; bottom:0; right:0; background:#000; opacity:0.65; }
.camp-banner .heading { position:relative; padding:55px 20px; background-color:rgba(0,0,0,0.3); text-align:center; }
.camp-banner .heading h6 { font-size:12px; font-weight:bold; letter-spacing:
    0.166em; text-transform: uppercase; line-height:1.25; margin-bottom:7px; }
.camp-banner .heading h2 { font-size:44px; font-weight:1.15; }
.camp-banner .content { position: relative; max-width:800px; font-size:15px; line-height:1.5em; width:100%; }
.camp-banner .content .campaign-thb { margin:60px auto 55px; display:block; max-width:100%; }
.camp-banner .content a .campaign-thb { margin-bottom:0; }
.camp-banner .content .btn { display:block; max-width:600px; margin:0 auto 40px; }
.camp-banner .content .btn:hover { color:#fff; }
.camp-banner .content h4 { font-size:26px; line-height:1.23;  margin-bottom:1em; }
.camp-banner .content p { margin-bottom:0.5em; }

.camp-banner iframe { margin:20px auto; max-width:100%; display:block; }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom:54px; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.camp-twitter { padding:60px 20px; width:1184px; }
h3.camp-head { font-size:32px; color:#A6192E; font-weight:bold; letter-spacing:0.09em; line-height:1; text-align:center; text-transform: uppercase; margin-bottom:54px; padding-left:20px; padding-right:20px; }
.twitter-grid { display:block; text-align:center; font-size:0; line-height:0;}
.twitter-grid .card { width:286px; position: relative; padding:0 1px 1px 0; display: inline-block; }
.twitter-grid img { display:block; }
.camp-twitter .share { display:block; background-color:#01506f; padding:10px 20px 10px 45px;  color:#fff; text-transform: uppercase; font-size:12px; letter-spacing:0.166em; font-weight:bold; text-align:left; line-height:1.2; position: relative; }
.camp-twitter .card:hover .share { background-color:#A6192E; }
.camp-twitter .share svg { width:17px; height:17px; fill:#fff; position: absolute; top:8px; left:20px; }

.twitter-slider { max-width:1000px; margin:0 auto;}
.twitter-slider a { display:block; }
.twitter-slider a img { display:block; margin-bottom:1px; }

.twitter-slider .slick-dots { position: relative; text-align:center; max-width:100%; }
.twitter-slider .slick-dots li { display: inline-block; padding: 5px; }
.twitter-slider .slick-dots li button { margin: 0; width: 10px; height: 10px; background-color: #01506f;; opacity: 0.3; display: block; border-radius: 5px; font-size: 0; padding: 0; }
.twitter-slider .slick-dots li:hover button { opacity: 0.6; }
.twitter-slider .slick-dots li.slick-active button { opacity: 1; }


.camp-news { padding:60px 0px; background-color:#F7F7F7; }

.camp-vid { padding:60px 20px; }
.camp-vid .text { width: 720px; font-size:15px; padding:0; }
.camp-vid .text p { margin-bottom:0.95em; }
.camp-vid h4 { font-size:26px; line-height:1.23; color:#01506F; margin-bottom:0.95em; }


/**
 * Grid
 */

.grid {
    margin-right: -15px;
    margin-left: -15px;
    font-size: 0;
}

.col {
    padding: 0 15px;
    width: 100%;
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.grid.spacing .col { margin-bottom: 15px; }

@media screen and (min-width: 576px) {
    .grid-2 .col { width: 50%; }
}
@media screen and (min-width: 576px) {
    .grid-3 .col { width: 50%; }
}
@media screen and (min-width: 768px) {
    .grid-3 .col { width: 33.33333%; }
}
@media screen and (min-width: 576px) {
    .grid-4 .col { width: 50%; }
}
@media screen and (min-width: 768px) {
    .grid-4 .col { width: 33.33333%; }
}
@media screen and (min-width: 992px) {
    .grid-4 .col { width: 25%; }
}
@media screen and (min-width: 576px) {
    .grid-5 .col { width: 50%; }
}
@media screen and (min-width: 768px) {
    .grid-5 .col { width: 33.33333%; }
}
@media screen and (min-width: 992px) {
    .grid-5 .col { width: 25%; }
}
@media screen and (min-width: 1200px) {
    .grid-5 .col { width: 20%; }
}


img { max-width: 100%; }


/**
 * Misc
 */

.text-link {
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #a6192e;
    text-transform: uppercase;
}


/**
 * Template: Call for Proposals
 */

#call-for-proposals h3,
.call-for-proposals-btm h3 {
    margin: 0 0 0px;
    font-size: 32px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #a6192e;
}

#call-for-proposals h4,
.call-for-proposals-btm h4 {
    margin: 0 0 8px;
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0;
    text-transform: none;
}

#call-for-proposals h4 a,
.call-for-proposals-btm h4 a { color: #01506f; }
#call-for-proposals h4 a:hover,
.call-for-proposals-btm h4 a:hover { color: #00a9ce; }

#call-for-proposals #pagination,
.call-for-proposals-btm #pagination {
    margin: 0;
    padding: 20px 0 50px;
}

#call-for-proposals .none-found,
.call-for-proposals-btm .none-found {
    color:#a6192e;
    text-align:center;
    padding:50px 30px;
    font-size:24px;
    font-weight:600;
}

.call-for-proposals-top { padding: 56px 0 0 0; }

.call-for-proposals-btm {
    padding: 56px 0 0 0;
    background: #f7f7f7;
}

.proposal {
    padding: 20px 0;
    -ms-display: flex;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-align-items: center;
    align-items: center;
}

.proposal > * {
    -ms-flex: 1;
    flex: 1;
}

.proposal + .proposal { border-top: 1px solid #d8d8d8; }

.proposal-text p {
    margin: 0 0 8px;
    font-size: 14px;
    line-height: 20px;
    color: #595959;
}

.proposal-circle {
    margin: 0 0 0 72px;
    max-width: 182px;
    height: 182px;
    border: 3px solid #00A9ce;
    border-radius: 50%;
    text-align: center;
    position: relative;
}

.proposal-circle:after {
    content: '';
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 166px;
    height: 166px;
    border: 1px solid #01506f;
    border-radius: 50%;
    position: absolute;
}

.call-for-proposals-btm .proposal-circle,
.call-for-proposals-btm .proposal-circle:after { border-color: #a6192e;  }

.proposal-circle-inner {
    margin: -1px 0 0 0;
    padding: 20px;
    top: 50%;
    left: 50%;
    width: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.proposal-circle-inner p { line-height: 19px }

.proposal-circle-inner h6 { margin-bottom: 3px; }

.proposal-circle h6 {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #595959;
}

@media screen and (max-width: 767px) {
    .proposal-circle { margin: 0 0 0 30px; }
}

@media screen and (max-width: 575px) {
    .proposal { display: block; }
    .proposal-circle { margin: 12px auto 30px auto; }
}


/**
 * Template: Grantees
 */

#grantees { padding: 60px 0 40px; }
#grantees > .wrap { position: relative; }
#grantees .grid { margin: 0 -10px; }

#grantees .col {
    margin-bottom: 20px;
    padding: 0 10px;
    position: static;
}

@media screen and (max-width: 575px) {
    #grantees .col { width: 50%; }
}

@media screen and (max-width: 480px) {
    #grantees .col { width: 100%; }
}

.grantee {
    margin: 0 auto;
    height: 180px;
    max-width: 100%;
    box-shadow: 0 0px 20px rgba(0, 0, 0, .1);
    position: relative;
    cursor: pointer;
    transition: .2s all;
}

.grantee:hover { box-shadow: 0 0px 20px rgba(0, 0, 0, .23); }

.grantee.active { margin-bottom: 20px; }

.grantee-img {
    width: 100%;
    max-width: 65%;
    top: 50%;
    left: 50%;
    text-align: center;
    position: absolute;
    transform: translate(-50%, -50%);
}

.grantee-img img { max-height: 120px; }

.grantee-desc-container {
    padding: 36px 40px;
    left: 20px;
    width: 1140px;
    max-width: calc(100% - 40px);
    background: #01506f;
    color: #fff;
    position: absolute;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: .2s all;
}

.grantee-desc-container:before {
    content: '';
    top: -14px;
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 18px solid #01506f;
    position: absolute;
    opacity: 0;
    transition: .2s all;
}

.grantee.active + .grantee-desc-container {
    opacity: 1;
    visibility: visible;
}

.grantee.active + .grantee-desc-container:before { opacity: 1; }

.grantee-desc-container.active {
    opacity: 1;
    visibility: visible;
}

.grantee-desc-container h5 {
    margin-bottom: 21px;
    font-size: 22px;
    line-height: 26px;
}

.grantee-desc {
    -ms-display: flex;
    display: flex;
}

.grantee-desc > * {
    -ms-flex: 1;
    flex: 1;
}

.grantee-desc-l { min-width: 66.66667%; }
.grantee-desc-r { padding: 0 100px; }
.grantee-desc-l p {
    font-size: 14px;
    line-height: 22px;
}
.grantee-desc-r h6, .grantee-projects h6 {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.grantee-desc-r li {
    margin-bottom: 20px;
    line-height: 18px;
}
.grantee-desc-r li a {
    font-size: 14px;
    line-height: 16px;
    color: #00a9ce;
}
.grantee-desc-r li a:hover { color: #fff; }

.grantee-projects { width:66.66667%; padding-top:29px; }
.grantee-projects ul { margin-top:5px; }
.grantee-projects li { padding:15px 0; border-bottom:1px solid #377A95; -webkit-column-break-inside: avoid; page-break-inside: avoid;  break-inside: avoid; width:calc(50% - 20px); }
.grantee-projects li:nth-child(odd) { float:left; clear:left; }
.grantee-projects li:nth-child(even) { float:right; clear:right; }
.grantee-projects li:nth-last-child(-n+2) { border-bottom:none; }
.grantee-projects li h4 { font-size:18px; line-height:22px; }
.grantee-projects h4 a { color:#fff; }
.grantee-projects .read { font-size: 12px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; margin-top:10px; display: inline-block; }
.grantee-projects .read:hover { color:#fff; }


#grantees .col:nth-child(4n + 1) .grantee-desc-container:before { left: 10%; }
#grantees .col:nth-child(4n + 2) .grantee-desc-container:before { left: 36%; }
#grantees .col:nth-child(4n + 3) .grantee-desc-container:before { left: 61%; }
#grantees .col:nth-child(4n + 4) .grantee-desc-container:before { left: 87%; }

@media screen and (max-width: 991px) {
    #grantees .col:nth-child(4n + 1) .grantee-desc-container:before { left: 0; }
    #grantees .col:nth-child(4n + 2) .grantee-desc-container:before { left: 0; }
    #grantees .col:nth-child(4n + 3) .grantee-desc-container:before { left: 0; }
    #grantees .col:nth-child(4n + 4) .grantee-desc-container:before { left: 0; }
    #grantees .col:nth-child(3n + 1) .grantee-desc-container:before { left: 14%; }
    #grantees .col:nth-child(3n + 2) .grantee-desc-container:before { left: 48%; }
    #grantees .col:nth-child(3n + 3) .grantee-desc-container:before { left: 82%; }
}

@media screen and (max-width: 767px) {
    #grantees .col:nth-child(3n + 1) .grantee-desc-container:before { left: 0; }
    #grantees .col:nth-child(3n + 2) .grantee-desc-container:before { left: 0; }
    #grantees .col:nth-child(3n + 3) .grantee-desc-container:before { left: 0; }
    #grantees .col:nth-child(2n + 1) .grantee-desc-container:before { left: 22%; }
    #grantees .col:nth-child(2n + 2) .grantee-desc-container:before { left: 73%; }
    .grantee-projects { width:100%; }
    .grantee-projects li { width:100%; float:none !important; border-bottom:1px solid #377a95 !important; }
    .grantee-projects li:last-child { border-bottom:none !important; }
}

@media screen and (max-width: 480px) {
    #grantees .grantee-desc-container:before { left: 46% !important; }
}

@media screen and (max-width: 991px) {
    .grantee-desc-container h5 { margin-bottom: 18px; }
    .grantee-desc-r { padding: 0 50px; }
    .grantee-desc-l p { line-height: 20px; }
}

@media screen and (max-width: 767px) {
    .grantee-desc-container { padding: 20px; }
    .grantee-desc { display: block; }
    .grantee-desc-r { padding: 30px 0 0; }
}


/**
 * Phase Two
 */

.btn-o {
    margin: 0;
    padding: 8px 46px 7px;
    border: 2px solid #01506f;
    font-size: 13px;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 1px;
    color: #01506f;
    text-transform: uppercase;
    transition: .2s all;
}

.btn-o:hover {
    border-color: #00a9ce;
    color: #00a9ce;
}


/**
 * Detail pages
 */

.detail-page #intro h2 {
    font-weight: 400;
}

.detail-page #intro h3 {
    margin-bottom: 20px;
    max-width: 840px;
}

.detail-page #main #article {
    padding-right: 41px;
    width: calc(100% - 280px);
    max-width: 761px;
    float: left;
}

.detail-page #main #sidebar {
    min-width: 280px;
    float: right;
}

.detail-page #sidebar h6 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #01506f;
}

.detail-page #sidebar .closed h6 {
    color:#595959;
}

.detail-page .proposal-circle {
    margin: 0;
    max-width: 280px;
    height: 280px;
    border: 3px solid #00a9ce;
    border-radius: 50%;
    text-align: center;
    position: relative;
}

.detail-page .proposal-circle:after {
    content: '';
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 264px;
    height: 264px;
    border: 1px solid #01506f;
    border-radius: 50%;
    position: absolute;
}

.detail-page .proposal-circle,
.detail-page .proposal-circle:after { border-color: #00a9ce; }

.detail-page .proposal-circle.closed,
.detail-page .proposal-circle.closed:after { border-color: #a6192e; }

.detail-page .proposal-circle-inner {
    margin: -1px 0 0 0;
    padding: 20px;
    top: 50%;
    left: 50%;
    width: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.detail-page .proposal-circle p {
    font-size: 18px;
    line-height: 22px;
    color: #01506f;
}

.detail-page .proposal-circle h6 {
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #01506f;
}

.detail-cta {
    margin-top: 41px;
    padding: 108px 41px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.detail-cta .btn {
    border: 2px solid #fff;
    color: #fff;
}

.detail-cta h3 {
    margin-bottom: 0;
    border: 0;
    font-size: 30px;
    font-weight: 600;
    line-height: 34px;
    color: #fff;
    max-width:550px;
}

.detail-list-row:first-child {
	padding: 0;
	border: 0;
}

.detail-list-row:last-child { padding-bottom: 0; }

.detail-list-row {
	padding: 25px 0 8px;
	border-top: 1px solid #d8d8d8;
	display: -ms-flexbox;
	display: flex;
}

.detail-list-title {
	width: 33.33333%;
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	letter-spacing: 2.5px;
	color: #01506f;
	text-transform: uppercase;
}

.detail-list-info {
	padding-left: 15px;
	-ms-flex: 1;
	flex: 1;
}

@media screen and (max-width: 575px) {
	.detail-list { margin: 20px 0 0; }
	.detail-list-row {
		display: block;
	}
	.detail-list-info {
		padding: 0;
	}
	.detail-list-title {
		margin-bottom: 10px;
		width: 100%;
	}
}

.detail-stats {
    margin: 30px 0 26px;
    padding: 26px 30px;
    background: #f7f7f7;
}

.detail-stats a { font-weight: 700; }

.detail-stats p {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 20px;
}

.detail-stats p:last-child { margin-bottom: 0; }

.detail-stats h6 {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#sidebar .open-call { padding: 24px 0 26px; }

.open-call + .open-call { border-top: 1px solid #d8d8d8; }

#sidebar .open-call a {
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 2px;
    color: #a6192e;
    text-transform: uppercase;
}

#sidebar .open-call h5 {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 24px;
    color: #01506f;
}

#sidebar .open-call h6 {
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 2px;
    color: #7d7d7d;
    text-transform: uppercase;
}

.box-callout {
    padding: 34px 40px;
    background: #01506f;
    color: #fff;
}

.box-callout h4 {
    margin-bottom: ;
    font-size: 24px;
    line-height: 26px;
    color: #fff;
}

.box-callout > ul li { padding: 0; }

.box-callout > ul li:before { display: none; }

.box-callout > ul li + li {
    padding: 10px 0 0;
    border-top: 1px solid #377a95;
}

.stat-list ul {}

.stat-list ul li {
    margin: 0;
    padding: 19px 0;
    border-top: 1px solid #d8d8d8;
}

.stat-list ul li:first-child { border: 0; }

.stat-list ul li:last-child { padding-bottom: 0; }

.stat-list ul li:before { display: none; }

.stat-list ul li p {}

.stat-list ul li p:last-child { margin-bottom: 0; }

.stat-list ul li h5 {
    margin-bottom: 4px;
    font-size: 22px;
    line-height: 26px;
    color: #00A9ce;
}

#sidebar .side-info {}

#sidebar .side-info .side-info-item {}

#sidebar .side-info .side-info-item + .side-info-item {
    padding-top: 22px;
    border-top: 1px solid #d8d8d8;
}

#sidebar .side-info .side-info-item p {
    margin-bottom: 20px;
}

#sidebar .side-info .side-info-item h5 {
    margin-bottom: 20px;
    font-size: 26px;
    line-height: 32px;
    letter-spacing: 0;
    color: #00a9ce;
}

#sidebar .side-info .side-info-item h6 {
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 16px;
    color: #a6192e;
}

.section-split {
    padding: 46px 0 40px;
    box-shadow: inset 0 9px 6px -6px rgba(0, 0, 0, 0.1);
}

#ciad-related h3 {
    margin-bottom: 40px;
    font-size: 32px;
    font-weight: 700;
    color: #a6192e;
    text-align: center;
    text-transform: uppercase;
}

.ciad-deck {
    margin-right: -30px;
    margin-left: -30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ciad-card-col {
    margin-bottom: 50px;
    padding: 0 30px;
    width: 50%;
}

.ciad-card {
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.ciad-card .cia-card-content-btm a {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #a6192e;
    text-transform: uppercase;
}

.ciad-card p {
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 22px;
}

.ciad-card h5 {
    margin-bottom: 12px;
}

.ciad-card h5 a {
    font-size: 22px;
    line-height: 26px;
    color: #01506f;
}

.ciad-card-img { vertical-align: top; }

.cia-card-content {
    padding: 22px 30px;
}

.cia-card-content-btm {
    padding-top: 20px;
    border-top: 1px solid #d8d8d8;
    p { margin-bottom: 13px; }
}

.cia-card-content-btm p:last-child { margin-bottom: 0; }

.cia-card-content-btm h6 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ciad-related-extra {
    margin-bottom: 10px;
    text-align: center;
}

.publications h2 { font-weight:bold; text-transform: uppercase; color:#01506F; font-size:24px; letter-spacing:0.125em; }

#tabs { border-bottom:3px solid #D1D3D4; margin-top:23px; }
#tabs span { position: relative; top:3px; padding:10px 23px 11px; font-weight:600; color:#7D7D7D; text-transform:uppercase; letter-spacing:0.133em; display: inline-block; cursor: pointer; position: relative; }
#tabs span:hover { color:#01506F; }
#tabs span.active { color:#fff; background-color:#01506F; }
#tabs span.active:after { content:''; width:12px; height:12px; position: absolute; top:calc(100% - 6px); left:calc(50% - 6px); transform:rotate(45deg); background-color:#01506F; }

#tabs + .filters { padding-top:32px; }
#tabs + .filters input, #tabs + .filters .select-menu { width:200px; margin-right:12px; }
#tabs + .filters .select-menu:first-child { display:none; }

#publications-new {}
#publications-new .publication-grid { display:none; font-size:0; }
#publications-new .publication-grid.active { display:block; }

#publications-new .publication { padding:37px 60px 37px 0; width:50%; display:inline-block; vertical-align: top; border-top:1px solid #D1D3D4; }
#publications-new .publication:nth-of-type(-n+2) { border-top:none; }
#publications-new .date { font-weight: 700; font-size: 12px; color: #a6192e; letter-spacing: .16em; line-height: 1; text-transform: uppercase; margin-bottom: 4px; }
#publications-new h3 { font-size: 22px; line-height: 1.2; color: #01506f; margin-bottom: 20px; }
#publications-new h3 a { color: #01506f; }
#publications-new h3 a:hover { color: #00a9ce; }
#publications-new .detail { width:50%; display: inline-block; vertical-align: top;font-size:14px; color:#7D7D7D; }
#publications-new .detail h6 { color:#595959; font-weight:700; text-transform: uppercase; letter-spacing: 0.14em; }
#publications-new .found-posts { font-size:28px; font-weight:200; color:#595959; }
#publications-new #pagination { padding:80px 0 0; border-top:1px solid #D1D3D4; }

@media screen and (max-width:1040px){
    #tabs span { padding:5px 10px; font-size:13px; }
}

@media screen and (max-width: 991px) {
    .detail-page #main #article {
        width: 100%;
        max-width: calc(100% - 182px);
    }
    .detail-page #main #sidebar {
        min-width: 0;
        max-width: 182px;
    }
    .detail-page .proposal-circle {
        max-width: 182px;
        height: 182px;
    }
    .detail-page .proposal-circle:after {
        width: 166px;
        height: 166px;
    }
    .detail-page .proposal-circle-inner p {
        font-size: 15px;
        line-height: 19px;
    }
    .detail-page .proposal-circle h6 {
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #595959;
    }
    #sidebar .detail-stats { padding: 18px; }
    #sidebar .open-call { padding: 20px 0; }
    #sidebar .open-call h5 { margin-bottom: 12px; }
    .ciad-deck {
        margin-right: -15px;
        margin-left: -15px;
    }
    .ciad-card-col {
        margin-bottom: 30px;
        padding: 0 15px;
    }
}

@media screen and (max-width: 767px) {
    .detail-page #main #article {
        padding-right: 0;
        width: 100%;
        max-width: none;
        float: none;
    }
    .detail-page #main #sidebar {
        max-width: 100%;
        float: none;
    }
    .detail-page #sidebar > h6 { margin-top: 40px; }
    .detail-page .proposal-circle {
        margin: 0 auto;
    }
    #ciad-related h3 {
        margin-bottom: 30px;
        font-size: 26px;
        line-height: 30px;
    }
    .ciad-card h5 {
        margin-bottom: 8px;
    }
    .ciad-card h5 a {
        font-size: 18px;
        line-height: 22px;
    }
    #tabs { display:none; }
    #tabs + .filters { display:block; padding:20px 0; display:flex; justify-content:space-between; margin:0; }
    #tabs + .filters > *, #tabs + .filters input { width:calc(33.333% - 10px); margin:0; }
    #tabs + .filters .select-menu { display:inline-block;}
}

@media screen and (max-width: 575px) {
    .detail-page #sidebar > h6 { margin-top: 30px; }
    .ciad-deck {
        margin: 0;
        display: block;
    }
    .ciad-card-col {
        padding: 0;
        width: 100%;
    }
    #publications-new .publication { padding:37px 0 37px 0; width:100%; }
    #publications-new h3 { font-size:20px; }
    #publications-new .publication:nth-of-type(2) { border-top:1px solid #D1D3D4; }
}


.yt-vid.mfp-bg {
    background:#fff;
    opacity:0.9;
}
.yt-vid .mfp-iframe-holder .mfp-content {
    max-width:1140px;
}
.yt-vid .mfp-close {
    color:#A6192E;
}
.yt-vid .mfp-close:after {
    content:'CLOSE';
    font:;
    letter-spacing:0.15em;
    vertical-align: 5px;
    margin-left:4px;
}

#home-videos { background-color:#F7F7F7; padding:65px 0 50px; }
#home-videos>h3 { color:#01506F; font-weight:bold; font-size:32px; letter-spacing: .097em; text-transform: uppercase; text-align:center; margin-bottom:94px; }
#home-videos #projects-grid { width: 1200px; padding:0; position: relative; }
#home-videos #projects-grid .proj { margin: 0 30px 20px; }
#home-videos .slick-dots { position: absolute; top:-80px;  text-align:center; width:100%; }
#home-videos .slick-dots li { display: inline-block; padding: 5px; }
#home-videos .slick-dots li button { margin: 0; width: 10px; height: 10px; background-color: #D1D3D4; display: block; border-radius: 5px; font-size: 0; padding: 0; }
#home-videos .slick-dots li:hover button {  }
#home-videos .slick-dots li.slick-active button { background-color:#A6192E; }
#home-videos .btn-holder { text-align:center; }
#home-videos .btn-holder .btn { border-color: #01506f; color: #01506f; }
#home-videos .btn-holder .btn:hover { color: #fff; background: #01506f; }
@media screen and (max-width: 1200px) {
    #home-videos #projects-grid .proj { margin:0 20px 20px; }
}
@media screen and (max-width: 768px) {
    #home-videos { padding:35px 0 40px; }
    #home-videos>h3 { font-size:24px; margin-bottom:72px; }
    #home-videos .slick-dots { top:-46px; }
    #home-videos .btn-holder .btn { margin-top:0; }
}
/**
 * Media Query
 */

@media screen and (max-width: 1200px) {
  #how-works { position: relative; }
  #how-works .desktop-only .how-tabs { padding-bottom: 360px; }
  .desktop-only .how-container { -webkit-transform: translateX(-50%) scale(0.75); -ms-transform: translateX(-50%) scale(0.75); transform: translateX(-50%) scale(0.75); left: 50%; top: 220px; position: absolute; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; }
  .desktop-only .how-container .btn { position: relative; z-index: 5; -webkit-transform: scale(1.33333); -ms-transform: scale(1.33333); transform: scale(1.33333); }
  #how-works .desktop-only  .how-tabs .tab {margin:0 12px}
}

@media screen and (max-width: 1180px) {
  #header #nav { width: auto; text-align: left; padding-left:20px; display:flex; flex-wrap:nowrap; }
  #header #nav > li { margin: 0 10px; /*width: 145px;*/ }
  #header #nav li { text-align: left; }
  .side-docs { min-width: 260px; }
}

@media screen and (max-width: 1140px) {
  #newsletter { text-align: center; }
  #newsletter h4 { display:block; text-align:center; margin-bottom:16px; }
  #newsletter .gfield { width:180px; }
  #main { padding-left:20px; padding-right:20px; }
}

@media screen and (max-width: 1120px) {
    .strat.commitments .icons,
        .strat.commitments #comm-svgs { transform:scale(0.76); transform-origin:top left; }
    .strat.commitments { width:860px; }
}

@media screen and (max-width: 1100px) {
  .bio.sec .text { width: calc(100% - 450px); }
  .page-template-template-projects #projects-wrap .filters .search {float:none;width:100%;clear:left;}
  .page-template-template-projects #projects-wrap .filters .search .field {width:270px; max-width:100%;}
  .page-template-template-projects #projects-wrap .filters .dropdowns {float:none;width:100%;margin-bottom:20px}
  .strat.mission #mission-svgs { display:none; }
}

@media screen and (max-width: 1080px) {
    .bio.sec img.personality { display: none; }
    .bio .text { padding-right:40px; }

    .strat.objectives .icon { width:33%; }
}

@media screen and (max-width: 1030px) {
    .side-headings .filters .dropdowns { /* width:135px;*/ display: inline-block; margin-bottom:10px; }
}

@media screen and (max-width: 960px) {
  .side-headings { width: 62%; }
  .bio-lb.sec .mfp-close { right: 0; }
  .bio .text { width: calc(100% - 270px); left: calc(100% - (100% - 270px)); }
  .bio.sec .text { width: calc(100% - 270px); left: calc(100% - (100% - 270px)); }
  #pubgrid .doc .img { height:150px;padding:30px 20px 0 }
  #pubgrid .doc .img span {font-size:18px;line-height:24px}

}

@media screen and (min-width: 861px) {
  #lang-mobile { display: none !important; }
  #nav > li > a svg { display: none; }
  .search-mobile { display: none !important; }
  .desktop-only {display:block}
  .mobile-only {display:none}
}

@media screen and (max-width: 860px) {
  #header { height: 60px; }
  #header .nav-mobile { margin: 0 0 0 -20px; padding: 0 10px 0 20px; height: 60px; }
  #header .nav-mobile.active { margin: 0 0 0 -20px; padding: 0 10px 0 20px; background: #01506f; }
  #header .nav-mobile.active .nav-toggle:hover { background: none; }
  #header .nav-mobile .nav-toggle { margin: 13px 0 0 0; }
  #header .nav-mobile .nav-toggle span.active:before, #header .nav-mobile .nav-toggle span.active:after { background: #fff; }
  #header #nav-container { padding: 0; height: auto; }
  #header #nav { display:block; padding-left:0; }
  #header #nav > li { margin: 0; width: 100%; border-bottom: 1px solid #156584; cursor: pointer; }
  #header #nav > li:before { content: ''; margin: 21px 20px 0 0; width: 11px; height: 7px; background: url("../svg/caret-white.svg"); float: right; cursor: pointer; transition: 200ms ease-out transform; filter:grayscale(0%); }
  #header #nav > li.active:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
  #header #nav > li.nav-extra:before { display: none; }
  #header #nav > li > a { margin: 0; padding: 14px 20px; display: inline-block; border: none; max-width:calc(100% - 40px); }
  #header #nav > li > ul { display: none; }
  #header #nav > li > ul.active { padding: 9px 20px 11px 20px; background: #00374c; display: block; }
  #header #nav .nav-extra > ul { display: block; }
  #header #nav .nav-extra > ul > li > a { margin: 0; padding: 14px 20px; border-bottom: 1px solid #156584; }
  #header #nav .nav-social { margin: 0 !important; padding: 0 12px; cursor: default !important; }
  #header #nav .nav-social li a { margin: 0 0 1px 0 !important; padding: 14px 8px !important; }
  #header #nav .nav-social li a:hover svg { fill: #fff; }
  #header #nav .nav-social li + li { margin: 0; }
  #header #nav .nav-social svg { fill: #2e87a9; }
  #header .logo { margin: 13px 0 0 -82px; left: 50%; position: absolute; }
  #header .logo img { max-height: 31px; }
  #header #lang { margin: 0 -20px 0 0; padding: 0; }
  #header #lang li { display: none; }
  #header #lang li.active { display: block; }
  #header #lang li.active a { padding: 21px; max-height: 60px; background: #fff; border-left: 1px solid #e8e8e8; color: #01506f; }
  #header #lang li svg { margin: -2px 0 0 0; width: 7px; height: 5px; fill: #01506f; vertical-align: middle; display: inline-block; }
  #header #lang-mobile { top: 60px; left: 0; width: 100%; background: #01506f; position: absolute; }
  #header #lang-mobile li { border-bottom: 1px solid #156584; }
  #header #lang-mobile li a { padding: 15px 20px; font-weight: 700; color: #fff; letter-spacing: 3px; text-transform: uppercase; display: block; }
  #header .search { display: none; }
  #header .search-mobile { padding: 18px 20px 19px 20px; border-bottom: 1px solid #156584; position: relative; }
  #header .search-mobile input { padding: 12px 35px 10px 10px; width: 100%; height: 40px; background: #00374c; border: 0; font-size: 14px; font-weight: 700; color: #fff; letter-spacing: 2px; text-transform: uppercase; }
  #header .search-mobile svg { top: 30px; right: 30px; width: 15px; height: 15px; fill: #fff; position: absolute; }
  #news .news-flex { display: block; font-size:0; }
  #news .news-flex .news { width: 100%; min-height: 0px; padding: 28px 22px; }
  #news .news-flex .news h3 { font-size: 16px; padding-right: 0; }
  #news .news-flex .news .date { font-size: 12px; }
  #news .news-flex .news .btn { top: 0; left: 0; width: 100%; height: 100%; font-size: 0; border: none; margin: 0; opacity: 0; }
  #news .news-flex .news .btn:hover { background: transparent; }
  #news .news-flex .tweet_list li { width:50%; display:inline-block; }
  .side-headings, .side-docs { float: none; width: 100%; }
  .team-grid .member { width: 31.76471%; }
  .desktop-only {display:none}
  .mobile-only {display:block}

  #main #article,
      #main #article.left,
      #main #article.left.bigger,
      #main #sidebar,
      #main #sidebar.right,
      #cfp .left,
      #cfp .right { width:100%; float:none; margin-left:0; }
  #main #article.left { margin-bottom:40px; }

  #main #article + #sidebar { margin-top:60px; }

    .side-projects .proj { padding:16px 0; }

  .work-strip p { font-size:18px; }
  .work-strip img { width:100px; }

  #work-top h2 { font-size:26px; }
  #work-top p { font-size:18px; font-weight:500; }

  #news-head h3 { font-size:32px; }

  .content-main h3 { font-size:24px; }
  #footer .copy .jackrabbit {float:none;display:block}


    .strat .icons img { max-width:120px; }
    .strat p { font-size:17px; }
    .strat h4 { font-size:20px; }

    .strat.commitments .icons { transform:scale(1); transform-origin:top left; width:100%; min-width:0; }
    .strat.commitments #comm-svgs { display:none; }
    .strat.commitments .icon { width:50%; margin:0 0 20px; padding:0 30px; height:auto; }

    #projects-grid .img .hover { display:none; }

    #area-filter { width:250px; }

    #area-list { width:calc(100% - 290px); }

    #area-list .area img { float:none; margin:0 auto 30px; width:auto; display:block;  width:100%; }
    #area-list .overview { width:50%; margin:0; }
    #area-list .details { width:50%; padding-left:30px; }

    #need-apply { padding:30px; }
    #need-apply ul li { padding:20px 0; }

    .camp-banner .heading h2 { font-size:30px; }
    h3.camp-head { font-size:24px; margin-bottom:30px; }

    /* end 860 */

}

@media screen and (max-width:768px){
    #newsletter h4 { margin: 0 0 18px; font-size: 18px; line-height: 20px; display: block; }
    #newsletter .gfield, #newsletter .gform_body, #newsletter .gform_footer { width: 100% !important; }
    #newsletter .gfield { margin: 0 0 10px; }
    #newsletter .gform_wrapper { margin: 0; width: 500px; }
    #newsletter .gform_body { width: 100%; }
    #newsletter .gform_footer .btn { margin: 0; width: 100%; }
    #newsletter .validation_message { position: relative;  }

    #projects-grid .proj { width:100%; margin-bottom:24px; }
    #projects-grid h3 { font-size:18px; margin-top:8px; }
    #projects-grid img { width:100%; }

    .filter-header {display:block;}
    .filters {padding:20px;display:none}
    .filters .select-menu, #projects-wrap .filters .search .field, .side-headings .filters .select-menu, .filters .search.left .field {width:100%;display:block;margin-bottom:10px}
    #projects-grid {margin-top:30px}
    .side-headings .filters .dropdowns, .side-headings .filters .search {width:100%;display:block}
    .side-headings .filters {margin:0}
    table.data {margin-top:30px}
    .filters .search.left, .filters .dropdowns {float:none;width:100%;display:block;}

    table.data thead td:first-child { width:30% !important; }

    .page-template-template-projects #projects-wrap .filters button.field { margin:0 auto; display:block; width:270px; max-width:100%; }
    .page-template-template-projects #projects-wrap .filters .search { text-align: center;  }
    .page-template-template-projects #projects-wrap .filters .search .field { margin:0 auto 10px; }

}

@media screen and (max-width: 700px) {
  .bio-lb .mfp-close { top: 25px; right: 20px; }
  .bio { max-width: 500px; width: 100% !important; }
  .bio img, .bio .info, .bio .text { position: static; width: 100% !important; display: block; }
  .bio .info, .bio .text { padding: 24px 20px; }
  .bio .text h3 { font-size: 24px; margin-bottom: 14px; }
  .bio .text h4 { font-size: 18px; margin-bottom: 14px; }
  .bio.sec .text { padding-bottom: 80px; }
  .bio.sec img.personality { display: block; width: calc(100% - 40px) !important; margin: -60px 0 0 20px; }

  #proposalpopup {height:auto;}
  #proposalpopup .wrap {position:relative;padding:20px}
  #proposalpopup h6 {width:100%;line-height:24px;float:none;border-right:none;height:auto;margin-bottom:5px}
  #proposalpopup .pp-info, .french #proposalpopup .pp-info {display:block;max-width:100%;width:100%;height:auto;line-height: 24px;}
  #proposalpopup .pp-desc, .french #proposalpopup .pp-desc {display:block;padding: 0;font-size: 16px;line-height: 20px;}
  #proposalpopup .pp-but {display:block;color:#fff;vertical-align:middle;padding:0px;position: relative;right: 0;top:0;margin-top:15px}
  #proposalpopup .pp-but .btn {margin-top:0}
  #proposalpopup .closepp {position:absolute;right:20px;top:0px;font-size:42px;color:#fff;display:inline-block}
}

@media screen and (max-width: 660px) {
    .example figure { height:auto; margin-bottom:20px; }
    #examples-slider .slick-dots { top:-40px; }
    #pubgrid .doc {width:calc(100%);margin-bottom:20px}
    #pubgrid .text {padding:20px 30px 30px}
    #pubgrid {margin-bottom:20px}
}

@media screen and (max-width: 640px) {
  #home-banner { height: auto; }
  #home-banner .banner { background-size: auto 261px; padding-top: 260px; background-repeat: no-repeat; background-position: top center; height: auto; }
  #home-banner .banner:before { display: none; }
  #home-banner .banner-text { text-align: center; padding: 38px 20px; margin-right: 0; max-width: none; width: 100%; }
  #home-banner h2 { font-size: 34px; color: #01506f; letter-spacing: 0.055em; line-height: 1; }
  #home-banner h5 { color: #7D7D7D; font-size: 18px; font-weight: 400; line-height: 1.33; }
  #home-banner .btn { border-color: #01506f; color: #01506f; display: block; width: 280px; max-width: 100%; margin: 24px auto 0; }
  #home-banner .btn:hover { background-color: #01506f; color: #fff; }
  #apply h3, #statement h3, #news h3 { font-size: 24px; font-weight: 700; letter-spacing: 0.083em; }
  #apply .btn:not(.sm), #news .btn:not(.sm) { width: 280px; max-width: 100%; }
  .team-grid .member { width: 48.21429%; }
  .team-grid.chairs .member { width: 100%; }
  h1 { font-size: 26px; }
  #intro h3 { font-size: 18px; }
  .side-headings ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
  .side-docs { padding: 22px 20px; }

  .search #article .search-result .search-result-content {display:block;border-bottom:1px solid #D8D8D8;padding-bottom:30px}
  .search #article .search-result .search-result-content p {width:100%;display:block;vertical-align:top}
  .search #article .search-result .search-result-content .vmore {width:100%;display:block;vertical-align:top;text-align:left}

  #newsletter h4 { margin: 0 0 18px; font-size: 18px; line-height: 20px; display: block; }
  #newsletter .gfield, #newsletter .gform_body, #newsletter .gform_footer { width: 100%; }
  #newsletter .gfield { margin: 0 0 10px; }
  #newsletter .gform_wrapper { margin: 0; width: auto; max-width:500px; }
  #newsletter .gform_body { width: 100%; }
  #newsletter .gform_footer .btn { margin: 0; width: 100%; }

  .side-headings .filters .dropdowns { margin-right:0; }

  form.contact { margin-bottom:0; }
  form.contact .gform_body .left, form.contact .gform_body .right { width:100%; float:none; top:0; }
  form.contact .gform_footer { top:0; padding-left:0; text-align: center;}

  #need-apply ul li {width:100%;border-top:0;border-bottom:0}
  #main {padding-bottom:40px}
  #projects .col {max-width:100%;width:100%;float:none;margin-bottom:40px; }

  .strat { padding:40px 20px; }
  .strat .icons .icon { width:100%; display:block; margin:0 0 40px !important; height:auto !important; }
  .strat .icons img { max-width:187px; }
  .strat h3 { font-size:26px; }

  #area-filter { float:none; width:100%; max-width:280px; margin:40px auto; }
  #area-list { width:100%; }

    table.data thead { display:none;  }
    table.data td { display:block; border-right:none !important; }
    table.data td:before { content: attr(data-th); font-weight: bold; display: block; font-size: 13px; color: #a6192e; text-transform: uppercase; }

}
@media screen and (max-width: 580px) {

  #article .committee-left, #article .committee-right {width:100%;display:block;float:none}
  .contain404 {height:450px}
  .contain404 .contain404-text h3 {font-size:28px;text-transform:uppercase;letter-spacing:3px;font-weight:700;color:#fff;margin-bottom:20px}
  .contain404 .contain404-text p {font-size:20px;line-height:24px;}

  #intro h2 { font-size:32px; }

  #tabs + .filters { display:block; }
  #tabs + .filters > *, #tabs + .filters input { width:100%; margin-bottom:10px; }
}

@media screen and (max-width: 480px) {
  .side-docs { min-width: 0px; }
  .team-grid .member { width: 100% !important; }
  .team-grid .member .hs { padding-bottom: 100% !important; }
  .work-strip p { width:100%; text-align:center !important; margin:0 !important; }
  .work-strip img { display:block; margin:20px auto !important; }
  .side-headings .filters label { font-size: 12px; width: 105px; letter-spacing: 1px; };
  .side-headings .filters .select-menu, .side-headings .filters .field { width:165px; }
  #area-list .area .overview { width:100%; float:none; padding-right:0; border-right:none; }
  #area-list .area .details { width:100%; padding-left:0; }

  #footer .social { float: none; clear: left; margin: 0 auto 10px; text-align: center; }
  .french #footer #util a { font-size:9px !important; }
  .french #footer #util a + a { margin: 0px 0 0 2px; padding: 0 0 0 4px; }

   #cfp .right .text { padding:0 40px; }

   .page-template-template-publications .filters button.field { width:100%; margin-bottom:10px;}

   #publications-new .detail { width:100%; display:block; }
   #publications-new .detail + .detail { margin-top:20px; }
}

#map {
    width: 100%;
    height: 600px;
    position: relative;
    overflow:visible;
}
#map:before, #map:after {
    content:'';
    position: absolute;
    height:6px;
    width: 100%;
    left:0;
    z-index: 10;
}
#map:before {
    background-image:linear-gradient(rgba(0,0,0,0.08), rgba(0,0,0,0) );
    top:0;
}
#map:after {
    background-image:linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.08) );
    bottom:0;
}
#map-popup {
    background:#fff;
    position:absolute;
    z-index: 500;
    transform:translate(-50%, 10px);
    width:280px;
    box-shadow:0 0 10px rgba(0,0,0,0.15);
    padding:25px 30px;
    font-family:;
    display:none;
}
#map-popup:before {
    content:'';
    border:10px solid transparent;
    border-bottom:9px solid #fff;
    position:absolute;
    left:calc(50% - 10px);
    top:-19px;
}
#map-popup .cp-country {
    font-size:22px;
    line-height:1.18;
    color:#01506F;
    padding-bottom:15px;
    border-bottom:1px solid #D8D8D8;
    margin-bottom:25px;
}

#map-popup h6 {
    color:#595959;
    font-size:14px;
    text-transform: uppercase;
    line-height:1.28;
    font-weight:700;
    letter-spacing:0.142em;
}
#map-popup h5 {
    font-size:18px;
    color:#A6192E;
    line-height:1.44;
    margin:0 0 12px;
    letter-spacing:0;
}
#map-popup .cp-projects-closed h5 {
    color:#01506F;
}

#map-popup .cp-commitments small {
    color:#595959;
    display:block;
    font-size:12px;
    text-transform: uppercase;
    line-height:1.28;
    font-weight:700;
    letter-spacing:0.142em;
}

#map-popup .cp-diseases {
    font-size:14px;
    line-height:1.14;
}
#map-popup .back {
    margin-top:24px;
}
#map-top {
    padding:50px 20px 5px;
}
#map-top label {
    font-size:14px;
    font-weight:600;
    color:#01506F;
    text-transform: uppercase;
    display: inline-block;
    margin-right:14px;
    letter-spacing:0.14em;
}
#map-top .select-menu {
    width:180px;
    margin-right:7px;
}
#map-jump {
    float:right;
}
#map-filters {
    padding-bottom:45px;
}
#map-filters label.reset {
    font-size:11px;
    margin-left:7px;
}
#map-intro {
    max-width:720px;
    padding-bottom:3.33em;
}
#map-legend {
    font-size:13px;
    line-height:16px;
}
#map-legend .square {
    display: inline-block;
    padding-left:24px;
    line-height:16px;
    position: relative;
    margin-right:20px;
    margin-bottom:10px;
}
#map-legend .square:before {
    content:'';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top:0;
    left:0;
}
#map-legend .square.current:before {
    background-color:#A6192E;
}
#map-legend .square.completed:before {
    background-color:#EDD0D5;
}
#map-loading {
    position: absolute;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.6);
    color:#000;
    z-index: 10;
}
#map-loading span {
    position: absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    width:72px;
    text-align:center;
}
#map-loading span img {
    width:72px;
}

#map-bottom {
    padding-top:26px;
    padding-bottom:70px;
    font-size:13px;
}
#map-bottom p {
    margin-bottom:8px;
}

@media screen and (max-width:980px) {
    #map-jump {
        float:none;
        margin-bottom:25px;
    }
}
@media screen and (max-width:640px) {
    #map {
        height:500px;
    }
    #map-top label {
        display:block;
    }
    #map-top .select-menu {
        width:100%;
        margin-bottom:10px;
        display: block;
    }
    #map-filters {
        padding-bottom:30px;
        border-bottom:1px solid #D8D8D8;
        margin-bottom:24px;
    }
}

#country-profile {
    padding-top:47px;
    padding-bottom:68px;
}
#country-profile h6 {
    font-size: 14px;
    color: #595959;
    letter-spacing: 2px;
    text-align: left;
    line-height: 16px;
    text-transform: uppercase;
}
#country-profile .download-print {
    float:right;
}
#country-profile .download-print .btn {
    margin-top:0;
}
#country-profile h3 {
    font-size: 44px;
    color: #A6192E;
    line-height: 50px;
}
#country-profile h3.title {
    float:left;
}

#country-profile h3 img {
    width:auto;
    height:40px;
    display: inline-block;
    margin-left:17px;
    border:1px solid #D8D8D8;
}

#country-profile hr {
    border:0;
    border-bottom:1px solid #D8D8D8;
    margin:20px 0 40px;
}

#country-background {
    float:left;
    width:70.2%;
}
#country-profile .map {
    display:block;
    float:right;
    width:26.3%;
    margin-bottom:50px;
}

#country-profile table {
    width:100%;
    table-layout:auto;
    margin-bottom:50px;
}
#country-profile table th, #country-profile table td {
    font-size:15px;
    line-height:22px;
    padding:8px 12px;
}
#country-profile table th {
    text-align:Left;
    background-color:#A6192E;
    color:#fff;
    font-weight:600;
}
#country-profile table tr:nth-child(2n-1) td {
    background-color:#EFEFEF;
}
#country-background table td:nth-child(n+2) {
    width:115px;
}
#country-profile h4 {
    font-size: 26px;
    color: #01506F;
    letter-spacing: 0;
    line-height: 32px;
    margin-bottom:16px;
}

#country-profile .legend {
    line-height:38px;
}
#country-profile .legend .dot {
    display: inline-block;
    width:18px;
    height:18px;
    border-radius:9px;
    margin-right:11px;
    vertical-align: -4px;
}

#profile-middle {
    display:flex;
    align-items: center;
    margin:-20px 0 50px;
}
#profile-middle #investment-numbers {
    flex-grow:1;
}
#profile-middle #investment-numbers h6 {
    display:inline-block;
    padding-top:8px;
    padding-bottom:8px;
}
#profile-middle #investment-numbers h6.exp:not(:only-child) {
    padding-right:45px;
    border-right:1px solid #D8D8D8;
    margin-right:45px;
}
#profile-middle #investment-numbers h6 b {
    font-size:70px;
    /* color:#A6192E; */
    color:#595959;
    font-weight:600;
    display:block;
    line-height:72px;
    margin-bottom:6px;
}
#profile-middle #investment-numbers h6.exp b {
    /* color:#01506F; */
    color:#7d7d7d;
}

#profile-middle #chart-holder {
    margin-right:50px;
}
#profile-middle #chart-holder p {
    max-width:100%;
    text-align:center;
    margin-top:3px;
}
#profile-middle #chart-holder text {
    font-family:SourceSans !important;
}
#country-projects td[colspan="4"] {
    background-color:#01506F !important;
    color:#fff;
    font-weight:600;
    text-align:center;
}

#country-projects thead th:nth-child(1){
    width:225px;
}
#country-projects thead th:nth-child(3){
    width:255px;
}
#country-projects thead th:nth-child(4){
    width:150px;
}

#country-profile .bottom-hr {
    margin:40px 0 15px;
}

#country-profile #profile-cias {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-top:37px;
}

#country-profile .profile-cia {
    width:calc(50% - 30px);
    margin-bottom:40px;
}

#country-profile .profile-cia h5 {
    font-size:22px;
    line-height:1.18em;
    margin-bottom:9px;
}
#country-profile .profile-cia h5 a {
    color:#01506F;
}
#country-profile .profile-cia h5 a:hover {
    color:#00A9CE;
}

#country-profile .profile-cia p {
    font-size:14px;
}

#country-profile .profile-cia .more {
    color:#A6192E;
    font-weight:700;
    text-transform: uppercase;
    letter-spacing:0.166em;
    font-size:12px;
    margin:12px 36px 0 0;
    display: inline-block;
}
#country-profile .profile-cia .more:last-child {
    margin-right:0;
}
#country-profile .profile-cia .more:hover {
    color:#00A9CE;
}

#country-profile .sources {
    font-size:12px;
    float:left;
    width:calc(100% - 215px);
}

#country-profile .last-updated {
    float:right;
    font-size:13px;
    font-weight:600;
    width:215px;
    text-align:right;
}

@media screen and (max-width:640px){
    #country-profile #profile-cias {
        display:block;
    }
    #country-profile .profile-cia {
        width:100%;
        margin-bottom:40px;
    }
}

.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }

/* RESPONSIVE EXAMPLE */

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

@media (max-width: 768px) {
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }
}

#country-profile .show-768 {
    display:none;
}

@media screen and (max-width:1000px) {
    #profile-middle #investment-numbers h6 b {
        font-size:55px;
        line-height:1;
    }
    #profile-middle #investment-numbers h6 + h6 {
        margin-left:30px;
        padding-left:30px;
    }
    #profile-middle #chart-holder {
        margin-right:30px;
        width:220px;
    }
    #profile-middle #chart-holder svg {
        width:220px;
        height:220px;
    }
}

@media screen and (max-width:768px) {
    #country-profile .show-768 {
        display:block;
    }
    #country-profile .hide-768 {
        display:none;
    }
    #country-profile h3 {
        font-size:28px;
        line-height:32px;
        margin-top:4px;
    }
    #country-profile .map {
        width:90px;
        float:right;
        margin:0 0 20px 30px;
    }
    #country-profile h3.title {
        float:none;
    }
    #country-profile h3 img {
        display:block;
        margin:8px 0 0;
    }
    #country-profile .download-print {
        float:none;
        margin-top:20px;
    }
    #country-profile h4 {
        font-size:24px;
    }
    #country-background {
        float:none;
        width:100%;
    }
    #country-background table tr:first-child {
        display:none;
    }
    #country-profile table th, #country-profile table td {
        padding:6px 20px;
        text-align:left;
    }
    #country-profile table:not(#country-projects) tr:nth-child(2n-1) td {
        background:#fff;
    }
    #country-profile table td:first-child {
        font-weight:bold;
    }
    #profile-middle {
        display:block;
        margin-top:0;
    }
    #profile-middle #investment-numbers h6 {
        display:block;
        margin:20px 0 !important;
        padding:0 !important;
        border:none !important;
    }
    #profile-middle #investment-numbers h6 b {
        font-size:40px;
    }
    #profile-middle #chart-holder {
        margin:35px auto 25px;
        width:280px;
    }
    #profile-middle #chart-holder svg {
        width:280px;
        height:280px;
    }
    #country-profile .legend {
        text-align:center;
    }
    #country-profile .legend div {
        display: inline-block;
        width:80px;
        text-align:left;
    }

    #country-projects thead {
        display:none;
    }
    #country-projects tr:not(.disease) td {
        display:block;
    }
    #country-projects tr:not(.disease) td:before {
        content:attr(data-label);
        display:block;
        font-weight:bold;
    }
    #country-projects tr:not(.disease) td:first-child {
        font-weight:400;
    }

    #country-profile .bottom-hr {
        display:none;
    }

    #country-profile .last-updated {
        padding-bottom:17px;
        border-bottom:1px solid #D8D8D8;
        margin-bottom:17px;
    }

    #country-profile .last-updated,
    #country-profile .sources {
        text-align:left;
        float:none;
        width:100%;
    }
}

.doc-list{
  padding-left: 16px;
  margin-top: 10px;
}
.doc-list li{
  list-style: initial;
  margin-bottom: 5px;
}
.covid-button{
  float: right;
  margin-top: 17px;
}
.covid-button a{
  border: 2px solid #01506f; color: #01506f; text-transform: uppercase; font-weight: 600; line-height: 1.4em; padding: 7px 1.65em 7px; display: inline-block; text-align:center;
}
.covid-button a:hover{
  color: #fff; background: #01506f;
}
@media screen and (max-width: 861px) {
  .covid-button{
    margin-top: 19px;
  }
  .covid-button a{
    border: 0; padding: 0;
    margin-right: 7px;
  }
  .covid-button a:hover{
    color: #a6192e; background: transparent;
  }
}


.strat.commitments .icon:nth-child(2) {
    margin-bottom: 0px !important;
}
.strat.commitments .icon{
    width: 240px;
}


/*** BLOSSOM 20220 ***/
.buttons-box{
    background-color: #01506f; 
    padding: 32px; 
    text-align: center; 
    display: flex; 
    justify-content: space-around; 
    align-items: center;
    flex-direction: column;
}
.buttons-box a{
    margin-top: 10px;
    margin-bottom: 10px;
    min-width: 250px;
}
@media screen and (min-width: 768px) {
    .buttons-box{
        flex-direction: row;
    }
    .buttons-box a{
        margin: 0px;
    }
}
/*** BLOSSOM 20220 ***/