/*
 * @author      Sky Gungoosingh
 * @copyright   Circus Advertising
*/
* {
  margin: 0;
  padding: 0; }

/*Reset*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strong, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100.01%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1;
  font-weight: 400;
  font-family: 'Roboto Slab', serif; }
  body ul, body li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif; }
  body h1 {
    font-size: 55px;
    font-weight: 100;
    margin: 0;
    padding: 0; }
  body h2 {
    font-size: 24px;
    font-weight: 100;
    margin: 0;
    padding: 0; }
  body h3 {
    font-size: 24px;
    font-weight: 100;
    margin: 0;
    padding: 0; }
  body h4 {
    margin: 0;
    padding: 0; }
  body p {
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif; }
  body p.titre {
    font-family: 'Roboto Slab', serif; }
  body a {
    font-family: 'Roboto', sans-serif; }
  body article, body aside, body details, body figcaption, body figure,
  body footer, body header, body hgroup, body menu, body nav, body section {
    display: block; }
  body input, body textarea, body button {
    -webkit-appearance: none !important;
    -webkit-border-radius: 0 !important; }
  body .cnRte li, body .cnRte a, body .cnRte span {
    font-size: 14px; }
  body select {
    display: block !important; }
  body input[type="text"], body input[type="password"], body input[type="date"], body input[type="datetime"], body input[type="datetime-local"], body input[type="month"], body input[type="week"], body input[type="email"], body input[type="number"], body input[type="search"], body input[type="tel"], body input[type="time"], body input[type="url"], body textarea {
    background-color: white;
    font-family: inherit;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 0.875em;
    margin: 0;
    padding: 0.5em;
    height: 2.3125em;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-box-shadow 0.45s,border-color 0.45s ease-in-out;
    -moz-transition: -moz-box-shadow 0.45s,border-color 0.45s ease-in-out;
    transition: box-shadow 0.45s,border-color 0.45s ease-in-out; }
  body input[type="text"]:focus, body input[type="password"]:focus, body input[type="date"]:focus, body input[type="datetime"]:focus, body input[type="datetime-local"]:focus, body input[type="month"]:focus, body input[type="week"]:focus, body input[type="email"]:focus, body input[type="number"]:focus, body input[type="search"]:focus, body input[type="tel"]:focus, body input[type="time"]:focus, body input[type="url"]:focus, body textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none; }
  body ::-webkit-input-placeholder {
    color: #999999; }
  body :-moz-placeholder {
    color: #999999; }
  body ::-moz-placeholder {
    color: #999999; }
  body :-ms-input-placeholder {
    color: #999999; }

.ajax-progress,
.ajax-progress-throbber,
.ajax-progress-fullscreen {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  opacity: 1;
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  overflow: hidden;
  text-indent: -99999em; }

.ajax-progress-throbber:before,
.ajax-progress-fullscreen:before {
  content: " ";
  display: block;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 0.8s infinite linear;
  animation: spin 0.8s infinite linear;
  border-radius: 120px;
  border-width: 10px;
  border-style: solid;
  border-color: #5ac3cd transparent #5ac3cd transparent;
  overflow: hidden;
  text-indent: -99999em;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

@-webkit-keyframes spin {
  to {
    transform: rotate(360deg); } }

@keyframes spin {
  to {
    transform: rotate(360deg); } }

.divTable {
  display: table;
  width: 100%; }

.divTableRow {
  display: table-row; }

.divTableHeading {
  display: table-header-group; }

.divTableCell, .divTableHead {
  display: table-cell;
  padding: 0; }

.divTableHeading {
  display: table-header-group;
  font-weight: bold; }

.divTableFoot {
  display: table-footer-group;
  font-weight: bold; }

.divTableBody {
  display: table-row-group; }

/* JSP */
.jspContainer {
  overflow: hidden;
  position: relative; }

.jspPane {
  position: absolute; }

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
  background: red; }

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red; }

.jspCap {
  display: none; }

.jspHorizontalBar .jspCap {
  float: left; }

.jspTrack {
  background: #dde;
  position: relative; }

.jspDrag {
  background: #bbd;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer; }

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%; }

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0; }

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d; }

.jspVerticalBar .jspArrow {
  height: 16px; }

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%; }

.jspVerticalBar .jspArrow:focus {
  outline: none; }

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0; }

/* Flexslider */
.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; }

.flexslider {
  margin: 0;
  padding: 0; }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden; }

.flexslider .slides img {
  width: 100%;
  display: block; }

html[xmlns] .flexslider .slides {
  display: block; }

* html .flexslider .slides {
  height: 1%; }

.no-js .flexslider .slides > li:first-child {
  display: block; }

.flexslider {
  position: relative;
  zoom: 1; }

.flexslider .slides {
  zoom: 1; }

.flexslider .slides img {
  height: auto;
  -moz-user-select: none; }

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-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;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.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:hover {
  opacity: 1; }

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center; }

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  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;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.flex-control-thumbs img:hover {
  opacity: 1; }

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default; }

/* Swiper */
/* .swiper-container {
  width: 100%;
  height: 100%;
 } */

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; */
 }

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px; }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px; } }

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

.clearfix {
  display: inline-block; }

/* Hides from IE Mac \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* End Hack */
body {
  margin: 0;
  padding: 0;
  background: #fff;
  color: #3a3a3a;
  /* Magic goes here */ }
  body a[href^="tel"] {
    color: inherit;
    text-decoration: none; }
  body a[href="/user/password"] {
    display: none; }
  body .section {
    padding-top: 0px;
    padding-bottom: 0px; }
    body .section .container {
      max-width: 1173px;
      width: 90%; }
      body .section .container .row {
        margin-bottom: 0px; }
  body .section.sectionFull .container {
    max-width: 100%;
    width: 100%; }
    body .section.sectionFull .container .row {
      margin: 0; }
      body .section.sectionFull .container .row .col {
        padding: 0px; }
  body #logo-title {
    width: 160px;
    height: 160px;
    position: absolute;
    top: 0px;
    left: 0.75em;
    background: #0a2d6e;
    z-index: 10; }
    body #logo-title a {
      display: block;
      width: 100%;
      height: 100%; }
      body #logo-title a img {
        width: 100%; }
  body #navigation {
    height: 85px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 10; }
    body #navigation .col {
      position: relative; }
    body #navigation .cnLangue {
      position: absolute;
      top: 35px;
      right: 22px;
      display: block !important; }
      body #navigation .cnLangue ul {
        margin: 0;
        padding: 0; }
        body #navigation .cnLangue ul li {
          float: left;
          margin: 0 5px 0 0;
          padding: 0 5px 0 0;
          border-right: 1px solid #0a2d6e; }
          body #navigation .cnLangue ul li a {
            color: #0a2d6e;
            font-size: 13px; }
        body #navigation .cnLangue ul li.active a {
          color: #5ac3cd; }
        body #navigation .cnLangue ul li:last-child {
          margin: 0;
          padding: 0;
          border: none; }
    body #navigation ul.cnMainMenu {
      margin: 35px 55px 0 0;
      padding: 0 0 0 205px;
      float: right;
      position: relative; }
      body #navigation ul.cnMainMenu li {
        margin: 0;
        padding: 0 9px;
        float: left;
        height: 50px; }
        body #navigation ul.cnMainMenu li a {
          font-size: 14px;
          color: #0a2d6e;
          position: relative; }
        body #navigation ul.cnMainMenu li a:hover {
          color: #5ac3cd; }
        body #navigation ul.cnMainMenu li a::before {
          content: '';
          width: 100%;
          height: 0;
          position: absolute;
          top: -35px;
          left: 0px;
          display: block;
          background: #5ac3cd; }
        body #navigation ul.cnMainMenu li a:hover::before {
          height: 3px; }
        body #navigation ul.cnMainMenu li span {
          font-size: 13px;
          color: #5ac3cd;
          display: block;
          font-weight: 400; }
          body #navigation ul.cnMainMenu li span span.price {
            font-weight: 700; }
      body #navigation ul.cnMainMenu li:last-child {
        position: relative;
        top: -4px; }
      body #navigation ul.cnMainMenu li a.active {
        color: #5ac3cd;
        font-weight: 700; }
      body #navigation ul.cnMainMenu li a.active::before {
        height: 3px; }
      body #navigation ul.cnMainMenu ul.sub {
        position: absolute;
        top: 100%;
        display: none;
        background: rgba(20, 48, 100, 0.85);
        width: 817px;
        float: none;
        margin: 0;
        padding: 40px;
        right: 73px; }
        body #navigation ul.cnMainMenu ul.sub .subTitle {
          float: left;
          width: 100%; }
          body #navigation ul.cnMainMenu ul.sub .subTitle span {
            font-size: 30px;
            color: #fff;
            font-family: 'Roboto Slab', serif;
            display: inline-block;
            margin-bottom: 45px;
            position: relative; }
        body #navigation ul.cnMainMenu ul.sub span::before {
          content: "";
          background: url(../images/interface/arrow-blue.png) top left no-repeat;
          width: 35px;
          height: 16px;
          display: block;
          position: absolute;
          top: 10px;
          right: -110px; }
        body #navigation ul.cnMainMenu ul.sub li {
          width: 100%;
          margin: 0 2% 0 0;
          padding: 0;
          float: left;
          width: 49%;
          position: relative; }
          body #navigation ul.cnMainMenu ul.sub li a {
            color: #5ac3cd;
            text-transform: uppercase;
            line-height: 50px;
            padding: 0 0 0 20px;
            position: relative;
            font-size: 13px;
            border-bottom: 1px solid #0a2d6e;
            display: block; }
          body #navigation ul.cnMainMenu ul.sub li a::before {
            width: 10px;
            height: 10px;
            display: block;
            top: 19px; }
        body #navigation ul.cnMainMenu ul.sub li:hover a {
          color: #fff; }
        body #navigation ul.cnMainMenu ul.sub li:hover a::before {
          background: #fff; }
        body #navigation ul.cnMainMenu ul.sub li:nth-child(odd) {
          margin: 0; }
        body #navigation ul.cnMainMenu ul.sub li::after {
          height: 1px;
          background: #fff;
          width: 0px;
          display: block;
          content: "";
          position: absolute;
          bottom: 0px;
          left: 0px; }
        body #navigation ul.cnMainMenu ul.sub li:hover::after {
          width: 100%; }
  body #navigation #main-nav {
    background: transparent;
    overflow: inherit;
    float: right;
    position: absolute;
    width: 95%;
    top: 0px;
    right: 0px;
    z-index: 10; }
  body #navigation .menu-toggle {
    height: 86px;
    width: 86px;
    background: #fff;
    position: absolute;
    top: 0px;
    right: -40px;
    font-size: 0px;
    background: url(../images/icn/menu-open.png) center center no-repeat; }
  body #navigation ul.mobilenav {
    position: relative;
    top: 85px;
    background: rgba(20, 48, 100, 0.85);
    padding: 0; }
    body #navigation ul.mobilenav .has-sub.open a {
      border: none !important; }
    body #navigation ul.mobilenav ul {
      background: none !important;
      padding: 0 0 0 30px; }
    body #navigation ul.mobilenav li {
      float: none;
      padding: 0;
      width: 100%; }
      body #navigation ul.mobilenav li a {
        text-transform: uppercase;
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        padding: 26px 0 25px 30px; }
      body #navigation ul.mobilenav li li {
        margin: 0 0 25px 0; }
        body #navigation ul.mobilenav li li a {
          padding: 0 0 0 20px;
          border: none;
          font-size: 13px;
          color: #5ac3cd;
          font-weight: 400;
          position: relative;
          line-height: 18px; }
        body #navigation ul.mobilenav li li a::after {
          content: '';
          width: 10px;
          height: 10px;
          background: #5ac3cd;
          display: block;
          position: absolute;
          bottom: 4px;
          left: 0px; }
      body #navigation ul.mobilenav li li:last-child {
        margin: 0; }
    body #navigation ul.mobilenav ul {
      background: rgba(20, 48, 100, 0.85); }
    body #navigation ul.mobilenav a.dd-toggle {
      background: url(../images/icn/icon-open-nav.png) top right no-repeat;
      width: 100%;
      height: 70px; }
    body #navigation ul.mobilenav .open a.dd-toggle {
      background: url(../images/icn/icon-close-nav.png) top right no-repeat; }
  body #gmap-about a[href^="http://maps.google.com/maps"],
  body #gmap-about a[href^="https://maps.google.com/maps"],
  body #gmap-about a[href^="https://www.google.com/maps"] {
    display: none !important; }
  body #gmap-about .gm-bundled-control .gmnoprint {
    display: block; }
  body #gmap-about .gmnoprint:not(.gm-bundled-control) {
    display: none; }
  body #gmap-about .gm-style > div {
    cursor: inherit !important; }
  body #gmap-cluster a[href^="http://maps.google.com/maps"],
  body #gmap-cluster a[href^="https://maps.google.com/maps"],
  body #gmap-cluster a[href^="https://www.google.com/maps"] {
    display: none !important; }
  body #gmap-cluster .gm-bundled-control .gmnoprint {
    display: block; }
  body #gmap-cluster .gmnoprint:not(.gm-bundled-control) {
    display: none; }
  body #gmap-cluster .gm-style > div {
    cursor: inherit !important; }

body.i18n-fr .sectionInvestors .cnFirst .cnInner .cnRte .cnQuote p {
  font-size: 20px;
  line-height: 28px; }

body.i18n-fr .bannerSus .section .cnInner .cnRte h1 {
  font-size: 40px; }

body.i18n-fr .sectionAboutKpi .cnWhite h2 {
  font-size: 27px; }

body.i18n-fr #workWrap .colLeft h2 {
  font-size: 45px; }

body.i18n-fr .sectionCorporateGovernance .cnRight .cnTable a {
  padding-right: 24px;
  font-size: 15px; }

body.i18n-fr .sectionWorkWithUsSecond .cnInner .cnRte h2 {
  font-size: 25px; }

body.i18n-fr .cnBannerInner .cnBoxWhite .cnRte h1 {
  font-size: 45px; }

body.i18n-fr h1 {
  font-size: 48px; }

body.i18n-fr .sectionIntro .cnLeft .cnBlock.cnB2 .num, body.i18n-fr .sectionIntro .cnLeft .cnBlock.cnB1 .num {
  line-height: 55px;
  font-size: 42px; }

body.i18n-fr #sidebar-right {
  width: 315px;
  right: -305px; }

body.i18n-fr #sidebar-right ul li a {
  font-size: 13px; }

body.i18n-fr .sectionContactUs .cnContactForm .cnForm form .form-actions input {
  background: url(../images/interface/contact-submit-fr.jpg) top left no-repeat; }

body.i18n-fr .sectionContactUs .cnContactForm .cnForm form .form-actions input:hover {
  background: url(../images/interface/contact-submit-fr-hover.jpg) top left no-repeat; }

body.i18n-fr .sectionFormulaireMultiSteps .cnMultiSteps form .form-actions .cnSubmit {
  background-image: url(../images/interface/submit-normal-fr.jpg);
  background-size: 100% !important; }

body.i18n-fr .sectionFormulaireMultiSteps .cnMultiSteps form .form-actions .cnSubmit:hover {
  background-image: url(../images/interface/submit-hover-fr.jpg);
  background-size: 100% !important; }

body.i18n-fr .sectionFormulaireMultiSteps .cnMultiSteps form .form-actions .webform-next {
  background-image: url(../images/interface/next-normal-fr.jpg);
  background-size: 100% !important; }

body.i18n-fr .sectionFormulaireMultiSteps .cnMultiSteps form .form-actions .webform-next:hover {
  background-image: url(../images/interface/next-hover-fr.jpg);
  background-size: 100% !important; }

body.i18n-fr .cnTable .cnTableCell .title {
  font-size: 12px;
  padding: 0 10px 0 0; }

