@charset "UTF-8";

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html { font-family: sans-serif;  /* 1 */ -ms-text-size-adjust: 100%;  /* 2 */ -webkit-text-size-adjust: 100%;  /* 2 */ }
html.mobile-tablet { overflow-y: scroll; -webkit-overflow-scrolling: touch; }

/**
 * Remove default margin.
 */
body { margin: 0; }

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, progress, video { display: inline-block;  /* 1 */ vertical-align: baseline;  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) { display: none; height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden], template { display: none; }

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */
a { background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active, a:hover { outline: 0; }

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] { border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b, strong { font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn { font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 { font-size: 2em; margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark { background: #ff0; color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small { font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img { border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) { overflow: hidden; }

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure { margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre { overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button, input, optgroup, select, textarea { color: inherit;  /* 1 */ font: inherit;  /* 2 */ margin: 0;  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button { overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button, select { text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"] {  /* -webkit-appearance: button;  2 */
-webkit-appearance: none; border-radius: 0px; cursor: pointer;  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] { cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input { line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  /* 1 */ padding: 0;  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] { -webkit-appearance: textfield;  /* 1 */ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend { border: 0;  /* 1 */ padding: 0;  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea { overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup { font-weight: bold; }

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }

/* ====================================================================================================================
 * MIXINS 
 * ====================================================================================================================*/

/* ====================================================================================================================
 * COLORS  
 * ====================================================================================================================*/::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-thumb { background: #243c96; }
::-webkit-scrollbar-track { background: rgba(74, 132, 196, 0.85); }
body { scrollbar-face-color: #243c96; scrollbar-track-color: rgba(74, 132, 196, 0.85); }
*::-moz-selection { background: #243c96;  /* WebKit/Blink Browsers */ color: #4a84c4; }
*::selection { background: #243c96;  /* WebKit/Blink Browsers */ color: #4a84c4; }

/* ====================================================================================================================
 * FONTS 
 * ====================================================================================================================*/
.row, .column { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.row { display: block; clear: both; }
.row .column { float: left; width: 100%; }
.row .column:first-child { padding-left: 0px; }
.row .column:last-child { padding-right: 0px; }
.column .column:first-child { padding-left: 0; }
.column .column:last-child { padding-right: 0; }
.column .row:first-child > .column { padding-top: 0; }
.column .row:last-child > .column { padding-bottom: 0; }

/* Wrapping at a maximum width is optional */
.wrap .row, .row.wrap { max-width: 978px; margin: 0 auto; }
.row .whole { width: 100%; }
.row .half { width: 50%; }
.row .one-third { width: 33.3332%; }
.row .two-thirds { width: 66.6665%; }
.row .one-quarter, .row .one-fourth { width: 25%; }
.row .three-quarters { width: 75%; }
.row .one-fifth { width: 22%; }
.row .two-fifths { width: 40%; }
.row .three-fifths { width: 60%; }
.row .four-fifths { width: 70%; margin-left: 8%; }
.row .golden-small { width: 38.2716%; }

/* Golden section: smaller piece */
.row .golden-large { width: 61.7283%; }

/* Golden section: larger piece */

/* Clearfix after every .row */
.row { zoom: 1; }
.row:before, .row:after { display: table; content: ""; line-height: 0; }
.row:after { clear: both; }

/* Utility classes */
.align-center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.pull-left { float: left; }
.pull-right { float: right; }
.column img { max-width: 100%; }
.only-on-mobiles { display: none !important; }

/* CEMATRIX FIXES */
.column.one-third.middle-fix { padding-left: 0px !important; }
@media screen and (max-width:767px) {

  /* Stack anything that isn’t full-width on smaller screens 
     and doesn't provide the no-stacking-on-mobiles class */
  .row:not(.no-stacking-on-mobiles) > .column { width: 100% !important; }
  .column .row .column { padding-left: 0px; padding-right: 0px; }

  /* Sometimes, you just want to be different on small screens */
  .center-on-mobiles { text-align: center !important; }
  .hide-on-mobiles { display: none !important; }
  .only-on-mobiles { display: block !important; }
}

/* Expand the wrap a bit further on larger screens */
@media screen and (min-width:1180px) {
  .wider .row, .row.wider { max-width: 1180px; margin: 0 auto; }
}
@media screen and (max-width:767px) {
  .row .four-fifths { margin-left: 0% !important; }
}

/* ====================================================================================================================
 * MIXINS 
 * ====================================================================================================================*/

/* ====================================================================================================================
 * COLORS  
 * ====================================================================================================================*/::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-thumb { background: #243c96; }
::-webkit-scrollbar-track { background: rgba(74, 132, 196, 0.85); }
body { scrollbar-face-color: #243c96; scrollbar-track-color: rgba(74, 132, 196, 0.85); }
*::-moz-selection { background: #243c96;  /* WebKit/Blink Browsers */ color: #4a84c4; }
*::selection { background: #243c96;  /* WebKit/Blink Browsers */ color: #4a84c4; }

/* ====================================================================================================================
 * FONTS 
 * ====================================================================================================================*/
::-moz-selection { color: #FFFFFF; background: #243c96; }
::selection { color: #FFFFFF; background: #243c96; }
body, html, html p, body p, .main-content, .main-content p { font-family: "proxima-nova", sans-serif; font-style: normal; font-weight: 400; color: #000000; font-size: 16px; line-height: 26px; letter-spacing: 0px; }
.main-content #inner-main #content-left > ul, .main-content #inner-main #content-left > ol { padding-left: 40px; width: 72%; }
.main-content #inner-main #content-left > ul > li, .main-content #inner-main #content-left > ol > li { margin-bottom: 18px; padding-left: 10px; }
.main-content #inner-main #content-left > ul > li ol, .main-content #inner-main #content-left > ul > li ul, .main-content #inner-main #content-left > ol > li ol, .main-content #inner-main #content-left > ol > li ul { padding-top: 10px !important; }
h1 { font-family: "proxima-nova", sans-serif; text-transform: uppercase; font-size: 60px; font-weight: 900; line-height: 60px; letter-spacing: 40; }
h2 { color: #000000; font-family: "proxima-nova", sans-serif; text-transform: uppercase; font-size: 35px; font-weight: 300; line-height: 40px; letter-spacing: 1.25px; }
h3 { font-family: "proxima-nova", sans-serif; font-size: 20px; font-weight: 700; line-height: 25px; letter-spacing: 1.25px; color: #4a84c4; }
h4 { font-family: "proxima-nova", sans-serif; font-size: 18px; font-weight: 700; line-height: 25px; letter-spacing: .5px; color: #243c96; }
a.btn { font-family: "proxima-nova", sans-serif; font-size: 20px; font-weight: 700; color: #FFFFFF; text-transform: uppercase; font-size: 15px; letter-spacing: 2px; }
#content-left a, html a, body a, a { color: #243c96; text-decoration: none; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
#content-left a:hover, html a:hover, body a:hover, a:hover { text-decoration: underline; }
.panel .panel-content ul li a:not(.btn) { color: #243c96; font-size: 16px; text-decoration: none; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.panel .panel-content ul li a:not(.btn):hover { text-decoration: underline; }

/*
 * jQuery FlexSlider v2.6.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */

/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/

/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover, .flex-slider a:hover { outline: none; }
.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.flex-pauseplay span { text-transform: capitalize; }

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider { overflow: hidden; margin: 0; padding: 0; }
.flexslider .slides > li { display: none; position: relative; }
.flexslider .slides img { width: 100%; display: block; }
.flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .flexslider .slides { display: block; }
html .flexslider .slides { height: 100%; }
.no-js .flexslider .slides > li:first-child { display: block; }

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider { margin: 0 0 2px; background-size: cover;  /*border: 4px solid #ffffff;*/ position: relative; zoom: 1; border-radius: 4px; -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); }
.flexslider .slides { zoom: 1; }
.flexslider .slides img { height: auto; -moz-user-select: none; }
.flex-viewport { max-height: 2000px; height: 630px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.carousel li { margin-right: 5px; }
.flex-direction-nav { height: 0; }
.flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }
.flex-direction-nav a.flex-next:before { content: '\f002'; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; }
.flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; z-index: -1; }
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
.flex-control-nav {  /*display: none !important;*/
width: 100%; position: absolute; text-align: center; z-index: 1; bottom: 60px; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; display: inline; list-style-type: none; }
.flex-control-paging li a { content: ''; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; height: 15px; width: 15px; text-indent: -9999px; top: 12px; border-color: #FFF; border-style: solid; border-width: 1px; }
.flex-control-paging li a:hover { background: #333; background: rgba(255, 255, 255, 0.75); }
.flex-control-paging li a.flex-active { background: #000; background: white; cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

/* ====================================================================================================================
 * BLENDER CUSTOM STYLES  
 * ====================================================================================================================*/
.flex-control-nav { z-index: 3; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; left: 25px; }
.flexslider .slides > li { position: relative; height: 100%; }

/*
.flexslider .slides > li:before {

  content: " ";
  z-index: 2;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(32%, rgba(0, 0, 0, 0.5)), color-stop(68%, rgba(0, 0, 0, 0.225)));
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 32%, rgba(0, 0, 0, 0.225) 68%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 32%, rgba(0, 0, 0, 0.225) 68%); }
  */
.flexslider .slide-text-box { background-color: rgba(74, 132, 196, 0.9); padding: 25px 30px; left: 0; bottom: 100px; position: absolute; z-index: 3; color: #FFF; width: 750px;  /*max-width:50%;*/ text-shadow: -1px 0px 30px rgba(0, 0, 0, 0.1); color: #FFF; }
.flexslider .slide-text-box#slide-tb-2 { width: 680px }
.flexslider .slide-text-box#slide-tb-3 { width: 770px; }
.flexslider .slide-text-box#slide-tb-4 { width: 515px; }
.flexslider .slide-text-box h3 { font-weight: 900; margin: 0px; color: #FFF; font-size: 30px; letter-spacing: normal; line-height: 32px; }
.flexslider .slide-text-box p { color: #FFF; font-size: 22px; line-height: 26px;  /*margin-bottom: 0;*/ }
.flexslider .slide-text-box .btn { bottom: initial; left: initial; position: relative; display: inline-block; }
.flexslider .slide-text-box .slideshow-image-wrapper.has-image { width: 100%; height: 630px; position: relative; }
.flexslider .slide-text-box h4 { font-size: 35px; line-height: 42px; color: #FFFFFF; font-weight: 100; }

/* SLIDE POSITION ADJUSTMENTS */
.slideshow-image-wrapper.has-image:nth-of-type(1) { background-position: bottom center !important; }

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width:1200px) {
  .flexslider .slide-text-box { min-width: 650px; }
}
@media screen and (max-width:860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
  .flex-direction-nav .flex-next { opacity: 1; right: 10px; }
}
@media screen and (max-width:767px) {
  .flexslider .slide-text-box { min-width: 0px; }
}

/* ====================================================================================================================
 * BUTTONS
 * ====================================================================================================================*/
a.btn, input.btn { background: #4a84c4; bottom: 30px; color: #FFFFFF; font-family: "proxima-nova", sans-serif; font-weight: 400; left: 30px; padding: 12px 30px; position: absolute; text-decoration: none; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
a.btn:hover, input.btn:hover { background: #243c96; color: #FFFFFF; text-decoration: none; }
a.btn.light { color: #243c96; background: #FFFFFF; }
a.btn.light:hover { background: #4a84c4; color: #FFFFFF; }
a.btn.outline { border: 1px solid #FFFFFF; background: transparent; color: white; }
a.btn.outline:hover { background: white; color: #243c96; }
a.btn.inverse { color: #FFFFFF; background: #243c96; }
a.btn.inverse:hover { background: #8ecdcd; color: #4a84c4; }
a.btn.header-btn { color: #FFFFFF; position: relative; top: 0; bottom: 0; left: 0; right: 0; float: right; height: 42px; display: table-cell; padding: 18px 30px 0px; border-left: 2px solid #FFFFFF; }
a.btn.header-btn.inverse { color: #FFFFFF; background: #243c96; }
a.btn.header-btn.inverse:hover { background: #8ecdcd; color: #4a84c4; }
a.btn.content-btn { display: inline-block; position: relative; margin-top: 60px; }
a.btn.grey { background: #9b9b9b; left: 0; }
a.btn.grey:hover { background: #243c96; }
input.btn.form-btn { display: block; float: left; position: relative; margin-top: 25px; margin-left: 0px; }
.structure-directory-project-details a.btn.content-btn.tech-report { color: #4a84c4 !important; text-decoration: none !important; left: initial !important; }
.structure-directory-project-details a.btn.content-btn.tech-report:hover { color: #FFFFFF !important; }
a#tech-report { bottom: 0px; margin: 30px 0px 10px; }
.btn.download { position: relative; top: initial; cursor: pointer; color: #FFFFFF !important; bottom: initial; text-decoration: none; text-transform: none; left: initial; display: table; margin: 30px 0px; padding: 18px 30px; }
.btn.download:before { font-family: FontAwesome; color: #FFFFFF; padding-right: 20px; content: '\f1c1'; font-size: 25px; top: 2px; position: relative; display: table-cell; vertical-align: middle; }
.btn.download:hover { color: #FFFFFF !important; text-decoration: none !important; }
.panel a.btn.outline.btn-fix { display: block; width: 173px; margin-top: 35px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* ====================================================================================================================
 * TOP NAVIGATION MENU  
 * ====================================================================================================================*/
#sticky-header { position: fixed; top: 0px; left: 0px; width: 100%; background: white; z-index: 1000; }
#sticky-header > div::after { content: ""; display: table; clear: both; }
#sticky-header > div:nth-of-type(1) { background: #f6f6f4; color: #FFFFFF; padding: 0px 0px 0px 30px; }
#sticky-header > div:nth-of-type(1) p { margin: 0; font-size: 13px; font-weight: 400; padding: 6px 0; text-transform: uppercase; }
#sticky-header > div:nth-of-type(1) p:nth-of-type(1) { float: left; }
#sticky-header > div:nth-of-type(1) p:nth-of-type(2) { float: right; }
#sticky-header > div:nth-of-type(1) span { font-weight: 700; }
#svg-logo { top: 32px; }
#sticky-header > div:nth-of-type(2) { background: #FFFFFF; }
#sticky-header > div:nth-of-type(2) .logo { display: inline-block; width: auto; }
#sticky-header > div:nth-of-type(2) .logo img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 65.36px; padding-top: 32px; width: 232px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
#sticky-header > div:nth-of-type(2) .logo:hover img { opacity: 0.7; }
#sticky-header > div:nth-of-type(2) nav { float: right; padding: 32.5px 0; }
#sticky-header > div:nth-of-type(2) nav > ul { list-style: none; margin: 0; padding-left: 0px; }
#sticky-header > div:nth-of-type(2) nav > ul > li { float: left; color: white; font-size: 16px; font-weight: bold; line-height: 28px; margin-left: 48px; position: relative; }
#sticky-header > div:nth-of-type(2) nav > ul > li:first-of-type { margin-left: 0px; }
#sticky-header > div:nth-of-type(2) nav > ul > li a { color: #243c96; padding: 0px 0px 3px; text-decoration: none; -webkit-transition: none; -moz-transition: none; transition: none; position: relative; }
#sticky-header > div:nth-of-type(2) nav > ul > li .slider { position: absolute; display: block; left: 0; top: 22px; margin: 0 auto; height: 2px; background-color: #243c96; width: 0%; -webkit-transition: width 700ms ease; -moz-transition: width 700ms ease; transition: width 700ms ease; }
#sticky-header > div:nth-of-type(2) nav > ul > li:hover a .slider { width: 100%; }
#sticky-header > div:nth-of-type(2) nav > ul > li:hover div { visibility: visible; opacity: 1; }
#sticky-header > div:nth-of-type(2) nav > ul > li:hover div:before { visibility: visible; opacity: 1; }
#sticky-header > div:nth-of-type(2) nav > ul::after { content: ""; display: table; clear: both; }
#sticky-header > div:nth-of-type(2) nav li a { text-decoration: none; }
#sticky-header > div:nth-of-type(2) nav > ul > li:last-of-type > div > ul.dropdown-container { right: 78px; left: initial; position: relative; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; }
#sticky-header > div:nth-of-type(2) nav > ul > li:last-of-type > div > ul.dropdown-container:before { left: 68%; }
#sticky-header > div:nth-of-type(2) nav > ul > li > div { position: absolute; visibility: hidden; opacity: 0; top: 23px; left: 50%; margin-left: -100px; width: 200px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
#sticky-header > div:nth-of-type(2) nav > ul > li > div ul { cursor: pointer; left: 50%; list-style: none; margin: 0px; padding: 0 0 0 0; position: absolute; top: 10px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 235px; }
#sticky-header > div:nth-of-type(2) nav > ul > li > div ul:before { content: " "; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 12px solid #243c96; z-index: 2; left: -moz-calc(50% - 20px); left: calc(50% - 20px); position: relative; bottom: 7px; }
#sticky-header > div:nth-of-type(2) nav > ul > li > div ul li a { background: #243c96; border-top: 2px solid #1d3078; color: #FFFFFF; display: block; font-weight: 300; padding: 12px 14px; min-width: 168px; max-width: 245px; text-decoration: none; }
#sticky-header > div:nth-of-type(2) nav > ul > li > div ul li:hover a { background: #4a84c4; text-decoration: none; }
#sticky-header > div:nth-of-type(2) nav > ul > li > div ul li:nth-of-type(1) a { border-top: 0; }
#sticky-header > div:nth-of-type(2) nav > ul > li > div ul li:last-child a { border-bottom: 0; }
#sticky-header > div:nth-of-type(2) nav > ul > li > div ul li:last-child:hover a { border-bottom: 0; }
#sticky-header > div:nth-of-type(2) nav > ul > li > div ul li.indented-list-item a { padding-left: 34px; min-width: 0px; border-top: none; }
ul.dropdown-container li.indented-list-item:last-of-type a { border-bottom: 1px solid black; }

/* ====================================================================================================================
 * STOCKBAR 
 * ====================================================================================================================*/
ul.stock-information { list-style: none; margin: 0; padding: 17px 0px; float: left; }
ul.stock-information li { float: left; color: #363636; font-size: 14px; padding-right: 20px; }
ul.stock-information li span { font-weight: bold; }
ul.stock-information li .fa-arrow-up { color: #177f05; font-size: 13px; position: relative; top: -1px; left: 2px; }
ul.stock-information li .fa-arrow-down { color: #bd2626; font-size: 13px; position: relative; top: -1px; left: 2px; }
ul.social-media { list-style: none; margin: 0; padding: 17px 0px; float: right; }
ul.social-media li { float: right; padding-right: 20px; }
ul.social-media li a i { color: #FFFFFF; font-size: 18px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
ul.social-media li a i:hover { color: #243c96; }
ul.social-media li a { color: #FFFFFF; text-decoration: none; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

/* ====================================================================================================================
 * SEARCH 
 * ====================================================================================================================*/
.float-fix { float: right; }
.search, .email-link, .social-link { width: 60px; height: 100%; padding: 17px 0px; border-left: 2px solid white; text-align: center; background: #6b6b6b; overflow: hidden; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.search i, .email-link i, .social-link i { color: #FFFFFF; font-size: 18px; }
.search a i, .email-link a i, .social-link a i { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.search a i:hover, .email-link a i:hover, .social-link a i:hover { color: #4a84c4; }
.search .search-form-container, .email-link .search-form-container { display: table; margin-left: -208px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.search .search-form-container form, .email-link .search-form-container form { display: table-cell; }
.search .search-form-container input, .email-link .search-form-container input { border: none; background: transparent; color: white; width: 208px; outline: none; padding-left: 20px; }
.search .search-form-container input.placeholder, .email-link .search-form-container input.placeholder { color: white; }
.search .search-form-container input:-moz-placeholder, .email-link .search-form-container input:-moz-placeholder { color: white; }
.search .search-form-container input::-webkit-input-placeholder, .email-link .search-form-container input::-webkit-input-placeholder { color: white; }
.search.active { width: 270px; }
.search.active .search-form-container { margin-left: 2px; }

/* ====================================================================================================================
 * Mobile Secondary Search Function
 * ====================================================================================================================*/
#search { cursor: pointer; }
input#search-text-input { border: none; outline: none; background: transparent; }
.mobile-stock-social-search.active { display: table; }
.mobile-stock-social-search.active #search-form-container { display: table-cell; }
.mobile-stock-social-search.active #search { display: table-cell; }
.mobile-stock-social-search.active > div > div:nth-of-type(1), .mobile-stock-social-search.active > div > div:nth-of-type(2) { display: none; }
.mobile-stock-social-search.not-active #search-form-container { display: none; }
html.this-is-not-a-mobile .mp-pusher.mp-pushed #hamburger-bun { right: 17px; }

/* =========================================
 * French/English Toggle
 * =======================================*/
.toggle-language { font-size: 15px; color: #6b6b6b; float: right; padding-right: 25px; padding-top: 17px; text-decoration: none; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.toggle-language:hover { color: #4a84c4; text-decoration: none; }

/* Inner Project Specific Styles */
body.cat-projects.structure-directory-overview h1 { color: #FFFFFF; }
body.cat-projects.structure-directory-overview h2 { margin-bottom: 0px; }
body.cat-projects.structure-directory-overview #snapshot p { font-size: 18px; }
body.cat-projects.structure-directory-overview p span { color: #4a84c4; }
body.cat-projects.structure-directory-overview #inner-main #content-left .tabs div ul { padding-left: 21px; }
body.cat-projects.structure-directory-overview #about-us.panel-header-icon { border-right: 1px solid #FFFFFF; background: #243c96; }
body.cat-projects.structure-directory-overview .panel-content { position: static; }
body.cat-projects.structure-directory-overview .panel.white .panel-header .panel-header-icon { height: 85px; width: 85px; }
body.cat-projects.structure-directory-overview .panel.white .panel-header .panel-header-icon .project-svg { right: -9px; }
body.cat-projects.structure-directory-overview .panel.white .panel-header .panel-header-icon svg circle, body.cat-projects.structure-directory-overview .panel.white .panel-header .panel-header-icon svg path { stroke: #FFFFFF; }
body.cat-projects.structure-directory-overview .project-svg { top: 41px; }
body.cat-projects.structure-directory-overview .panel.white .panel-header { border-color: #FFFFFF; }
body.cat-projects.structure-directory-overview .panel.white .panel-header .panel-header-title h3.break-me { color: white; }
@media (max-width:600px) {
  body.cat-projects.structure-directory-overview .panel a.btn { position: relative; bottom: initial; left: initial; display: inline-block; }
}

/* ====================================================================================================================
 * PANELS & FRONTPAGE PROJECT BOXES
 * ====================================================================================================================*/
.panel { background: #4a84c4; position: relative; min-height: 330px !important; }
.panel::after { content: ""; display: table; clear: both; }
.panel .panel-content { padding: 30px; }
.panel .panel-content p { color: #FFFFFF; font-size: 20px; margin-top: 0px; font-weight: 300; line-height: 30px; }
.panel .panel-content a:not(.btn) { font-family: "proxima-nova", sans-serif; font-size: 20px; color: #FFFFFF; text-decoration: none; font-weight: 300; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.panel .panel-content a:not(.btn):hover { color: #243c96; }
.panel .panel-content .document-link:hover, .panel .panel-content .document-link:hover:before { color: #243c96 !important; }
.panel h3 { margin: 0px; position: relative; margin-top: 18px; margin-bottom: 17px; }
.panel .panel-header { width: 100%; display: block; min-height: 60px; border-bottom: 2px solid #FFFFFF; }
.panel .panel-header::after { content: ""; display: table; clear: both; }
.panel .panel-header .panel-header-title { display: block; float: left; position: relative; padding-left: 30px; }
.panel .panel-header .panel-header-title h3 { color: #FFFFFF; text-transform: none; font-size: 25px; }
.panel .panel-header .panel-header-icon { float: right; background: #243c96; min-height: 60px; height: 100%; border-left: 2px solid #FFFFFF; display: inline-block; width: 60px; position: relative; }
.panel .panel-header .panel-header-icon.no-gutter { -webkit-box-shadow: none; box-shadow: none; }
.panel .panel-header .panel-header-icon.waypoint-icon.no-gutter { border-bottom: 2px solid #FFFFFF; }
.panel .panel-header.bt { border-top: 2px solid; }
.panel.white { background: #FFFFFF; }
.panel.white .panel-content p { color: #000000; }
.panel.white .panel-header { border-color: #000000; }
.panel.white .panel-header .panel-header-title { border-color: #000000; color: #000000; }
.panel.white .panel-header .panel-header-title h3 { color: #000000; }
.panel.white .panel-header .panel-header-title h3 span { color: #9b9b9b; }
.panel.white .panel-header .panel-header-icon { background: #dadada; }
.panel.white .panel-header .panel-header-icon svg circle, .panel.white .panel-header .panel-header-icon svg path { stroke: #000000; }
.panel.has-image .panel-header { background: rgba(0, 0, 0, 0.35); }
.panel.has-image .panel-header-icon { background: transparent; background-repeat: no-repeat; background-position: center; }
.panel.top-row { -webkit-box-shadow: inset 2px 0px 0px 0px white; box-shadow: inset 2px 0px 0px 0px white; }
.panel.top-row.large { height: 630px; }
.panel.square.left { border-right: 1px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; }
.panel.square.right { border-left: 1px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; }
.panel.square.middle { border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; }
.panel.double-height { -webkit-box-shadow: inset 2px -2px 0px 0px #FFFFFF; box-shadow: inset 2px -2px 0px 0px #FFFFFF; }
.panel.square-height-match.right { border-left: 1px solid #FFFFFF; }

/* =================== PANELS - Utility Classes ================== */
.panel.no-gutter-left { -webkit-box-shadow: inset -1px 0px 0px 0px white; box-shadow: inset -1px 0px 0px 0px white; border-bottom: 2px solid #FFFFFF; }
.panel.no-gutter-right { -webkit-box-shadow: inset 1px 0px 0px 0px white; box-shadow: inset 1px 0px 0px 0px white; border-bottom: 2px solid #FFFFFF; }

/* =================== PROJECT BOXES - Front Page ================== */
a.front-project-link-wrapper:hover { text-decoration: none !important; }
.panel.empty-project { color: #000000 !important; background: #000000 !important; }
.panel.square.has-image { padding: 50px; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.panel.square.has-image:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; /*background: #000;*/ opacity: 0.6; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.no-back { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 1; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.panel.square.has-image:hover:before { opacity: 0.75; }
.front-project-link-wrapper { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; }
.front-project-link-wrapper:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.2; z-index: 9; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.front-project-link-wrapper:hover:before { opacity: 0.6; }
.front-project-link-wrapper.left { border-right: 1px solid #FFFFFF; }

/* PROJECT INFO */
.project-information { text-align: center; z-index: 10; color: #FFFFFF; text-decoration: none; }
.project-information .project-name h2 { text-transform: uppercase; margin: 0px 0px 8px 0px; line-height: 37px; font-weight: 700; text-decoration: none; color: #FFFFFF; }
.project-information .project-name h2:hover { text-decoration: none; }
.project-information .project-location { font-size: 20px; color: #FFFFFF; text-decoration: none; }
.project-information .project-location:hover { text-decoration: none; }
@-webkit-keyframes fade-in-up {
  0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  100% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@-moz-keyframes fade-in-up {
  0% { -moz-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; -moz-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  100% { -moz-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes fade-in-up {
  0% { -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; -webkit-transform: translate3d(0, 5px, 0); -moz-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  100% { -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.wrapper { margin: 0 auto; max-width: 960px; }
.wrapper > p { margin-bottom: 50px; }
.main-content #inner-main .tabs { margin-top: 40px; }
.main-content #inner-main .tabs h1.page-title { display: none; }
.main-content #inner-main .tabs select { display: none; }
.main-content #inner-main .tabs > div > div { display: none; }
.main-content #inner-main .tabs > div > div.active { display: block; -webkit-animation-duration: 0.35s; -moz-animation-duration: 0.35s; animation-duration: 0.35s; -webkit-animation-name: fade-in-up; -moz-animation-name: fade-in-up; animation-name: fade-in-up; display: block; }
.main-content #inner-main .tabs > ul > .dropdown > ul { display: none; }
.main-content #inner-main .tabs > ul > .dropdown.dropdownactive > ul { display: block; }
.main-content #inner-main .tabs > ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: outside none none; margin: 0; padding: 0; border-bottom: 2px solid #dadada; }
.main-content #inner-main .tabs > ul li { background: #4a84c4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #FFFFFF; cursor: pointer; font-size: 18px; margin-right: 3px; margin-bottom: 2px; padding: 12px 20px; text-align: center; position: relative; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; min-width: 85px; }
.main-content #inner-main .tabs > ul li:hover { background: #243c96; color: white; }
.main-content #inner-main .tabs > ul li.active { background: #243c96; color: #FFFFFF; }
.main-content #inner-main .tabs > div p { color: #000000; }
.main-content #inner-main .tabs > ul > li.dropdownactive { background: #243c96; }
.main-content #inner-main .tabs > ul > li.dropdown > ul { left: 0; list-style: none; margin: 0; padding: 0; position: absolute; top: 45px; width: 100%; background: #243c96; }
.main-content #inner-main .tabs > ul > li.dropdown > ul > li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; margin: 0; padding: 8px 0px; text-align: center; width: 100%; background: #243c96; }
body.structure-project .tabs.more-tabs > ul li { width: auto; }
#inner-main .tabs h2:first-of-type { margin-top: 20px; }
#content-left .tabs ul li > a { color: #FFFFFF; }
#content-left .tabs ul li > a:hover { text-decoration: none; }
#inner-main #content-left .tabs > div ul > li > ul, #inner-main #content-left .tabs > div ul > li > ol, #inner-main #content-left .tabs > div ol > li > ul, #inner-main #content-left .tabs > div ol > li > ol { padding-top: 10px; }
#inner-main #content-left .tabs > div ul > li > ul > li:last-of-type, #inner-main #content-left .tabs > div ul > li > ol > li:last-of-type, #inner-main #content-left .tabs > div ol > li > ul > li:last-of-type, #inner-main #content-left .tabs > div ol > li > ol > li:last-of-type { padding-bottom: 0px; }
#inner-main #content-left .tabs > div ul > li > ol { padding-top: 10px; }

/* ====================================================================================================================
 * NEWS LISTING - 3 across row
 * ====================================================================================================================*/
#news-listing.row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; height: 100%; width: 100%; }
#news-listing.row .column { display: table-cell; float: none; height: 100%; position: relative; }
#news-listing.row .front-news-box { color: #000000; padding: 30px; min-height: 220px; position: relative; }
#news-listing.row .front-news-box .news-title { padding: 30px 0px; }
#news-listing.row .front-news-box a { text-transform: uppercase; color: #243c96; font-family: "proxima-nova", sans-serif; font-size: 15px; text-decoration: none; letter-spacing: 1; }
#mobile-news-btn-wrapper { width: 100%; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }
#mobile-news-btn-wrapper::after { content: ""; display: table; clear: both; }
#mobile-news-btn-wrapper a.btn { margin: 0px !important; padding: 15px 35px; }
#news-listing .column:last-of-type .front-news-box { border-right: none; }

/* HOMEPAGE NEWS ALIGNMENT FIX*/

/* EMAIL SIGNUP */
#signup-info .consent {margin-top: 8px; margin-bottom: 16px; flex-basis: 100%;}
#signup-info .popup-consent {display: flex;justify-content: space-between;align-items: flex-start;margin-top: 20px;}
#signup-info .popup-consent input[type="checkbox"]{width: 10px;height: 10px;margin-right: 10px;margin-top: 10px;}

#signup.section-header { display: block; width: 100%; }
#signup.section-header .header-icon-box.email-icon { display: inline-block; float: right; }
section#subscribe { background-color: #243c96; min-height: 53px; padding: 30px; font-size: 22px; color: #FFFFFF; }
section#subscribe #signup-info { float: none; }
section#subscribe .signup-message { font-size: 16px; display: none; }
section#subscribe .signup-message br { display: none; }
form.signup .textbox { display: inline-block; background: #FFFFFF; color: #c0c0c0; width: 231px; height: 50px; border: 2px solid #FFFFFF; position: relative; margin-right: 4px; }
form.signup .textbox input { padding: 0px 15px; font-size: 14px; color: #333; width: 165px; height: 50px; border: none; border-radius: 0; margin-right: 10px; outline: none; }
form.signup .textbox.error { border: 2px solid #ee4036; }
form.signup .error-tooltip { display: none; position: absolute; top: -49px; left: 0; color: #243c96; padding: 7px 15px; font-size: 12px; background: #f6f6f4; width: 211px; opacity: 0; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; transition: all 2s ease-in-out; }
form.signup .error-tooltip:before { content: " "; border-style: solid; border-width: 10px 12px 0px 12px; border-color: #f6f6f4 transparent transparent transparent; position: absolute; bottom: -10px; }
form.signup .error-tooltip i { margin-right: 5px; font-size: 14px; }
form.signup .textbox.show-tooltip .error-tooltip { display: inline-block; -moz-animation: tooltip 5s 1; animation: tooltip 5s 1; -webkit-animation: tooltip 5s 1; }
form.signup .form-password { display: none !important; }
form.signup .signup-email input { margin: 0px; padding: 0px 15px; }
form.signup .signup-submit { background: #4a84c4; border: none; border-radius: 0; color: #FFFFFF; font: 15px "proxima-nova", sans-serif; font-weight: 400; left: 0px; letter-spacing: 1.5px; padding: 19px 50px 17px; position: relative; text-decoration: none; text-transform: uppercase; outline: none; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
form.signup .signup-submit:hover { background: #FFFFFF; color: #243c96; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #243c96; }
#submit { background: #4a84c4; border: solid 1px #4a84c4; border-radius: 0; color: #FFFFFF; font: 15px "proxima-nova", sans-serif; font-weight: 400; font-size: 15px !important; left: 0px; letter-spacing: 1.5px !important; padding: 19px 50px 17px; position: relative; text-decoration: none; text-transform: uppercase; outline: none; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; height: initial !important; line-height: 1.44 !important;}
#submit:hover { background: #FFFFFF; color: #243c96; -webkit-box-shadow: none; box-shadow: none; font-size: 15px !important; letter-spacing: 1.5px !important; height: initial !important; line-height: 1.44 !important;}
body.structure-directory-nous-joindre #signup, body.structure-directory-nous-joindre #subscribe {display: none !important;}


/* INNER RIGHT */
#subscribe-inner form.signup .textbox { width: 100%; }
#subscribe-inner form.signup .textbox input { margin: 15px 0; }
#subscribe-inner form.signup .signup-email input { background-color: #FFFFFF; }
#subscribe-inner form.signup .signup-submit { background: #8ecdcd; width: auto; color: #4a84c4; }
#subscribe-inner form.signup .signup-submit:hover { background: #FFFFFF; color: #333; }

/* INVESTORS HORIZONTAL */
body.str-investors-overview #subscribe, body.str-projects-overview #subscribe { background: #4a84c4; }

/* EMAIL SIGNUP - CONTACT PAGE */
.structure-directory-email-sign-up section#subscribe .signup-message { color: #177F04; }
.structure-directory-email-sign-up form.signup .error-tooltip { background: #243c96; color: #FFFFFF; }
.structure-directory-email-sign-up form.signup .error-tooltip:before { border-color: #243c96 transparent transparent transparent; }

/* RECAPTCHA */
.recaptcha { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; height: 0; position: relative; padding-bottom: 5px; }
.recaptcha.show { display: block; height: auto; }
.cat-contact .recaptcha { padding-top: 0px; }

/* RECAPTCHA FIXES */
#subscribe form.signup { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#subscribe form.signup .recaptcha { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; }
#subscribe form.signup .signup-submit { max-height: 54px; margin-right: 4px; }

/* KEYFRAMES */
@-webkit-keyframes tooltip {
  0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  20%, 90% { opacity: 1; -webkit-transform: none; transform: none; }
  100% { opacity: 0; }
}
@-moz-keyframes tooltip {
  0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  20%, 90% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; }
  100% { opacity: 0; }
}
@keyframes tooltip {
  0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  20%, 90% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; }
  100% { opacity: 0; }
}

/* SIGNUP MEDIA QUERIES */
@media screen and (max-width:875px) {
  #subscribe .signup-submit-mobile { display: inline-block !important; background: #FFF; color: #333; padding: 13px 10px; height: 48px; border: none; top: -1px; position: relative; margin: 0px; }
  #subscribe #signup-info { width: 100%; float: none; }
  #subscribe #signup-info .textbox { text-align: center; }
  #subscribe #signup-info .signup-submit { text-align: left; }
}
@media screen and (max-width:736px) {
  #subscribe-inner { background-color: #243c96; padding: 45px 0.9375em; color: #FFF; text-align: center; }
  #subscribe-inner .signup-submit { display: none; }
  #subscribe-inner .signup-submit-mobile { display: inline-block !important; background: #FFF; color: #333; padding: 13px 10px; height: 48px; border: none; top: -1px; position: relative; margin: 0px; }
  #subscribe-inner h2 { font-size: 18px; color: #FFF; margin-bottom: 5px !important; }
  #subscribe-inner form.signup .textbox input { background: #FFF; }
  #subscribe-inner form.signup .textbox { display: inline-block; margin-right: -4px; position: relative; width: 235px; }
}
@media screen and (min-width:767px) and (max-width:1044px) {
  #subscribe form.signup .recaptcha { margin-top: 20px; }
}
@media screen and (max-width:566px) {
  #subscribe form.signup .recaptcha { margin-top: 20px; }
}

/* ====================================================================================================================
 * FOOTER & COPYRIGHT
 * ====================================================================================================================*/
footer { height: 130px; width: 100%; background: #FFFFFF; }

/*  footer > div:first-of-type {
  width: 80%;
  margin: 0 auto; }*/
footer > div:first-of-type { width: 75%; margin: 0 auto; float: right; margin-top: 60px; }
footer ul { list-style: none; max-width: 1300px; margin: 0 auto; padding: 50px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; color: #FFFFFF; }
footer ul li a { color: #000000; font-family: "proxima-nova", sans-serif; font-weight: 400; font-size: 15px; letter-spacing: 3px; text-decoration: none; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
footer ul li a:hover { text-decoration: none; color: #243c96; }
@media screen and (max-width:1350px) {
  footer ul li a { font-size: 12px; }
}
#bottom { width: 100%; background: #f6f6f4; font-size: 13px; color: #000000; }
#bottom::after { content: ""; display: table; clear: both; }
#bottom .row .column { padding: 20px 30px; }
#bottom a { color: #6b6b6b; text-decoration: none; font-weight: 400; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
#bottom a:hover { color: #243c96; }
#bottom span { border-right: 1px solid #FFFFFF; margin-right: 24px; padding: 0px 24px 0px 0px; }
#bottom span a { color: #6b6b6b; text-decoration: none; }
@media (max-width:480px) {
  #bottom span { border: none; display: block; margin: 0px; padding: 0px; }
}
.not-home footer { border-top: 2px solid #FFFFFF; }

/* ====================================================================================================================
 * INVESTOR OVERVIEW
 * ====================================================================================================================*/
body.structure-overview.cat-investors h1 { color: #FFFFFF; }
body.structure-overview.cat-investors .main-content #inner-main p { clear: both; }
body.structure-overview.cat-investors #quicklinks.panel-header-icon { background-image: url("../img/quick-links-icon.png"); background-repeat: no-repeat; background-position: center; }
@media all and (-webkit-min-device-pixel-ratio:1.5) {
  body.structure-overview.cat-investors #quicklinks.panel-header-icon { background-image: url("../img/quick-links-icon@2x.png"); }
}
body.structure-overview.cat-investors .panel-content { position: static; }
body.structure-overview.cat-investors .panel-content .panel-table-wrapper { position: absolute; bottom: 30px; left: 30px; }
body.structure-overview.cat-investors .panel-content .panel-table-wrapper table tr td span { font-family: "proxima-nova", sans-serif; font-size: 20px; text-align: left; text-transform: uppercase; letter-spacing: 1.5px; }
body.structure-overview.cat-investors .panel-content .panel-table-wrapper table tr td { width: 20%; max-width: 140px; font-size: 20px; }
.panel-content.be-a-table { display: table; padding: 30px; }
.panel-content.be-a-table a { display: block; padding-bottom: 20px; border-bottom: 0px; line-height: 27px; padding-top: 0px; width: 100%; clear: both; }
.panel-content.be-a-table a:before { top: 0px; }
.panel-content.be-a-table a i { display: table-cell; padding-bottom: 10%; width: 35px; }
.panel-content.be-a-table a span { display: table-cell; padding-bottom: 10%; }
svg { display: block; position: relative; top: 50%; right: 50%; -webkit-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); }
.about-svg circle, .about-svg polygon, .about-svg line, .about-svg polyline, .about-svg rect, .download-svg circle, .download-svg polygon, .download-svg line, .download-svg polyline, .download-svg rect, .investor-svg circle, .investor-svg polygon, .investor-svg line, .investor-svg polyline, .investor-svg rect { fill: none; stroke: #ffffff; stroke-width: 2; stroke-miterlimit: 10; }
.about-svg { width: 16px; height: 30px; right: -15px; top: 30px; }
.download-svg { width: 23px; height: 24px; right: -8px; top: 28px; }
.investor-svg { width: 23px; height: 24px; }
svg.chart-svg { right: -3px; top: 30px; }
.project-svg, .email-svg { width: 24px; height: 31px; }
.project-svg circle, .project-svg path, .project-svg polyline, .email-svg circle, .email-svg path, .email-svg polyline { fill: none; stroke: #FFFFFF; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; }
.email-svg { width: 32px; height: 32px; right: 0px; }
.project-svg { width: 32px; height: 32px; right: 1px; top: 30px; }
.new-svg { width: 32px; height: 32px; right: 0px; }
.new-svg polyline, .new-svg line, .new-svg rect { fill: none; stroke: #000000; stroke-width: 1.3043; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; }

/* ===============
 * COMMON - MISC
 * ==============*/
input, textarea, select { -webkit-appearance: none; border-radius: 0; }
.main-content { margin-top: 154px; }
.structure-accueil .main-content { margin-top: 154px; }
#row-one.row { max-height: 630px; height: 630px; }
.container { width: auto; margin: 0 auto; padding: 0 30px; }
.container::after { content: ""; display: table; clear: both; }
.panel h1 { margin: 0; }
.tablet-show { display: none; }
.mobile-hide { display: block; }
.mobile-show { display: none; }
h2.gallery-title:last-of-type { margin-top: 60px; }
body .main-content .footnote { font-size: 12px; margin-top: -2px; line-height: 16px; }
h5.image-title { color: #3a2d39; font-size: 18px; margin-bottom: 10px; }
.value-prop { list-style: none; padding-left: 14px; }
.value-prop li:before { color: #FFFFFF; content: '\f054'; font-family: 'FontAwesome'; font-size: 20px; margin: 0 5px 0 -15px; padding-right: 7px; }
.value-prop li { color: #FFFFFF; font-size: 20px; padding-bottom: 20px; }
.panel a.btn.outline.btn-fix { width: 204px !important; }
.slider-btn { color: #ffffff; border: 2px solid #ffffff; text-decoration: none; padding: 10px; text-transform: uppercase; display:inline-block; margin-bottom: 10px;}
.slider-btn:hover { color: #243c96; background-color: #ffffff; transition: all ease-in-out 250ms; text-decoration: none; }

.career-link { margin-top: 22px; }
.career-link a { font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.56; letter-spacing: 0.3px; color: #243c96; font-family: "proxima-nova", sans-serif; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 20px 50px; text-decoration: none !important; }
@media (max-width:1023px) {
  .career-link a { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.79; letter-spacing: 0.26px; color: #5b6073; font-family: "proxima-nova", sans-serif; padding: 20px; }
}
.career-link a span { flex-grow: 1; }
.career-link a span.date { width: 65px; flex-grow: 0; }
.career-link a::after { font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: center; color: #243c96; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-style: normal; content: '\f1c1'; flex-grow: 0; margin: 0px 15px; }
.career-link a:nth-of-type(odd) { background-color: #f2f2f2; }
.career-link a:hover { font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.56; letter-spacing: 0.3px; color: #ffffff !important; font-family: "proxima-nova", sans-serif; font-weight: 400; font-style: normal; opacity: 1; background-color: #243c96; }
@media (max-width:1023px) {
  .career-link a:hover { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.79; letter-spacing: 0.26px; color: #ffffff !important; font-family: "proxima-nova", sans-serif; }
}
.career-link a:hover:after { font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: center; color: #ffffff !important; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-style: normal; }
.career-link.news a span.date { width: 150px; }
.career-link.news a::after { display: none; }

/* FOOTER LOGO */
.img_wrap { position: relative; height: 200px; width: 200px; top: 20px; left: 20px; }
img.img_img { width: 160px;  /*padding: 20px;*/ }
img.img_img:hover { cursor: pointer; z-index: }
.img_description_layer { position: absolute; top: 0px; bottom: -42px; left: 0px; right: 40px; background: #243c96; color: #fff; visibility: hidden; opacity: 0; display: flex;  /*align-items: center;*/ justify-content: center; border-radius: 27px;  /* transition effect. not necessary */ transition: opacity .2s, visibility .2s; }
.img_wrap:hover .img_description_layer { visibility: visible; opacity: 1; }
.img_description { transition: .2s; transform: translateY(1em); font-size: 14px; line-height: 18px; padding: 10px; color: #ffffff; }
.img_wrap:hover .img_description { transform: translateY(0); }
#bottom .row { margin-top: 50px; }
@media screen and (max-width:768px) {
  .img_wrap { margin: 0 auto; }
}

/* INNERPAGE BANNER VIDEO */
.video-container { height: 100%; left: -50%; top: 0%; overflow: hidden; position: absolute; width: 200%; }
.video-container video { bottom: 0; left: 0; margin: auto; min-height: 50%; min-width: 50%; position: absolute; right: 0; top: 0; }
.cat-troilus-gold-project header { overflow: hidden; }
.cat-projet-mine-d-or-troilus #sidebar-top { display: none; }
.english-link { float: left; margin-top: 18px; padding-right: 20px; font-weight: 700; }
.english-link a:hover { text-decoration: none !important; color: #4a84c4; transition: all ease-in-out 250ms; }
.english-link-mobile { padding: 28px 30px 30px 30px; }
.english-link-mobile a { color: #4a84c4; letter-spacing: 1.5px; }

.report-btn { color: #fff !important; background-color: #4a84c4; border: 2px solid #ffffff; text-transform: uppercase; padding: 10px; display: inline-block; }

/* ====================================
 * FRONTPAGE - SECTION HEADERS / TITLES
 * ===================================*/
.section-header { background: #243c96; border-bottom: 2px solid #FFFFFF; display: table; height: 60px; width: 100%; }
.section-header h3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; color: #FFFFFF; display: table-cell; text-transform: none; padding-left: 30px; }
.section-header .header-icon-box { position: relative; height: 60px; display: table-cell; width: 60px; border-left: 2px solid #000000; background-repeat: no-repeat; background-position: center; display: table-cell; }
header #header-title-bar h3 { color: #FFFFFF !important; }
header:before { background: rgba(0, 0, 0, 0.3); bottom: 0; content: ''; left: 0; position: absolute; top: 0; right: 0; }
#signup.section-header { background: #243c96; border-color: #FFFFFF; }
#signup.section-header h3 { color: #FFFFFF; }
#signup.section-header .header-icon-box { background: #4a84c4; border-color: #FFFFFF; position: relative; }
.structure-accueil section#subscribe { margin-bottom: 2px; }
#full-width-btn { display: none; width: 100%; height: 48px; padding: 10px 30px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: 0px; }

/* FRONTPAGE - INVESTORS fixes */
#investor-front-panel { position: relative; z-index: 1; }
#investor-front-panel .panel-content { height: -moz-calc(100% - 62px); height: calc(100% - 62px); }
#investor-front-panel .panel-header { background: none; position: relative; z-index: 3; }
#investor-front-panel:before { background: rgba(0, 0, 0, 0.35); background: -webkit-gradient(linear, left top, right top, color-stop(46%, rgba(0, 0, 0, 0.7)), color-stop(80%, rgba(0, 0, 0, 0.41))); background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.7) 46%, rgba(0, 0, 0, 0.41) 80%); background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 46%, rgba(0, 0, 0, 0.41) 80%); content: " "; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; z-index: 2; }
#investor-front-panel .panel-content { position: relative; z-index: 3; }

/* FRONTPAGE - NEWS fixes */
#lastest-news.section-header { background: #FFFFFF; border-bottom: 2px solid #000000; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#lastest-news.section-header > div { display: inline-block; float: none; }
#lastest-news.section-header > div:nth-of-type(1) { width: -moz-calc(100% - 232px); width: calc(100% - 232px); }
#lastest-news.section-header h3 { color: #000000; }
#lastest-news.section-header a.btn.header-btn { border-left: 2px solid #000000; background: #243c96; }
#lastest-news.section-header a.btn.header-btn:hover { background: #4a84c4; }
#lastest-news.section-header .header-icon-box.news-icon { background: #dadada; }
#lastest-news a.btn.header-btn { font-size: 15px; padding: 7px 30px 0px; height: 53px; }

/* ============================
 * INNERPAGE - HEADER BANNERS
 * ===========================*/
header { position: relative; margin-top: 112px; background: url("../img/innerpage-banner.jpg"); background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; min-height: 315px; }
header #header-title-bar { width: 100%; height: 60px; border-top: 2px solid #FFFFFF; position: absolute; bottom: 0; left: 0; }
header #header-title-bar h3 { float: left; margin: 0; padding: 16px 0px 16px 30px; }
header #header-title-bar .header-icon { background-image: url("../img/about-us-icon.png"); background-position: center; background-repeat: no-repeat; position: relative; float: right; border-left: 2px solid #FFFFFF; width: 60px; height: 60px; }
.cat-societe header { background: url("../img/troilus_innerpage_company.png"); background-position: center; background-size: cover; background-repeat: no-repeat; }
.cat-investisseurs header { background: url("../img/troilus_innerpage_investors.png"); background-position: center; background-size: cover; background-repeat: no-repeat; }
.cat-projet-mine-d-or-troilus header { background: url("../img/troilus_innerpage_projects.png"); background-position: center; background-size: cover; background-repeat: no-repeat; }
.cat-actualites header { background: url("../img/troilus_innerpage_news.png"); background-position: center; background-size: cover; background-repeat: no-repeat; }
.cat-coordonnees header { background: url("../img/Troilus_innerpage_contact.png"); background-position: center; background-size: cover; background-repeat: no-repeat; }

/* ===================================
 * INNERPAGE - CONTENT LEFT CONTAINER
 * ==================================*/
#inner-main { max-width: 960px; margin: 0 auto; padding: 60px 0px; color: #000000; }
#inner-main::after { content: ""; display: table; clear: both; }
#inner-main h1 { color: #243c96; }
#inner-main h2 { color: #243c96; }
#inner-main h3 { color: #4a84c4; }
#inner-main h1:nth-of-type(1) { margin-top: -6px; }
#inner-main h1:nth-of-type(1).page-title { color: #243c96; margin-top: -6px; }
#inner-main h2 { margin-top: 40px; margin-bottom: 17px; }
#inner-main h3 { margin-top: 30px; }
#inner-main #content-left { max-width: 670px; }
#inner-main #content-left .tabs ul { padding-left: 0px; }
#inner-main #content-left .tabs > div ul { padding-left: 23px; }
#inner-main #content-left .tabs > div ul li { padding-bottom: 10px; }
#inner-main #content-right { float: right; width: 220px; }
#inner-main #content-right #sidebar-top h3, #inner-main #content-right #sidebar-bottom h3 { border-bottom: 2px solid #4a84c4; color: #4a84c4; font-weight: 900; margin-bottom: 25px; margin-top: -3px; padding-bottom: 20px; text-transform: none; }
#inner-main #content-right #sidebar-top .subsubnav { margin-left: 20px; }
#inner-main #content-right #sidebar-top a, #inner-main #content-right #sidebar-bottom a { color: #363636; display: block; line-height: 23px; padding-bottom: 18px; text-decoration: none; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
#inner-main #content-right #sidebar-top a:hover, #inner-main #content-right #sidebar-bottom a:hover { color: #243c96; }
#inner-main #content-right #sidebar-top .subnav:first-of-type a { padding-top: 0px; }
#inner-main #content-right #sidebar-top .subnav.on a, #inner-main #content-right #sidebar-top .subsubnav.on a { color: #243c96; }
#inner-main #content-right #sidebar-bottom { padding-top: 35px; }
#inner-main #content-right #sidebar-bottom .document-link { padding-top: 0px; padding-bottom: 20px; }
#inner-main #content-right #sidebar-bottom .document-link:hover { color: #243c96 !important; }
#inner-main #content-right #sidebar-bottom ul { list-style: none; padding: 0px; }
#inner-main #content-right #sidebar-bottom ul li a { font-family: "proxima-nova", sans-serif; }
#inner-main #content-right #sidebar-bottom .social {clear: both; margin-top: 35px;}
#inner-main #content-right #sidebar-bottom .social .document-link.instagram::before {content: '\f16d'; padding-right: 21px;}
#inner-main #content-right #sidebar-bottom .social .document-link.linkedin::before {content: '\f0e1'; padding-right: 21px;}
#inner-main #content-right #sidebar-bottom .social .document-link.youtube::before {content: '\f16a'; padding-right: 16px;}
#inner-main #content-right #sidebar-bottom .social .document-link.twitter::before {content: '\f099'; padding-right: 19px;}
#inner-main #content-right #sidebar-bottom .social .document-link.facebook::before {content: '\f09a'; padding-right: 18px;}

/* Investor Overview Fixes */
.cat-investors.structure-directory-overview .left-fix { border-right: 1px solid #FFFFFF; }
.cat-investors.structure-directory-overview .panel-table-wrapper { background: #FFFFFF; padding: 15px; min-width: 350px; }
.cat-investors.structure-directory-overview .panel-table-wrapper tr td span { color: #243c96; }
.cat-investors.structure-directory-overview #lastest-news.section-header { border-top: 2px solid #000000; }

/* ================================
 * FINANCIALS/REPORT SPECIFIC TABS
 * ===============================*/
#content-left .document-link, .panel .document-link, #sidebar-bottom .document-link { border-bottom: 2px solid #dadada; cursor: pointer; color: #000000; display: block; line-height: 20px; margin: 0; padding: 21px 0px 20px; width: 100%; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
#content-left .document-link.top, .panel .document-link.top, #sidebar-bottom .document-link.top { border-top: 2px solid #dadada; }
#content-left .document-link.invest:before, .panel .document-link.invest:before, #sidebar-bottom .document-link.invest:before { content: '\f05d'; padding-right: 23px; }
#content-left .document-link.mail:before, .panel .document-link.mail:before, #sidebar-bottom .document-link.mail:before { content: '\f003'; padding-right: 20px; }
#content-left .document-link.financials:before, .panel .document-link.financials:before, #sidebar-bottom .document-link.financials:before { content: "\f201"; padding-right: 16px; }
#content-left .document-link.stock:before, .panel .document-link.stock:before, #sidebar-bottom .document-link.stock:before { content: "\f080"; padding-right: 16px; }
#content-left .document-link.factsheet:before, .panel .document-link.factsheet:before, #sidebar-bottom .document-link.factsheet:before { content: "\f016"; padding-right: 22px; }
#content-left .document-link.tech-reports:before, .panel .document-link.tech-reports:before, #sidebar-bottom .document-link.tech-reports:before { content: "\f02d"; padding-right: 21px; }
#content-left .document-link.external:before, .panel .document-link.external:before, #sidebar-bottom .document-link.external:before { content: "\f14c"; }
#content-left .document-link.newsletter:before, .panel .document-link.newsletter:before, #sidebar-bottom .document-link.newsletter:before { content: "\f1ea"; padding-right: 17px; }
#content-left .document-link:before, .panel .document-link:before, #sidebar-bottom .document-link:before { content: "\f26c"; color: #000000; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; float: left; padding: 0 17px; padding-bottom: 20px; position: relative; margin-top: 1px; top: -2px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
#content-left .document-link:hover, .panel .document-link:hover, #sidebar-bottom .document-link:hover { color: #4a84c4 !important; text-decoration: none !important; }
#content-left .document-link > a, .panel .document-link > a, #sidebar-bottom .document-link > a { color: #000000 !important; text-decoration: none; }
#content-left .document-link:hover:before, .panel .document-link:hover:before, #sidebar-bottom .document-link:hover:before { color: #243c96; }
.panel .document-link:before { padding-left: 0px; color: #FFFFFF; }
.panel .document-link:hover:before { color: rgba(255, 255, 255, 0.4); }
#sidebar-bottom .document-link { border-bottom: none; }
#sidebar-bottom .document-link:before { padding-left: 0px; color: #363636; }
#content-left .financial-link { border-bottom: 2px solid #dadada; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 21px 0px; width: 100%; }
#content-left .financial-link > span { width: 30%; flex-shrink: 0; }
#content-left .financial-link > span > a, #content-left .financial-link > a { color: #4a84c4; text-decoration: none; display: block; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
#content-left .financial-link > span > a:hover, #content-left .financial-link > a:hover { text-decoration: none; color: #243c96; }
#content-left .financial-link.first { border-top: 2px solid #dadada; }
#content-left .technical-report { border-bottom: 2px solid #dadada; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 21px 0px; text-decoration: none; }

/* SLIDESHARE */
.embed-container { height: 0; max-width: 100%; overflow: hidden; padding-bottom: 80.5%; position: relative; }
.embed-container iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

/* ====================================================================================================================
 * INNER NEWS LISTING 
 * ====================================================================================================================*/
.structure-directory-actualites a:hover { text-decoration: none; }
.structure-directory-actualites a.news-container { color: #000000; }
.structure-directory-communiques-de-presse .news-item { display: table; padding: 25px 0px; border-bottom: 2px solid #dadada; cursor: pointer; width: 100%; }
.structure-directory-actualites .news-item:hover { text-decoration: none !important; }
.structure-directory-actualites .news-item:hover .news-date, .structure-directory-actualites .news-item:hover .news-title, .structure-directory-actualites .news-item:hover a.news-container { color: #243c96; text-decoration: none !important; }
.structure-directory-actualites .news-item .news-date { display: table-cell; color: #000000; width: 120px; min-width: 100px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; margin-left: 15px; }
.structure-directory-actualites .news-item .news-title { display: table-cell; width: 80%; color: #000000; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; line-height: 28px; }

/* ====================================================================================================================
 * INNER EVENT LISTING 
 * ====================================================================================================================*/
.structure-directory-evenements a:hover { text-decoration: none; }
.structure-directory-evenements a.event-container { color: #000000; }
.structure-directory-evenements .event-item { display: table; padding: 25px 0px; border-bottom: 2px solid #dadada; width: 100%; }
.structure-directory-evenements .event-item .event-date { display: table-cell; width:26%; padding-right: 20px; color: #000000; min-width: 100px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; margin-left: 15px; }
.structure-directory-evenements .event-item .event-title { display: table-cell; width: 60%; color: #000000; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; line-height: 28px; }
.structure-directory-evenements .event-item .event-links { display: table-cell; white-space: nowrap; text-align: right; color: #000000; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; line-height: 28px; font-size: 21px; }
.structure-directory-evenements .event-item .event-links a { margin-left: 5px; }
.structure-directory-evenements .event-item .event-links a:hover { color:#6b6b6b !important; }
.event-links .fa{font-size: 25px;}

@media screen and (max-width:600px) {
  .structure-directory-evenements .event-item, .structure-directory-evenements .event-item > * { display: block !important; width: 100% !important; margin-left: 0 !important; }
  .structure-directory-evenements .event-item .event-links { text-align: left; }
  .structure-directory-evenements .event-item .event-links a { margin-left: 0; margin-right: 5px; }
}

/* ====================================================================================================================
 * TEAM BIO SECTION - EXPAND COLLAPSE
 * ====================================================================================================================*/
.bio-container:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; }
.bio-container.no-image .bio-image { display: none; padding-left: 0; }
.bio-container.no-image .bio-content-container { padding-left: 0; width: 100%; }
.bio-content-container { padding-left: 0; }
.bio-image { max-width: 200px; padding-left: 0; }
/*.bio-image img { border-radius: 50%; }*/
.bio-container { margin-bottom: 35px; }
.bio-content { height: 240px; min-height: 240px; overflow: hidden; }
.bio-content h4 { line-height: 30px; margin-bottom: 5px; }
.bio-content h4.title { color: #4a84c4; margin-top: 0px; }
.bio-content h4 span { font-weight: 100; }
.expand { cursor: pointer; padding-top: 10px; font-family: "proxima-nova", sans-serif; color: #243c96; font-weight: bold; font-size: 15px; text-transform: uppercase; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.expand:hover { color: #363636; }
.expand.short { display: none; }
.bio-container.no-image .bio-content { height: 225px; min-height: 225px; }

/* ========================
 * SEARCH RESULTS
 * =======================*/
.structure-rechercher #content-left form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.structure-rechercher #content-left input[type=text] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 66%; border: 1px solid #C8C8C8; border-radius: 5px; margin: 0; padding: 9px 5px; }
.structure-rechercher #content-left input[type=submit] { color: #FFFFFF; padding: 19px 50px 17px; background: #4a84c4; border: none; text-transform: uppercase; bottom: 30px; left: 30px; text-decoration: none; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; outline: none; -webkit-appearance: none; border-radius: 0; }
.structure-rechercher #content-left input[type=submit]:hover { color: #243c96; border: 1px solid #243c96; background: #FFFFFF; -webkit-box-shadow: none; box-shadow: none; }

/* VIDEOS */
.video-wrapper { height: 0; margin-bottom: 45px; position: relative; padding-bottom: 56.25%; padding-top: 25px; z-index: 3; }
.video-wrapper iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.cat-troilus-gold-project header { overflow: hidden; }
.cat-troilus-gold-project header:before { z-index: 100; }
.cat-troilus-gold-project header #header-title-bar { z-index: 101; }

/* =========================
 * DEFAULT TABLE STYLES
 * ========================*/
.main-content #content-left div.table { width: 100%; overflow: auto; }
.main-content #content-left p.scroll-instruction { font-size: 12px; color: #000000; margin-top: 5px; margin-bottom: 45px; }
.main-content #content-left table { border-collapse: inherit; margin-bottom: 45px; max-width: 100%; width: 100%; }
.main-content #content-left table tr td { padding: 5px; border-top: 2px solid #dadada; border-right: 2px solid #dadada; vertical-align: top; }
.main-content #content-left table tr td:nth-of-type(1) { border-left: 2px solid #dadada; }
.main-content #content-left table tr:last-of-type td { border-bottom: 2px solid #dadada; }
.main-content #content-left table td.border-fix { border-left: 0px !important; }
.main-content #content-left table.branded thead tr th { border-bottom: 2px solid #4a84c4; vertical-align: middle; line-height: 20px; padding-bottom: 7px; }
.main-content #content-left table.branded tbody tr:first-of-type td { border-top: none; line-height: 20px; }
.main-content #content-left table.branded tbody tr td { border-top: none; text-align: center; vertical-align: middle; line-height: 20px; }
.main-content #content-left table.branded tbody tr td:nth-of-type(1) { border-left: none; line-height: 20px; }
.main-content #content-left table.branded tbody tr:last-of-type td { border-bottom: none; }
.main-content #content-left table.branded tbody tr.highlight td { background: #F2F2F2; font-weight: bold; }

/* ========================
 * VIDEOS & MEDIA PAGE
 * =======================*/
.youtube-wrapper { height: 0; margin-bottom: 35px; position: relative; padding-bottom: 56.25%; padding-top: 25px; margin-bottom: 55px; }
.youtube-wrapper iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.embed-container-featured { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container-featured iframe, .embed-container-featured object, .embed-container-featured embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.feature-video { text-align: center; padding-right: 20px; padding-bottom: 30px; }

/* ========================
 * REPORT ITEM
 * =======================*/
#content-left .report-item { display: table; padding: 21px 0px; border-bottom: 2px solid #dadada; cursor: pointer; color: #000000; text-decoration: none; width: 100%; }
#content-left .report-item > span { color: #000000; display: table-cell; text-decoration: none; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
#content-left .report-item > span:first-of-type { width: 25%; }
#content-left .report-item:hover { text-decoration: none; }
#content-left .report-item:hover > span { color: #772154; text-decoration: none; }

/* IE11 transition on page load - bug fix */
.ie11-pageload-fix * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; }

/* BORDER ANIMATE DOWNLOAD BUTTON */
.btn-animate-border { background: #4a84c4; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0 0 0 2px #FFFFFF; box-shadow: inset 0 0 0 2px #FFFFFF; clear: both; color: white !important; display: block; font-size: inherit; font-weight: 700; float: left; margin: 15px 0px 0px; padding: 1em 2em; position: relative; vertical-align: middle; -webkit-transition: background 0.25s; -moz-transition: background 0.25s; transition: background 0.25s; }
.btn-animate-border::before, .btn-animate-border::after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; content: ''; position: absolute; width: 100%; height: 100%; }
.draw { -webkit-transition: color 0.25s; -moz-transition: color 0.25s; transition: color 0.25s; }
.draw:before, .draw:after { border: 2px solid transparent; width: 0; height: 0; }
.draw:before { top: 0; left: 0; }
.draw:after { bottom: 0; right: 0; }
.draw:hover { background: #FFFFFF; color: #243c96 !important; text-decoration: none !important; }
.draw:hover:before, .draw:hover:after { width: 100%; height: 100%; }
.draw:hover:before { border-top-color: #243c96; border-right-color: #243c96; -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; -moz-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; }
.draw:hover:after { border-bottom-color: #243c96; border-left-color: #243c96; -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; -moz-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; }

/* ========================
 * PHOTOSWIPE
 * =======================*/
.gallery-container { margin-top: 25px; }
.gallery-container > h2 { display: none; font-size: 20px; font-weight: 700; margin-top: 37px; }
.gallery-container .my-gallery figcaption { color: #ffffff; display: block; font-family: "proxima-nova", sans-serif; font-size: 18px; font-weight: 400; left: 50%; line-height: 23px; opacity: 0; padding: 0px 15px; pointer-events: none; position: absolute; text-align: center; top: 82%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80%; z-index: 3; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.gallery-container .my-gallery figure { float: left; margin-right: 5px; margin-bottom: 10px; overflow: hidden; padding-bottom: 18.5%; position: relative; width: -moz-calc(50% - 5px); width: calc(50% - 5px); }
.gallery-container .my-gallery figure:nth-of-type(even) { margin-right: 0px; margin-left: 5px; }
.gallery-container .my-gallery figure:before { background: rgba(0, 151, 142, 0); content: " "; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; z-index: 2; pointer-events: none; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.gallery-container .my-gallery figure:after { content: "\f0b2"; color: #FFFFFF; font-family: FontAwesome; font-size: 30px; left: 50%; opacity: 0; position: absolute; top: 50%; z-index: 3; pointer-events: none; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.gallery-container .my-gallery figure:hover:before { background: rgba(74, 132, 196, 0.8); }
.gallery-container .my-gallery figure:hover:after { opacity: .9; }
.gallery-container .my-gallery figure:hover figcaption { opacity: 1; }

/* EMAIL SIGNUP PAGE - Specific Styles */
.structure-directory-contact-details #signup.section-header { display: none; }
.structure-directory-contact-details #subscribe { background-color: transparent; padding: 0px; }
.structure-directory-contact-details #subscribe form.signup .textbox { background: #f6f6f4; color: #6b6b6b; display: block; width: 100%; height: 54px; margin-bottom: 15px; }
.structure-directory-contact-details #subscribe form.signup .textbox input { background: #f6f6f4; width: -moz-calc(100% - 80px); width: calc(100% - 80px); height: 54px; }
.structure-directory-contact-details #subscribe form.signup .textbox:nth-of-type(1) input { width: -moz-calc(100% - 87px); width: calc(100% - 87px); }
.structure-directory-contact-details .signup-message { color: #177F04 !important; }

/* TIMELINE */
body.timeline h2 { margin-bottom: 30px; }
div.timeline { display: table-row; width: 100%; }
div.timeline div.date, div.timeline div.line, div.timeline div.text, div.timeline div.image, div.timeline div.spacer { display: table-cell; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle !important; }
div.timeline div.date { width: 110px; text-align: right; padding-right: 20px; }
div.timeline div.spacer { width: 5px; }
div.timeline div.line { width: 1px; background-color: #C8C8C8; height: 100%; font-size: 0px; }
div.timeline div.scl, div.timeline div.scr { height: 10px; width: 5px; border-radius: 10px 0px 0px 10px; background-color: #4a84c4; }
div.timeline div.scr { border-radius: 0px 10px 10px 0px; }
div.timeline div.spacer.wide { width: 32px; padding-left: 17px; }
div.timeline div.triangle { width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid #f6f6f4; }
div.timeline div.hold { border-radius: 2px; overflow: hidden; margin: 15px 0px; display: table; width: 100%; }
div.timeline div.text { background-color: #f6f6f4; font-size: 18px; line-height: 30px; padding: 20px 25px; color: #222; }
div.timeline div.image { width: 165px; background-size: cover; background-position: center center; border-left: 3px #ffffff solid; }
div.timeline div.image img { display: none; }
div.timeline.quote div.hold div.text { font-size: 20px; line-height: 32px; color: #8D8D8D; font-style: italic; font-weight: 300; padding: 0px; background-color: transparent; }
div.timeline.quote div.hold div.text strong { font-size: 16px; line-height: 37px; font-weight: 700; font-style: normal; }
div.timeline.quote div.scr, div.timeline.quote div.scl, div.timeline.quote div.triangle { display: none; }
div.timeline.orange div.date { color: #F69830; }
div.timeline.orange div.line { background-color: #F69830; }
div.timeline.orange div.scl, div.timeline.orange div.scr { background-color: #F69830; }
div.timeline.orange div.triangle { border-right: 15px solid #FBCFAC; }
div.timeline.orange div.text { background-color: #FBCFAC; }
div.timeline div.scl { position: relative; z-index: 5; left: 1.5px; height: 9px; }
div.timeline div.scr { position: relative; z-index: 5; left: -1px; width: 5.5px; height: 9px; }
@media (max-width:640px) {
  div.timeline div.spacer, div.timeline div.line { display: none; }
  div.timeline div.date { display: block; padding-top: 15px; width: auto; text-align: left; }
  div.timeline.quote div.date { display: none; }
}

/* HIGHCHARTS */
.highcharts-axis-line { stroke: none !important; }
.rect.highcharts-navigator-mask-inside { fill: #243c96; }

/* STOCK TABLE */
.main-content #content-left .stock-table tr td { border: none; padding: 5px; }
.main-content #content-left .stock-table tbody tr:nth-of-type(odd) { background: #f6f6f4; }
.main-content #content-left .stock-table thead tr td { background: transparent; }
.stock-notes { color: #6b6b6b; }
.stock-notes span { display: block; line-height: 18px; font-size: 14px; font-style: italic; }
.stock-notes span:first-of-type { margin-top: 15px; }

/* PROJECTS OVERVIEW */
.structure-directory-troilus-gold-project #sidebar-top { display: none; }
.panel-content.flex-column { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.panel.flex-column { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
a.btn-fix { position: relative !important; left: 0; bottom: 0; margin-top: 0 !important; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; }
.match-panels-version-two * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.match-panels-version-three * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
  #sticky-header > div:nth-of-type(2) nav > ul > li:last-of-type > div > ul.dropdown-container { left: -76px; }
}
.structure-accueil #row-two { border-bottom: 2px solid #FFFFFF; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; min-height: 500px; width: 100%; }
.structure-accueil #row-two::after { content: ""; display: table; clear: both; }
.structure-accueil #row-two > div:first-of-type { -webkit-box-flex: 1; -webkit-flex: 1 1 calc(100% * 1/3); -moz-box-flex: 1; -ms-flex: 1 1 calc(100% * 1/3); flex: 1 1 calc(100% * 1/3); width: -moz-calc(100% * 1/3); width: calc(100% * 1/3); }
.structure-accueil #row-two > div:last-of-type { -webkit-box-flex: 1; -webkit-flex: 1 1 calc(100% * 2/3); -moz-box-flex: 1; -ms-flex: 1 1 calc(100% * 2/3); flex: 1 1 calc(100% * 2/3); width: -moz-calc(100% * 2/3); width: calc(100% * 2/3); }
.structure-accueil #row-two .panel.square.left { border-bottom: 0px; border-right: 1px solid #FFFFFF; min-height: 0px; }
.structure-accueil #row-two #investor-front-panel { border-left: 1px solid #FFFFFF; }
.structure-accueil #row-three { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; min-height: 500px; width: 100%; }
.structure-accueil #row-three::after { content: ""; display: table; clear: both; }
.structure-accueil #row-three > a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; -webkit-box-flex: 1; -webkit-flex: 1 1 calc(100% * 2/3); -moz-box-flex: 1; -ms-flex: 1 1 calc(100% * 2/3); flex: 1 1 calc(100% * 2/3); width: -moz-calc(100% * 2/3); width: calc(100% * 2/3); }
.structure-accueil #row-three > div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; -webkit-box-flex: 1; -webkit-flex: 1 1 calc(100% * 2/3); -moz-box-flex: 1; -ms-flex: 1 1 calc(100% * 2/3); flex: 1 1 calc(100% * 2/3); width: -moz-calc(100% * 2/3); width: calc(100% * 2/3); }
.structure-accueil #row-three > div:last-of-type { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; -webkit-box-flex: 1; -webkit-flex: 1 1 calc(100% * 1/3); -moz-box-flex: 1; -ms-flex: 1 1 calc(100% * 1/3); flex: 1 1 calc(100% * 1/3); width: -moz-calc(100% * 1/3); width: calc(100% * 1/3); }
.structure-accueil #row-three > div img { background: transparent; background-repeat: no-repeat; background-position: center; }
.structure-accueil #row-three .front-project-link-wrapper { border-right: 1px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; background-image: url("../img/project-link-troilus-project.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; }
.structure-accueil #row-three .front-project-link-wrapper > .panel.left.light { background: transparent; min-height: 0px; }
.panel-content.be-a-table a.virtual-button { border: 1px solid #ffffff; text-align: center; padding: 10px; width: fit-content; }
.panel-content.be-a-table a.virtual-button:hover { background: #ffffff; }
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
  .section-header a.btn.header-btn { height: 41px; }
}
@media (max-width:1250px) {
  #sticky-header > div:nth-of-type(2) nav > ul > li { margin-left: 34px; }
  #news-listing.row .front-news-box { min-height: 225px; }
}
@media (max-width:1181px) {
  body.structure-accueil a.btn.content-btn { margin-top: 0px !important; }
  #sticky-header > div:nth-of-type(2) > nav > ul { padding-left: 0px; }
  #sticky-header > div:nth-of-type(2) > nav > ul > li > div ul { top: 0px; }
  #bottom { border-top: none; }
  footer { height: auto; }
  footer > div:nth-of-type(1) { display: none; }
}
@media screen and (max-width:1100px) {
  .value-prop li { margin-top: 0px; font-size: 17px; padding-bottom: 15px; }
  .value-prop li:before { font-size: 17px; }
  .panel-content.be-a-table { padding: 25px 30px; }
  .structure-accueil .panel .panel-header .panel-header-title h3 { font-size: 20px; }
}
@media screen and (min-width:767px) and (max-width:1100px) {
  #lastest-news .btn.header-btn.mobile-hide.inverse { display: none; }
  #news-listing { height: -moz-calc(100% - 124px); height: calc(100% - 124px); }
  #news-listing .front-news-box .nt-wrap { padding: 15px 0px; }
  #full-width-btn { display: block; }
  .structure-accueil .panel { min-height: 385px !important; }
}
@media (max-width:840px) {
  body.structure-accueil .panel #our-projects.panel-content { padding: 15px 15px 15px 30px; }
}
/*@media screen and (max-width: 1105px) {
  ul.stock-information li {font-size: 13px;}
}
@media screen and (max-width: 1065px) {
  .tablet-show { display: block !important; }
  .video-container { display: none; }
  #sticky-header { height: 50px; -webkit-box-shadow: 0 -1px 5px 4px rgba(0, 0, 0, 0.45); box-shadow: 0 -1px 5px 4px rgba(0, 0, 0, 0.45); }
  #sticky-header nav { display: none; }
  #sticky-header .container:nth-of-type(1) { display: none; }
  #sticky-header > div:nth-of-type(2) .logo { width: 330px; padding-bottom: 5px; }
  #sticky-header > div:nth-of-type(2) .logo img { padding: 14px 0 0; height: 39.16px; }
  #sticky-header #svg-logo { top: 22px; }
  body.not-home .main-content, header { margin-top: 50px !important; }
  .panel .panel-content p { font-size: 18px; }
  #sticky-header > div:nth-of-type(2) .logo { padding-bottom: 0px; }
  #sticky-header > div:nth-of-type(2) .logo img { width: 175px; }
  .main-content { margin-top: 52px !important; }
}*/
@media screen and (max-width:1234px) {
  .structure-accueil #row-three > div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; -webkit-box-flex: 1; -webkit-flex: 1 1 calc(100%); -moz-box-flex: 1; -ms-flex: 1 1 calc(100%); flex: 1 1 calc(100%); width: -moz-calc(100%); width: 100%; }
}
@media screen and (max-width:1024px) {
  .structure-accueil #row-two > div:first-of-type { -webkit-box-flex: 1; -webkit-flex: 1 1 40%; -moz-box-flex: 1; -ms-flex: 1 1 40%; flex: 1 1 40%; width: 40%; }
  .structure-accueil #row-two > div:last-of-type { -webkit-box-flex: 1; -webkit-flex: 1 1 60%; -moz-box-flex: 1; -ms-flex: 1 1 60%; flex: 1 1 60%; width: 60%; }
  .structure-accueil #row-three > a { -webkit-box-flex: 1; -webkit-flex: 1 1 60%; -moz-box-flex: 1; -ms-flex: 1 1 60%; flex: 1 1 60%; width: 60%; }
  .structure-accueil #row-three > div { -webkit-box-flex: 1; -webkit-flex: 1 1 70%; -moz-box-flex: 1; -ms-flex: 1 1 70%; flex: 1 1 70%; width: 100%; }
  .front-project-link-wrapper:before { opacity: 0.6; z-index: 2; }
  .front-project-link-wrapper:hover:before { opacity: 0.8; }
  #project-row .panel.square.has-image { padding: 0px; }
  #project-row .panel.square.has-image .project-information { width: 100%; padding: 10px; }
  #project-row .panel.square.has-image .project-information .project-name h2 { font-size: 28px; }
}
@media screen and (max-width:1000px) {
  h1 { font-size: 50px; }
  .panel .panel-content p { font-size: 16px; }
  .panel .panel-content a:not(.btn) { font-size: 16px; }
  .panel a.btn { padding: 11px 30px 9px; }
  .panel .panel-content.be-a-table a i { padding-bottom: 2.5%; }
  .panel .panel-content.be-a-table a span { padding-bottom: 2.5%; }
  .row#inner-main { margin: 0; padding: 60px 30px; }
  body.cat-investors.structure-directory-overview .panel-content .panel-table-wrapper table tr td { font-size: 17px; }
  body.cat-investors.structure-directory-overview .panel-content .panel-table-wrapper table tr th { font-size: 17px; }
  .panel.square.has-image .project-information { width: 95%; }
}
@media screen and (max-width:980px) {
  html { overflow-y: scroll;    /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch; }
  .row#inner-main .column.one-quarter { display: none; }
  .row#inner-main .column.three-quarters { width: 100% !important; }
  .row#inner-main #content-left { width: 100%; max-width: none; }
}
@media screen and (max-width:962px) {
  .structure-accueil #row-three { display: block; }
  .structure-accueil #row-three > a { -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none; min-height: 400px; width: 100%; }
  .structure-accueil #row-three > div { -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none; display: block; width: 100%; min-height: 400px; }
}
@media screen and (max-width:845px) {
  .structure-accueil #row-two { border-bottom: 0px; display: block; }
  .structure-accueil #row-two > div:first-of-type { -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none; display: block; width: 100%; }
  .structure-accueil #row-two > div:last-of-type { -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none; display: block; width: 100%; min-height: 400px; }
  .structure-accueil #row-three { border-bottom: 0px; display: block; }
  .structure-accueil #row-three > div:first-of-type { -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none; display: block; width: 100%; }
  .structure-accueil #row-three > div:last-of-type { -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none; display: block; width: 100%; min-height: 400px; }
  
}
@media screen and (max-width:768px) {
  h1 { font-size: 35px; line-height: 35px; }
  h2 { font-size: 32px; line-height: 40px; }
  .panel .panel-content p { font-size: 16px; }
  #news-listing.row .front-news-box { min-height: 200px; }
}
@media screen and (max-width:767px) {
  .mobile-hide { display: none !important; }
  .mobile-show { display: block !important; }
  .main-content { margin: 0; padding: 0; width: 100%; }
  .flexslider .slide-text-box, .flexslider .slide-text-box#slide-tb-2, .flexslider .slide-text-box#slide-tb-3, .flexslider .slide-text-box#slide-tb-4 { bottom: auto; top: 0; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
  .flex-viewport, .flexslider {    /*height: auto !important;*/
  max-height: 500px; }
  #row-one.row { height: auto; }
  #signup.section-header h3 span { display: none; }
  #news-listing.row .column { float: left; display: block; }
  #news-listing.row .column .front-news-box { border-right: 0px; border-bottom: 2px solid #000000; }
  .panel.empty-project { display: none !important; }
  .panel .panel-content .btn { margin-top: 20px; }
  .panel.top-row.large .btn { display: block; float: left; margin: 20px 0px 30px 30px; }
  .panel.top-row.large .panel-content { padding-bottom: 0px; }
  .panel.secondary-match.square-height-match.has-image.right { border-left: none; }
  #investor-front-panel .panel-content p:last-of-type { display: block; }
  .panel .panel-content.be-a-table a i { padding-bottom: 10%; }
  .panel .panel-content.be-a-table a span { padding-bottom: 10%; }
  .structure-accueil #row-two { border-bottom: 0px; display: block; }
  .structure-accueil #row-two > div:first-of-type { -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none; display: block; width: 100%; }
  .structure-accueil #row-two > div:last-of-type { -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; -ms-flex: none; flex: none; display: block; width: 100%; min-height: 400px; }
  .structure-accueil #row-two .panel.square.left { border-bottom: 2px solid #FFFFFF; }
  body.structure-accueil a.btn, body.structure-investor.overview a.btn { padding: 15px 30px; position: relative; display: inline-block; margin: 0px; bottom: 0; left: 0; }
  body.structure-accueil .panel, body.structure-accueil .panel.square.left, body.structure-accueil .panel.square.right, body.structure-accueil .panel.top-row, body.structure-accueil .panel.square-height-match.right, body.structure-investor.overview .panel, body.structure-investor.overview .panel.square.left, body.structure-investor.overview .panel.square.right, body.structure-investor.overview .panel.top-row, body.structure-investor.overview .panel.square-height-match.right { border-left: 0 !important; border-right: 0 !important; -webkit-box-shadow: none; box-shadow: none; border-bottom: 2px solid #FFFFFF; }
  body.structure-accueil .panel .panel-header .panel-header-icon, body.structure-investor.overview .panel .panel-header .panel-header-icon { -webkit-box-shadow: none; box-shadow: none; }
  body.structure-accueil .panel.top-row.large, body.structure-investor.overview .panel.top-row.large { height: 100%; }
  body.structure-accueil #row-two.row, body.structure-investor.overview #row-two.row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  body.cat-applications.structure-directory-overview .row .half { width: 100%; }
  body.cat-applications.structure-directory-overview .panel { height: 100%; min-height: 380px; }
  body.cat-applications.structure-directory-overview .row:nth-of-type(2) { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  body.cat-applications.structure-directory-overview .panel.no-gutter-right { -webkit-box-shadow: none; box-shadow: none; }
  body.cat-investors.structure-directory-overview #mobile-news-btn-wrapper a.btn { position: relative; bottom: initial; left: initial; }
  body.cat-investors.structure-directory-overview .panel-content .panel-table-wrapper { bottom: 0px; left: 0px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 30px; border-bottom: 2px solid #000000; border-top: 2px solid #000000; }
  body.cat-investors.structure-directory-overview .panel-content .panel-table-wrapper table tr td, body.cat-investors.structure-directory-overview .panel-content .panel-table-wrapper table tr td span { font-size: 18px; }
  section#subscribe #signup-info { float: none; }
  section#subscribe form.signup .textbox { width: 100%; margin-bottom: 20px; }
  section#subscribe form.signup .textbox input { padding: 0px; width: 81%; margin-right: 0px; font-size: 16px; }
  section#subscribe form.signup .textbox:nth-of-type(2) { margin-bottom: 40px; }
  section#subscribe .textbox.signup-name i { font-size: 25px; }
  footer { height: auto; border-top: 0; }
  footer > div:nth-of-type(1) { display: none; }
  footer #bottom .row .column:nth-of-type(1) { text-align: center; padding: 20px 0px 0px; }
  footer #bottom .row .column:nth-of-type(2) { text-align: center; padding: 0px 0px 20px; }
  footer .row .half { width: 100%; }
  .not-home footer { border-top: none; }
  body.structure-directory-board_of_directors .bio-content { height: 222px; min-height: 222px; }
  #investor-front-panel { border-bottom: none; }
  .panel.no-gutter-left, .panel.no-gutter-right { -webkit-box-shadow: none; box-shadow: none; border-right: none; border-left: none; }
  #investor-front-panel { border-bottom: 2px solid #FFFFFF; }
  #news-listing.row { display: block; }
}
@media screen and (max-width:640px) {
  .structure-search.results #content-left form { display: block; -webkit-box-pack: none; -webkit-justify-content: none; -moz-box-pack: none; -ms-flex-pack: none; justify-content: none; }
  .structure-search.results #content-left input[type=text] { width: 100%; height: 55px; }
  .slide-text-box h2 { font-size: 20px; line-height: 27px; text-transform: none; }
  .panel .panel-content p, .panel .panel-content a:not(.btn), .value-prop li { font-size: 18px; line-height: 23px; }
}
@media (max-width:600px) {
  .flex-viewport, .flexslider { max-height: 550px !important; }
  .flexslider .slide-text-box h4 { font-size: 25px; line-height: 32px; }
}
@media screen and (max-width:540px) {
  .slide-text-box h1 { font-size: 33px; line-height: 33px; }
  .custom-navigation a.flex-prev, .custom-navigation a.flex-next { width: 45px; height: 45px; }
  body.cat-projects.structure-directory-overview #about-us.panel-header-icon { display: none; }
}
@media screen and (max-width:480px) {
  #content-left .report-item { display: block; }
  #content-left .report-item span { color: #000000; display: block; width: 100%; min-width: 0; margin-left: 0px; }
  #content-left .report-item span:nth-of-type(1) { color: #772154; }
  .structure-directory-news .news-item { display: block; }
  .structure-directory-news .news-item .news-date { display: block; width: 100%; min-width: 0; margin-left: 0px; color: #4a84c4; }
  .structure-directory-news .news-item .news-date a { color: #4a84c4; }
  .structure-directory-news .news-item .news-title { display: block; width: 100%; }
  .structure-directory-news .news-item .news-title a { color: #000000; }
  .gallery-container .my-gallery figure { width: 100%; margin-right: 0px; padding-bottom: 36.5%; }
  .gallery-container .my-gallery figure:nth-of-type(even) { margin-left: 0px; }
  .tabs:not(.more-tabs) > ul { display: block; }
  .tabs:not(.more-tabs) > ul li { width: 100% !important; margin-bottom: 2px; }
  .slide-text-box h1 { font-size: 30px; line-height: 30px; }
  .project-information { width: 80%; }
}
@media screen and (max-width:450px) {
  .slide-text-box h1 { font-size: 30px; line-height: 37px; }
  .btn.download { padding: 11px 15px; }
  .custom-navigation a.flex-prev, .custom-navigation a.flex-next { width: 42px; height: 42px; }
}
@media screen and (max-width:320px) {
  body.structure-projects.overview .panel, body.structure-investor.overview .panel { height: 100%; min-height: 320px; }
  .panel a.btn { position: relative; display: inline-block; padding: 11px 25px 9px; font-size: 12px; bottom: 0; left: 0; margin-bottom: 5px; margin-top: 10px; }
}

/********* HOMEPAGE VIDEO BANNER *********/
.home-banner-video { height: 100%; top: initial; overflow: hidden; position: absolute; width: 100%; max-height: 630px; }
.home-banner-video video { bottom: 0; left: 0; margin: auto; min-height: 50%; min-width: 50%; position: absolute; right: 0; top: 0; }
.banner-video-text { position: absolute; z-index: 1; padding: 80px 30px 30px; left: 0; right: 0; color: #FFF; width: 50%; max-width: 850px; left: 25%; text-shadow: -1px 0px 30px rgba(0, 0, 0, 0.1); }
.banner-video-text h1 { font-weight: 900; }
.banner-video-text h4 { font-size: 35px; line-height: 42px; color: #FFFFFF; font-weight: 100; }
.banner-video-text a { bottom: 0; }
.video-banner-whole { position: relative; height: 630px; }
@media screen and (min-width:769px) {
  .home-banner-video img { display: none; }
}
@media screen and (max-width:768px) {
  .home-banner-video video { display: none; }
  .home-banner-video img { display: block; min-height: 500px; }
  .home-banner-video { padding-bottom: 0; }
  .video-banner-whole { height: 500px; min-height: 500px; }
  .banner-video-text { position: absolute; top: 0; }
}
.featherlight .featherlight-content { padding: 0% !important; max-height: 90vh !important; width: 90vw !important; border-bottom: none !important; background: none !important; }
.featherlight .featherlight-content iframe { min-height: 80vh !important; width: 100%; height: 100%; }
@media screen and (max-width:1024px) {
  .featherlight .featherlight-content { max-width: 90vw !important; margin: 0 auto !important; }
}
.featherlight .featherlight-close-icon { color: #fff !important; font-size: 40px !important; line-height: 40px !important; width: 40px !important; }
@media screen and (max-width:1024px) {
  .featherlight .featherlight-inner { max-width: 90vw !important; }
}
@media screen and (max-width:1000px) {
  .banner-video-text { max-width: 40%; width: 40%; }
  .banner-video-text h1 { font-size: 50px; }
}
@media screen and (max-width:768px) {
  .banner-video-text { box-sizing: border-box; }
  .banner-video-text { max-width: 50%; width: 50%; }
  .banner-video-text h1 { font-size: 35px; line-height: 35px; }
}
@media screen and (max-width:600px) {
  .banner-video-text h4 { font-size: 25px; line-height: 25px; }
}

/********* Quick Links Section *********/
#row-two .panel.left .panel-content { padding: 30px !important; }
.quick-link-container { display: flex; flex-direction: row; flex-wrap: wrap; }
.quick-link-container a {  /*width: 33.333%;*/
border: 2px solid #ffffff; text-transform: uppercase; text-align: center; padding: 30px 5px; display: flex; flex-basis: calc(33% - 33px); justify-content: center; flex-direction: column; font-size: 15px !important; transition: all ease-in-out 250ms; color: #ffffff !important; }
.quick-link-container a:hover { background-color: #243c96; transition: all ease-in-out 250ms; }
.quick-link-container a:nth-of-type(1), .quick-link-container a:nth-of-type(2), .quick-link-container a:nth-of-type(3) { margin-top: 0; }
.quick-link-container a:nth-of-type(4), .quick-link-container a:nth-of-type(5), .quick-link-container a:nth-of-type(6) { margin-top: 30px; }
.quick-link-container a:nth-of-type(1), .quick-link-container a:nth-of-type(4) { margin-right: 15px; }
.quick-link-container a:nth-of-type(2), .quick-link-container a:nth-of-type(5) { margin-right: 15px; margin-left: 15px; }
.quick-link-container a:nth-of-type(3), .quick-link-container a:nth-of-type(6) { margin-left: 15px; }
.quick-link-container a img { width: 100%; max-width: 75px; margin: 0 auto; }
.quick-link-container a.presentation img { max-width: 90px; }
.quick-link-container a.factsheet img { max-width: 60px; }
.quick-link-container span { display: block; padding-top: 20px; }
@media screen and (max-width:1420px) {
  .quick-link-container a { flex-basis: calc(50% - 29px); margin-top: 10px; }
  .quick-link-container a:nth-of-type(1), .quick-link-container a:nth-of-type(2) { margin-top: 0; }
  .quick-link-container a:nth-of-type(3) { margin-top: 30px; }
  .quick-link-container a:nth-of-type(3), .quick-link-container a:nth-of-type(5) { margin-left: 0; margin-right: 15px; }
  .quick-link-container a:nth-of-type(2), .quick-link-container a:nth-of-type(4), .quick-link-container a:nth-of-type(6) { margin-left: 15px; margin-right: 0; }
}
@media screen and (max-width:845px) {
  .quick-link-container a {    /*width: 33.333%;*/
  border: 2px solid #ffffff; text-transform: uppercase; text-align: center; padding: 30px 5px; display: flex; flex-basis: calc(33% - 37px); justify-content: center; flex-direction: column; font-size: 15px !important; transition: all ease-in-out 250ms; color: #ffffff !important; }
  .quick-link-container a:nth-of-type(1), .quick-link-container a:nth-of-type(2), .quick-link-container a:nth-of-type(3) { margin-top: 0; }
  .quick-link-container a:nth-of-type(4) { margin-left: 0; }
  .quick-link-container a:nth-of-type(4), .quick-link-container a:nth-of-type(5), .quick-link-container a:nth-of-type(6) { margin-top: 30px; }
  .quick-link-container a:nth-of-type(1), .quick-link-container a:nth-of-type(4) { margin-right: 15px; }
  .quick-link-container a:nth-of-type(2), .quick-link-container a:nth-of-type(5) { margin-right: 15px; margin-left: 15px; }
  .quick-link-container a:nth-of-type(3), .quick-link-container a:nth-of-type(6) { margin-left: 15px; }
}
@media screen and (max-width:667px) {
  .quick-link-container a {    /*width: 33.333%;*/
  border: 2px solid #ffffff; text-transform: uppercase; text-align: center; padding: 30px 5px; display: flex; flex-basis: calc(50% - 37px); justify-content: center; flex-direction: column; font-size: 15px !important; transition: all ease-in-out 250ms; color: #ffffff !important; }
  .quick-link-container a:nth-of-type(1), .quick-link-container a:nth-of-type(2) { margin-top: 0; }
  .quick-link-container a:nth-of-type(3) { margin-top: 30px; }
  .quick-link-container a:nth-of-type(4) { margin-left: 0; }
  .quick-link-container a:nth-of-type(4), .quick-link-container a:nth-of-type(5), .quick-link-container a:nth-of-type(6) { margin-top: 30px; }
  .quick-link-container a:nth-of-type(1) { margin-right: 15px; }
  .quick-link-container a:nth-of-type(2), .quick-link-container a:nth-of-type(4) { margin-left: 15px; }
  .quick-link-container a:nth-of-type(6) { margin-left: 15px; }
  .quick-link-container a:nth-of-type(3), .quick-link-container a:nth-of-type(5) { margin-left: 0; }
}
@media screen and (max-width:350px) {
  .quick-link-container a {    /*width: 33.333%;*/
  border: 2px solid #ffffff; text-transform: uppercase; text-align: center; padding: 30px 5px; display: flex; flex-basis: 100%; justify-content: center; flex-direction: column; font-size: 15px !important; transition: all ease-in-out 250ms; color: #ffffff !important; }
  .quick-link-container a:nth-of-type(1), .quick-link-container a:nth-of-type(2), .quick-link-container a:nth-of-type(3), .quick-link-container a:nth-of-type(4), .quick-link-container a:nth-of-type(5), .quick-link-container a:nth-of-type(6) { margin-left: 0; margin-right: 0; margin-top: 30px; }
  .quick-link-container a:nth-of-type(1) { margin-top: 0; }
}
h2.h2-light { font-weight: 300 !important; font-size: 20px !important; }

/********* Signup Popup *********/
.signup_box .signup-message { color: #2F3030; }
#signup_popop { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 88px; height: 78px; background-color: #ec9c00; color: #1c1b1a; font-size: 26px; top: 117px; left: 0; z-index: 111; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; }
#signup_popop:hover { color: #ec9c00; background-color: #1c1b1a; }
@media screen and (max-width:1024px) {
  #signup_popop { top: 75px; }
}
.signup_overlay { position: fixed; background-color: rgba(28, 27, 26, 0.6); top: 0; right: 0; left: 0; bottom: 0; z-index: 112; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; pointer-events: none; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.signup_overlay.show { opacity: 1; pointer-events: all; }
.signup_overlay .signup_box { width: 455px; background-color: #fff; padding: 30px 25px 5px; text-align: center; z-index: 113; border: 14px solid #243c96; top: 190px; overflow-y: scroll; height: auto; box-sizing: border-box; position: absolute; height: calc(100vh - 240px); }
.signup_overlay .signup_box #close { color: #a5a5a5; position: absolute; top: 15px; right: 15px; font-size: 20px; line-height: 20px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; }
.signup_overlay .signup_box #close:hover { opacity: 0.6; }

/*.signup_overlay .signup_box #close:nth-of-type(2) {
color
}*/
.signup_overlay .signup_box .fa-envelope { color: #ec9c00; margin-right: 18px; font-size: 25px; position: relative; top: 2px; }
.signup_overlay .signup_box h4 { color: #243c96; text-transform: uppercase; margin: 0 auto !important; font-size: 25px; line-height: 30px; width: 240px; }
.signup_overlay .signup_box p { color: #989898; margin: 5px 0 40px 0; }
.signup_overlay .signup_box input { background-color: #ebebeb; color: #1c1b1a; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 20px; margin-bottom: 10px; width: 100%; }
.signup_overlay .signup_box input::-webkit-input-placeholder { color: #1c1b1a; }
.signup_overlay .signup_box input:-ms-input-placeholder { color: #1c1b1a; }
.signup_overlay .signup_box input::-ms-input-placeholder { color: #1c1b1a; }
.signup_overlay .signup_box input::placeholder { color: #1c1b1a; }
@media screen and (max-width:1024px) and (orientation:landscape) {
  .signup_overlay .signup_box input { padding: 10px 20px; }
}
.signup_overlay .signup_box .btn { margin-top: 15px; background-color: #243c96; color: #ffffff; text-transform: uppercase; padding: 15px 30px; border: none; transform: all ease-in-out 200ms; border: 2px solid #243c96; }
.signup_overlay .signup_box .btn:hover { transform: all ease-in-out 200ms; background-color: #ffffff; color: #243c96; }
.signup_overlay .signup_box .signup-message { margin-top: 15px; }
.signup_overlay .signup_box .recaptcha { margin: 0; opacity: 0; height: 0; width: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: block; pointer-events: none; }
.signup_overlay .signup_box .recaptcha.show { opacity: 1; height: 78px; width: auto; pointer-events: all; margin: 25px 0 10px 22px; }
#popup-logo img { width: 150px; margin-bottom: 25px; }
.signup_box #signup-info form.signup .textbox { width: 100%; }
.signup_box #signup-info form.signup .textbox input { width: 100%; max-width: 320px; border: 1px solid #243c96; }
.signup_box #signup-info form .signup-email input { margin-left: -10px !important; margin-top: 10px; }
.signup_box #signup-info form.signup .textbox.error { max-width: 388px; border: none !important; }
.popup-social div { margin: 15px 0; font-size: 20px; }
.popup-social div:nth-of-type(2) { font-weight: 700; text-transform: uppercase; }
.popup-social a i { font-size: 25px; }
.signup_box #signup-info { margin-top: 15px; }
.popup-social a:nth-of-type(1) { padding-right: 10px; color: #4c84c4; }
.popup-social a:nth-of-type(2), .popup-social a:nth-of-type(3) { padding: 0 10px 0 10px; color: #243c96; }
.popup-social a:nth-of-type(4) { padding-left: 10px; color: #4c84c4; }
.popup-social a:hover { transition: all ease-in-out 200ms; opacity: 0.7; }
.popup-no { color: #ef701b; margin-top: 10px; transition: all ease-in-out 200ms; }
.popup-no:hover { opacity: 0.7; transition: all ease-in-out 200ms; cursor: pointer; }
.signup_box form.signup .textbox input { margin-right: 0; margin-left: -10px; }
@media screen and (max-width:580px) {
  .signup_overlay .signup_box { width: 100%; }
  .signup_box .recaptcha { transform: scale(0.77); transform-origin: 0 0; }
}
@media screen and (max-width:768px) {
  .signup_overlay .signup_box { top: 70px; height: calc(100% - 85px); }
}
@media screen and (max-width:525px) {
  .signup_box #signup-info form.signup .textbox input { max-width: 250px; }
}
@media screen and (max-width:350px) {
  .signup_box #signup-info form.signup .textbox input { max-width: 200px; }
}

/********* Social Media Icons *********/
.social-flex { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; align-content: stretch; }
@media (max-width:736px) {
  .social-flex { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
}
.social-flex__links { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }
@media (max-width:480px) {
  .social-flex__links { padding: 15px 0px 0px; width: 100%; }
}
.social-flex .blog-rss { font-size: 16px; line-height: 1.3; margin-left: 15px; margin-right: 35px; }
@media (max-width:736px) {
  .social-flex .blog-rss { margin-left: 0; }
}
@media (max-width:480px) {
  .social-flex .blog-rss { margin: 12px 0px; width: 100%; }
}
a.social-flex__links--button { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #0054cc; border-radius: 100%; color: #0054cc; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 35px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 10px; position: relative; width: 35px; -webkit-transition: all 0.275s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.275s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.275s cubic-bezier(0.645, 0.045, 0.355, 1); }
a.social-flex__links--button:hover { background: #0054cc; color: #ffffff; text-decoration: none !important; }
a.social-flex__links--button:hover > i { color: #ffffff; }
a.social-flex__links--button > i { color: #0054cc; left: 2px; position: relative; -webkit-transition: all 0.275s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.275s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.275s cubic-bezier(0.645, 0.045, 0.355, 1); }
a.social-flex__links--button.ssb-linkedin > i { top: -1px; }

/********* Social Media Icons / Mobile Menu *********/
.mobile-social-icons a { margin-left: 15px; margin-right: 15px; }
.mobile-social-icons a:first-of-type { margin-left: 0; }
.mobile-social-icons a:last-of-type { margin-right: 0; }
.mobile-social-icons a { color: #fff !important; }
.mobile-social-icons { text-align: center; margin-top: 20px; margin-left: -10px; }
#mobile-menu-stocks { margin-top: 10px; }
#mobile-menu-stocks li { color: #fff; font-size: 10px; }
#mobile-menu-stocks li:nth-of-type(1) { margin-left: 22px; }
@media screen and (max-width:350px) {
  #mobile-menu-stocks { margin-top: 0px; }
  #mobile-menu-stocks li:nth-of-type(1), #mobile-menu-stocks li:nth-of-type(2) { margin-left: 20px; }
}

/* Sustainability Overview Links */

/* Added July 14, 2020 - DR */
#inner-main .sustainability-links { box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; }
#inner-main .sustainability-links > a { display: block; margin-bottom: 25px; min-height: 410px; position: relative; text-decoration: none; -webkit-transition: all 0.275s cubic-bezier(0.645, 0.045, 0.355, 1); width: calc(50% - 5px); z-index: 1 }
#inner-main .sustainability-links > a:nth-of-type(1) { background-color: #243696; }
#inner-main .sustainability-links > a:nth-of-type(2) { background-color: #007C7C; }
#inner-main .sustainability-links > a:nth-of-type(3) { background-color: #4A84C4; }
#inner-main .sustainability-links > a:nth-of-type(4) { background-color: #640033; }
#inner-main .sustainability-links > a > span { display: block; position: relative; width: 100%; z-index: 1; }
#inner-main .sustainability-links > a > span:nth-of-type(1) { display: block; height: 180px; width: 100%; }
#inner-main .sustainability-links > a > span:nth-of-type(1) img { height: 100%; object-fit: cover; width: 100%; }
#inner-main .sustainability-links > a > span:nth-of-type(2) { box-sizing: border-box; color: #FFF; display: block; padding: 30px; width: 100%; z-index: 3; }
#inner-main .sustainability-links > a > span > span { font-weight: bold; }
#inner-main .sustainability-links > a > span > span i { font-weight: 100; padding-left: 18px; position: relative; }
#inner-main .sustainability-links > a::before { background-color: #000; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.275s cubic-bezier(0.645, 0.045, 0.355, 1); z-index: 2; }
#inner-main .sustainability-links > a:hover::before { opacity: 0.4; }
#inner-main .sustainability-links > a h3, #inner-main .sustainability-links > a p, #inner-main .sustainability-links > a > span > span * { color: #FFF; text-decoration: none !important; }
#inner-main .sustainability-links > a h3 { margin-top: 0; }
@media screen and (max-width:1000px) {
  #inner-main .sustainability-links { padding-right: 30px; }
}
@media screen and (max-width:980px) {
  #inner-main .sustainability-links { padding-right: 0px; }
}
@media screen and (max-width:600px) {
  #inner-main .sustainability-links > a { margin-bottom: 20px; width: 100%; }
}


/* FEATHERLIGHT POP UP VIDEO - FEB 2021*/
body.structure-accueil .featherlight .featherlight-content {max-height: 377px !important; width: 670px !important;}
body.structure-accueil .featherlight .featherlight-content iframe {min-height: 377px !important;}
@media screen and (max-width: 1023px) {
  body.structure-accueil .featherlight .featherlight-content {max-height: 90vh !important; width: 90vw !important;}
  body.structure-accueil .featherlight .featherlight-content iframe {min-height: 90vh !important;}
}

/*FIXES FOR THIRD TICKER FEED IN NAV*/
@media screen and (max-width: 1160px) {
  ul.stock-information li {padding-right: 18px; font-size: 12px;}
}
@media screen and (max-width: 1065px) {
  .tablet-show { display: block !important; }
  .video-container { display: none; }
  #sticky-header { height: 50px; -webkit-box-shadow: 0 -1px 5px 4px rgba(0, 0, 0, 0.45); box-shadow: 0 -1px 5px 4px rgba(0, 0, 0, 0.45); }
  #sticky-header nav { display: none; }
  #sticky-header .container:nth-of-type(1) { display: none; }
  #sticky-header > div:nth-of-type(2) .logo { width: 330px; padding-bottom: 5px; }
  #sticky-header > div:nth-of-type(2) .logo img { padding: 14px 0 0; height: 39.16px; }
  #sticky-header #svg-logo { top: 22px; }
  body.not-home .main-content, header { margin-top: 50px !important; }
  .panel .panel-content p { font-size: 18px; }
  #sticky-header > div:nth-of-type(2) .logo { padding-bottom: 0px; }
  #sticky-header > div:nth-of-type(2) .logo img { width: 175px; }
  .main-content { margin-top: 52px !important; }
  ul.stock-information li {padding-right: 10px; font-size: 10px;}
}

/********* Announcement Popup *********/
.announcement_overlay_new { position: fixed; background-color: rgba(28, 27, 26, 0.6); top: 0; right: 0; left: 0; bottom: 0; z-index: 1112; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; pointer-events: none; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.announcement_overlay_new.show { opacity: 1; pointer-events: all; }
.announcement_overlay_new .announcement_box { width: 450px; background-color: #253D95; padding:0; text-align: center; z-index: 113; height: auto; box-sizing: border-box; position: absolute; border: 5px solid #6596cd; }
.announcement_overlay_new .announcement_box #close { z-index:100; color: #ffffff; position: absolute; top: 15px; right: 15px; font-size: 20px; line-height: 20px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; }
.announcement_overlay_new .announcement_box #close:hover { opacity: 0.6; }
.announcement_overlay_new .announcement_box a.button { text-transform: uppercase; background: #253d95; color: #FFF; border:1px solid #FFF; width:calc(100% - 40px); max-width:225px; margin:5px auto; display: block; padding:10px 20px; font-weight: 700; }
.announcement_overlay_new .announcement_box a.button:hover { background: #FFF; color: #253d95; text-decoration: none; }
.announcement_overlay_new .announcement_box #announcement-text { position:relative; padding:0; text-align:left; overflow: hidden; z-index: 1; }
.announcement_overlay_new .announcement_box #announcement-text img { width:100%; }
.announcement_overlay_new .announcement_box #announcement-info { display: flex; align-items: center; padding:20px 10px; background: #253D95; color: #FFF; }
.announcement_overlay_new .announcement_box #announcement-info > div { width: 100%; }
@media screen and (max-width:450px) {
  #sticky-hedaer { -webkit-overflow-scrolling: touch; }
  .announcement_overlay_new { -webkit-transform: translate3d(0,0,0); }
  .announcement_overlay_new .announcement_box { width: 90%; top:0; height: 500px; position: relative; overflow: hidden; }
}
@media (orientation: landscape) and (max-width: 800px)  {
  .announcement_overlay_new { padding:20px; }
  .announcement_overlay_new .announcement_box { height:calc(100vh - 40px); top:0; position: relative; overflow-y:scroll; }
}


/* UN Global Compact - Jun 29, 2023 */
#inner-main .global-compact-item h3 {color: #243c96; margin-top: 16px;}
#inner-main .global-compact-item {margin-top:  56px;}
#inner-main .global-compact-item img {height: 188px; width: 188px;}


.grecaptcha-badge { display: none !important;}
.grecaptcha-badge.show { display: block !important; visibility: visible !important;}

.qualified-persons {
  max-width: 400px;
  padding: 70px 23px 0 23px;
}
.qualified-persons p {
  font-size: 12px;
  line-height: 16px;
}

@media screen and (max-width: 768px) {
  .qualified-persons {
    margin: 0 auto;
  }
}
table.styled tr th {background-color: #243c96;color: #FFF;}
.cat-projet-mine-d-or-troilus header {
    overflow: hidden;
}


body.structure-directory-couverture-par-les-analystes #content-left { display: flex; flex-wrap: wrap; }
body.structure-directory-couverture-par-les-analystes #content-left p { flex: 1 0 50%; box-sizing: border-box; padding: 10px; }
body.structure-directory-couverture-par-les-analystes #content-left p img { height: 50px; }
@media screen and (max-width: 535px) { body.structure-directory-couverture-par-les-analystes #content-left { flex-direction: column; } }