.container {
    padding: 0;
    width: 100%
}

.row {
    margin: 0
}

[class*=" col-"],
[class^=col-] {
    padding-left: 0;
    padding-right: 0
}

@font-face {
    font-family: "BNPP Sans";
    src: url(/themes/custom/stellar/assets/fonts/BNPP_Sans.otf)
}

@font-face {
    font-family: "BNPP Sans Bold";
    src: url(/themes/custom/stellar/assets/fonts/BNPP_Sans_Bold.otf)
}

@font-face {
    font-family: "BNPP Sans Bold Italic";
    src: url(/themes/custom/stellar/assets/fonts/BNPP_Sans_Bold_Italic.otf)
}

@font-face {
    font-family: "BNPP Sans Cond Bold v2";
    src: url(/themes/custom/stellar/assets/assets/fonts/BNPP_Sans_Cond_Bold_v2.otf);
    src: url(/themes/custom/stellar/assets/fonts/BNPP_Sans_Cond_Bold_v2.ttf)
}

@font-face {
    font-family: "BNPP Sans Cond Extra Bold v2";
    src: url(/themes/custom/stellar/assets/fonts/BNPP_Sans_Cond_Extra_Bold_v2.otf);
    src: url(/themes/custom/stellar/assets/fonts/BNPP_Sans_Cond_Extra_Bold_v2.ttf)
}

@font-face {
    font-family: "BNPP Sans Cond Light v2";
    src: url(/themes/custom/stellar/assets/fonts/BNPP_Sans_Cond_Light_v2.otf);
    src: url(/themes/custom/stellar/assets/fonts/BNPP_Sans_Cond_Light_v2.ttf)
}

@font-face {
    font-family: "BNPP Sans Cond v2";
    src: url(/themes/custom/stellar/assets/fonts/BNPP_Sans_Cond_v2.otf);
    src: url(/themes/custom/stellar/assets/fonts/BNPP_Sans_Cond_v2.ttf)
}

@font-face {
    font-family: "BNPP Sans ExtraBold";
    src: url(/themes/custom/stellar/assets/fonts/BNPP_Sans_ExtraBold.otf)
}

@font-face {
    font-family: "BNPP Sans ExtraBold Italic";
    src: url(/themes/custom/stellar/assets/fonts/BNPP_Sans_ExtraBold_Italic.otf)
}

@font-face {
    font-family: "BNPP Sans Italic";
    src: url(/themes/custom/stellar/assets/fonts/BNPP_Sans_Italic.otf)
}

@font-face {
    font-family: "BNPP Sans Light";
    src: url(/themes/custom/stellar/assets/fonts/BNPP_Sans_Light.otf)
}

@font-face {
    font-family: "BNPP Sans Light Italic";
    src: url(/themes/custom/stellar/assets/fonts/BNPP_Sans_Light_Italic.otf)
}

@font-face {
    font-family: "BNPP Square Bold v3";
    src: url(/themes/custom/stellar/assets/fonts/BNPP_Square_Bold_v3.otf)
}

@font-face {
    font-family: "BNPP Square ExtraBold v3";
    src: url(/themes/custom/stellar/assets/fonts/BNPP_Square_ExtraBold_v3.otf)
}

@font-face {
    font-family: "BNPP Square Light v3";
    src: url(/themes/custom/stellar/assets/fonts/BNPP_Square_Light_v3.otf)
}

@font-face {
    font-family: "BNPP Square Regular v3";
    src: url(/themes/custom/stellar/assets/fonts/BNPP_Square_Regular_v3.otf)
}

html {
    font-size: 62.5%
}

body {
    background-color: #fff;
    color: #000;
    font-family: "Century Gothic", helvetica, arial, sans-serif;
    font-size: 1.4em;
    line-height: 1.5
}

body .layout-container {
    padding-top: 130px
}

body.user-logged-in {
    padding-top: 39px
}

body.adminimal-admin-toolbar header {
    top: 39px
}

body.toolbar-horizontal.toolbar-tray-open header {
  top: 79px
}

body.disable-scrolling {
    overflow-y: hidden
}

blockquote,
caption,
details,
dl,
figure,
label,
ol,
p,
pre,
td,
textarea,
th,
ul {
    font-size: 1em;
    line-height: 1.5;
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
}

.smaller {
    font-size: .7143em;
    line-height: 2.1em
}

.small {
    font-size: .8571em;
    line-height: 1.75em
}

.big {
    font-size: 1.1429em;
    line-height: 1.3125em
}

.bigger {
    font-size: 1.2857em;
    line-height: 1.1667em
}

.biggest {
    font-size: 1.4286em;
    line-height: 1.05em
}

body,
figure,
html,
label,
textarea {
    margin: 0;
    padding: 0
}

ol,
ul {
    padding-left: 0
}

dir,
menu,
ul {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0
}

code,
pre,
samp {
    font-family: consolas, 'DejaVu Sans Mono', courier, monospace;
    white-space: pre-wrap
}

code {
    line-height: 1em
}

table {
    margin-bottom: 1.5em
}

blockquote:first-child,
dl:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
ol:first-child,
p:first-child,
pre:first-child,
ul:first-child {
    margin-top: 0
}

li ol,
li p,
li ul {
    margin-bottom: 0;
    margin-top: 0
}

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

blockquote,
code,
img,
input,
pre,
table,
td,
textarea,
video {
    max-width: 100%
}

code,
div,
h1,
p,
pre,
samp,
table,
td,
textarea,
th {
    hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    word-wrap: break-word;
    -ms-hyphens: none;
    -o-hyphens: none
}

img {
    height: auto;
    vertical-align: middle;
    width: auto
}

a img {
    border: 0
}

body>script {
    display: none!important
}

a {
    color: inherit;
    cursor: pointer;
    text-decoration: none
}

a:focus,
a:hover {
    color: inherit;
    text-decoration: none
}

.skip-links {
    position: absolute
}

.skip-links a {
    background: #000;
    color: #fff;
    left: -9999px;
    padding: .5em;
    position: absolute;
    text-decoration: none
}

.skip-links a:focus {
    position: static
}

ul {
    list-style: none
}

:after,
:before,
a,
div,
h1,
header {
    box-sizing: border-box
}

:focus {
    outline: 0!important
}

.clearfix:after {
    clear: both;
    content: "";
    display: table
}

nav.tabs {
    border-top: 1px solid #ececec
}

.layout-container {
    margin: 0 auto;
    max-width: 1920px
}

.nav-tabs {
    background-color: #fff
}

.stellar-cta, .form-submit {
    background-color: #00965e;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "BNPP Square Bold v3", Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    padding: 21px 30px 20px;
    position: relative;
    text-transform: uppercase;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.stellar-cta:hover, .form-submit:hover {
    background-color: #00a567
}

.stellar-cta:focus,
.stellar-cta:hover,
.form-submit:focus,
.form-submit:hover {
    color: #fff
}

.stellar-slide-cta {
    background-color: #00965e;
    display: inline-block;
    font-size: 12px;
    height: 40px;
    line-height: 14px;
    padding: 14px 50px 14px 20px;
    text-transform: uppercase;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.stellar-slide-cta:hover {
    background-color: #00a567
}

.stellar-slide-cta:hover img {
    -moz-transform: translateX(5px);
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.stellar-slide-cta img {
    display: inline-block!important;
    height: 11px;
    margin-left: 9px;
    position: absolute;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 20px
}

.stellar-slide-link {
    color: #00965e;
    display: inline-block;
    font-family: "BNPP Square Bold v3", Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase
}

.stellar-slide-link:focus,
.stellar-slide-link:hover {
    color: #00a567
}

.stellar-slide-link:hover img {
    -moz-transform: translateX(5px);
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.stellar-slide-link img {
    display: inline-block;
    height: 11px;
    margin-left: 9px;
    position: relative;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 20px
}

.sidenav {
    height: auto;
    position: fixed;
    right: 0;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 4;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.sidenav.inactive {
    right: -38px
}

.sidenav li {
    background-color: #3d3d3d;
    cursor: pointer;
    display: block;
    height: 38px;
    margin: 0 0 0 auto;
    position: relative;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 38px
}

.sidenav li span {
    display: none;
    color: #fff;
    font-family: "BNPP Square Bold v3", Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    padding: 1px 43px 0 10px;
    line-height: 38px
}

.sidenav li:hover {
    width: auto
}

.sidenav li:hover span {
    display: block
}

.sidenav li:after {
    background-color: #fff;
    border-radius: 4px;
    content: '';
    height: 4px;
    right: 19px;
    position: absolute;
    top: 50%;
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    width: 4px
}

.sidenav li.active {
    background-color: #00a567
}

#sliding-popup.sliding-popup-bottom {
    height: auto;
    bottom: 0;
    background: #3d3d3d!important;
    max-width: 616px;
    padding: 55px 40px
}

#sliding-popup.sliding-popup-bottom .popup-content {
    display: table;
    margin: 0;
    max-width: none
}

#sliding-popup.sliding-popup-bottom .popup-content #popup-text {
    display: table-cell;
    vertical-align: middle;
    float: none;
    max-width: none
}

#sliding-popup.sliding-popup-bottom .popup-content #popup-text p {
    color: #fff!important;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 0
}

#sliding-popup.sliding-popup-bottom .popup-content #popup-buttons {
    display: table-cell;
    vertical-align: middle;
    float: none;
    max-width: none
}

#sliding-popup.sliding-popup-bottom .popup-content #popup-buttons button {
    margin: 0 0 0 34px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #00965e;
    text-shadow: none;
    font-family: "BNPP Square Bold v3", Arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    padding: 0
}

#sliding-popup.sliding-popup-bottom .popup-content #popup-buttons button:hover {
    color: #00a567
}

#sliding-popup.sliding-popup-bottom .popup-content #popup-buttons button:not(.agree-button) {
    display: none
}

header {
    position: fixed;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    max-width: 1920px;
    top: 0;
    width: 100%;
    z-index: 5;
}

header.sticky {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .26);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .26)
}

header.sticky .header {
    padding-top: 5px
}

header.sticky .header::after {
    width: 100%
}

header .header-top {
    background-color: #00965e;
    height: 40px;
    line-height: 40px;
    position: relative;
    vertical-align: middle;
    z-index: 100
}

header .header-top .header-top-follow {
    display: inline-block
}

header .header-top .header-top-follow p {
    color: #fff;
    display: inline-block;
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px
}

header .header-top .header-top-follow .header-top-social {
    display: inline;
    margin-left: 4px
}

header .header-top .header-top-follow .header-top-social li {
    display: inline-block
}

header .header-top .header-top-follow .header-top-social li a {
    vertical-align: middle
}

header .header-top .header-top-follow .header-top-social li a span {
    color: #fff;
    width: 16px
}

header .header-top .header-top-follow .header-top-social li a span.fa-facebook,
header .header-top .header-top-follow .header-top-social li a span.fa-instagram {
    font-size: 15px
}

header .header-top .header-top-follow .header-top-social li a span.fa-linkedin,
header .header-top .header-top-follow .header-top-social li a span.fa-twitter,
header .header-top .header-top-follow .header-top-social li a span.fa-youtube-play {
    font-size: 13px
}

header .header-top .header-top-follow .header-top-social li a span.fa-linkedin {
    display: block;
    padding-bottom: 2px
}

header .header-top .header-top-nav {
    color: #fff;
    display: inline-block;
    float: right;
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    text-align: right
}

header .header-top .header-top-nav ul {
    display: inline
}

header .header-top .header-top-nav li {
    display: inline-block
}

header .header-top .header-top-nav .header-top-links {
    margin-right: 32px
}
header .header-top .header-top-nav .header-top-links li span.open-form-contact {
    cursor: pointer;
}
header .header-top .header-top-nav .header-top-links li:not(:first-child) {
    margin-left: 32px
}

header .header-top .header-top-nav .header-top-lang li {
    text-transform: uppercase
}

header .header-top .header-top-nav .header-top-lang li a {
    opacity: .5
}

header .header-top .header-top-nav .header-top-lang li a.is-active,
header .header-top .header-top-nav .header-top-lang li a:hover {
    opacity: 1
}

header .header-top .header-top-nav .header-top-lang li:not(:first-child) {
    margin-left: 6px
}

header .header {
    background-color: #fff;
    border-bottom: 1px solid #ececec;
    color: #aaa;
    display: block;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 67px;
    position: relative;
    transition: all .2s ease-in;
    vertical-align: middle;
    z-index: 100
}

header .header::after {
    background: #00965e;
    content: '';
    display: block;
    height: 5px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    transition: all 1s ease-in-out;
    width: 0;
    z-index: 333
}

header .header h1 {
    display: inline;
    vertical-align: middle
}

header .header .header-logo img {
    height: 30px;
    vertical-align: middle
}

header .header .pipe {
    background-color: #3d3d3d;
    display: inline-block;
    height: 12px;
    margin: 0 25px -1px 25px;
    width: 1px
}

header .header .header-title {
    color: #3d3d3d;
    display: inline-block
}

header .header .header-search {
    display: inline-block;
    float: right;
    text-align: right;
    padding: 0 15px;
    margin-right: -15px
}

header .header .header-search img,
header .header .header-search svg {
    overflow: hidden;
    vertical-align: middle;
    width: 17px
}

header .header .header-search svg path,
header .header .header-search svg rect {
    fill: #3d3d3d
}

header .header .header-search:hover path,
header .header .header-search:hover rect {
    fill: #00965e
}

.is-touch-device header .header {
    border-bottom: none;
    line-height: 90px
}

.is-touch-device header .header .header-search {
    margin: 0
}

.is-touch-device header .header .header-search img,
.is-touch-device header .header .header-search object,
.is-touch-device header .header .header-search svg {
    width: 26px
}

.menu {
    background-color: #fff;
    position: relative;
    z-index: 100
}

.menu .level0 {
    font-size: 0;
    height: 50px;
    line-height: 50px;
    text-align: right;
    vertical-align: middle
}

.menu .level0 .level0-link {
    box-sizing: border-box;
    display: inline-block;
    height: 50px;
    text-align: center
}

.menu .level0 .level0-link:nth-child(-n+3) {
    float: left
}

.menu .level0 .level0-link>a {
    color: #3d3d3d;
    display: inline-block;
    font-family: "BNPP Square Bold v3", Arial, sans-serif;
    font-size: 12px;
    line-height: 50px;
    padding: 0 30px;
    position: relative;
    text-transform: uppercase
}

.menu .level0 .level0-link:first-child>a {
    padding-left: 0
}

.menu .level0 .level0-link:last-child>a {
    padding-right: 0
}

.menu .level0 .level0-link:not(:last-child)>a:after {
    background: #ececec;
    content: '';
    height: 56%;
    position: absolute;
    right: 0;
    top: 22%;
    width: 1px
}

.menu .level0 .level0-link:nth-last-child(2)>a:after,
.menu .level0 .level0-link:nth-last-child(3)>a:after {
    background: #ececec;
    content: '';
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px
}

.menu .level0 .level0-link:nth-child(3)>a:after {
    background: #ececec;
    content: '';
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px
}

.menu .level0 .level0-link:nth-child(4)>a:before {
    background: #ececec;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px
}

.menu .level0 .level0-link .dropdown-arrow {
    display: none
}

.menu .level0 .level0-link {
    border-bottom: 4px solid #fff;
    -moz-transition: border-color .3s ease-in-out;
    -ms-transition: border-color .3s ease-in-out;
    -o-transition: border-color .3s ease-in-out;
    -webkit-transition: border-color .3s ease-in-out;
    transition: border-color .3s ease-in-out
}

.menu .level0 .level0-link .dropdown-arrow {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px dashed;
    color: #d6d6d6;
    display: inline-block;
    height: 4px;
    margin-left: 4px;
    padding-bottom: 4px;
    vertical-align: middle;
    width: 8px
}