body {
  /* HomePage Section Intro
  ----------------------------------------------------------------------------------------------------------------------------*/
  /* HomePage Section Cluster
  ----------------------------------------------------------------------------------------------------------------------------*/
  /* HomePage Section Investors
  ----------------------------------------------------------------------------------------------------------------------------*/
  /* HomePage Section Parallax
  ----------------------------------------------------------------------------------------------------------------------------*/
  /* HomePage Section News
  ----------------------------------------------------------------------------------------------------------------------------*/
  /* HomePage Section Careers
  ----------------------------------------------------------------------------------------------------------------------------*/
  /* Inner Section Parallax
  ----------------------------------------------------------------------------------------------------------------------------*/
  /* Our Structure Page
  ----------------------------------------------------------------------------------------------------------------------------*/
  /* Foundation Page
  ----------------------------------------------------------------------------------------------------------------------------*/
  /* IBL And Society Page
  ----------------------------------------------------------------------------------------------------------------------------*/
  /* Investors Page
  ----------------------------------------------------------------------------------------------------------------------------*/
  /* Mission Vision Values Page
  ----------------------------------------------------------------------------------------------------------------------------*/
  /* History Page
  ----------------------------------------------------------------------------------------------------------------------------*/
  /* Contact Us Page
  ----------------------------------------------------------------------------------------------------------------------------*/
  /* About Us Page
  ----------------------------------------------------------------------------------------------------------------------------*/
  /* Our Clusters Page
  ----------------------------------------------------------------------------------------------------------------------------*/
  /* Careers Page
  ----------------------------------------------------------------------------------------------------------------------------*/
  /* Leadership Page
  ----------------------------------------------------------------------------------------------------------------------------*/
  /* Newsroom Page
  ----------------------------------------------------------------------------------------------------------------------------*/
  /* Section News Details
  ----------------------------------------------------------------------------------------------------------------------------*/
  /* JOBS Page
  ----------------------------------------------------------------------------------------------------------------------------*/
  /* Cluster Landing Page
  ----------------------------------------------------------------------------------------------------------------------------*/
  /* Colors Clusters Green */
  /* Colors Clusters Bue */
  /* Colors Clusters Green */
  /* Colors Clusters Green */
  /* Colors Clusters Yellow */
  /* Colors Clusters Purple */
  /* Colors Clusters Pink */
  /* Colors Clusters Orange */
  /* Colors Clusters Light Blue */
  /* Colors Clusters Grey */
  /* Thank You Page
  ----------------------------------------------------------------------------------------------------------------------------*/
  /* Formulaire Multi Steps Page Speculative Application
  ----------------------------------------------------------------------------------------------------------------------------*/
  /* Footer
  ----------------------------------------------------------------------------------------------------------------------------*/
  /* Generic
  ----------------------------------------------------------------------------------------------------------------------------*/ }
  body .cnSquareLink {
    text-transform: uppercase;
    position: relative;
    font-size: 13px !important;
    padding-left: 20px;
    display: inline-block;
    color: #0a2d6e;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    font-weight: 500; }
  body .cnSquareLink::before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 1px;
    left: 0px;
    display: block;
    background: #0a2d6e;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s; }
  body #navigation a, body #navigation a::before {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  body .view.row {
    margin: 0; }
  body #main-nav {
    display: none; }
  body #backtotop {
    background: url(../images/icn/btn-top.jpg) top left no-repeat;
    width: 35px;
    height: 35px;
    z-index: 10; }
  body .sectionIntro {
    position: relative;
    overflow: hidden; }
    body .sectionIntro .colL {
      padding-right: 0px; }
    body .sectionIntro .colR {
      padding-left: 0px; }
    body .sectionIntro .cnLeft {
      height: 600px;
      position: relative; }
      body .sectionIntro .cnLeft .cnRte {
        padding-top: 145px;
        padding-right: 145px; }
        body .sectionIntro .cnLeft .cnRte h1 {
          color: #0a2d6e; }
          body .sectionIntro .cnLeft .cnRte h1 span {
            color: #5ac3cd;
            display: block;
            font-size: 55px; }
        body .sectionIntro .cnLeft .cnRte .cnSquareLink {
          margin-top: 35px;
          color: #0a2d6e; }
        body .sectionIntro .cnLeft .cnRte .cnSquareLink::before {
          background-color: #0a2d6e; }
        body .sectionIntro .cnLeft .cnRte .cnSquareLink:hover {
          color: #5ac3cd; }
        body .sectionIntro .cnLeft .cnRte .cnSquareLink:hover::before {
          background: #5ac3cd; }
      body .sectionIntro .cnLeft .cnBlock.cnB1 {
        background: #0a2d6e;
        position: absolute;
        bottom: -97px;
        right: 0px; }
      body .sectionIntro .cnLeft .cnBlock.cnB2 {
        background: #5ac3cd;
        position: absolute;
        bottom: -97px;
        right: 200px; }
    body .sectionIntro .fondIntroLeft {
      background: url(../images/interface/mosaic.png) left top repeat;
      height: 600px;
      width: 50%;
      position: absolute;
      left: 0px;
      top: 0px;
      z-index: -2; }
    body .sectionIntro .fondIntroLeftMask {
      background: url(../images/interface/whitegradient.png) right top no-repeat;
      width: 720px;
      height: 605px;
      position: absolute;
      right: -10px;
      top: 0px;
      z-index: -1; }
    body .sectionIntro .cnRight {
      height: 699px;
      width: 975px;
      -webkit-background-size: cover !important;
      -moz-background-size: cover !important;
      -ms-background-size: cover !important;
      background-size: cover !important;
      position: relative; }
      body .sectionIntro .cnRight .cnBlock.cnB1 {
        background: #5ac3cd url(../images/interface/mosaic1.png) top left repeat;
        position: absolute;
        bottom: 200px;
        left: 0px; }
      body .sectionIntro .cnRight .cnBlock.cnB2 {
        background: #3a3a3a url(../images/interface/mosaic2.png) top left repeat;
        position: absolute;
        bottom: 0px;
        left: 200px; }
  body .sectionCluster {
    margin: 0;
    padding: 45px 0 0 0;
    position: relative;
    overflow: hidden; }
    body .sectionCluster .row {
      padding: 0 0.75rem; }
  body #sidebar-right {
    position: absolute;
    top: 120px;
    right: -260px;
    z-index: 15;
    width: 270px;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s; }
    body #sidebar-right ul {
      margin: 0;
      padding: 0; }
      body #sidebar-right ul li {
        height: 52px;
        line-height: 52px; }
        body #sidebar-right ul li a {
          display: block;
          line-height: 52px;
          text-transform: uppercase;
          padding-left: 20px;
          color: #fff;
          font-size: 14px;
          font-weight: 700;
          position: relative; }
      body #sidebar-right ul li.active {
        margin-left: -10px;
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -ms-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s; }
      body #sidebar-right ul li.active a:before {
        content: '';
        width: 10px;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 10px;
        display: block;
        background: #fff;
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -ms-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s; }
      body #sidebar-right ul .cnAll {
        background: #0a2d6e; }
        body #sidebar-right ul .cnAll a {
          font-weight: 400; }
      body #sidebar-right ul .cnAgro {
        background: #03ae59; }
      body #sidebar-right ul .cnBuilding {
        background: #78dc8c; }
      body #sidebar-right ul .cnCommercial {
        background: #ffd133; }
      body #sidebar-right ul .cnFinancial {
        background: #7066f4; }
      body #sidebar-right ul .cnHospitality {
        background: #e21a79; }
      body #sidebar-right ul .cnLife {
        background: #f37c26; }
      body #sidebar-right ul .cnLogistics {
        background: #96c83c; }
      body #sidebar-right ul .cnManufacturing {
        background: #5ac3cd; }
      body #sidebar-right ul .cnProperty {
        background: #b1b3b2; }
  body #sidebar-right:hover {
    right: 0px; }
  body #sidebar-right:hover li.active {
    margin: 0 !important; }
  body #sidebar-right:hover a:before {
    top: 2px !important;
    left: 2px !important;
    height: 10px !important; }
  body #clusterWrap {
    margin: 0;
    padding: 0;
    position: relative;
    height: 600px;
    width: 100%; }
    body #clusterWrap .clusterSlide {
      height: 600px;
      width: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
      background: #fff; }
    body #clusterWrap .clusterSlide.slide .cnTable .cnTableCell {
      padding: 0 15px; }
      body #clusterWrap .clusterSlide.slide .cnTable .cnTableCell .cnWr .num, body #clusterWrap .clusterSlide.slide .cnTable .cnTableCell .cnWr .ide {
        font-size: 27px; }
    body #clusterWrap .clusterSlide.slideAll .col {
      padding: 0; }
      body #clusterWrap .clusterSlide.slideAll .col .cnTable {
        height: 200px;
        width: 100.5%; }
    body #clusterWrap .clusterSlide.slideAll .cnFondImg {
      margin: 0;
      padding: 0; }
      body #clusterWrap .clusterSlide.slideAll .cnFondImg .cnTable {
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -ms-background-size: cover !important;
        background-size: cover !important;
        background-position: center center;
        background-repeat: no-repeat; }
        body #clusterWrap .clusterSlide.slideAll .cnFondImg .cnTable .cnTableCell {
          height: 100%;
          width: 100%;
          text-align: center;
          padding: 0;
          text-transform: uppercase; }
          body #clusterWrap .clusterSlide.slideAll .cnFondImg .cnTable .cnTableCell span {
            font-weight: 700;
            font-size: 16px;
            display: block;
            padding: 0 10px;
            line-height: 18px; }
    body #clusterWrap .clusterSlide.slideAll .cnInner h1 {
      color: #0a2d6e;
      padding-top: 40px; }
    body #clusterWrap .clusterSlide.slideAll .cnB0 .cnTable {
      background-color: #fff; }
    body #clusterWrap .clusterSlide.slideAll .cnB1 .cnTable {
      background: #ebebeb url(../images/interface/mosaic3.png) left top repeat; }
    body #clusterWrap .clusterSlide.slideAll .cnB2 .cnTableCell {
      background-color: rgba(20, 48, 100, 0.65); }
    body #clusterWrap .clusterSlide.slideAll .cnB3 .cnTableCell {
      background-color: rgba(72, 156, 164, 0.8); }
    body #clusterWrap .clusterSlide.slideAll .cnB4 .cnTable {
      background-color: #dfdfdf; }
    body #clusterWrap .clusterSlide.slideAll .cnB5 .cnTable {
      background-color: #0a2d6e; }
    body #clusterWrap .clusterSlide.slideAll .cnB6 .cnTable {
      background-color: #5ac3cd; }
    body #clusterWrap .clusterSlide.slideAll .cnB7 .cnTable {
      background: #fff url(../images/interface/mosaic4.png) left top repeat; }
    body #clusterWrap .clusterSlide.slide {
      padding: 75px 0 0 0; }
      body #clusterWrap .clusterSlide.slide .col {
        padding: 0;
        margin: 0;
        position: relative; }
      body #clusterWrap .clusterSlide.slide .col.s2 .cnTable, body #clusterWrap .clusterSlide.slide .col.s4 .cnTable {
        height: 200px; }
      body #clusterWrap .clusterSlide.slide .cnDotted::after {
        background-image: url(../images/interface/mosaic3.png);
        position: absolute;
        top: 0px;
        left: 0px;
        content: "";
        display: block;
        background-position: 0 0;
        background-repeat: repeat;
        width: 100%;
        height: 100%;
        opacity: 0.2; }
      body #clusterWrap .clusterSlide.slide .flexslider {
        margin: 0;
        padding: 0;
        position: relative; }
        body #clusterWrap .clusterSlide.slide .flexslider ul {
          margin: 0;
          padding: 0; }
          body #clusterWrap .clusterSlide.slide .flexslider ul li {
            height: 325px;
            width: 100%;
            position: relative;
            -webkit-background-size: cover !important;
            -moz-background-size: cover !important;
            -ms-background-size: cover !important;
            background-size: cover !important; }
        body #clusterWrap .clusterSlide.slide .flexslider .flex-direction-nav {
          width: 120px;
          height: 60px;
          position: absolute;
          top: -60px;
          right: 196px; }
          body #clusterWrap .clusterSlide.slide .flexslider .flex-direction-nav li {
            width: 60px;
            height: 60px;
            float: left; }
            body #clusterWrap .clusterSlide.slide .flexslider .flex-direction-nav li a {
              width: 60px;
              height: 60px;
              opacity: 1;
              margin: 0;
              padding: 0;
              top: 0px;
              font-size: 0px; }
            body #clusterWrap .clusterSlide.slide .flexslider .flex-direction-nav li .flex-prev {
              left: 0px;
              background-image: url(../images/interface/arr-left.png);
              background-position: center center;
              background-repeat: no-repeat;
              background-color: #616161; }
            body #clusterWrap .clusterSlide.slide .flexslider .flex-direction-nav li .flex-next {
              right: 0px;
              background-image: url(../images/interface/arr-right.png);
              background-position: center center;
              background-repeat: no-repeat;
              background-color: #3a3a3a; }
      body #clusterWrap .clusterSlide.slide .readMoreWrap .cnInner {
        position: relative;
        padding-left: 60px;
        padding-top: 30px; }
        body #clusterWrap .clusterSlide.slide .readMoreWrap .cnInner .cnReadMore {
          width: 60px;
          height: 60px;
          position: absolute;
          top: -60px;
          left: 0px; }
          body #clusterWrap .clusterSlide.slide .readMoreWrap .cnInner .cnReadMore a {
            width: 60px;
            height: 60px;
            background-image: url("../images/interface/icn-plus.png");
            background-position: center;
            background-repeat: no-repeat;
            display: block; }
        body #clusterWrap .clusterSlide.slide .readMoreWrap .cnInner .cnRte li {
          margin-bottom: 10px;
          background: url(../images/interface/bullet-gris.png) 0 6px no-repeat;
          padding-left: 10px; }
        body #clusterWrap .clusterSlide.slide .readMoreWrap .cnInner .cnRte .cnSquareLink {
          margin-top: 25px; }
        body #clusterWrap .clusterSlide.slide .readMoreWrap .cnInner .cnRte .cnSquareLink:hover {
          color: #0a2d6e; }
        body #clusterWrap .clusterSlide.slide .readMoreWrap .cnInner .cnRte .cnSquareLink:hover::before {
          background: #0a2d6e; }
    body #clusterWrap .cnGreen h1, body #clusterWrap .cnGreen h2, body #clusterWrap .cnGreen .cnColor span, body #clusterWrap .cnGreen a.cnSquareLink {
      color: #03ae59; }
    body #clusterWrap .cnGreen .cnFond, body #clusterWrap .cnGreen .cnReadMore a, body #clusterWrap .cnGreen .cnSquareLink::before {
      background-color: #03ae59; }
    body #clusterWrap .cnLightGreen h1, body #clusterWrap .cnLightGreen h2, body #clusterWrap .cnLightGreen .cnColor span, body #clusterWrap .cnLightGreen a.cnSquareLink {
      color: #78dc8c; }
    body #clusterWrap .cnLightGreen .cnFond, body #clusterWrap .cnLightGreen .cnReadMore a, body #clusterWrap .cnLightGreen .cnSquareLink::before {
      background-color: #78dc8c; }
    body #clusterWrap .cnYellow h1, body #clusterWrap .cnYellow h2, body #clusterWrap .cnYellow .cnColor span, body #clusterWrap .cnYellow a.cnSquareLink {
      color: #ffd133; }
    body #clusterWrap .cnYellow .cnFond, body #clusterWrap .cnYellow .cnReadMore a, body #clusterWrap .cnYellow .cnSquareLink::before {
      background-color: #ffd133; }
    body #clusterWrap .cnPurple h1, body #clusterWrap .cnPurple h2, body #clusterWrap .cnPurple .cnColor span, body #clusterWrap .cnPurple a.cnSquareLink {
      color: #7066f4; }
    body #clusterWrap .cnPurple .cnFond, body #clusterWrap .cnPurple .cnReadMore a, body #clusterWrap .cnPurple .cnSquareLink::before {
      background-color: #7066f4; }
    body #clusterWrap .cnPink h1, body #clusterWrap .cnPink h2, body #clusterWrap .cnPink .cnColor span, body #clusterWrap .cnPink a.cnSquareLink {
      color: #e21a79; }
    body #clusterWrap .cnPink .cnFond, body #clusterWrap .cnPink .cnReadMore a, body #clusterWrap .cnPink .cnSquareLink::before {
      background-color: #e21a79; }
    body #clusterWrap .cnOrange h1, body #clusterWrap .cnOrange h2, body #clusterWrap .cnOrange .cnColor span, body #clusterWrap .cnOrange a.cnSquareLink {
      color: #f37c26; }
    body #clusterWrap .cnOrange .cnFond, body #clusterWrap .cnOrange .cnReadMore a, body #clusterWrap .cnOrange .cnSquareLink::before {
      background-color: #f37c26; }
    body #clusterWrap .cnAppleGreen h1, body #clusterWrap .cnAppleGreen h2, body #clusterWrap .cnAppleGreen .cnColor span, body #clusterWrap .cnAppleGreen a.cnSquareLink {
      color: #96c83c; }
    body #clusterWrap .cnAppleGreen .cnFond, body #clusterWrap .cnAppleGreen .cnReadMore a, body #clusterWrap .cnAppleGreen .cnSquareLink::before {
      background-color: #96c83c; }
    body #clusterWrap .cnLightBlue h1, body #clusterWrap .cnLightBlue h2, body #clusterWrap .cnLightBlue .cnColor span, body #clusterWrap .cnLightBlue a.cnSquareLink {
      color: #5ac3cd; }
    body #clusterWrap .cnLightBlue .cnFond, body #clusterWrap .cnLightBlue .cnReadMore a, body #clusterWrap .cnLightBlue .cnSquareLink::before {
      background-color: #5ac3cd; }
    body #clusterWrap .cnGrey h1, body #clusterWrap .cnGrey h2, body #clusterWrap .cnGrey .cnColor span, body #clusterWrap .cnGrey a.cnSquareLink {
      color: #b1b3b2; }
    body #clusterWrap .cnGrey .cnFond, body #clusterWrap .cnGrey .cnReadMore a, body #clusterWrap .cnGrey .cnSquareLink::before {
      background-color: #b1b3b2; }
  body .sectionInvestors {
    padding: 100px 0 115px 0;
    margin: 0 0 70px 0;
    overflow: hidden; }
    body .sectionInvestors .row {
      padding: 0 0.75rem; }
    body .sectionInvestors .col {
      padding: 0; }
    body .sectionInvestors .s5 .cnInner {
      height: 500px; }
    body .sectionInvestors .cnFirst .cnInner {
      background: url(../images/interface/mosaic5.png) top left repeat;
      padding: 70px; }
      body .sectionInvestors .cnFirst .cnInner h1 {
        color: #5ac3cd; }
      body .sectionInvestors .cnFirst .cnInner ul {
        margin: 37px 0 0 0;
        padding: 0;
        width: 805px;
        position: relative;
        z-index: 2; }
        body .sectionInvestors .cnFirst .cnInner ul li {
          width: 170px;
          height: 170px;
          float: left;
          margin: 0 1px 0 0; }
          body .sectionInvestors .cnFirst .cnInner ul li .conInner {
            padding-right: 20px; }
            body .sectionInvestors .cnFirst .cnInner ul li .conInner p {
              font-size: 18px;
              font-weight: 300; }
              body .sectionInvestors .cnFirst .cnInner ul li .conInner p strong {
                display: block;
                font-weight: 500; }
      body .sectionInvestors .cnFirst .cnInner .cnRte {
        margin-top: 225px;
        padding: 30px 0 0 65px;
        background: url(../images/interface/quote-left.png) top left no-repeat;
        float: left;
        height: 395px;
        margin-left: -65px; }
        body .sectionInvestors .cnFirst .cnInner .cnRte .cnQuote {
          position: relative;
          padding-bottom: 25px;
          margin-bottom: 20px; }
          body .sectionInvestors .cnFirst .cnInner .cnRte .cnQuote p {
            color: #0a2d6e;
            line-height: 34px;
            font-size: 24px;
            font-family: 'Roboto Slab', serif;
            font-weight: 300; }
          body .sectionInvestors .cnFirst .cnInner .cnRte .cnQuote .quoteRight {
            background: url(../images/interface/quote-right.png) top left no-repeat;
            display: block;
            width: 23px;
            height: 25px;
            position: absolute;
            bottom: 5px;
            right: -49px; }
        body .sectionInvestors .cnFirst .cnInner .cnRte span.name {
          display: block;
          font-size: 18px;
          color: #0a2d6e;
          margin: 0 0 5px 0; }
        body .sectionInvestors .cnFirst .cnInner .cnRte span.title {
          display: block;
          font-size: 13px;
          color: #0a2d6e;
          text-transform: uppercase;
          font-weight: 700; }
        body .sectionInvestors .cnFirst .cnInner .cnRte .cnSquareLink {
          margin-top: 35px;
          color: #5ac3cd; }
        body .sectionInvestors .cnFirst .cnInner .cnRte .cnSquareLink::before {
          background-color: #5ac3cd; }
        body .sectionInvestors .cnFirst .cnInner .cnRte .cnSquareLink:hover {
          color: #0a2d6e; }
        body .sectionInvestors .cnFirst .cnInner .cnRte .cnSquareLink:hover::before {
          background: #0a2d6e; }
    body .sectionInvestors .cnSecond {
      padding-top: 200px; }
      body .sectionInvestors .cnSecond .cnInner {
        height: 500px;
        width: 100%;
        position: relative;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -ms-background-size: cover !important;
        background-size: cover !important; }
        body .sectionInvestors .cnSecond .cnInner .cnBlock {
          width: 200px;
          height: 200px;
          position: absolute;
          bottom: -200px;
          right: 0px;
          background: #dfdfdf; }
        body .sectionInvestors .cnSecond .cnInner .cnBlock1 {
          width: 200px;
          height: 200px;
          position: absolute;
          bottom: -400px;
          right: 200px;
          background: #fff url(../images/interface/mosaic.png) top left repeat;
          z-index: 2; }
    body .sectionInvestors .s2 .cnInner {
      background: #dfdfdf;
      height: 200px;
      position: relative; }
      body .sectionInvestors .s2 .cnInner .cnBlock {
        height: 200px;
        width: 200px;
        background: url(../images/interface/mosaic6.png) top left repeat;
        position: absolute;
        bottom: -200px;
        right: -200px; }
  body .bannerSus {
    height: 615px;
    margin: -120px 0 0 0; }
    body .bannerSus .cnOverlay {
      background: url(../images/interface/gradient-banner.png) top left no-repeat;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 1; }
    body .bannerSus .section {
      position: relative;
      z-index: 3;
      height: 100%; }
      body .bannerSus .section .container {
        position: relative;
        height: 100%; }
      body .bannerSus .section .cnBlock1 {
        width: 200px;
        height: 49px;
        position: absolute;
        top: 0;
        right: 388px;
        background: #fff url(../images/interface/mosaic.png) top left repeat;
        z-index: 2;
        display: none; }
      body .bannerSus .section .cnInner {
        background: #fff;
        width: 400px;
        padding: 70px 40px;
        position: absolute;
        bottom: 0px;
        left: 123px; }
        body .bannerSus .section .cnInner .cnRte h1 {
          color: #5ac3cd; }
        body .bannerSus .section .cnInner .cnRte .cnSquareLink {
          margin-top: 35px;
          color: #0a2d6e; }
        body .bannerSus .section .cnInner .cnRte .cnSquareLink::before {
          background-color: #0a2d6e; }
        body .bannerSus .section .cnInner .cnRte .cnSquareLink:hover {
          color: #5ac3cd; }
        body .bannerSus .section .cnInner .cnRte .cnSquareLink:hover::before {
          background: #5ac3cd; }
  body .sectionLatestNews {
    padding-top: 90px;
    background: #fcfbfc;
    padding-bottom: 180px; }
    body .sectionLatestNews .row {
      padding: 0 0.75rem; }
    body .sectionLatestNews .col.s12 {
      padding: 0; }
      body .sectionLatestNews .col.s12 .cnInner {
        padding-bottom: 35px; }
      body .sectionLatestNews .col.s12 .cnInner h1 {
        color: #0a2d6e; }
    body .sectionLatestNews .col.s3 {
      padding: 0; }
      body .sectionLatestNews .col.s3 .cnInner {
        margin: 0;
        padding: 0; }
        body .sectionLatestNews .col.s3 .cnInner a {
          display: block;
          width: 100%;
          height: 100%;
          position: relative;
          overflow: hidden;
          -webkit-background-size: cover !important;
          -moz-background-size: cover !important;
          -ms-background-size: cover !important;
          background-size: cover !important;
          padding: 30px; }
          body .sectionLatestNews .col.s3 .cnInner a span {
            display: block;
            z-index: 5;
            position: relative; }
          body .sectionLatestNews .col.s3 .cnInner a .overlay {
            background: rgba(20, 48, 100, 0.65);
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: 1;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s; }
          body .sectionLatestNews .col.s3 .cnInner a .cnDate {
            color: #fff;
            font-size: 13px;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s; }
          body .sectionLatestNews .col.s3 .cnInner a .cnShare {
            position: absolute;
            top: 30px;
            right: 30px;
            width: 15px;
            height: 15px; }
            body .sectionLatestNews .col.s3 .cnInner a .cnShare a {
              width: 15px;
              height: 15px;
              padding: 0;
              background: url(../images/icn/icn-share-white.png) top left no-repeat;
              background-color: transparent !important; }
              body .sectionLatestNews .col.s3 .cnInner a .cnShare a svg {
                display: none !important; }
            body .sectionLatestNews .col.s3 .cnInner a .cnShare a::after {
              display: none !important; }
          body .sectionLatestNews .col.s3 .cnInner a .newBottom {
            position: absolute;
            bottom: -15px;
            left: 30px;
            padding-right: 30px;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s; }
            body .sectionLatestNews .col.s3 .cnInner a .newBottom .cnCat {
              font-size: 14px;
              color: #fff;
              text-transform: uppercase;
              margin-bottom: 20px;
              -webkit-transition: 0.5s;
              -moz-transition: 0.5s;
              -ms-transition: 0.5s;
              -o-transition: 0.5s;
              transition: 0.5s; }
            body .sectionLatestNews .col.s3 .cnInner a .newBottom .cnTitle {
              font-size: 25px;
              color: #fff;
              font-weight: 700;
              margin-bottom: 20px;
              font-family: 'Roboto Slab', serif;
              -webkit-transition: 0.2s;
              -moz-transition: 0.2s;
              -ms-transition: 0.2s;
              -o-transition: 0.2s;
              transition: 0.2s; }
            body .sectionLatestNews .col.s3 .cnInner a .newBottom .cnSquareLink {
              display: block;
              color: #5ac3cd; }
            body .sectionLatestNews .col.s3 .cnInner a .newBottom .cnSquareLink::before {
              background-color: #5ac3cd; }
            body .sectionLatestNews .col.s3 .cnInner a .newBottom .cnSquareLink:hover {
              color: #5ac3cd; }
            body .sectionLatestNews .col.s3 .cnInner a .newBottom .cnSquareLink:hover::before {
              background: #5ac3cd; }
        body .sectionLatestNews .col.s3 .cnInner a:after {
          content: '';
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          background: rgba(251, 251, 251, 0.9);
          z-index: 2;
          opacity: 0;
          -webkit-transition: 0.6s;
          -moz-transition: 0.6s;
          -ms-transition: 0.6s;
          -o-transition: 0.6s;
          transition: 0.6s;
          border: 1px solid #5ac3cd; }
        body .sectionLatestNews .col.s3 .cnInner a:hover:after {
          opacity: 1; }
        body .sectionLatestNews .col.s3 .cnInner a:hover .overlay {
          opacity: 0; }
        body .sectionLatestNews .col.s3 .cnInner a:hover .cnDate, body .sectionLatestNews .col.s3 .cnInner a:hover .cnTitle {
          color: #0a2d6e; }
        body .sectionLatestNews .col.s3 .cnInner a:hover .cnCat {
          color: #5ac3cd; }
        body .sectionLatestNews .col.s3 .cnInner a:hover .newBottom {
          bottom: 30px; }
        body .sectionLatestNews .col.s3 .cnInner a:hover .cnShare a {
          background: url(../images/icn/icn-share-blue.png) top left no-repeat; }
    body .sectionLatestNews .viewAll {
      float: right;
      padding-bottom: 0px !important;
      padding-top: 30px;
      z-index: 5;
      position: relative; }
      body .sectionLatestNews .viewAll .cnSquareLink {
        display: block;
        color: #0a2d6e; }
      body .sectionLatestNews .viewAll .cnSquareLink::before {
        background-color: #0a2d6e; }
      body .sectionLatestNews .viewAll .cnSquareLink:hover {
        color: #5ac3cd; }
      body .sectionLatestNews .viewAll .cnSquareLink:hover::before {
        background: #5ac3cd; }
  body .sectionCarrers {
    padding-bottom: 70px;
    overflow: hidden; }
    body .sectionCarrers .cnFond {
      background: #fcfbfc;
      height: 70px;
      width: 100%; }
    body .sectionCarrers .cnTxt .cnInner {
      margin: 0;
      padding: 135px 0 0 0; }
      body .sectionCarrers .cnTxt .cnInner .cnRte h1 {
        color: #5ac3cd; }
      body .sectionCarrers .cnTxt .cnInner .cnRte .cnSquareLink {
        margin-top: 65px;
        display: block;
        color: #0a2d6e; }
      body .sectionCarrers .cnTxt .cnInner .cnRte .cnSquareLink::before {
        background-color: #0a2d6e; }
      body .sectionCarrers .cnTxt .cnInner .cnRte .cnSquareLink:hover {
        color: #5ac3cd; }
      body .sectionCarrers .cnTxt .cnInner .cnRte .cnSquareLink:hover::before {
        background: #5ac3cd; }
    body .sectionCarrers .cnImg {
      margin-top: -70px;
      padding-right: 0px; }
      body .sectionCarrers .cnImg .cnInner {
        height: 500px; }
    body .sectionCarrers .col.s2 .cnInner1 {
      background: #5ac3cd;
      height: 200px;
      width: 200px;
      position: absolute;
      bottom: 0px;
      right: -200px; }
    body .sectionCarrers .col.s2 .cnInner2 {
      height: 200px;
      width: 200px;
      background: url(../images/interface/mosaic.png) top left repeat;
      position: absolute;
      bottom: -200px;
      right: 0; }
    body .sectionCarrers .row {
      position: relative; }
  body .cnBannerInner {
    position: relative; }
    body .cnBannerInner .cnPos {
      position: relative; }
    body .cnBannerInner .cnBoxWhite {
      position: relative;
      top: 0px;
      left: 0px;
      background: #fff;
      width: 440px;
      padding: 70px 42px 0 43px;
      position: absolute;
      top: 75px;
      left: 171px;
      z-index: 5;
      min-height: 326px; }
      body .cnBannerInner .cnBoxWhite .cnRte h1 {
        color: #0a2d6e; }
      body .cnBannerInner .cnBoxWhite .cnRte h2 {
        font-weight: 700;
        color: #5ac3cd;
        font-family: 'Roboto', sans-serif; }
      body .cnBannerInner .cnBoxWhite .cnRte a {
        color: #0a2d6e;
        text-decoration: underline;
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -ms-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
        font-weight: 500; }
      body .cnBannerInner .cnBoxWhite .cnRte a:hover {
        color: #5ac3cd; }
      body .cnBannerInner .cnBoxWhite .cnRte .cnSquareLink {
        margin-top: 35px;
        color: #0a2d6e;
        text-decoration: none;
        font-weight: 400; }
      body .cnBannerInner .cnBoxWhite .cnRte .cnSquareLink::before {
        background-color: #0a2d6e; }
      body .cnBannerInner .cnBoxWhite .cnRte .cnSquareLink:hover::before {
        background-color: #5ac3cd; }
  body .bannerTop {
    height: 400px; }
    body .bannerTop .cnOverlay {
      background: url(../images/interface/mosaic7.png) top left repeat;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 1; }
    body .bannerTop .cnGradient {
      background: url(../images/interface/gradient.png) right top no-repeat;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 2; }
    body .bannerTop .section {
      position: relative;
      z-index: 3;
      height: 100%; }
      body .bannerTop .section .container {
        position: relative;
        height: 100%; }
      body .bannerTop .section .cnInner {
        background: #fff;
        width: 440px;
        padding: 70px 60px 0 60px;
        position: absolute;
        bottom: 0px;
        left: 160px;
        height: 325px; }
        body .bannerTop .section .cnInner .cnRte h1 {
          color: #0a2d6e; }
        body .bannerTop .section .cnInner .cnRte h2 {
          font-weight: 700;
          color: #5ac3cd;
          font-family: 'Roboto', sans-serif; }
        body .bannerTop .section .cnInner .cnRte .cnSquareLink {
          margin-top: 35px;
          color: #0a2d6e; }
        body .bannerTop .section .cnInner .cnRte .cnSquareLink::before {
          background-color: #0a2d6e; }
  body .sectionGroupStructure {
    padding: 100px 0;
    height: 700px;
    overflow: hidden; }
    body .sectionGroupStructure .cnInner {
      padding: 0 138px 0 160px; }
    body .sectionGroupStructure .cnVertical {
      float: right;
      width: 50%; }
      body .sectionGroupStructure .cnVertical .conInner {
        margin: 0;
        padding: 0; }
        body .sectionGroupStructure .cnVertical .conInner .cnRte {
          padding: 0 0 0 75px;
          margin: -12px 0 0 0; }
          body .sectionGroupStructure .cnVertical .conInner .cnRte ul li {
            color: #0a2d6e;
            font-size: 15px;
            font-weight: 700;
            line-height: 40px; }
            body .sectionGroupStructure .cnVertical .conInner .cnRte ul li span {
              font-weight: 400; }
      body .sectionGroupStructure .cnVertical li.conInner {
        border: none;
        -webkit-transition: 0.1s;
        -moz-transition: 0.1s;
        -ms-transition: 0.1s;
        -o-transition: 0.1s;
        transition: 0.1s;
        height: 380px;
        overflow: hidden; }
        body .sectionGroupStructure .cnVertical li.conInner .scroll-pane {
          height: 380px !important;
          position: relative; }
      body .sectionGroupStructure .cnVertical li.cnAgro.flex-active-slide {
        border-left: 2px solid #03ae59; }
        body .sectionGroupStructure .cnVertical li.cnAgro.flex-active-slide .jspDrag {
          background: #03ae59; }
      body .sectionGroupStructure .cnVertical li.cnBuilding.flex-active-slide {
        border-left: 2px solid #78dc8c; }
        body .sectionGroupStructure .cnVertical li.cnBuilding.flex-active-slide .jspDrag {
          background: #78dc8c; }
      body .sectionGroupStructure .cnVertical li.cnCommercial.flex-active-slide {
        border-left: 2px solid #ffd133; }
        body .sectionGroupStructure .cnVertical li.cnCommercial.flex-active-slide .jspDrag {
          background: #ffd133; }
      body .sectionGroupStructure .cnVertical li.cnFinancial.flex-active-slide {
        border-left: 2px solid #7066f4; }
        body .sectionGroupStructure .cnVertical li.cnFinancial.flex-active-slide .jspDrag {
          background: #7066f4; }
      body .sectionGroupStructure .cnVertical li.cnHospitality.flex-active-slide {
        border-left: 2px solid #e21a79; }
        body .sectionGroupStructure .cnVertical li.cnHospitality.flex-active-slide .jspDrag {
          background: #e21a79; }
      body .sectionGroupStructure .cnVertical li.cnLife.flex-active-slide {
        border-left: 2px solid #f37c26; }
        body .sectionGroupStructure .cnVertical li.cnLife.flex-active-slide .jspDrag {
          background: #f37c26; }
      body .sectionGroupStructure .cnVertical li.cnManufacturing.flex-active-slide {
        border-left: 2px solid #96c83c; }
        body .sectionGroupStructure .cnVertical li.cnManufacturing.flex-active-slide .jspDrag {
          background: #96c83c; }
      body .sectionGroupStructure .cnVertical li.cnLogistics.flex-active-slide {
        border-left: 2px solid #5ac3cd; }
        body .sectionGroupStructure .cnVertical li.cnLogistics.flex-active-slide .jspDrag {
          background: #5ac3cd; }
      body .sectionGroupStructure .cnVertical li.cnProperty.flex-active-slide {
        border-left: 2px solid #b1b3b2; }
        body .sectionGroupStructure .cnVertical li.cnProperty.flex-active-slide .jspDrag {
          background: #b1b3b2; }
    body .sectionGroupStructure .cnVertical .cnInfo {
      position: absolute;
      bottom: -60px;
      left: 77px; }
      body .sectionGroupStructure .cnVertical .cnInfo ul {
        margin: 0px;
        padding: 0px; }
        body .sectionGroupStructure .cnVertical .cnInfo ul li {
          float: left;
          color: #3a3a3a;
          font-size: 15px;
          margin: 0 20px 0 0; }
          body .sectionGroupStructure .cnVertical .cnInfo ul li span {
            font-weight: 700; }
        body .sectionGroupStructure .cnVertical .cnInfo ul li:last-child {
          margin: 0; }
    body .sectionGroupStructure .flexslider-controls {
      margin: 0;
      padding: 0;
      float: left;
      width: 50%;
      position: relative; }
      body .sectionGroupStructure .flexslider-controls .flex-control-nav {
        margin: 0;
        padding: 0;
        position: relative;
        bottom: 0px;
        top: -5px; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li {
          display: block;
          text-align: left;
          font-size: 16px;
          color: #0a2d6e;
          position: relative;
          padding-left: 27px;
          line-height: 20px;
          margin: 0 0 20px 0;
          cursor: pointer;
          -webkit-transition: 0.8s;
          -moz-transition: 0.8s;
          -ms-transition: 0.8s;
          -o-transition: 0.8s;
          transition: 0.8s; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li span.smallBox {
          display: block;
          width: 0px;
          height: 0px;
          position: absolute;
          top: 7px;
          left: 2px;
          background: #fff; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li span.line {
          opacity: 0;
          width: 0px;
          height: 0px;
          border-top: 10px solid transparent;
          border-bottom: 10px solid transparent;
          position: absolute;
          right: 0;
          top: 48%;
          -webkit-transition: 0.3s;
          -moz-transition: 0.3s;
          -ms-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li::before {
          content: '';
          width: 10px;
          height: 10px;
          position: absolute;
          top: 5px;
          left: 0px;
          display: block;
          -webkit-transition: 0.8s;
          -moz-transition: 0.8s;
          -ms-transition: 0.8s;
          -o-transition: 0.8s;
          transition: 0.8s;
          z-index: -1; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li.flex-active::before {
          width: 100%;
          height: 100%; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li.flex-active {
          padding: 20px 40px 10px 45px;
          color: #fff !important;
          font-size: 20px;
          line-height: 30px;
          margin: 0 0 20px 0; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li.flex-active span.smallBox {
          width: 15px;
          height: 15px; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li.flex-active span.line {
          right: -13px;
          opacity: 1; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li.cnAgro::before {
          background: #03ae59; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li.cnBuilding::before {
          background: #78dc8c; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li.cnCommercial::before {
          background: #ffd133; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li.cnFinancial::before {
          background: #7066f4; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li.cnHospitality::before {
          background: #e21a79; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li.cnLife::before {
          background: #f37c26; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li.cnManufacturing::before {
          background: #96c83c; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li.cnLogistics::before {
          background: #5ac3cd; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li.cnProperty::before {
          background: #b1b3b2; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li.cnAgro span.line {
          border-left: 10px solid #03ae59; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li.cnBuilding span.line {
          border-left: 10px solid #78dc8c; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li.cnCommercial span.line {
          border-left: 10px solid #ffd133; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li.cnFinancial span.line {
          border-left: 10px solid #7066f4; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li.cnHospitality span.line {
          border-left: 10px solid #e21a79; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li.cnLife span.line {
          border-left: 10px solid #f37c26; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li.cnManufacturing span.line {
          border-left: 10px solid #96c83c; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li.cnLogistics span.line {
          border-left: 10px solid #5ac3cd; }
        body .sectionGroupStructure .flexslider-controls .flex-control-nav li.cnProperty span.line {
          border-left: 10px solid #b1b3b2; }
  body .sectionDiscoverMore {
    background: url(../images/interface/mosaic6.png) top left repeat;
    overflow: hidden; }
    body .sectionDiscoverMore .row {
      position: relative;
      z-index: 2;
      padding-top: 180px;
      padding-left: 0.75rem;
      padding-bottom: 110px; }
      body .sectionDiscoverMore .row .cnWhite {
        background: #fff;
        position: absolute;
        top: 0px;
        left: 150px;
        width: 300%;
        height: 100%;
        z-index: -1; }
      body .sectionDiscoverMore .row .cnTitre {
        position: absolute;
        top: 100px;
        left: 220px; }
      body .sectionDiscoverMore .row .cnTitre h2 {
        font-weight: 700;
        color: #5ac3cd;
        font-family: 'Roboto';
        text-transform: uppercase; }
      body .sectionDiscoverMore .row .col.s3 {
        padding: 0; }
      body .sectionDiscoverMore .row .col.s3 .cnInner {
        height: 300px;
        text-align: center;
        overflow: hidden;
        position: relative;
        width: 100.5%; }
        body .sectionDiscoverMore .row .col.s3 .cnInner .cnTable {
          width: 100%;
          height: 100%; }
        body .sectionDiscoverMore .row .col.s3 .cnInner .cnTableCell {
          -webkit-background-size: cover !important;
          -moz-background-size: cover !important;
          -ms-background-size: cover !important;
          background-size: cover !important;
          -webkit-transition: 0.8s;
          -moz-transition: 0.8s;
          -ms-transition: 0.8s;
          -o-transition: 0.8s;
          transition: 0.8s;
          padding: 0px 20px;
          background-position: center center;
          background-repeat: no-repeat;
          color: #fff;
          z-index: 2;
          position: relative;
          font-size: 20px;
          line-height: 26px; }
        body .sectionDiscoverMore .row .col.s3 .cnInner .cnTableCell:before {
          background-color: rgba(20, 48, 100, 0.65);
          content: "";
          display: block;
          width: 100%;
          position: absolute;
          top: 0px;
          left: 0px;
          z-index: -1;
          height: 300px;
          -webkit-transition: 0.8s;
          -moz-transition: 0.8s;
          -ms-transition: 0.8s;
          -o-transition: 0.8s;
          transition: 0.8s; }
        body .sectionDiscoverMore .row .col.s3 .cnInner .cnTable:hover .cnTableCell, body .sectionDiscoverMore .row .col.s3 .cnInner .cnTable:focus .cnTableCell {
          -webkit-transform: scale(1.2);
          -moz-transform: scale(1.2);
          -ms-transform: scale(1.2);
          transform: scale(1.2); }
        body .sectionDiscoverMore .row .col.s3 .cnInner .cnTable:hover .cnTableCell {
          color: #0a2d6e; }
        body .sectionDiscoverMore .row .col.s3 .cnInner .cnTable:hover .cnTableCell::before {
          background-color: rgba(251, 251, 251, 0.9); }
      body .sectionDiscoverMore .row .even .cnTableCell:before {
        background-color: rgba(20, 48, 100, 0.85) !important; }
      body .sectionDiscoverMore .row .even .cnTable:hover .cnTableCell::before {
        background-color: rgba(251, 251, 251, 0.9) !important; }
    body .sectionDiscoverMore .container, body .sectionDiscoverMore .row {
      height: 100%; }
  body .sectionReducingPoverty {
    padding: 70px 0 170px 0;
    overflow: hidden; }
    body .sectionReducingPoverty .col.s6 {
      padding-right: 0px; }
    body .sectionReducingPoverty .col.s6 .cnInner.cnDotted {
      background: url(../images/interface/mosaic5.png) top left repeat;
      height: 595px;
      width: 100%; }
      body .sectionReducingPoverty .col.s6 .cnInner.cnDotted .cnRte {
        padding: 65px 195px 0 70px; }
        body .sectionReducingPoverty .col.s6 .cnInner.cnDotted .cnRte h2 {
          font-size: 40px;
          color: #5ac3cd;
          font-weight: 300; }
        body .sectionReducingPoverty .col.s6 .cnInner.cnDotted .cnRte ul {
          margin: 0;
          padding: 0; }
          body .sectionReducingPoverty .col.s6 .cnInner.cnDotted .cnRte ul li {
            background: url(../images/interface/square-list.png) 0 4px no-repeat;
            line-height: 18px;
            padding-left: 30px;
            margin-bottom: 8px; }
    body .sectionReducingPoverty .col.s4 {
      padding: 0; }
      body .sectionReducingPoverty .col.s4 .cnInner {
        width: 500px;
        height: 500px;
        position: relative;
        top: 199px;
        left: -100px;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -ms-background-size: cover !important;
        background-size: cover !important;
        background-position: center center;
        background-repeat: no-repeat; }
        body .sectionReducingPoverty .col.s4 .cnInner .cnBlueBox {
          width: 170px;
          height: 170px;
          position: absolute;
          bottom: 55px;
          left: -85px; }
          body .sectionReducingPoverty .col.s4 .cnInner .cnBlueBox p {
            font-size: 18px;
            font-weight: 300;
            line-height: 20px; }
            body .sectionReducingPoverty .col.s4 .cnInner .cnBlueBox p strong {
              font-weight: 500; }
    body .sectionReducingPoverty .col.s2 {
      padding: 0; }
      body .sectionReducingPoverty .col.s2 .cnInner {
        height: 200px; }
      body .sectionReducingPoverty .col.s2 .cnGrey {
        background: #dfdfdf; }
      body .sectionReducingPoverty .col.s2 .cnDotted {
        background: url(../images/interface/mosaic6.png) top left repeat; }
      body .sectionReducingPoverty .col.s2 .cnBlue {
        background: #5ac3cd;
        position: relative;
        top: -200px;
        right: -200px; }
  body .sectionLatestNews.sectionNewsInner {
    padding: 70px 0 95px 0;
    margin-bottom: 50px;
    position: relative;
    background: -moz-linear-gradient(30deg, #f0f0f0 0%, #fcfcfc 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #f0f0f0), color-stop(100%, #fcfcfc));
    background: -webkit-linear-gradient(30deg, #f0f0f0 0%, #fcfcfc 100%);
    background: -o-linear-gradient(30deg, #f0f0f0 0%, #fcfcfc 100%);
    background: -ms-linear-gradient(30deg, #f0f0f0 0%, #fcfcfc 100%);
    background: linear-gradient(30deg, #f0f0f0 0%, #fcfcfc 100%); }
    body .sectionLatestNews.sectionNewsInner .col.s12 .cnInner h1 {
      color: #5ac3cd; }
    body .sectionLatestNews.sectionNewsInner .cnOverlay {
      background: url(../images/interface/gradient-banner.png) top left no-repeat;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 1; }
  body .sectionInnerCon .col.s12 .cnInner {
    width: 440px;
    padding: 0 60px 0 60px;
    margin-left: 160px; }
    body .sectionInnerCon .col.s12 .cnInner .cnRte {
      margin-top: -15px;
      position: relative;
      z-index: 5; }
      body .sectionInnerCon .col.s12 .cnInner .cnRte strong {
        color: #0a2d6e;
        text-decoration: underline; }
      body .sectionInnerCon .col.s12 .cnInner .cnRte .cnSquareLink {
        margin-top: 40px;
        width: 370px; }
  body .sectionThreeCol {
    background: url(../images/interface/mosaic5.png) top left repeat;
    height: 400px;
    margin-top: 70px; }
    body .sectionThreeCol .row {
      padding: 110px 0.75rem 0 0.75rem; }
    body .sectionThreeCol .col {
      padding: 0; }
      body .sectionThreeCol .col .cnInner {
        background-color: #0a2d6e;
        height: 400px;
        padding: 70px 40px;
        position: relative;
        z-index: 2; }
        body .sectionThreeCol .col .cnInner .cnIcon {
          width: 100px;
          height: 100px;
          background: #5ac3cd;
          position: absolute;
          top: -70px;
          left: 40px; }
        body .sectionThreeCol .col .cnInner .cnRte h2 {
          color: #5ac3cd;
          font-size: 40px;
          font-weight: 300; }
        body .sectionThreeCol .col .cnInner .cnRte p {
          color: #fff; }
        body .sectionThreeCol .col .cnInner .cnRte a {
          color: #fff;
          text-decoration: underline;
          -webkit-transition: 0.6s;
          -moz-transition: 0.6s;
          -ms-transition: 0.6s;
          -o-transition: 0.6s;
          transition: 0.6s;
          font-weight: 500; }
        body .sectionThreeCol .col .cnInner .cnRte a:hover {
          color: #5ac3cd; }
        body .sectionThreeCol .col .cnInner .cnRte .cnSquareLink {
          color: #5ac3cd;
          text-decoration: none;
          margin-top: 20px;
          font-weight: 400; }
        body .sectionThreeCol .col .cnInner .cnRte .cnSquareLink::before {
          background: #5ac3cd; }
        body .sectionThreeCol .col .cnInner .cnRte .cnSquareLink:hover {
          color: #fff; }
        body .sectionThreeCol .col .cnInner .cnRte .cnSquareLink:hover::before {
          background: #fff; }
    body .sectionThreeCol .col:nth-child(2) .cnInner {
      background-image: url(../images/interface/mosaic9.png);
      background-position: center center;
      background-repeat: repeat; }
  body .sectionBoxRepeat {
    padding: 90px 0; }
    body .sectionBoxRepeat .container {
      width: 100%;
      max-width: 100%; }
    body .sectionBoxRepeat .row {
      padding: 40px 0 0 0;
      margin: 50px 0 0 0; }
    body .sectionBoxRepeat .row.even {
      background: url(../images/interface/mosaic5.png) top left repeat;
      height: 490px; }
    body .sectionBoxRepeat .row.odd.marginRight .cnImg {
      margin-left: 220px; }
    body .sectionBoxRepeat .row.even.marginRight .cnText {
      margin-left: 220px; }
    body .sectionBoxRepeat .cnWrap {
      max-width: 1173px;
      width: 90%;
      margin: 0 auto;
      position: relative;
      z-index: 2; }
    body .sectionBoxRepeat .col {
      padding: 0; }
      body .sectionBoxRepeat .col .cnBlueBox p {
        font-size: 18px;
        font-weight: 300;
        line-height: 20px; }
        body .sectionBoxRepeat .col .cnBlueBox p strong {
          font-weight: 700; }
    body .sectionBoxRepeat .cnImg .cnInner {
      -webkit-background-size: cover !important;
      -moz-background-size: cover !important;
      -ms-background-size: cover !important;
      background-size: cover !important;
      height: 400px;
      width: 100%;
      margin-top: 70px; }
    body .sectionBoxRepeat .cnText .cnInner {
      height: 400px;
      padding: 75px 110px 75px 40px;
      background-color: #f0f0f0;
      background-image: url(../images/interface/mosaic4.png);
      background-position: center center;
      background-repeat: repeat;
      position: relative; }
      body .sectionBoxRepeat .cnText .cnInner .cnTable {
        width: 170px;
        height: 170px;
        position: absolute;
        bottom: -30px;
        right: -85px; }
      body .sectionBoxRepeat .cnText .cnInner .cnRte h2 {
        color: #5ac3cd;
        font-weight: 300;
        font-size: 40px;
        width: 315px; }
    body .sectionBoxRepeat .row.even .cnText .cnInner {
      background-image: none;
      background: #fff; }
  body .sectionInvestorsWrap {
    padding-top: 60px;
    padding-bottom: 280px;
    position: relative;
    background: url(../images/interface/greysquareswhitegradient.png) bottom left no-repeat; }
    body .sectionInvestorsWrap .col {
      padding: 0.75rem; }
    body .sectionInvestorsWrap .cnBig {
      height: 387px; }
    body .sectionInvestorsWrap .cnSmall {
      height: 148px; }
    body .sectionInvestorsWrap .cnMarginBot {
      margin-bottom: 1.5rem; }
    body .sectionInvestorsWrap .cnSharePrice .cnHeader {
      height: 88px;
      background-color: #0a2d6e;
      text-align: center;
      padding-top: 35px; }
      body .sectionInvestorsWrap .cnSharePrice .cnHeader span {
        font-size: 30px;
        color: #fff;
        font-weight: 300;
        display: block; }
        body .sectionInvestorsWrap .cnSharePrice .cnHeader span span {
          color: #5ac3cd;
          font-weight: 400;
          display: inline-block; }
    body .sectionInvestorsWrap .cnSharePrice .cnStock {
      height: 299px;
      background: #f5f5f5; }
    body .sectionInvestorsWrap .cnUpcomingEvents {
      border: 1px solid #ebebeb;
      background: #fff url(../images/interface/mosaic.png) left top repeat; }
      body .sectionInvestorsWrap .cnUpcomingEvents .cnHeader {
        height: 158px;
        position: relative;
        padding: 50px 70px 0 40px; }
        body .sectionInvestorsWrap .cnUpcomingEvents .cnHeader .cnSquareLink {
          position: absolute;
          top: 21px;
          right: 17px;
          color: #5ac3cd; }
        body .sectionInvestorsWrap .cnUpcomingEvents .cnHeader .cnSquareLink:hover {
          color: #0a2d6e; }
        body .sectionInvestorsWrap .cnUpcomingEvents .cnHeader .cnSquareLink:hover::before {
          background: #0a2d6e; }
        body .sectionInvestorsWrap .cnUpcomingEvents .cnHeader .cnSquareLink::before {
          background: #5ac3cd; }
        body .sectionInvestorsWrap .cnUpcomingEvents .cnHeader .titre {
          font-size: 30px;
          color: #0a2d6e;
          font-weight: 300;
          line-height: 30px; }
      body .sectionInvestorsWrap .cnUpcomingEvents .cnLast {
        height: 227px; }
        body .sectionInvestorsWrap .cnUpcomingEvents .cnLast .scroll-pane {
          height: 227px !important;
          position: relative; }
          body .sectionInvestorsWrap .cnUpcomingEvents .cnLast .scroll-pane h2 {
            font-size: 20px;
            color: #0a2d6e;
            font-weight: 300;
            margin: 0 40px; }
          body .sectionInvestorsWrap .cnUpcomingEvents .cnLast .scroll-pane ul {
            margin: 0;
            padding: 0; }
            body .sectionInvestorsWrap .cnUpcomingEvents .cnLast .scroll-pane ul li {
              margin: 0;
              padding: 35px 20px;
              float: left;
              width: 50%;
              height: 210px;
              background: #fff;
              border: 1px solid #ebebeb; }
              body .sectionInvestorsWrap .cnUpcomingEvents .cnLast .scroll-pane ul li p.add {
                margin-bottom: 10px; }
              body .sectionInvestorsWrap .cnUpcomingEvents .cnLast .scroll-pane ul li h2 {
                font-weight: 700;
                font-size: 20px; }
                body .sectionInvestorsWrap .cnUpcomingEvents .cnLast .scroll-pane ul li h2 a {
                  color: #5ac3cd;
                  font-family: 'Roboto Slab', serif;
                  -webkit-transition: 0.6s;
                  -moz-transition: 0.6s;
                  -ms-transition: 0.6s;
                  -o-transition: 0.6s;
                  transition: 0.6s; }
                body .sectionInvestorsWrap .cnUpcomingEvents .cnLast .scroll-pane ul li h2 a:hover {
                  color: #0a2d6e; }
    body .sectionInvestorsWrap .cnLatest {
      background-color: #5ac3cd;
      padding: 40px; }
      body .sectionInvestorsWrap .cnLatest .titre {
        color: #fff;
        font-size: 22px;
        font-weight: 300;
        line-height: 32px; }
      body .sectionInvestorsWrap .cnLatest .cnImg {
        margin-top: 20px; }
      body .sectionInvestorsWrap .cnLatest .cnSquareLink {
        margin-top: 15px; }
      body .sectionInvestorsWrap .cnLatest .cnSquareLink:hover {
        color: #fff; }
      body .sectionInvestorsWrap .cnLatest .cnSquareLink:hover::before {
        background: #fff; }
    body .sectionInvestorsWrap .colFourth .cnSmall {
      background: #5ac3cd;
      padding: 25px 40px; }
      body .sectionInvestorsWrap .colFourth .cnSmall .titre {
        color: #fff;
        font-size: 30px;
        font-weight: 300;
        line-height: 32px; }
      body .sectionInvestorsWrap .colFourth .cnSmall .cnSquareLink {
        margin-top: 20px; }
      body .sectionInvestorsWrap .colFourth .cnSmall .cnSquareLink:hover {
        color: #fff; }
      body .sectionInvestorsWrap .colFourth .cnSmall .cnSquareLink:hover::before {
        background: #fff; }
    body .sectionInvestorsWrap .colFourth .cnBig {
      background: #0a2d6e; }
      body .sectionInvestorsWrap .colFourth .cnBig .cnHeader {
        height: 130px;
        position: relative;
        padding: 50px 65px 0 40px; }
        body .sectionInvestorsWrap .colFourth .cnBig .cnHeader .cnSquareLink {
          position: absolute;
          top: 21px;
          right: 17px;
          color: #5ac3cd; }
        body .sectionInvestorsWrap .colFourth .cnBig .cnHeader .cnSquareLink:hover {
          color: #fff; }
        body .sectionInvestorsWrap .colFourth .cnBig .cnHeader .cnSquareLink:hover::before {
          background: #fff; }
        body .sectionInvestorsWrap .colFourth .cnBig .cnHeader .cnSquareLink::before {
          background: #5ac3cd; }
        body .sectionInvestorsWrap .colFourth .cnBig .cnHeader .titre {
          font-size: 30px;
          color: #fff;
          font-weight: 300;
          line-height: 30px; }
      body .sectionInvestorsWrap .colFourth .cnBig .cnLast {
        height: 228px; }
        body .sectionInvestorsWrap .colFourth .cnBig .cnLast .scroll-pane {
          height: 228px !important;
          position: relative; }
          body .sectionInvestorsWrap .colFourth .cnBig .cnLast .scroll-pane ul {
            margin: 0;
            padding: 0; }
            body .sectionInvestorsWrap .colFourth .cnBig .cnLast .scroll-pane ul li {
              margin: 0;
              padding: 0;
              padding-left: 25px;
              background-position: center center;
              background-repeat: no-repeat;
              -webkit-background-size: cover !important;
              -moz-background-size: cover !important;
              -ms-background-size: cover !important;
              background-size: cover !important;
              float:left;
              width: 100%;
              margin-bottom: 2px;
             }
              body .sectionInvestorsWrap .colFourth .cnBig .cnLast .scroll-pane ul li a {
                display: block;
                width: 100%;
                height: 25px;
                line-height: 25px;
                padding-left: 25px;
                margin-bottom: 5px;
                color: #fff;
                background: url(../images/icn/icnDownloadWhite.png) left 3px no-repeat;
              background-size: 20px; 
              padding-top: 10px;
            }
                body .sectionInvestorsWrap .colFourth .cnBig .cnLast .scroll-pane ul li a .date {
                  color: #fff;
                  margin-bottom: 12px;
                  -webkit-transition: 0.6s;
                  -moz-transition: 0.6s;
                  -ms-transition: 0.6s;
                  -o-transition: 0.6s;
                  transition: 0.6s; }
                body .sectionInvestorsWrap .colFourth .cnBig .cnLast .scroll-pane ul li a .titre {
                  color: #fff;
                  font-size: 14px;
                  font-weight: 300;
                  line-height: 14px;
                  -webkit-transition: 0.6s;
                  -moz-transition: 0.6s;
                  -ms-transition: 0.6s;
                  -o-transition: 0.6s;
                  transition: 0.6s; 
                  float: left;
                  width: 100%;
                }
                body .sectionInvestorsWrap .colFourth .cnBig .cnLast .scroll-pane ul li a .cnDownload {
                  display: block;
                  position: absolute;
                  bottom: 14px;
                  right: 14px;
                  background: url(../images/icn/icnDownload.png) top left no-repeat;
                  width: 20px;
                  height: 20px; }
              body .sectionInvestorsWrap .colFourth .cnBig .cnLast .scroll-pane ul li a:hover .date, body .sectionInvestorsWrap .colFourth .cnBig .cnLast .scroll-pane ul li a:hover .titre {
                color: #5ac3cd; }
    body .sectionInvestorsWrap .colFifth .cnTop {
      -webkit-background-size: cover !important;
      -moz-background-size: cover !important;
      -ms-background-size: cover !important;
      background-size: cover !important;
      width: 100%;
      background-position: center center;
      background-repeat: no-repeat;
      margin-bottom: 1.5rem; }
      body .sectionInvestorsWrap .colFifth .cnTop .conInner {
        height: 100%;
        width: 100%;
        background: rgba(20, 48, 100, 0.6);
        padding: 90px 40px; }
        body .sectionInvestorsWrap .colFifth .cnTop .conInner h2 {
          color: #fff;
          font-size: 30px;
          line-height: 35px;
          font-weight: 300;
          margin-bottom: 30px; }
        body .sectionInvestorsWrap .colFifth .cnTop .conInner p {
          color: #fff;
          line-height: 20px; }
        body .sectionInvestorsWrap .colFifth .cnTop .conInner .cnSquareLink {
          margin-top: 30px;
          color: #5ac3cd; }
        body .sectionInvestorsWrap .colFifth .cnTop .conInner .cnSquareLink:hover {
          color: #fff; }
        body .sectionInvestorsWrap .colFifth .cnTop .conInner .cnSquareLink:hover::before {
          background: #fff; }
        body .sectionInvestorsWrap .colFifth .cnTop .conInner .cnSquareLink::before {
          background: #5ac3cd; }
    body .sectionInvestorsWrap .colFifth .cnSmall {
      background: #5ac3cd;
      padding: 25px 40px; }
      body .sectionInvestorsWrap .colFifth .cnSmall .titre {
        color: #fff;
        font-size: 30px;
        font-weight: 300;
        line-height: 32px; }
      body .sectionInvestorsWrap .colFifth .cnSmall .cnSquareLink {
        margin-top: 20px; }
      body .sectionInvestorsWrap .colFifth .cnSmall .cnSquareLink:hover {
        color: #fff; }
      body .sectionInvestorsWrap .colFifth .cnSmall .cnSquareLink:hover::before {
        background: #fff; }
    body .sectionInvestorsWrap .colSixth .cnSmall {
      background: #ebebeb;
      padding: 25px 40px; }
      body .sectionInvestorsWrap .colSixth .cnSmall .titre {
        color: #0a2d6e;
        font-size: 30px;
        font-weight: 300;
        line-height: 32px; }
      body .sectionInvestorsWrap .colSixth .cnSmall .cnSquareLink {
        margin-top: 20px; }
      body .sectionInvestorsWrap .colSixth .cnSmall .cnSquareLink:hover {
        color: #5ac3cd; }
      body .sectionInvestorsWrap .colSixth .cnSmall .cnSquareLink:hover::before {
        background: #5ac3cd; }
    body .sectionInvestorsWrap .colSixth .cnBottom {
      background: #0a2d6e;
      padding: 30px 40px; }
      body .sectionInvestorsWrap .colSixth .cnBottom h2 {
        color: #fff;
        font-size: 30px;
        font-weight: 300; }
      body .sectionInvestorsWrap .colSixth .cnBottom .cnName {
        margin: 0;
        padding: 20px 0 0 0; }
        body .sectionInvestorsWrap .colSixth .cnBottom .cnName p {
          color: #fff; }
        body .sectionInvestorsWrap .colSixth .cnBottom .cnName .name {
          font-weight: bold; }
      body .sectionInvestorsWrap .colSixth .cnBottom .cnImg {
        margin: 40px 0 38px 0;
        width: 150px;
        height: 150px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%; }
        body .sectionInvestorsWrap .colSixth .cnBottom .cnImg img {
          width: 100%;
          border-radius: 50%;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%; }
      body .sectionInvestorsWrap .colSixth .cnBottom .cnSquareLink {
        color: #5ac3cd; }
      body .sectionInvestorsWrap .colSixth .cnBottom .cnSquareLink:hover {
        color: #fff; }
      body .sectionInvestorsWrap .colSixth .cnBottom .cnSquareLink:hover::before {
        background: #fff; }
      body .sectionInvestorsWrap .colSixth .cnBottom .cnSquareLink::before {
        background: #5ac3cd; }
  body .sectionAnnualReports {
    padding: 55px 0;
    background: #ebebeb;
    overflow: hidden; }
    body .sectionAnnualReports .cnSliderRight {
      float: right;
      max-width: 1350px;
      width: 1350px; }
      body .sectionAnnualReports .cnSliderRight .cnTitle h2 {
        font-size: 30px;
        color: #5ac3cd;
        font-weight: 300;
        line-height: 45px; }
      body .sectionAnnualReports .cnSliderRight .cnTop {
        position: relative;
        padding-bottom: 35px;
        max-width: 1075px; }
      body .sectionAnnualReports .cnSliderRight .cnFilter {
        position: absolute;
        top: 20px;
        right: 90px; }
        body .sectionAnnualReports .cnSliderRight .cnFilter ul {
          margin: 0;
          padding: 0;
          overflow: hidden; }
          body .sectionAnnualReports .cnSliderRight .cnFilter ul li {
            float: left;
            margin: 0 30px 0 0;
            padding: 0; }
            body .sectionAnnualReports .cnSliderRight .cnFilter ul li a {
              font-family: 'Roboto';
              font-size: 16px;
              text-transform: uppercase;
              color: #5ac3cd;
              font-weight: 700;
              position: relative;
              height: 30px;
              display: inline-block;
              -webkit-transition: 0.6s;
              -moz-transition: 0.6s;
              -ms-transition: 0.6s;
              -o-transition: 0.6s;
              transition: 0.6s; }
            body .sectionAnnualReports .cnSliderRight .cnFilter ul li a:hover {
              color: #0a2d6e; }
            body .sectionAnnualReports .cnSliderRight .cnFilter ul li a::before {
              content: "";
              display: block;
              position: absolute;
              left: 0;
              right: 0;
              margin: auto;
              width: 13px;
              height: 6px;
              bottom: 0px;
              background: url(../images/icn/radio-check.png) top left no-repeat;
              display: none; }
            body .sectionAnnualReports .cnSliderRight .cnFilter ul li a.active::before {
              display: block; }
            body .sectionAnnualReports .cnSliderRight .cnFilter ul li a.active {
              color: #0a2d6e; }
          body .sectionAnnualReports .cnSliderRight .cnFilter ul li:last-child {
            margin: 0; }
      body .sectionAnnualReports .cnSliderRight .swiper-container {
        height: 340px; }
        body .sectionAnnualReports .cnSliderRight .swiper-container .swiper-pagination {
          bottom: 10px; }
      body .sectionAnnualReports .cnSliderRight .swiper-slide {
        width: 238px !important;
        height: 300px;
        position: relative; }
        body .sectionAnnualReports .cnSliderRight .swiper-slide a {
          display: block;
          width: 238px;
          height: 300px;
          padding: 0; }
        body .sectionAnnualReports .cnSliderRight .swiper-slide .cnOverFirst {
          position: absolute;
          top: 0px;
          left: 0px;
          width: 236px;
          height: 298px;
          z-index: 1;
          background: rgba(251, 251, 251, 0.9);
          border: 1px solid;
          border-color: #fff;
          -webkit-transition: 0.6s;
          -moz-transition: 0.6s;
          -ms-transition: 0.6s;
          -o-transition: 0.6s;
          transition: 0.6s; }
        body .sectionAnnualReports .cnSliderRight .swiper-slide .date {
          position: absolute;
          top: 20px;
          left: 20px;
          font-size: 13px;
          color: #0a2d6e; }
        body .sectionAnnualReports .cnSliderRight .swiper-slide .share {
          position: absolute;
          top: 20px;
          right: 20px; }
          body .sectionAnnualReports .cnSliderRight .swiper-slide .share a {
            width: 15px;
            height: 15px;
            padding: 0;
            background: url(../images/icn/icn-share-lblue.png) top left no-repeat;
            background-color: transparent !important; }
            body .sectionAnnualReports .cnSliderRight .swiper-slide .share a svg {
              display: none !important; }
          body .sectionAnnualReports .cnSliderRight .swiper-slide .share a::after {
            display: none !important; }
        body .sectionAnnualReports .cnSliderRight .swiper-slide .titre {
          position: absolute;
          bottom: 50px;
          left: 20px;
          color: #0a2d6e;
          font-size: 25px;
          font-weight: 700;
          text-align: left;
          line-height: 30px; }
        body .sectionAnnualReports .cnSliderRight .swiper-slide .download {
          position: absolute;
          right: 20px;
          bottom: 20px;
          background: url(../images/icn/icnDownload.png) top left no-repeat;
          width: 20px;
          height: 20px; }
        body .sectionAnnualReports .cnSliderRight .swiper-slide .cnSquareLink {
          position: absolute;
          bottom: 20px;
          left: 20px;
          text-align: left;
          padding: 0 0 0 20px;
          height: 15px;
          width: auto !important;
          display: inline-block !important;
          color: #5ac3cd; }
      body .sectionAnnualReports .cnSliderRight .swiper-slide.cnFirst .cnOverFirst {
        opacity: 0;
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -ms-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s; }
      body .sectionAnnualReports .cnSliderRight .swiper-slide.cnFirst:hover .cnOverFirst {
        opacity: 1; }
      body .sectionAnnualReports .cnSliderRight .swiper-slide .cnOverFirst:hover {
        border-color: #5ac3cd; }
      body .sectionAnnualReports .cnSliderRight .swiper-slide.cnFirst .cnOverFirst {
        width: 237px; }
  body .sectionFinancialPresentations {
    background: url(../images/interface/mosaic5.png) top left repeat;
    padding: 55px 0; }
    body .sectionFinancialPresentations .cnTitle {
      padding-bottom: 45px; }
      body .sectionFinancialPresentations .cnTitle h2 {
        font-size: 40px;
        color: #5ac3cd;
        font-weight: 300; }
    body .sectionFinancialPresentations .colLeft {
      margin: 0;
      padding: 0; }
      body .sectionFinancialPresentations .colLeft .titre {
        margin: 0 0 15px 0; }
        body .sectionFinancialPresentations .colLeft .titre p {
          color: #0a2d6e;
          text-transform: uppercase;
          font-size: 16px;
          font-weight: 700; }
      body .sectionFinancialPresentations .colLeft .cnImg {
        height: 250px;
        background: #0a2d6e; }
        body .sectionFinancialPresentations .colLeft .cnImg img {
          width: 100%; }
    body .sectionFinancialPresentations .colRight {
      background: #fff;
      height: 300px;
      padding: 20px; }
      body .sectionFinancialPresentations .colRight .cnFilter {
        height: 50px;
        overflow: hidden; }
        body .sectionFinancialPresentations .colRight .cnFilter ul {
          margin: 0;
          padding: 0;
          overflow: hidden;
          float: right; }
          body .sectionFinancialPresentations .colRight .cnFilter ul li {
            float: left;
            margin: 0 30px 0 0;
            padding: 0; }
            body .sectionFinancialPresentations .colRight .cnFilter ul li a {
              font-family: 'Roboto';
              font-size: 16px;
              text-transform: uppercase;
              color: #5ac3cd;
              font-weight: 700;
              height: 30px;
              display: inline-block;
              position: relative;
              -webkit-transition: 0.6s;
              -moz-transition: 0.6s;
              -ms-transition: 0.6s;
              -o-transition: 0.6s;
              transition: 0.6s; }
            body .sectionFinancialPresentations .colRight .cnFilter ul li a:hover {
              color: #0a2d6e; }
            body .sectionFinancialPresentations .colRight .cnFilter ul li a::before {
              content: "";
              display: block;
              position: absolute;
              left: 0;
              right: 0;
              margin: auto;
              width: 13px;
              height: 6px;
              bottom: 0px;
              background: url(../images/icn/radio-check.png) top left no-repeat;
              display: none; }
            body .sectionFinancialPresentations .colRight .cnFilter ul li a.active::before {
              display: block; }
            body .sectionFinancialPresentations .colRight .cnFilter ul li a.active {
              color: #0a2d6e; }
          body .sectionFinancialPresentations .colRight .cnFilter ul li:last-child {
            margin: 0; }
      body .sectionFinancialPresentations .colRight .cnTableau .scroll-pane {
        height: 220px !important;
        position: relative; }
      body .sectionFinancialPresentations .colRight .cnTableau .divTableRow.cnFirst .divTableCell:first-child {
        color: #0a2d6e;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 20px;
        padding: 0 14% 10px 0; }
      body .sectionFinancialPresentations .colRight .cnTableau .divTableRow.cnFirst .divTableCell {
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        border-top: none;
        border-bottom: 1px solid #f2f2f2; }
      body .sectionFinancialPresentations .colRight .cnTableau .divTableCell {
        width: 15%;
        padding: 18px 0;
        font-family: 'Roboto';
        border-top: 1px solid #f2f2f2; }
        body .sectionFinancialPresentations .colRight .cnTableau .divTableCell a {
          color: #3a3a3a;
          font-size: 14px;
          text-transform: uppercase;
          background: url(../images/icn/icnDownload.png) right center no-repeat;
          height: 20px;
          line-height: 23px;
          display: inline-block;
          padding: 0 30px 0 0; }
      body .sectionFinancialPresentations .colRight .cnTableau .divTableCell:first-child {
        width: 40%; }
  body .sectionAnnouncements {
    height: 500px;
    background: none;
    padding-top: 55px !important; }
    body .sectionAnnouncements .cnOverlay {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
      background: rgba(20, 48, 100, 0.65); }
    body .sectionAnnouncements .container {
      width: 100%;
      max-width: 100%; }
    body .sectionAnnouncements .cnSliderRight {
      float: right;
      max-width: 1350px;
      width: 1350px; }
      body .sectionAnnouncements .cnSliderRight .cnTop {
        position: relative;
        z-index: 1;
        padding-bottom: 35px; }
        body .sectionAnnouncements .cnSliderRight .cnTop h2 {
          color: #fff;
          font-size: 40px;
          font-weight: 300; }
    body .sectionAnnouncements .swiper-pagination {
      display: none; }
    body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 {
      width: 300px;
      height: 300px;
      margin-right: 0px !important; }
      body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner {
        width: 300px !important;
        height: 300px !important;
        text-align: left; }
        body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap {
          display: block;
          width: 100%;
          height: 100%;
          position: relative;
          overflow: hidden;
          -webkit-background-size: cover !important;
          -moz-background-size: cover !important;
          -ms-background-size: cover !important;
          background-size: cover !important;
          padding: 30px; }
          body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap span {
            display: block;
            z-index: 5;
            position: relative; }
          body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap .overlay {
            background: rgba(20, 48, 100, 0.65);
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: 1;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s; }
          body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap .cnDate {
            color: #fff;
            font-size: 13px;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s; }
          body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap .cnShare {
            position: absolute;
            top: 30px;
            right: 30px;
            width: 15px;
            height: 15px; }
            body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap .cnShare a {
              width: 15px;
              height: 15px;
              padding: 0;
              background: url(../images/icn/icn-share-white.png) top left no-repeat;
              background-color: transparent !important; }
              body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap .cnShare a svg {
                display: none !important; }
            body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap .cnShare a::after {
              display: none !important; }
          body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap .newBottom {
            position: absolute;
            bottom: -15px;
            left: 30px;
            padding-right: 30px;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s; }
            body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap .newBottom .cnCat {
              font-size: 14px;
              color: #fff;
              text-transform: uppercase;
              margin-bottom: 20px;
              -webkit-transition: 0.5s;
              -moz-transition: 0.5s;
              -ms-transition: 0.5s;
              -o-transition: 0.5s;
              transition: 0.5s; }
            body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap .newBottom .cnTitle {
              font-size: 25px;
              color: #fff;
              font-weight: 700;
              margin-bottom: 20px;
              font-family: 'Roboto Slab', serif;
              -webkit-transition: 0.2s;
              -moz-transition: 0.2s;
              -ms-transition: 0.2s;
              -o-transition: 0.2s;
              transition: 0.2s; }
            body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap .newBottom .cnSquareLink {
              display: block;
              color: #5ac3cd;
              padding: 0 0 0 20px; }
            body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap .newBottom .cnSquareLink::after {
              display: none; }
            body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap .newBottom .cnSquareLink::before {
              background-color: #5ac3cd; }
            body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap .newBottom .cnSquareLink:hover {
              color: #5ac3cd; }
            body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap .newBottom .cnSquareLink:hover::before {
              background: #5ac3cd; }
        body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap a:after {
          content: '';
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          background: rgba(251, 251, 251, 0.9);
          z-index: 2;
          opacity: 0;
          -webkit-transition: 0.6s;
          -moz-transition: 0.6s;
          -ms-transition: 0.6s;
          -o-transition: 0.6s;
          transition: 0.6s;
          border: 1px solid #5ac3cd; }
        body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap:hover a:after {
          opacity: 1; }
        body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap:hover .overlay {
          background: rgba(251, 251, 251, 0.9); }
        body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap:hover .cnDate, body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap:hover .cnTitle {
          color: #0a2d6e; }
        body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap:hover .cnCat {
          color: #5ac3cd; }
        body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap:hover .newBottom {
          bottom: 30px; }
        body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap:hover .cnShare a {
          background: url(../images/icn/icn-share-lblue.png) top left no-repeat; }
        body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap:hover .download {
          opacity: 1; }
        body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .download {
          position: absolute;
          right: 20px;
          bottom: 1px;
          background: url(../images/icn/icnDownload.png) top left no-repeat;
          width: 20px;
          height: 20px;
          opacity: 0;
          padding: 0;
          -webkit-transition: 0.6s;
          -moz-transition: 0.6s;
          -ms-transition: 0.6s;
          -o-transition: 0.6s;
          transition: 0.6s; }
        body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .download::after {
          display: none; }
  body .sectionShareholdersEvent {
    background: url(../images/interface/mosaic5.png) top left repeat;
    padding: 55px 0;
    height: 500px;
    position: relative;
    overflow: hidden; }
    body .sectionShareholdersEvent .container {
      position: relative;
      z-index: 2; }
    body .sectionShareholdersEvent .cnOverlay {
      height: 500px;
      position: absolute;
      top: 0px;
      left: 40%;
      width: 200%;
      background: #fff; }
    body .sectionShareholdersEvent .cnTitle {
      padding-bottom: 45px; }
      body .sectionShareholdersEvent .cnTitle h2 {
        font-size: 40px;
        color: #5ac3cd;
        font-weight: 300; }
    body .sectionShareholdersEvent .colLeft .titre {
      margin: 0 0 15px 0; }
      body .sectionShareholdersEvent .colLeft .titre p {
        color: #0a2d6e;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 700; }
    body .sectionShareholdersEvent .colLeft .cnCon {
      background: #ebebeb;
      padding: 14px; }
      body .sectionShareholdersEvent .colLeft .cnCon .inner {
        background: #fff;
        padding: 40px 60px 40px 20px;
        height: 245px; }
        body .sectionShareholdersEvent .colLeft .cnCon .inner a {
          margin-top: 15px;
          display: inline-block;
          color: #5ac3cd;
          font-size: 20px;
          font-family: 'Roboto Slab', serif;
          line-height: 25px; }
    body .sectionShareholdersEvent .colRight {
      margin: 0;
      padding: 0; }
      body .sectionShareholdersEvent .colRight .scroll-pane {
        height: 325px;
        background: #fff; }
      body .sectionShareholdersEvent .colRight .cnAccordion {
        margin: 0;
        padding: 0 15px 0 0; }
        body .sectionShareholdersEvent .colRight .cnAccordion h2 {
          font-size: 20px;
          color: #5ac3cd;
          font-weight: 300;
          margin: 20px 0 0 20px; }
        body .sectionShareholdersEvent .colRight .cnAccordion .collapsible {
          border: none;
          box-shadow: none;
          -moz-box-shadow: none;
          -webkit-box-shadow: none; }
          body .sectionShareholdersEvent .colRight .cnAccordion .collapsible li:last-child .collapsible-header {
            border-bottom: 1px solid #f2f2f2 !important; }
          body .sectionShareholdersEvent .colRight .cnAccordion .collapsible .cnTop {
            width: 100%; }
          body .sectionShareholdersEvent .colRight .cnAccordion .collapsible .collapsible-header {
            padding: 22px;
            border-top: 1px solid #f2f2f2 !important;
            border: none;
            -webkit-transition: 0.6s;
            -moz-transition: 0.6s;
            -ms-transition: 0.6s;
            -o-transition: 0.6s;
            transition: 0.6s;
            position: relative; }
            body .sectionShareholdersEvent .colRight .cnAccordion .collapsible .collapsible-header .cnFloat {
              float: left;
              width: 32%; }
            body .sectionShareholdersEvent .colRight .cnAccordion .collapsible .collapsible-header .cnFirst p {
              color: #3a3a3a;
              font-size: 14px;
              font-weight: 700; }
            body .sectionShareholdersEvent .colRight .cnAccordion .collapsible .collapsible-header .cnSecond p {
              color: #5ac3cd;
              font-size: 14px;
              text-transform: uppercase;
              font-weight: 700; }
            body .sectionShareholdersEvent .colRight .cnAccordion .collapsible .collapsible-header .cnThird p {
              color: #3a3a3a; }
      body .sectionShareholdersEvent .colRight .collapsible-header::before {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        background: url(../images/icn/icon-open.png) top left no-repeat;
        position: absolute;
        right: 22px;
        top: 21px; }
      body .sectionShareholdersEvent .colRight .collapsible-header.active::before {
        background: url(../images/icn/icon-close.png) top left no-repeat; }
      body .sectionShareholdersEvent .colRight .collapsible-body {
        border: none;
        padding: 22px;
        background: #fff; }
        body .sectionShareholdersEvent .colRight .collapsible-body .colLeft {
          float: left;
          width: 32%;
          position: relative; }
          body .sectionShareholdersEvent .colRight .collapsible-body .colLeft .contact {
            text-transform: uppercase;
            font-size: 13px;
            font-weight: 700;
            margin-bottom: 5px; }
          body .sectionShareholdersEvent .colRight .collapsible-body .colLeft p {
            font-weight: 500; }
          body .sectionShareholdersEvent .colRight .collapsible-body .colLeft .cnSquareLink {
            color: #5ac3cd;
            margin-top: 10px; }
          body .sectionShareholdersEvent .colRight .collapsible-body .colLeft .cnSquareLink::before {
            background: #5ac3cd; }
          body .sectionShareholdersEvent .colRight .collapsible-body .colLeft .cnRte li {
            background: url(../images/interface/square-list.png) 0 4px no-repeat;
            line-height: 18px;
            padding-left: 30px;
            margin-bottom: 8px; }
        body .sectionShareholdersEvent .colRight .collapsible-body .colRight {
          float: right;
          width: 68%; }
  body .sectionCorporateGovernance {
    background: #5ac3cd;
    padding: 55px 0; }
    body .sectionCorporateGovernance .col.s8 .cnInner .cnRte h1 {
      color: #0a2d6e;
      font-size: 40px;
      font-weight: 300;
      margin-bottom: 35px; }
    body .sectionCorporateGovernance .col.s8 .cnInner .cnRte h2 {
      color: #0a2d6e;
      text-transform: uppercase;
      font-family: 'Roboto';
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 25px; }
    body .sectionCorporateGovernance .col.s8 .cnInner .cnRte p {
      color: #fff;
      font-size: 13px; }
      body .sectionCorporateGovernance .col.s8 .cnInner .cnRte p strong {
        font-size: 15px; }
    body .sectionCorporateGovernance .col.s8 .cnInner .cnDownloads .scroll-pane {
      height: 250px !important; }
      body .sectionCorporateGovernance .col.s8 .cnInner .cnDownloads .scroll-pane .jspTrack {
        background: #8cd5dc; }
      body .sectionCorporateGovernance .col.s8 .cnInner .cnDownloads .scroll-pane .jspDrag {
        background: #fff; }
    body .sectionCorporateGovernance .col.s8 .cnInner .cnDownloads ul {
      margin: 25px 20px 0 0;
      border-top: 1px solid #f2f2f2; }
      body .sectionCorporateGovernance .col.s8 .cnInner .cnDownloads ul li {
        height: 60px;
        line-height: 60px;
        border-top: 1px solid #f2f2f2; }
        body .sectionCorporateGovernance .col.s8 .cnInner .cnDownloads ul li a {
          color: #fff;
          display: block;
          position: relative;
          padding: 0 20px; }
          body .sectionCorporateGovernance .col.s8 .cnInner .cnDownloads ul li a span {
            position: absolute;
            top: 0px;
            right: 20px;
            font-size: 14px;
            padding: 0 40px 0 0;
            background: url(../images/icn/icnDownloadWhite.png) right 18px no-repeat; }
      body .sectionCorporateGovernance .col.s8 .cnInner .cnDownloads ul li:last-child {
        border-bottom: 1px solid #f2f2f2; }
    body .sectionCorporateGovernance .cnRight {
      padding: 125px 0 0 0; }
      body .sectionCorporateGovernance .cnRight .cnTable {
        height: 175px;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -ms-background-size: cover !important;
        background-size: cover !important; }
        body .sectionCorporateGovernance .cnRight .cnTable a {
          font-size: 20px;
          font-family: 'Roboto Slab', serif; }
          body .sectionCorporateGovernance .cnRight .cnTable a span {
            font-weight: 500 !important; }
      body .sectionCorporateGovernance .cnRight .cnTable.cnBlueBox:after {
        background: #fff; }
      body .sectionCorporateGovernance .cnRight .cnTable .conInner {
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        background-color: rgba(20, 48, 100, 0.65); }
      body .sectionCorporateGovernance .cnRight .cnTable:hover .conInner {
        color: #0a2d6e;
        background-color: transparent; }
      body .sectionCorporateGovernance .cnRight .cnTable.cnBlueBox span.wrap::before {
        background: url(../images/interface/arrow-blue.png) top left no-repeat; }
  body .sectionMissionValues {
    margin: -105px 0 0 0;
    padding: 200px 0 100px 0;
    overflow: hidden; }
    body .sectionMissionValues .cnInner {
      position: relative; }
    body .sectionMissionValues .cnSquare {
      position: absolute;
      width: 200px;
      height: 200px; }
    body .sectionMissionValues .cnBoxGrey {
      background: #dfdfdf;
      left: 930px;
      top: -200px; }
    body .sectionMissionValues .cnBoxDotted {
      background: url(../images/interface/mosaic6.png) top left repeat;
      left: 930px;
      top: 200px; }
    body .sectionMissionValues .cnBoxLBlue {
      background: #5ac3cd;
      left: 1130px;
      top: 400px;
      z-index: 5; }
    body .sectionMissionValues .flexslider-controls {
      position: absolute;
      top: 40px;
      left: 0px;
      z-index: 10; }
      body .sectionMissionValues .flexslider-controls .flex-control-nav {
        position: relative;
        bottom: inherit; }
        body .sectionMissionValues .flexslider-controls .flex-control-nav li {
          width: 170px;
          height: 170px;
          background: #0a2d6e;
          float: left;
          margin: 0 1px 0 0;
          padding: 0;
          position: relative;
          cursor: pointer; }
          body .sectionMissionValues .flexslider-controls .flex-control-nav li span {
            -webkit-transition: 0.6s;
            -moz-transition: 0.6s;
            -ms-transition: 0.6s;
            -o-transition: 0.6s;
            transition: 0.6s; }
          body .sectionMissionValues .flexslider-controls .flex-control-nav li .cnTable::before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0px;
            left: 0px;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -ms-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            border: 1px solid transparent; }
          body .sectionMissionValues .flexslider-controls .flex-control-nav li .cnTableCell {
            text-align: left; }
        body .sectionMissionValues .flexslider-controls .flex-control-nav .flex-active .cnTable::before {
          border: 1px solid #5ac3cd;
          border-bottom: 5px solid #5ac3cd; }
        body .sectionMissionValues .flexslider-controls .flex-control-nav .flex-active span {
          color: #5ac3cd; }
        body .sectionMissionValues .flexslider-controls .flex-control-nav li:hover .cnTable::before {
          border: 1px solid #fff; }
        body .sectionMissionValues .flexslider-controls .flex-control-nav li:hover span {
          color: #5ac3cd; }
    body .sectionMissionValues .cnVertical {
      width: 500px;
      height: 500px;
      position: relative;
      left: 430px; }
      body .sectionMissionValues .cnVertical li {
        width: 500px;
        height: 500px;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -ms-background-size: cover !important;
        background-size: cover !important;
        background-position: center center;
        background-repeat: no-repeat;
        position: relative; }
      body .sectionMissionValues .cnVertical li::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        background: rgba(0, 0, 0, 0.6); }
      body .sectionMissionValues .cnVertical li .cnRte {
        position: relative;
        z-index: 5;
        padding: 0 110px; }
        body .sectionMissionValues .cnVertical li .cnRte h3 {
          color: #5ac3cd;
          font-weight: 700;
          font-size: 24px; }
        body .sectionMissionValues .cnVertical li .cnRte p {
          color: #fff; }
    body .sectionMissionValues .progress_bar_container {
      height: 4px;
      width: 100%;
      position: absolute;
      bottom: 0px;
      z-index: 5;
      background: #dfdfdf; }
    body .sectionMissionValues .progress_bar {
      background: #0a2d6e;
      height: 4px;
      width: 0;
      position: relative; }
  body .sectionHistory .cnInner {
    position: relative; }
  body .sectionHistory .flexslider {
    width: 100%;
    height: 680px; }
    body .sectionHistory .flexslider .cnSquare {
      position: absolute;
      width: 200px;
      height: 200px;
      z-index: 15; }
    body .sectionHistory .flexslider .cnGrey {
      top: -160px;
      left: 50.6%;
      background: #dfdfdf; }
    body .sectionHistory .flexslider .cnBlue {
      background: #0a2d6e;
      bottom: -35px;
      right: 320px; }
    body .sectionHistory .flexslider .cnLblue {
      background: #5ac3cd;
      bottom: -235px;
      right: 120px; }
    body .sectionHistory .flexslider li {
      -webkit-background-size: cover !important;
      -moz-background-size: cover !important;
      -ms-background-size: cover !important;
      background-size: cover !important;
      background-position: center center;
      background-repeat: no-repeat;
      position: relative;
      width: 100%;
      height: 680px; }
      body .sectionHistory .flexslider li .cnRte {
        position: relative;
        z-index: 5;
        padding: 0 30% 0 38%; }
        body .sectionHistory .flexslider li .cnRte p {
          color: #fff;
          font-size: 20px;
          line-height: 30px;
          font-weight: 300; }
    body .sectionHistory .flexslider li::before {
      background: rgba(20, 48, 100, 0.6);
      content: "";
      display: block;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%; }
    body .sectionHistory .flexslider .cnVertical .flex-direction-nav {
      display: none; }
  body .sectionHistory .flexslider-controls {
    position: absolute;
    z-index: 50;
    width: 172px;
    top: 110px;
    left: 26.3%; }
    body .sectionHistory .flexslider-controls .flex-control-nav {
      position: relative;
      top: 0px;
      bottom: inherit;
      border-left: 1px solid #5ac3cd; }
    body .sectionHistory .flexslider-controls li {
      float: left;
      margin: 0 0 20px 0;
      padding: 0;
      width: 100%;
      text-align: left;
      cursor: pointer; }
      body .sectionHistory .flexslider-controls li span {
        display: block;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        font-family: 'Roboto Slab', serif;
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -ms-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
        position: relative;
        padding: 0 0 0 40px; }
      body .sectionHistory .flexslider-controls li span::before {
        content: "";
        display: block;
        width: 0px;
        height: 0px;
        position: absolute;
        top: 0px;
        left: 0px;
        background: #fff;
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -ms-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
        z-index: -1; }
    body .sectionHistory .flexslider-controls li:last-child {
      margin: 0; }
    body .sectionHistory .flexslider-controls .flex-active {
      height: 170px;
      width: 170px; }
    body .sectionHistory .flexslider-controls .flex-active span {
      color: #0a2d6e;
      font-size: 40px;
      line-height: 170px; }
    body .sectionHistory .flexslider-controls .flex-active span.long {
      font-size: 30px;
      line-height: 35px;
      padding: 32px 0 0 40px; }
    body .sectionHistory .flexslider-controls .flex-active span::before {
      width: 170px;
      height: 170px; }
  body .sectionContactUs {
    padding: 70px 0 140px 0; }
    body .sectionContactUs .cnContactDetails {
      height: 380px;
      -webkit-background-size: cover !important;
      -moz-background-size: cover !important;
      -ms-background-size: cover !important;
      background-size: cover !important;
      width: 100%;
      background-position: center center;
      background-repeat: no-repeat;
      margin-bottom: 1.5rem; }
      body .sectionContactUs .cnContactDetails .conInner {
        height: 100%;
        width: 100%;
        background: rgba(20, 48, 100, 0.65);
        padding: 70px; }
        body .sectionContactUs .cnContactDetails .conInner h2 {
          color: #5ac3cd;
          font-size: 30px;
          line-height: 40px;
          font-weight: 300;
          margin-bottom: 30px; }
        body .sectionContactUs .cnContactDetails .conInner p {
          color: #fff;
          line-height: 20px; }
        body .sectionContactUs .cnContactDetails .conInner .cnAdd {
          margin-bottom: 15px; }
    body .sectionContactUs .cnMap {
      height: 380px;
      background: #616161;
      position: relative; }
      body .sectionContactUs .cnMap #gmap-contact {
        width: 100% !important;
        height: 100% !important; }
      body .sectionContactUs .cnMap .cnBlueBox {
        width: 170px;
        height: 170px;
        position: absolute;
        bottom: -70px;
        right: 40px; }
        body .sectionContactUs .cnMap .cnBlueBox span {
          font-size: 18px;
          line-height: 22px;
          padding: 0 15px 0 0; }
    body .sectionContactUs .cnContactForm {
      background: #f0f0f0;
      padding: 65px 65px 110px 65px; }
      body .sectionContactUs .cnContactForm h3 {
        color: #5ac3cd;
        font-size: 30px;
        font-weight: 300; }
      body .sectionContactUs .cnContactForm .mandatory {
        display: block;
        text-align: right;
        color: #3a3a3a;
        font-size: 13px;
        margin-top: 10px;
        font-family: 'Roboto', sans-serif; }
      body .sectionContactUs .cnContactForm .cnForm {
        position: relative; }
        body .sectionContactUs .cnContactForm .cnForm form {
          margin: 0;
          padding: 0; }
          body .sectionContactUs .cnContactForm .cnForm form .form-item {
            margin: 0 0 40px 0;
            padding: 0; }
            body .sectionContactUs .cnContactForm .cnForm form .form-item label {
              color: #0a2d6e;
              font-size: 14px;
              text-transform: uppercase;
              font-family: 'Roboto';
              font-weight: 700;
              margin: 0 0 20px 0;
              padding: 0; }
            body .sectionContactUs .cnContactForm .cnForm form .form-item .form-text {
              margin: 0;
              padding: 0 4%;
              width: 92%;
              height: 48px;
              border: none;
              border-bottom: 2px solid #5ac3cd !important;
              background: #fff;
              color: #0a2d6e;
              font-size: 14px;
              font-family: 'Roboto'; }
          body .sectionContactUs .cnContactForm .cnForm form .webform-component-select .selector {
            height: 48px;
            margin: 0;
            padding: 0;
            background: #fff url(../images/icn/image-select.jpg) right center no-repeat;
            width: 100% !important;
            border-bottom: 2px solid #5ac3cd; }
            body .sectionContactUs .cnContactForm .cnForm form .webform-component-select .selector span {
              margin: 0;
              padding: 0 20px;
              height: 48px;
              line-height: 48px;
              width: 100% !important;
              background: none;
              color: #0a2d6e;
              font-size: 14px;
              font-family: 'Roboto';
              font-weight: 400; }
          body .sectionContactUs .cnContactForm .cnForm form .webform-component-select select {
            height: 48px;
            margin: 0;
            padding: 0;
            border: none;
            border-radius: 0px;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
            width: 100% !important;
            cursor: pointer; }
          body .sectionContactUs .cnContactForm .cnForm form .form-actions {
            width: 169px;
            height: 170px;
            margin: 0;
            padding: 0;
            position: absolute;
            bottom: -220px;
            right: -1px; }
            body .sectionContactUs .cnContactForm .cnForm form .form-actions input {
              border: none;
              width: 168px;
              height: 170px;
              margin: 0;
              padding: 0;
              font-size: 0px;
              background: url(../images/interface/contact-submit.jpg) top left no-repeat;
              -webkit-transition: 0.6s;
              -moz-transition: 0.6s;
              -ms-transition: 0.6s;
              -o-transition: 0.6s;
              transition: 0.6s; }
            body .sectionContactUs .cnContactForm .cnForm form .form-actions input:hover {
              background: url(../images/interface/contact-submit-hover.jpg) top left no-repeat; }
  body .sectionAboutUsTop {
    padding: 40px 0; }
    body .sectionAboutUsTop span {
      font-family: 'Roboto', sans-serif; }
    body .sectionAboutUsTop .col {
      padding: 0.75rem; }
    body .sectionAboutUsTop .cnBig {
      height: 393px; }
    body .sectionAboutUsTop .cnSmall {
      height: 192px; }
    body .sectionAboutUsTop .cnMarginBot {
      margin-bottom: 1.5rem; }
    body .sectionAboutUsTop .cnGrey {
      background: #ebebeb; }
      body .sectionAboutUsTop .cnGrey .titre, body .sectionAboutUsTop .cnGrey span, body .sectionAboutUsTop .cnGrey p, body .sectionAboutUsTop .cnGrey h2 {
        color: #0a2d6e; }
      body .sectionAboutUsTop .cnGrey .cnSquareLink:hover {
        color: #5ac3cd; }
      body .sectionAboutUsTop .cnGrey .cnSquareLink:hover::before {
        background: #5ac3cd; }
    body .sectionAboutUsTop .cnLblue {
      background: #ebebeb; }
      body .sectionAboutUsTop .cnLblue .titre, body .sectionAboutUsTop .cnLblue span, body .sectionAboutUsTop .cnLblue p, body .sectionAboutUsTop .cnLblue h2 {
        color: #fff; }
      body .sectionAboutUsTop .cnLblue .cnSquareLink {
        color: #0a2d6e !important; }
      body .sectionAboutUsTop .cnLblue .cnSquareLink::before {
        background: #0a2d6e !important; }
      body .sectionAboutUsTop .cnLblue .cnSquareLink:hover {
        color: #fff !important; }
      body .sectionAboutUsTop .cnLblue .cnSquareLink:hover::before {
        background: #fff !important; }
    body .sectionAboutUsTop .cnDotted {
      background: #fff url(../images/interface/mosaic.png) left top repeat;
      height: 178px; }
      body .sectionAboutUsTop .cnDotted .titre, body .sectionAboutUsTop .cnDotted span, body .sectionAboutUsTop .cnDotted h2, body .sectionAboutUsTop .cnDotted p {
        color: #0a2d6e; }
      body .sectionAboutUsTop .cnDotted .cnSquareLink:hover {
        color: #5ac3cd; }
      body .sectionAboutUsTop .cnDotted .cnSquareLink:hover::before {
        background: #5ac3cd; }
    body .sectionAboutUsTop .cnBlue {
      background: #0a2d6e; }
      body .sectionAboutUsTop .cnBlue .titre, body .sectionAboutUsTop .cnBlue span, body .sectionAboutUsTop .cnBlue h2, body .sectionAboutUsTop .cnBlue p {
        color: #fff; }
      body .sectionAboutUsTop .cnBlue .cnSquareLink {
        color: #fff; }
      body .sectionAboutUsTop .cnBlue .cnSquareLink::before {
        background: #fff; }
      body .sectionAboutUsTop .cnBlue .cnSquareLink:hover {
        color: #5ac3cd; }
      body .sectionAboutUsTop .cnBlue .cnSquareLink:hover::before {
        background: #5ac3cd; }
    body .sectionAboutUsTop .cnBig.cnTop {
      -webkit-background-size: cover !important;
      -moz-background-size: cover !important;
      -ms-background-size: cover !important;
      background-size: cover !important;
      width: 100%;
      background-position: center center;
      background-repeat: no-repeat;
      margin-bottom: 1.5rem; }
      body .sectionAboutUsTop .cnBig.cnTop .conInner {
        height: 100%;
        width: 100%;
        background: rgba(20, 48, 100, 0.6);
        padding: 90px 40px; }
        body .sectionAboutUsTop .cnBig.cnTop .conInner .titre, body .sectionAboutUsTop .cnBig.cnTop .conInner h2 {
          color: #fff;
          font-size: 30px;
          line-height: 35px;
          font-weight: 300;
          margin-bottom: 30px; }
        body .sectionAboutUsTop .cnBig.cnTop .conInner p {
          color: #fff;
          line-height: 20px; }
        body .sectionAboutUsTop .cnBig.cnTop .conInner .cnSquareLink {
          margin-top: 30px;
          color: #5ac3cd; }
        body .sectionAboutUsTop .cnBig.cnTop .conInner .cnSquareLink:hover {
          color: #fff; }
        body .sectionAboutUsTop .cnBig.cnTop .conInner .cnSquareLink:hover::before {
          background: #fff; }
        body .sectionAboutUsTop .cnBig.cnTop .conInner .cnSquareLink::before {
          background: #5ac3cd; }
    body .sectionAboutUsTop .cnLblue {
      background: #5ac3cd; }
      body .sectionAboutUsTop .cnLblue .conInner {
        background: none !important; }
    body .sectionAboutUsTop .cnSmall {
      padding: 40px; }
      body .sectionAboutUsTop .cnSmall .titre, body .sectionAboutUsTop .cnSmall h2 {
        font-size: 30px;
        font-weight: 300;
        line-height: 32px;
        margin: 0 0 10px 0; }
      body .sectionAboutUsTop .cnSmall .cnSquareLink {
        margin-top: 15px; }
  body .sectionAboutUsSecond {
    background: -moz-linear-gradient(30deg, #f0f0f0 0%, #fcfcfc 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #f0f0f0), color-stop(100%, #fcfcfc));
    background: -webkit-linear-gradient(30deg, #f0f0f0 0%, #fcfcfc 100%);
    background: -o-linear-gradient(30deg, #f0f0f0 0%, #fcfcfc 100%);
    background: -ms-linear-gradient(30deg, #f0f0f0 0%, #fcfcfc 100%);
    background: linear-gradient(30deg, #f0f0f0 0%, #fcfcfc 100%);
    position: relative;
    padding: 70px 0; }
    body .sectionAboutUsSecond .cnOverlay {
      background: url(../images/interface/gradient-banner.png) top left no-repeat;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 1; }
    body .sectionAboutUsSecond .container {
      position: relative;
      z-index: 2; }
    body .sectionAboutUsSecond .cnTop {
      padding: 0 18% 60px 18%; }
      body .sectionAboutUsSecond .cnTop .cnRte h1 {
        color: #5ac3cd;
        font-size: 40px;
        font-weight: 300; }
      body .sectionAboutUsSecond .cnTop .cnRte h2 {
        font-weight: 700;
        font-size: 24px;
        color: #5ac3cd;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif; }
    body .sectionAboutUsSecond .cnLeft {
      -webkit-background-size: cover !important;
      -moz-background-size: cover !important;
      -ms-background-size: cover !important;
      background-size: cover !important;
      width: 100%;
      background-position: center center;
      background-repeat: no-repeat;
      height: 400px; }
    body .sectionAboutUsSecond .cnRight {
      padding: 0 0 0 10%; }
      body .sectionAboutUsSecond .cnRight h2 {
        font-weight: 700;
        font-size: 24px;
        color: #5ac3cd;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif; }
      body .sectionAboutUsSecond .cnRight h4 {
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
        color: #0a2d6e;
        font-weight: bold;
        text-transform: uppercase; }
      body .sectionAboutUsSecond .cnRight a {
        text-transform: uppercase;
        position: relative;
        font-size: 13px !important;
        padding-left: 20px;
        display: inline-block;
        color: #5ac3cd;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        font-weight: 500; }
      body .sectionAboutUsSecond .cnRight a::before {
        content: '';
        width: 10px;
        height: 10px;
        position: absolute;
        top: 3px;
        left: 0px;
        display: block;
        background: #5ac3cd;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
        -ms-transition: 0.8s;
        -o-transition: 0.8s;
        transition: 0.8s; }
      body .sectionAboutUsSecond .cnRight a:hover {
        color: #0a2d6e; }
      body .sectionAboutUsSecond .cnRight a:hover::before {
        background: #0a2d6e; }
  body .sectionAboutMap {
    height: auto;
    background: #5ac3cd; }
    body .sectionAboutMap .cnRte {
      max-width: 750px;
      padding: 70px 0 50px 0;
      margin: 0 auto; }
      body .sectionAboutMap .cnRte h2 {
        color: #fff;
        font-size: 40px;
        font-weight: 300; }
      body .sectionAboutMap .cnRte h3 {
        font-size: 24px;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        font-family: 'Roboto'; }
    body .sectionAboutMap #gmap-about {
      height: 725px !important; }
    body .sectionAboutMap #gmap-about > div {
      background: #5ac3cd !important; }
    body .sectionAboutMap #google-popup {
      margin: 0;
      padding: 10px; }
      body .sectionAboutMap #google-popup h2 {
        color: #0a2d6e;
        font-size: 20px;
        font-family: 'Roboto Slab', serif;
        font-weight: 400;
        margin: 0 0 20px 0; }
      body .sectionAboutMap #google-popup ul {
        margin: 0;
        padding: 0; }
      body .sectionAboutMap #google-popup li {
        margin: 0 0 20px 0;
        padding: 0 0 0 30px;
        position: relative; }
        body .sectionAboutMap #google-popup li p {
          font-size: 15px;
          color: #3a3a3a;
          font-weight: 400;
          line-height: 16px; }
        body .sectionAboutMap #google-popup li span {
          display: block;
          width: 16px;
          height: 16px;
          position: absolute;
          top: 0px;
          left: 0px; }
        body .sectionAboutMap #google-popup li .cnAgro {
          background: #03ae59; }
        body .sectionAboutMap #google-popup li .cnHospitality {
          background: #e21a79; }
        body .sectionAboutMap #google-popup li .cnFinancial {
          background: #7066f4; }
        body .sectionAboutMap #google-popup li .cnProperty {
          background: #b1b3b2; }
        body .sectionAboutMap #google-popup li .cnManufacturing {
          background: #5ac3cd; }
        body .sectionAboutMap #google-popup li .cnLogistics {
          background: #96c83c; }
        body .sectionAboutMap #google-popup li .cnLife {
          background: #f37c26; }
        body .sectionAboutMap #google-popup li .cnBuilding {
          background: #78dc8c; }
        body .sectionAboutMap #google-popup li .cnCommercial {
          background: #ffd133; }
  body .sectionAboutKpi {
    padding-bottom: 70px; }
    body .sectionAboutKpi .row {
      padding: 0 0.75rem; }
    body .sectionAboutKpi .col {
      padding: 0; }
      body .sectionAboutKpi .col .cnTable {
        height: 200px; }
    body .sectionAboutKpi .cnLblue {
      background: #5ac3cd; }
    body .sectionAboutKpi .cnGrey {
      background: #f0f0f0; }
      body .sectionAboutKpi .cnGrey .title {
        color: #0a2d6e; }
      body .sectionAboutKpi .cnGrey .num, body .sectionAboutKpi .cnGrey .ide {
        color: #5ac3cd;
        font-size: 45px !important; }
    body .sectionAboutKpi .cnWhite {
      background: #fff; }
      body .sectionAboutKpi .cnWhite .title {
        color: #5ac3cd; }
      body .sectionAboutKpi .cnWhite .num, body .sectionAboutKpi .cnWhite .ide {
        color: #0a2d6e;
        font-size: 45px !important; }
    body .sectionAboutKpi .cnBlue {
      background: #0a2d6e; }
    body .sectionAboutKpi .cnBlack {
      background: #3a3a3a; }
    body .sectionAboutKpi .cnDotted {
      background: #5ac3cd url(../images/interface/mosaic1.png) top left repeat;
      width: 101%; }
    body .sectionAboutKpi .cnBlackDotted {
      background: #3a3a3a url(../images/interface/mosaic2.png) top left repeat; }
    body .sectionAboutKpi .cnTable.cnImg {
      display: block; }
    body .sectionAboutKpi .cnImg {
      -webkit-background-size: cover !important;
      -moz-background-size: cover !important;
      -ms-background-size: cover !important;
      background-size: cover !important;
      width: 100%;
      background-position: center center;
      background-repeat: no-repeat;
      position: relative; }
    body .sectionAboutKpi .cnImg::before {
      content: "";
      display: block;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      background-color: rgba(20, 48, 100, 0.6); }
    body .sectionAboutKpi .cnCenter .cnTableCell {
      padding: 0 30px;
      text-transform: uppercase; }
    body .sectionAboutKpi .cnTitleCenter .cnTableCell {
      padding: 0;
      text-align: center; }
    body .sectionAboutKpi .cnWhite h2 {
      color: #5ac3cd;
      font-size: 40px;
      font-weight: 300; }
  body .sectionInvestmentPortfolio {
    background: -moz-linear-gradient(30deg, #f0f0f0 0%, #fcfcfc 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #f0f0f0), color-stop(100%, #fcfcfc));
    background: -webkit-linear-gradient(30deg, #f0f0f0 0%, #fcfcfc 100%);
    background: -o-linear-gradient(30deg, #f0f0f0 0%, #fcfcfc 100%);
    background: -ms-linear-gradient(30deg, #f0f0f0 0%, #fcfcfc 100%);
    background: linear-gradient(30deg, #f0f0f0 0%, #fcfcfc 100%);
    position: relative;
    padding: 70px 0; }
    body .sectionInvestmentPortfolio .cnOverlay {
      background: url(../images/interface/gradient-banner.png) top left no-repeat;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 1; }
    body .sectionInvestmentPortfolio .container {
      position: relative;
      z-index: 2; }
    body .sectionInvestmentPortfolio .cnInner {
      padding: 0 18%; }
      body .sectionInvestmentPortfolio .cnInner #cnPieChart {
        margin: 50px 0 0 0;
        background: #fff; }
    body .sectionInvestmentPortfolio .cnTitre {
      margin: 0;
      padding: 0; }
      body .sectionInvestmentPortfolio .cnTitre h1 {
        font-size: 40px;
        color: #5ac3cd;
        font-weight: 300;
        margin: 0 0 25px 0; }
      body .sectionInvestmentPortfolio .cnTitre h2 {
        font-size: 24px;
        font-weight: 700;
        color: #0a2d6e;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase; }
  body .sectionClusters {
    margin: 0px;
    padding: 30px 0 70px 0; }
    body .sectionClusters .col {
      padding: 0;
      overflow: hidden; }
    body .sectionClusters .cnTable {
      height: 200px; }
    body .sectionClusters .bgcnBlue {
      background: #0a2d6e; }
    body .sectionClusters .bgcnLBlue {
      background: #5ac3cd; }
    body .sectionClusters .cnGreyDotted {
      background: #ebebeb url(../images/interface/mosaic3.png) left top repeat; }
    body .sectionClusters .cnWhiteDotted {
      background: #fff url(../images/interface/mosaic4.png) left top repeat; }
    body .sectionClusters .cnGrey {
      background: #dfdfdf; }
    body .sectionClusters .cnImg {
      -webkit-background-size: cover !important;
      -moz-background-size: cover !important;
      -ms-background-size: cover !important;
      background-size: cover !important;
      -webkit-transition: 0.8s;
      -moz-transition: 0.8s;
      -ms-transition: 0.8s;
      -o-transition: 0.8s;
      transition: 0.8s;
      width: 100.5%;
      background-position: center center;
      background-repeat: no-repeat;
      position: relative; }
    body .sectionClusters .cnImg:hover {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2); }
    body .sectionClusters .cnImg::before {
      content: "";
      display: block;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%; }
    body .sectionClusters .cnImg.cnBlue::before {
      background-color: rgba(20, 48, 100, 0.65); }
    body .sectionClusters .cnImg.cnLBlue::before {
      background-color: rgba(72, 156, 164, 0.8); }
    body .sectionClusters .cnImg a {
      position: relative;
      z-index: 2;
      color: #fff;
      font-size: 16px;
      text-transform: uppercase;
      font-weight: 700; }
    body .sectionClusters .cnImg span {
      position: relative;
      display: inline-block; }
    body .sectionClusters .cnImg span::before {
      content: "";
      width: 35px;
      height: 16px;
      display: block;
      bottom: -35px;
      position: absolute; }
    body .sectionClusters .cnImg.cnBlue span::before {
      background: url(../images/interface/arrow-blue.png) top left no-repeat; }
    body .sectionClusters .cnImg.cnLBlue span::before {
      background: url(../images/interface/arrow-white.png) top left no-repeat; }
    body .sectionClusters .cnTitre h1 {
      color: #5ac3cd;
      font-size: 40px;
      font-weight: 300; }
    body .sectionClusters .cnTitre .cnTableCell {
      padding: 0; }
  body .sectionWorkWithUs {
    padding: 60px 0 40px 0;
    position: relative;
    height: 180px; }
    body .sectionWorkWithUs .cnBlueBar {
      width: 40%;
      top: 0px;
      bottom: inherit; }
  body .sectionNewsAlert {
    position: relative;
    height: 210px; }
  body #workWrap {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 140px;
    z-index: 2; }
    body #workWrap .cnWrapper {
      width: 520px;
      background: #0a2d6e; }
    body #workWrap .colLeft {
      float: left;
      width: 375px; }
      body #workWrap .colLeft h2 {
        color: #fff;
        font-size: 55px;
        margin: 18px 0; }
      body #workWrap .colLeft p {
        color: #fff; }
    body #workWrap .colRight {
      float: right;
      width: 140px;
      height: 140px; }
      body #workWrap .colRight a {
        width: 140px;
        height: 140px;
        display: block;
        background-color: #08519d;
        background-image: url(../images/icn/arrow-white.png);
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -ms-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
        font-size: 0px; }
      body #workWrap .colRight a:hover {
        background-color: #5ac3cd;
        background-image: url(../images/icn/arrow-blue.png); }
  body .sectionWorkWithUsSecond {
    background: url(../images/interface/mosaic5.png) top left repeat;
    height: 400px;
    margin-bottom: 60px; }
    body .sectionWorkWithUsSecond .row {
      padding: 110px 0.75rem 0 0.75rem; }
    body .sectionWorkWithUsSecond .col {
      padding: 0;
      border-right: 1px dotted #e9ebee; }
    body .sectionWorkWithUsSecond .col:last-child {
      border: none; }
    body .sectionWorkWithUsSecond .cnInner {
      background-color: #fff;
      padding: 70px 40px 10px 40px;
      position: relative;
      z-index: 2; }
      body .sectionWorkWithUsSecond .cnInner .cnIcon {
        width: 100px;
        height: 100px;
        background: #5ac3cd;
        position: absolute;
        top: -70px;
        left: 40px; }
      body .sectionWorkWithUsSecond .cnInner .cnRte h2 {
        font-size: 30px;
        color: #5ac3cd;
        font-weight: 300; }
      body .sectionWorkWithUsSecond .cnInner .cnRte .cnSquareLink {
        margin-top: 25px;
        color: #5ac3cd; }
      body .sectionWorkWithUsSecond .cnInner .cnRte .cnSquareLink:hover {
        color: #0a2d6e; }
      body .sectionWorkWithUsSecond .cnInner .cnRte .cnSquareLink::before {
        background-color: #5ac3cd; }
      body .sectionWorkWithUsSecond .cnInner .cnRte .cnSquareLink:hover::before {
        background-color: #0a2d6e; }
  body .sectionLeadershipTop {
    padding: 0; }
    body .sectionLeadershipTop .row {
      padding: 0 0.75rem 0 0.75rem; }
    body .sectionLeadershipTop .cnInner.cnTop {
      padding: 40px 18% 65px 18%;
      position: relative;
      z-index: 3; }
      body .sectionLeadershipTop .cnInner.cnTop .cnRte h1 {
        font-weight: 300;
        font-size: 40px;
        color: #5ac3cd; }
    body .sectionLeadershipTop .col.s2 {
      padding: 0; }
    body .sectionLeadershipTop .cnLast {
      padding: 38px 0 0 0; }
    body .sectionLeadershipTop .cnPerson, body .sectionLeadershipTop .cnPer {
      height: 200px;
      -webkit-background-size: cover !important;
      -moz-background-size: cover !important;
      -ms-background-size: cover !important;
      background-size: cover !important;
      width: 100%;
      background-position: center center;
      background-repeat: no-repeat;
      position: relative; }
      body .sectionLeadershipTop .cnPerson .cnOverlay, body .sectionLeadershipTop .cnPerson .cnOver, body .sectionLeadershipTop .cnPer .cnOverlay, body .sectionLeadershipTop .cnPer .cnOver {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: rgba(20, 48, 100, 0.5);
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -ms-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s; }
      body .sectionLeadershipTop .cnPerson a, body .sectionLeadershipTop .cnPer a {
        display: block;
        width: 100%;
        height: 100%; }
      body .sectionLeadershipTop .cnPerson .cnName, body .sectionLeadershipTop .cnPer .cnName {
        position: absolute;
        bottom: 10px;
        left: 10px;
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -ms-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s; }
        body .sectionLeadershipTop .cnPerson .cnName p, body .sectionLeadershipTop .cnPer .cnName p {
          color: #fff;
          font-family: 'Roboto', sans-serif; }
        body .sectionLeadershipTop .cnPerson .cnName .nom, body .sectionLeadershipTop .cnPer .cnName .nom {
          text-transform: uppercase;
          font-size: 16px;
          font-weight: 700; }
        body .sectionLeadershipTop .cnPerson .cnName .titre, body .sectionLeadershipTop .cnPer .cnName .titre {
          font-size: 14px;
          font-weight: 500; }
      body .sectionLeadershipTop .cnPerson a::before, body .sectionLeadershipTop .cnPer a::before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 15px;
        height: 15px;
        background-color: #5ac3cd;
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -ms-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
        background-image: url(../images/icn/icon-plus.png);
        background-repeat: no-repeat;
        background-position: bottom right; }
      body .sectionLeadershipTop .cnPerson .cnOverlay:hover, body .sectionLeadershipTop .cnPer .cnOverlay:hover {
        background-color: rgba(20, 48, 100, 0.65); }
      body .sectionLeadershipTop .cnPerson .cnOverlay:hover .cnName, body .sectionLeadershipTop .cnPer .cnOverlay:hover .cnName {
        bottom: 80px; }
      body .sectionLeadershipTop .cnPerson .cnOverlay:hover a::before, body .sectionLeadershipTop .cnPer .cnOverlay:hover a::before {
        width: 60px;
        height: 60px;
        background-position: center center; }
      body .sectionLeadershipTop .cnPerson .cnOver::before, body .sectionLeadershipTop .cnPer .cnOver::before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 15px;
        height: 15px;
        background-color: #5ac3cd; }
      body .sectionLeadershipTop .cnPerson .outBox, body .sectionLeadershipTop .cnPer .outBox {
        width: 100%;
        height: 100%;
        position: absolute;
        top: -200px;
        left: 0px;
        background: #f6f6f6; }
  body .sectionLeadershipTop.cnSecond a {
    cursor: inherit !important; }
  body .sectionLeadershipTop.cnSecond a:before {
    display: none; }
  body .sectionBoard {
    padding: 55px 0;
    position: relative; }
    body .sectionBoard .col.s8 .cnRte h1 {
      font-weight: 300;
      font-size: 40px;
      color: #5ac3cd; }
    body .sectionBoard .col.s8 .cnRte ul {
      margin: 0;
      padding: 0; }
      body .sectionBoard .col.s8 .cnRte ul li {
        background: url(../images/interface/square-list.png) 0 4px no-repeat;
        line-height: 18px;
        padding-left: 30px;
        margin-bottom: 8px; }
    body .sectionBoard .col.s2 {
      height: 200px;
      width: 200px;
      position: absolute; }
    body .sectionBoard .cnGrey {
      background: #dfdfdf;
      top: 92px;
      right: 200px !important; }
    body .sectionBoard .cnLBlue {
      background: #5ac3cd;
      top: -108px;
      right: 0px !important; }
    body .sectionBoard .cnAccordion {
      margin: 30px 0 0 0;
      padding: 0 15px 0 0; }
      body .sectionBoard .cnAccordion .collapsible {
        border: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none; }
        body .sectionBoard .cnAccordion .collapsible li:last-child .collapsible-header {
          border-bottom: 1px solid #f2f2f2 !important; }
        body .sectionBoard .cnAccordion .collapsible .cnTop {
          width: 100%; }
        body .sectionBoard .cnAccordion .collapsible .collapsible-header {
          padding: 15px 0;
          border-top: 1px solid #f2f2f2 !important;
          border: none;
          -webkit-transition: 0.6s;
          -moz-transition: 0.6s;
          -ms-transition: 0.6s;
          -o-transition: 0.6s;
          transition: 0.6s;
          position: relative; }
          body .sectionBoard .cnAccordion .collapsible .collapsible-header .cnFloat {
            float: left;
            width: 32%; }
          body .sectionBoard .cnAccordion .collapsible .collapsible-header .cnFirst p {
            color: #0a2d6e;
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase;
            -webkit-transition: 0.6s;
            -moz-transition: 0.6s;
            -ms-transition: 0.6s;
            -o-transition: 0.6s;
            transition: 0.6s; }
          body .sectionBoard .cnAccordion .collapsible .collapsible-header .cnSecond {
            padding: 0 0 0 25px;
            width: 62%; }
            body .sectionBoard .cnAccordion .collapsible .collapsible-header .cnSecond p {
              color: #3a3a3a;
              font-size: 14px; }
        body .sectionBoard .cnAccordion .collapsible .collapsible-header.active {
          background: #f2f2f2;
          padding: 15px 22px 5px 22px; }
          body .sectionBoard .cnAccordion .collapsible .collapsible-header.active .cnFirst p {
            color: #5ac3cd;
            font-size: 20px;
            font-weight: 400;
            line-height: 25px; }
    body .sectionBoard .collapsible-header::before {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      background: url(../images/icn/icon-open.png) top left no-repeat;
      position: absolute;
      right: 22px;
      top: 21px; }
    body .sectionBoard .collapsible-header.active::before {
      background: url(../images/icn/icon-close.png) top left no-repeat; }
    body .sectionBoard .collapsible-body {
      border: none;
      padding: 0 22px 22px 22px;
      background: #f2f2f2; }
      body .sectionBoard .collapsible-body .colLeft {
        float: left;
        width: 32%; }
        body .sectionBoard .collapsible-body .colLeft .desc {
          text-transform: uppercase;
          color: #0a2d6e;
          font-size: 14px;
          font-weight: 700;
          margin-bottom: 3px; }
        body .sectionBoard .collapsible-body .colLeft p {
          line-height: 20px; }
      body .sectionBoard .collapsible-body .colRight {
        float: left;
        width: 62%;
        padding: 0 0 0 25px; }
        body .sectionBoard .collapsible-body .colRight .cnSquareLink {
          margin-top: 20px;
          color: #5ac3cd; }
        body .sectionBoard .collapsible-body .colRight .cnSquareLink::before {
          background: #5ac3cd; }
  body .sectionNewsroom {
    padding: 30px 0; }
    body .sectionNewsroom .col {
      padding: 0.3rem; }
    body .sectionNewsroom .cnFilterTop {
      margin-bottom: 50px; 
      max-width: 1195px;
      width: 100%;
      margin: 0 auto;
    
    }

    body .sectionNewsroom #views-exposed-form-news-page-1{
      width: 100%;
      background: #F8F8F8;
      padding: 25px;
      margin-bottom: 20px;
    }
      body .sectionNewsroom .cnFilterTop .views-exposed-widgets {
        margin: 0;
        padding: 0 0;
        position: relative;display: flex;
        justify-content: space-between; }

        body .sectionNewsroom .cnFilterTop .views-exposed-form .views-exposed-widget {
          float: left;
          padding: 0;
      }
        body .sectionNewsroom .cnFilterTop .views-exposed-widgets #edit-field-tags-tid-wrapper {
          float: left;
          width: 100%;
          margin: 0;
          padding: 0px 0 0 0; }
          body .sectionNewsroom .cnFilterTop .views-exposed-widgets #edit-field-tags-tid-wrapper label {
            display: none; }
          body .sectionNewsroom .cnFilterTop .views-exposed-widgets #edit-field-tags-tid-wrapper #edit-field-tags-tid {
            margin: 0;
            padding: 0; 
            display: flex;
            flex-wrap: wrap;
            width: 70%;}
            body .sectionNewsroom .cnFilterTop .views-exposed-widgets #edit-field-tags-tid-wrapper #edit-field-tags-tid .form-item {
              margin: 5px 0px 10px 0;
              padding: 0;
              float: left;
              position: relative;
              width: 50%; }
              body .sectionNewsroom .cnFilterTop .views-exposed-widgets #edit-field-tags-tid-wrapper #edit-field-tags-tid .form-item .radio {}
                /* position: absolute;
                left: 0;
                right: 0;
                margin: auto;
                width: 13px;
                height: 6px;
                top: 22px; } */
                body .sectionNewsroom .cnFilterTop .views-exposed-widgets #edit-field-tags-tid-wrapper #edit-field-tags-tid .form-item .radio span{
                  width: 19px;
                  height: 19px;
                  border: 1px solid #D1D1D1;
                  border-radius: 100%;
                }
                body .sectionNewsroom .cnFilterTop .views-exposed-widgets #edit-field-tags-tid-wrapper #edit-field-tags-tid .form-item .radio span.checked {
                  /* display: block;
                  width: 13px;
                  height: 6px;
                  background: url(../images/icn/radio-check.png) top left no-repeat; */
                  background: #0A2D6E;
                  border:1px solid #0A2D6E
                }
              body .sectionNewsroom .cnFilterTop .views-exposed-widgets #edit-field-tags-tid-wrapper #edit-field-tags-tid .form-item label {
                display: block;
                color: #0A2D6E;
                font-size: 18px;
                font-weight: 300;
                font-family: 'Roboto';
                cursor: pointer;}
        body .sectionNewsroom .cnFilterTop .views-exposed-widgets #edit-field-date-1-value-wrapper {
          position: absolute;
          top: 0px;
          right: 5px;
          padding: 0;
          width: 50px;
          height: 50px; display:none}
          body .sectionNewsroom .cnFilterTop .views-exposed-widgets #edit-field-date-1-value-wrapper label {
            display: none; }
          body .sectionNewsroom .cnFilterTop .views-exposed-widgets #edit-field-date-1-value-wrapper input {
            border: 1px solid #5ac3cd;
            background: #fff url(../images/icn/icon-date.png) center center no-repeat;
            width: 50px;
            height: 50px;
            font-size: 0px;
            cursor: pointer; }
          body .sectionNewsroom .cnFilterTop .views-exposed-widgets #edit-field-date-1-value-wrapper .description {
            display: none; }
        body .sectionNewsroom .cnFilterTop .views-exposed-widgets #edit-title-wrapper {
          /* margin: 0;
          padding: 0;
          position: absolute;
          top: 0px;
          right: 65px;  */
        }
        body .sectionNewsroom .cnFilterTop .views-exposed-widget.views-submit-button{
          display: none;
        }
          body .sectionNewsroom .cnFilterTop .views-exposed-widgets #edit-title-wrapper label {
            display: none; }
          body .sectionNewsroom .cnFilterTop .views-exposed-widgets #edit-title-wrapper .views-widget {
            /* margin: 0;
            padding: 0;
        
            width: 220px;  */
            position: relative;
          }
            body .sectionNewsroom .cnFilterTop .views-exposed-widgets #edit-title-wrapper .views-widget .form-text {
              /* width: 200px;
              max-width: 0;
              padding: 5px;
              transition: all .5s ease;
              position: absolute;
              right: 52px;
              box-sizing: border-box;
              opacity: 0;
              background: #ebebeb;
              height: 52px;
              border-bottom: 1px solid #5ac3cd; */

              width: 305px;
              height: 40px;
              border: 1px solid #0A2D6E;
              border-radius: 25px !important;
              padding: 0px 25px;
              background: transparent;
            }

            body .sectionNewsroom .cnFilterTop .views-exposed-widgets #edit-title-wrapper .views-widget .form-text:focus{
              box-shadow: inherit;
            }

            body .sectionNewsroom .cnFilterTop .views-exposed-form .views-exposed-widget{

            }


            /* body .sectionNewsroom .cnFilterTop .views-exposed-widgets #edit-title-wrapper .views-widget .form-text.expanded {
              max-width: 200px;
              opacity: 1; } */
            body .sectionNewsroom .cnFilterTop .views-exposed-widgets #edit-title-wrapper .views-widget .cnSearchIcon {
              /* border: 1px solid #5ac3cd;
              background: #fff url(../images/icn/icon-search.png) center center no-repeat; */
              background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAABHNCSVQICAgIfAhkiAAAAepJREFUOE+llLFOAkEQhmf2MHI0GmOiiYWYWBjAiL4AamWntjZqY2EE8Q2MD6CAJpbqG9BbaGPtmSNGOyyttOJI7m7H2SNH4FguRrdhl/33m52Zfw8hMsxssQwIBUDMI8A4EVm8tjzfuHNfK1ZU37tmfWeMZMr5ESFv+GB+yIFvIjh1GrXqMGAAC0CGfA5ERC+AdCrdhNV+qzSTuaNVBLGFCMedbagysKwDBrBUrsip4BJP71p2bU8nVFCBWAfAMUlyrd24eozqUNUIBV6oG7Ual8NSDM6FWgJoOnZtbhC2WKrz9TYB5HbLvuLI8cPMFZuIOCtdMafK0NeAuE0dlvWPDCvoUsXUYolvDcC16nY27m6sv+X9XQm037Yv1bw7MC6SDho2y/XFctR3DCtVVNvjWh5Cey2kywQ7Ap/bPLzlAWy+OGom4YNnU6zVei2oU9ceAFqXq4AJIe85g0lJ5LTRmwH7+mvAGuEfYbpqrXzEvmMLqF/MqyfGZeALkYOAJgusFrrrUWBfBztPB2+Vj6JRg5qScZYS3j1TV3RArR2SC+U0JLw0P7G07xtWX9eyJxN9QMANaFQ/VfBfeWvAIgw00XviDBY4+3eHsKCAf4MpeuZw2hTGQy/w77AIUEo6+B8sBBqJHf6KnP8AOxrvyy1DKBcAAAAASUVORK5CYII=) center center no-repeat;
              width: 18px;
              height: 18px;
              font-size: 0px;
              cursor: pointer;
              position: absolute;
              right: 15px;
              top: 10px;
              background-size: 100%;}
    body .sectionNewsroom .cnBoxNews {
      margin: 0;
      padding: 0;
      border: 2px solid transparent;
      overflow: hidden;
      -webkit-transition: 0.6s;
      -moz-transition: 0.6s;
      -ms-transition: 0.6s;
      -o-transition: 0.6s;
      transition: 0.6s; }
      body .sectionNewsroom .cnBoxNews .colLeft {
        float: left;
        width: 50%;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -ms-background-size: cover !important;
        background-size: cover !important;
        background-position: center center;
        background-repeat: no-repeat;
        position: relative; }
      body .sectionNewsroom .cnBoxNews .colRight {
        float: right;
        width: 50%;
        position: relative; }
        body .sectionNewsroom .cnBoxNews .colRight .date {
          position: absolute;
          top: 20px;
          left: 20px;
          color: #0a2d6e;
          display: block;
          font-size: 13px;
          font-weight: 500;
          font-family: 'Roboto', serif; }
        body .sectionNewsroom .cnBoxNews .colRight .share {
          position: absolute;
          top: 20px;
          right: 20px; }
          body .sectionNewsroom .cnBoxNews .colRight .share a {
            width: 15px;
            height: 15px;
            padding: 0;
            background: url(../images/icn/icn-share-blue.png) top left no-repeat;
            background-color: transparent !important; }
            body .sectionNewsroom .cnBoxNews .colRight .share a svg {
              display: none !important; }
          body .sectionNewsroom .cnBoxNews .colRight .share a::after {
            display: none !important; }
        body .sectionNewsroom .cnBoxNews .colRight .cnBot {
          position: absolute;
          bottom: -20px;
          left: 0px;
          padding: 0 20px;
          -webkit-transition: 0.6s;
          -moz-transition: 0.6s;
          -ms-transition: 0.6s;
          -o-transition: 0.6s;
          transition: 0.6s; }
          body .sectionNewsroom .cnBoxNews .colRight .cnBot .title {
            font-family: 'Roboto', serif;
            color: #0a2d6e;
            text-transform: uppercase;
            font-weight: 700;
            display: block;
            margin: 0 0 8px 0; }
          body .sectionNewsroom .cnBoxNews .colRight .cnBot .titre {
            color: #5ac3cd;
            margin: 0 0 8px 0; }
          body .sectionNewsroom .cnBoxNews .colRight .cnBot p {
            font-size: 13px;
            line-height: 13px; }
          body .sectionNewsroom .cnBoxNews .colRight .cnBot .cnSquareLink {
            margin-top: 20px;
            color: #5ac3cd; }
          body .sectionNewsroom .cnBoxNews .colRight .cnBot .cnSquareLink::before {
            background: #5ac3cd; }
    body .sectionNewsroom .cnBoxNews.cnBig .colLeft {
      height: 300px; }
    body .sectionNewsroom .cnBoxNews.cnBig .colRight {
      background: #ebebeb;
      height: 300px; }
      body .sectionNewsroom .cnBoxNews.cnBig .colRight .titre {
        font-size: 25px;
        line-height: 28px; }
    body .sectionNewsroom .cnBoxNews.cnSmall .colLeft {
      height: 200px; }
    body .sectionNewsroom .cnBoxNews.cnSmall .colRight {
      height: 200px; }
      body .sectionNewsroom .cnBoxNews.cnSmall .colRight .titre {
        font-size: 14px;
        line-height:18px; }
    body .sectionNewsroom .cnBoxNews:hover {
      border: 2px solid #5ac3cd; }
    body .sectionNewsroom .cnBoxNews.cnSmall:hover {
      background: #5ac3cd; }
    body .sectionNewsroom .cnBoxNews:hover .cnBot {
      bottom: 10px; }
    body .sectionNewsroom .cnBoxNews.cnSmall .colRight .date, body .sectionNewsroom .cnBoxNews.cnSmall .colRight .title, body .sectionNewsroom .cnBoxNews.cnSmall .colRight .titre, body .sectionNewsroom .cnBoxNews.cnSmall .colRight p, body .sectionNewsroom .cnBoxNews.cnSmall .colRight .cnSquareLink {
      -webkit-transition: 0.6s;
      -moz-transition: 0.6s;
      -ms-transition: 0.6s;
      -o-transition: 0.6s;
      transition: 0.6s; }
    body .sectionNewsroom .cnBoxNews.cnSmall .colRight .cnSquareLink::before {
      -webkit-transition: 0.6s;
      -moz-transition: 0.6s;
      -ms-transition: 0.6s;
      -o-transition: 0.6s;
      transition: 0.6s; }
    body .sectionNewsroom .cnBoxNews.cnSmall:hover .colRight .date, body .sectionNewsroom .cnBoxNews.cnSmall:hover .colRight .title, body .sectionNewsroom .cnBoxNews.cnSmall:hover .colRight .titre, body .sectionNewsroom .cnBoxNews.cnSmall:hover .colRight p, body .sectionNewsroom .cnBoxNews.cnSmall:hover .colRight .cnSquareLink {
      color: #fff; }
    body .sectionNewsroom .cnBoxNews.cnSmall:hover .colRight span.share a {
      background: url(../images/icn/icn-share-white.png) top left no-repeat; }
    body .sectionNewsroom .cnBoxNews.cnSmall:hover .colRight .cnSquareLink::before {
      background: #fff; }
  body .sectionNewsroomDetails {
    padding: 130px 0 60px 0;
    overflow: hidden; }
    body .sectionNewsroomDetails .cnInner.cnBack {
      margin: 0 0 35px 0;
      padding: 0; }
    body .sectionNewsroomDetails .cnNewDet {
      background: #f6f6f6;
      width: 800px;
      padding: 70px 100px;
      margin: 0 0 0 110px;
      position: relative; }
      body .sectionNewsroomDetails .cnNewDet .cnRte p strong {
        font-weight: 700;
        /* color: #254680; */
        color:#4b4444
      }

      body .sectionNewsroomDetails .cnNewDet img{
        width:100%
      }
      body .sectionNewsroomDetails .cnNewDet .cnBlock {
        position: absolute;
        height: 200px; }
      body .sectionNewsroomDetails .cnNewDet .cnGreen {
        background: #5ac3cd;
        right: -200px;
        top: 430px;
        width: 200px; }
      body .sectionNewsroomDetails .cnNewDet .cnDotted {
        background: url(../images/interface/mosaic6.png) top left repeat;
        width: 100px;
        right: -100px;
        top: 630px; }
      body .sectionNewsroomDetails .cnNewDet .cnGrey {
        top: 970px;
        left: -100px;
        width: 100px;
        background: #dfdfdf; }
      body .sectionNewsroomDetails .cnNewDet .cnTop {
        margin: 0;
        padding: 0; }
        body .sectionNewsroomDetails .cnNewDet .cnTop .colLeft {
          float: left;
          width: 130px;
          position: relative; }
          body .sectionNewsroomDetails .cnNewDet .cnTop .colLeft .cnFilter {
            position: absolute;
            top: -40px;
            right: 40px;
            width: 300px;
            height: 300px;
            background: url(../images/interface/mosaic6.png) top left repeat; }
          body .sectionNewsroomDetails .cnNewDet .cnTop .colLeft .cnImg {
            position: absolute;
            top: 0px;
            right: 0px;
            width: 300px;
            height: 300px; }
        body .sectionNewsroomDetails .cnNewDet .cnTop .colRight {
          float: right;
          width: 430px;
          height: 300px;
          position: relative; }
          body .sectionNewsroomDetails .cnNewDet .cnTop .colRight .date {
            font-size: 13px;
            color: #0a2d6e;
            font-weight: 500;
            font-family: 'Roboto', serif; }
          body .sectionNewsroomDetails .cnNewDet .cnTop .colRight .cnDownload {
            position: absolute;
            top: -3px;
            right: 40px;
            width: 20px;
            height: 20px; }
            body .sectionNewsroomDetails .cnNewDet .cnTop .colRight .cnDownload a {
              display: block;
              background: url(../images/icn/icnDownload.png) top left no-repeat;
              width: 20px;
              height: 20px; }
          body .sectionNewsroomDetails .cnNewDet .cnTop .colRight .share {
            position: absolute;
            top: 0px;
            right: 0px; }
            body .sectionNewsroomDetails .cnNewDet .cnTop .colRight .share a {
              width: 15px;
              height: 15px;
              padding: 0;
              background: url(../images/icn/icn-share-lblue.png) top left no-repeat;
              background-color: transparent !important; }
              body .sectionNewsroomDetails .cnNewDet .cnTop .colRight .share a svg {
                display: none !important; }
            body .sectionNewsroomDetails .cnNewDet .cnTop .colRight .share a::after {
              display: none !important; }
          body .sectionNewsroomDetails .cnNewDet .cnTop .colRight .cnBot {
            position: absolute;
            width: 100%;
            position: absolute;
            bottom: 0px;
            left: 0px; }
            body .sectionNewsroomDetails .cnNewDet .cnTop .colRight .cnBot .cnTitre {
              color: #5ac3cd;
              font-size: 14px;
              font-family: 'Roboto', serif;
              text-transform: uppercase;
              font-weight: 700;
              display: block;
              margin: 0 0 30px 0; }
            body .sectionNewsroomDetails .cnNewDet .cnTop .colRight .cnBot h1 {
              color: #5ac3cd;
              font-size: 40px;
              font-weight: 300; }
      body .sectionNewsroomDetails .cnNewDet .cnRte {
        padding: 50px 0 0 0; }
        body .sectionNewsroomDetails .cnNewDet .cnRte ul {
          margin: 0 0 0 18px; }
          body .sectionNewsroomDetails .cnNewDet .cnRte ul li {
            list-style-type: disc !important;
            line-height: 24px; }
        body .sectionNewsroomDetails .cnNewDet .cnRte h6 {
          font-size: 12px; }
      body .sectionNewsroomDetails .cnNewDet .swiper-container {
        width: 700px;
        margin: 40px 0 0 0; }
        body .sectionNewsroomDetails .cnNewDet .swiper-container .swiper-pagination {
          display: none; }
        body .sectionNewsroomDetails .cnNewDet .swiper-container a {
          width: 200px !important;
          height: 200px !important; }
          body .sectionNewsroomDetails .cnNewDet .swiper-container a img {
            width: 200px;
            height: 200px; }
      body .sectionNewsroomDetails .cnNewDet .swiper-slide {
        width: 200px;
        height: 200px;
        margin: 0 !important; }
        body .sectionNewsroomDetails .cnNewDet .swiper-slide .cnInner {
          -webkit-background-size: cover !important;
          -moz-background-size: cover !important;
          -ms-background-size: cover !important;
          background-size: cover !important;
          background-position: center center;
          background-repeat: no-repeat;
          position: relative;
          width: 100%;
          height: 200px; }
  body .sectionLatestNews.sectionBlog .cnSliderRight {
    max-width: 1328px !important; }
    body .sectionLatestNews.sectionBlog .cnSliderRight .swiper-slide {
      margin: 0 !important; }
  body .sectionLatestNews.sectionBlog h2 {
    color: #5ac3cd !important; }
  body .sectionJobFiltering {
    margin: 20px 0 40px 0;
    padding: 40px 0;
    background: #f0f0f0; }
    body .sectionJobFiltering form {
      margin: 0;
      padding: 0; }
      body .sectionJobFiltering form .views-exposed-widgets {
        margin: 0;
        padding: 0;
        position: relative; }
        body .sectionJobFiltering form .views-exposed-widgets .views-exposed-widget {
          float: left;
          width: 30.7%;
          margin: 0 1% 0 0;
          padding: 0; }
          body .sectionJobFiltering form .views-exposed-widgets .views-exposed-widget label {
            display: none; }
          body .sectionJobFiltering form .views-exposed-widgets .views-exposed-widget .selector {
            height: 58px;
            margin: 0;
            padding: 0;
            /* background: #fff url(../images/icn/image-select.jpg) right center no-repeat; */
            background: #fff url(../images/icn/selectmoreBig.png) 96% center no-repeat;
            width: 100% !important;
            border-bottom: 2px solid #5ac3cd; }
          body .sectionJobFiltering form .views-exposed-widgets .views-exposed-widget span {
            margin: 0;
            padding: 0 20px;
            height: 58px;
            line-height: 50px;
            width: 100% !important;
            background: none;
            color: #0a2d6e;
            font-size: 18px;
            font-family: 'Roboto';
            font-weight: 400; }
          body .sectionJobFiltering form .views-exposed-widgets .views-exposed-widget select {
            height: 58px;
            margin: 0;
            padding: 0;
            border: none;
            border-radius: 0px;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
            width: 100% !important;
            cursor: pointer; }
        body .sectionJobFiltering form .views-exposed-widgets .views-exposed-widget:nth-child(3) {
          margin: 0; }
        body .sectionJobFiltering form .views-exposed-widgets .views-submit-button {
          width: 58px !important;
          height: 58px;
          position: absolute;
          bottom: 0px;
          right: 0px;
          margin: 0; }
          body .sectionJobFiltering form .views-exposed-widgets .views-submit-button input {
            border: none;
            background: #fff url(../images/icn/img-apply.png) center center no-repeat;
            height: 58px;
            width: 58px;
            border: 2px solid #5ac3cd;
            font-size: 0px;
            -webkit-transition: 0.6s;
            -moz-transition: 0.6s;
            -ms-transition: 0.6s;
            -o-transition: 0.6s;
            transition: 0.6s; }
          body .sectionJobFiltering form .views-exposed-widgets .views-submit-button input:hover {
            border: 2px solid #0a2d6e;
            background: #fff url(../images/icn/img-apply-blue.png) center center no-repeat; }
  body .sectionJobListing {
    padding-bottom: 45px; }
    body .sectionJobListing .cnAccordion {
      margin: 0;
      padding: 0; }
      body .sectionJobListing .cnAccordion .collapsible {
        border: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none; }
        body .sectionJobListing .cnAccordion .collapsible li:last-child .collapsible-header {
          border-bottom: 1px solid #f2f2f2 !important; }
        body .sectionJobListing .cnAccordion .collapsible .cnTop {
          width: 100%; }
        body .sectionJobListing .cnAccordion .collapsible .active {
          background: #f2f2f2; }
        body .sectionJobListing .cnAccordion .collapsible .active .cnTop {
          border-bottom: 1px solid #fff;
          height: 35px; }
        body .sectionJobListing .cnAccordion .collapsible .collapsible-header {
          padding: 22px;
          border-top: 1px solid #f2f2f2 !important;
          border: none;
          -webkit-transition: 0.6s;
          -moz-transition: 0.6s;
          -ms-transition: 0.6s;
          -o-transition: 0.6s;
          transition: 0.6s;
          position: relative; }
          body .sectionJobListing .cnAccordion .collapsible .collapsible-header .cnFloat {
            float: left;
            width: 24%; }
          body .sectionJobListing .cnAccordion .collapsible .collapsible-header .cnFirst p {
            color: #5ac3cd;
            font-size: 14px;
            text-transform: uppercase;
            font-weight: 700; }
          body .sectionJobListing .cnAccordion .collapsible .collapsible-header .cnSecond p {
            color: #3a3a3a;
            font-size: 14px;
            font-weight: 700; }
          body .sectionJobListing .cnAccordion .collapsible .collapsible-header .cnThird p {
            color: #3a3a3a; }
          body .sectionJobListing .cnAccordion .collapsible .collapsible-header .cnFourth P {
            color: #3a3a3a;
            font-size: 14px;
            font-weight: 700; }
        body .sectionJobListing .cnAccordion .collapsible .collapsible-header::before {
          content: "";
          display: block;
          width: 20px;
          height: 20px;
          background: url(../images/icn/icon-open.png) top left no-repeat;
          position: absolute;
          right: 22px;
          top: 21px; }
        body .sectionJobListing .cnAccordion .collapsible .collapsible-header.active::before {
          background: url(../images/icn/icon-close.png) top left no-repeat; }
        body .sectionJobListing .cnAccordion .collapsible .collapsible-body {
          border: none;
          padding: 0 22px 22px;
          margin-bottom: 55px; }
          body .sectionJobListing .cnAccordion .collapsible .collapsible-body .colLeft {
            float: left;
            width: 72%;
            position: relative; }
            body .sectionJobListing .cnAccordion .collapsible .collapsible-body .colLeft .cnRte li {
              background: url(../images/interface/square-list.png) 0 4px no-repeat;
              line-height: 18px;
              padding-left: 30px;
              margin-bottom: 8px; }
            body .sectionJobListing .cnAccordion .collapsible .collapsible-body .colLeft .cnRte h2 {
              color: #0a2d6e;
              font-size: 13px;
              text-transform: uppercase;
              font-weight: 700; }
            body .sectionJobListing .cnAccordion .collapsible .collapsible-body .colLeft .cnContact {
              position: absolute;
              bottom: -62px;
              right: -171px;
              z-index: 5;
              -webkit-transition: 0.6s;
              -moz-transition: 0.6s;
              -ms-transition: 0.6s;
              -o-transition: 0.6s;
              transition: 0.6s; }
              body .sectionJobListing .cnAccordion .collapsible .collapsible-body .colLeft .cnContact .title {
                color: #0a2d6e;
                font-size: 13px;
                text-transform: uppercase;
                font-weight: 700; }
              body .sectionJobListing .cnAccordion .collapsible .collapsible-body .colLeft .cnContact .name {
                color: #3a3a3a;
                font-size: 13px;
                text-transform: uppercase;
                font-weight: 500; }
              body .sectionJobListing .cnAccordion .collapsible .collapsible-body .colLeft .cnContact .cnSquareLink {
                margin-top: 10px;
                color: #5ac3cd; }
              body .sectionJobListing .cnAccordion .collapsible .collapsible-body .colLeft .cnContact .cnSquareLink::before {
                background: #5ac3cd; }
              body .sectionJobListing .cnAccordion .collapsible .collapsible-body .colLeft .cnContact .cnBlueBox {
                margin: 40px 0 0 0;
                width: 170px;
                height: 170px; }
          body .sectionJobListing .cnAccordion .collapsible .collapsible-body .colRight {
            float: right;
            width: 28%; }
            body .sectionJobListing .cnAccordion .collapsible .collapsible-body .colRight .share {
              display: block; }
              body .sectionJobListing .cnAccordion .collapsible .collapsible-body .colRight .share a {
                width: 15px;
                height: 15px;
                padding: 0;
                background: url(../images/icn/icn-share-lblue.png) top left no-repeat;
                background-color: transparent !important; }
                body .sectionJobListing .cnAccordion .collapsible .collapsible-body .colRight .share a svg {
                  display: none !important; }
              body .sectionJobListing .cnAccordion .collapsible .collapsible-body .colRight .share a::after {
                display: none !important; }
        body .sectionJobListing .cnAccordion .collapsible .col.s3 {
          padding: 0.75rem; }
          body .sectionJobListing .cnAccordion .collapsible .col.s3 .cnInner {
            margin: 0;
            padding: 0;
            position: relative;
            overflow: hidden;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s; }
            body .sectionJobListing .cnAccordion .collapsible .col.s3 .cnInner .cnDate {
              color: #fff;
              font-size: 13px;
              -webkit-transition: 0.5s;
              -moz-transition: 0.5s;
              -ms-transition: 0.5s;
              -o-transition: 0.5s;
              transition: 0.5s;
              position: absolute;
              top: 30px;
              left: 30px; }
            body .sectionJobListing .cnAccordion .collapsible .col.s3 .cnInner .cnShare {
              position: absolute;
              top: 30px;
              right: 30px;
              width: 15px;
              height: 15px; }
              body .sectionJobListing .cnAccordion .collapsible .col.s3 .cnInner .cnShare a {
                width: 15px;
                height: 15px;
                padding: 0;
                background: url(../images/icn/icn-share-white.png) top left no-repeat;
                background-color: transparent !important; }
                body .sectionJobListing .cnAccordion .collapsible .col.s3 .cnInner .cnShare a svg {
                  display: none !important; }
              body .sectionJobListing .cnAccordion .collapsible .col.s3 .cnInner .cnShare a::after {
                display: none !important; }
            body .sectionJobListing .cnAccordion .collapsible .col.s3 .cnInner .newBottom {
              position: absolute;
              bottom: -15px;
              left: 30px;
              padding-right: 30px;
              -webkit-transition: 0.5s;
              -moz-transition: 0.5s;
              -ms-transition: 0.5s;
              -o-transition: 0.5s;
              transition: 0.5s; }
              body .sectionJobListing .cnAccordion .collapsible .col.s3 .cnInner .newBottom .cnCat {
                font-size: 14px;
                color: #fff;
                text-transform: uppercase;
                margin-bottom: 20px;
                -webkit-transition: 0.5s;
                -moz-transition: 0.5s;
                -ms-transition: 0.5s;
                -o-transition: 0.5s;
                transition: 0.5s;
                display: block; }
              body .sectionJobListing .cnAccordion .collapsible .col.s3 .cnInner .newBottom .cnTitle {
                font-size: 25px;
                color: #fff;
                font-weight: 700;
                margin-bottom: 20px;
                font-family: 'Roboto Slab', serif;
                -webkit-transition: 0.2s;
                -moz-transition: 0.2s;
                -ms-transition: 0.2s;
                -o-transition: 0.2s;
                transition: 0.2s;
                display: block; }
              body .sectionJobListing .cnAccordion .collapsible .col.s3 .cnInner .newBottom .cnSquareLink {
                display: block;
                color: #5ac3cd; }
              body .sectionJobListing .cnAccordion .collapsible .col.s3 .cnInner .newBottom .cnSquareLink::before {
                background-color: #5ac3cd; }
          body .sectionJobListing .cnAccordion .collapsible .col.s3 .cnInner:hover .cnDate {
            color: #5ac3cd; }
          body .sectionJobListing .cnAccordion .collapsible .col.s3 .cnInner:hover .cnTitle {
            color: #0a2d6e; }
          body .sectionJobListing .cnAccordion .collapsible .col.s3 .cnInner:hover .cnCat {
            color: #0a2d6e; }
          body .sectionJobListing .cnAccordion .collapsible .col.s3 .cnInner:hover .newBottom {
            bottom: 30px; }
          body .sectionJobListing .cnAccordion .collapsible .col.s3 .cnInner:hover .cnShare a {
            background: url(../images/icn/icn-share-lblue.png) top left no-repeat; }
          body .sectionJobListing .cnAccordion .collapsible .col.s3 .cnInner:hover .cnSquareLink {
            color: #5ac3cd; }
          body .sectionJobListing .cnAccordion .collapsible .col.s3 .cnInner:hover .cnSquareLink::before {
            background: #5ac3cd; }
        body .sectionJobListing .cnAccordion .collapsible .col.s3.even .cnInner {
          background: #5ac3cd; }
        body .sectionJobListing .cnAccordion .collapsible .col.s3:hover .cnInner {
          background: #fff !important;
          border: 1px solid #5ac3cd; }
        body .sectionJobListing .cnAccordion .collapsible .col.s3.odd .cnInner {
          background: #0a2d6e; }
      body .sectionJobListing .cnAccordion .cnPopUp .cnInner {
        width: 1070px;
        height: 85vh;
        margin: 50px auto 0 auto;
        overflow: auto; }
      body .sectionJobListing .cnAccordion .cnPopUp .cnClose {
        right: 25px;
        top: 25px;
        background: url(../images/icn/btnClose-green.png) top left no-repeat;
        z-index: 20; }
      body .sectionJobListing .cnAccordion .cnPopUp .cnDetails {
        padding: 25px;
        overflow: hidden; }
      body .sectionJobListing .cnAccordion .cnPopUp .colLeft {
        float: left;
        width: 100%;
        position: relative;
        padding: 0 32% 110px 0; }
        body .sectionJobListing .cnAccordion .cnPopUp .colLeft .cnRte li {
          background: url(../images/interface/square-list.png) 0 4px no-repeat;
          line-height: 18px;
          padding-left: 30px;
          margin-bottom: 8px; }
        body .sectionJobListing .cnAccordion .cnPopUp .colLeft .cnRte h2 {
          color: #0a2d6e;
          font-size: 13px;
          text-transform: uppercase;
          font-weight: 700; }
        body .sectionJobListing .cnAccordion .cnPopUp .colLeft .cnContact {
          position: absolute;
          bottom: 0px;
          right: 0;
          z-index: 5;
          -webkit-transition: 0.6s;
          -moz-transition: 0.6s;
          -ms-transition: 0.6s;
          -o-transition: 0.6s;
          transition: 0.6s; }
          body .sectionJobListing .cnAccordion .cnPopUp .colLeft .cnContact .title {
            color: #0a2d6e;
            font-size: 13px;
            text-transform: uppercase;
            font-weight: 700; }
          body .sectionJobListing .cnAccordion .cnPopUp .colLeft .cnContact .name {
            color: #3a3a3a;
            font-size: 13px;
            text-transform: uppercase;
            font-weight: 500; }
          body .sectionJobListing .cnAccordion .cnPopUp .colLeft .cnContact .cnSquareLink {
            margin-top: 10px;
            color: #5ac3cd; }
          body .sectionJobListing .cnAccordion .cnPopUp .colLeft .cnContact .cnSquareLink::before {
            background: #5ac3cd; }
          body .sectionJobListing .cnAccordion .cnPopUp .colLeft .cnContact .cnBlueBox {
            margin: 40px 0 0 0;
            width: 170px;
            height: 170px; }
      body .sectionJobListing .cnAccordion .cnPopUp .colRight {
        position: absolute;
        top: 25px;
        right: 195px; }
        body .sectionJobListing .cnAccordion .cnPopUp .colRight .share {
          display: block; }
          body .sectionJobListing .cnAccordion .cnPopUp .colRight .share a {
            width: 15px;
            height: 15px;
            padding: 0;
            background: url(../images/icn/icn-share-lblue.png) top left no-repeat;
            background-color: transparent !important; }
            body .sectionJobListing .cnAccordion .cnPopUp .colRight .share a svg {
              display: none !important; }
          body .sectionJobListing .cnAccordion .cnPopUp .colRight .share a::after {
            display: none !important; }
  body .sectionCompanyList {
    padding: 40px 0;
    background: #f0f0f0; }
    body .sectionCompanyList span.label {
      display: block;
      margin: 0 0 10px 0;
      color: #000000;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 15px; }
    body .sectionCompanyList .selector {
      height: 50px;
      margin: 0;
      padding: 0;
      background: #fff url(../images/icn/image-select.jpg) top right no-repeat;
      width: 100% !important;
      border-bottom: 2px solid #5ac3cd; }
    body .sectionCompanyList .selector span {
      margin: 0;
      padding: 0 20px;
      height: 50px;
      line-height: 50px;
      width: 100%;
      background: none;
      color: #0a2d6e;
      font-size: 18px;
      font-family: 'Roboto';
      font-weight: 400; }
    body .sectionCompanyList select {
      height: 50px !important;
      margin: 0;
      padding: 0;
      border: none;
      border-radius: 0px;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
      width: 100% !important;
      cursor: pointer; }
  body .sectionClusterTheme .cnIntro {
    padding: 100px 0 50px 13%; }
    body .sectionClusterTheme .cnIntro h1 {
      font-size: 40px; }
  body .sectionClusterLanding #clusterWrap {
    height: 1115px !important; }
  body .sectionClusterLanding .clusterLanding {
    height: 1115px !important;
    padding: 30px 0 0 0 !important; }
    body .sectionClusterLanding .clusterLanding .col.s2.cnFirst {
      width: 10%; }
    body .sectionClusterLanding .clusterLanding .cnTable .cnTableCell {
      padding: 0 10px; }
      body .sectionClusterLanding .clusterLanding .cnTable .cnTableCell span.num, body .sectionClusterLanding .clusterLanding .cnTable .cnTableCell span.ide {
        font-size: 30px; }
      body .sectionClusterLanding .clusterLanding .cnTable .cnTableCell span.title {
        font-size: 14px; }
    body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnTop .colLeft {
      float: left;
      width: 60%;
      position: relative;
      height: 400px; }
      body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnTop .colLeft .cnBlockDotted {
        width: 35%;
        height: 70px;
        background: url(../images/interface/mosaic6.png) top left repeat;
        position: absolute;
        top: -70px;
        right: 0px;
        display: none; }
      body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnTop .colLeft .cnRte {
        padding: 83px 40px 0 40px; }
        body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnTop .colLeft .cnRte h1 {
          margin: 0 0 47px 0;
          font-size: 40px; }
        body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnTop .colLeft .cnRte h2 {
          font-size: 24px;
          text-transform: uppercase;
          margin-bottom: 30px;
          font-family: 'Roboto', serif;
          font-weight: 700; }
    body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnTop .colRight {
      float: right;
      width: 40%;
      height: 400px;
      position: relative; }
      body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnTop .colRight .cnBlock {
        position: absolute; display: block;
        width: 50%;
        height: 200px; }
      body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnTop .colRight .cnLBlue {
        background: url(../images/interface/mosaic6.png) top left repeat;
        bottom: -150%;
        right: -50%; }
      body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnTop .colRight .cnGrey {
        background: #ebebeb;
        top: 0px;
        right: 0px; }
      body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnTop .colRight .cnWhite {
        background: #fff;
        bottom: 0px;
        right: 0px; }
      body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnTop .colRight .cnFond {
        bottom: 0px;
        right: 50%; }
      body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnTop .colRight .cnFond.cnDotted {
        bottom: -50%;
        right: 0%; }
    body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnBottom {
      width: 80%;
      height: 400px;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      -webkit-transition: 0.6s;
      -moz-transition: 0.6s;
      -ms-transition: 0.6s;
      -o-transition: 0.6s;
      transition: 0.6s;
      position: relative; }
      body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnBottom .cnOverlayDotted {
        width: 100%;
        height: 400px;
        position: relative; }
        body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnBottom .cnOverlayDotted .cnBlock {
          background: #fff;
          position: absolute;
          z-index: 2;
          width: 25%;
          height: 200px;
          bottom: 0px;
          left: 25%;
          background-image: url(../images/interface/mosaic.png);
          background-position: center center;
          background-repeat: repeat; }
      body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnBottom .cnOverlayDotted::after {
        content: "";
        background: url(../images/interface/mosaic3.png) top left repeat;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 50%;
        height: 400px;
        opacity: 0.7; }
    body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnBottomLast {
      width: 80%; }
      body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnBottomLast .cnLast {
        width: 25%;
        height: 200px; }
  body .sectionClusterTheme.sectionDiscoverMore .row {
    padding-left: 8.55rem;
    padding-bottom: 70px; }
    body .sectionClusterTheme.sectionDiscoverMore .row .cnWhite {
      left: 165px; }
    body .sectionClusterTheme.sectionDiscoverMore .row .cnTitre {
      top: 90px; }
      body .sectionClusterTheme.sectionDiscoverMore .row .cnTitre h1 {
        font-size: 40px; }
  body .sectionClusterTheme.sectionDiscoverMore .col.s2 {
    padding: 0;
    width: 18.2%; }
  body .sectionClusterTheme.sectionDiscoverMore .col.s2 .cnInner {
    height: 200px;
    text-align: center;
    overflow: hidden;
    position: relative;
    width: 100.5%; }
    body .sectionClusterTheme.sectionDiscoverMore .col.s2 .cnInner .cnTable {
      width: 100%;
      height: 100%; }
    body .sectionClusterTheme.sectionDiscoverMore .col.s2 .cnInner .cnTableCell {
      -webkit-background-size: cover !important;
      -moz-background-size: cover !important;
      -ms-background-size: cover !important;
      background-size: cover !important;
      -webkit-transition: 0.8s;
      -moz-transition: 0.8s;
      -ms-transition: 0.8s;
      -o-transition: 0.8s;
      transition: 0.8s;
      padding: 0px;
      background-position: center center;
      background-repeat: no-repeat;
      color: #fff;
      z-index: 2;
      position: relative;
      font-size: 20px;
      padding: 20px;
      font-size: 0px; }
    body .sectionClusterTheme.sectionDiscoverMore .col.s2 .cnInner .cnTableCell:before {
      height: 200px !important;
      content: "";
      display: block;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: -1;
      -webkit-transition: 0.8s;
      -moz-transition: 0.8s;
      -ms-transition: 0.8s;
      -o-transition: 0.8s;
      transition: 0.8s; }
    body .sectionClusterTheme.sectionDiscoverMore .col.s2 .cnInner .cnTable:hover .cnTableCell::before {
      background-color: transparent; }
  body .sectionWorkWithUs.sectionClusterTheme {
    margin-top: -70px;
    height: 210px; }
    body .sectionWorkWithUs.sectionClusterTheme #workWrap .cnWrapper {
      width: 685px; }
    body .sectionWorkWithUs.sectionClusterTheme #workWrap .colLeft {
      width: 535px; }
  body .sectionPopUp.sectionClusterTheme .cnPopUp .cnTop {
    height: 300px; }
  body .sectionPopUp.sectionClusterTheme .cnTop .cnLeft .cnImg {
    right: 40px; }
  body .sectionPopUp.sectionClusterTheme .cnTop .cnLeft .cnFilter {
    right: 80px; }
  body .sectionPopUp.sectionClusterTheme .cnTop .cnLeft .cnImg, body .sectionPopUp.sectionClusterTheme .cnTop .cnLeft .cnFilter {
    width: 240px;
    height: 240px; }
    body .sectionPopUp.sectionClusterTheme .cnTop .cnLeft .cnImg img, body .sectionPopUp.sectionClusterTheme .cnTop .cnLeft .cnFilter img {
      width: 100%; }
  body .sectionPopUp.sectionClusterTheme .cnRight h1 {
    font-weight: 300;
    font-size: 40px; }
  body .sectionPopUp.sectionClusterTheme .cnRight ul {
    padding: 0 160px 0 0; }
  body .sectionPopUp.sectionClusterTheme .cnRight ul li {
    padding: 0 0 15px 40px; }
  body .sectionPopUp.sectionClusterTheme .cnRight ul li, body .sectionPopUp.sectionClusterTheme .cnRight ul li a {
    color: #0a2d6e;
    line-height: 20px; }
  body .sectionPopUp.sectionClusterTheme .cnRight ul li.location {
    background: url(../images/icn/icn-location.png) 0 1px no-repeat; }
  body .sectionPopUp.sectionClusterTheme .cnRight ul li.call {
    background: url(../images/icn/icn-call.png) 0 2px no-repeat; }
  body .sectionPopUp.sectionClusterTheme .cnRight ul li.fax {
    background: url(../images/icn/icn-fax.png) 0 0 no-repeat; }
  body .sectionPopUp.sectionClusterTheme .cnRight ul li.email {
    background: url(../images/icn/icn-mail.png) 0 2px no-repeat; }
  body .sectionPopUp.sectionClusterTheme .cnOverlayPopUp .cnPopUp .cnBottom {
    padding: 0; }
  body .sectionPopUp.sectionClusterTheme .cnPopUp .scroll-pane {
    height: 160px !important; }
    body .sectionPopUp.sectionClusterTheme .cnPopUp .scroll-pane .inner {
      padding: 0 20px 0 0; }
      body .sectionPopUp.sectionClusterTheme .cnPopUp .scroll-pane .inner ul {
        margin: 0; }
        body .sectionPopUp.sectionClusterTheme .cnPopUp .scroll-pane .inner ul li {
          background: url(../images/interface/square-list.png) 0 4px no-repeat;
          line-height: 18px;
          padding-left: 30px;
          margin-bottom: 8px; }
      body .sectionPopUp.sectionClusterTheme .cnPopUp .scroll-pane .inner .cnDownloads {
        padding: 25px 20px 0 0; }
        body .sectionPopUp.sectionClusterTheme .cnPopUp .scroll-pane .inner .cnDownloads h2 {
          text-transform: uppercase;
          font-weight: 700;
          font-family: 'Roboto', serif;
          font-size: 16px; }
        body .sectionPopUp.sectionClusterTheme .cnPopUp .scroll-pane .inner .cnDownloads ul {
          margin: 25px 0 0 0 !important;
          border-top: 1px solid #f2f2f2; }
          body .sectionPopUp.sectionClusterTheme .cnPopUp .scroll-pane .inner .cnDownloads ul li {
            height: 60px;
            line-height: 60px;
            border-top: 1px solid #f2f2f2;
            background: none;
            line-height: 60px;
            margin-bottom: 0px;
            padding: 0; }
            body .sectionPopUp.sectionClusterTheme .cnPopUp .scroll-pane .inner .cnDownloads ul li a {
              color: #3a3a3a;
              display: block;
              position: relative; }
              body .sectionPopUp.sectionClusterTheme .cnPopUp .scroll-pane .inner .cnDownloads ul li a span {
                position: absolute;
                top: 0px;
                right: 0px;
                font-size: 14px;
                padding: 0 40px 0 0;
                background: url(../images/icn/icnDownload.png) right 18px no-repeat; }
          body .sectionPopUp.sectionClusterTheme .cnPopUp .scroll-pane .inner .cnDownloads ul li:last-child {
            border-bottom: 1px solid #f2f2f2; }
  body .sectionClusterTheme.cnAppleGreen h1, body .sectionClusterTheme.cnAppleGreen h2 {
    color: #96c83c !important; }
  body .sectionClusterTheme.cnAppleGreen .cnTableCell:before {
    background-color: rgba(150, 200, 60, 0.4); }
  body .sectionClusterTheme.cnAppleGreen .even .cnTableCell:before {
    background-color: rgba(150, 200, 60, 0.7) !important; }
  body .sectionClusterTheme.cnAppleGreen .even .cnTable:hover .cnTableCell::before {
    background-color: transparent !important; }
  body .sectionClusterTheme.cnAppleGreen .cnTable:hover .cnTableCell {
    color: #96c83c !important; }
  body .sectionPopUp.sectionClusterTheme.cnAppleGreen h1 {
    color: #96c83c !important;
    margin-bottom: 20px; }
  body .sectionClusterTheme.cnBlue h1, body .sectionClusterTheme.cnBlue h2 {
    color: #0a2d6e !important; }
  body .sectionClusterTheme.cnBlue .cnTableCell:before {
    background-color: rgba(20, 48, 100, 0.5); }
  body .sectionClusterTheme.cnBlue .even .cnTableCell:before {
    background-color: rgba(20, 48, 100, 0.85) !important; }
  body .sectionClusterTheme.cnBlue .even .cnTable:hover .cnTableCell::before {
    background-color: transparent !important; }
  body .sectionClusterTheme.cnBlue .cnTable:hover .cnTableCell {
    color: #0a2d6e !important; }
  body .sectionPopUp.sectionClusterTheme.cnBlue h1 {
    color: #0a2d6e !important;
    margin-bottom: 20px; }
  body .sectionClusterTheme.cnGreen h1, body .sectionClusterTheme.cnGreen h2 {
    color: #03ae59 !important; }
  body .sectionClusterTheme.cnGreen .cnTableCell:before {
    background-color: rgba(3, 174, 89, 0.4); }
  body .sectionClusterTheme.cnGreen .even .cnTableCell:before {
    background-color: rgba(3, 174, 89, 0.7) !important; }
  body .sectionClusterTheme.cnGreen .even .cnTable:hover .cnTableCell::before {
    background-color: transparent !important; }
  body .sectionClusterTheme.cnGreen .cnTable:hover .cnTableCell {
    color: #03ae59 !important; }
  body .sectionPopUp.sectionClusterTheme.cnGreen h1 {
    color: #03ae59 !important;
    margin-bottom: 20px; }
  body .sectionClusterTheme.cnLightGreen h1, body .sectionClusterTheme.cnLightGreen h2 {
    color: #78dc8c !important; }
  body .sectionClusterTheme.cnLightGreen .cnTableCell:before {
    background-color: rgba(120, 220, 140, 0.4); }
  body .sectionClusterTheme.cnLightGreen .even .cnTableCell:before {
    background-color: rgba(120, 220, 140, 0.7) !important; }
  body .sectionClusterTheme.cnLightGreen .even .cnTable:hover .cnTableCell::before {
    background-color: transparent !important; }
  body .sectionClusterTheme.cnLightGreen .cnTable:hover .cnTableCell {
    color: #78dc8c !important; }
  body .sectionPopUp.sectionClusterTheme.cnLightGreen h1 {
    color: #78dc8c !important;
    margin-bottom: 20px; }
  body .sectionClusterTheme.cnYellow h1, body .sectionClusterTheme.cnYellow h2 {
    color: #ffd133 !important; }
  body .sectionClusterTheme.cnYellow .cnTableCell:before {
    background-color: rgba(255, 209, 51, 0.4); }
  body .sectionClusterTheme.cnYellow .even .cnTableCell:before {
    background-color: rgba(255, 209, 51, 0.7) !important; }
  body .sectionClusterTheme.cnYellow .even .cnTable:hover .cnTableCell::before {
    background-color: transparent !important; }
  body .sectionClusterTheme.cnYellow .cnTable:hover .cnTableCell {
    color: #ffd133 !important; }
  body .sectionPopUp.sectionClusterTheme.cnYellow h1 {
    color: #ffd133 !important;
    margin-bottom: 20px; }
  body .sectionClusterTheme.cnPurple h1, body .sectionClusterTheme.cnPurple h2 {
    color: #7066f4 !important; }
  body .sectionClusterTheme.cnPurple .cnTableCell:before {
    background-color: rgba(112, 102, 244, 0.4); }
  body .sectionClusterTheme.cnPurple .even .cnTableCell:before {
    background-color: rgba(112, 102, 244, 0.7) !important; }
  body .sectionClusterTheme.cnPurple .even .cnTable:hover .cnTableCell::before {
    background-color: transparent !important; }
  body .sectionClusterTheme.cnPurple .cnTable:hover .cnTableCell {
    color: #7066f4 !important; }
  body .sectionPopUp.sectionClusterTheme.cnPurple h1 {
    color: #7066f4 !important;
    margin-bottom: 20px; }
  body .sectionClusterTheme.cnPink h1, body .sectionClusterTheme.cnPink h2 {
    color: #e21a79 !important; }
  body .sectionClusterTheme.cnPink .cnTableCell:before {
    background-color: rgba(226, 26, 121, 0.4); }
  body .sectionClusterTheme.cnPink .even .cnTableCell:before {
    background-color: rgba(226, 26, 121, 0.7) !important; }
  body .sectionClusterTheme.cnPink .even .cnTable:hover .cnTableCell::before {
    background-color: transparent !important; }
  body .sectionClusterTheme.cnPink .cnTable:hover .cnTableCell {
    color: #e21a79 !important; }
  body .sectionPopUp.sectionClusterTheme.cnPink h1 {
    color: #e21a79 !important;
    margin-bottom: 20px; }
  body .sectionClusterTheme.cnOrange h1, body .sectionClusterTheme.cnOrange h2 {
    color: #f37c26 !important; }
  body .sectionClusterTheme.cnOrange .cnTableCell:before {
    background-color: rgba(243, 124, 38, 0.4); }
  body .sectionClusterTheme.cnOrange .even .cnTableCell:before {
    background-color: rgba(243, 124, 38, 0.7) !important; }
  body .sectionClusterTheme.cnOrange .even .cnTable:hover .cnTableCell::before {
    background-color: transparent !important; }
  body .sectionClusterTheme.cnOrange .cnTable:hover .cnTableCell {
    color: #f37c26 !important; }
  body .sectionPopUp.sectionClusterTheme.cnOrange h1 {
    color: #f37c26 !important;
    margin-bottom: 20px; }
  body .sectionClusterTheme.cnLightBlue h1, body .sectionClusterTheme.cnLightBlue h2 {
    color: #5ac3cd !important; }
  body .sectionClusterTheme.cnLightBlue .cnTableCell:before {
    background-color: rgba(90, 195, 205, 0.4); }
  body .sectionClusterTheme.cnLightBlue .even .cnTableCell:before {
    background-color: rgba(90, 195, 205, 0.7) !important; }
  body .sectionClusterTheme.cnLightBlue .even .cnTable:hover .cnTableCell::before {
    background-color: transparent !important; }
  body .sectionClusterTheme.cnLightBlue .cnTable:hover .cnTableCell {
    color: #5ac3cd !important; }
  body .sectionPopUp.sectionClusterTheme.cnOrange h1 {
    color: #5ac3cd !important;
    margin-bottom: 20px; }
  body .sectionClusterTheme.cnGrey h1, body .sectionClusterTheme.cnGrey h2 {
    color: #b1b3b2 !important; }
  body .sectionClusterTheme.cnGrey .cnTableCell:before {
    background-color: rgba(177, 179, 178, 0.4); }
  body .sectionClusterTheme.cnGrey .even .cnTableCell:before {
    background-color: rgba(177, 179, 178, 0.7) !important; }
  body .sectionClusterTheme.cnGrey .even .cnTable:hover .cnTableCell::before {
    background-color: transparent !important; }
  body .sectionClusterTheme.cnGrey .cnTable:hover .cnTableCell {
    color: #b1b3b2 !important; }
  body .sectionPopUp.sectionClusterTheme.cnGrey h1 {
    color: #b1b3b2 !important;
    margin-bottom: 20px; }
  body .bannerThankYou {
    height: 555px; }
    body .bannerThankYou .section .cnInner {
      top: 74px;
      bottom: inherit;
      height: auto;
      padding: 70px 60px; }
      body .bannerThankYou .section .cnInner .cnSquareLink {
        color: #5ac3cd !important; }
      body .bannerThankYou .section .cnInner .cnSquareLink:hover {
        color: #0a2d6e !important; }
      body .bannerThankYou .section .cnInner .cnSquareLink::before {
        background: #5ac3cd !important; }
      body .bannerThankYou .section .cnInner .cnSquareLink:hover::before {
        background: #0a2d6e !important; }
  body .sectionFormulaireMultiSteps {
    padding: 70px 0 155px 0; }
    body .sectionFormulaireMultiSteps .cnMultiSteps {
      background: #f0f0f0;
      padding: 40px 65px; }
      body .sectionFormulaireMultiSteps .cnMultiSteps h1 {
        font-size: 40px;
        color: #5ac3cd;
        font-weight: 300;
        margin: 0 0 35px 0; }
      body .sectionFormulaireMultiSteps .cnMultiSteps form {
        margin: 0;
        padding: 0;
        position: relative; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .cngrp {
          margin-bottom: 35px; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .cngrp:last-child {
          margin-bottom: 0px; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .cngrp.cnThree .form-item {
          width: 32%;
          margin: 0 2% 0 0; }
          body .sectionFormulaireMultiSteps .cnMultiSteps form .cngrp.cnThree .form-item input {
            height: 48px;
            line-height: 48px; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .cngrp.cnThree .webform-component--specify-professional-qualifications {
          margin: 0 !important; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .form-item {
          margin: 0;
          padding: 0; }
          body .sectionFormulaireMultiSteps .cnMultiSteps form .form-item label {
            text-transform: uppercase;
            color: #0a2d6e;
            font-size: 14px;
            font-weight: 700;
            font-family: 'Roboto';
            display: inline-block;
            margin-bottom: 20px;
            position: relative; }
            body .sectionFormulaireMultiSteps .cnMultiSteps form .form-item label span.form-required {
              position: absolute;
              top: 0px;
              right: -15px;
              width: 10px !important;
              height: 10px;
              line-height: 13px;
              color: #f00 !important;
              padding: 0; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-radios label {
          font-size: 0px; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-radios .description {
          font-size: 13px;
          line-height: 17px; }
          body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-radios .description a {
            display: inline-block;
            color: #0a2d6e; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .form-item {
          float: left; }
          body .sectionFormulaireMultiSteps .cnMultiSteps form .form-item .form-text {
            background: #fff;
            height: 50px;
            line-height: 50px;
            border-bottom: 2px solid #5ac3cd;
            margin: 0;
            padding: 0;
            color: #3a3a3a;
            font-size: 14px;
            padding: 0 0 0 6%;
            width: 94%;
            font-family: 'Roboto'; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-select, body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-node-reference, body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-term-reference {
          float: left;
          width: 49%;
          margin: 0 2% 0 0; }
          body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-select .selector, body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-node-reference .selector, body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-term-reference .selector {
            height: 50px;
            margin: 0;
            padding: 0;
            background: #fff url(../images/icn/image-select.jpg) top right no-repeat;
            width: 100% !important;
            border-bottom: 2px solid #5ac3cd; }
          body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-select span, body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-node-reference span, body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-term-reference span {
            margin: 0;
            padding: 0 20px;
            height: 50px;
            line-height: 50px;
            width: 100%;
            background: none;
            color: #3a3a3a;
            font-size: 14px;
            font-family: 'Roboto'; }
          body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-select select, body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-node-reference select, body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-term-reference select {
            height: 50px;
            margin: 0;
            padding: 0;
            border: none;
            border-radius: 0px;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
            width: 100% !important;
            cursor: pointer; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-select:last-child {
          margin: 0; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-progressbar {
          float: left;
          width: 100%;
          padding: 0 45px 0 35px;
          height: 130px; }
          body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-progressbar .webform-progressbar-outer {
            height: 3px;
            border: 1px solid #fff;
            margin: 85px auto 0 auto;
            width: 99%; }
            body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-progressbar .webform-progressbar-outer .webform-progressbar-inner {
              height: 3px; }
            body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-progressbar .webform-progressbar-outer .webform-progressbar-inner {
              background-color: #5ac3cd; }
            body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-progressbar .webform-progressbar-outer .webform-progressbar-page.completed {
              background-color: #5ac3cd; }
              body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-progressbar .webform-progressbar-outer .webform-progressbar-page.completed span {
                color: #5ac3cd; }
            body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-progressbar .webform-progressbar-outer .webform-progressbar-page.current {
              background-color: #5ac3cd; }
              body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-progressbar .webform-progressbar-outer .webform-progressbar-page.current .webform-progressbar-page-label {
                color: #5ac3cd; }
            body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-progressbar .webform-progressbar-outer .webform-progressbar-page-label {
              margin: 0;
              text-transform: uppercase;
              color: #fff;
              font-size: 11px;
              font-weight: 700;
              display: block;
              text-align: left;
              top: 26px;
              font-family: 'Roboto';
              width: 200px; }
          body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-progressbar .webform-progressbar-page {
            width: 15px;
            height: 15px;
            border: none;
            margin: -9px -4px;
            border-radius: 0px;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .cngrp .webform-component--title {
          width: 15%;
          margin: 0 2% 0 0; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .cngrp .webform-component--first-name {
          width: 40%;
          margin: 0 2% 0 0; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .cngrp .webform-component--last-name {
          width: 41%; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .cngrp .webform-component--address-line-1 {
          width: 49%;
          margin: 0 2% 0 0; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .cngrp .webform-component--address-line-2 {
          width: 49%; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .cngrp .webform-component--town-city {
          width: 40%;
          margin: 0 2% 0 0; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .cngrp .webform-component--postcode {
          width: 15%;
          margin: 0 2% 0 0; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .cngrp .webform-component--country {
          width: 41%; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .cngrp .webform-component--phone {
          width: 20%;
          margin: 0 2% 0 0; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .cngrp .webform-component--mobile {
          width: 20%;
          margin: 0 2% 0 0; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .cngrp .webform-component--email {
          width: 34%;
          margin: 0 2% 0 0; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .cngrp .webform-component--drivers-license-holder {
          width: 20%; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .cngrp .webform-component--level-of-education {
          width: 49%;
          margin: 0 2% 0 0; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .cngrp .webform-component--field-of-sturdy {
          width: 32%;
          margin: 0 2% 0 0; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .cngrp .webform-component--experience {
          width: 32%; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-textarea {
          width: 100%;
          margin-bottom: 35px; }
          body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-textarea textarea {
            width: 100%;
            height: 90px;
            resize: none;
            border-bottom: 2px solid #5ac3cd;
            border: none;
            font-size: 14px;
            color: #3a3a3a;
            font-family: 'Roboto'; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form #edit-submitted-upload-cv-ajax-wrapper {
          width: 49%;
          margin: 0 2% 0 0;
          float: left;
          overflow: hidden; }
          body .sectionFormulaireMultiSteps .cnMultiSteps form #edit-submitted-upload-cv-ajax-wrapper .form-item {
            width: 100%; }
          body .sectionFormulaireMultiSteps .cnMultiSteps form #edit-submitted-upload-cv-ajax-wrapper .form-managed-file {
            width: 100%;
            height: 50px; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form #edit-submitted-upload-cover-letter-ajax-wrapper {
          width: 49%;
          float: left;
          overflow: hidden; }
          body .sectionFormulaireMultiSteps .cnMultiSteps form #edit-submitted-upload-cover-letter-ajax-wrapper .form-item {
            width: 100%; }
          body .sectionFormulaireMultiSteps .cnMultiSteps form #edit-submitted-upload-cover-letter-ajax-wrapper .form-managed-file {
            width: 100%;
            height: 50px; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-file .uploader {
          width: 100%;
          height: 50px;
          line-height: 50px;
          background: #fff url(../images/icn/upload-icon.jpg) right top no-repeat; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-file .description {
          display: none; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-file .form-file {
          height: 50px;
          width: 100%;
          color: #3a3a3a;
          font-family: 'Roboto';
          font-size: 14px;
          cursor: pointer;
          padding: 0 0 0 5%; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-file .filename {
          height: 50px;
          line-height: 50px;
          width: 50%;
          padding: 0 0 0 5%;
          color: #3a3a3a;
          font-family: 'Roboto';
          font-size: 14px;
          margin: 0; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-file .action {
          height: 50px;
          line-height: 50px;
          padding: 0;
          color: #3a3a3a;
          font-family: 'Roboto';
          font-size: 14px; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .form-actions {
          width: 140px;
          height: 140px;
          position: absolute;
          bottom: -80px;
          right: 0px;
          margin: 0; }
          body .sectionFormulaireMultiSteps .cnMultiSteps form .form-actions input {
            margin: 0;
            width: 140px;
            height: 140px;
            border: none;
            background-color: #08519d;
            background-position: center center;
            background-repeat: no-repeat;
            -webkit-transition: 0.6s;
            -moz-transition: 0.6s;
            -ms-transition: 0.6s;
            -o-transition: 0.6s;
            transition: 0.6s;
            font-size: 18px;
            text-transform: uppercase;
            font-family: 'Roboto';
            font-weight: 300;
            color: #fff;
            font-size: 0px; }
          body .sectionFormulaireMultiSteps .cnMultiSteps form .form-actions .webform-next {
            background-image: url(../images/interface/next-normal.jpg); }
          body .sectionFormulaireMultiSteps .cnMultiSteps form .form-actions .webform-next:hover {
            background-image: url(../images/interface/next-hover.jpg); }
          body .sectionFormulaireMultiSteps .cnMultiSteps form .form-actions .cnSubmit {
            background-image: url(../images/interface/submit-normal.jpg); }
          body .sectionFormulaireMultiSteps .cnMultiSteps form .form-actions .cnSubmit:hover {
            background-image: url(../images/interface/submit-hover.jpg); }
          body .sectionFormulaireMultiSteps .cnMultiSteps form .form-actions .webform-previous {
            top: 100px;
            right: 140px;
            display: none; }
        body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-checkboxes {
          position: absolute;
          bottom: -120px;
          left: 0px; }
          body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-checkboxes .form-item {
            margin: 0; }
            body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-checkboxes .form-item label {
              margin-bottom: 5px !important; }
          body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-checkboxes .description {
            line-height: 18px;
            color: #3a3a3a;
            float: left;
            width: 100%;
            font-family: 'Roboto'; }
            body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-checkboxes .description a {
              color: #3a3a3a;
              font-weight: 700;
              text-decoration: underline; }
          body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-checkboxes [type="checkbox"] + label:before, body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-checkboxes [type="checkbox"]:not(.filled-in) + label:after {
            border: 1px solid #5ac3cd;
            width: 20px;
            height: 20px; }
          body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-component-checkboxes [type="checkbox"]:checked + label:before {
            width: 12px !important;
            height: 22px !important;
            border-top: none;
            border-left: none; }
  body .sectionFooter {
    background: #0a2d6e;
    padding: 20px 0; }
      body .sectionFooter .col.s4 .cnInner .ltd {
        font-size: 16px;
        font-weight: 700;
        color: #fff;
        margin-bottom: 5px;
        display: block;
        font-family: 'Roboto'; }
      body .sectionFooter .col.s4 .cnInner p {
        color: #fff;
        font-weight: 300;
        line-height: 19px; }
    body .sectionFooter .col.s3 .cnInner {
      padding-top: 20px; }
      body .sectionFooter .col.s3 .cnInner h2 {
        color: #fff;
        font-size: 16px;
        font-family: 'Roboto';
        font-weight: 700;
        margin: 0 0 8px 0; display: none;}
      body .sectionFooter .col.s3 .cnInner .cnContact li {
        margin-bottom: 5px;
        padding: 0;
        color: #fff;
        font-size: 14px;
        font-weight: 300; }
        body .sectionFooter .cnInner .cnContact li a {
          color: #fff; }
      body .sectionFooter .cnInner .cnSocial {
        margin: 0;
        padding: 0; }
        body .sectionFooter .cnInner .cnSocial li {
          margin: 0 15px 0 0;
          padding: 0;
          float: left;
          height: 22px; }
        body .sectionFooter .cnInner .cnSocial li:last-child {
          margin: 0; }
        body .sectionFooter .cnInner .cnSocial a {
          display: block;
          width: 100%;
          height: 100%; }
        body .sectionFooter .cnInner .cnSocial .fb {
          width: 22px;
          background: url(../images/icn/facebook.svg) top left no-repeat;
        background-size: 22px; }
        body .sectionFooter .cnInner .cnSocial .in {
          width: 22px;
          background: url(../images/icn/linkedin.svg) top left no-repeat;background-size: 22px; }
        body .sectionFooter .cnInner .cnSocial .insta {
          width:22px;
          background: url(../images/icn/instagram.svg) top left no-repeat;background-size: 22px;    
          position: relative;
          top: 2px; }
        body .sectionFooter .cnInner .cnSocial .yt {
          width: 22px;
          background: url(../images/icn/youtube.svg) top left no-repeat;background-size: 22px;
          height: 22px;
          position: relative;
          top: 2px; }
    body .sectionFooter .col.s2 .cnInner {
      text-align: center;
      width: 133px;
      height: 133px;
      margin: 0 auto;
      background: #0a2d6e;
      float: right;
      position: relative;
      top: -20px; }
      body .sectionFooter .col.s2 .cnInner a {
        display: block;
        width: 100%;
        height: 100%; }
        body .sectionFooter .col.s2 .cnInner a img {
          display: block;
          width: 100%; }
    body .sectionFooter .col.s12 .cnCopy {
      border-top: 1px solid #fff;
      color: #fff;
      padding-top: 8px;
      margin-top: 15px; }
      body .sectionFooter .col.s12 .cnCopy p {
        font-weight: 300; }
  body #navigation ul ul.sub li::after, body #navigation ul ul.sub li a {
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s; }
  body .parallax img {
    display: block; }
  body .cnBlock.cnSmall {
    width: 200px;
    height: 200px; }
  body .cnTable {
    display: table;
    height: 100%;
    width: 100%;
    vertical-align: middle; }
    body .cnTable .cnTableCell {
      display: table-cell;
      width: 100%;
      height: 100%;
      vertical-align: middle;
      padding-left: 22px; }
      body .cnTable .cnTableCell span {
        color: #fff;
        font-family: 'Roboto', serif; }
      body .cnTable .cnTableCell .title {
        font-weight: 700;
        line-height: 20px;
        margin-bottom: 5px;
        display: block;
        text-transform: uppercase; }
      body .cnTable .cnTableCell .cnWr {
        margin: 0;
        padding: 0; }
        body .cnTable .cnTableCell .cnWr .num, body .cnTable .cnTableCell .cnWr .ide {
          font-size: 44px;
          font-weight: 700;
          font-family: 'Roboto Slab', serif; }
  body .cnTable.cnBlueBox {
    display: table;
    height: 100%;
    width: 100%;
    background: #0a2d6e;
    position: relative;
    overflow: hidden; }
    body .cnTable.cnBlueBox .conInner {
      display: table-cell;
      height: 100%;
      vertical-align: middle;
      padding-left: 28px;
      color: #fff;
      font-size: 14px;
      position: relative;
      width: 100%;
      z-index: 2; }
      body .cnTable.cnBlueBox .conInner a {
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -ms-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s; }
      body .cnTable.cnBlueBox .conInner span.wrap {
        display: inline-block;
        position: relative; }
      body .cnTable.cnBlueBox .conInner span {
        display: block; }
      body .cnTable.cnBlueBox .conInner .cnBold {
        font-weight: 700; }
    body .cnTable.cnBlueBox span.wrap::before {
      content: '';
      position: absolute;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s;
      background: url(../images/interface/arrow-blue.png) top left no-repeat;
      width: 35px;
      height: 16px;
      bottom: -30px;
      left: 0px; }
  body .cnTable.cnBlueBox:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -200px;
    left: -200px;
    background: #5ac3cd;
    z-index: 1;
    opacity: 0;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s; }
  body .cnTable.cnBlueBox:hover:after {
    bottom: 0px;
    left: 0px;
    opacity: 1; }
  body .cnTable.cnBlueBox:hover span.wrap::before {
    background: url(../images/interface/arrow-white.png) top left no-repeat; }
  body .cnTable.cnBlueBox:hover a {
    color: #0a2d6e; }
  body .flexslider.cnVertical .flex-direction-nav {
    display: none; }
  body .scroll-pane .jspVerticalBar {
    width: 4px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s; }
  body .scroll-pane .jspTrack {
    background: #ebebeb; }
  body .scroll-pane .jspDrag {
    background: #5ac3cd; }
  body .scroll-pane:hover .jspVerticalBar {
    width: 6px; }

.cnBlueBar {
  width: 50%;
  position: absolute;
  bottom: 70px;
  left: 0px;
  height: 140px;
  background: #0a2d6e;
  z-index: 1; }

#newsAlerts {
  width: 100%;
  position: absolute;
  bottom: 70px;
  left: 0px;
  height: 140px;
  z-index: 2; }

#newsAlerts .container {
  height: 140px;
  background: #fff; }

#newsAlerts .cnFormWrap {
  width: 1100px;
  background: #0a2d6e; }

#newsAlerts .colLeft {
  float: left;
  width: 635px; }
  #newsAlerts .colLeft h2 {
    color: #fff;
    font-size: 55px;
    margin: 18px 0; }
  #newsAlerts .colLeft p {
    color: #fff; }

#newsAlerts .colRight {
  float: left;
  width: 465px; }
  #newsAlerts .colRight .cnForm {
    width: 465px;
    height: 140px;
    position: relative; }
    #newsAlerts .colRight .cnForm .clientside-error {
      position: absolute;
      top: -6px; }
    #newsAlerts .colRight .cnForm .form-item {
      width: 350px;
      height: 60px;
      position: absolute;
      top: 40px;
      left: 0px;
      z-index: 2;
      margin: 0; }
      #newsAlerts .colRight .cnForm .form-item input {
        width: 90%;
        height: 60px;
        border: none;
        margin: 0;
        padding: 0 0 0 10%;
        background: #fff;
        color: #5ac3cd;
        font-size: 14px;
        font-family: 'Roboto';
        line-height: 60px;
        border-bottom: 2px solid #5ac3cd; }
    #newsAlerts .colRight .cnForm .form-actions {
      width: 140px;
      height: 140px;
      position: absolute;
      top: 0px;
      right: 0px;
      margin: 0; }
      #newsAlerts .colRight .cnForm .form-actions input {
        width: 140px;
        height: 140px;
        border: none;
        background-color: #08519d;
        background-image: url(../images/icn/arrow-white.png);
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -ms-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
        font-size: 0px; }
      #newsAlerts .colRight .cnForm .form-actions input:hover {
        background-color: #5ac3cd;
        background-image: url(../images/icn/arrow-blue.png); }

.cnOverlayPopUp .cnPopUp {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: none; }

.cnOverlayPopUp .cnPopUp .cnClose {
  background: url(../images/icn/btnClose.png) top left no-repeat;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: -40px; }

.cnOverlayPopUp .cnPopUp .cnInner {
  width: 800px;
  height: 85vh;
  background: #ebebeb;
  margin: 50px auto 0 auto;
  position: relative; }

.cnOverlayPopUp .cnPopUp .cnDetails {
  padding: 70px; }

.cnOverlayPopUp .cnPopUp .cnTop {
  margin: 0;
  padding: 0;
  height: 235px; }
  .cnOverlayPopUp .cnPopUp .cnTop .cnLeft {
    float: left;
    width: 160px;
    background: #000;
    position: relative; }
    .cnOverlayPopUp .cnPopUp .cnTop .cnLeft .cnFilter {
      position: absolute;
      top: -40px;
      right: 40px;
      width: 250px;
      height: 250px;
      background: url(../images/interface/mosaic6.png) top left repeat; }
    .cnOverlayPopUp .cnPopUp .cnTop .cnLeft .cnImg {
      position: absolute;
      top: -15px;
      right: 10px;
      width: 250px;
      height: 250px; }
      .cnOverlayPopUp .cnPopUp .cnTop .cnLeft .cnImg img {
        display: block;
        width: 100%; }
  .cnOverlayPopUp .cnPopUp .cnTop .cnRight {
    float: right;
    width: 450px; }
    .cnOverlayPopUp .cnPopUp .cnTop .cnRight .cnRte h1 {
      font-size: 40px;
      color: #5ac3cd; }
    .cnOverlayPopUp .cnPopUp .cnTop .cnRight .cnRte h2 {
      font-size: 24px;
      font-weight: 700;
      color: #5ac3cd;
      font-family: 'Roboto', serif; }
    .cnOverlayPopUp .cnPopUp .cnTop .cnRight .cnRte p {
      color: #0a2d6e; }

.cnOverlayPopUp .cnPopUp .cnBottom {
  padding: 20px 0 0; }
  .cnOverlayPopUp .cnPopUp .cnBottom ul {
    margin: 0; }
    .cnOverlayPopUp .cnPopUp .cnBottom ul li {
      background: url(../images/interface/square-list.png) 0 4px no-repeat;
      line-height: 18px;
      padding-left: 30px;
      margin-bottom: 8px; }

.cnOverlayPopUp .cnPopUp .scroll-pane {
  height: 30vh !important;
  position: relative; }

.cnOverlayPopUp .cnPopUp .popupWrap .row {
  margin-left: -0.76rem;
  margin-right: -0.76rem; }

.node-type-vision-mission-values .sectionDiscoverMore {
  /*margin: -100px !important;*/ }

.node-type-careers .sectionWorkWithUs {
  margin: 40px 0 0 0; }

.node-type-investors .cnOverlay, .node-type-clusters .cnOverlay {
  display: none; }

.node-type-investors .sectionAnnouncements .swiper-wrapper {
  display: block !important; }

.sectionHeaderBannerWiiv {
  background: #5ac3cd; }
  .sectionHeaderBannerWiiv .cnBannerInner {
    height: 401px !important; }
    .sectionHeaderBannerWiiv .cnBannerInner .cnBannerImage {
      left: 612px;
      height: 325px;
      position: absolute;
      top: 75px;
      width: 49%; }
      .sectionHeaderBannerWiiv .cnBannerInner .cnBannerImage img {
        width: 100%; }

.section.sectionWiiv {
  padding: 70px 0 160px 0;
  overflow: hidden; }
  .section.sectionWiiv .col.cnLeft {
    padding-right: 0px; }
  .section.sectionWiiv .col.cnRight {
    padding-left: 0px;
    width: 47%;
    position: relative;
    margin: 50px 0 0 0; }
    .section.sectionWiiv .col.cnRight .cnBlock {
      width: 170px;
      height: 120px;
      position: absolute;
      top: -120px;
      right: -159px;
      background: url(../images/interface/mosaic6.png) top left repeat; }
    .section.sectionWiiv .col.cnRight .cnRte {
      position: relative;
      width: 100%; }
    .section.sectionWiiv .col.cnRight .cnImage {
      margin: 25px 0 0 0; }
      .section.sectionWiiv .col.cnRight .cnImage img {
        width: 100%;
        display: block; }
    .section.sectionWiiv .col.cnRight .cnVideo {
      position: absolute;
      top: 0px;
      left: 0px;
      display: none;
      z-index: 2; }
    .section.sectionWiiv .col.cnRight #play-button {
      background: url(../images/icn/btn-play.png) 0 0 no-repeat;
      width: 120px;
      height: 120px;
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      margin-left: auto;
      margin-right: auto;
      z-index: 1;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer; }
  .section.sectionWiiv .cnInner.cnDotted {
    background: url(../images/interface/mosaic5.png) top left repeat;
    padding: 70px 70px 90px 70px;
    position: relative; }
    .section.sectionWiiv .cnInner.cnDotted h2 {
      font-size: 40px;
      color: #5ac3cd;
      font-weight: 300;
      margin: 0 0 30px 0; }
    .section.sectionWiiv .cnInner.cnDotted ul.clearfix {
      position: absolute;
      bottom: -100px;
      left: 70px; }
      .section.sectionWiiv .cnInner.cnDotted ul.clearfix li {
        width: 170px;
        height: 170px;
        float: left;
        margin: 0 1px 0 0; }
        .section.sectionWiiv .cnInner.cnDotted ul.clearfix li a {
          padding-right: 20px; }
          .section.sectionWiiv .cnInner.cnDotted ul.clearfix li a span.wrap {
            display: inline-block;
            position: relative; }
        .section.sectionWiiv .cnInner.cnDotted ul.clearfix li p {
          font-size: 18px;
          font-weight: 300; }
          .section.sectionWiiv .cnInner.cnDotted ul.clearfix li p strong {
            display: block;
            font-weight: 500; }

.sectionBlocFullImage .cnImageFull img {
  display: block;
  width: 100%; }

.node-type-wiiv .sectionBlocFullImage {
  margin: 0 0 50px 0; }

body.node-type-job-application .sectionWorkWithUsSecond {
  margin-bottom: 0px;
  height: 315px; }

body.node-type-job-application .sectionWorkWithUsSecond .cnInner {
  min-height: 250px; }

@media (min-width: 1601px) and (max-width: 1700px) {
  body .sectionIntro .cnRight {
    width: 780px; }
  body .sectionHistory .flexslider-controls {
    left: 23.3%; }
  body .sectionHistory .flexslider .cnGrey {
    left: 50.8%; }
  body .sectionHistory .flexslider .cnBlue {
    right: 418px; }
  body .sectionHistory .flexslider .cnLblue {
    right: 217px; }
  body .sectionAnnualReports .cnSliderRight {
    width: 1220px;
    max-width: 1220px; }
  body .sectionAnnualReports .cnSliderRight .cnTop {
    max-width: 1065px; }
  body .sectionAnnouncements .cnSliderRight {
    width: 1220px;
    max-width: 1220px; } }

@media (min-width: 1401px) and (max-width: 1600px) {
  body .sectionIntro .cnRight {
    width: 780px; }
  body .sectionHistory .flexslider-controls {
    left: 18.6%; }
  body .sectionHistory .flexslider .cnGrey {
    left: 50.9%; }
  body .sectionHistory .flexslider .cnBlue {
    right: 300px; }
  body .sectionHistory .flexslider .cnLblue {
    right: 100px; }
  body .sectionAnnualReports .cnSliderRight {
    width: 1095px;
    max-width: 1095px; }
  body .sectionAnnualReports .cnSliderRight .cnTop {
    max-width: 1060px; }
  body .sectionAnnouncements .cnSliderRight {
    width: 1095px;
    max-width: 1095px; } }

@media (min-width: 1200px) and (max-width: 1300px) {
  #clusterWrap .clusterSlide.slide .flexslider .flex-direction-nav {
    right: 190px !important; } }

@media (min-width: 1201px) and (max-width: 1400px) {
  body .sectionIntro .cnRight {
    width: 115%; }
  body .sectionHistory .flexslider-controls {
    left: 17%; }
  body .sectionHistory .flexslider .cnGrey {
    left: 51%; }
  body .sectionHistory .flexslider .cnBlue {
    right: 261px; }
  body .sectionHistory .flexslider .cnLblue {
    right: 61px; }
  body .sectionAnnualReports .cnSliderRight {
    width: 1060px;
    max-width: 1060px; }
  body .sectionAnnualReports .cnSliderRight .cnTop {
    max-width: 1055px; }
  body .sectionAnnouncements .cnSliderRight {
    width: 1060px;
    max-width: 1060px; } }

@media (min-width: 0px) and (max-width: 1099px) {
  #navigation .cnInner ul.clearfix {
    display: none; }
  #main-nav {
    display: block !important; } }

@media (min-width: 1000px) and (max-width: 1100px) {
  .sectionHeaderBannerWiiv .cnBannerInner .cnBannerImage {
    height: 190px;
    width: 340px;
    top: 210px; }
  body #navigation .cnLangue {
    right: 40px; } }

@media (min-width: 700px) and (max-width: 999px) {
  body .cnBannerInner .cnBoxWhite {
    width: 340px; }
  body #navigation .cnLangue {
    right: 70px; }
  .sectionHeaderBannerWiiv .cnBannerInner .cnBannerImage {
    width: 230px;
    left: 512px;
    height: 130px;
    top: 175px; }
  .section.sectionWiiv .cnInner.cnDotted ul.clearfix {
    width: 345px; }
  .section.sectionWiiv .cnInner.cnDotted {
    padding: 70px 50px 90px 50px; }
  .section.sectionWiiv .cnInner.cnDotted h2 {
    font-size: 30px; } }

@media (min-width: 900px) and (max-width: 1200px) {
  body.i18n-fr .sectionAboutKpi .cnWhite h2 {
    font-size: 21px; }
  body h1 {
    font-size: 40px; }
  body .sectionFormulaireMultiSteps .cnMultiSteps {
    padding: 40px 30px; }
  body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-progressbar {
    padding: 0 130px 0 80px; }
  body #backtotop {
    right: 18px; }
  body #navigation ul.mobilenav {
    top: 86px;
    right: -40px; }
  body #navigation #main-nav {
    width: 86.1%; }
  body .sectionIntro .cnRight {
    width: 115%; }
  body .sectionIntro .cnLeft .cnRte h1 span {
    font-size: 40px; }
  body .cnTable .cnTableCell .title {
    font-size: 13px; }
  body #clusterWrap .clusterSlide.slideAll .cnFondImg .cnTable .cnTableCell span {
    font-size: 14px;
    line-height: 16px; }
  body .cnTable .cnTableCell .cnWr .num, body .cnTable .cnTableCell .cnWr .ide {
    font-size: 30px; }
  body #clusterWrap .clusterSlide.slide .flexslider .flex-direction-nav {
    right: 154px; }
  body #clusterWrap .clusterSlide.slide .col.s2 .cnTable, body #clusterWrap .clusterSlide.slide .col.s4 .cnTable {
    height: 153px; }
  body .sectionInvestors .s2 .cnInner {
    height: 153px; }
  body #clusterWrap .clusterSlide.slideAll .col .cnTable {
    height: 154px; }
  body .sectionInvestors .cnFirst .cnInner ul {
    margin: 80px 0 0 0; }
  body .sectionInvestors .cnFirst .cnInner ul li {
    width: 150px;
    height: 150px; }
  body .sectionInvestors .cnFirst .cnInner {
    padding: 70px 35px; }
  body .sectionInvestors .cnFirst .cnInner .cnRte {
    padding: 30px 0 0 45px;
    height: 445px;
    margin-top: 175px;
    margin-left: -30px; }
    body .sectionInvestors .cnFirst .cnInner .cnRte p {
      font-size: 22px; }
  body .sectionInvestors .cnFirst .cnInner .cnRte .cnQuote .quoteRight {
    right: -10px; }
  body .sectionAboutMap .cnRte {
    width: 100%;
    max-width: 100%;
    padding: 60px 21% 60px 21%; }
  body .sectionAboutUsTop .cnBig.cnTop .conInner {
    padding: 90px 20px; }
  body .sectionAboutUsTop .cnSmall {
    padding: 20px; }
  body .sectionAboutUsSecond .cnRight {
    padding: 0 0 0 5%; }
  body .sectionAboutKpi .col .cnTable {
    height: 153px; }
  body .sectionAboutKpi .cnWhite h2 {
    font-size: 30px; }
  body .sectionAboutKpi .cnCenter .cnTableCell {
    padding: 0 10px; }
  body .sectionAboutKpi .cnDotted {
    width: 101%; }
  body .sectionDiscoverMore .row .col.s3 .cnInner, body .sectionDiscoverMore .row .col.s3 .cnInner .cnTableCell:before {
    height: 234px; }
  body .sectionHistory .flexslider .cnGrey {
    display: none; }
  body .sectionHistory .flexslider li .cnRte {
    padding: 0 15% 0 48%; }
  body .sectionHistory .flexslider .cnBlue {
    right: 333px; }
  body .sectionBoard .col.s2 {
    height: 153px;
    width: 153px; }
  body .sectionBoard .cnLBlue {
    top: -60px;
    right: 48px !important; }
  body .sectionBoard .cnAccordion .collapsible .collapsible-header .cnSecond {
    padding: 0 0 0 15px;
    width: 59%; }
  body .sectionBoard .cnAccordion .collapsible .collapsible-header.active .cnFirst p {
    font-size: 18px;
    line-height: 20px; }
  body .sectionClusterTheme.sectionDiscoverMore .col.s2 .cnInner .cnTable {
    width: 100.5%; }
  body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnTop .colRight .cnBlock {
    height: 153px; }
  body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnTop .colRight .cnFond.cnDotted {
    bottom: -38%; }
  body .sectionClusterTheme.sectionDiscoverMore .col.s2 .cnInner, body .sectionClusterTheme.sectionDiscoverMore .col.s2 .cnInner .cnTableCell:before {
    height: 150px; }
  body .sectionClusterTheme.sectionDiscoverMore .row {
    padding-top: 130px;
    padding-bottom: 80px; }
  body .sectionClusterTheme.sectionDiscoverMore .row .cnTitre {
    top: 40px; }
  body .sectionClusterTheme .cnIntro {
    padding: 40px 0 50px 16.5%; }
  body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnTop .colRight .cnGrey {
    top: 95px;
    right: 1px; }
  body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnBottom .cnOverlayDotted .cnBlock, body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnBottomLast .cnLast {
    height: 153px; }
  body .sectionInvestorsWrap .cnSharePrice .cnHeader span, body .sectionInvestorsWrap .colFourth .cnBig .cnHeader .titre, body .sectionInvestorsWrap .colFifth .cnSmall .titre, body .sectionInvestorsWrap .colSixth .cnSmall .titre, body .sectionInvestorsWrap .colFourth .cnSmall .titre, body .sectionInvestorsWrap .cnUpcomingEvents .cnHeader .titre, body .sectionInvestorsWrap .cnLatest .titre {
    font-size: 25px;
    line-height: 28px; }
  body .sectionInvestorsWrap .cnUpcomingEvents .cnHeader {
    padding: 50px 15px 0 15px; }
  body .sectionInvestorsWrap .cnLatest, body .sectionInvestorsWrap .colSixth .cnBottom, body .sectionInvestorsWrap .colFourth .cnSmall, body .sectionInvestorsWrap .colSixth .cnSmall, body .sectionInvestorsWrap .colFifth .cnSmall {
    padding: 25px 15px; }
  body .sectionInvestorsWrap .colFifth .cnTop .conInner {
    padding: 90px 15px; }
  body .sectionInvestorsWrap .colFourth .cnBig .cnHeader {
    padding: 50px 40px 0 15px; }
  body .sectionInvestorsWrap .colFourth .cnBig .cnLast .scroll-pane ul li a, body .sectionInvestorsWrap .cnUpcomingEvents .cnLast .scroll-pane ul li {
    padding: 35px 15px 0 15px; }
  body .sectionInvestorsWrap .colFourth .cnBig .cnLast .scroll-pane ul li a .titre {
    font-size: 17px; }
  body #newsAlerts .container {
    background: none; }
  body #newsAlerts .cnFormWrap {
    width: 835px; }
  body #newsAlerts .colLeft h2 {
    font-size: 35px;
    margin: 34px 0 13px 0; }
  body #newsAlerts .colLeft {
    width: 370px; }
  body .sectionAnnualReports .cnSliderRight, body .sectionAnnouncements .cnSliderRight {
    width: 1100px;
    max-width: 1100px; }
  body .sectionAnnualReports .cnSliderRight .cnFilter {
    right: 20px !important; }
  body .sectionFinancialPresentations .colLeft .titre p {
    font-size: 13px; }
  body .sectionShareholdersEvent .colLeft .cnCon .inner {
    padding: 30px 20px 30px 20px; }
  body .sectionBoxRepeat .cnText .cnInner {
    padding: 20px 110px 50px 20px; }
  body .sectionBoxRepeat .cnText .cnInner .cnRte h2 {
    width: 230px;
    font-size: 25px; }
  body .sectionLatestNews .col.s3 .cnInner a .newBottom .cnTitle {
    font-size: 18px;
    line-height: 20px; }
  body #workWrap .colLeft h2 {
    margin: 34px 0 13px 0;
    font-size: 35px; }
  body #workWrap .cnWrapper {
    width: 440px; }
  body #workWrap .colLeft {
    width: 295px; }
  body .sectionWorkWithUsSecond .cnInner {
    padding: 50px 15px 10px 15px; }
  body .sectionWorkWithUsSecond .cnInner .cnRte h2 {
    font-size: 20px;
    line-height: 25px; }
  body .sectionJobFiltering form .views-exposed-widgets .views-exposed-widget {
    width: 30.2%; }
  body .sectionNewsroom .col.s4 {
    width: 50%; }
  body .sectionContactUs .cnContactForm {
    padding: 65px 25px 110px 25px; }
  body .sectionContactUs .cnContactDetails .conInner {
    padding: 80px 25px; }
  body .sectionThreeCol .col .cnInner .cnRte h2 {
    font-size: 28px; }
  body .sectionJobListing .cnAccordion .collapsible .col.s3 .cnInner .newBottom .cnTitle {
    font-size: 18px; }
  body .sectionJobListing .cnAccordion .cnPopUp .cnInner {
    width: 910px;
    height: 90vh;
    margin: 35px auto 0 auto; } }

@media (min-width: 700px) and (max-width: 899px) {
  body .section .container {
    width: 95%; }
  body h1 {
    font-size: 35px; }
  body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-progressbar {
    padding: 0 5px 0 0; }
  body .sectionFormulaireMultiSteps .cnMultiSteps form .webform-progressbar .webform-progressbar-outer {
    margin: 10px auto 0 auto; }
  body .sectionFormulaireMultiSteps .cnMultiSteps {
    padding: 40px 30px; }
  body #navigation ul.cnMainMenu {
    display: none; }
  body #navigation .menu-toggle {
    right: -9px; }
  body #navigation #main-nav {
    width: 78.5%; }
  body #navigation ul.mobilenav {
    right: -9px; }
  body .sectionIntro .cnLeft .cnRte {
    padding-top: 145px;
    padding-right: 75px; }
  body .sectionIntro .cnRight {
    width: 390px; }
  body .sectionIntro .cnLeft .cnRte h1, body .sectionIntro .cnLeft .cnRte h1 span {
    font-size: 35px; }
  body #clusterWrap .clusterSlide.slideAll .cnFondImg .cnTable .cnTableCell span {
    font-size: 14px;
    line-height: 16px; }
  body .cnTable .cnTableCell .cnWr .num, body .cnTable .cnTableCell .cnWr .ide {
    font-size: 30px; }
  body .cnBlock.cnSmall {
    width: 150px;
    height: 150px; }
  body .sectionIntro .cnLeft .cnBlock.cnB2 {
    right: 150px; }
  body .sectionIntro .cnRight .cnBlock.cnB1 {
    bottom: 150px; }
  body .sectionIntro .cnRight .cnBlock.cnB2 {
    left: 150px; }
  body #sidebar-right {
    top: 123px; }
  body #clusterWrap {
    height: 585px; }
  body #clusterWrap .clusterSlide.slideAll .col.s4 {
    width: 100%; }
  body #clusterWrap .clusterSlide.slideAll .col.s2 {
    width: 25%;
    height: 170px; }
  body #clusterWrap .clusterSlide.slideAll .col .cnTable {
    height: 170px; }
  body #clusterWrap .clusterSlide.slideAll .cnB1, body #clusterWrap .clusterSlide.slideAll .cnB0, body #clusterWrap .clusterSlide.slideAll .cnB7 {
    display: none; }
  body #clusterWrap .clusterSlide.slideAll .cnInner h1 {
    padding: 0 0 40px 0; }
  body #clusterWrap .clusterSlide.slide {
    padding: 0px; }
  body #clusterWrap .clusterSlide.slide .col.s4 {
    width: 100%; }
    body #clusterWrap .clusterSlide.slide .col.s4 .cnInner {
      padding-bottom: 40px; }
  body #clusterWrap .clusterSlide.slide .col.s2 {
    width: 25%; }
  body #clusterWrap .clusterSlide.slide .col.s2.cnDotted {
    position: absolute;
    top: 78px;
    right: 0px; }
  body #clusterWrap .clusterSlide.slide .col.s6 {
    width: 100%; }
    body #clusterWrap .clusterSlide.slide .col.s6 .flexslider {
      width: 50%; }
  body #clusterWrap .clusterSlide.slide .col.s4.readMoreWrap {
    width: 50%;
    position: absolute;
    bottom: 16px;
    right: 0px;
    height: 325px; }
  body #clusterWrap .clusterSlide.slide .col.s2 .cnTable, body body #clusterWrap .clusterSlide.slide .col.s4 .cnTable {
    height: 180px; }
  body #clusterWrap .clusterSlide.slide .flexslider .flex-direction-nav {
    right: 183px; }
  body #clusterWrap .clusterSlide.slide .readMoreWrap .cnInner {
    padding: 20px !important; }
  body #clusterWrap .clusterSlide.slide .flexslider .flex-direction-nav {
    right: 0px;
    bottom: 0px;
    top: inherit; }
  body .sectionInvestors .cnFirst .cnInner {
    padding: 25px; }
  body .sectionInvestors .cnFirst .cnInner ul li {
    width: 145px;
    height: 145px; }
  body .sectionInvestors .cnFirst .cnInner ul {
    margin: 20px 0 0 0; }
  body .sectionInvestors .cnSecond {
    padding: 280px 0 0 10px; }
    body .sectionInvestors .cnSecond .cnInner {
      height: 360px; }
  body .sectionInvestors .s5 .cnInner {
    height: 425px; }
  body .sectionInvestors .cnFirst .cnInner .cnRte {
    margin-top: 180px;
    padding: 30px 0 0 32px;
    margin-left: -25px; }
  body .sectionInvestors .cnFirst .cnInner .cnRte .cnQuote p {
    font-size: 20px;
    line-height: 28px; }
  body .sectionInvestors .cnFirst .cnInner .cnRte .cnQuote .quoteRight {
    right: -20px; }
  body .sectionInvestors {
    padding: 50px 0 130px 0;
    margin: 0 0 100px 0; }
  body .sectionCarrers .col.s2 .cnInner1 {
    right: -130px; }
  body .sectionFooter .col.s2 .cnInner {
    width: 100px;
    height: 100px; }
  body .sectionLatestNews .col.s3 .cnInner a {
    padding: 15px; }
  body .sectionLatestNews .col.s3 .cnInner a .cnShare {
    right: 15px;
    top: 15px; }
  body .sectionLatestNews .col.s3 .cnInner a .newBottom {
    left: 15px;
    bottom: 15px; }
  body .sectionLatestNews .col.s3 .cnInner a .newBottom .cnTitle {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 20px; }
  body .sectionLatestNews {
    padding: 40px 0; }
  body .bannerSus {
    height: 500px; }
  body .cnBannerInner .cnBoxWhite {
    padding: 40px 40px 0 40px; }
  body .sectionAboutMap .cnRte {
    width: 100%;
    max-width: 100%;
    padding: 30px 12% 30px 12%; }
    body .sectionAboutMap .cnRte h3 {
      font-size: 18px; }
  body .sectionAboutUsTop {
    padding: 0; }
  body .sectionAboutUsSecond {
    padding: 35px 0; }
  body .sectionAboutUsTop .cnBig.cnTop .conInner {
    padding: 90px 15px; }
  body .sectionAboutUsTop .cnBig.cnTop .conInner .titre, body .sectionAboutUsTop .cnBig.cnTop .conInner h2 {
    font-size: 25px;
    line-height: 30px; }
  body .sectionAboutUsTop .cnSmall .titre, body .sectionAboutUsTop .cnSmall h2 {
    font-size: 25px;
    line-height: 30px; }
  body .sectionAboutUsTop .cnSmall {
    padding: 15px; }
  body .sectionAboutUsSecond .cnTop {
    padding: 0 10% 30px 10%; }
  body .sectionAboutUsSecond .cnRight {
    padding: 0; }
  body .sectionAboutUsSecond .cnTop .cnRte h2, body .sectionAboutUsSecond .cnRight h2 {
    font-size: 18px; }
  body .sectionAboutKpi .col.s2 {
    width: 25%; }
  body .sectionAboutKpi {
    padding-bottom: 40px; }
  body .sectionAboutKpi .col.s2:nth-child(6), body .sectionAboutKpi .col.s2:nth-child(9), body .sectionAboutKpi .col.s2:nth-child(16), body .sectionAboutKpi .col.s2:nth-child(18), body .sectionAboutKpi .col.s2:nth-child(19) {
    display: none; }
  body .sectionAboutKpi .col .cnTable {
    height: 185px;
    width: 100.5%; }
  body .sectionInvestmentPortfolio {
    padding: 40px 0; }
  body .sectionInvestmentPortfolio .cnInner {
    padding: 0; }
  body .sectionDiscoverMore .row .col.s3 .cnInner {
    height: 185px; }
  body .sectionDiscoverMore .row .col.s3 .cnInner .cnTableCell:before {
    height: 185px; }
  body .sectionDiscoverMore .row {
    padding-top: 120px;
    padding-bottom: 65px; }
  body .sectionDiscoverMore .row .cnTitre {
    top: 50px; }
  body .cnTable .cnTableCell {
    padding-left: 15px; }
  body .sectionHistory .flexslider .cnGrey {
    display: none; }
  body .sectionHistory .flexslider .cnSquare {
    width: 150px;
    height: 150px; }
  body .sectionHistory .flexslider .cnBlue {
    bottom: -16px;
    right: 150px; }
  body .sectionHistory .flexslider .cnLblue {
    right: 0px;
    bottom: -165px; }
  body .sectionHistory .flexslider-controls {
    left: 10%; }
  body .sectionHistory .flexslider li .cnRte {
    padding: 0 10% 0 38%; }
  body .sectionLeadershipTop .col.s2 {
    width: 25%; }
  body .sectionLeadershipTop .cnInner.cnTop {
    padding: 20px 10% 40px 10%; }
  body .sectionBoard {
    padding: 55px 0 0 0; }
  body .sectionBoard .cnGrey {
    display: none; }
  body .sectionBoard .cnLBlue {
    width: 150px !important;
    height: 150px !important;
    top: -15px; }
  body .sectionBoard .col.s8 {
    width: 100%; }
  body .sectionBoard .cnAccordion .collapsible .collapsible-header .cnSecond {
    width: 60%; }
  body .cnOverlayPopUp .cnPopUp .cnInner {
    width: 610px; }
  body .cnOverlayPopUp .cnPopUp .cnDetails {
    padding: 70px 35px; }
  body .cnOverlayPopUp .cnPopUp .cnTop .cnLeft .cnFilter {
    right: 0px; }
  body .cnOverlayPopUp .cnPopUp .cnTop .cnRight {
    right: 325px;
    width: 360px; }
  body .sectionPopUp.sectionClusterTheme .cnTop .cnLeft .cnImg {
    right: 25px;
    top: -20px; }
  body .sectionGroupStructure {
    padding: 20px 0;
    height: 565px; }
  body .sectionGroupStructure .cnInner {
    padding: 0 50px; }
  body .sectionMissionValues {
    padding: 80px 0 190px 0; }
  body .sectionMissionValues .cnSquare {
    display: none; }
  body .sectionMissionValues .flexslider-controls {
    top: 45px; }
  body .sectionMissionValues .cnVertical {
    left: 190px;
    top: 140px; }
  body .sectionThreeCol .col .cnInner .cnIcon {
    left: 20px; }
  body .sectionThreeCol .col .cnInner {
    padding: 60px 20px; }
  body .sectionThreeCol {
    margin: 20px 0 0 0; }
  body .sectionBoxRepeat .cnImg {
    width: 37% !important; }
  body .sectionBoxRepeat .cnText {
    width: 50% !important; }
  body .sectionBoxRepeat .cnText .cnInner {
    padding: 30px 95px 75px 20px; }
  body .sectionBoxRepeat .cnText .cnInner .cnRte h2 {
    font-size: 30px;
    width: 255px; }
  body .sectionBoxRepeat .row.odd.marginRight .cnImg {
    margin-left: 20px; }
  body .sectionBoxRepeat .row.even.marginRight .cnText {
    margin-left: 20px; }
  body .sectionLatestNews.sectionNewsInner {
    padding: 35px 0 40px 0; }
  body .sectionReducingPoverty {
    padding: 20px 0 170px 0; }
  body .sectionReducingPoverty .col.s6 .cnInner.cnDotted .cnRte {
    padding: 0 115px 0 20px; }
  body .sectionReducingPoverty .col.s6 .cnInner.cnDotted .cnRte h2 {
    font-size: 30px; }
  body .sectionReducingPoverty .col.s4 .cnInner {
    width: 465px;
    height: 465px; }
  body .sectionReducingPoverty .col.s4 .cnInner .cnBlueBox {
    bottom: -55px; }
  body .sectionWorkWithUsSecond {
    height: auto; }
  body .sectionWorkWithUsSecond .col.s3 {
    width: 50%;
    margin-bottom: 100px; }
  body .sectionWorkWithUsSecond .col.s3:nth-child(3), body .sectionWorkWithUsSecond .col.s3:nth-child(4) {
    margin-bottom: 0px; }
  body .sectionWorkWithUsSecond {
    margin-bottom: 0px;
    padding-bottom: 20px; }
  body .sectionWorkWithUsSecond .cnInner {
    height: 400px; }
  body .sectionWorkWithUsSecond .cnInner .cnIcon {
    left: 20px; }
  body .sectionWorkWithUsSecond .cnInner {
    padding: 60px 20px 10px 20px; }
  body .sectionWorkWithUs {
    height: 160px; }
  body #workWrap .cnWrapper {
    width: 420px; }
    body #workWrap .cnWrapper .colLeft {
      width: 275px; }
      body #workWrap .cnWrapper .colLeft h2 {
        font-size: 30px;
        margin: 36px 0 10px 0; }
  body #newsAlerts .cnFormWrap {
    width: 655px; }
  body #newsAlerts .colLeft {
    width: 300px; }
    body #newsAlerts .colLeft h2 {
      font-size: 30px;
      margin: 35px 0 5px 0; }
  body #newsAlerts .colRight {
    width: 355px; }
    body #newsAlerts .colRight .cnForm {
      width: 355px; }
      body #newsAlerts .colRight .cnForm .form-item {
        width: 255px; }
  body .sectionJobFiltering form .views-exposed-widgets .views-exposed-widget {
    width: 29.6%; }
  body .sectionJobListing .cnAccordion .collapsible .collapsible-body .colLeft {
    width: 75%; }
  body .sectionJobListing .cnAccordion .collapsible .collapsible-body .colRight {
    width: 20%; }
  body .sectionJobListing .cnAccordion .collapsible .collapsible-header .cnFourth P {
    font-size: 13px; }
  body .sectionJobFiltering form .views-exposed-widgets .views-submit-button {
    width: 58px !important; }
  body .sectionJobListing .cnAccordion .collapsible .collapsible-body .colLeft .cnContact {
    right: -185px; }
  body .sectionJobListing .cnAccordion .collapsible .collapsible-body .colLeft .cnContact .cnBlueBox {
    width: 150px;
    height: 150px; }
  body .sectionNewsroom {
    padding: 15px 0; }
  body .sectionNewsroom .col.s4 {
    width: 50%; }
  body .sectionNewsroom .cnBoxNews.cnBig .colRight .titre {
    font-size: 20px;
    line-height: 22px; }
  body .sectionNewsroom .cnBoxNews.cnSmall .colRight .titre {
    font-size: 15px;
    line-height: 16px; }
  body .sectionNewsroomDetails {
    padding: 40px 0 30px 0;
    overflow: hidden; }
  body .sectionNewsroomDetails .cnNewDet .cnGrey {
    display: none; }
  body .sectionNewsroomDetails .cnNewDet {
    margin: 0 auto;
    width: 90%;
    padding: 25px; }
  body .sectionNewsroomDetails .cnInner.cnBack {
    width: 90%;
    margin: 0 auto 30px auto; }
  body .sectionNewsroomDetails .cnNewDet .cnTop .colRight {
    width: 410px;
    height: 245px; }
    body .sectionNewsroomDetails .cnNewDet .cnTop .colRight h1 {
      font-size: 25px !important; }
  body .sectionNewsroomDetails .cnNewDet .cnTop .colLeft .cnImg {
    top: 25px;
    right: -40px;
    width: 220px;
    height: 220px; }
    body .sectionNewsroomDetails .cnNewDet .cnTop .colLeft .cnImg img {
      display: block;
      width: 100%; }
  body .sectionNewsroomDetails .cnNewDet .cnTop .colLeft .cnFilter {
    width: 220px;
    height: 220px;
    top: 0px;
    right: -15px; }
  body .sectionLatestNews.sectionBlog .cnSliderRight {
    width: 687px;
    max-width: 687px !important; }
  body .sectionLatestNews.sectionBlog h2 {
    font-size: 30px; }
  body .sectionAnnouncements.sectionBlog {
    height: 410px;
    padding-top: 0px !important; }
  body .sectionAnnouncements .cnSliderRight .cnTop h2 {
    font-size: 30px; }
  body .sectionContactUs .col.s4 {
    width: 50%; }
  body .sectionContactUs {
    padding: 10px 0 110px 0; }
  body .sectionContactUs .cnContactForm {
    padding: 20px 20px 110px 20px; }
  body .sectionContactUs .cnContactDetails .conInner {
    padding: 70px 20px 0 20px; }
  body .sectionThreeCol .col .cnInner .cnRte h2 {
    font-size: 24px;
    line-height: 30px; }
  body .sectionInvestorsWrap {
    padding-top: 0px;
    padding-bottom: 175px; }
  body #newsAlerts .container {
    background: none; }
  body .sectionInvestorsWrap #newsAlerts {
    bottom: 22px; }
  body .sectionInvestorsWrap .cnBlueBar {
    bottom: 22px; }
  body .sectionInvestorsWrap .col.s4 {
    width: 50%; }
  body .sectionInvestorsWrap .cnLatest {
    height: 555px; }
  body .sectionAnnualReports .cnSliderRight {
    width: 700px;
    max-width: 700px; }
  body .sectionClusterTheme.sectionDiscoverMore .row .cnTitre {
    top: 40px; }
  body .sectionAnnualReports .cnSliderRight .cnTop {
    padding-bottom: 25px; }
  body .sectionAnnualReports .cnSliderRight .cnTitle h2 {
    font-size: 30px; }
  body .sectionAnnualReports .cnSliderRight .cnTop {
    max-width: 680px; }
  body .sectionAnnualReports {
    padding: 35px 0 10px 0; }
  body .sectionAnnualReports .cnSliderRight .cnFilter {
    right: 0px;
    top: 12px; }
  body .sectionFinancialPresentations .cnTitle h2 {
    font-size: 30px; }
  body .sectionFinancialPresentations {
    padding: 35px 0; }
    body .sectionFinancialPresentations .row {
      position: relative;
      height: 675px; }
    body .sectionFinancialPresentations .col.s10 {
      width: 100%; }
    body .sectionFinancialPresentations .col.s2 {
      width: 180px;
      position: absolute;
      bottom: 0px;
      left: 0px; }
  body .sectionFinancialPresentations .cnTitle {
    padding-bottom: 20px; }
  body .sectionAnnouncements .cnSliderRight {
    width: 700px;
    max-width: 700px; }
  body .sectionFinancialPresentations .colRight .cnTableau .divTableCell a {
    font-size: 12px; }
  body .sectionFinancialPresentations .colRight .cnTableau .divTableCell {
    font-size: 13px; }
  body .sectionAnnouncements .swiper-wrapper .swiper-slide.s3 .cnInner .cnWrap .newBottom {
    bottom: 30px; }
  body .sectionShareholdersEvent {
    padding: 35px 0;
    height: 780px; }
    body .sectionShareholdersEvent .row {
      height: 710px;
      position: relative; }
    body .sectionShareholdersEvent .col.s9 {
      width: 100%; }
    body .sectionShareholdersEvent .col.s3 {
      width: 270px;
      position: absolute;
      bottom: 0px;
      left: 0px; }
    body .sectionShareholdersEvent .cnTitle {
      padding-bottom: 15px; }
    body .sectionShareholdersEvent .cnOverlay {
      height: 780px; }
  body .sectionShareholdersEvent .cnTitle h2 {
    font-size: 30px; }
  body .sectionCorporateGovernance {
    padding: 35px 0; }
  body .sectionCorporateGovernance .col.s8 .cnInner .cnRte h1 {
    font-size: 30px; }
  body .sectionCorporateGovernance .col.s2:nth-child(1) {
    display: none; }
  body .sectionCorporateGovernance .col:nth-child(3) {
    width: 33%; }
  body .sectionCorporateGovernance .cnRight .cnTable {
    height: 226px; }
  body .sectionCorporateGovernance .cnRight .cnTable .conInner {
    font-size: 16px; }
  body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnTop .colLeft {
    width: 100%;
    height: auto; }
  body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnTop .colRight {
    height: auto;
    width: 100%;
    padding: 35px 0 0 0; }
  body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnTop .colRight .cnBlock {
    float: left;
    width: 25%;
    position: relative;
    bottom: inherit;
    right: inherit;
    height: 151px; }
  body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnBottom {
    width: 100%; }
  body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnTop .colLeft .cnRte {
    padding: 40px 0 0 0; }
  body .sectionClusterLanding .clusterLanding .col.s10 .cnInner .cnTop .colRight .cnLBlue {
    display: none; }
  body .sectionClusterTheme.sectionDiscoverMore .col.s2 {
    width: 33.33%; }
  body .sectionClusterTheme .cnIntro {
    padding: 45px 0 50px 13%; }
  .node-type-cluster .sectionClusterLanding #clusterWrap {
    height: 1000px !important; }
  .node-type-clusters .sectionClusters {
    padding: 0 0 35px 0; }
  .node-type-clusters .sectionClusters .row {
    padding: 0 0.75rem; }
  .node-type-clusters .sectionClusters .col.s4 {
    width: 100%; }
    .node-type-clusters .sectionClusters .col.s4 .cnTable {
      height: auto;
      margin-bottom: 35px; }
  .node-type-clusters .sectionClusters .col.s2 {
    width: 25%; }
  .node-type-clusters .sectionClusters .bgcnLBlue {
    width: 101%; }
  .node-type-clusters .sectionClusters .col:nth-child(5), .node-type-clusters .sectionClusters .col:nth-child(6), .node-type-clusters .sectionClusters .col:nth-child(9), .node-type-clusters .sectionClusters .col:nth-child(16) {
    display: none; }
  .node-type-careers .sectionBoxRepeat {
    padding: 0 0 80px 0; }
  .node-type-careers .sectionBoxRepeat .row.odd {
    padding: 0; }
  body .sectionJobListing .cnAccordion .collapsible .col.s3 .cnInner .newBottom {
    left: 15px; }
  body .sectionJobListing .cnAccordion .collapsible .col.s3 .cnInner .cnShare {
    top: 10px;
    right: 10px; }
  body .sectionJobListing .cnAccordion .collapsible .col.s3 .cnInner .newBottom .cnTitle {
    font-size: 13px; }
  body .sectionJobListing .cnAccordion .cnPopUp .cnInner {
    width: 660px;
    height: 90vh;
    margin: 45px auto 0 auto; } }


    /* new */
body .sectionInvestorsWrap .colSixth .cnSustainability {background: #5ac3cd;padding: 25px 40px;}
body .sectionInvestorsWrap .colSixth .cnSustainability p.titre{        margin-bottom: 20px;color: #fff; font-size: 30px;font-weight: 300;line-height: 32px;}
body .sectionInvestorsWrap .colSixth .cnSustainability ul li {
margin: 0;
padding: 0;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-ms-background-size: cover !important;
background-size: cover !important;
}
body .sectionInvestorsWrap .colSixth .cnSustainability li a { display: block;
width: 100%;
height: 25px;
line-height: 25px;
padding-left: 25px;
margin-bottom: 5px;
color: #fff;
background: url(../images/icn/icnDownloadWhite.png) no-repeat; }
body .sectionInvestorsWrap .colSixth .cnSustainability li a .titre {color: #fff;
font-size: 20px;
font-weight: 300;
line-height: 24px;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-ms-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;}
body .sectionInvestorsWrap .colSixth .cnBottom .cnImg {height: 20px;}


body.i18n-fr .sectionInvestorsWrap .colSixth .cnBottom .cnImg {
  margin: 40px 0 22px 0;    height: 2px;}


/* ! covid */
/* #corvid{
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 99;
}

#corvid .wrapper{
  width: 40%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

#corvid .wrapper img{
  width: 100%;
}

#corvid .close {
  position: absolute;
  right: 13px;
  top: 10px;
  width: 32px;
  height: 32px;
  opacity: 1;
  z-index: 99;
}
#corvid .close:hover {
  opacity: 1;
}
#corvid .close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #0a2d6e;
}
#corvid .close:before {
  transform: rotate(45deg);
}
#corvid .close:after {
  transform: rotate(-45deg);
} */

body #navigation ul.cnMainMenu li span.price{
  color: red;
}




.notice{
  position: fixed;
  right:0%;
  width: 830px;
  top: 60px;
  background: #ffff;
  color: #0a2d6e;
  padding: 10px 10px;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.notice-hover:hover .notice {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

/* chat */
    
/* Button used to open the chat form - fixed at the bottom of the page */
.open-button {
  cursor: pointer;
  position: fixed;
  bottom: 60px;
  right: 11px;
  background: transparent;
  border: none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transform:scale(1);
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  z-index: 999999;
  display: none;
}
.open-button:hover{
  transform:scale(1.1);
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -o-transform:scale(1.1);
}
button.open-button:focus {
  outline: none; 
  background-color: transparent; 
}
.open-button svg {
  width: 240px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

#logo-chat{
  width: 100px;
  margin-bottom: 15px;
  background: #0a2d6e;
}
#logo-chat img{width:100%}

.chat-popup {
  position: fixed;
  bottom: 60px;
  right: 5px;
  border: 3px solid #0a2d6e;
  z-index: 9999999;
  display: none;
  width: 400px;
  display: none;
}
.chat-popup iframe{
  width:100% !important
}

.chat-popup.open{
  display: block;
}

.chat-popup h1{
  margin-bottom: 15px;
  font-weight: 500;
  color: #0a2d6e;
  font-size: 33px;
}

.chat-popup hr {
  border: 1px solid #f1f1f1;
}

.chat-popup button{
  padding: 5px 10px;
  border: none;
  color: #5ac3cd;
  background: #FFFFFF;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.chat-popup button:hover{
  background: #5ac3cd;
  color: #FFFFFF;
}

.chat-popup button.active{
  background: #5ac3cd;
  color: #FFFFFF;
}

.close-button {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 32px;
  height: 32px;
  opacity: 0.7;
  cursor: pointer;
}
.close-button:hover {
  opacity: 1;
}
.close-button:before, .close-button:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 30px;
  width: 2px;
  background-color: #dfdfdf;
}
.close-button:before {
  transform: rotate(45deg);
}
.close-button:after {
  transform: rotate(-45deg);
}

.close-button:hover::before {
  background-color:#fff;
}
.close-button:hover::after {
  background-color:#fff;
}

/* Add styles to the form container */
.form-container {
  max-width: 100%;
  padding: 15px;
  background-color: #0a2d6e;
}

.form-container textarea {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
  resize: none;
  min-height: 200px;
}

/* When the textarea gets focus, do something */
.form-container textarea:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/send button */
.form-container .btn {
  background-color: #4CAF50;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

.form-container .cancel {
  background-color: red;
}



body.page-node-14774  .sectionNewsroomDetails .cnNewDet .cnRte p strong {
  color: #4b4444;
}

.audio{
  margin-top: 20px;
}

.audio h2{
  color: #0a2d6e;
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 11px;
}
.audio__img{
  width: 100px;
  height: 100px;
  display: inline-block;
  vertical-align: middle;
}

.audio audio{
  vertical-align: middle;
}

.audio__img img{
  width: 100%;
}

.sectionReducingPoverty .cnInner.cnDotted a{
  color: #0a2d6e;
  border-bottom: 1px solid #0a2d6e;
}

.sectionReducingPoverty .cnInner.cnDotted a:hover{
  color: #039be5;
  border-bottom: 1px solid #039be5;
}



/* to del */
/* body .sectionInvestorsWrap .colFifth .cnTop .conInner a{
  color: #fff;
  text-decoration: underline;
}

body .sectionInvestorsWrap .colFifth .cnTop .conInner a:hover{
  color: #0a2d6e;
}

body .sectionInvestorsWrap .colFifth .cnTop .conInner .cnSquareLink{
  display: none;
}

*/

body.i18n-fr .sectionInvestorsWrap .colFifth .cnSmall .titre {
  font-size: 27px;
}

 body .sectionInvestorsWrap .colFifth .cnSmall {
  padding: 10px 20px;
}

.inner__invest{
  float:left;
  width: 100%;
  position:relative
}

.inner__invest .cnSquareLink{
  background: #5ac3cd;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding-left: 55px;
}

.inner__invest .cnSquareLink::before {
  top: 9px;
  left: 35px;
}

.inner__invest .cnSquareLink:hover{
  color:#fff
}

.inner__invest .cnSquareLink:hover::before{
  background: #fff;
}

body .sectionAnnualReports .cnSliderRight .cnTop {
  max-width: 1150px;
}
body .sectionAnnualReports .cnSliderRight .cnFilter {
  right: 0px;
}
/* 
search  */
.cnSearch{
  width: 100%;
  float: left;
}

.cnSearch form{
  width: 100%;
  float: left;
  position: relative;
}

.cnSearch input[type="search"]{
  border: none;
  border-bottom: 2px solid #5ac3cd !important;
  background: #fff;
  color: #0a2d6e;
  font-size: 14px;
  font-family: 'Roboto';
}

.cnSearch input[type="submit"]{
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0px;
  border: none;
  background: transparent url('../images/icn/loupe.png')center center no-repeat;
  background-size: 50%;
  opacity: 0.5;
  transition: all 0.3s ease;
  cursor: pointer;
}

.cnSearch form:hover input[type="submit"]{
  opacity: 1;
}


/* job */
.node-type-job .sectionNewsroomDetails{
  overflow: initial;
  width: 100%;
}

.node-type-job .sectionNewsroomDetails .cnNewDet {
  background: #f6f6f6;
  width: 855px;
  padding: 70px 100px;
  margin: 0 auto;
  position: relative;
  margin-top: 35px;
}

.node-type-job .sectionNewsroomDetails .cnNewDet .cnGrey {
  top:inherit;
  bottom: -35px;
}

.node-type-job .sectionNewsroomDetails .cnTitle{
  font-size: 46px;
  color: #0a2d6e;
  display: block;
  font-weight: 700;
  margin-bottom: 12px;
  font-family: 'Roboto Slab', serif;
  line-height: 46px;
}

.node-type-job .sectionNewsroomDetails .date{
  font-weight: 100;
  color: #5ac3cd;
  font-family: 'Roboto', sans-serif;
  font-size: 15px
}

.node-type-job .sectionNewsroomDetails h2{
  font-weight: 700;
  color: #5ac3cd;
  font-family: 'Roboto', sans-serif;
  font-size: 22px;
  line-height: 24px;
}


.node-type-job .sectionNewsroomDetails .cnNewDet .cnRte {
    padding: 40px 0 0 0;
}

.node-type-job .cnTable.cnBlueBox {
  display: table;
  background: #0a2d6e;
  position: relative;
  overflow: hidden;
  width: 170px;
  height: 170px;
  position: absolute;
  bottom: -40px;
  right: 40px;
}

.node-type-job .sectionNewsroomDetails .cnContact{
  margin-top: 15px;
}

.node-type-job .sectionNewsroomDetails .cnContact .title{
  color: #5ac3cd;
  font-size: 22px;
  line-height: 22px;
  font-weight: 300;
  margin-bottom: 5px;
}

.node-type-job .sectionNewsroomDetails .cnContact .name{
  font-size: 20px;
  color: #0a2d6e;
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
  font-family: 'Roboto Slab', serif;
  line-height: 20px;
}

.node-type-job .share{
  position: absolute;
  right: 0px;
  top: 0px;
}

.node-type-job .at-style-responsive .at-share-btn {
  background: #0a2d6e !important;
}
@media (min-width: 1184px) and (max-width: 1400px) {
    .node-type-job .sectionNewsroomDetails .cnNewDet {
      background: #f6f6f6;
      width: 800px;
      padding: 70px 45px;
      margin: 0 auto;
      position: relative;
      margin-top: 35px;
  }
}

.page-search-node .search-form{
  display: none;
}

.page-search-node .sectionNewsroomDetails h2{
  font-weight: 700;
  color: #5ac3cd;
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  margin-bottom: 15px;
}

.page-search-node .sectionNewsroomDetails li{
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
}

.page-search-node .sectionNewsroomDetails .search-results{
  float: left;
    width: 100%;
}

.page-search-node .sectionNewsroomDetails .search-results li {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.page-search-node .sectionNewsroomDetails .search-results .title {
  font-weight: 300;
  color: #0a2d6e;;
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
}

.page-search-node .sectionNewsroomDetails .search-results .title a{
  color: #0a2d6e;
}

.page-search-node .sectionNewsroomDetails .search-results .title a:hover{
  color: #5ac3cd;
}

.page-search-node .item-list .pager {
  text-align: left;
}

.page-search-node .pager a {
  color: #5ac3cd;
}

.page-search-node .pager-current{
  color: #0a2d6e;
}

/* footer */
.sectionFooter .container{
  position: relative;
}
.footerLogo{
  position: absolute;
  width: 120px;
  right: 0px;
  top: 5px;
}

.footerLogo a {
    display: block;
    width: 100%;
    height: 100%;
}

.footerLogo a img {
    display: block;
    width: 100%;
}
.sectionFooter .col.s4 p strong{
  color: #5ac3cd;
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
}

.footerContact {
  margin-top: 20px;
}

.footerContact li {
  margin-bottom: 5px;
  padding: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
}

.footerContact li a {
  color: #fff;
}

.footerContact li a:hover{
  color: #5ac3cd;
}

.footerSearchBar{
  margin-top: 10px;
}
.footerSearchBar .cnInner{
  width: 55%;
  display: inline-block;
  vertical-align: middle;
}
.footerSearchBar .cnInner.footerSocial{
  padding-left: 5%;
  width: 40%;
}
.footerSearchBar .footerContact{
  padding-top: 17px;
}
.footerSearchBar .footerContact li{
  display: inline-block;
  margin-bottom: 0;
  margin-right: 14px;
  position: relative;
}

.footerSearchBar .footerContact li::after{
  content:'';
  background: #fff;
  height: 100%;
  width: 1px;
  position: absolute;
  right: -10px;
  top: 0;
}
.footerSearchBar .footerContact li:last-child::after{
  display:none
}

#sliding-popup.sliding-popup-bottom, #sliding-popup.sliding-popup-bottom .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
  background: #5ac3cd;
}


/* ! careers new */
.careers_new{
  position:relative;
}

.careers_new .cnBoxWhite p{
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #0a2d6e;
}

.careers_new .cnBoxWhite a.cnSquareLink.btnytb{
  font-size: 18px !important;
  padding-left: 65px;
  line-height: 24px;
  height: 50px;
  line-height: 50px;
  background-color: #0a2d6e;
  color: #fff;
  padding-right: 12px;
}

.careers_new .cnBoxWhite a.cnSquareLink.btnytb:hover{
   color: #fff;
   background-color: #5ac3cd;
}

.careers_new .cnBoxWhite a.cnSquareLink.btnytb::before {
  content: '';
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  background: #5bb3be;
}

.careers_new .bannerPlayer--icn{
  position: absolute;
  width: 35px;
  height: 35px;
  left: 7px;
  top: 7px;
}

.careers_new .bannerPlayer--icn svg{
  fill: #fff;
}

.sectionWorkRight{
  display: flex;
  justify-content: flex-end;
  font-family: 'Roboto Slab', serif;
  position: relative
}

.sectionWorkRight--wrapper{
  width: 40.625%;
  max-width: 780px;
  height: 154px;
  background: #0b2e6e;
  display: flex;
  align-items: center;
  position: absolute;
  top: -160px;
}

.sectionWorkRight--arrow{
  width: 152px;
  height: 100%;
  background: #5bb3be;
}

.sectionWorkRight--arrow a{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-weight: 300;
  color: #fff;
  text-align: center;
  transition: all 0.3s ease-in-out;
}

.arrowDoublesvg{
  fill:#FFFFFF;  
  transition: all 0.3s ease-in-out;}

.sectionWorkRight--arrow a:hover .arrowDoublesvg{
  fill:#0b2e6e;
}

.sectionWorkRight--arrow a:hover{
  color: #0b2e6e;
}

.sectionWorkRight--arrow--icn{
  width: 50px;
  height: 50px;
  display: block;
  margin: 0 auto;
  margin-bottom: 15px;
}

.sectionWorkRight--text {
  text-align: center;
  flex-grow: 1;
}

.sectionWorkRight--text h2{
  font-weight: 300;
  font-size: 63px;
  line-height: 70px;
  color: #fff;
}


.sectionThreeImage{
  margin: 100px 0px 80px 0;
  position: relative;
}

.sectionThreeImage::before{
  content: '';
  background: url(../images/interface/mosaic5.png) top left repeat;
  width: 100%;
  height: 45%;
  position: absolute;
  top: 28%;
  transform: translateY(-50%);
}

.sectionThreeImage--wrapper{
  display: flex;
  justify-content: space-between;
  width: 100%;
  background: #fff;
  position: relative;
}

.imageBox{
  max-width: 330px;
}

.imageBox--img{
  position: relative;
}

.imageBox--img::after{
  content: '';
  position: absolute;
  width: 50%;
  height: 60.2328%;
  background: #5ac3cd;
  top: 50%;
  transform: translateY(-40%);
  right: -50%;
}

.imageBox:last-child .imageBox--img::after{
  display: none;
}

.imageBox img{
  width: 100%;
  display: block;
}

.imageBox--title{
  font-weight: 700;
  font-size: 30px;
  text-transform: uppercase;
  background: #0a2d6e;
  color: #5ac3cd;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
}
.imageBox--desc{
  margin-top: 40px;
}
.imageBox--desc p{
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #0a2d6e;
}

.sectionYouSlider{
  margin-bottom: 100px;
}

.sectionYouSlider .swiper-wrapper{
  padding-top: 100px;
}

.sectionYouSlider .swiper-wrapper::after{
  content: '';
  background: url('../images/interface/mosaic5.png') top left repeat;
  width: 20%;
  height: 25%;
  position: absolute;
  top: 30%;
  right: 0px;
}

.swiper--youslide{
  width: 100%;
  display: flex;
  align-items: flex-start;
}

.swiper--img{
  width: 45%;
  position: relative;
}

.swiper--img::before{
  content: '';
  background: url('../images/interface/mosaic5.png') top left repeat;
  width: 100%;
  height: 30%;
  position: absolute;
  bottom: 0;
  opacity: 0.5;
}

.swiper--img::after{
  content: '';
  width: 100px;
  height: 100px;
  background: #5ac3cd;
  position: absolute;
  right: -100px;
  top: -100px;
}

.swiper--img img{
  width: 100%;
}

.swiper--desc{
  width: 35%;
  text-align: right;
  font-weight: 700;
  color: #0a2d6e;
}

.swiper--title{
  font-family: 'Roboto Slab', serif;
  font-size: 175px;
  line-height: 175px;
  position: relative;
}

.sq{
  width: 25px;
  height: 25px;
  background: #5ac3cd;
  right: -50px;
  position: absolute;
  bottom: 20px;
}

.swiper--text{
  margin-top: 100px;
  position: relative;
  padding-right: 30px;
}

.swiper--text p{
  font-size: 32px;
  line-height: 35px;
}

.swiper--text blockquote {
  margin: 0;
  padding-left:0;
  border-left: none;
}

.swiper--text blockquote::before {
  content: open-quote;
  font-size: 150px;
  position: absolute;
  left: 48%;
  transform: translateX(-50%);
  top: 0px;
  line-height: 0;
}

.swiper--text blockquote::after {
  content: close-quote;
  font-size: 150px;
  position: absolute;
  line-height: 0;
  right: -70px;
  bottom: -40px;
}


.sectionYouSlider .swiper-container-horizontal>.swiper-pagination-bullets, 
.sectionYouSlider .swiper-pagination-custom, .sectionYouSlider .swiper-pagination-fraction {
  bottom: 0px;
  left: 0;
  width: 100%;
  text-align: right;
}

.sectionYouSlider .swiper-pagination-bullet {
  width: 35px;
  height: 35px;
  border-radius: 0;
  background: #5ac3cd;
  opacity: .2;
}
.sectionYouSlider .swiper-pagination-bullet-active {
  opacity: 1;
  background: #0a2d6e;
}

.swiper--btn{
  width: 125px;
  height: 125px;
  background: #0a2d6e;
  position: absolute;
  right: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: all 0.3s ease-in-out;
}
.videoPlayer--icn{
  width: 60px;
  height: 60px;
}
.videoPlayer--icn svg{
  fill:#fff
}

.swiper--btn:hover{
  background: #5ac3cd;
}


.repeatBlock{
  padding: 90px 0px;
}

.repeatBlock.oddBlock{
  background: url('../images/interface/mosaic5.png') top left repeat;
}

.repeatBlock--wrapper{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
}

.repeatBlock--img{
  width: 460px;
  height: 460px;
  position: relative;
}

.repeatBlock--img::after {
  content: '';
  width: 60px;
  height: 60px;
  background: #5ac3cd;
  position: absolute;
  left: -60px;
  top: -60px;
}

.repeatBlock--img img{
  width: 100%;
  height: 100%;
  display: block;
}

.repeatBlock--desc{
  width: 55%;
  max-width: 645px;
  padding-right: 30px;
  position: relative;
  top: -30px;
}

.repeatBlock--title{
  font-family: 'Roboto Slab', serif;
  color: #5ac3cd;
  font-size: 62px;
  line-height: 70px;
  font-weight: 400;
  margin-bottom: 30px;
}

.repeatBlock--text p{
  color: #0a2d6e;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.repeatBlock--btn{
  width: 155px;
  height: 155px;
  box-sizing: border-box;
  position: absolute;
  right: -70px;
  bottom: -65px;
  overflow: hidden;
  background: #0a2d6e;
}

.repeatBlock--btn:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -200px;
  left: -200px;
  background: #5ac3cd;
  z-index: 1;
  opacity: 0;
  -webkit-transition: .6s;
  -moz-transition: .6s;
  -ms-transition: .6s;
  -o-transition: .6s;
  transition: .6s;
}

.repeatBlock--btn:hover:after {
  bottom: 0;
  left: 0;
  opacity: 1;
}

.repeat--link{
  display: flex;
  height: 100%;
  width: 100%;
  background: transparent;
  color: #fff;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  justify-content: center;
  padding: 15px;
  flex-direction: column;
  position: relative;
  z-index: 2;
  transition: all .6s;
}

.repeatBlock--btn:hover .repeat--link {
  color: #0a2d6e;
}

.repeat--link::after{
  content:'';
  background: url(/sites/all/themes/basic/images/interface/arrow-blue.png) top left no-repeat;
  width: 35px;
  height: 16px;
  margin-top: 10px;
}

.repeatBlock--btn:hover .repeat--link::after {
  background: url(/sites/all/themes/basic/images/interface/arrow-white.png) top left no-repeat;
}

.repeatBlock.evenBlock .repeatBlock--img::after{
  left: auto;
  right: -60px;
}

.repeatBlock.evenBlock .repeatBlock--btn {
  right: auto;
  left: -70px;

}

.repeatBlock.evenBlock .repeatBlock--desc {
  padding-left: 30px;
  padding-right: 0;
  text-align: right;
}

.sectionKeyNumbers{
  margin: 100px 0px;
}
.sectionKeyNumbers--wrapper{
  display: flex;
}

.sectionKeyNumbers--wrapper img{
  width: 100%;
  display: block;
}

.sectionKeyNumbers--left{
  max-width: 680px;
  width: 35.15625%;
  background-size: cover;
}

.sectionKeyNumbers--right{
  flex: 1;
}

.sectionKeyNumbers--firstrow,
.sectionKeyNumbers--secondrow{
  display: flex;
}

.sectionKeyNumbers--firstrow{
  height: 400px;
}

.sectionKeyNumbers--secondrow{
  height: 470px;
}

.sectionKeyNumbers--fr--box {
  width: 21.6145%;
  position: relative;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
  
}

.sectionKeyNumbers--sr--box {
  width: 50%;
  position: relative;

  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
}

.overlaykeyframe {
  position: absolute;
  top: 10%;
  left: 10%;
}

.sectionKeyNumbers--num {
  margin-bottom: 15px;
}

.sectionKeyNumbers--num p{
  font-size: 78px;
  font-weight: 700;
  color: #0a2d6e;
  line-height: 80px;
}

.sectionKeyNumbers--text p{
  font-size: 34px;
  font-weight: 700;
  color: #0a2d6e;
  line-height: 40px;
  text-transform: uppercase;
}

.sectionKeyNumbers--fr--box:nth-child(3) .sectionKeyNumbers--num p,
.sectionKeyNumbers--fr--box:nth-child(3) .sectionKeyNumbers--text p {
  color: #ffffff;
}

@media (max-width: 1500px) {

  .sectionWorkRight--wrapper {
    height: 130px;
  }

  .sectionWorkRight--arrow a {
    font-size: 18px
  }

  .sectionWorkRight--text h2 {
    font-size: 46px;
    line-height: 52px;
  }

  .swiper--desc {
    width: 40%;
  }

  .swiper--title {
    font-family: 'Roboto Slab', serif;
    font-size: 110px;
    line-height: 100px;
    position: relative;
  }

  .swiper--text p {
    font-size: 26px;
    line-height: 27px;
  }

  .swiper--text blockquote::before {
    content: open-quote;
    font-size: 120px;
  }

  .swiper--text blockquote::after {
    content: close-quote;
    font-size: 120px;
  }

  .sectionYouSlider .swiper-wrapper::after {
    width: 10%;
  }

  .sectionKeyNumbers--num p {
    font-size: 52px;
    line-height: 60px;
  }

  .sectionKeyNumbers--text p {
    font-size: 22px;
    line-height: 25px;
  }

  .sectionKeyNumbers--firstrow{
    height:300px;
  }

  .sectionKeyNumbers--secondrow {
    height: 330px;
  }
  

}

@media (max-width: 1280px) {

  .swiper--text {
    margin-top: 70px;
  }
  .swiper--text blockquote::after {
    bottom: -20px;
  }

  
  .sectionKeyNumbers--firstrow{
    height:300px;
  }

  .sectionKeyNumbers--secondrow {
    height: 330px;
  }
}


body .cnBannerInner .cnBoxWhite .cnRte .cnSquareLink.btnytb.careerplay{
  font-size: 18px !important;
  padding-left: 65px;
  line-height: 24px;
  height: 50px;
  line-height: 50px;
  background-color: #0a2d6e;
  color: #fff;
  padding-right: 12px;
}

body .cnBannerInner .cnBoxWhite .cnRte .cnSquareLink.btnytb.careerplay:hover{
   color: #fff;
   background-color: #5ac3cd;
}

body .cnBannerInner .cnBoxWhite .cnRte .cnSquareLink.btnytb.careerplay::before {
  content: '';
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  background: #5bb3be;
}

body .cnBannerInner .cnBoxWhite .cnRte .cnSquareLink.btnytb.careerplay .bannerPlayer--icn{
  position: absolute;
  width: 35px;
  height: 35px;
  left: 7px;
  top: 7px;
}

body .cnBannerInner .cnBoxWhite .cnRte .cnSquareLink.btnytb.careerplay .bannerPlayer--icn svg{
  fill: #fff;
}

/* Joblisting */

body.node-type-job-listing .cnBannerInner .cnBoxWhite .cnRte h2 {
  color: #5ac3cd;
  font-size: 26px;
}
.sectionCompanyIntroNew{
  height: 200px;
}

.sectionCompanyIntroNew .row{
  position: relative;
}

.sectionCompanyIntroNew__box{
  background: #ffffff;
    width: 440px;
    padding: 0px 20px 0 60px;
    position: absolute;
    top: -60px;
    left: 171px;
    height: auto;
    z-index: 99;
}

body.node-type-job-listing .sectionCompanyIntroNew__box p{
  width: auto;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #0a2d6e;
}

body.node-type-job-listing .sectionJobFiltering {
  background: #5AC3CD;
  padding: 50px 0;
}

body.node-type-job-listing .sectionJobFiltering .cnInner{
  display: flex;
  align-items: center;
}

body.node-type-job-listing .sectionJobFiltering .cnInner > span{

  width: 200px;
  color: #fff;
  font-size: 24px;

}

body.node-type-job-listing .sectionJobFiltering .cnInner > form{
  flex: 1;
}

body.node-type-job-listing .sectionJobFiltering form .views-exposed-widgets .views-exposed-widget .selector{
  position: relative;
}

body.node-type-job-listing .sectionJobFiltering form .views-exposed-widgets .views-exposed-widget .selector::after{
  content: '';
  position: absolute;
  background: #5AC3CD;
  height: 100%;
  right: 55px;
  width: 4px;
  top: 0;
}

body.node-type-job-listing .sectionJobFiltering form .views-exposed-widgets .views-exposed-widget {
  float: left;
  width: 40%;
  margin: 0 3% 0 0;
  padding: 0;
}

body.node-type-job-listing .sectionJobFiltering {
  margin: 20px 0 65px 0;
}
body.node-type-job-listing .sectionJobListing .cnAccordion .collapsible {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.jobListing__box{
  width: 49%;
  height: 225px;
  background: #F0F0F1;
  margin-bottom: 2%;
}
.jobListing__box > a{
  display: flex;
  height: 100%;
  width: 100%;
}

.jobListing__box--inner{
  display: flex;
  width: 100%;
  height: 100%;
}

.jobListing__box--logo{
  width: 35%;
  background: #0A2D6E;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 15px;
}

.jobListing__box--img {
  width: 100%;
}

.jobListing__box--img img{
  width: 100%;
  display: block;
}

.jobListing__box--desc{
  width: 65%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 6%;

  transition: all .3s ease-in-out;
}

.jobListing__box--desc::before{
  content: '';
  width: 0%;
  height: 100%;
  background: #0A2D6E;
  position: absolute;
  left: 0;
  top: 0;
  transition: all .3s ease-in-out;
}

.jobListing__box--desc:hover::before{
  content: '';
  width: 100%;

}

.jobListing__box--desc .cnShare{
  position: absolute;
  right: -2px;
  top: 0;
  pointer-events: none;
}

.jobListing__box--desc .cnShare .at-style-responsive .at-share-btn{
  background-color: #5AC3CD !important;
}

.jobListing__box--desc .cnTitle{
  font-size: 24px;
  color: #0A2D6E;
  font-weight: 700;
  font-family: 'Roboto Slab', serif;
  margin-bottom: 10px;
  transition: all .3s ease-in-out;
}
.jobListing__box--desc .cnRef{
  color: #5ac3cd;
  font-size: 16px;
  transition: all .3s ease-in-out;
}
.jobListing__box--desc .cnDate{
  color: #0A2D6E;
  font-size: 16px;
  position: absolute;
  bottom: 20px;
  transition: all .3s ease-in-out;
}


.jobListing__box--desc:hover .cnTitle,
.jobListing__box--desc:hover .cnRef,
.jobListing__box--desc:hover .cnDate{
  color: #fff;
  z-index: 1;
}



.sectionCompanyList.sectionCompanyListNew{
  background: #5AC3CD;
  padding: 50px 0;
}

.sectionCompanyList.sectionCompanyListNew .col.s12{
  display: flex;
  align-items: center;
}

.sectionCompanyList.sectionCompanyListNew .col.s12 > span{
  width: auto;
  color: #fff;
  font-size: 24px;
  margin-right: 40px;
}

.sectionCompanyList.sectionCompanyListNew .col.s12 > .selector{
  width: 450px !important;
  position: relative;
  background: #fff url(../images/icn/selectmoreBig.png) 97% center no-repeat;

}

.sectionCompanyList.sectionCompanyListNew .col.s12 > .selector::after {
  content: '';
  position: absolute;
  background: #5AC3CD;
  height: 100%;
  right: 55px;
  width: 4px;
  top: 0;
}

.newjoblisting .item-list{
  margin-bottom: 90px;
}

.newjoblisting .item-list ul li {
  margin: 0 0 0.25em 2.5em;
  margin-bottom: 0;
}

.newjoblisting .item-list .pager li{
  display: inline-block;
  vertical-align: middle;
  color: #5AC3CD;
}

.newjoblisting .item-list .pager li a{
  color: #0A2D6E;
}

.newjoblisting .pager-previous,
.newjoblisting .pager-next{
  margin: 0;
  padding: 0;
}

.newjoblisting .pager-previous a{      
  background: url(../images/icn/pagerArrow.png) center center no-repeat;
  width: 32px;
  height: 32px;
  background-size: 100%;
  font-size: 0px;
  display: flex;
}
.newjoblisting .pager-next{
  margin-left: 1.5em;
}
.newjoblisting .pager-next a{
  background: url(../images/icn/pagerArrow.png) center center no-repeat;
  width: 32px;
  height: 32px;
  background-size: 100%;
  font-size: 0px;
  display: flex;
  transform: rotate(180deg);
}

.newjoblisting .pager-first.first,.newjoblisting .pager-last.last{
  display: none !important;
}

.node-type-contact-us .form-item.webform-component--i-accept .form-radios{
  display: inline-block;
  vertical-align: middle;
  width: 5%;
}

.node-type-contact-us .form-item.webform-component--i-accept .option{
  font-size: 0px !important;
}

.node-type-contact-us .form-item.webform-component--i-accept .description{
  font-size: 13px;
  display: inline-block;
  vertical-align: top;
  width: 85%;
  position: relative;
  top: 5px;
  left: 7px;
}

.node-type-contact-us .form-item.webform-component--i-accept > label{
  display: none;
}

/* news */
  
.img-res {
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: bottom;
}


.newsroom .container.container__1180{
  width: 100%;
  margin: 0 auto;
  max-width: 1180px;

}

.newsroom__square .container.container__1180{
  width: 100%;
  margin: 0 auto;
  max-width: 1180px;

}


.newsroom .container__wrapper{
  display: flex;
  flex-direction: column;
}

.newsroom__big{
  width: 100%;
  display: flex;
}

.newsroom__big a{
  width: 100%;
  display: flex;
}

.newsroom__big > div{
  width: 50%;
}

.newsroom__big--desc{
  background: #5AC3CD;
  display: flex;
  flex-direction: column;
  padding: 60px 70px;
  width: 50%;
}

.newsroom__big--img{
  width: 50%;
}

.newsroom__cat{
  font-size: 18px;
  color: #122F6A;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 25px;
}

.newsroom__title{
  font-size: 36px;
  line-height: 46px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 30px;
}

.newsroom__date{
  font-size: 18px;
  color: #122F6A;
}

.newsroom__wrapper{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

.newsroom__left{
  width: 64.9152%;
}

.newsroom__right{
  width: 30.5084%;
}

.newsroom__left--box{
  width: 100%;
  display: flex;
  margin-bottom: 50px;
}

.newsroom__left--box:last-child{
  margin-bottom: 0;
}

.newsroom__left--box a{
  width: 100%;
  display: flex;
  border: 1px solid #EAEAEA;
}

.newsroom__left--box a > div{
  width: 50%;
}

.newsroom__left--desc{
  display: flex;
  flex-direction: column;

  padding: 30px 30px;
}

.newsroom__left--cat{
  font-size: 14px;
  color: #5AC3CD;
  font-weight: 500;
  text-transform: uppercase;
}

.newsroom__left--title{
  color: #0A2D6E;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  margin-top: 15px;
  margin-bottom: 30px;
}

.newsroom__left--date{
  color: #B9B9B9;
  font-size: 14px;
}

.pinnews__wrapper{
  width: 100%;
  margin-bottom: 52px;
}

.pinnews__wrapper > div{
  width: 100%;
  margin-bottom: 6px;
}

.pinnews__title{
  color: #FFFFFF;
  background: #5AC3CD;
  font-size: 20px;
  padding: 10px;
  text-align: center;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}

.pinnews__box{
  background:#EBEBEB;
  padding: 22px 25px;
  width: 100%;
  display: flex;
}

.pinnews__box a{
  width: 100%;
  display: flex;
}

.pinnews__box--img{
  /* width: 45%; */
}

.pinnews__box--desc{
  width: 55%;
  display: flex;
  flex-direction: column;
  padding: 0px 20px;
}

.pinnews__box--cat{
  font-size: 12px;
  color: #A7A7A7;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
}

.pinnews__box--text{
  color: #0A2D6E;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  margin-top: 10px;
}

.pinads{
  width: 100%;
}

.pinads a{
  display: flex;
  width: 100%;
  margin-top: 53px;
}

.fullscreenimg{
  margin: 55px 0;
}

.imagebanner__Ads{
  width: 100%;
  margin: 50px 0;
}

.newsroom__square .container__wrapper{
  flex-wrap: wrap;
  display: flex;
}

.newsroom__square--box{
  width: 31.3333%;
  margin-right: 3%;
  margin-bottom: 40px;
}

.newsroom__square--box:nth-child(3n){
  margin-right: 0;
}

.newsroom__square--box a{
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #EAEAEA;
}

.newsroom__square--img{
  width: 100%;
}


.newsroom__square--desc{
  display: flex;
  flex-direction: column;
  padding: 20px 30px;
  height: 240px;
  background: #fff;
}

.newsroom__square--cat{
  font-size: 14px;
  color: #5AC3CD;
  font-weight: 500;
  text-transform: uppercase;
}

.newsroom__square--title{
  color: #0A2D6E;
  font-size: 24px;
  line-height: 30px;
  margin: 20px 0;
  font-weight: 700;
}

.newsroom__square--date{
  color: #B9B9B9;
  font-size: 14px;
}

.loadmorebtn{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.loadmorebtn span{
  text-transform: uppercase;
  position: relative;
  font-size: 16px;
  padding-left: 20px;
  display: inline-block;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #5ac3cd;
  font-family: "Roboto", sans-serif;
  cursor: pointer;
}

.loadmorebtn span::before{
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  top: 1px;
  left: 0px;
  display: block;
  background: #5ac3cd;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

.loadmorebtn span:hover{
  color: #0a2d6e;
}

.loadmorebtn span:hover::before{
  background: #0a2d6e;
}


#btnfilter{
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAYAAAAmNZ4aAAAABHNCSVQICAgIfAhkiAAAAZFJREFUSEtjZKA2UCgQ4OL5l8/MzBT8998/XSD95O+ff3O+XZnUiGwVI7Xt5dLJa2BgZKjXVZNi8HXSY9i87xLD5VvPGBj+MzQCLW+A2cfIoZtrT03LWZmZVmspS4qeWFMON9YipJPh2u3n937//5cEt5hLN+8/NS0GmVWV4cFQneUJN7Z12naGthk7UKyhuo85WFgWaihLyB9fXYbm42f3f///nwj3MbV9y6WbE8DAwLReT10aHseXbj7FjGNqWwwyD2Q5MxNz899//3XYWZmv//z1dxVywgKpoXqqJtYjg8BitIzPzspy7eevP6AgQsn4xPqIkDq4j4nN+IQMJFaekVMnNw+kmIWFuUlLWYIfPeNfvfP82d+//zqJNZBYdYzIBQgxGZ9Ygwmpg/uYjZW5SlNZUhw94wN9/Bzo4w5CBpEqj4hjIjM+qRbgUo+SnYjJ+DSxmFqGEmPOIChAiHEmTA2RrQx8RpLlY2oUNmTVx8S2MvD6mNwWCKWFDVk+JraVQf04pkJhQ1biIraVgc/HABaH8aoOpcDzAAAAAElFTkSuQmCC) center center no-repeat;
  width: 30px;
  height: 25px;
  background-size: 100%;
  cursor: pointer;
}

#btnfilter.active{

  width: 30px;
  height: 25px;
  background-size: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAYAAAAmNZ4aAAAABHNCSVQICAgIfAhkiAAAAV5JREFUSEvFVjFug0AQvOMD0FhpkPwB/Ia0lJFSUSYPsPs0tpPG/kOaNCA5BS0PQXFnNyhuoaOCzCFzMg6yF7zIJ52uuNXMze3OaqVgXmEYWnmez6SUz2VZTgzDSIqi+PQ8b3lKJZl5RRAEC2DOLcsStm2LJElEmqaKZglydVct6fv+Iyc5FH6bpjlyXVfDRlGkyHf4gVdNjBeWnMQKy3GcatcrjmOhduOrB1D8BcXjc8VZlu2R6xetmFsthDyhsMKrOeYmVniKHLn+QE4dnFso3ZwWVlVcQxBTMO9P3GL8n+MXNYxPUUOJ0YqpxqeAUmIkCKfHwHdUotli/F/crylgXWIUsW4gFON3Ab8UqxXDe28w/kOL4gMAVlyE/xoI1fhcD2jYiWL8QYi5QCk4928glFfWMdQp42JVdyGsYzmaTa8JhDplXPNxrwnk1mbTVzFpymDPMUez6W2nW5vNH4cX94DT4pf1AAAAAElFTkSuQmCC) center center no-repeat;
}

.Filterbtn{
  margin-bottom: 10px;
}

.sectionNewsroomDetails__wrapper{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.sectionNewsroomDetails__top{
  position: relative;
}

.sectionNewsroomDetails__top .share{
  position: absolute;
  right: 0;
  top: 0;
}

.sectionNewsroomDetails__top  .share .at-style-responsive .at-share-btn{
  background-color: rgb(10 45 110) !important;
}

.sectionNewsroomDetails__top .big-banner-img img{
  width: 100%;
}

.tag-top{
  font-weight: 700;
  font-size: 14px;
  color: #5AC3CD;
  line-height: 18px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.title__newsdetails{
  font-weight: 700;
  font-size: 54px;
  line-height: 54px;
  color: #0A2D6E;
  margin-bottom: 50px;
}

.big-banner-img{
  width: 100%;
  margin-bottom: 50px;
}

.sectionNewsroomDetails__bottom{
  display: flex;
  justify-content: space-between;
}

.sectionNewsroomDetails__left{
  width: 80%;
}

.sectionNewsroomDetails__left p{
  font-size: 16px;
  line-height: 30px;
  color: #0A2D6E;
}


.sectionNewsroomDetails__left .swiper-container {
  width: 100%;
  margin: 40px 0 0px 0;
  padding-bottom: 70px;
}

.sectionNewsroomDetails__left .swiper-container a {
}

.sectionNewsroomDetails__left .swiper-container a img{
  width: 100%;
}

.tag-bottom{
  border-top: 1px solid #707070;
  width: 100%;
  padding: 30px 0;
  display: flex;
  align-items: center;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  color: #8B8B8B;
}

.tag-bottom ul {
  display: flex;
  align-items: center;
  margin-left: 8px;
}

.tag-bottom li{
  padding: 10px 15px;
  border-radius: 25px;
  border: 1px solid #8B8B8B;
  margin: 0 8px;
}

.sectionNewsroomDetails__left .swiper-button-next {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAASCAYAAAAt6kybAAAABHNCSVQICAgIfAhkiAAAALpJREFUSEtjZBhgwKmb2//9P1MHw5WJL/E5hXGA3Qm2nlMn9/a//389f16ddgeXewaFQ4lx7KBxKCHHDiqH4nPsoHMoLscOSodic+ygdSi6Yxk5dfKWD4YiCk+x5PD/978QRk7tvIjB6tB//xlkmJn/53+7PFl20EY9m1a2Ngsz00qgI3VAATkoHYruyEHpUGyOHHQOxeXIQeVQfI4cNA4l5MhB4VBiHDnwDlXJ5WNnZ7T6eXXSDkJlOQBf+2nqQwSSFQAAAABJRU5ErkJggg==);
  right: 10px;
  left: auto;
}

.sectionNewsroomDetails__left .swiper-button-prev {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAASCAYAAAAt6kybAAAABHNCSVQICAgIfAhkiAAAALpJREFUSEtjZBhgwKmb2//9P1MHw5WJL/E5hXGA3Qm2nlMn9/a//389f16ddgeXewaFQ4lx7KBxKCHHDiqH4nPsoHMoLscOSodic+ygdSi6Yxk5dfKWD4YiCk+x5PD/978QRk7tvIjB6tB//xlkmJn/53+7PFl20EY9m1a2Ngsz00qgI3VAATkoHYruyEHpUGyOHHQOxeXIQeVQfI4cNA4l5MhB4VBiHDnwDlXJ5WNnZ7T6eXXSDkJlOQBf+2nqQwSSFQAAAABJRU5ErkJggg==);
  left: 10px;
  right: auto;
  transform: rotate(180deg);
}


.sectionNewsroomDetails__left .swiper-button-next, 
.sectionNewsroomDetails__left .swiper-button-prev {
  position: absolute;
  top: auto;
  width: 41px;
  height: 20px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  bottom: 25px;
}

.sectionNewsroomDetails__right{
  width: 16%;
}

.pinads__details a{
  display: flex;
  width: 100%;
  margin-bottom: 53px;
}

.newmore__wrapper{
  width: 100%;
  display: flex;
}

.newsmore__title h2{
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  line-height: 40px;
  color: #0A2D6E;
  margin-bottom: 60px;
  display: flex;
  font-weight: 600;
}

.newmore{
  width: 100%;
    background: #F7F7F7;
    display: flex;
    padding: 60px 0
}

.sectionNewsroomDetails__left .text img{
  width: 100%;
}

.newmore__wrapper .newsroom__square--box:nth-child(4){
  display:none
}