.menu .level0 .level0-link>a,
.menu .level0 .level0-link>a .dropdown-arrow {
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.menu .level0 .level0-link:hover {
    border-bottom: 4px solid #00965e
}

.menu .level0 .level0-link:hover>a,
.menu .level0 .level0-link:hover>a .dropdown-arrow {
    color: #00965e
}

.menu .level0 .level0-link:hover .menu-dropdown {
    display: block
}

.menu .menu-dropdown {
    background: #f7f7f7;
    border-top: 1px solid #ececec;
    box-sizing: border-box;
    display: none;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 50px;
    padding-top: 50px;
    position: absolute;
    text-align: left;
    top: 50px;
    width: 100%;
    z-index: 100
}

.menu .level1 {
    box-sizing: border-box
}

.menu .level1 .level1-link {
    padding-top: 30px
}

.menu .level1 .level1-link>a {
    color: #00965e;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-left: 13px;
    position: relative;
    text-transform: uppercase
}

.menu .level1 .level1-link>a:before {
    background-color: #00965e;
    content: '';
    display: inline-block;
    height: 18px;
    left: -10px;
    position: absolute;
    width: 3px
}

.menu .level1 .level1-link:first-child {
    padding-top: 0
}

.menu .level2 {
    margin-left: 13px;
    padding-top: 8px
}

.menu .level2 .level2-link {
    color: #3d3d3d;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 25px
}

.menu .level2 .level2-link a {
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.menu .level2 .level2-link a:hover {
    color: #00965e
}

.menu.display-none {
    display: none
}

.menu-push {
    position: relative
}

.menu-push .menu-push-content {
    display: inline-table;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

.menu-push .menu-push-content p {
    color: #fff;
    font-family: "BNPP Sans Cond Bold v2", Arial, sans-serif;
    font-size: 64px;
    line-height: 65px
}

.menu-push .menu-push-content .stellar-cta {
    padding: 21px 14px
}

.menu-push .menu-push-image:after {
    background: rgba(0, 0, 0, .5);
    content: '\A';
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.menu-push .menu-push-image img {
    width: 100%
}

.menu-overlay {
    background: rgba(61, 61, 61, .96);
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 4
}

.menu-overlay-fullscreen {
    bottom: 0!important;
    left: 0!important;
    opacity: 1!important;
    right: 0!important;
    top: 0!important;
    -moz-transition: all .3s cubic-bezier(.29, .85, .43, 1), opacity .15s;
    -ms-transition: all .3s cubic-bezier(.29, .85, .43, 1), opacity .15s;
    -o-transition: all .3s cubic-bezier(.29, .85, .43, 1), opacity .15s;
    -webkit-transition: all .3s cubic-bezier(.29, .85, .43, 1), opacity .15s;
    transition: all .3s cubic-bezier(.29, .85, .43, 1), opacity .15s;
    transition-delay: 0s, 0s
}

.mobile-menu {
    background: #f7f7f7;
    display: none;
    overflow: hidden;
    position: absolute;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%;
    z-index: 100
}

.mobile-menu>ul {
    left: 0;
    position: relative;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.mobile-menu li,
.mobile-menu ul {
    list-style: none;
    margin: 0
}

.mobile-menu a {
    border: none;
    display: block
}

.mobile-menu ul {
    width: 100%
}

.mobile-menu li {
    padding: 0 15px
}

.mobile-menu li ul {
    display: none;
    left: 100%;
    position: absolute;
    top: 0
}

.mobile-menu .level0 {
    padding: 15px 0 30px
}

.mobile-menu .level1 {
    padding-bottom: 30px
}

.mobile-menu .level2 {
    padding-bottom: 20px
}

.mobile-menu .level0>li>a:not(.back):not(.mobile-menu-title),
.mobile-menu .level1>li>a:not(.back):not(.mobile-menu-title) {
    color: #00965e;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 18px;
    line-height: 50px;
    position: relative;
    text-transform: uppercase
}

.mobile-menu .level0>li>a:not(.back):not(.mobile-menu-title):hover,
.mobile-menu .level1>li>a:not(.back):not(.mobile-menu-title):hover {
    color: #00a567
}

.mobile-menu .level0>li>a:not(.back):not(.mobile-menu-title):hover>a.next:after,
.mobile-menu .level1>li>a:not(.back):not(.mobile-menu-title):hover>a.next:after {
    color: #00a567
}

.mobile-menu .level0>li>a:not(.back):not(.mobile-menu-title):before,
.mobile-menu .level1>li>a:not(.back):not(.mobile-menu-title):before {
    background: #d6d6d6;
    bottom: 0;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.mobile-menu .level0>li>a.next:after,
.mobile-menu .level1>li>a.next:after {
    color: #00965e;
    content: "\f105";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 25px;
    line-height: 50px;
    position: absolute;
    right: 0;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.mobile-menu .level2>li>a:not(.back):not(.mobile-menu-title) {
    color: #3d3d3d;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 50px;
    position: relative
}

.mobile-menu .level2>li>a:not(.back):not(.mobile-menu-title):hover {
    color: #00965e
}

.mobile-menu .level2>li:not(:last-child) a:not(.back):not(.mobile-menu-title):before {
    background: #d6d6d6;
    bottom: 0;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.mobile-menu a.back {
    color: #3d3d3d;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 16px;
    line-height: 60px
}

.mobile-menu a.back:hover {
    color: #00965e
}

.mobile-menu a.back:hover:before {
    color: #00965e
}

.mobile-menu a.back:before {
    color: #3d3d3d;
    content: "\f104";
    display: inline-block;
    float: left;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 21px;
    line-height: 55px;
    margin-right: 4px;
    vertical-align: middle;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.mobile-menu .mobile-menu-header {
    padding-bottom: 11px
}

.mobile-menu a.mobile-menu-title {
    background-color: #00965e;
    color: #fff;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 18px;
    line-height: 54px;
    margin: 0 -15px 0 -15px;
    padding: 0 15px;
    position: relative;
    text-transform: uppercase
}

.mobile-menu a.mobile-menu-title:hover {
    background-color: #00a567
}

.mobile-menu .menu-push {
    margin: 40px 15px 10px;
    padding: 0
}

.menu-button {
    display: none;
    float: right;
    margin-right: -15px;
    padding: 0 15px;
    text-align: right
}

.menu-button img,
.menu-button svg {
    height: 24px;
    overflow: hidden;
    vertical-align: middle;
    width: 26px
}

.menu-button svg path,
.menu-button svg rect {
    fill: #3d3d3d
}

.menu-button:hover path,
.menu-button:hover rect {
    fill: #00965e
}

.menu-button .menu-burger {
    display: inline
}

.menu-button .menu-close {
    display: none
}

.menu-button.active {
    background: #f7f7f7
}

.menu-button.active .menu-burger {
    display: none
}

.menu-button.active .menu-close {
    display: inline
}

.is-touch-device .menu {
    display: none
}

.is-touch-device .menu-button {
    display: inline-block
}

.is-touch-device .mobile-menu.active {
    display: block;
    padding: 0
}

div:not(.our-latest-news)+.why-choose {
    margin-top: 50px
}

.why-choose {
    background-color: #fff;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    padding-bottom: 46px;
    padding-top: 34px;
    margin-bottom: 0!important;
    text-align: center
}

.why-choose .why-choose-title h2 {
    color: #3d3d3d;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase
}

.why-choose .why-choose-reasons .why-choose-reason {
    padding-top: 38px
}

.why-choose .why-choose-reasons .why-choose-reason .why-choose-icon {
    background-color: #f7f7f7;
    border-radius: 50%;
    display: inline-block;
    height: 104px;
    position: relative;
    width: 104px
}

.why-choose .why-choose-reasons .why-choose-reason .why-choose-icon img {
    left: 50%;
    max-width: 66%;
    max-height: 66%;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.why-choose .why-choose-reasons .why-choose-reason .why-choose-text {
    color: #3d3d3d;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 22px;
    margin-top: 8px;
    padding: 4px 15px;
    position: relative
}

.eu-leader {
    background-color: #00965e;
    color: #fff;
    padding-bottom: 42px;
    padding-top: 45px
}

.eu-leader .eu-leader-headline {
    text-align: center
}

.eu-leader .eu-leader-headline .eu-leader-headline-content {
    display: inline-block;
    text-align: left
}

.eu-leader .eu-leader-headline .eu-leader-headline-content .eu-leader-number {
    font-family: "BNPP Sans Cond Bold v2", Arial, sans-serif;
    font-size: 72px;
    letter-spacing: 3px;
    line-height: 47px;
    padding-top: 16px
}

.eu-leader .eu-leader-headline .eu-leader-headline-content .eu-leader-fact {
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 18px;
    line-height: 22px
}

.eu-leader .eu-leader-text {
    padding-top: 40px
}

.eu-leader .eu-leader-text h2 {
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 24px;
    line-height: 29px
}

.eu-leader .eu-leader-text p {
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 25px;
    margin-top: 2px
}

.footer-block {
    background-color: #3d3d3d;
    padding-bottom: 55px;
    padding-top: 55px
}

.footer-block .footer-map {
    text-align: center
}

.footer-block .footer-map .footer-map-text {
    color: #fff;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 24px
}

.footer-block .footer-map .footer-map-img {
    margin-top: 15px;
    max-width: 100%;
    width: 100%
}

.footer-block .footer-map .footer-map-caption {
    padding-top: 8px
}

.footer-block .footer-map .footer-map-caption img {
    display: inline-block;
    height: 14px;
    margin-right: 4px;
    width: 10px
}

.footer-block .footer-map .footer-map-caption a {
    border-bottom: #fff 1px solid;
    color: #fff;
    font-family: "BNPP Sans Light", Arial, sans-serif;
    font-size: 14px;
    line-height: 14px
}

.footer-block .footer-map .footer-select {
    background-color: #00a567;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 14px;
    height: 50px;
    line-height: 20px;
    margin-top: 24px;
    padding: 15px 65px 15px 15px;
    position: relative;
    text-align: left;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: auto
}

.footer-block .footer-map .footer-select span {
    background-color: #00965e;
    display: table;
    font-size: 12px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px
}

.footer-block .footer-map .footer-select span:before {
    display: table-cell;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    vertical-align: middle
}

.footer-block .footer-map .footer-select ul {
    display: none;
    left: 0;
    max-height: 208px;
    overflow: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 5
}

.footer-block .footer-map .footer-select ul li {
    background-color: #00a567;
    border-top: 1px solid #00965e;
    cursor: pointer;
    display: block;
    height: 52px;
    -moz-transition: background-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

.footer-block .footer-map .footer-select ul li:hover {
    background-color: #00965e
}

.footer-block .footer-map .footer-select ul li a {
    display: block;
    padding: 15px
}

.footer-block .footer-map .footer-select.open span:before {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.footer-block .footer-map .footer-select.open ul {
    display: block
}

.footer-block .footer-nav {
    display: table;
    padding-top: 50px
}

.footer-block .footer-nav .footer-nav-block {
    display: table-cell;
    padding-right: 20px;
    width: auto
}

.footer-block .footer-nav .footer-nav-block .footer-nav-title {
    color: #00a567;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase
}

.footer-block .footer-nav .footer-nav-block .footer-nav-links {
    padding-top: 14px
}

.footer-block .footer-nav .footer-nav-block .footer-nav-links li a {
    color: #fff;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 25px;
    padding-top: 8px;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.footer-block .footer-nav .footer-nav-block .footer-nav-links li a:hover {
    color: #00a567
}

.baseline {
    background-color: #fff;
    border-top: 10px solid #00965e;
    color: #3d3d3d;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 80px;
    vertical-align: middle
}

.baseline .baseline-logo img {
    max-height: 30px;
    vertical-align: middle;
    display: inline-block;
    max-width: 146px
}

.baseline .pipe {
    background-color: #3d3d3d;
    display: inline-block;
    height: 12px;
    margin: 0 25px -1px 25px;
    width: 1px
}

.baseline .baseline-title {
    display: inline-block
}

.baseline .baseline-links {
    display: inline-block;
    float: right;
    text-align: right
}

.baseline .baseline-links li {
    color: #aaa;
    display: inline-block;
    font-family: "BNPP Sans Light", Arial, sans-serif;
    font-size: 14px;
    line-height: 80px;
    text-transform: uppercase
}

.baseline .baseline-links li:not(:first-child) {
    padding-left: 14px
}

.hp-cover {
    position: relative
}

.hp-cover .hp-scroll {
    background-color: #fff;
    border-radius: 56px;
    bottom: -47px;
    display: block;
    height: 56px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 56px;
    z-index: 2
}

.hp-cover .hp-scroll img {
    box-sizing: content-box;
    cursor: pointer;
    left: 50%;
    padding: 10px;
    position: absolute;
    top: 0;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 16px
}

.hp-cover .hp-scroll:hover img {
    -moz-transform: translate(-50%, 9%);
    -ms-transform: translate(-50%, 9%);
    -o-transform: translate(-50%, 9%);
    -webkit-transform: translate(-50%, 9%);
    transform: translate(-50%, 9%)
}

.hp-cover .bx-wrapper {
    border: none;
    box-shadow: none;
    margin-bottom: 0
}

.hp-cover .bx-wrapper .bx-pager {
    bottom: 0;
    padding: 43px;
    position: absolute
}

.hp-cover .bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    height: 8px;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 8px
}

.hp-cover .bx-wrapper .bx-pager.bx-default-pager a:not(.active) {
    margin: 2px 5px 2px
}

.hp-cover .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #fff
}

.hp-cover .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #00a567
}

.hp-cover .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fff;
    height: 12px;
    width: 12px
}

.hp-cover .bx-wrapper .bx-pager.bx-default-pager a.active:focus {
    background: #fff
}

.hp-cover .bx-wrapper .bx-pager.bx-default-pager a.active:hover {
    background: #00a567
}

.hp-cover .hp-slider .hp-slide {
    display: table;
    height: 480px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.hp-cover .hp-slider .hp-slide .hp-slide-shadow {
    background-color: #0f4065;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.hp-cover .hp-slider .hp-slide video {
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: auto;
    z-index: -1000;
    object-fit: cover
}

.hp-cover .hp-slider .hp-slide video::-webkit-media-controls-start-playback-button {
    display: none!important
}

.hp-cover .hp-slider .hp-slide .hp-slide-container {
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle
}

.hp-cover .hp-slider .hp-slide .hp-slide-container .hp-slide-content {
    color: #fff;
    display: inline-block;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    min-width: 320px;
    padding: 30px 0 58px 36.5px;
    position: relative;
    text-align: left
}

.hp-cover .hp-slider .hp-slide .hp-slide-container .hp-slide-content .hp-slide-box {
    background-color: #00965e;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 120px
}

.hp-cover .hp-slider .hp-slide .hp-slide-container .hp-slide-content .hp-slide-title {
    font-size: 48px;
    line-height: 58px;
    position: relative
}

.hp-cover .hp-slider .hp-slide .hp-slide-container .hp-slide-content .stellar-slide-cta {
    bottom: 0;
    position: absolute;
    right: 35%;
    -moz-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    -o-transform: translate(50%, 0);
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0)
}

.hp-news {
    background-color: #fff;
    margin-bottom: 40px;
    padding-top: 50px;
    position: relative;
    text-align: center
}

.hp-news .hp-news-background {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: absolute
}

.hp-news .hp-news-background .hp-news-background-border {
    display: block;
    height: 100%;
    padding: 56px 56px 175px;
    position: relative
}

.hp-news .hp-news-background .hp-news-background-border:after {
    content: " ";
    height: 100%;
    width: 100%;
    border: 10px solid #ececec;
    display: block
}

.hp-news .stellar-cta {
    margin-top: 32.5px
}

.hp-news .hp-news-bottom,
.hp-news .hp-news-left,
.hp-news .hp-news-right {
    display: inline-block;
    float: left;
    position: relative;
    width: 100%;
    z-index: 1
}

.hp-news .hp-news-bottom:after,
.hp-news .hp-news-bottom:before,
.hp-news .hp-news-left:after,
.hp-news .hp-news-left:before,
.hp-news .hp-news-right:after,
.hp-news .hp-news-right:before {
    clear: both;
    content: " ";
    display: table
}

.news-card-container {
    display: block;
    height: 100%;
    margin: 0 auto;
    position: relative
}

.news-card-container:after,
.news-card-container:before {
    clear: both;
    content: " ";
    display: table
}

.news-card,
.twitter-feed {
    display: inline-block;
    float: left;
    height: 500px;
    margin: 7.5px;
    position: relative;
    text-align: left;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 390px
}

.news-card {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    color: #fff;
    padding: 20px
}

.news-card:hover {
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .27)
}

.news-card:hover .news-card-social {
    opacity: 1
}

.news-card .news-card-social {
    border-bottom: 10px solid transparent;
    bottom: -1px;
    left: 0;
    line-height: 32px;
    opacity: 0;
    padding: 0 14px 2px 0;
    position: absolute;
    text-align: right;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    width: calc(100% + 1px);
    -webkit-backface-visibility: hidden
}

.news-card .news-card-social li {
    display: inline-block
}

.news-card .news-card-social li a {
    color: #aaa;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.news-card .news-card-social li a span:not(.fa-facebook) {
    font-size: 16px
}

.news-card .news-card-social li a span.fa-facebook {
    font-size: 15px;
    height: 18px;
    vertical-align: middle
}

.news-card .news-card-social li .st_facebook,
.news-card .news-card-social li .st_linkedin,
.news-card .news-card-social li .st_twitter {
    background: 0 0;
    border: none;
    color: #aaa;
    display: inline-block;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    margin-left: 4px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 20px
}

.news-card .news-card-social li .st_facebook:before,
.news-card .news-card-social li .st_linkedin:before,
.news-card .news-card-social li .st_twitter:before {
    font-family: FontAwesome;
    display: inline-block;
    left: 0;
    line-height: 19px;
    position: absolute;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    width: 19px
}

.news-card .news-card-social li .st_facebook:before {
    content: '\f09a';
    font-size: 15px
}

.news-card .news-card-social li .st_twitter:before {
    content: "\f099";
    font-size: 16px
}

.news-card .news-card-social li .st_linkedin:before {
    content: "\f0e1";
    font-size: 16px
}

.news-card .news-card-social li .chicklets {
    background-image: none
}

.news-card .news-card-img {
    height: 210px;
    position: relative
}

.news-card .news-card-img a:not(.press-release),
.news-card .news-card-img span:not(.press-release) {
    bottom: 0;
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.news-card .news-card-img .press-release {
    background-color: #3d3d3d;
    bottom: 0;
    color: #fff;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 10px;
    height: 34px;
    line-height: 14px;
    padding: 11px 20px;
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

.news-card .news-card-img .press-release img {
    height: 10px;
    margin: 0 4px 3px 0;
    width: 10px
}

.news-card .news-card-text {
    display: block;
    margin: 20px 5px
}

.news-card .news-card-text h2,
.news-card .news-card-text h3 {
    color: #3d3d3d;
    display: inline-block;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 24px;
    line-height: 29px;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.news-card .news-card-text p {
    color: #3d3d3d;
    font-family: "BNPP Sans Light", Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding-top: 10px
}

.news-card .news-card-bottom {
    bottom: 0;
    display: table;
    margin: 26px 5px;
    position: absolute
}

.news-card .news-card-bottom .news-card-author {
    display: table-cell;
    padding: 8px 27px 0 50px;
    position: relative;
    vertical-align: middle
}

.news-card .news-card-bottom .news-card-author img {
    border-radius: 42px;
    height: 42px;
    left: 0;
    position: absolute;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 42px
}

.news-card .news-card-bottom .news-card-author .news-card-author-text .news-card-author-name {
    color: #3d3d3d;
    font-family: "BNPP Sans Cond Bold v2", Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 16px;
    text-transform: uppercase
}

.news-card .news-card-bottom .news-card-author .news-card-author-text .news-card-date {
    color: #aaa;
    font-family: "BNPP Sans Cond v2", Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 18px
}

.news-card .news-card-bottom .news-card-author.no-author {
    padding: 0 27px 0 0
}

.news-card .news-card-bottom .news-card-author.news-card-author-no-pic {
    padding: 8px 27px 0 5px
}

.news-card .news-card-bottom .news-card-place {
    border-left: 1px solid #d6d6d6;
    display: table-cell;
    padding: 0 0 0 27px;
    position: relative;
    vertical-align: middle
}

.news-card .news-card-bottom .news-card-place img {
    display: inline-block;
    height: 20px;
    margin: 0 1px 2px 0;
    width: 14px
}

.news-card .news-card-bottom .news-card-place .news-card-place-name {
    color: #aaa;
    display: inline-block;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 17px
}

.is-touch-device .news-card .news-card-social {
    opacity: 1;
    border-bottom: 10px solid transparent!important
}

.news-card.news-card-big .news-card-bottom .news-card-author.no-author {
    padding: 0 27px 0 0
}

.news-card.research .news-card-bottom .news-card-topic {
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    color: #3d3d3d;
    display: table-cell;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    padding: 5px 5px 3px 5px;
    vertical-align: middle
}

.news-card.research .news-card-bottom .news-card-place {
    padding: 0;
    border-left: none;
    line-height: 27px
}

.news-card.research .news-card-bottom .news-card-topic+.news-card-place {
    padding-left: 10px
}

.news-label {
    color: #fff;
    display: inline-block;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 12px;
    padding: 13px 10px 10px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    vertical-align: bottom;
    z-index: 2
}

.twitter-feed {
    background-color: #55acee;
    text-align: center
}

.twitter-feed:hover {
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .27)
}

.twitter-feed a {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.twitter-feed a .twitter-feed-content {
    color: #fff;
    padding: 40px 27px 0
}

.twitter-feed a .twitter-feed-content .twitter-feed-icon {
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 54px;
    position: relative;
    width: 54px
}

.twitter-feed a .twitter-feed-content .twitter-feed-icon span {
    color: #55acee;
    font-size: 30px;
    left: 50%;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 30px
}

.twitter-feed a .twitter-feed-content .twitter-feed-title {
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 20px;
    line-height: 24px
}

.twitter-feed a .twitter-feed-content .twitter-feed-account {
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 24px;
    line-height: 29px;
    padding-top: 39px;
    text-align: left
}

.twitter-feed a .twitter-feed-content .twitter-feed-tweet {
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding-top: 12px;
    text-align: left
}

.twitter-feed a .twitter-feed-content .twitter-feed-tweet span {
    color: #00587a
}

.twitter-feed a .twitter-feed-img {
    bottom: 0;
    height: 190px;
    left: 0;
    position: absolute;
    width: 100%
}

.news-large.news-large-image .news-large-content {
    text-align: left
}

.news-large.news-large-video .news-large-content .news-large-title {
    text-align: center
}

.news-large {
    color: #fff;
    display: block;
    height: 544px;
    margin: 7.5px 0;
    overflow: hidden;
    position: relative;
    width: 100%
}

.news-large .news-card-container {
    display: table
}

.news-large .news-large-content {
    display: table-cell;
    text-align: left;
    vertical-align: middle
}

.news-large .news-large-content .news-label {
    top: 20px
}

.news-large .news-large-content .news-large-title h2 {
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 48px;
    line-height: 52px
}

.news-large .news-large-content .news-large-title.video-link {
    cursor: pointer
}

.news-large .news-large-content p {
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 20px;
    line-height: 24px;
    padding-top: 7px
}

.news-large .news-large-content .stellar-cta {
    float: right;
    margin-top: 17px;
    padding: 22px 40px 20px
}

.news-large .news-large-content .news-large-video {
    background-color: #00965e;
    cursor: pointer;
    display: block;
    height: 54px;
    margin: 0 auto 22px;
    position: relative;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 120px
}

.news-large .news-large-content .news-large-video:hover {
    background-color: #00a567
}

.news-large .news-large-content .news-large-video:after {
    content: "\f04b";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%) scale(.6, 1);
    -ms-transform: translate(-50%, -50%) scale(.6, 1);
    -o-transform: translate(-50%, -50%) scale(.6, 1);
    -webkit-transform: translate(-50%, -50%) scale(.6, 1);
    transform: translate(-50%, -50%) scale(.6, 1);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.our-latest-news {
    background-color: #f7f7f7;
    margin-bottom: 0!important;
    margin-top: 50px;
    padding-bottom: 80px;
    padding-top: 70px;
    text-align: center
}

.our-latest-news ul:not(.news-card-social):after,
.our-latest-news ul:not(.news-card-social):before {
    clear: both;
    content: " ";
    display: table
}

.our-latest-news ul:not(.news-card-social)>li {
    float: left
}

.our-latest-news h2 {
    color: #3d3d3d;
    font-family: "BNPP Sans ExtraBold", Arial, sans-serif;
    font-size: 34px;
    line-height: 41px;
    padding: 0 0 3px 7.5px;
    text-align: left;
    text-transform: uppercase
}

.our-latest-news .news-card {
    float: none
}

.our-latest-news .news-card .news-card-text h3 {
    font-size: 20px;
    line-height: 24px;
    text-align: left
}

.our-latest-news .stellar-cta {
    margin-top: 32.5px
}

.search-card {
    border: 1px solid #d6d6d6;
    display: inline-block;
    float: left;
    height: 500px;
    margin: 7.5px;
    position: relative;
    text-align: left;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 390px
}

.search-card:hover {
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .27)
}

.search-card:hover .search-card-text {
    background-color: #00a567
}

.search-card .search-card-img {
    display: block;
    height: 383px;
    position: relative
}

.search-card .search-card-link {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

.search-card .search-card-text {
    display: table;
    height: 117px;
    width: 100%;
    position: relative;
    text-align: center;
    background-color: #00965e;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.search-card .search-card-text .search-card-text-content {
    vertical-align: middle;
    display: table-cell;
    color: #fff;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 29px;
    padding: 0 40px
}

.search-card .search-card-text .search-card-text-content img {
    display: block;
    color: #fff;
    margin: 10px auto 0;
    position: relative;
    width: 20px;
    height: 11px
}

.news-card.color-yellow .news-card-social li a:hover {
    color: #febf00
}

.news-card.color-yellow .news-card-social li span.st_facebook:hover:before,
.news-card.color-yellow .news-card-social li span.st_linkedin:hover:before,
.news-card.color-yellow .news-card-social li span.st_twitter:hover:before {
    color: #febf00
}

.news-card.color-yellow:hover .news-card-social {
    border-bottom: 10px solid #febf00
}

.news-card.color-yellow:hover .news-card-text h2,
.news-card.color-yellow:hover .news-card-text h3 {
    color: #febf00
}

.news-card.color-yellow .news-label,
.news-large.color-yellow .news-label {
    background-color: #febf00
}

.news-card.color-orange .news-card-social li a:hover {
    color: #f78e07
}

.news-card.color-orange .news-card-social li span.st_facebook:hover:before,
.news-card.color-orange .news-card-social li span.st_linkedin:hover:before,
.news-card.color-orange .news-card-social li span.st_twitter:hover:before {
    color: #f78e07
}

.news-card.color-orange:hover .news-card-social {
    border-bottom: 10px solid #f78e07
}

.news-card.color-orange:hover .news-card-text h2,
.news-card.color-orange:hover .news-card-text h3 {
    color: #f78e07
}

.news-card.color-orange .news-label,
.news-large.color-orange .news-label {
    background-color: #f78e07
}

.news-card .color-green .news-card-social li a:hover {
    color: #a1c53d
}

.news-card .color-green .news-card-social li span.st_facebook:hover:before,
.news-card .color-green .news-card-social li span.st_linkedin:hover:before,
.news-card .color-green .news-card-social li span.st_twitter:hover:before {
    color: #a1c53d
}

.news-card .color-green:hover .news-card-social {
    border-bottom: 10px solid #a1c53d
}

.news-card .color-green:hover .news-card-text h2,
.news-card .color-green:hover .news-card-text h3 {
    color: #a1c53d
}

.news-card .color-green .news-label,
.news-large.color-green .news-label {
    background-color: #a1c53d
}

.news-card.color-blue .news-card-social li a:hover {
    color: #55acee
}

.news-card.color-blue .news-card-social li span.st_facebook:hover:before,
.news-card.color-blue .news-card-social li span.st_linkedin:hover:before,
.news-card.color-blue .news-card-social li span.st_twitter:hover:before {
    color: #55acee
}

.news-card.color-blue:hover .news-card-social {
    border-bottom: 10px solid #55acee
}

.news-card.color-blue:hover .news-card-text h2,
.news-card.color-blue:hover .news-card-text h3 {
    color: #55acee
}

.news-card.color-blue .news-label,
.news-large.color-blue .news-label {
    background-color: #55acee
}

.news-card.color-bnp-green .news-card-social li a:hover {
    color: #00965e
}

.news-card.color-bnp-green .news-card-social li span.st_facebook:hover:before,
.news-card.color-bnp-green .news-card-social li span.st_linkedin:hover:before,
.news-card.color-bnp-green .news-card-social li span.st_twitter:hover:before {
    color: #00965e
}

.news-card.color-bnp-green:hover .news-card-social {
    border-bottom: 10px solid #00965e
}

.news-card.color-bnp-green:hover .news-card-text h2,
.news-card.color-bnp-green:hover .news-card-text h3 {
    color: #00965e
}

.news-card.color-bnp-green .news-label,
.news-large.color-bnp-green .news-label {
    background-color: #00965e
}

.news-card.color-dark-blue .news-card-social li a:hover {
    color: #3368c8
}

.news-card.color-dark-blue .news-card-social li span.st_facebook:hover:before,
.news-card.color-dark-blue .news-card-social li span.st_linkedin:hover:before,
.news-card.color-dark-blue .news-card-social li span.st_twitter:hover:before {
    color: #3368c8
}

.news-card.color-dark-blue:hover .news-card-social {
    border-bottom: 10px solid #3368c8
}

.news-card.color-dark-blue:hover .news-card-text h2,
.news-card.color-dark-blue:hover .news-card-text h3 {
    color: #3368c8
}

.news-card.color-dark-blue .news-label,
.news-large.color-dark-blue .news-label {
    background-color: #3368c8
}

.news-card.color-red .news-card-social li a:hover {
    color: #f55e0c
}

.news-card.color-red .news-card-social li span.st_facebook:hover:before,
.news-card.color-red .news-card-social li span.st_linkedin:hover:before,
.news-card.color-red .news-card-social li span.st_twitter:hover:before {
    color: #f55e0c
}

.news-card.color-red:hover .news-card-social {
    border-bottom: 10px solid #f55e0c
}

.news-card.color-red:hover .news-card-text h2,
.news-card.color-red:hover .news-card-text h3 {
    color: #f55e0c
}

.news-card.color-red .news-label,
.news-large.color-red .news-label {
    background-color: #f55e0c
}

.news-card.color-turquoise .news-card-social li a:hover {
    color: #50e3c2
}

.news-card.color-turquoise .news-card-social li span.st_facebook:hover:before,
.news-card.color-turquoise .news-card-social li span.st_linkedin:hover:before,
.news-card.color-turquoise .news-card-social li span.st_twitter:hover:before {
    color: #50e3c2
}

.news-card.color-turquoise:hover .news-card-social {
    border-bottom: 10px solid #50e3c2
}

.news-card.color-turquoise:hover .news-card-text h2,
.news-card.color-turquoise:hover .news-card-text h3 {
    color: #50e3c2
}

.news-card.color-turquoise .news-label,
.news-large.color-turquoise .news-label {
    background-color: #50e3c2
}

.news-card.color-dark-red .news-card-social li a:hover {
    color: #ba3143
}

.news-card.color-dark-red .news-card-social li span.st_facebook:hover:before,
.news-card.color-dark-red .news-card-social li span.st_linkedin:hover:before,
.news-card.color-dark-red .news-card-social li span.st_twitter:hover:before {
    color: #ba3143
}

.news-card.color-dark-red:hover .news-card-social {
    border-bottom: 10px solid #ba3143
}

.news-card.color-dark-red:hover .news-card-text h2,
.news-card.color-dark-red:hover .news-card-text h3 {
    color: #ba3143
}

.news-card.color-dark-red .news-label,
.news-large.color-dark-red .news-label {
    background-color: #ba3143
}

.video-overlay {
    background: rgba(61, 61, 61, .96);
    bottom: 50%;
    left: 50%;
    opacity: 0;
    position: fixed;
    right: 50%;
    top: 50%;
    z-index: 100
}

.video-overlay-fullscreen {
    bottom: 0!important;
    left: 0!important;
    opacity: 1!important;
    right: 0!important;
    top: 0!important;
    -moz-transition: all .5s cubic-bezier(.29, .85, .43, 1), opacity .25s;
    -ms-transition: all .5s cubic-bezier(.29, .85, .43, 1), opacity .25s;
    -o-transition: all .5s cubic-bezier(.29, .85, .43, 1), opacity .25s;
    -webkit-transition: all .5s cubic-bezier(.29, .85, .43, 1), opacity .25s;
    transition: all .5s cubic-bezier(.29, .85, .43, 1), opacity .25s;
    transition-delay: 0s, 0s
}

.video-overlay-fullscreen-exit {
    opacity: 0!important;
    -moz-transition: all .5s cubic-bezier(.29, .85, .43, 1), opacity .25s;
    -ms-transition: all .5s cubic-bezier(.29, .85, .43, 1), opacity .25s;
    -o-transition: all .5s cubic-bezier(.29, .85, .43, 1), opacity .25s;
    -webkit-transition: all .5s cubic-bezier(.29, .85, .43, 1), opacity .25s;
    transition: all .5s cubic-bezier(.29, .85, .43, 1), opacity .25s;
    transition-delay: 0s, 0s
}

.iframe-container {
    left: 50%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

.iframe-container iframe,
.iframe-container video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.video-overlay-close {
    cursor: pointer;
    display: block;
    left: 50%;
    margin: auto;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 40px;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -moz-transition: all .15s ease-out;
    -ms-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
    width: 42px;
    z-index: 1
}

.video-overlay-close:before {
    background-color: #00965e;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    content: '\f00d';
    font-family: FontAwesome;
    font-size: 21px;
    height: 42px;
    left: 0;
    line-height: 2em;
    position: absolute;
    top: 50%;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 42px
}

.video-overlay-close:hover:before {
    background-color: #00a567;
    -moz-transform: translateY(0) rotate(90deg);
    -ms-transform: translateY(0) rotate(90deg);
    -o-transform: translateY(0) rotate(90deg);
    -webkit-transform: translateY(0) rotate(90deg);
    transform: translateY(0) rotate(90deg)
}

.video-overlay-fullscreen.on .video-overlay-close {
    opacity: 1
}

.page {
    position: relative
}

.page-cover {
    display: table;
    height: 323px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.page-cover .page-cover-shadow {
    background-color: rgba(50, 50, 50, .28);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.page-cover video {
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: auto;
    z-index: -1000;
    object-fit: cover
}

.page-cover video::-webkit-media-controls-start-playback-button {
    display: none!important
}

.page-cover .page-cover-content {
    color: #fff;
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.page-cover .page-cover-content .page-cover-title {
    font-family: "BNPP Sans Cond Bold v2", Arial, sans-serif;
    font-size: 72px;
    line-height: 73px;
    text-transform: uppercase;
    word-break: break-word
}

.page-cover .page-cover-content .page-cover-subtitle {
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 20px;
    line-height: 24px;
    padding-top: 5px
}

.page-intro {
    background-color: #fff;
    color: #3d3d3d;
    padding-bottom: 60px;
    padding-top: 40px;
    border-top: 1px solid #ececec
}

.page-intro .page-breadcrumb li {
    display: inline;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 16px;
    line-height: 19px
}

.page-intro .page-breadcrumb li:not(:first-of-type):before {
    content: ">";
    font-family: "BNPP Sans Light", Arial, sans-serif;
    padding: 0 5px 0 2px
}

.page-intro .page-breadcrumb li:last-of-type {
    font-family: "BNPP Sans Light", Arial, sans-serif
}
.page-intro .page-breadcrumb li a {
  text-decoration: none;
}
.page-intro .page-breadcrumb li a:hover {
  text-decoration: underline;
}

.page-intro h1 {
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 48px;
    line-height: 58px;
    margin-top: 24px
}

.page-intro .page-intro-body,
.page-intro strong {
    display: block;
    font-size: 16px;
    line-height: 24px
}

.page-intro strong {
    font-family: "BNPP Sans", Arial, sans-serif;
    font-weight: 400;
    margin-top: 15px
}

.page-intro .page-intro-body {
    font-family: "BNPP Sans Light", Arial, sans-serif;
    margin-top: 20px
}

.page-intro .page-intro-body+.page-intro-image {
    margin-top: 80px
}

.page-intro .page-intro-date {
    color: #3d3d3d;
    font-family: "BNPP Sans Cond v2", Arial, sans-serif;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 29px
}

.page-intro .page-intro-image {
    height: 400px;
    margin-top: 35px;
    width: 100%
}

.page-intro .page-intro-bottom {
    display: block;
    margin-top: 50px;
    position: relative
}

.page-intro .page-intro-bottom .page-intro-buttons {
    display: table;
    margin-bottom: 40px;
    position: relative
}

.page-intro .page-intro-bottom .page-intro-buttons .page-intro-category>span,
.page-intro .page-intro-bottom .page-intro-buttons .page-intro-share>span,
.page-intro .page-intro-bottom .page-intro-buttons .page-intro-tools>span {
    border-bottom: 1px solid #ececec;
    color: #3d3d3d;
    display: block;
    font-family: "BNPP Square Bold v3", Arial, sans-serif;
    font-size: 12px;
    letter-spacing: .5px;
    line-height: 24px;
    text-transform: uppercase
}

.page-intro .page-intro-bottom .page-intro-buttons .page-intro-category ul,
.page-intro .page-intro-bottom .page-intro-buttons .page-intro-share ul,
.page-intro .page-intro-bottom .page-intro-buttons .page-intro-tools ul {
    display: block
}

.page-intro .page-intro-bottom .page-intro-buttons .page-intro-category ul li,
.page-intro .page-intro-bottom .page-intro-buttons .page-intro-share ul li,
.page-intro .page-intro-bottom .page-intro-buttons .page-intro-tools ul li {
    float: left
}

.page-intro .page-intro-bottom .page-intro-buttons .page-intro-category {
    float: left;
    width: 100%
}

.page-intro .page-intro-bottom .page-intro-buttons .page-intro-category ul li {
    margin-top: 18px
}

.page-intro .page-intro-bottom .page-intro-buttons .page-intro-category ul li:not(:last-child) {
    margin-right: 15px
}

.page-intro .page-intro-bottom .page-intro-buttons .page-intro-category a {
    color: #00965e;
    display: inline-block;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 16px;
    line-height: 24px
}

.page-intro .page-intro-bottom .page-intro-buttons .page-intro-category a:hover {
    color: #00a567
}

.page-intro .page-intro-bottom .page-intro-buttons .page-intro-social {
    background-color: #fff;
    padding-left: 15px;
    position: absolute;
    right: 0
}

.page-intro .page-intro-bottom .page-intro-buttons .page-intro-share,
.page-intro .page-intro-bottom .page-intro-buttons .page-intro-tools {
    display: inline-block;
    float: left
}

.page-intro .page-intro-bottom .page-intro-buttons .page-intro-share>span,
.page-intro .page-intro-bottom .page-intro-buttons .page-intro-tools>span {
    display: none
}

.page-intro .page-intro-bottom .page-intro-buttons .page-intro-share ul li,
.page-intro .page-intro-bottom .page-intro-buttons .page-intro-tools ul li {
    height: 45px;
    margin-left: 5px;
    position: relative
}

.page-intro .page-intro-bottom .page-intro-buttons .page-intro-share ul li>div,
.page-intro .page-intro-bottom .page-intro-buttons .page-intro-tools ul li>div {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 45px;
    color: #3d3d3d;
    cursor: pointer;
    display: inline-block;
    height: 45px;
    position: relative;
    width: 45px
}

.page-intro .page-intro-bottom .page-intro-buttons .page-intro-share ul li>div:hover svg path,
.page-intro .page-intro-bottom .page-intro-buttons .page-intro-tools ul li>div:hover svg path {
    fill: #00965e
}

.page-intro .page-intro-bottom .page-intro-buttons .page-intro-share ul li img,
.page-intro .page-intro-bottom .page-intro-buttons .page-intro-share ul li svg,
.page-intro .page-intro-bottom .page-intro-buttons .page-intro-tools ul li img,
.page-intro .page-intro-bottom .page-intro-buttons .page-intro-tools ul li svg {
    left: 50%;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.page-intro .page-intro-bottom .page-intro-buttons .page-intro-share .stButton,
.page-intro .page-intro-bottom .page-intro-buttons .page-intro-tools .stButton {
    border-radius: 45px;
    display: block!important;
    height: 100%;
    margin: 0;
    position: relative;
    width: 100%!important
}

.page-intro .page-intro-bottom .page-intro-buttons .page-intro-share .stButton .chicklets,
.page-intro .page-intro-bottom .page-intro-buttons .page-intro-tools .stButton .chicklets {
    background-image: none
}

.page-intro .page-intro-bottom p {
    color: #3d3d3d;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 18px;
    line-height: 30px
}

.page-news .page-intro {
    padding-bottom: 0
}

.page-news .page-intro p {
    padding-bottom: 60px
}

.page-node-type-page-research .page-intro-category a {
    cursor: default
}

.mirror-items {
    margin-top: 80px
}

.block-dispatch {
    overflow: hidden;
    position: relative;
    width: 100%
}

.block-dispatch .block-dispatch-background {
    display: none
}

.block-dispatch .block-dispatch-content {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    display: table;
    height: 325px;
    position: relative;
    z-index: 1
}

.block-dispatch .block-dispatch-content .block-dispatch-image {
    display: block;
    height: 325px;
    position: absolute;
    top: -1px;
    width: 325px;
    z-index: 2
}

.block-dispatch .block-dispatch-content .block-dispatch-text {
    color: #3d3d3d;
    display: table-cell;
    height: 323px;
    position: relative;
    vertical-align: middle
}

.block-dispatch .block-dispatch-content .block-dispatch-text h2 {
    display: inline-block;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 36px
}

.block-dispatch .block-dispatch-content .block-dispatch-text p {
    font-family: "BNPP Sans Light", Arial, sans-serif;
    font-size: 18px;
    line-height: 26px;
    padding-top: 7px
}

.block-dispatch .block-dispatch-content .stellar-slide-link {
    bottom: 46px;
    position: absolute
}

.block-dispatch.block-dispatch-mirror {
    box-sizing: content-box;
    padding-top: 150px
}

.block-dispatch.block-dispatch-mirror .block-dispatch-background {
    bottom: 0;
    display: block;
    -moz-filter: blur(7px);
    -ms-filter: blur(7px);
    -o-filter: blur(7px);
    -webkit-filter: blur(7px);
    filter: blur(7px);
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 1
}

.block-dispatch.block-dispatch-mirror .block-dispatch-content {
    border: none;
    border-bottom: 1px solid #d6d6d6;
    z-index: 2
}

.block-dispatch.block-dispatch-mirror .block-dispatch-content .block-dispatch-image {
    height: 326px;
    top: 0
}

.block-dispatch.block-dispatch-mirror .block-dispatch-content .block-dispatch-text {
    height: 325px
}

.block-dispatch.block-dispatch-mirror .block-dispatch-content .block-dispatch-mirror-title {
    height: 150px;
    position: absolute;
    top: -150px;
    left: 0;
    right: 0;
    text-align: center
}

.block-dispatch.block-dispatch-mirror .block-dispatch-content .block-dispatch-mirror-title h2 {
    color: #fff;
    font-family: "BNPP Sans ExtraBold", Arial, sans-serif;
    font-size: 34px;
    line-height: 41px;
    position: relative;
    text-transform: uppercase;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.block-dispatch.block-dispatch-mirror .blur-ie {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.block-dispatch:nth-of-type(odd) .block-dispatch-content .block-dispatch-image {
    left: 0
}

.block-dispatch:nth-of-type(odd) .block-dispatch-content .block-dispatch-text {
    padding-left: 385px;
    padding-right: 60px
}

.block-dispatch:nth-of-type(odd) .block-dispatch-content .stellar-slide-link {
    bottom: 46px;
    right: 60px
}

.block-dispatch:nth-of-type(even) .block-dispatch-content .block-dispatch-image {
    right: 0
}

.block-dispatch:nth-of-type(even) .block-dispatch-content .block-dispatch-text {
    padding-left: 60px;
    padding-right: 385px
}

.block-dispatch:nth-of-type(even) .block-dispatch-content .stellar-slide-link {
    right: 385px
}

.block-dispatch+.block-dispatch {
    margin-top: -1px
}

.block-dispatch.block-dispatch-mirror:nth-of-type(even) .block-dispatch-content .block-dispatch-image,
.block-dispatch.block-dispatch-mirror:nth-of-type(odd) .block-dispatch-content .block-dispatch-image {
    right: 0
}

.block-dispatch.block-dispatch-mirror+.block-dispatch {
    margin-top: 0
}

.block-dispatch.block-dispatch-mirror+.block-dispatch .block-dispatch-content {
    border-top: none
}

.highlighted-solutions {
    margin-top: 80px
}

.solutions-big {
    display: inline-block;
    float: left;
    height: 633px;
    margin-bottom: 60px;
    position: relative;
    width: 100%
}

.solutions-big .solutions-big-background {
    bottom: 0;
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.solutions-big .solutions-big-background img {
    height: auto;
    left: 50%;
    max-height: none;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto
}

.solutions-big .solutions-big-content {
    background: #fff;
    bottom: 20px;
    left: 20px;
    padding: 20px;
    position: absolute;
    right: 20px;
    text-align: center
}

.solutions-big .solutions-big-content h2 {
    color: #3d3d3d;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 36px;
    text-align: left
}

.solutions-big .solutions-big-content p {
    color: #3d3d3d;
    font-family: "BNPP Sans Light", Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding-top: 8px;
    text-align: left
}

.solutions-big .solutions-big-content .stellar-cta {
    margin-top: 32px
}

.solutions {
    display: inline-block;
    float: left;
    height: 432px;
    margin-bottom: 25px;
    position: relative;
    width: 100%
}

.solutions:last-of-type {
    margin-bottom: 0
}

.solutions .solutions-background {
    bottom: 0;
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.solutions .solutions-background img {
    height: auto;
    left: 50%;
    max-height: none;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto
}

.solutions .solutions-content {
    background: #fff;
    bottom: 20px;
    display: table;
    height: 327px;
    left: 20px;
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
    width: 237px
}

.solutions .solutions-content .solutions-text {
    display: table-cell;
    vertical-align: middle
}

.solutions .solutions-content .solutions-text h2 {
    color: #3d3d3d;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 29px;
    text-align: left
}

.solutions .solutions-content .solutions-text p {
    color: #3d3d3d;
    font-family: "BNPP Sans Light", Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding-top: 16px;
    text-align: left
}

.solutions .solutions-content .stellar-slide-link {
    bottom: 26px;
    position: absolute;
    right: 30px;
    padding: 0 30px
}

.solutions .solutions-content .stellar-slide-link img {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    transform: translateY(-60%)
}

.governance-title-main {
    font-family: "BNPP Sans ExtraBold", Arial, sans-serif;
    font-size: 34px;
    line-height: 41px;
    text-align: left;
    text-transform: uppercase;
    color: #3d3d3d
}

.governance-title {
    font-family: "BNPP Sans ExtraBold", Arial, sans-serif;
    font-size: 34px;
    line-height: 41px;
    margin-top: 60px;
    overflow: hidden;
    text-align: left;
    color: #3d3d3d
}

.governance-title span:after {
    background-color: #d6d6d6;
    content: '';
    display: inline-block;
    height: 1px;
    margin: 0 -100% 9px 20px;
    width: 100%
}

.employees+.stellar-cta {
    margin-top: 40px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translateX(-50%)
}

.employees:before {
    content: " ";
    display: table
}

.employees:after {
    clear: both;
    content: " ";
    display: table
}

.employee {
    border: 1px solid #d6d6d6;
    display: inline-block;
    float: left;
    height: 400px;
    margin-top: 30px;
    width: calc(33.33333333% - 8px)
}

.employee .employee-image {
    background-color: #d6d6d6;
    display: inline-block;
    float: left;
    height: 245px;
    position: relative;
    width: 100%
}

.employee .employee-image a {
    bottom: 0;
    display: block;
    left: -1px;
    overflow: hidden;
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: 2
}

.employee .employee-image a img {
    height: auto;
    left: 50%;
    max-height: none;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto
}

.employee .employee-content {
    color: #3d3d3d;
    display: inline-block;
    position: relative;
    text-align: left;
    vertical-align: top;
    width: 100%
}

.employee .employee-content .employee-text {
    padding: 30px 40px
}

.employee .employee-content .employee-text .employee-text-content {
    display: inline-block
}

.employee .employee-content .employee-text .employee-text-content h2 {
    display: block;
    font-family: "BNPP Square Bold v3", Arial, sans-serif;
    font-size: 20px;
    line-height: 24px
}

.employee .employee-content .employee-text .employee-text-content .employee-job {
    display: block;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 12px;
    letter-spacing: .2px;
    line-height: 16px;
    padding-top: 12px;
    text-transform: uppercase
}

.employee-large {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    display: block;
    height: 400px;
    margin-top: 32px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1
}

.employee-large .employee-large-image {
    display: inline-block;
    float: left;
    height: 400px;
    position: relative;
    width: 400px
}

.employee-large .employee-large-image a {
    bottom: 0;
    display: block;
    left: -1px;
    overflow: hidden;
    position: absolute;
    right: -1px;
    top: 0;
    z-index: 2
}

.employee-large .employee-large-image a img {
    height: auto;
    left: 50%;
    max-height: none;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto
}

.employee-large .employee-large-content {
    color: #3d3d3d;
    display: table;
    height: 100%;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: calc(100% - 400px)
}

.employee-large .employee-large-content .employee-large-text {
    display: table-cell;
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
    vertical-align: middle
}

.employee-large .employee-large-content .employee-large-text .employee-large-text-content {
    display: inline-block;
    text-align: left
}

.employee-large .employee-large-content .employee-large-text .employee-large-text-content h2 {
    display: block;
    font-family: "BNPP Square Bold v3", Arial, sans-serif;
    font-size: 36px;
    letter-spacing: 1px;
    line-height: 43px
}

.employee-large .employee-large-content .employee-large-text .employee-large-text-content .employee-large-job {
    display: block;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 12px;
    letter-spacing: .2px;
    line-height: 14px;
    padding-top: 7px;
    text-transform: uppercase
}

.content-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 775px
}

.page-content {
    position: relative;
    background-color: #fff
}

.page-content>:first-child {
    margin-top: 0!important
}

.page-content>:last-child {
    margin-bottom: 50px
}

.page-content-blocks {
    margin-top: 80px
}

.rte {
    margin-top: 50px;
    position: relative
}

.rte h2.title {
    color: #3d3d3d;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 30px;
    line-height: 40px
}

.rte p {
    color: #3d3d3d;
    font-family: "BNPP Sans Light", Arial, sans-serif;
    font-size: 16px;
    letter-spacing: .05px;
    line-height: 24px;
    margin-top: 27px
}

.rte p:first-child {
    margin-top: 0
}

.rte h2.title {
    margin-bottom: 20px
}

.rte ul {
    margin-top: 27px
}

.rte ul li {
    color: #3d3d3d;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin: 12px 0 0 12px;
    position: relative
}

.rte ul li:before {
    background-color: #00965e;
    content: '';
    display: inline-block;
    height: 18px;
    left: -12px;
    position: absolute;
    top: 1px;
    width: 3px
}

.rte h3 {
    color: #3d3d3d;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 24px;
    line-height: 29px;
    margin-top: 27px
}

.rte h3:first-child {
    margin-top: 0
}

.rte ol {
    list-style-type: none;
    margin-top: 27px
}

.rte ol li {
    color: #3d3d3d;
    counter-increment: step-counter;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-top: 12px;
    position: relative
}

.rte ol li:before {
    color: #00965e;
    content: counter(step-counter) " - ";
    font-family: "BNPP Sans Bold", Arial, sans-serif
}

.rte h2.headline {
    color: #3d3d3d;
    font-family: "BNPP Sans Light", Arial, sans-serif;
    font-size: 36px;
    line-height: 40px;
    margin: 27px 0 0 13px;
    position: relative
}

.rte h2.headline strong {
    font-family: "BNPP Sans Bold", Arial, sans-serif
}

.rte h2.headline:before {
    background-color: #00965e;
    content: '';
    display: inline-block;
    height: calc(100% - 10px);
    left: -13px;
    position: absolute;
    top: 1px;
    width: 5px
}

.rte img.align-left {
    max-width: 50%;
    float: left;
    margin: 0 40px 30px 0
}

.rte img.align-right {
    max-width: 50%;
    float: right;
    margin: 0 0 30px 40px
}

.rte img.align-center {
    margin-top: 30px
}

.rte figure img {
    width: 100%
}

.rte figure figcaption {
    color: #3d3d3d;
    font-family: "BNPP Square Bold v3", Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    margin-top: 20px;
    text-transform: uppercase
}

.rte figure figcaption:before {
    background-color: #00965e;
    content: '';
    display: inline-block;
    height: 12px;
    margin-right: 4px;
    width: 12px
}

.rte figure.half-width {
    max-width: 50%
}

.rte figure.full-width {
    width: 100%
}

.rte figure.center {
    margin: 30px auto 0
}

.rte figure.left {
    float: left;
    margin: 30px 40px 30px 0
}

.rte figure.right {
    float: right;
    margin: 30px 0 30px 40px
}

.download {
    color: #3d3d3d;
    margin-top: 27px
}

.download .download-label {
    display: block;
    font-family: "BNPP Square Bold v3", Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 17px;
    text-transform: uppercase
}

.download a,
.download span.js-link {
    outline: 1px solid #ececec;
    word-break: break-word;
    display: table;
    font-size: 14px;
    line-height: 62px;
    min-height: 62px;
    position: relative;
    width: 100%;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.download a:hover,
.download span.js-link:hover {
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .27)
}

.download a:before,
.download span.js-link:before {
    background-color: #00965e;
    bottom: -1px;
    box-sizing: content-box;
    content: '';
    height: 100%;
    left: -1px;
    padding: 1px 0;
    position: absolute;
    top: -1px;
    width: 8px
}

.download a .download-name,
.download span.js-link .download-name {
    display: table-cell;
    font-family: "BNPP Sans", Arial, sans-serif;
    line-height: 17px;
    padding: 0 10px 0 66px;
    vertical-align: middle
}

.download a .download-name img,
.download span.js-link .download-name img {
    display: inline-block;
    height: 20px;
    left: 20px;
    margin: 0 18px 10px 8px;
    position: absolute;
    top: 15px;
    width: 20px
}

.download a .download-info,
.download span.js-link .download-info {
    display: table-cell;
    font-family: "BNPP Sans Light", Arial, sans-serif;
    padding: 0 20px 0 10px;
    text-align: right;
    white-space: nowrap
}

.quote {
    display: block;
    height: 466px;
    margin-top: 60px;
    position: relative
}

.quote .quote-content {
    background-color: #fff;
    bottom: 0;
    display: inline-block;
    max-width: calc(100% - 50px);
    padding: 60px 55px 40px 185px;
    position: absolute;
    right: 0;
    width: 895px
}

.quote .quote-content>img {
    border-radius: 110px;
    height: 110px;
    left: 40px;
    position: absolute;
    top: 53%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 110px
}

.quote .quote-content blockquote {
    border: none;
    display: block;
    margin: 0;
    padding: 0
}

.quote .quote-content blockquote .quote-icon {
    display: block;
    margin: 0;
    width: 42px
}

.quote .quote-content blockquote p {
    color: #3d3d3d;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 18px;
    line-height: 30px;
    margin-top: 11px
}

.quote .quote-content blockquote .quote-info {
    border: none;
    color: #3d3d3d;
    font-size: 20px;
    margin-top: 15px
}

.quote .quote-content blockquote .quote-info:before {
    display: none
}

.quote .quote-content blockquote .quote-info .quote-author {
    display: inline-block;
    font-family: "BNPP Sans Cond Bold v2", Arial, sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 24px;
    text-transform: uppercase
}

.quote .quote-content blockquote .quote-info .quote-author cite {
    font-style: normal
}

.quote .quote-content blockquote .quote-info .quote-author .quote-author-title {
    font-size: 80%;
    line-height: 18px
}

.quote .quote-content blockquote .quote-info .quote-place {
    display: inline-block;
    line-height: 28px;
    margin-left: 12px;
    vertical-align: top
}

.quote .quote-content blockquote .quote-info .quote-place img {
    display: inline-block;
    height: 20px;
    width: 14px
}

.quote .quote-content blockquote .quote-info .quote-place .quote-place-name {
    color: #aaa;
    display: inline-block;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 17px
}

.block-cta {
    display: table;
    height: 323px;
    margin-top: 72px;
    position: relative;
    text-align: center;
    width: 100%
}

.block-cta .block-cta-shadow {
    background-color: rgba(61, 61, 61, .28);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.block-cta .block-cta-content {
    display: table-cell;
    position: relative;
    vertical-align: middle
}

.block-cta .block-cta-content h2 {
    color: #fff;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 48px;
    line-height: 58px
}

.block-cta .block-cta-content .block-cta-subtitle {
    color: #fff;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 20px;
    line-height: 24px;
    padding: 5px 0 13px
}

.block-cta .block-cta-content .stellar-cta {
    margin-top: 8px;
    padding: 21px 40px 20px
}

.kpi {
    margin-top: 72px
}

.kpi h2 {
    color: #3d3d3d;
    display: block;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 30px;
    line-height: 40px
}

.kpi ul {
    border-bottom: 1px solid #d6d6d6;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding-bottom: 37px
}

.kpi ul li {
    display: inline-block;
    margin-top: 20px;
    text-align: left;
    padding: 0 12px
}

.kpi ul li:first-child {
    padding-left: 0
}

.kpi ul li:last-child {
    padding-right: 0
}

.kpi ul li .kpi-number {
    color: #3d3d3d;
    display: block;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 48px;
    line-height: 58px
}

.kpi ul li .kpi-text {
    color: #3d3d3d;
    display: block;
    font-family: "BNPP Square Regular v3", Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    margin-top: -8px;
    text-transform: uppercase
}

.kpi ul li .kpi-number.kpi-yellow {
    color: #febf00
}

.kpi ul li .kpi-number.kpi-orange {
    color: #f78e07
}

.kpi ul li .kpi-number.kpi-green {
    color: #a1c53d
}

.kpi ul li .kpi-number.kpi-blue {
    color: #55acee
}

.kpi ul li .kpi-number.kpi-bnp-green {
    color: #00965e
}

.kpi ul li .kpi-number.kpi-dark-blue {
    color: #3368c8
}

.kpi ul li .kpi-number.kpi-red {
    color: #f55e0c
}

.kpi ul li .kpi-number.kpi-turquoise {
    color: #50e3c2
}

.kpi ul li .kpi-number.kpi-dark-red {
    color: #ba3143
}

.stellar-video {
    margin-top: 52px
}

.stellar-video .stellar-video-holder {
    background-color: #000;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.stellar-video [itemprop=video]>span {
    display: none
}

.stellar-video [itemprop=video] iframe,
.stellar-video [itemprop=video] object,
.stellar-video [itemprop=video] video {
    border: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.stellar-video [itemprop=video] .stellar-video-bottom {
    border: 1px solid #d6d6d6;
    border-top: 5px solid #00a567;
    display: table;
    min-height: 60px;
    position: relative;
    width: 100%
}

.stellar-video [itemprop=video] .stellar-video-bottom span {
    color: #3d3d3d;
    display: table-cell;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    padding: 20px 60px 20px 20px;
    position: relative;
    vertical-align: middle
}

.stellar-video [itemprop=video] .stellar-video-bottom img {
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    width: 20px;
    transform: translate(0, -50%)
}

div:not(.highlight)+.highlight {
    margin-top: 60px
}

.highlight {
    background-color: #f7f7f7;
    display: table;
    height: 367px;
    margin-top: 40px;
    position: relative
}

.highlight .highlight-image {
    display: table-cell;
    padding: 40px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 43%
}

.highlight .highlight-image a,
.highlight .highlight-image span.js-link {
    display: inline-block
}

.highlight .highlight-image img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.highlight .highlight-text {
    display: table-cell;
    padding-right: 12%;
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: 57%
}

.highlight .highlight-text h2 {
    color: #3d3d3d;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 29px
}

.highlight .highlight-text p {
    color: #3d3d3d;
    font-family: "BNPP Sans light", Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-top: 8px
}

.highlight .highlight-text .stellar-cta {
    margin-top: 22px;
    padding: 21px 43px 20px
}

.upto:before {
    content: " ";
    display: table
}

.upto:after {
    clear: both;
    content: " ";
    display: table
}

.upto-1,
.upto-2,
.upto-3,
.upto-4 {
    margin-top: 60px
}

.upto-1 .upto {
    width: 100%
}

.upto-1 .upto:nth-child(1) {
    margin-right: 0
}

.upto-2 .upto {
    width: calc(50% - 10px)
}

.upto-2 .upto:nth-child(2) {
    margin-right: 0
}

.upto-3 .upto {
    width: calc(33.3333333% - 14px)
}

.upto-3 .upto:nth-child(3) {
    margin-right: 0
}

.upto-4 .upto {
    width: calc(25% - 15px)
}

.upto-4 .upto:nth-child(4) {
    margin-right: 0
}

.upto {
    border: 1px solid #d6d6d6;
    display: inline-block;
    float: left;
    height: 478px;
    margin-right: 20px;
    margin-top: 20px;
    position: relative
}

.upto.overlay .upto-image {
    position: relative
}

.upto.overlay .upto-image::after {
    background: rgba(15, 64, 101, .5);
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.upto.overlay .upto-content .upto-text {
    width: 100%
}

.upto.overlay .upto-content .upto-text .upto-4-links {
    padding: 5px 0
}

.upto.overlay .upto-content .upto-text ul {
    padding: 30px 0;
    display: inline-block;
    width: 100%;
    max-width: 100%
}

.upto.overlay .upto-content .upto-text ul li {
    padding: 0 15px;
    position: relative;
    margin-bottom: 15px;
    width: 50%;
    float: left
}

.upto.overlay .upto-content .upto-text ul li::before {
    background: #00965e;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 3px
}

.upto.overlay .upto-content .upto-text ul li a {
    text-decoration: underline;
    color: #3d3d3d;
    font-family: "BNPP Sans Light", Arial, sans-serif;
    font-size: 16px;
    line-height: 19px
}

.upto.overlay .upto-content .upto-text ul li a:hover {
    font-weight: 700;
    color: #00965e
}

.upto .upto-image {
    background-color: #d6d6d6;
    display: inline-block;
    float: left;
    height: 311px;
    position: relative;
    width: 100%
}

.upto .upto-image a,
.upto .upto-image div,
.upto .upto-image span.js-link {
    bottom: 0;
    display: block;
    left: -1px;
    overflow: hidden;
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: 2
}

.upto .upto-image .upto-item-title {
    bottom: auto;
    color: #fff;
    transform: translate(-50%, -50%);
    font-weight: 700;
    font-family: "BNPP Square Bold v3", Arial, sans-serif;
    font-size: 35px;
    left: 50%;
    line-height: 42px;
    right: auto;
    top: 50%;
    text-align: center;
    z-index: 3
}

.upto .upto-image img {
    height: auto;
    left: 50%;
    max-height: none;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto
}

.upto .upto-content {
    color: #3d3d3d;
    display: inline-block;
    position: relative;
    text-align: left;
    vertical-align: top;
    width: 100%
}

.upto .upto-content .upto-text {
    display: inline-block;
    padding: 24px 30px
}

.upto .upto-content .upto-text .upto-title {
    color: #00965e;
    display: block;
    font-family: "BNPP Square Bold v3", Arial, sans-serif;
    font-size: 20px;
    line-height: 24px
}

.upto .upto-content .upto-text p {
    color: #3d3d3d;
    display: block;
    font-family: "BNPP Sans Light", Arial, sans-serif;
    font-size: 16px;
    line-height: 19px;
    padding-top: 9px
}

.upto .stellar-slide-link {
    bottom: 25px;
    position: absolute;
    right: 30px
}

.press-contact:before {
    content: " ";
    display: table
}

.press-contact:after {
    clear: both;
    content: " ";
    display: table
}

.page-node-type-search-page .press-contact {
    display: none
}

.page-node-type-search-page.press-search .press-contact {
    display: block
}

.press-contact {
    margin-top: 60px;
    position: relative;
    text-align: left
}

.press-contact .press-contact-inter {
    background-color: #00a567;
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 1050;
}

.press-contact .press-contact-inter .press-contact-inter-content {
    color: #fff;
    padding: 25px 40px 80px
}

.press-contact .press-contact-inter .press-contact-inter-content .press-contact-inter-title {
    display: block;
    font-family: "BNPP Square Bold v3", Arial, sans-serif;
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.press-contact .press-contact-inter .press-contact-inter-content ul {
    padding-top: 40px
}

.press-contact .press-contact-inter .press-contact-inter-content ul li:not(:last-child) {
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 27px
}

.press-contact .press-contact-inter .press-contact-inter-content ul li {
    padding-top: 27px
}

.press-contact .press-contact-inter .press-contact-inter-content ul li .press-contact-inter-name {
    display: block;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 29px
}

.press-contact .press-contact-inter .press-contact-inter-content ul li .press-contact-inter-mail,
.press-contact .press-contact-inter .press-contact-inter-content ul li .press-contact-inter-tel {
    display: block;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding-top: 10px
}

.press-contact .press-contact-inter .press-contact-inter-content ul li .press-contact-inter-mail .press-contact-inter-icon,
.press-contact .press-contact-inter .press-contact-inter-content ul li .press-contact-inter-tel .press-contact-inter-icon {
    background-color: #fff;
    border-radius: 25px;
    display: inline-block;
    height: 25px;
    margin-right: 2px;
    margin-top: -2px;
    position: relative;
    vertical-align: middle;
    width: 25px
}

.press-contact .press-contact-inter .press-contact-inter-content ul li .press-contact-inter-mail .press-contact-inter-icon img,
.press-contact .press-contact-inter .press-contact-inter-content ul li .press-contact-inter-tel .press-contact-inter-icon img {
    left: 50%;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.press-contact .press-contact-inter .press-contact-inter-content ul li .press-contact-inter-mail .press-contact-inter-icon img {
    height: 9px;
    width: 12px
}

.press-contact .press-contact-inter .press-contact-inter-content ul li .press-contact-inter-tel .press-contact-inter-icon img {
    height: 12px;
    width: 12px
}

.press-contact .press-contact-local {
    float: right;
    width: 75%
}

.press-contact .press-contact-local .press-contact-local-title {
    color: #3d3d3d;
    display: block;
    font-family: "BNPP Square Bold v3", Arial, sans-serif;
    font-size: 24px;
    height: 60px;
    line-height: 76px;
    margin-left: calc(33.33333% + 20px);
    text-transform: uppercase
}

.press-contact .press-contact-local .press-contact-local-map {
    background-color: #a6caff;
    display: block;
    height: 632px
}

.twitter-follow {
    border-bottom: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    display: table;
    margin-top: 60px
}

.twitter-follow .twitter-follow-text {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 66.6666%
}

.twitter-follow .twitter-follow-text .twitter-follow-text-content {
    display: inline-block;
    padding-left: 52px;
    position: relative;
    text-align: left;
    margin: 34px 0 33px
}

.twitter-follow .twitter-follow-text .twitter-follow-text-content img {
    left: 0;
    position: absolute;
    top: 0;
    width: 40px
}

.twitter-follow .twitter-follow-text .twitter-follow-text-content .twitter-follow-title {
    color: #3d3d3d;
    display: block;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 29px
}

.twitter-follow .twitter-follow-text .twitter-follow-text-content .twitter-follow-subtitle {
    color: #00965e;
    font-family: "BNPP Sans Light", Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding-top: 9px
}

.twitter-follow .twitter-follow-button {
    display: table-cell;
    vertical-align: middle
}

.twitter-follow .twitter-follow-button a {
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: inset 0 -9px 20px 1px #f7f7f7;
    color: #3d3d3d;
    display: inline-block;
    font-family: Roboto, Arial, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 43px;
    margin-left: 60px;
    padding: 0 20px;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.twitter-follow .twitter-follow-button a:hover {
    box-shadow: inset 0 0 1px 23px #f7f7f7
}

.twitter-follow .twitter-follow-button a img,
.twitter-follow .twitter-follow-button a svg {
    width: 20px;
    height: 14px;
    margin-right: 8px
}

.block-cta-simple {
    background-color: #f7f7f7;
    margin-top: 60px;
    padding: 40px 0;
    text-align: center
}

.block-image {
    height: 400px;
    margin-top: 60px
}

.block-image+.download {
    margin-top: 60px
}

.upto-2 .upto {
    width: 49.16%;
    margin-right: 0
}

.upto-2 .upto:nth-child(odd) {
    margin-right: 1.66%
}

.timeline {
    margin-top: 80px
}

.timeline+.timeline {
    margin-top: 0
}

.block-timeline.block-timeline-big {
    height: 400px
}

.block-timeline.block-timeline-big .block-timeline-image {
    height: 400px;
    width: 400px
}

.block-timeline.block-timeline-big .block-timeline-text {
    width: calc(100% - 400px)
}

.block-timeline.block-timeline-big .block-timeline-text:before {
    display: none
}

.block-timeline.block-timeline-big.even:not(.block-timeline-medium) .block-timeline-text .block-timeline-text-content,
.block-timeline.block-timeline-big.even:not(.block-timeline-medium) .block-timeline-text h3,
.block-timeline.block-timeline-big.even:not(.block-timeline-medium) .block-timeline-text p,
.block-timeline.block-timeline-big.odd:not(.block-timeline-medium) .block-timeline-text .block-timeline-text-content,
.block-timeline.block-timeline-big.odd:not(.block-timeline-medium) .block-timeline-text h3,
.block-timeline.block-timeline-big.odd:not(.block-timeline-medium) .block-timeline-text p {
    text-align: left
}

.block-timeline.block-timeline-medium {
    height: 300px
}

.block-timeline.block-timeline-medium .block-timeline-image {
    height: 300px;
    max-width: 50%
}

.block-timeline.block-timeline-medium .block-timeline-image img {
    max-height: calc(100% - 80px);
    position: relative;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.block-timeline.block-timeline-medium .block-timeline-text {
    text-align: left;
    width: 50%
}

.block-timeline.block-timeline-medium .block-timeline-text:before {
    display: none
}

.block-timeline.block-timeline-small {
    height: 214px
}

.block-timeline.block-timeline-small .block-timeline-image {
    height: 214px;
    width: 50%
}

.block-timeline.block-timeline-small .block-timeline-text {
    width: 50%
}

.block-timeline {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    display: block;
    margin-top: -1px;
    overflow: hidden;
    position: relative;
    text-align: center
}

.block-timeline .block-timeline-image {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.block-timeline .block-timeline-text {
    display: table;
    height: 100%;
    position: relative;
    vertical-align: middle
}

.block-timeline .block-timeline-text:before {
    border-bottom: 28px solid transparent;
    border-top: 28px solid transparent;
    content: '';
    position: absolute;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.block-timeline .block-timeline-text .block-timeline-text-content {
    display: table-cell;
    vertical-align: middle
}

.block-timeline .block-timeline-text .block-timeline-text-content-box {
    display: inline-block;
    margin: 0 112px
}

.block-timeline .block-timeline-text .block-timeline-text-content-box img {
    display: inline-block;
    height: 20px;
    width: 14px;
    margin-right: 6px;
    vertical-align: text-bottom
}

.block-timeline .block-timeline-text h3 {
    color: #3d3d3d;
    display: block;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 29px
}

.block-timeline .block-timeline-text h3 span {
    color: #aaa;
    display: block;
    font-family: "BNPP Sans Cond Bold v2", Arial, sans-serif;
    font-size: 26px;
    letter-spacing: 1px;
    line-height: 32px
}

.block-timeline .block-timeline-text p {
    color: #3d3d3d;
    display: inline-block;
    font-family: "BNPP Sans Light", Arial, sans-serif;
    font-size: 18px;
    line-height: 28px
}

.block-timeline.odd .block-timeline-text {
    float: right
}

.block-timeline.odd .block-timeline-text:before {
    border-right: 28px solid #fff;
    left: -28px
}

.block-timeline.odd .block-timeline-text .block-timeline-text-content,
.block-timeline.odd .block-timeline-text h3,
.block-timeline.odd .block-timeline-text p {
    text-align: right
}

.block-timeline.odd .block-timeline-image {
    float: left
}

.block-timeline.odd .block-timeline-image img {
    padding: 0 30px 0 112px
}

.block-timeline.even .block-timeline-text:before {
    border-left: 28px solid #fff;
    right: -28px
}

.block-timeline.even .block-timeline-text .block-timeline-text-content,
.block-timeline.even .block-timeline-text h3,
.block-timeline.even .block-timeline-text p {
    text-align: left
}

.block-timeline.even .block-timeline-image {
    float: right
}

.block-timeline.even .block-timeline-image img {
    padding: 0 112px 0 30px
}

.stellar-loader {
    animation: spin 2s linear infinite;
    -webkit-animation: spin 2s linear infinite;
    border: 10px solid #d6d6d6;
    border-radius: 50%;
    border-top: 10px solid #00a567;
    display: inline-block;
    height: 50px;
    margin-top: 32px;
    width: 50px
}

.page-search {
    background-color: #f7f7f7;
    padding: 40px 0 60px;
    text-align: center
}

.page-search+.page-content {
    background-color: #f7f7f7;
    padding: 20px 0 1px 0
}

.page-search fieldset {
    display: block;
    position: relative
}

.page-search fieldset#edit-field-date--wrapper {
  clear: both;
}

.page-search form {
    margin-bottom: 50px
}

.page-search .stellar-cta {
    cursor: pointer;
    margin-top: 32px
}

.search-textfield {
    display: inline;
    float: left;
    position: relative
}

.search-textfield input {
    background-color: #fff;
    border: 1px solid #d6d6d6!important;
    border-radius: 0;
    box-shadow: none!important;
    box-sizing: border-box;
    color: #3d3d3d;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 16px;
    height: 59px;
    padding: 0 70px 0 40px;
    width: 100%
}

.search-textfield input::-webkit-input-placeholder {
    color: #3d3d3d;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 16px;
    opacity: 1;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.search-textfield input:-moz-placeholder {
    color: #3d3d3d;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 16px;
    opacity: 1;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.search-textfield input::-moz-placeholder {
    color: #3d3d3d;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 16px;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.search-textfield input:-ms-input-placeholder {
    color: #3d3d3d;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 16px;
    opacity: 1;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.search-textfield input:focus::-webkit-input-placeholder,
.search-textfield input:hover::-webkit-input-placeholder {
    color: #c9c9c9
}

.search-textfield input:focus:-moz-placeholder,
.search-textfield input:hover:-moz-placeholder {
    color: #c9c9c9
}

.search-textfield input:focus::-moz-placeholder,
.search-textfield input:hover::-moz-placeholder {
    color: #c9c9c9
}

.search-textfield input:focus:-ms-input-placeholder,
.search-textfield input:hover:-ms-input-placeholder {
    color: #c9c9c9
}

.search-textfield input:focus+svg path,
.search-textfield input:hover+svg path {
    fill: #00965e
}

.search-textfield img {
    cursor: pointer;
    padding: 21px 40px 21px 14px;
    position: absolute;
    right: 0;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 71px
}

.search-textfield svg {
    height: 59px;
    padding: 22px 40px 21px 14px;
    position: absolute;
    right: 0;
    top: 0;
    width: 71px;
    fill: #3d3d3d;
    z-index: 4
}

.search-textfield svg path {
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.search-button {
    display: inline;
    float: left;
    position: relative
}

.search-button button {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    color: #3d3d3d;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 16px;
    height: 59px;
    padding: 0 70px 0 40px;
    text-align: left;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 100%
}

.search-button button[data-active=active] {
    color: #00965e
}

.search-button-toggle button:after {
    content: url(/themes/custom/stellar/assets/images/icons/arrow_down_grey.png);
    height: 16px;
    position: absolute;
    right: 32px;
    top: 22px;
    -moz-transform: scale(.52);
    -ms-transform: scale(.52);
    -o-transform: scale(.52);
    -webkit-transform: scale(.52);
    transform: scale(.52);
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.search-button-toggle button[data-active=active]:after {
    -moz-transform: scale(.52) rotate(180deg);
    -ms-transform: scale(.52) rotate(180deg);
    -o-transform: scale(.52) rotate(180deg);
    -webkit-transform: scale(.52) rotate(180deg);
    transform: scale(.52) rotate(180deg)
}

.search-toggle {
    position: relative;
    display: table;
    width: 100%
}

.search-toggle .search-reset {
    color: #00965e;
    cursor: pointer;
    display: none;
    font-family: "BNPP Square Bold v3", Arial, sans-serif;
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 18px;
    position: absolute;
    right: 40px;
    top: 30px
}

.search-toggle .search-reset:hover {
    color: #00a567
}

.search-toggle .search-reset:hover img {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.search-toggle .search-reset img {
    display: inline-block;
    margin: 0 0 3px 8px;
    width: 18px
}

.search-toggle .search-reset .search-reset,
.search-toggle .search-reset img {
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.search-toggle ul {
    background-color: #ececec;
    border: 1px solid #d6d6d6;
    display: none;
    list-style: none;
    margin: 0;
    padding: 47px 40px 40px;
    width: 100%
}

.search-toggle ul:before {
    content: " ";
    display: table
}

.search-toggle ul:after {
    clear: both;
    content: " ";
    display: table
}

.search-toggle ul li {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    color: #3d3d3d;
    float: left;
    font-family: "BNPP Square Bold v3", Arial, sans-serif;
    font-size: 12px;
    position: relative
}

.search-toggle ul li:hover {
    color: #000;
}

.search-toggle ul li label {
    cursor: pointer;
    display: block;
    height: 58px;
    line-height: 58px;
    overflow: hidden;
    padding: 0 35px 0 20px;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

.search-toggle ul li label span {
    line-height: 18px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 50%;
    display: block
}

.search-toggle ul li input {
    left: -9999px;
    position: absolute
}

.search-toggle ul li .search-counter {
    display: inline-block;
    line-height: 59px;
    position: absolute;
    right: 20px;
    top: 0
}

.search-toggle ul li .search-counter,
.search-toggle ul li label {
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.search-toggle ul li input:checked~.search-counter,
.search-toggle ul li input:checked~label {
    color: #fff
}

.search-checkboxes {
    display: inline-block;
    margin-left: 20px
}

.search-checkboxes .search-checkbox {
    display: inline-block;
    margin-left: 40px;
    text-align: left
}

.search-checkboxes .search-checkbox input {
    left: -9999px;
    position: absolute
}

.search-checkboxes .search-checkbox label {
    color: #3d3d3d;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 59px;
    position: relative
}

.search-checkboxes .search-checkbox input+label:before {
    background: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 0;
    content: '';
    display: inline-block;
    height: 20px;
    line-height: normal;
    margin: 0 9px 4px 0;
    position: relative;
    vertical-align: middle;
    width: 20px
}

.search-checkboxes .search-checkbox input:checked+label:after,
.search-checkboxes .search-checkbox input:not(:checked)+label:after {
    content: url(/themes/custom/stellar/assets/images/icons/done_mini.png);
    left: 0;
    position: absolute;
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.search-checkboxes .search-checkbox input:not(:checked)+label:after {
    opacity: 0
}

.search-checkboxes .search-checkbox input:checked+label:after {
    opacity: 1
}

.search-toggle ul li label.color-yellow {
    border-left: 5px solid #febf00
}

.search-toggle ul li input:checked+label.color-yellow,
.search-toggle ul.facet-item-list-checkbox-category li.color-yellow input:checked+label,
.search-toggle ul li:hover label.color-yellow {
    background-color: #febf00
}

.search-toggle ul li label.color-orange {
    border-left: 5px solid #f78e07
}

.search-toggle ul li input:checked+label.color-orange,
.search-toggle ul.facet-item-list-checkbox-category li.color-orange input:checked+label,
.search-toggle ul li:hover label.color-orange {
    background-color: #f78e07
}

.search-toggle ul li label.color-green {
    border-left: 5px solid #a1c53d
}

.search-toggle ul li input:checked+label.color-green,
.search-toggle ul.facet-item-list-checkbox-category li.color-green input:checked+label,
.search-toggle ul li:hover label.color-green {
    background-color: #a1c53d
}

.search-toggle ul li label.color-blue {
    border-left: 5px solid #55acee
}

.search-toggle ul li input:checked+label.color-blue,
.search-toggle ul.facet-item-list-checkbox-category li.color-blue input:checked+label,
.search-toggle ul li:hover label.color-blue {
    background-color: #55acee
}

.search-toggle ul li label.color-bnp-green {
    border-left: 5px solid #00965e
}

.search-toggle ul li input:checked+label.color-bnp-green,
.search-toggle ul.facet-item-list-checkbox-category li.color-bnp-green input:checked+label,
.search-toggle ul li:hover label.color-bnp-green {
    background-color: #00965e
}

.search-toggle ul li label.color-dark-blue {
    border-left: 5px solid #3368c8
}

.search-toggle ul li input:checked+label.color-dark-blue,
.search-toggle ul.facet-item-list-checkbox-category li.color-dark-blue input:checked+label,
.search-toggle ul li:hover label.color-dark-blue {
    background-color: #3368c8
}

.search-toggle ul li label.color-red {
    border-left: 5px solid #f55e0c
}

.search-toggle ul li input:checked+label.color-red,
.search-toggle ul.facet-item-list-checkbox-category li.color-red input:checked+label,
.search-toggle ul li:hover label.color-red {
    background-color: #f55e0c
}

.search-toggle ul li label.color-turquoise {
    border-left: 5px solid #50e3c2
}

.search-toggle ul li input:checked+label.color-turquoise,
.search-toggle ul.facet-item-list-checkbox-category li.color-turquoise input:checked+label,
.search-toggle ul li:hover label.color-turquoise {
    background-color: #50e3c2
}

.search-toggle ul li label.color-dark-red {
    border-left: 5px solid #ba3143
}

.search-toggle ul li input:checked+label.color-dark-red,
.search-toggle ul.facet-item-list-checkbox-category li.color-dark-red input:checked+label,
.search-toggle ul li:hover label.color-dark-red {
    background-color: #ba3143
}

.page-search .form-actions {
    display: none
}

.page-search .form-group,
.page-search .pager {
    margin: 0
}

.page-search .pager li>a {
    display: none
}

.page-search .local-research-form .input-group,
.page-search .pan-european-form .input-group {
    display: inherit
}

.page-search .local-research-form .input-group .input-group-addon,
.page-search .pan-european-form .input-group .input-group-addon {
    display: none!important
}

.page-search fieldset>legend {
    margin: 0;
    border: none
}

#gsearch {
    left: 0;
    z-index: 102;
    width: 100%;
    right: 0;
    top: -50px;
    display: none
}

#gsearch .stellar-loader {
    margin: 0 auto;
    display: block;
    position: absolute;
    top: 40%;
    left: 47%
}

#gsearch #gsearch-results-container {
    overflow-y: scroll;
    height: 77vh
}

#gsearch #gsearch-form {
    background-color: #fff
}

#gsearch #gsearch-form .gsearch-input {
    position: relative
}

#gsearch #gsearch-form .gsearch-input .gsearch-close,
#gsearch #gsearch-form .gsearch-input .gsearch-icon {
    padding: 0 20px;
    top: 0;
    position: absolute;
    line-height: 117px;
    cursor: pointer;
    z-index: 2
}

#gsearch #gsearch-form .gsearch-input .gsearch-close svg,
#gsearch #gsearch-form .gsearch-input .gsearch-icon svg {
    vertical-align: middle;
    height: 30px;
    width: 30px;
    margin-bottom: 5px
}

#gsearch #gsearch-form .gsearch-input .gsearch-close svg path,
#gsearch #gsearch-form .gsearch-input .gsearch-icon svg path {
    fill: #aaa
}

#gsearch #gsearch-form .gsearch-input .gsearch-close:hover svg path,
#gsearch #gsearch-form .gsearch-input .gsearch-icon:hover svg path {
    fill: #00965e
}

#gsearch #gsearch-form .gsearch-input .gsearch-icon {
    left: 0
}

#gsearch #gsearch-form .gsearch-input .gsearch-close {
    right: 0
}

#gsearch #gsearch-form .gsearch-input .gsearch-autocomplete {
    position: absolute;
    color: #ececec;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 30px;
    line-height: 117px;
    padding: 0 90px;
    width: 100%;
    border: none
}

#gsearch #gsearch-form .gsearch-input input {
    background-color: transparent;
    color: #aaa;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 30px;
    line-height: 117px;
    padding: 0 90px;
    width: 100%;
    border: none;
    position: relative;
    z-index: 1
}

#gsearch #gsearch-form .gsearch-input input::-webkit-input-placeholder {
    color: #aaa;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 30px;
    opacity: 1;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

#gsearch #gsearch-form .gsearch-input input:-moz-placeholder {
    color: #aaa;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 30px;
    opacity: 1;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

#gsearch #gsearch-form .gsearch-input input::-moz-placeholder {
    color: #aaa;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 30px;
    opacity: 1;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

#gsearch #gsearch-form .gsearch-input input:-ms-input-placeholder {
    color: #aaa;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 30px;
    opacity: 1;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

#gsearch #gsearch-results {
    background: 0 0;
    padding-top: 50px;
    padding-bottom: 50px
}

#gsearch #gsearch-results .gsearch-block {
    position: relative;
    margin-bottom: 60px;
    color: #fff
}

#gsearch #gsearch-results .gsearch-block .gsearch-block-title {
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 36px;
    line-height: 43px;
    padding-right: 200px
}

#gsearch #gsearch-results .gsearch-block .stellar-cta {
    position: absolute;
    right: 0;
    top: 0
}

#gsearch #gsearch-results .gsearch-block ul {
    margin-top: 30px
}

#gsearch #gsearch-results .gsearch-block ul:before {
    content: " ";
    display: table
}

#gsearch #gsearch-results .gsearch-block ul:after {
    clear: both;
    content: " ";
    display: table
}

#gsearch #gsearch-results .gsearch-block ul li {
    border: 1px solid #fff;
    display: inline-block;
    float: left;
    margin-right: 12px;
    padding: 20px;
    position: relative;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

#gsearch #gsearch-results .gsearch-block ul li:last-child {
    margin-right: 0
}

#gsearch #gsearch-results .gsearch-block ul li:hover {
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .27)
}

#gsearch #gsearch-results .gsearch-block .gsearch-result .gsearch-result-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

#gsearch #gsearch-results .gsearch-block .gsearch-result .gsearch-result-label {
    display: table;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 12px;
    padding: 13px 10px 10px;
    position: relative;
    text-transform: uppercase;
    vertical-align: bottom
}

#gsearch #gsearch-results .gsearch-block .gsearch-result .gsearch-result-title {
    display: block;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 22px;
    line-height: 26px
}

#gsearch #gsearch-results .gsearch-block .gsearch-result p {
    font-family: "BNPP Sans Light", Arial, sans-serif;
    font-size: 16px;
    line-height: 24px
}

#gsearch #gsearch-results .gsearch-block .gsearch-result .gsearch-result-date {
    font-family: "BNPP Sans Cond v2", Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 18px
}

#gsearch #gsearch-results .gsearch-block .gsearch-result .gsearch-result-place {
    font-family: "BNPP Sans Light", Arial, sans-serif;
    font-size: 16px;
    line-height: 24px
}

#gsearch #gsearch-results .gsearch-block .gsearch-result .gsearch-result-place img {
    display: inline-block;
    height: 20px;
    margin: -2px 8px 0 0;
    vertical-align: top;
    width: 14px
}

#gsearch #gsearch-results .gsearch-block .view-empty .gsearch-block-message {
    font-family: "BNPP Sans Light", Arial, sans-serif;
    font-size: 18px;
    line-height: 24px
}

#gsearch #gsearch-results .gsearch-block#gsearch-news ul li {
    min-height: 317px;
    width: calc(33.33333333% - 8px)
}

#gsearch #gsearch-results .gsearch-block#gsearch-news .gsearch-result .gsearch-result-title {
    margin-top: 25px
}

#gsearch #gsearch-results .gsearch-block#gsearch-news .gsearch-result p {
    margin-top: 14px
}

#gsearch #gsearch-results .gsearch-block#gsearch-news .gsearch-result .gsearch-result-date {
    margin-top: 9px
}

#gsearch #gsearch-results .gsearch-block#gsearch-jobs ul li {
    min-height: 138px;
    width: calc(50% - 6px);
    display: inline-table
}

#gsearch #gsearch-results .gsearch-block#gsearch-jobs .gsearch-result {
    display: table-cell;
    vertical-align: middle
}

#gsearch #gsearch-results .gsearch-block#gsearch-jobs .gsearch-result .gsearch-result-content {
    border-left: 5px solid #f4ba0a;
    padding-left: 20px;
    display: table-cell
}

#gsearch #gsearch-results .gsearch-block#gsearch-jobs .gsearch-result .gsearch-result-place {
    margin-top: 12px
}

#gsearch #gsearch-results .gsearch-block#gsearch-pages ul li {
    border: none;
    display: inline-table;
    height: 278px;
    overflow: hidden;
    width: calc(33.33333333% - 8px)
}

#gsearch #gsearch-results .gsearch-block#gsearch-pages .gsearch-result {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

#gsearch #gsearch-results .gsearch-block#gsearch-pages .gsearch-result .gsearch-result-link {
    z-index: 3
}

#gsearch #gsearch-results .gsearch-block#gsearch-pages .gsearch-result .gsearch-result-shadow {
    background-color: rgba(50, 50, 50, .44);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

#gsearch #gsearch-results .gsearch-block#gsearch-pages .gsearch-result .gsearch-result-cover {
    height: auto;
    left: 50%;
    max-height: none;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto
}

#gsearch #gsearch-results .gsearch-block#gsearch-pages .gsearch-result .gsearch-result-content {
    position: relative;
    z-index: 1
}

#gsearch #gsearch-results .gsearch-block#gsearch-pages .gsearch-result .gsearch-result-content .gsearch-result-title {
    text-transform: uppercase;
    display: inline-block
}

.gsearch-result-label.color-yellow {
    background-color: #febf00
}

.gsearch-result-label.color-orange {
    background-color: #f78e07
}

.gsearch-result-label.color-green {
    background-color: #a1c53d
}

.gsearch-result-label.color-blue {
    background-color: #55acee
}

.gsearch-result-label.color-bnp-green {
    background-color: #00965e
}

.gsearch-result-label.color-dark-blue {
    background-color: #3368c8
}

.gsearch-result-label.color-red {
    background-color: #f55e0c
}

.gsearch-result-label.color-turquoise {
    background-color: #50e3c2
}

.gsearch-result-label.color-dark-red {
    background-color: #ba3143
}

.search-overlay {
    background: rgba(61, 61, 61, .96);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1
}

.block-content-map {
    height: 40vw;
    width: 85vw;
    margin: 0 auto
}

.block-content-map .map--front {
    height: 46vw;
    width: 85vw;
    overflow: hidden
}

.block-content-map .map--front .leaflet-map-pane {
    transition: none;
    z-index: 2
}

.block-content-map .leaflet-container {
    background: 0 0
}

.leaflet-popup-pane .map-popup-encart {
    margin-left: -55px;
    margin-bottom: 25px
}

.leaflet-popup-pane .map-popup-encart .leaflet-popup-content {
    text-align: center
}

.leaflet-popup-pane .map-popup-encart .leaflet-popup-close-button {
    display: none
}

.leaflet-popup-pane .map-popup-encart .leaflet-popup-content-wrapper {
    color: #fff
}

.leaflet-popup-pane .map-popup-encart .leaflet-popup-tip-container {
    display: none
}

.leaflet-popup-pane .map-popup-encart .leaflet-popup-content-wrapper {
    background: #000;
    opacity: .8;
    border-radius: 15px
}

.leaflet-popup-pane .map-popup-encart .leaflet-popup-content-wrapper .leaflet-popup-content {
    margin: 0 19px
}

.map-miniatures {
    position: absolute;
    z-index: 9999;
    margin-top: 10px;
    margin-left: 10px
}

.map-miniatures .map-usa {
    width: 150px;
    height: 90px;
    background: #fff
}

.map-miniatures .map-usa .map-popup-encart {
    display: block;
    margin-left: -10px
}

.map-miniatures .map-usa .map-popup-encart .leaflet-popup-content {
    width: auto;
    margin: 0 3px
}

.map-miniatures .map-eu {
    width: 150px;
    height: 100px;
    background: #fff;
    margin-top: 10px
}

.map-miniatures .map-eu .map-popup-encart {
    display: block;
    margin-left: -10px
}

.map-miniatures .map-eu .map-popup-encart .leaflet-popup-content {
    width: auto;
    margin: 0 3px
}

.map-cta-container {
    width: 100%;
    float: left
}

.joinus-map {
    position: relative;
    text-align: center;
    z-index: 1
}

.joinus-map h2 {
    background-color: #febf00;
    color: #fff;
    font-family: "BNPP Sans ExtraBold", Arial, sans-serif;
    font-size: 34px;
    left: 0;
    line-height: 34px;
    padding: 33px 20px;
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    top: 0;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    width: 191px;
    z-index: 500
}

.joinus-map h2:hover {
    background-color: #feca00
}

.joinus-map .joinus-map-holder {
    background: #0083bd;
    background: -webkit-linear-gradient(#0083bd, #00a2E9);
    background: -o-linear-gradient(#0083bd, #00a2E9);
    background: -moz-linear-gradient(#0083bd, #00a2E9);
    background: linear-gradient(#0083bd, #00a2E9);
    height: 566px;
    margin-top: 60px;
    text-align: left;
    width: 70%;
    float: left
}

.joinus-map .joinus-linkedin {
    position: relative;
    display: table;
    float: left;
    width: 30%;
    height: 566px;
    margin-top: 60px;
    background: #0083bd;
    background: -webkit-linear-gradient(#0083bd, #00a2E9);
    background: -o-linear-gradient(#0083bd, #00a2E9);
    background: -moz-linear-gradient(#0083bd, #00a2E9);
    background: linear-gradient(#0083bd, #00a2E9)
}

.joinus-map .joinus-linkedin .joinus-linkedin-connect {
    display: table-cell;
    vertical-align: middle;
    padding-left: 40px;
    padding-right: 40px
}

.joinus-map .joinus-linkedin .joinus-linkedin-connect .joinus-linkedin-icon {
    width: 42px;
    height: 42px;
    display: block;
    margin: 0 auto;
    font-size: 42px;
    color: #fff
}

.joinus-map .joinus-linkedin .joinus-linkedin-connect p {
    display: block;
    color: #fff;
    margin: 0 auto
}

.joinus-map .joinus-linkedin .joinus-linkedin-connect .joinus-linkedin-text {
    font-size: 16px;
    font-family: "BNPP Sans", Arial, sans-serif;
    margin-top: 74px
}

.joinus-map .joinus-linkedin .joinus-linkedin-connect .joinus-linkedin-name {
    font-size: 18px;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    margin-top: 30px
}

.joinus-map .joinus-linkedin .joinus-linkedin-connect .joinus-linkedin-job {
    font-size: 16px;
    font-family: "BNPP Sans", Arial, sans-serif;
    margin-top: 10px
}

.joinus-map .joinus-linkedin .joinus-linkedin-connect .joinus-linkedin-place {
    font-size: 11px;
    font-family: "BNPP Sans", Arial, sans-serif;
    margin-top: 10px
}

.joinus-map .joinus-linkedin .joinus-linkedin-connect .joinus-linkedin-button {
    position: relative
}

.joinus-map .joinus-linkedin .joinus-linkedin-connect .joinus-linkedin-button a {
    font-size: 13px;
    font-family: "BNPP Square Regular v3", Arial, sans-serif;
    display: inline-block;
    border-radius: 2px;
    background-color: #fff;
    text-transform: uppercase;
    color: #0065a9;
    padding: 18px 34px 14px;
    margin-top: 55px;
    line-height: 18px;
    border-bottom: 0;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.joinus-map .joinus-linkedin .joinus-linkedin-connect .joinus-linkedin-button a:hover {
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .27)
}

.joinus-map .joinus-linkedin .joinus-linkedin-connect .joinus-linkedin-button a:hover~.joinus-linkedin-modal {
    opacity: 1;
    visibility: visible;
    bottom: 60px
}

.joinus-map .joinus-linkedin .joinus-linkedin-connect .joinus-linkedin-button a i {
    float: left;
    width: 16px;
    height: 15px;
    margin-right: 8px;
    margin-top: -3px;
    font-size: 17px
}

.joinus-map .joinus-linkedin .joinus-linkedin-connect .joinus-linkedin-button .joinus-linkedin-modal {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    font-size: 13px;
    max-width: 280px;
    padding: 15px;
    box-shadow: 0 0 21px 10px rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: 3px;
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    display: block;
    width: 100%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 55px;
    text-align: left;
    color: #3d3d3d
}

.joinus-map .joinus-linkedin .joinus-linkedin-connect .joinus-linkedin-button .joinus-linkedin-modal:after {
    content: '';
    background-image: url(/themes/custom/stellar/publish/sprite.png);
    background-position: 0 0;
    width: 14px;
    height: 8px;
    display: block;
    position: absolute;
    bottom: -8px;
    left: calc(50% - 7px)
}

.joinus-map .joinus-linkedin .joinus-linkedin-connect .joinus-linkedin-button .joinus-linkedin-modal span {
    font-weight: 700;
    display: block
}

.joinus-map .joinus-linkedin .joinus-linkedin-connect .joinus-linkedin-button .joinus-linkedin-modal ul {
    padding: 0;
    list-style: none;
    counter-reset: count;
    margin-bottom: 15px
}

.joinus-map .joinus-linkedin .joinus-linkedin-connect .joinus-linkedin-button .joinus-linkedin-modal ul li {
    margin-top: 10px;
    position: relative;
    padding-left: 45px;
    font-size: 13px;
    line-height: 17px;
    min-height: 30px
}

.joinus-map .joinus-linkedin .joinus-linkedin-connect .joinus-linkedin-button .joinus-linkedin-modal ul li:before {
    content: counter(count);
    counter-increment: count;
    border: 2px solid #00965e;
    color: #00965e;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 4px 9px 0;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 0;
    font-weight: 700
}

.joinus-map .joinus-linkedin .joinus-linkedin-connect .joinus-linkedin-button .joinus-linkedin-modal p {
    display: block;
    font-size: 10px;
    line-height: 14px;
    color: #3d3d3d;
    margin-bottom: 0
}

.joinus-map .joinus-linkedin .joinus-linkedin-connect.connected .joinus-linkedin-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #006aac
}

.joinus-map .joinus-linkedin .joinus-linkedin-connect.connected img {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    border-radius: 50%;
    border: 2px solid #fff
}

.joinus-map .joinus-linkedin .joinus-linkedin-connect.connected .joinus-linkedin-button a {
    margin-top: 30px;
    font-size: 11px;
    padding: 14px 25px 9px
}

.joinus-map .joinus-map-fullwidth {
    width: 100%
}

.joinus-map .stellar-cta {
    background-color: #febf00;
    margin-top: 40px
}

.joinus-map .stellar-cta:hover {
    background-color: #feca00
}

#map-list {
    background-color: #f3f3f3;
    display: none;
    padding: 15px
}

#map-list li {
    background-color: #fff;
    border-top: 1px solid #f3f3f3;
    color: #3d3d3d;
    font-family: "BNPP Square Regular v3", Arial, sans-serif;
    font-size: 14px;
    height: 50px;
    text-transform: uppercase;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

#map-list li:hover {
    color: #00965e
}

#map-list li a {
    display: block;
    height: 100%;
    line-height: 50px;
    padding: 0 15px
}

.dual-discover {
    margin-top: 80px
}

.dual-discover:after,
.dual-discover:before {
    clear: both;
    content: " ";
    display: table
}

.dual-discover .discover {
    float: left;
    min-height: 464px;
    padding: 60px;
    position: relative;
    width: 50%
}

.dual-discover .discover .discover-background {
    bottom: 0;
    display: block;
    left: 0;
    opacity: .06;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.dual-discover .discover .discover-background img {
    height: auto;
    left: 50%;
    max-height: none;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto
}

.dual-discover .discover h2 {
    display: inline-block;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 36px;
    position: relative;
    z-index: 2
}

.dual-discover .discover .discover-text {
    left: 0;
    padding: 0 60px;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dual-discover .discover .discover-text p {
    font-family: "BNPP Sans Light", Arial, sans-serif;
    font-size: 16px;
    line-height: 24px
}

.dual-discover .discover .discover-text ul li {
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin: 12px 0 0 12px;
    position: relative
}

.dual-discover .discover .discover-text ul li:before {
    content: '';
    display: inline-block;
    height: 18px;
    left: -12px;
    position: absolute;
    top: 1px;
    width: 3px
}

.dual-discover .discover .stellar-slide-link {
    bottom: 60px;
    position: absolute;
    right: 60px
}

.dual-discover .discover:not(.with-background) {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    color: #3d3d3d
}

.dual-discover .discover:not(.with-background) .discover-text ul li:before {
    background-color: #3d3d3d
}

.dual-discover .discover.with-background {
    background-color: #00a567;
    color: #fff
}

.dual-discover .discover.with-background .discover-text ul li:before {
    background-color: #fff
}

.dual-discover .discover.with-background .stellar-slide-link {
    color: #fff
}

.company-portrait {
    margin-top: 60px
}

.company-portrait:after,
.company-portrait:before {
    clear: both;
    content: " ";
    display: table
}

.company-portrait h2 {
    color: #3d3d3d;
    font-family: "BNPP Sans ExtraBold", Arial, sans-serif;
    font-size: 34px;
    line-height: 41px;
    margin-bottom: 32px;
    text-align: center;
    text-transform: uppercase
}

.company,
.portrait {
    float: left;
    width: calc(50% - 15px)
}

.portrait {
    height: 550px;
    position: relative
}

.portrait a {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.portrait .portrait-label {
    background-color: #febf00;
    color: #fff;
    display: inline-block;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 12px;
    left: 20px;
    letter-spacing: 1px;
    line-height: 14px;
    padding: 10px;
    position: absolute;
    text-transform: uppercase
}

.portrait .portrait-text {
    background-color: #fff;
    bottom: 20px;
    left: 20px;
    padding: 30px 40px;
    position: absolute
}

.portrait .portrait-text h3 {
    color: #3d3d3d;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 30px;
    line-height: 36px
}

.portrait .portrait-text h3 span {
    display: block;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase
}

.company {
    border: 1px solid #ececec;
    height: 550px;
    margin-right: 30px;
    position: relative
}

.company a {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.company .company-header {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ececec;
    padding: 20px;
    text-align: center;
    width: 100%
}

.company .company-data {
    width: 100%
}

.company .company-data span {
    color: #5f5f5f;
    display: inline-block;
    font-family: 'BNPP Square Regular v3', Arial, sans-serif;
    font-size: 11px;
    line-height: 30px;
    text-transform: uppercase;
    vertical-align: top
}

.company .company-data .company-value {
    color: #3d3d3d;
    display: inline-block;
    font-family: 'BNPP Square Bold v3', Arial, sans-serif;
    font-size: 30px;
    line-height: 30px;
    vertical-align: top
}

.company .company-data .company-data-bottom,
.company .company-data .company-data-top {
    padding: 30px 40px;
    position: relative
}

.company .company-data .company-data-bottom:after,
.company .company-data .company-data-bottom:before,
.company .company-data .company-data-top:after,
.company .company-data .company-data-top:before {
    clear: both;
    content: " ";
    display: table
}

.company .company-data .company-data-top {
    border-bottom: 1px solid #ececec
}

.company .company-data .company-stars {
    margin-bottom: 35px;
    text-align: center
}

.company .company-data .company-stars ul {
    display: inline-block;
    margin: 0 20px
}

.company .company-data .company-stars ul li {
    background-color: #e8e8e8;
    border-radius: 2px;
    display: inline-block;
    height: 25px;
    margin: 0 3px;
    overflow: hidden;
    position: relative;
    width: 25px
}

.company .company-data .company-stars ul li i.glyphicon-star {
    color: #fff;
    font-size: 16px;
    padding: 4px 0;
    position: relative;
    z-index: 2
}

.company .company-data .company-stars ul li i.bg {
    background-color: #8bca21;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.company .company-data .company-rating {
    float: left;
    width: 57.5%
}

.company .company-data .company-rating .company-rating-data {
    margin-bottom: 25px
}

.company .company-data .company-rating .company-rating-data p {
    color: #3d3d3d;
    font-family: 'BNPP Square Regular v3', Arial, sans-serif;
    font-size: 11px;
    line-height: 30px;
    margin-bottom: 8px;
    text-transform: uppercase
}

.company .company-data .company-rating .company-rating-data .company-value {
    float: right;
    position: relative;
    top: -4px
}

.company .company-data .company-rating .company-rating-data .company-progress {
    background-color: #f3f3f3;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    box-shadow: none;
    height: 10px;
    margin-bottom: 20px;
    overflow: hidden
}

.company .company-data .company-rating .company-rating-data .company-progress .company-progress-bar {
    background: #76bc17;
    background: -moz-linear-gradient(left, #76bc17 0, #addb49 100%);
    background: -webkit-linear-gradient(left, #76bc17 0, #addb49 100%);
    background: linear-gradient(to right, #76bc17 0, #addb49 100%);
    box-shadow: none;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    width: 0
}

.company .company-data .company-circle {
    float: right;
    height: 140px;
    position: relative;
    width: 140px
}

.company .company-data .company-circle .company-circle-text {
    color: #5f5f5f;
    font-family: 'BNPP Square Regular v3', Arial, sans-serif;
    font-size: 11px;
    line-height: 14px;
    padding: 20px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.company .company-data .company-circle .company-circle-text .company-value {
    color: #3d3d3d;
    display: block;
    font-family: 'BNPP Square Bold v3', Arial, sans-serif;
    font-size: 30px;
    line-height: 30px
}

.company .company-data .company-chief {
    display: table;
    float: left;
    margin-top: 15px;
    width: 57.5%
}

.company .company-data .company-chief img {
    border-radius: 50%;
    height: 105px;
    min-width: 105px;
    width: 105px
}

.company .company-data .company-chief .company-chief-info {
    display: table-cell;
    padding: 0 0 0 25px;
    vertical-align: middle
}

.company .company-data .company-chief .company-chief-info .company-chief-name {
    color: #3d3d3d;
    font-family: 'BNPP Square Bold v3', Arial, sans-serif;
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 5px;
    text-transform: none
}

.company .company-data .company-chief .company-chief-info .company-chief-job {
    color: #5f5f5f;
    font-family: 'BNPP Square Regular v3', Arial, sans-serif;
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 0;
    text-transform: uppercase
}

.company .company-data .last-update {
    bottom: 0;
    color: #5f5f5f;
    font-family: 'BNPP Square Regular v3', Arial, sans-serif;
    font-size: 10px;
    left: 0;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase
}

.adminimal-admin-toolbar .toolbar-tray-horizontal a:active,
.adminimal-admin-toolbar .toolbar-tray-horizontal a:focus,
.adminimal-admin-toolbar .toolbar-tray-horizontal a:hover {
    background: #00965e!important
}

.adminimal-admin-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover>.toolbar-box>a,
.adminimal-admin-toolbar .toolbar-tray-horizontal .menu-item--expanded:hover>a {
    background: #00965e!important
}

.adminimal-admin-toolbar .toolbar .toolbar-tray-vertical .toolbar-menu a:focus,
.adminimal-admin-toolbar .toolbar .toolbar-tray-vertical .toolbar-menu a:hover {
    background: #00965e!important
}

.adminimal-admin-toolbar .toolbar .toolbar-tray-horizontal ul ul li.menu-item:first-child {
    border-top: 1px solid #00965e!important
}

.adminimal-admin-toolbar .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded:after {
    color: #00965e!important;
    content: url(../assets/images/icons/chevron-right-bnp.svg)
}

.adminimal-admin-toolbar .toolbar-administration a,
.toolbar-administration .adminimal-admin-toolbar .link {
    color: #00965e;
    text-decoration: none
}

.adminimal .button--primary {
    background: #00965e;
    border-color: #00965e
}

.adminimal .button--primary:focus,
.adminimal .button--primary:hover {
    background-color: #00a567;
    border-color: #00a567
}

.adminimal .button:focus,
.adminimal .button:hover {
    border-color: #00a567
}

.adminimal .action-links .button--primary {
    border: 2px solid #00965e;
    color: #00965e
}

.adminimal .action-links .button--primary:focus,
.adminimal .action-links .button--primary:hover {
    background-color: #00a567
}

.adminimal .action-links .button--primary:focus {
    border-color: #00a567
}

.adminimal .vertical-tabs__menu-item a:focus,
.adminimal .vertical-tabs__menu-item a:hover {
    background: #fafffd
}

.adminimal .form-color:focus,
.adminimal .form-date:focus,
.adminimal .form-email:focus,
.adminimal .form-file:focus,
.adminimal .form-number:focus,
.adminimal .form-search:focus,
.adminimal .form-tel:focus,
.adminimal .form-text:focus,
.adminimal .form-textarea:focus,
.adminimal .form-time:focus,
.adminimal .form-url:focus {
    border-color: #00a567;
    outline: 2px solid #fafffd
}

.js .adminimal .form-actions .dropbutton-multiple .dropbutton-widget {
    background-color: #00965e
}

.messages.messages--info {
    background-color: #fafffd;
    border-color: #00965e #00965e #00965e transparent;
    box-shadow: -8px 0 0 #00965e;
    color: #00965e
}

.nav-tabs {
    border-bottom: none
}

.path-user nav.tabs {
    border-top: none
}

.path-user nav.tabs+article li {
    list-style-type: none
}

.nav-tabs>li {
    margin-bottom: 0
}

.nav-tabs>li>a {
    border: none;
    line-height: 30px
}

.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    background-color: #fff;
    border: none;
    color: #00965e
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    background-color: #fff;
    border: none;
    color: #00965e
}

.user-login-form {
    background-color: #f7f7f7;
    border-radius: 0;
    margin: 0;
    padding: 50px 30px;
    width: 100%
}

.user-login-form .form-submit {
    background-color: #00965e;
    border: none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: table;
    font-family: "BNPP Square Bold v3", Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    margin: 0 auto;
    padding: 13px 30px 13px;
    position: relative;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.user-login-form .form-submit:hover {
    background-color: #00a567
}

.user-login-form .form-submit:focus,
.user-login-form .form-submit:hover {
    color: #fff
}

.user-login-form .stellar-cta {
    display: none
}

.user-login-form .form-group {
    margin-bottom: 0
}

.user-login-form .form-group,
.user-login-form .form-text,
.user-login-form li {
    margin: 0 auto 30px;
    max-width: 430px
}

.user-login-form div:last-child {
    margin-bottom: 0
}

.user-login-form label {
    color: #3d3d3d;
    display: table;
    font-family: "BNPP Square Bold v3", Arial, sans-serif;
    font-size: 16px;
    margin: 0 auto
}

.user-login-form label:after {
    display: none
}

.user-login-form .form-control {
    border: 1px solid #d6d6d6;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: #3d3d3d;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 16px;
    height: auto;
    line-height: 18px;
    margin-top: 5px;
    padding: 11px 20px 11px 20px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-overlay {
    background: rgba(61, 61, 61, .96);
    bottom: 50%;
    left: 50%;
    opacity: 0;
    position: fixed;
    right: 50%;
    top: 50%;
    z-index: 100;
    -webkit-overflow-scrolling: touch
}

.form-overlay-fullscreen {
    height: 96vh;
    bottom: 0!important;
    left: 0!important;
    opacity: 1!important;
    right: 0!important;
    top: 0!important;
    height: 100vh;
    -moz-transition: all .5s cubic-bezier(.29, .85, .43, 1), opacity .25s;
    -ms-transition: all .5s cubic-bezier(.29, .85, .43, 1), opacity .25s;
    -o-transition: all .5s cubic-bezier(.29, .85, .43, 1), opacity .25s;
    -webkit-transition: all .5s cubic-bezier(.29, .85, .43, 1), opacity .25s;
    transition: all .5s cubic-bezier(.29, .85, .43, 1), opacity .25s;
    transition-delay: 0s, 0s
}

.form-overlay-fullscreen-exit {
    opacity: 0!important;
    -moz-transition: all .5s cubic-bezier(.29, .85, .43, 1), opacity .25s;
    -ms-transition: all .5s cubic-bezier(.29, .85, .43, 1), opacity .25s;
    -o-transition: all .5s cubic-bezier(.29, .85, .43, 1), opacity .25s;
    -webkit-transition: all .5s cubic-bezier(.29, .85, .43, 1), opacity .25s;
    transition: all .5s cubic-bezier(.29, .85, .43, 1), opacity .25s;
    transition-delay: 0s, 0s
}

.form-overlay-container {
    display: none;
    left: 50%;
    height: calc(100% - 80px);
    background-color: #fff;
    overflow-y: auto;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 450px
}

.form-overlay-container .form-top {
    background-color: #00965e;
    color: #fff;
    font-family: "BNPP Square Regular v3", Arial, sans-serif;
    font-size: 20px;
    line-height: 22px;
    padding: 10px 40px 10px 15px;
    text-align: left
}

.form-overlay-container .form-top .form-close {
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 10px
}

.form-overlay-container .form-top .form-close svg {
    height: 20px;
    width: 20px
}

.form-overlay-container .form-top .form-close svg path {
    fill: #fff
}

form.webform-submission-form {
    background-color: #fff;
    height: auto;
    padding: 10px 15px;
    width: 100%
}

form.webform-submission-form .contact-hidden-select {
    display: none
}

form.webform-submission-form .contact-select {
    color: #3d3d3d;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 16px;
    position: relative;
    width: 100%;
    z-index: 2
}


form.webform-submission-form .contact-select.error .contact-select-button {
    border: 1px solid red
}

form.webform-submission-form .contact-select .contact-select-button {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 18px;
    margin-top: 15px;
    padding: 6px 15px 4px;
    text-align: left;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}

form.webform-submission-form .contact-select .contact-select-button:after {
    content: url(/themes/custom/stellar/assets/images/icons/arrow_down_grey.png);
    height: 16px;
    position: absolute;
    right: 9px;
    top: 7px;
    -moz-transform: scale(.52);
    -ms-transform: scale(.52);
    -o-transform: scale(.52);
    -webkit-transform: scale(.52);
    transform: scale(.52);
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

form.webform-submission-form .contact-select.active ul {

    display: block;
    position: initial;

}

form.webform-submission-form .contact-select.active .contact-select-button:after {
    -moz-transform: scale(.52) rotate(180deg);
    -ms-transform: scale(.52) rotate(180deg);
    -o-transform: scale(.52) rotate(180deg);
    -webkit-transform: scale(.52) rotate(180deg);
    transform: scale(.52) rotate(180deg)
}

form.webform-submission-form .contact-select ul {
    background-color: #f7f7f7;
    border: 1px solid #d6d6d6;
    border-top: 0;
    display: none;
    list-style: none;
    margin: 0;
    max-height: 91px;
    overflow: auto;
    padding: 0;
    position: absolute;
    width: 100%
}

form.webform-submission-form .contact-select ul li {
    cursor: pointer;
    padding: 7px 15px 5px;
    line-height: 18px;
    position: relative;
    width: 100%
}

form.webform-submission-form .contact-select ul li:hover {
    color: #00965e
}

form.webform-submission-form .contact-select ul li:not(:last-child):after {
    background-color: #d6d6d6;
    bottom: -1px;
    content: '';
    height: 1px;
    left: 15px;
    position: absolute;
    width: calc(100% - 30px)
}

form.webform-submission-form .contact-select ul li.selected {
    display: none
}

form.webform-submission-form legend,
form.webform-submission-form label {
    color: #3d3d3d;
    font-family: "BNPP Square Regular v3", Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    margin-top: 15px;
    font-weight: 400
}
form.webform-submission-form fieldset {
  margin: 15px 0;
}
form.webform-submission-form legend {
  float: left;
  margin: 0;
}
form.webform-submission-form .fieldset-wrapper {
  display: block;
  margin-left: 100px;
}

form.webform-submission-form input[type=email],
form.webform-submission-form input[type=phone],
form.webform-submission-form input[type=tel],
form.webform-submission-form input[type=text] {
    border: 1px solid #d6d6d6;
    border-radius: 0;
    box-sizing: border-box;
    color: #3d3d3d;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 16px;
    line-height: 18px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
form.webform-submission-form input[type=email]:focus,
form.webform-submission-form input[type=phone]:focus,
form.webform-submission-form input[type=tel]:focus,
form.webform-submission-form input[type=text]:focus {
  box-shadow: inset 0 0 0 rgb(0 0 0 / 8%);
}

form.webform-submission-form .checkbox-element div.contact-label {
    width: unset
}

form.webform-submission-form textarea {
    border: 1px solid #d6d6d6;
    border-radius: 0;
    box-sizing: border-box;
    box-sizing: border-box;
    min-height: 120px;
    margin-top: 5px;
    padding: 10px 15px;
    resize: none;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

form.webform-submission-form .form-required:after {
    content: '*';
    display: inline-block;
    background-image: none;
    width: auto
}

form.webform-submission-form .form-submit {
    border: none;
    display: block;
    margin: 20px 0 0 auto;
    padding: 10px 15px 9px;
    min-width: 125px;
    position: relative
}

form.webform-submission-form .hidden-cta {
    display: none
}

form.webform-submission-form > .form-item {
  display: table;
  width: 100%;
}

form.webform-submission-form > .form-item > legend:not(.option),
form.webform-submission-form > .form-item > label:not(.option) {
  display: table-cell;
  width: 100px;
  border: 0 none;
  text-align: right;
  padding-right: 10px;
  vertical-align: middle;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: top;
}

form.webform-submission-form > .form-item.form-type-textarea > label:not(.option) {
  display: block;
}

.webform-options-display-buttons,
.form-composite.webform-fieldset--title-inline .fieldset-wrapper > div.webform-options-display-buttons {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}

form.webform-submission-form .captcha .form-item--error-message {
  display: none;
}
form.webform-submission-form .captcha .panel-body .form-item--error-message {
  display: block;
}

form.webform-submission-form strong.error,
form.webform-submission-form label.error,
form.webform-submission-form > .form-item > label.error {
  color: red;
  display: block;
  font-family: "BNPP Square Regular v3", Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  margin: 5px 0 0;
  text-transform: none;
  width: auto;
  text-align: left;
}

form.webform-submission-form input[type=email].error,
form.webform-submission-form input[type=tel].error,
form.webform-submission-form input[type=text].error,
form.webform-submission-form textarea.error {
  border: 1px solid red!important
}
form.webform-submission-form > .form-item.form-type-textarea > label {
  vertical-align: top;
}
form.webform-submission-form .form-item.captcha {
  width: auto;
}

form.webform-submission-form .contact-element select {
  border: 1px solid #d6d6d6;
  border-radius: 0;
  box-sizing: border-box;
  color: #3d3d3d;
  font-family: "BNPP Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 18px;
  margin-top: 15px;
  padding: 6px 12px 4px;
  width: 100%;
}

form.webform-submission-form .contact-phone .iti {
  margin-top: 15px;
  width: 100%;
}
form.webform-submission-form .contact-phone .iti__country-list {
  z-index: 5;
  max-width: 350px;
}
form.webform-submission-form .contact-phone .iti input {
  padding-left: 52px;
}

form.webform-submission-form .contact-element.checkbox-element,
form.webform-submission-form .contact-phone.checkbox-element {
    margin: 15px;
    position: relative
}

form.webform-submission-form .contact-element.checkbox-element .contact-label,
form.webform-submission-form .contact-phone.checkbox-element .contact-label {
  text-align: initial;
  display: block
}

form.webform-submission-form .contact-element.checkbox-element .contact-label input[type=checkbox],
form.webform-submission-form .contact-phone.checkbox-element .contact-label input[type=checkbox] {
    margin: 0 6px 0 1px;
    vertical-align: middle;
    display: inline
}

form.webform-submission-form .contact-element.checkbox-element .contact-label label,
form.webform-submission-form .contact-phone.checkbox-element .contact-label label {
    margin: 0;
    display: inline;
    font-size: 14px
}

form.webform-submission-form .contact-element.checkbox-element .contact-label label.error,
form.webform-submission-form .contact-phone.checkbox-element .contact-label label.error {
    position: absolute;
    bottom: -20px;
    left: 0;
    font-size: 12px
}

form.webform-submission-form .contact-element.checkbox-element .webform-element-description,
form.webform-submission-form .contact-phone.checkbox-element .webform-element-description {
    color: #3d3d3d;
    font-family: "BNPP Square Regular v3", Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    margin-top: 15px;
    font-weight: 400
}

form.webform-submission-form .contact-element.checkbox-element .webform-element-description a,
form.webform-submission-form .contact-phone.checkbox-element .webform-element-description a {
    color: #00a567
}

form.webform-submission-form .edit-optin .contact-label {
    width: 100%
}

form.webform-submission-form .edit-optin .contact-label a {
    color: #00a567
}

form.webform-submission-form .edit-optin .webform-element-description {
    display: none
}

form.webform-submission-form .contact-message label:not(.error) {
    margin-top: 25px;
    padding-left: 9px
}

form.webform-submission-form .contact-civility {
    display: table;
    margin-top: 10px;
    position: relative;
    width: 100%
}

form.webform-submission-form .contact-civility>label {
    color: #3d3d3d;
    display: table-cell;
    width: 100px;
    text-align: right;
    padding-right: 10px
}

form.webform-submission-form .contact-civility input[type=radio] {
    position: absolute;
    margin: 4px 0 0 10px;
    visibility: hidden
}

form.webform-submission-form .contact-civility input[type=radio].error~label:not(.error) {
    margin-bottom: 20px
}

form.webform-submission-form .contact-civility .contact-label label.error {
    position: absolute;
    bottom: 0
}
.webform-options-display-side-by-side > div {
  display: inline-block;
  margin: 0 0.5em 0 0;
}
.webform-options-display-buttons .webform-options-display-buttons-wrapper {
  margin: 0 5px 0 5px;
}
.webform-options-display-buttons .form-item {
  display: inline-block;
  width: 100%;
  height: auto;
  margin: 0;
}
.webform-options-display-buttons label.webform-options-display-buttons-label {
  display: table-cell;
  height: 100%;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  border-radius: 0;
  color: #3d3d3d;
  cursor: pointer;
  background-color: #fff;
  position: relative;
  font-family: "BNPP Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 19px;
  border: 1px solid #d6d6d6;
  text-align: center;
  min-width: 56px;
}
.webform-options-display-buttons input:hover + label.webform-options-display-buttons-label {
  background-color: #00a567;
  border-color: #00a567;
  color: #fff;
}
.webform-options-display-buttons input:not(:checked):focus + label.webform-options-display-buttons-label {
  /*background-color: #00a567;*/
  /*border-color: #00a567;*/
  /*color: #fff;*/

  border-color: #00a567;
  color: #00a567;
  box-shadow: unset;
}
.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label {
  background-color: #00a567;
  border-color: #00a567;
  color: #fff;
}
.webform-options-display-buttons label.webform-options-display-buttons-label,
form.webform-submission-form .contact-civility .contact-label label:not(.error) {
    color: #3d3d3d;
    cursor: pointer;
    background-color: #fff;
    position: relative;
    display: inline-block;
    height: auto;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 16px;
    padding: 6px 0 3px;
    line-height: 19px;
    border: 1px solid #d6d6d6;
    text-align: center;
    min-width: 56px;
    margin: 0;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

form.webform-submission-form .contact-civility .contact-label label:not(.error):hover {
    background-color: #00a567;
    border-color: #00a567;
    color: #fff
}

form.webform-submission-form .contact-civility .contact-label input[type=radio]:checked+label.error+label:not(.error),
form.webform-submission-form .contact-civility .contact-label input[type=radio]:checked+label:not(.error) {
    background-color: #00a567;
    border-color: #00a567;
    color: #fff
}

form.webform-submission-form select#edit-subject.error~.contact-select .contact-select-button {
    border: 1px solid red!important
}

form.webform-submission-form .contact-phone .contact-label {
    vertical-align: top;
    padding-top: 11px
}

form.webform-submission-form .contact-phone .intl-tel-input {
    border: none;
    box-sizing: border-box;
    color: #3d3d3d;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 16px;
    line-height: 18px;
    margin-top: 15px;
    padding: 0;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

form.webform-submission-form .contact-phone .intl-tel-input .flag-container {
    padding: 0;
    right: 0;
    height: 32px
}

form.webform-submission-form .contact-phone .intl-tel-input .flag-container:hover .selected-flag {
    background-color: transparent
}

form.webform-submission-form .contact-phone .intl-tel-input .flag-container .selected-flag {
    padding: 0 0 0 10px;
    width: 50px
}

form.webform-submission-form .contact-phone .intl-tel-input .flag-container .selected-flag .iti-flag {
    top: -3px
}

form.webform-submission-form .contact-phone .intl-tel-input .flag-container .selected-flag .iti-arrow {
    margin-top: -3px;
    right: 7px
}

form.webform-submission-form .contact-phone .intl-tel-input .flag-container ul {
    background-color: #f7f7f7;
    overflow-x: hidden;
    width: 100%;
    max-height: 91px;
    box-shadow: none;
    margin: 0;
    border: 1px solid #d6d6d6;
    border-top: none
}

form.webform-submission-form .contact-phone .intl-tel-input .flag-container ul .divider {
    display: none
}

form.webform-submission-form .contact-phone .intl-tel-input .flag-container ul li.highlight {
    background-color: #f7f7f7;
    display: block;
    height: auto;
    margin-top: 0;
    color: #00965e
}

form.webform-submission-form .contact-phone .intl-tel-input .flag-container ul li.country {
    line-height: 20px;
    position: relative
}

form.webform-submission-form .contact-phone .intl-tel-input .flag-container ul li.country .country-name {
    padding-left: 20px
}

form.webform-submission-form .contact-phone .intl-tel-input .flag-container ul li.country:not(:last-child):after {
    background-color: #d6d6d6;
    bottom: -1px;
    content: '';
    height: 1px;
    left: 10px;
    position: absolute;
    width: calc(100% - 20px);
    z-index: 2
}

form.webform-submission-form .contact-phone .intl-tel-input input {
    border-radius: 0;
    padding: 2px 15px 0 55px;
    line-height: 30px;
    height: 32px;
    width: 100%;
    border: 1px solid #d6d6d6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

form.webform-submission-form .contact-legal {
    /*margin-top: 10px;*/
    padding: 0 15px
}

form.webform-submission-form .contact-legal .contact-legal-title {
    color: #00a567;
    cursor: pointer;
    display: inline-block;
    font-family: "BNPP Square Regular v3", Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
}

form.webform-submission-form .contact-legal .contact-legal-text {
    color: #3d3d3d;
    display: block;
    font-family: "BNPP Sans Light", Arial, sans-serif;
    font-size: 12px;
    overflow: hidden;
}

form.webform-submission-form .contact-legal .contact-legal-text p {
    padding-top: 6px
}

form.webform-submission-form .contact-legal.active .contact-legal-title img {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

form.webform-submission-form .contact-legal.active .contact-legal-text {
    display: block
}

form.webform-submission-form .stellar-optin input {
    margin: 1px 9px 0 0;
    float: left
}

form.webform-submission-form .stellar-optin p {
    margin: 0;
    font-family: "BNPP Square Regular v3", Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #3d3d3d
}

form.webform-submission-form .stellar-optin:after {
    display: none!important
}

form.webform-submission-form .stellar-optin input.error+p {
    outline: 1px solid red
}

form.webform-submission-form li {
    list-style-type: none
}

form.webform-submission-form .stellar-loader {
    display: none;
    float: right;
    margin-top: 15px;
    margin-right: 37px
}

.contact-confirm {
    background-color: #fff;
    height: auto;
    padding: 20px 20px 20px;
    width: 100%
}

.contact-confirm .contact-confirm-image {
    margin: 0 auto;
    display: block;
    max-width: 100%
}

.contact-confirm .contact-confirm-content {
    padding: 30px 20px 0
}

.contact-confirm .contact-confirm-content .contact-confirm-title {
    font-family: "BNPP Sans Regular", Arial, sans-serif;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 29px;
    color: #00965e
}

.contact-confirm .contact-confirm-content .contact-confirm-text {
    font-family: "BNPP Sans Regular", Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 22px;
    color: #3d3d3d;
    margin-top: 30px
}

.contact-confirm .contact-confirm-content .stellar-cta {
    display: table;
    margin: 30px auto 0;
    padding: 21px 40px 20px
}

.our-contacts {
    margin: 60px auto
}

.our-contacts>h2 {
    margin-bottom: 20px;
    color: #3d3d3d;
    font-family: "BNPP Sans ExtraBold", Arial, sans-serif;
    font-size: 34px;
    line-height: 41px;
    padding: 0 0 3px 7.5px;
    text-align: left;
    text-transform: uppercase
}

.our-contacts .contact-team {
    display: table;
    width: 100%
}

.our-contacts .contact-team .member {
    display: table-cell;
    max-width: 33.33333%;
    width: 33.33333%
}

.our-contacts .contact-team .member__vid img {
    display: block;
    margin: 0 auto;
    padding: 20px 0
}

.our-contacts .contact-team .member__infos {
    box-sizing: border-box;
    padding: 0 15px 15px;
    text-align: center
}

.our-contacts .contact-team .member__infos__job-title,
.our-contacts .contact-team .member__infos__name {
    color: #3d3d3d;
    font-family: "BNPP Sans Light", Arial, sans-serif;
    font-size: 16px;
    letter-spacing: .05px;
    line-height: 24px
}

.our-contacts .contact-team .member__infos__name {
    font-weight: 700
}

.our-contacts .stellar-cta {
    margin-top: 30px
}

.block-contact {
    display: block
}

.block-contact .content-wrapper {
    display: block
}

.block-contact .content-wrapper .form-overlay {
    background: 0 0;
    display: block;
    bottom: 0;
    left: 0;
    position: initial;
    right: 0;
    top: 0;
    z-index: 100;
    opacity: 1!important
}

.block-contact h2 {
    color: #3d3d3d;
    font-family: "BNPP Sans ExtraBold", Arial, sans-serif;
    font-size: 34px;
    line-height: 41px;
    padding: 0 0 3px 7.5px;
    text-align: left;
    text-transform: uppercase
}

.block-contact .content-wrapper .form-overlay .form-overlay-container {
    display: block;
    position: relative;
    left: 0;
    background-color: #fff;
    overflow-y: hidden;
    top: 0;
    width: 100%;
    transform: translate(0, 0)
}

.block-contact .content-wrapper .form-overlay .form-overlay-container .form-top {
    display: none
}

.map-links {
    margin-top: 80px
}

.map-links h2 {
    color: #3d3d3d;
    font-family: "BNPP Sans ExtraBold", Arial, sans-serif;
    font-size: 34px;
    line-height: 41px;
    margin-bottom: 32px;
    text-align: left;
    text-transform: uppercase
}

.map-links .map-links-tabs {
    border: 1px solid #d6d6d6;
    height: 70px;
    position: relative
}

.map-links .map-links-tabs li {
    border-right: 1px solid #d6d6d6;
    color: #3d3d3d;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-family: "BNPP Square Bold v3", Arial, sans-serif;
    font-size: 14px;
    height: 69px;
    letter-spacing: .5px;
    padding: 0 15px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    -moz-transition: color .15s ease-in-out;
    -ms-transition: color .15s ease-in-out;
    -o-transition: color .15s ease-in-out;
    -webkit-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out;
    width: 50%
}

.map-links .map-links-tabs li:hover {
    color: #00a567
}

.map-links .map-links-tabs li.current {
    color: #00a567
}

.map-links .map-links-tabs li.current:after {
    background-color: #00a567;
    bottom: 0;
    content: '';
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%
}

.map-links .map-links-tabs li:last-child {
    border-right: none
}

.map-links .map-links-tabs li .map-links-tabs-title {
    position: relative;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.map-links .map-links-content {
    border: 1px solid #d6d6d6;
    border-top: none;
    height: 564px
}

.map-links .map-links-content .map-links-list {
    display: none;
    height: 100%;
    margin: 0 auto
}

.map-links .map-links-content .map-links-list.current {
    display: table
}

.map-links .map-links-content .map-links-list ul {
    display: table-cell;
    padding: 0 40px;
    vertical-align: middle;
    width: 50%
}

.map-links .map-links-content .map-links-list ul li {
    margin-bottom: 17px
}

.map-links .map-links-content .map-links-list ul li:last-child {
    margin-bottom: 0
}

.map-links .map-links-content .map-links-list ul li a {
    color: #3d3d3d;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 20px;
    -moz-transition: color .15s ease-in-out;
    -ms-transition: color .15s ease-in-out;
    -o-transition: color .15s ease-in-out;
    -webkit-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out
}

.map-links .map-links-content .map-links-list ul li a:hover {
    color: #00965e
}

.page-intro-job {
    border: 1px solid #d6d6d6;
    display: table;
    margin-top: 25px;
    width: 100%
}

.page-intro-job .page-intro-job-image,
.page-intro-job .page-intro-job-info {
    display: table-cell;
    padding: 35px 40px;
    vertical-align: middle;
    width: 50%
}

.page-intro-job .page-intro-job-info label {
    color: #3d3d3d;
    font-family: "BNPP Square Bold v3", Arial, sans-serif;
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 18px;
    margin-bottom: 2px;
    margin-top: 27px;
    text-transform: uppercase
}

.page-intro-job .page-intro-job-info label:first-of-type {
    margin-top: 0
}

.page-intro-job .page-intro-job-info p {
    color: #3d3d3d;
    font-family: "BNPP Sans Light", Arial, sans-serif;
    font-size: 15px;
    letter-spacing: .05px;
    line-height: 17px
}

.page-intro-job .page-intro-job-image {
    background-color: #f7f7f7;
    border-left: 1px solid #d6d6d6;
    position: relative;
    text-align: center
}

.page-intro-job .page-intro-job-image img {
    max-width: 100%
}

.page-job .stellar-apply {
    margin-top: 50px
}

.page-job .stellar-apply .stellar-cta {
    display: block;
    font-size: 16px;
    padding: 29px 30px 27px;
    text-align: center
}

.page-job .page-intro {
    padding-bottom: 30px
}

.page-job .page-intro .page-intro-bottom {
    margin-top: 30px
}

.page-job .page-intro .page-intro-bottom .page-intro-buttons {
    margin-bottom: 0
}

.page-job .rte p:first-of-type {
    margin-top: 0
}

.page-cover.page-cover-search {
    height: 453px
}

.page-cover.page-cover-search .page-cover-input {
    margin: 60px auto 0;
    max-width: 500px;
    position: relative;
    display: block;
    float: none
}

.page-cover.page-cover-search .page-cover-input input {
    height: 60px;
    padding: 0 100px 0 40px
}

.page-cover.page-cover-search .page-cover-input .page-cover-input-button {
    background-color: #00965e;
    cursor: pointer;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 60px;
    z-index: 4
}

.page-cover.page-cover-search .page-cover-input .page-cover-input-button:hover {
    background-color: #00a567
}

.page-cover.page-cover-search .page-cover-input .page-cover-input-button svg {
    height: 17px;
    width: 17px;
    padding: 0;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%
}

.page-cover.page-cover-search .page-cover-input .page-cover-input-button svg path {
    fill: #fff
}

.page-search form.job-form .search-button button {
    padding: 0 40px
}

.page-search form.job-form .search-button.disabled button {
    background: #e6e6e6;
    color: #aaa
}

.page-search form.job-form .search-button.disabled button:after {
    display: none
}

.job-form .form-actions {
    display: none
}

.page-search-header {
    line-height: 30px;
    text-align: left;
    margin-bottom: 40px
}

.page-search-header .page-search-header-number {
    color: #3d3d3d;
    font-family: "BNPP Sans ExtraBold", Arial, sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle
}

.page-search-header .page-search-header-number span {
    color: #00965e;
    font-family: "BNPP Sans Cond Extra Bold v2", Arial, sans-serif;
    font-size: 45px;
    margin-right: 10px
}

.page-search-header .page-search-header-rss {
    display: inline-block
}

.page-search-header .page-search-header-rss a {
    color: #aaa;
    font-family: "BNPP Sans", Arial, sans-serif;
    font-size: 16px
}

.page-search-header .page-search-header-rss a:hover {
    color: #b9b9b9
}

.page-search-header .page-search-header-rss a span {
    margin-right: 7px
}

.page-search-header .page-search-header-rss:before {
    content: '';
    background-color: #d6d6d6;
    display: inline-block;
    height: 25px;
    margin: 0 30px -7px 25px;
    width: 1px
}

.job-card {
    min-height: 123px;
    border: 1px solid #d6d6d6;
    background: #fff;
    text-align: left;
    padding: 19px 34px;
    margin-bottom: 20px;
    position: relative;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.job-card:hover {
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .27)
}

.job-card a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.job-card .job-card-label {
    color: #fff;
    display: table;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 12px;
    padding: 4px 4px 2px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: bottom;
    z-index: 2;
    background-color: #00965e
}

.job-card h2 {
    color: #3d3d3d;
    display: inline-block;
    font-family: "BNPP Sans Bold", Arial, sans-serif;
    font-size: 24px;
    line-height: 29px;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    margin-top: 16px
}

.job-card .job-card-place {
    display: block
}

.job-card .job-card-place img {
    display: inline-block;
    height: 20px;
    margin: 0 5px 2px 0;
    width: 14px
}

.job-card .job-card-place .job-card-place-name {
    color: #3d3d3d;
    display: inline-block;
    font-family: "BNPP Sans Light", Arial, sans-serif;
    font-size: 14px;
    line-height: 17px
}

.job-form .search-textfield {
    display: none
}

.page-error .page-intro {
    padding-bottom: 40px
}

.page-error .page-intro p {
    font-size: 150%
}

.page-error .page-intro p a {
    color: #00f
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .adminimal select:focus {
        border-color: #00a567;
        outline: #fafffd
    }
}

@media (min-width:435px) and (max-width:839px) {
    .news-card-container {
        width: 390px
    }
    .news-card,
    .search-card,
    .twitter-feed {
        margin: 7.5px 0
    }
    .news-card {
        min-height: 500px;
        height: auto
    }
}

@media (min-width:480px) and (max-width:991px) {
    .why-choose-reason:only-child {
        float: none;
        display: inline-block
    }
}

@media (min-width:480px) {
    .container {
        width: 435px
    }
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .search-toggle ul li {
        margin-top: 15px;
        width: calc(33.3333333% - 10px);
        margin-right: 15px
    }
    .search-toggle ul li:nth-child(3n) {
        margin-right: 0
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .mobile-menu li {
        padding: 0 30px
    }
    .mobile-menu a.mobile-menu-title {
        margin: 0 -30px 0 -30px;
        padding: 0 30px
    }
    .mobile-menu .menu-push {
        margin: 40px auto 10px;
        padding: 0;
        width: 50%
    }
    .menu-button {
        margin-right: -30px;
        padding: 0 30px
    }
    .mobile-menu .menu-push {
        margin: 40px auto 10px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .footer-block .footer-map .footer-map-text {
        width: 75%;
        margin: 0 auto
    }
    .footer-block .footer-map .footer-map-img {
        width: 75%;
        margin: 15px auto 0
    }
    .hp-cover .hp-slider .hp-slide .hp-slide-container .hp-slide-content {
        padding: 30px 0 50px 32px;
        min-width: 265px
    }
    .hp-cover .hp-slider .hp-slide .hp-slide-container .hp-slide-content .hp-slide-box {
        width: 100px
    }
    .hp-cover .hp-slider .hp-slide .hp-slide-container .hp-slide-content .hp-slide-title {
        font-size: 40px;
        line-height: 48px
    }
    .hp-cover .hp-slider .hp-slide .hp-slide-container .hp-slide-content .stellar-slide-cta {
        right: 0;
        transform: none
    }
    .employee {
        margin-right: 12px;
        width: calc(50% - 6px)
    }
    .employees .employee:nth-of-type(2n) {
        margin-right: 0
    }
    .trends-and-market-insight-form .news-media-form .search-textfield {
        width: 100%;
        margin-right: 0
    }
    .trends-and-market-insight-form .news-media-form .search-button {
        width: 50%
    }
    .trends-and-market-insight-form .news-media-form .search-button,
    .trends-and-market-insight-form .news-media-form .search-checkboxes,
    .trends-and-market-insight-form .news-media-form .search-textfield {
        margin-bottom: 20px
    }
    #gsearch #gsearch-results .gsearch-block#gsearch-jobs ul li,
    #gsearch #gsearch-results .gsearch-block#gsearch-news ul li,
    #gsearch #gsearch-results .gsearch-block#gsearch-pages ul li {
        width: calc(50% - 6px);
        margin-bottom: 12px
    }
    #gsearch #gsearch-results .gsearch-block#gsearch-jobs ul li:nth-of-type(2n),
    #gsearch #gsearch-results .gsearch-block#gsearch-news ul li:nth-of-type(2n),
    #gsearch #gsearch-results .gsearch-block#gsearch-pages ul li:nth-of-type(2n) {
        margin-right: 0
    }
    #gsearch #gsearch-results .gsearch-block#gsearch-jobs ul li:nth-of-type(3),
    #gsearch #gsearch-results .gsearch-block#gsearch-news ul li:nth-of-type(3),
    #gsearch #gsearch-results .gsearch-block#gsearch-pages ul li:nth-of-type(3) {
        margin-bottom: 0
    }
    .map-links .map-links-content .map-links-list ul {
        padding: 0 40px
    }
    .map-links .map-links-content .map-links-list ul:nth-child(1) {
        padding-right: 20px
    }
    .map-links .map-links-content .map-links-list ul:nth-child(2) {
        padding-left: 20px
    }
}

@media (min-width:768px) {
    .container {
        width: 708px
    }
    .container-fluid {
        padding-left: 30px;
        padding-right: 30px
    }
    .local-research-form .search-textfield,
    .pan-european-form .search-textfield {
        margin-bottom: 40px;
        width: 50%;
        margin-right: 50%
    }
    .local-research-form .search-button,
    .pan-european-form .search-button {
        width: calc(33.33333333% - 33px);
        margin-right: 49px
    }
    .local-research-form #search-period,
    .pan-european-form #search-period {
        margin-right: 0
    }
    .local-research-form .search-button,
    .local-research-form .search-textfield,
    .pan-european-form .search-button,
    .pan-european-form .search-textfield {
        margin-bottom: 20px
    }
    .dual-discover .discover:not(.with-background):nth-child(2) {
        border-left: none
    }
    .job-form .search-button {
        width: calc(33.33333333%)
    }
    .job-form .search-button {
        margin-bottom: 20px
    }
    .job-form .search-button-toggle button:after {
        right: initial;
        top: 21px
    }
    .job-form #search-contract button,
    .job-form #search-region button {
        border-right: none
    }
}

@media (min-width:840px) and (max-width:1245px) {
    .news-card-container {
        width: 810px
    }
    .hp-news .hp-news-bottom .news-card:nth-of-type(3) {
        float: none
    }
    .our-latest-news h2 {
        text-align: center
    }
    .our-latest-news ul:not(.news-card-social)>li:nth-of-type(3) {
        float: none
    }
    .news-large-content {
        padding-left: 7.5px;
        padding-right: 7.5px
    }
    .news-card.news-card-big .news-card-bottom .news-card-author {
        padding: 8px 27px 0 58px
    }
    .news-card.news-card-big .news-card-bottom .news-card-author img {
        left: 8px
    }
}

@media (min-width:840px) {
    .hp-news .hp-news-background {
        display: block
    }
    .news-card.news-card-big {
        height: 562px;
        width: 795px
    }
    .news-card.news-card-big .news-card-img {
        height: 304px
    }
    .news-card.news-card-big .news-card-text {
        margin: 27px
    }
    .news-card.news-card-big .news-card-text h2,
    .news-card.news-card-big .news-card-text h3 {
        font-size: 36px;
        line-height: 38px
    }
    .news-card.news-card-big .news-card-text p {
        font-size: 16px;
        line-height: 24px;
        padding-top: 5px
    }
    .news-card.news-card-big .news-card-bottom {
        margin: 27px
    }
    .news-large .news-large-content .news-large-video {
        height: 60px
    }
}

@media (max-width:991px) and (min-width:768px) {
    .block-dispatch {
        height: 385px
    }
    .block-dispatch .block-dispatch-content {
        margin-top: 30px
    }
    .block-dispatch.block-dispatch-mirror {
        padding-top: 120px
    }
    .block-dispatch:not(.block-dispatch-mirror)+.block-dispatch:not(.block-dispatch-mirror) {
        height: 355px
    }
    .block-dispatch:not(.block-dispatch-mirror)+.block-dispatch:not(.block-dispatch-mirror) .block-dispatch-content {
        margin-top: 0
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .menu-button {
        margin-right: -50px;
        padding: 0 30px
    }
}

@media (min-width:992px) {
    .container {
        width: calc(100% - 100px)
    }
    .container-fluid {
        padding-left: 50px;
        padding-right: 50px
    }
    .why-choose .why-choose-reasons {
        padding-top: 38px
    }
    .why-choose .why-choose-reasons .why-choose-reason {
        padding-top: 0;
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .why-choose .why-choose-reasons .why-choose-reason:not(:last-child) .why-choose-text:after {
        background: #d6d6d6;
        content: '';
        height: 30px;
        position: absolute;
        right: 0;
        top: 0;
        width: 2px
    }
    .why-choose .why-choose-reasons .why-choose-reason:first-child {
        margin-left: 0
    }
    .eu-leader .container {
        display: table;
        table-layout: fixed
    }
    .eu-leader .eu-leader-headline {
        float: none;
        display: table-cell;
        vertical-align: middle
    }
    .eu-leader .eu-leader-text {
        float: none;
        display: table-cell;
        vertical-align: middle;
        padding-top: 0
    }
    .footer-block {
        background-color: #3d3d3d;
        padding-top: 55px;
        padding-bottom: 55px
    }
    .footer-block .footer-map {
        padding-right: 8.5%;
        text-align: left
    }
    .footer-block .footer-map .footer-select {
        margin-top: 40px;
        width: 100%;
        display: block;
        padding: 15px 50px 15px 15px
    }
    .footer-block .footer-map .footer-select ul {
        max-height: 104px
    }
    .footer-block .footer-nav {
        padding-top: 0
    }
    .page .page-intro .page-breadcrumb,
    .page .page-intro .page-intro-body,
    .page .page-intro h1,
    .page .page-intro strong {
        padding: 0 12.5% 0 0
    }
    .page-node-type-page-content .page .page-intro .page-breadcrumb,
    .page-node-type-page-content .page .page-intro .page-intro-body,
    .page-node-type-page-content .page .page-intro h1,
    .page-node-type-page-content .page .page-intro strong {
        padding: 0
    }
    .solutions-big {
        height: 720px;
        width: calc(50% - 12.5px)
    }
    .solutions-big .solutions-big-content {
        height: 289px;
        padding: 30px 35px 20px
    }
    .solutions-big .solutions-big-content p {
        height: 80px
    }
    .solutions-big .solutions-big-content .stellar-cta {
        position: absolute;
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        display: table;
        bottom: 20px
    }
    .solutions-big:nth-of-type(even) {
        margin-left: 25px
    }
    .solutions {
        width: calc(50% - 12.5px)
    }
    .solutions:nth-of-type(even) {
        margin-left: 25px;
        -webkit-transform: translateY(240px);
        -moz-transform: translateY(240px);
        -ms-transform: translateY(240px);
        -o-transform: translateY(240px);
        transform: translateY(240px)
    }
    .solutions:nth-last-child(1):nth-child(even) {
        margin-bottom: 240px
    }
    .employee {
        margin-right: 12px
    }
    .employees .employee:nth-of-type(3n) {
        margin-right: 0
    }
    .trends-and-market-insight-form .news-media-form .search-textfield {
        width: calc(54.5 * (100% - 320px)/ 100 - 40px);
        margin-right: 40px
    }
    .trends-and-market-insight-form .news-media-form .search-button {
        width: calc(45.5 * (100% - 320px)/ 100)
    }
    .trends-and-market-insight-form .news-media-form .search-button,
    .trends-and-market-insight-form .news-media-form .search-checkboxes,
    .trends-and-market-insight-form .news-media-form .search-textfield {
        margin-bottom: 20px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .company .company-data .company-data-bottom,
    .company .company-data .company-data-top {
        padding: 30px 30px
    }
    .company .company-data .company-chief,
    .company .company-data .company-rating {
        width: 61.5%
    }
    .company .company-data .company-rating .company-rating-data .company-value {
        top: -2px
    }
    .company .company-data .company-value {
        font-size: 26px
    }
    .company .company-data .company-circle {
        height: 120px;
        width: 120px
    }
    .company .company-data .company-circle svg {
        height: 120px;
        width: 120px
    }
    .company .company-data .company-circle .company-circle-text .company-value {
        font-size: 26px
    }
    .company .company-data .company-chief img {
        width: 95px;
        height: 95px;
        min-width: 95px
    }
    .company .company-data .company-chief .company-chief-info {
        padding: 0 0 0 10px
    }
}

@media screen and (min-width:1025px) {
  body .layout-container {
    padding-top: 159px
  }
}

@media (min-width:1025px) and (max-width:1199px) {
    .menu .level0 .level0-link>a {
        color: #3d3d3d;
        display: inline-block;
        font-family: "BNPP Square Bold v3", Arial, sans-serif;
        font-size: 12px;
        line-height: 50px;
        padding: 0 15px
    }
}

@media (min-width:1200px) {
    .page-intro .page-intro-bottom .page-intro-buttons {
        position: absolute;
        top: 0;
        width: calc((100% - 775px)/ 2 - 40px);
        z-index: 2
    }
    .page-intro .page-intro-bottom .page-intro-buttons .page-intro-category {
        float: none
    }
    .page-intro .page-intro-bottom .page-intro-buttons .page-intro-social {
        float: none;
        position: relative;
        padding-left: 0;
        margin-top: 200px
    }
    .page-intro .page-intro-bottom .page-intro-buttons .page-intro-category ul,
    .page-intro .page-intro-bottom .page-intro-buttons .page-intro-share ul,
    .page-intro .page-intro-bottom .page-intro-buttons .page-intro-tools ul {
        display: block
    }
    .page-intro .page-intro-bottom .page-intro-buttons .page-intro-category ul li,
    .page-intro .page-intro-bottom .page-intro-buttons .page-intro-share ul li,
    .page-intro .page-intro-bottom .page-intro-buttons .page-intro-tools ul li {
        float: none
    }
    .page-intro .page-intro-bottom .page-intro-buttons .page-intro-share,
    .page-intro .page-intro-bottom .page-intro-buttons .page-intro-tools {
        display: block;
        float: none
    }
    .page-intro .page-intro-bottom .page-intro-buttons .page-intro-share>span,
    .page-intro .page-intro-bottom .page-intro-buttons .page-intro-tools>span {
        display: block
    }
    .page-intro .page-intro-bottom .page-intro-buttons .page-intro-share ul,
    .page-intro .page-intro-bottom .page-intro-buttons .page-intro-tools ul {
        margin-top: 8px
    }
    .page-intro .page-intro-bottom .page-intro-buttons .page-intro-share ul li,
    .page-intro .page-intro-bottom .page-intro-buttons .page-intro-tools ul li {
        margin-top: 10px;
        display: inline-block
    }
    .page-intro .page-intro-bottom .page-intro-buttons .page-intro-tools {
        margin-top: 20px
    }
    .page-news .page-content {
        min-height: 680px
    }
    .search-toggle ul li {
        margin-top: 20px;
        width: calc(25% - 15px);
        margin-right: 20px
    }
    .search-toggle ul li:nth-child(4n) {
        margin-right: 0
    }
    .page-job .page-intro {
        padding-bottom: 10px
    }
    .page-job .page-intro .page-intro-bottom .page-intro-buttons .page-intro-social {
        margin-top: 130px
    }
}

@media (min-width:1246px) {
    .news-card-container {
        width: 1216px
    }
    .hp-news .hp-news-left {
        width: 66.66666667%
    }
    .hp-news .hp-news-right {
        width: 33.33333333%;
        -webkit-transform: translateY(145px);
        -moz-transform: translateY(145px);
        -ms-transform: translateY(145px);
        -o-transform: translateY(145px);
        transform: translateY(145px)
    }
    .hp-news .hp-news-bottom .news-card:first-of-type {
        -webkit-transform: translateY(-69px);
        -moz-transform: translateY(-69px);
        -ms-transform: translateY(-69px);
        -o-transform: translateY(-69px);
        transform: translateY(-69px)
    }
    .news-large.news-large-image .news-large-content {
        padding-left: 7.5px;
        padding-right: 34%
    }
    .news-large.news-large-video .news-large-content {
        padding: 0 7.5px
    }
    .news-card.news-card-big .news-card-bottom .news-card-author {
        padding: 8px 27px 0 58px
    }
    .news-card.news-card-big .news-card-bottom .news-card-author img {
        left: 8px
    }
}

@media (min-width:1281px) {
    .search-button button:hover {
        color: #00965e
    }
}

@media (min-width:1300px) {
    .container {
        width: 1200px
    }
}

@media (max-width:1200px) {
    .block-timeline .block-timeline-text .block-timeline-text-content-box {
        display: inline-block;
        margin: 0 80px
    }
    .block-timeline.block-timeline-medium .block-timeline-image img {
        padding-right: 80px
    }
    .page-job .page-intro .page-intro-bottom .page-intro-buttons .page-intro-social {
        position: relative;
        padding-left: 0;
        padding-top: 0;
        display: table;
        padding-right: 5px;
        margin: 0 auto
    }
}

@media (max-width:1199px) {
    .upto-4 .upto {
        width: calc(50% - 10px)
    }
    .upto-4 .upto:nth-child(2n) {
        margin-right: 0
    }
    .joinus-map .joinus-map-holder {
        width: 100%
    }
    .joinus-map .joinus-linkedin {
        width: 100%;
        margin-top: 0;
        height: auto
    }
    .joinus-map .joinus-linkedin .joinus-linkedin-connect {
        padding: 40px
    }
    .joinus-map .joinus-linkedin .joinus-linkedin-connect .joinus-linkedin-text {
        margin-top: 27px;
        max-width: 400px
    }
    .joinus-map .joinus-linkedin .joinus-linkedin-connect .joinus-linkedin-button a {
        margin-top: 27px
    }
}

@media (max-width:1048px) {
    .baseline {
        line-height: 70px;
        text-align: center
    }
    .baseline .baseline-logo {
        display: inline;
        text-align: center
    }
    .baseline .baseline-title {
        display: none
    }
    .baseline .baseline-links {
        float: none;
        text-align: center;
        display: block;
        padding-bottom: 15px
    }
    .baseline .baseline-links li {
        line-height: 28px
    }
}

@media (max-width:1024px) {
    header .header {
        border-bottom: none;
        line-height: 90px
    }
    header .header .header-search {
        margin: 0
    }
    header .header .header-search img,
    header .header .header-search object,
    header .header .header-search svg {
        width: 26px
    }
    .menu {
        display: none
    }
    .menu-button {
        display: inline-block
    }
    .mobile-menu.active {
        display: block;
        padding: 0
    }
    .news-card .news-card-social {
        line-height: 22px;
        padding: 0 14px 0 0
    }
    #gsearch {
        top: 0
    }
    #gsearch #gsearch-form .gsearch-input input {
        padding: 0 50px;
        line-height: 90px
    }
    #gsearch #gsearch-form .gsearch-input .gsearch-autocomplete {
        padding: 0 50px;
        line-height: 90px
    }
    #gsearch #gsearch-form .gsearch-input .gsearch-close,
    #gsearch #gsearch-form .gsearch-input .gsearch-icon {
        line-height: 90px;
        padding: 0 15px
    }
    #gsearch #gsearch-form .gsearch-input .gsearch-close svg,
    #gsearch #gsearch-form .gsearch-input .gsearch-icon svg {
        height: 26px;
        width: 26px
    }
    #gsearch #gsearch-form .gsearch-input .gsearch-icon {
        margin-left: -15px
    }
    #gsearch #gsearch-form .gsearch-input .gsearch-close {
        margin-right: -15px
    }
}

@media (max-width:991px) {
    .sidenav {
        display: none
    }
    .block-dispatch {
        margin-top: auto
    }
    .block-dispatch .block-dispatch-content .block-dispatch-text {
        vertical-align: top;
        padding-top: 30px
    }
    .block-dispatch .block-dispatch-content .block-dispatch-text h2 {
        font-size: 25px;
        line-height: 28px
    }
    .block-dispatch .block-dispatch-content .block-dispatch-text p {
        font-size: 16px;
        line-height: 24px
    }
    .block-dispatch .block-dispatch-content .block-dispatch-image {
        width: 353px
    }
    .block-dispatch:nth-of-type(odd) .block-dispatch-content .block-dispatch-text {
        padding-right: 30px
    }
    .block-dispatch:nth-of-type(odd) .block-dispatch-content .stellar-slide-link {
        bottom: 26px;
        right: 30px
    }
    .block-dispatch:nth-of-type(even) .block-dispatch-content .block-dispatch-text {
        padding-left: 30px
    }
    .block-dispatch:nth-of-type(even) .block-dispatch-content .stellar-slide-link {
        bottom: 26px;
        right: 385px
    }
    .solutions-big {
        margin-bottom: 30px
    }
    .content-wrapper {
        width: 100%
    }
    .quote {
        height: 530px
    }
    .quote .quote-content {
        max-width: calc(100% - 30px);
        left: 15px;
        width: auto;
        margin: 0;
        bottom: 15px
    }
    .highlight .highlight-image {
        width: 50%;
        padding: 40px
    }
    .highlight .highlight-text {
        width: 50%;
        padding-right: 40px
    }
    .upto-3 .upto {
        width: calc(50% - 10px)
    }
    .upto-3 .upto:nth-child(2n) {
        margin-right: 0
    }
    .press-contact .press-contact-local {
        display: none
    }
    .press-contact .press-contact-inter {
        width: 100%;
        position: relative
    }
    .block-timeline.block-timeline-big .block-timeline-image {
        width: 50%
    }
    .block-timeline.block-timeline-big .block-timeline-text {
        width: 50%
    }
    .block-timeline .block-timeline-text .block-timeline-text-content-box {
        margin: 0 30px
    }
    .block-timeline.block-timeline-medium .block-timeline-image {
        width: 50%
    }
    .block-timeline.block-timeline-medium .block-timeline-image img {
        padding: 0 30px
    }
    .dual-discover {
        margin-top: 60px
    }
    .dual-discover .discover {
        padding: 30px
    }
    .dual-discover .discover .discover-text {
        padding: 0 30px
    }
    .dual-discover .discover .stellar-slide-link {
        position: absolute;
        bottom: 30px;
        right: 30px
    }
    .portrait {
        margin-top: 30px;
        width: 100%
    }
    .portrait .portrait-text {
        padding: 20px 30px
    }
    .company {
        width: 100%;
        margin-right: 0
    }
    .job-form .search-button button {
        padding: 0 20px
    }
}

@media (max-width:839px) {
    .news-large .news-large-content .news-large-title h2 {
        font-size: 36px;
        line-height: 43px
    }
    .news-large .news-large-content p {
        font-size: 18px
    }
    .our-latest-news {
        padding-bottom: 40px
    }
    .our-latest-news h2 {
        text-align: center
    }
    .our-latest-news ul:not(.news-card-social)>li {
        width: 100%
    }

}

@media (max-width:768px) {
    .hp-cover .hp-slider .hp-slide .hp-slide-container .hp-slide-content {
        min-width: 235px;
        padding: 15px 0 50px 15px
    }
    .hp-cover .hp-slider .hp-slide .hp-slide-container .hp-slide-content .hp-slide-box {
        width: 72px
    }
    .hp-cover .hp-slider .hp-slide .hp-slide-container .hp-slide-content .hp-slide-title {
        font-size: 32px;
        line-height: 40px
    }
    .hp-cover .hp-slider .hp-slide .hp-slide-container .hp-slide-content .stellar-slide-cta {
        right: 0;
        transform: none
    }
}

@media screen and (max-width:768px) {
    .upto-2 .upto {
        width: 100%;
        margin-right: 0
    }
    .upto-2 .upto:nth-child(odd) {
        margin-right: 0
    }
    .upto-2 .upto.overlay .upto-content .upto-text ul li {
        padding: 0 12px
    }
}

@media screen and (max-width:767px) {
    .our-contacts .contact-team {
        display: block
    }
    .our-contacts .contact-team .member {
        display: block;
        max-width: 100%;
        width: 100%
    }
    .our-contacts .contact-team .member:not(:last-child) {
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    #sliding-popup.sliding-popup-bottom {
        max-width: none;
        padding: 30px 30px
    }
    header .header-top .header-top-follow .header-top-social {
        margin-left: 0
    }
    header .header-top .header-top-follow p {
        display: none
    }
    header .header-top .header-top-nav .header-top-links {
        margin-right: 8px
    }
    header .header-top .header-top-nav .header-top-links li:not(:last-child) {
        display: none
    }
    header .header .header-title {
        display: none
    }
    .footer-block .footer-nav {
        display: block
    }
    .footer-block .footer-nav .footer-nav-block {
        width: 100%;
        float: none;
        display: block;
        overflow-x: hidden;
        overflow-y: auto;
        margin-bottom: 15px
    }
    .footer-block .footer-nav .footer-nav-block .footer-nav-title:after {
        position: absolute;
        right: 0;
        padding-top: 3px;
        content: "\f078";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 12px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased
    }
    .footer-block .footer-nav .footer-nav-block .footer-nav-links {
        overflow: hidden;
        display: none
    }
    .footer-block .footer-nav .footer-nav-block.active .footer-nav-links {
        display: block
    }
    .block-dispatch {
        height: auto
    }
    .block-dispatch .block-dispatch-content {
        margin-bottom: 15px;
        margin-top: 15px;
        max-width: 390px;
        border-top: none
    }
    .block-dispatch .block-dispatch-content .block-dispatch-image {
        top: 0;
        width: 100%;
        height: 316px
    }
    .block-dispatch .block-dispatch-content .block-dispatch-image a {
        top: 0
    }
    .block-dispatch:not(.block-dispatch-mirror) .block-dispatch-content .block-dispatch-image {
        left: 0;
        right: 0
    }
    .block-dispatch:nth-of-type(even) .block-dispatch-content .block-dispatch-text,
    .block-dispatch:nth-of-type(odd) .block-dispatch-content .block-dispatch-text {
        padding: 355px 30px 80px
    }
    .block-dispatch:nth-of-type(even) .block-dispatch-content .stellar-slide-link,
    .block-dispatch:nth-of-type(odd) .block-dispatch-content .stellar-slide-link {
        bottom: 30px;
        right: 30px
    }
    .block-dispatch.block-dispatch-mirror {
        padding-top: 135px
    }
    .block-dispatch:not(.block-dispatch-mirror)+.block-dispatch:not(.block-dispatch-mirror) .block-dispatch-content {
        margin-top: 0
    }
    .solutions-big .solutions-big-content .stellar-cta {
        padding: 15px 12px
    }
    .solutions {
        margin-bottom: 30px
    }
    .employee {
        margin-right: 0;
        width: 100%
    }
    .employee .employee-content .employee-text {
        padding: 30px 30px
    }
    .employee-large {
        height: 555px
    }
    .employee-large .employee-large-image {
        width: 100%
    }
    .employee-large .employee-large-content {
        display: inline-block;
        vertical-align: top;
        text-align: left;
        width: 100%;
        height: auto
    }
    .employee-large .employee-large-content .employee-large-text {
        padding: 30px 30px
    }
    .employee-large .employee-large-content .employee-large-text .employee-large-text-content h2 {
        font-size: 20px;
        line-height: 24px
    }
    .quote {
        height: 630px
    }
    .quote .quote-content {
        padding: 30px
    }
    .quote .quote-content>img {
        top: auto;
        left: auto;
        position: relative;
        transform: none;
        display: block;
        margin: 0 auto 0
    }
    .quote .quote-content blockquote {
        margin-top: -15px
    }
    .block-cta .block-cta-content h2 {
        font-size: 36px;
        line-height: 43px
    }
    .kpi ul {
        display: block
    }
    .kpi ul li {
        width: 100%;
        padding: 0
    }
    .highlight {
        margin-top: 30px;
        display: block;
        height: auto
    }
    .highlight .highlight-image {
        width: 100%;
        display: block;
        padding: 40px 27px 0
    }
    .highlight .highlight-text {
        width: 100%;
        display: block;
        padding: 27px 27px 40px
    }
    .upto-1,
    .upto-2,
    .upto-3,
    .upto-4 {
        margin-top: 0
    }
    .upto {
        min-height: 478px;
        height: auto;
        margin-top: 30px
    }
    .upto-2 .upto,
    .upto-3 .upto,
    .upto-4 .upto {
        width: calc(100%);
        margin-right: 0
    }
    .twitter-follow {
        display: block
    }
    .twitter-follow .twitter-follow-text {
        display: block;
        margin: 40px 0 30px;
        width: 100%
    }
    .twitter-follow .twitter-follow-button {
        display: block;
        margin-bottom: 40px;
        text-align: center;
        width: 100%
    }
    .twitter-follow .twitter-follow-button a {
        margin-left: 0
    }
    .block-timeline.block-timeline-big,
    .block-timeline.block-timeline-medium,
    .block-timeline.block-timeline-small {
        height: auto
    }
    .block-timeline.block-timeline-big .block-timeline-image,
    .block-timeline.block-timeline-medium .block-timeline-image,
    .block-timeline.block-timeline-small .block-timeline-image {
        float: none;
        width: 100%;
        height: 290px;
        max-width: 100%
    }
    .block-timeline.block-timeline-big .block-timeline-image img,
    .block-timeline.block-timeline-medium .block-timeline-image img,
    .block-timeline.block-timeline-small .block-timeline-image img {
        float: none;
        padding: 30px 30px 0 30px;
        max-height: 100%
    }
    .block-timeline.block-timeline-big .block-timeline-text,
    .block-timeline.block-timeline-medium .block-timeline-text,
    .block-timeline.block-timeline-small .block-timeline-text {
        width: 100%
    }
    .block-timeline.block-timeline-big .block-timeline-text:before,
    .block-timeline.block-timeline-medium .block-timeline-text:before,
    .block-timeline.block-timeline-small .block-timeline-text:before {
        display: none
    }
    .block-timeline.block-timeline-big .block-timeline-text .block-timeline-text-content-box,
    .block-timeline.block-timeline-medium .block-timeline-text .block-timeline-text-content-box,
    .block-timeline.block-timeline-small .block-timeline-text .block-timeline-text-content-box {
        float: left;
        margin: 30px
    }
    .block-timeline.block-timeline-big .block-timeline-text .block-timeline-text-content-box h3,
    .block-timeline.block-timeline-big .block-timeline-text .block-timeline-text-content-box p,
    .block-timeline.block-timeline-medium .block-timeline-text .block-timeline-text-content-box h3,
    .block-timeline.block-timeline-medium .block-timeline-text .block-timeline-text-content-box p,
    .block-timeline.block-timeline-small .block-timeline-text .block-timeline-text-content-box h3,
    .block-timeline.block-timeline-small .block-timeline-text .block-timeline-text-content-box p {
        text-align: left
    }
    .block-timeline {
        margin-top: 30px
    }
    .search-textfield input {
        padding: 0 50px 0 20px
    }
    .search-textfield svg {
        padding: 22px 20px 21px 14px
    }
    .search-button button {
        padding: 0 50px 0 20px
    }
    .search-button.search-button-toggle button:after {
        right: 14px
    }
    .trends-and-market-insight-form .news-media-form .search-textfield {
        width: 100%;
        margin-right: 0
    }
    .trends-and-market-insight-form .news-media-form .search-button {
        width: 50%
    }
    .trends-and-market-insight-form .news-media-form .search-checkboxes .search-checkbox {
        margin-left: 0;
        display: block
    }
    .trends-and-market-insight-form .news-media-form .search-checkboxes .search-checkbox label {
        line-height: 30px
    }
    .trends-and-market-insight-form .news-media-form .search-button,
    .trends-and-market-insight-form .news-media-form .search-checkboxes,
    .trends-and-market-insight-form .news-media-form .search-textfield {
        margin-bottom: 20px
    }
    .local-research-form .search-textfield,
    .pan-european-form .search-textfield {
        width: 100%;
        margin-right: 0
    }
    .local-research-form .search-button,
    .pan-european-form .search-button {
        width: 100%;
        margin-right: 0
    }
    .local-research-form .search-button,
    .local-research-form .search-textfield,
    .pan-european-form .search-button,
    .pan-european-form .search-textfield {
        margin-bottom: 20px
    }
    .search-toggle .search-reset {
        right: 20px;
        top: 20px
    }
    .search-toggle ul {
        padding: 40px 20px 30px
    }
    .search-toggle ul li {
        margin-top: 10px;
        width: calc(50% - 5px);
        margin-right: 10px
    }
    .search-toggle ul li:nth-child(2n) {
        margin-right: 0
    }
    .page-search form {
        margin-bottom: 30px
    }
    #gsearch #gsearch-results .gsearch-block .stellar-cta {
        position: relative;
        margin: 20px auto 0;
        display: table
    }
    #gsearch #gsearch-results .gsearch-block .gsearch-block-title {
        padding-right: 0
    }
    #gsearch #gsearch-results .gsearch-block#gsearch-jobs ul li,
    #gsearch #gsearch-results .gsearch-block#gsearch-news ul li,
    #gsearch #gsearch-results .gsearch-block#gsearch-pages ul li {
        margin-right: 0;
        margin-bottom: 15px;
        width: 100%
    }
    #gsearch #gsearch-results .gsearch-block#gsearch-news ul li {
        min-height: 0
    }
    #gsearch #gsearch-results .gsearch-block#gsearch-pages ul li {
        height: 227px
    }
    .joinus-map h2 {
        position: relative;
        width: 100%
    }
    .joinus-map .joinus-map-holder {
        margin-top: 0
    }
    .joinus-map .joinus-linkedin .joinus-linkedin-connect,
    .joinus-map .joinus-linkedin .joinus-linkedin-connected {
        padding: 30px
    }
    .joinus-map .map-cta-container {
        width: 100%;
        float: none;
        margin-bottom: 35px
    }
    #map.mobile-hide {
        display: none
    }
    #map-list {
        display: block
    }
    .dual-discover .discover {
        width: 100%
    }
    .dual-discover .discover:not(.with-background):nth-child(2) {
        border-top: none
    }
    .company {
        height: auto
    }
    .company .company-data .company-data-top {
        padding: 20px 30px
    }
    .company .company-data .company-data-bottom {
        padding: 20px 30px 40px
    }
    .company .company-data .company-stars {
        margin-bottom: 25px
    }
    .company .company-data .company-stars span {
        top: auto;
        display: block;
        position: relative
    }
    .company .company-data .company-stars .company-value {
        display: inline-block;
        margin: 2px 0 0 10px
    }
    .company .company-data .company-chief,
    .company .company-data .company-rating {
        width: 100%
    }
    .company .company-data .company-rating .company-rating-data {
        margin-bottom: 15px
    }
    .company .company-data .company-rating .company-rating-data p {
        margin-bottom: 4px
    }
    .company .company-data .company-rating .company-rating-data .company-value {
        top: -1px
    }
    .company .company-data .company-value {
        font-size: 24px;
        line-height: 26px
    }
    .company .company-data .company-circle {
        display: table;
        position: relative;
        float: none;
        padding-top: 15px;
        margin: 0 auto
    }
    .company .company-data .company-circle .company-circle-text .company-value {
        font-size: 26px
    }
    form.webform-submission-form input[type=email],
    form.webform-submission-form input[type=text],
    form.webform-submission-form input[type=phone],
    form.webform-submission-form input[type=tel],
    form.webform-submission-form select:focus,
    form.webform-submission-form textarea {
        font-size: 16px
    }
    .map-links .map-links-tabs {
        height: 90px
    }
    .map-links .map-links-tabs li {
        height: 89px
    }
    .map-links .map-links-content {
        height: auto
    }
    .map-links .map-links-content .map-links-list {
        padding: 30px
    }
    .map-links .map-links-content .map-links-list.current {
        display: block
    }
    .map-links .map-links-content .map-links-list ul {
        width: 100%;
        display: block;
        padding: 0
    }
    .map-links .map-links-content .map-links-list ul:nth-child(2) {
        margin-top: 17px
    }
    .page-job .page-intro .page-intro-job {
        display: block
    }
    .page-job .page-intro .page-intro-job .page-intro-job-image,
    .page-job .page-intro .page-intro-job .page-intro-job-info {
        padding: 25px 30px
    }
    .page-job .page-intro .page-intro-job .page-intro-job-info {
        display: block;
        width: 100%
    }
    .page-job .page-intro .page-intro-job .page-intro-job-image {
        display: block;
        width: 100%;
        border-left: none;
        border-top: 1px solid #d6d6d6
    }
    .job-form .search-button {
        width: 100%
    }
    .job-form .search-button {
        margin-bottom: 20px
    }
    .page-search-header .page-search-header-rss {
        display: block
    }
    .page-search-header .page-search-header-rss:before {
        display: none
    }
    .job-card {
        padding: 19px 19px
    }
    form.webform-submission-form .contact-legal .contact-legal-text{
        height: 435px;
    }
}

@media (max-width:500px) {
    .intl-tel-input .country-list {
        white-space: nowrap
    }
}

@media (max-width:479px) {
    .container,
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px
    }
    .why-choose-reason {
        width: 100%
    }
    .page-intro .page-intro-bottom .page-intro-buttons .page-intro-social {
        position: relative;
        padding-left: 0;
        padding-top: 30px;
        display: table;
        padding-right: 5px;
        margin: 0 auto
    }
    .page-cover .page-cover-content .page-cover-title {
        font-size: 70px
    }
    .block-dispatch .block-dispatch-content {
        width: calc(100% - 30px)
    }
    .block-dispatch:nth-of-type(even) .block-dispatch-content .block-dispatch-text,
    .block-dispatch:nth-of-type(odd) .block-dispatch-content .block-dispatch-text {
        padding: 355px 15px 80px
    }
    .solutions-big .solutions-big-content p {
        display: none
    }
    .solutions-big .solutions-big-content .stellar-cta {
        display: block
    }
    .solutions .solutions-content {
        width: calc(100% - 40px)
    }
    .rte figure,
    .rte img {
        max-width: none!important;
        width: 100%!important
    }
    .highlight .highlight-image {
        padding: 40px 12px 0
    }
    .highlight .highlight-text {
        padding: 27px 12px 40px
    }
    .press-contact .press-contact-inter .press-contact-inter-content {
        padding: 60px 20px
    }
    .trends-and-market-insight-form .news-media-form .search-checkboxes {
        margin-left: 15px
    }
    .trends-and-market-insight-form .news-media-form .search-button {
        width: auto
    }
    .search-toggle ul li {
        width: 100%;
        margin-right: 0
    }
    html.mobile-overlay-open,
    html.mobile-overlay-open body {
        -webkit-overflow-scrolling: touch!important;
        overflow: auto!important;
        height: 100%!important
    }
    .form-overlay-container {
        position: relative;
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        top: initial;
        left: initial;
        width: 100%;
        height: 100%
    }
    .page-job .page-intro .page-intro-job .page-intro-job-image,
    .page-job .page-intro .page-intro-job .page-intro-job-info {
        padding: 15px
    }
}

@media (max-width:434px) {
    .news-card-container {
        width: calc(100% - 30px)
    }
    .news-card,
    .search-card,
    .twitter-feed {
        width: 100%;
        margin: 7.5px 0
    }
    .search-card {
        height: 451px
    }
    .search-card .search-card-img {
        height: 332px
    }
    .twitter-feed {
        height: 451px
    }
    .twitter-feed a .twitter-feed-content {
        padding: 20px 25px 0
    }
    .twitter-feed a .twitter-feed-content .twitter-feed-account {
        padding-top: 12px
    }
    .twitter-feed a .twitter-feed-img {
        height: 170px
    }
    .news-card {
        padding: 10px;
        height: auto;
        min-height: 451px
    }
    .news-card .news-card-img {
        height: 161px;
        position: relative
    }
    .news-card .news-card-text {
        margin: 15px 15px
    }
    .news-card .news-card-text h2,
    .news-card .news-card-text h3 {
        font-size: 24px;
        line-height: 29px
    }
    .news-card .news-card-bottom .news-card-place {
        padding: 0 0 0 10px
    }
    .news-card .news-card-bottom .news-card-author {
        padding: 8px 10px 0 50px
    }
    .news-card .news-card-bottom .news-card-author.no-author {
        padding: 0 10px 0 0
    }
    .news-card .news-card-bottom .news-card-author.no-author .news-card-author-text {
        margin: 14px 0
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}


.ui-widget-overlay,
.modal-backdrop.in {
  background: rgba(61,61,61,0.96);
  filter: alpha(opacity=100);
  opacity: 1;
}
.ui-dialog {
  background-color: #fff;
  border: 0 none !important;
  border-radius: 0px !important;
  padding: 0;
  top: 0 !important;
}
.ui-dialog .ui-dialog-titlebar,
.modal-header {
  background: -webkit-gradient(linear,left top,right top,from(#0A995A),to(#4895A9));
  background: -webkit-linear-gradient(left,#0A995A 0%,#4895A9 100%);
  background: -o-linear-gradient(left,#0A995A 0%,#4895A9 100%);
  background: linear-gradient(90deg,#0A995A 0%,#4895A9 100%);
  border: 0 none;
  border-radius: 0px;
  padding: 30px 60px 22px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.ui-dialog .ui-dialog-title,
.modal-title {
  color: #fff;
  float: none;
  font-family: "BNPP Sans Cond v2",Arial,sans-serif;
  font-size: 36px;
  font-weight: bold;
  line-height: 36px;
  margin: 0;
  width: 100%;
}
.ui-dialog .ui-dialog-titlebar > .ui-dialog-titlebar-close,
.modal-header > .close {
  height: 54px;
  width: 54px;
  border-radius: 54px;
  background: #fff;
  margin: 0;
  padding: 0;
  right: 0;
  top: 0;
  line-height: 54px;
  opacity: 1;
  -webkit-transform: translate(50%,-50%);
  -ms-transform: translate(50%,-50%);
  transform: translate(50%,-50%);
  position: absolute;
  cursor: pointer;
}
.modal-header > .close > span {
  background-position: center center;
  background-size: contain;
  background-color: #00965E;
  display: block;
  -webkit-mask-image: url(../assets/images/icons/Close.svg);
  mask-image: url(../assets/images/icons/Close.svg);
  width: 25px;
  height: 25px;
  transform: scale(0.76);
  margin-left: 14px;
  margin-top: 1px;
  text-indent: -999px;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon {
  background-position: center center;
  background-size: contain;
  background-color: #00965E;
  -webkit-mask-image: url(../assets/images/icons/Close.svg);
  mask-image: url(../assets/images/icons/Close.svg);
  width: 25px;
  height: 25px;
  transform: scale(0.76);
  margin-left: -12px;
  margin-top: -12px;
}
.modal-body {
  position: relative;
  padding: 10px;
  overflow: auto !important;
}
.ui-dialog .ui-dialog-content {
  height: auto !important;
}
@media screen and (min-width: 320px) {
  .ui-widget.ui-widget-content {
    max-width: 90%;
    min-width: 80%;
  }
  .ui-dialog,
  .modal-dialog {
    width: 280px;
    margin: 40px auto 20px;
  }
  .ui-dialog .ui-dialog-content {
    max-height: 72vh !important;
  }

}
@media screen and (min-width: 460px) {
  .ui-widget.ui-widget-content {
    max-width: 90%;
    min-width: 80%;
  }
  .ui-dialog,
  .modal-dialog {
    width: 400px;
    margin: 40px auto 20px;
  }
  .ui-dialog .ui-dialog-content {
    max-height: 72vh !important;
  }
}
@media screen and (min-width: 768px) {
  .ui-widget.ui-widget-content {
    max-width: 90%;
    min-width: 80%;
  }
  .ui-dialog,
  .modal-dialog {
    width: 450px;
    margin: 60px auto 30px;
  }
  .ui-dialog .ui-dialog-content {
    max-height: 72vh !important;
  }
}
@media screen and (min-width: 1024px) {
  .ui-widget.ui-widget-content {
    min-width: 450px;
    max-width: 450px;
  }
  .ui-dialog,
  .modal-dialog {
    width: 450px;
    margin: 60px auto 30px;
  }
  .ui-dialog .ui-dialog-content {
    max-height: 71vh !important;
  }
}