/* Minification failed. Returning unminified contents.
(11016,25): run-time error CSS1063: Expected calculation unit, found 'rem'
(11016,25): run-time error CSS1064: Expected calculation product, found 'rem'
(11016,25): run-time error CSS1065: Expected calculation sum, found 'rem'
(11016,25): run-time error CSS1034: 
(11016,25): run-time error CSS1042: Expected function, found 'rem'
(11016,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(11025,25): run-time error CSS1063: Expected calculation unit, found 'rem'
(11025,25): run-time error CSS1064: Expected calculation product, found 'rem'
(11025,25): run-time error CSS1065: Expected calculation sum, found 'rem'
(11025,25): run-time error CSS1034: 
(11025,25): run-time error CSS1042: Expected function, found 'rem'
(11025,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(11033,27): run-time error CSS1063: Expected calculation unit, found 'rem'
(11033,27): run-time error CSS1064: Expected calculation product, found 'rem'
(11033,27): run-time error CSS1065: Expected calculation sum, found 'rem'
(11033,27): run-time error CSS1034: 
(11033,27): run-time error CSS1042: Expected function, found 'rem'
(11033,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(11045,25): run-time error CSS1063: Expected calculation unit, found 'rem'
(11045,25): run-time error CSS1064: Expected calculation product, found 'rem'
(11045,25): run-time error CSS1065: Expected calculation sum, found 'rem'
(11045,25): run-time error CSS1034: 
(11045,25): run-time error CSS1042: Expected function, found 'rem'
(11045,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(11051,23): run-time error CSS1063: Expected calculation unit, found 'rem'
(11051,23): run-time error CSS1064: Expected calculation product, found 'rem'
(11051,23): run-time error CSS1065: Expected calculation sum, found 'rem'
(11051,23): run-time error CSS1034: 
(11051,23): run-time error CSS1042: Expected function, found 'rem'
(11051,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(11056,25): run-time error CSS1063: Expected calculation unit, found 'rem'
(11056,25): run-time error CSS1064: Expected calculation product, found 'rem'
(11056,25): run-time error CSS1065: Expected calculation sum, found 'rem'
(11056,25): run-time error CSS1034: 
(11056,25): run-time error CSS1042: Expected function, found 'rem'
(11056,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(11062,25): run-time error CSS1063: Expected calculation unit, found 'rem'
(11062,25): run-time error CSS1064: Expected calculation product, found 'rem'
(11062,25): run-time error CSS1065: Expected calculation sum, found 'rem'
(11062,25): run-time error CSS1034: 
(11062,25): run-time error CSS1042: Expected function, found 'rem'
(11062,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(11068,25): run-time error CSS1063: Expected calculation unit, found 'rem'
(11068,25): run-time error CSS1064: Expected calculation product, found 'rem'
(11068,25): run-time error CSS1065: Expected calculation sum, found 'rem'
(11068,25): run-time error CSS1034: 
(11068,25): run-time error CSS1042: Expected function, found 'rem'
(11068,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(11078,23): run-time error CSS1063: Expected calculation unit, found 'rem'
(11078,23): run-time error CSS1064: Expected calculation product, found 'rem'
(11078,23): run-time error CSS1065: Expected calculation sum, found 'rem'
(11078,23): run-time error CSS1034: 
(11078,23): run-time error CSS1042: Expected function, found 'rem'
(11078,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(11097,25): run-time error CSS1063: Expected calculation unit, found 'rem'
(11097,25): run-time error CSS1064: Expected calculation product, found 'rem'
(11097,25): run-time error CSS1065: Expected calculation sum, found 'rem'
(11097,25): run-time error CSS1034: 
(11097,25): run-time error CSS1042: Expected function, found 'rem'
(11097,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(11118,25): run-time error CSS1063: Expected calculation unit, found 'rem'
(11118,25): run-time error CSS1064: Expected calculation product, found 'rem'
(11118,25): run-time error CSS1065: Expected calculation sum, found 'rem'
(11118,25): run-time error CSS1034: 
(11118,25): run-time error CSS1042: Expected function, found 'rem'
(11118,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(11223,25): run-time error CSS1063: Expected calculation unit, found 'rem'
(11223,25): run-time error CSS1064: Expected calculation product, found 'rem'
(11223,25): run-time error CSS1065: Expected calculation sum, found 'rem'
(11223,25): run-time error CSS1034: 
(11223,25): run-time error CSS1042: Expected function, found 'rem'
(11223,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(11229,25): run-time error CSS1063: Expected calculation unit, found 'rem'
(11229,25): run-time error CSS1064: Expected calculation product, found 'rem'
(11229,25): run-time error CSS1065: Expected calculation sum, found 'rem'
(11229,25): run-time error CSS1034: 
(11229,25): run-time error CSS1042: Expected function, found 'rem'
(11229,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(11243,25): run-time error CSS1063: Expected calculation unit, found 'rem'
(11243,25): run-time error CSS1064: Expected calculation product, found 'rem'
(11243,25): run-time error CSS1065: Expected calculation sum, found 'rem'
(11243,25): run-time error CSS1034: 
(11243,25): run-time error CSS1042: Expected function, found 'rem'
(11243,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(11256,25): run-time error CSS1063: Expected calculation unit, found 'rem'
(11256,25): run-time error CSS1064: Expected calculation product, found 'rem'
(11256,25): run-time error CSS1065: Expected calculation sum, found 'rem'
(11256,25): run-time error CSS1034: 
(11256,25): run-time error CSS1042: Expected function, found 'rem'
(11256,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(11274,25): run-time error CSS1063: Expected calculation unit, found 'rem'
(11274,25): run-time error CSS1064: Expected calculation product, found 'rem'
(11274,25): run-time error CSS1065: Expected calculation sum, found 'rem'
(11274,25): run-time error CSS1034: 
(11274,25): run-time error CSS1042: Expected function, found 'rem'
(11274,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(11396,25): run-time error CSS1063: Expected calculation unit, found 'rem'
(11396,25): run-time error CSS1064: Expected calculation product, found 'rem'
(11396,25): run-time error CSS1065: Expected calculation sum, found 'rem'
(11396,25): run-time error CSS1034: 
(11396,25): run-time error CSS1042: Expected function, found 'rem'
(11396,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
@charset "UTF-8";
/** 
* Make flexbox grids super easy!
* http://codepen.io/iamjoshellis/pen/wWVgVZ
* ---
* @param $cols — Number of columns
* @param $margin — Margin with unit
*/
.clearfix:before, .clearfix:after {
  content: '';
  display: table;
}

.clearfix:after {
  clear: both;
}

.no-scroll-x {
  overflow-x: hidden;
}

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

html {
  font-size: 62.5%;
  /* Sets up the Base 10 stuff: 1rem = 10px */
  font-family: "Arial";
  font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button {
  appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}

@font-face {
  font-family: "BNPPSansReg";
  src: url("/ResourcePackages/Factor/assets/fonts/BNPPSansRegular-webfont.eot");
  src: url("/ResourcePackages/Factor/assets/fonts/BNPPSansRegular-webfont.eot?#iefix") format("embedded-opentype"), url("/ResourcePackages/Factor/assets/fonts/BNPPSansRegular-webfont.woff") format("woff"), url("/ResourcePackages/Factor/assets/fonts/BNPPSansRegular-webfont.ttf") format("truetype"), url("/ResourcePackages/Factor/assets/fonts/BNPPSansRegular-webfont.svg#BNPPSansRegular") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "BNPPSansLight";
  src: url("/ResourcePackages/Factor/assets/fonts/BNPPSansLight-webfont.eot");
  src: url("/ResourcePackages/Factor/assets/fonts/BNPPSansLight-webfont.eot?#iefix") format("embedded-opentype"), url("/ResourcePackages/Factor/assets/fonts/BNPPSansLight-webfont.woff") format("woff"), url("/ResourcePackages/Factor/assets/fonts/BNPPSansLight-webfont.ttf") format("truetype"), url("/ResourcePackages/Factor/assets/fonts/BNPPSansLight-webfont.svg#BNPPSansLight") format("svg");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "BNPPSansBold";
  src: url("/ResourcePackages/Factor/assets/fonts/BNPPSansBold-webfont.eot");
  src: url("/ResourcePackages/Factor/assets/fonts/BNPPSansBold-webfont.eot?#iefix") format("embedded-opentype"), url("/ResourcePackages/Factor/assets/fonts/BNPPSansBold-webfont.woff") format("woff"), url("/ResourcePackages/Factor/assets/fonts/BNPPSansBold-webfont.ttf") format("truetype"), url("/ResourcePackages/Factor/assets/fonts/BNPPSansBold-webfont.svg#BNPPSansBold") format("svg");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "BNPPSansCond";
  src: url("/ResourcePackages/Factor/assets/fonts/BNPPSansCondensed.eot");
  src: url("/ResourcePackages/Factor/assets/fonts/BNPPSansCondensed.eot?#iefix") format("embedded-opentype"), url("/ResourcePackages/Factor/assets/fonts/BNPPSansCondensed.woff") format("woff"), url("/ResourcePackages/Factor/assets/fonts/BNPPSansCondensed.ttf") format("truetype"), url("/ResourcePackages/Factor/assets/fonts/BNPPSansCondensed.svg#BNPPSansCond") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "BNPPSansCondLight";
  src: url("/ResourcePackages/Factor/assets/fonts/BNPPSansCondLight-webfont.eot");
  src: url("/ResourcePackages/Factor/assets/fonts/BNPPSansCondLight-webfont.eot?#iefix") format("embedded-opentype"), url("/ResourcePackages/Factor/assets/fonts/BNPPSansCondLight-webfont.woff") format("woff"), url("/ResourcePackages/Factor/assets/fonts/BNPPSansCondLight-webfont.ttf") format("truetype"), url("/ResourcePackages/Factor/assets/fonts/BNPPSansCondLight-webfont.svg#BNPPSansCondLight") format("svg");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "BNPPSansCond";
  src: url("/ResourcePackages/Factor/assets/fonts/BNPPSansCondBold-webfont.eot");
  src: url("/ResourcePackages/Factor/assets/fonts/BNPPSansCondBold-webfont.eot?#iefix") format("embedded-opentype"), url("/ResourcePackages/Factor/assets/fonts/BNPPSansCondBold-webfont.woff") format("woff"), url("/ResourcePackages/Factor/assets/fonts/BNPPSansCondBold-webfont.ttf") format("truetype"), url("/ResourcePackages/Factor/assets/fonts/BNPPSansCondBold-webfont.svg#BNPPSansCondBold") format("svg");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "BNPPSansReg";
  src: url("/ResourcePackages/Factor/assets/fonts/BNPPSansItalic-webfont.eot");
  src: url("/ResourcePackages/Factor/assets/fonts/BNPPSansItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/ResourcePackages/Factor/assets/fonts/BNPPSansItalic-webfont.woff") format("woff"), url("/ResourcePackages/Factor/assets/fonts/BNPPSansItalic-webfont.ttf") format("truetype"), url("/ResourcePackages/Factor/assets/fonts/BNPPSansItalic-webfont.svg#BNPPSansItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "BNPPRounded";
  src: url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-v2.eot");
  src: url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-v2.eot?#iefix") format("embedded-opentype"), url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-v2.woff") format("woff"), url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-v2.ttf") format("truetype"), url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-v2.svg#bnpp-rounded-v2") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "BNPPRounded";
  src: url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-bold-v2.eot");
  src: url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-bold-v2.eot?#iefix") format("embedded-opentype"), url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-bold-v2.woff") format("woff"), url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-bold-v2.ttf") format("truetype"), url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-bold-v2.svg#bnpp-rounded-bold-v2") format("svg");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "BNPPRoundedExtraBold";
  src: url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-extrabold-v2.eot");
  src: url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-extrabold-v2.eot?#iefix") format("embedded-opentype"), url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-extrabold-v2.woff") format("woff"), url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-extrabold-v2.ttf") format("truetype"), url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-extrabold-v2.svg#bnpp-rounded-extrabold-v2") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "BNPPRounded";
  src: url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-light-v2.eot");
  src: url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-light-v2.eot?#iefix") format("embedded-opentype"), url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-light-v2.woff") format("woff"), url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-light-v2.ttf") format("truetype"), url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-light-v2.svg#bnpp-rounded-light-v2") format("svg");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "BNPPExpanded";
  src: url("/ResourcePackages/Factor/assets/fonts/bnpp_expanded_sans_light-webfont.eot");
  src: url("/ResourcePackages/Factor/assets/fonts/bnpp_expanded_sans_light-webfont.eot?#iefix") format("embedded-opentype"), url("/ResourcePackages/Factor/assets/fonts/bnpp_expanded_sans_light-webfont.woff") format("woff"), url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-light-v2.ttf") format("truetype"), url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-light-v2.svg#bnpp-rounded-light-v2") format("svg");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "BNPPExpanded";
  src: url("/ResourcePackages/Factor/assets/fonts/bnpp_expanded_sans-webfont.eot");
  src: url("/ResourcePackages/Factor/assets/fonts/bnpp_expanded_sans-webfont.eot?#iefix") format("embedded-opentype"), url("/ResourcePackages/Factor/assets/fonts/bnpp_expanded_sans-webfont.woff") format("woff"), url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-light-v2.ttf") format("truetype"), url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-light-v2.svg#bnpp-rounded-light-v2") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "BNPPExpanded";
  src: url("/ResourcePackages/Factor/assets/fonts/bnpp_expanded_sans_bold-webfont.eot");
  src: url("/ResourcePackages/Factor/assets/fonts/bnpp_expanded_sans_bold-webfont.eot?#iefix") format("embedded-opentype"), url("/ResourcePackages/Factor/assets/fonts/bnpp_expanded_sans_bold-webfont.woff") format("woff"), url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-light-v2.ttf") format("truetype"), url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-light-v2.svg#bnpp-rounded-light-v2") format("svg");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "BNPPLightItalic";
  src: url("/ResourcePackages/Factor/assets/fonts/bnpp_sans_light_italic-webfont.eot");
  src: url("/ResourcePackages/Factor/assets/fonts/bnpp_sans_light_italic-webfont.eot?#iefix") format("embedded-opentype"), url("/ResourcePackages/Factor/assets/fonts/bnpp_sans_light_italic-webfont.woff") format("woff"), url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-light-v2.ttf") format("truetype"), url("/ResourcePackages/Factor/assets/fonts/bnpp-rounded-light-v2.svg#bnpp-rounded-light-v2") format("svg");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'fintro-icon';
  src: url("/ResourcePackages/Factor/assets/fonts/fintro-icon/fintro-icon.ttf?mibe5c") format("truetype"), url("/ResourcePackages/Factor/assets/fonts/fintro-icon/fintro-icon.woff?mibe5c") format("woff"), url("/ResourcePackages/Factor/assets/fonts/fintro-icon/fintro-icon.svg?mibe5c#fintro-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'factor';
  src: url("/ResourcePackages/Factor/assets/fonts/factor.eot?rcun1j");
  src: url("/ResourcePackages/Factor/assets/fonts/factor.eot?rcun1j#iefix") format("embedded-opentype"), url("/ResourcePackages/Factor/assets/fonts/factor.ttf?rcun1j") format("truetype"), url("/ResourcePackages/Factor/assets/fonts/factor.woff?rcun1j") format("woff"), url("/ResourcePackages/Factor/assets/fonts/factor.svg?rcun1j#factor") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'factor' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-info:before {
  content: "\e90d";
}

.icon-question:before {
  content: "\e90c";
}

.icon-close:before {
  content: "\e902";
}

.icon-info-with-circle:before {
  content: "\e904";
}

.icon-home:before {
  content: "\e900";
}

.icon-loupe2:before {
  content: "\e901";
}

.icon-mouse:before {
  content: "\e903";
}

.icon-letter:before {
  content: "\e905";
}

.icon-linkedin:before {
  content: "\e906";
}

.icon-arrow-left:before {
  content: "\e907";
}

.icon-arrow-right:before {
  content: "\e908";
}

.icon-loupe:before {
  content: "\e909";
}

.icon-caret:before {
  content: "\e912";
}

.icon-Breadcrumb-arrow:before {
  content: "\e917";
}

.icon-agenda-arrow:before {
  content: "\e91b";
}

.icon-linkedin2:before {
  content: "\e602";
}

.icon-play:before {
  content: "\e90a";
}

.icon-reload:before {
  content: "\e90b";
}

.bnpfLogo:before {
  content: "";
  display: block;
  background-image: url("/ResourcePackages/Factor/assets/images/BNPP_Factoring_BL_Q.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media screen and (max-width: 991px) {
  .bnpfLogo:before {
    width: 132px;
    height: 30px;
  }
}

@media screen and (min-width: 992px) {
  .bnpfLogo:before {
    width: 155px;
    height: 34px;
  }
}

h1, h2, h3, h4, h5, h6, p {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1 {
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 36px;
  font-size: 3.6rem;
  text-transform: uppercase;
  border-bottom: 1px solid #dfdddc;
}

.link {
  cursor: pointer;
}

@media screen and (min-width: 992px) {
  .no-border {
    border: 0;
  }
}


.button {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.5;
}

.buttonPrimaryMd {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 28px;
  padding: 10px 44px 6px;
}


.button {
  display: inline-block;
  border-width: 1px;
  border-radius: 2px;
  transition: all .2s ease;
  cursor: pointer;
  font-family: "BNPPSansCond";
  padding: 12px 35px 10px;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
}


.buttonNeutral {
  display: inline-block;
  border-width: 1px;
  border-radius: 2px;
  transition: all .2s ease;
  cursor: pointer;
  font-family: "BNPPSansCond";
  padding: 12px 35px 10px;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  background-color: #fff;
  color: #00965e;
  border-color: #00965e;
  border-style: solid;
  border-width: 1px;
}


.buttonPrimary {
  display: inline-block;
  border-width: 1px;
  border-radius: 2px;
  transition: all .2s ease;
  cursor: pointer;
  font-family: "BNPPSansCond";
  padding: 12px 35px 10px;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  background-color: #00965e;
  color: #fff;
}


.buttonPrimary:hover,
.buttonPrimary:focus,
.buttonPrimary:active {
  background-color: #767676;
  color: #fff;
}

.buttonPrimaryMd {
  display: inline-block;
  border-width: 1px;
  border-radius: 2px;
  transition: all .2s ease;
  cursor: pointer;
  font-family: "BNPPSansCond";
  padding: 12px 35px 10px;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  background-color: #00965e;
  color: #fff;
}

.buttonPrimaryMd:hover, .buttonPrimaryMd:focus, .buttonPrimaryMd:active {
  background-color: #767676;
  color: #fff;
}


.buttonWhite {
  display: inline-block;
  border-width: 1px;
  border-radius: 2px;
  transition: all .2s ease;
  cursor: pointer;
  font-family: "BNPPSansCond";
  padding: 12px 35px 10px;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  background-color: #fff;
  color: #00965e;
}


.buttonWhite:hover,
.buttonWhite:focus,
.buttonWhite:active {
  background-color: #eee;
}

.contactContainer .contactPanel h3 {
  float: left;
}

.complaintButton {
  border-radius: 2px;
  background: #00965e;
  color: #fff;
  font-family: "BNPPSansCond";
  text-transform: uppercase;
  font-size: 16px;
  padding: 13px 20px 10px 20px;
  margin: 29px;
  display: inline-block;
  border: solid 1px #00965e;
}

.complaintButton:hover {
  text-decoration: none;
  background-color: transparent;
  border-color: #00965e;
  color: #00965e;
}

.contactContainer .contactPanel p {
  clear: left;
}

html,
body {
  position: relative;
  width: 100%;
  height: 100vh;
  margin: 0;
  font-family: "BNPPSansReg", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #5f5f5f;
  -webkit-text-size-adjust: 100%;
  /* avoid iOS automatic font size adjustment */
}

body.openTestimonial,
body.openContact,
body.mobileMenuOpen,
body.openModal {
  overflow: hidden;
  position: fixed;
}

.container {
  margin: 0 20px;
}

@media screen and (min-width: 766px) {
  .container {
    margin: 0 40px;
  }
}

@media screen and (min-width: 1160px) {
  .container {
    max-width: 1140px;
    margin: 0 auto;
  }
}

.mainContent {
  min-height: calc(100vh - 600px);
}

.loaderContain {
  position: relative;
}

.loader {
  width: 64px;
  height: 64px;
  position: fixed;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  z-index: 10000;
  transition: opacity 500 ease-in-out;
}

.loader div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #fff;
  border-radius: 50%;
  animation: loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #00965e transparent transparent transparent;
}

.loader div:nth-child(1) {
  animation-delay: -0.45s;
}

.loader div:nth-child(2) {
  animation-delay: -0.3s;
}

.loader div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#onetrust-banner-sdk,
#onetrust-pc-sdk,
#ot-sdk-cookie-policy,
#ot-sync-ntfy {
  font-size: 16px !important;
}

#onetrust-banner-sdk.otCenterRounded {
  font-size: 16px !important;
}

#onetrust-consent-sdk #onetrust-policy-title,
#onetrust-consent-sdk #onetrust-policy-text,
#onetrust-consent-sdk .ot-b-addl-desc,
#onetrust-consent-sdk .ot-dpd-desc,
#onetrust-consent-sdk .ot-dpd-title,
#onetrust-consent-sdk #onetrust-policy-text *:not(.onetrust-vendors-list-handler),
#onetrust-consent-sdk .ot-dpd-desc *:not(.onetrust-vendors-list-handler),
#onetrust-consent-sdk #onetrust-banner-sdk #banner-options *,
#onetrust-banner-sdk .ot-cat-header {
  font-family: "BNPPSansLight",Arial,sans-serif !important;
  line-height: 1.5 !important;
}

#onetrust-banner-sdk #onetrust-accept-btn-handler,
#onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-banner-sdk #onetrust-pc-btn-handler,
#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn),
#onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn {
  font-family: "BNPPSansCond" !important;
  font-weight: normal !important;
  text-transform: uppercase !important;
  font-size: 1em !important;
  letter-spacing: 0 !important;
}

#onetrust-pc-sdk {
  font-size: 14px !important;
}

@media screen and (max-width: 991px) {
  .header {
    padding-top: 45px;
  }
}

.header .headerImg {
  height: 150px;
  width: 100%;
  background-size: cover;
}

@media screen and (min-width: 766px) {
  .header .headerImg {
    height: 235px;
  }
}

@media screen and (min-width: 1160px) {
  .header .headerImg {
    height: 350px;
  }
}

.header .container {
  position: relative;
}

.header .container .contentHeader {
  background-color: #00965e;
  width: calc(100% + 40px);
  margin: 0 0 0 -20px;
  padding: 20px;
  text-align: right;
}

@media screen and (min-width: 766px) {
  .header .container .contentHeader {
    width: 300px;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 30px;
    text-align: left;
  }
}

@media screen and (min-width: 992px) {
  .header .container .contentHeader {
    width: 460px;
  }
}

.header .container .contentHeader h1 {
  font-family: "BNPPSansCond";
  color: #fff;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 34px;
  margin: 0 0 10px;
  text-align: left;
  font-weight: normal;
}

.header .container .contentHeader p {
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 20px;
  display: none;
  text-align: left;
}

@media screen and (min-width: 1160px) {
  .header .container .contentHeader p {
    display: block;
  }
}

.prefooter {
  padding: 50px 0 15px;
  clear: both;
  background: #212121 url("/ResourcePackages/Factor/assets/images/footer.png") calc(100% - 35px) 35px no-repeat;
  background-size: 300px 300px;
}

@media screen and (max-width: 991px) {
  .prefooter {
    display: none;
  }
}

.prefooter .prefooterMenu {
  display: inline-block;
  width: calc(50% - 4px);
  padding: 0 30px 20px 0;
  vertical-align: top;
}

@media screen and (min-width: 992px) {
  .prefooter .prefooterMenu {
    width: calc(25% - 4px);
  }
}

.prefooter .prefooterMenu span {
  position: relative;
  display: block;
  margin: 0 0 2em;
  padding: 1em 0 0;
  color: #FFFFFF;
  font-size: 18px;
  font-size: 1.8rem;
  text-transform: uppercase;
}

.prefooter .prefooterMenu span:after {
  content: '';
  display: block;
  margin: 10px 0;
  width: 50px;
  height: 3px;
  background-color: #00965e;
}

.prefooter .prefooterMenu ul li {
  margin: 0 0 25px;
}

.prefooter .prefooterMenu a {
  color: #FFFFFF;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
}

.mainFooter {
  border-top: 2px solid #00965e;
  background: #fff;
}

@media screen and (max-width: 991px) {
  .mainFooter {
    display: none;
  }
}

.footerTitleGroup,
.mainFooter .menuItem .link {
  line-height: 48px;
}

.mainFooter .blockLogo,
.mainFooter .tagline {
  display: inline-block;
  vertical-align: middle;
}

.mainFooter .blockLogo {
  margin: 0;
}

.mainFooter .blockLogo .link {
  display: block;
}

@media screen and (max-width: 991px) {
  .mainFooter .tagline {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .mainFooter .tagline {
    display: inline-block;
    margin: 0 0 0 28px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.mainFooter .menu {
  float: right;
  vertical-align: middle;
}

.mainFooter .menuItem {
  display: inline-block;
  font-size: 10px;
  font-size: 1rem;
}

.mainFooter .menuItem:after {
  content: "|";
  margin: 0 3px 0 2px;
}

.mainFooter .menuItem:first-child:after {
  display: none;
}

.mainFooter .menuItem:first-child a {
  margin-right: 1em;
  color: #5f5f5f;
  font-size: 14px;
  font-size: 1.4rem;
}

.mainFooter .menuItem:last-child:after {
  display: none;
}

.mainFooter .menu .link {
  font-family: "BNPPRounded", Arial, sans-serif;
  color: #595959;
}

.mainFooter .copyrightBlock {
  float: right;
  line-height: 48px;
  font-size: 10px;
  font-size: 1rem;
}

.clearfix {
  clear: both;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before, .clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  zoom: 1;
}

a {
  color: #00965e;
}

a[disabled] {
  pointer-events: none;
  cursor: default;
}

.ctaContainer {
  padding: 25px 0;
  text-align: center;
}

@media screen and (min-width: 992px) {
  .ctaContainer {
    padding: 25px 0 50px;
  }
}

@media screen and (max-width: 991px) {
  .mainContent {
    padding-top: 30px;
  }
}

.mainContent.error {
  padding: 0;
}

/*body[lang="pl"],
body[lang="dk"],
body[lang="se"] {
	.header .container .contentHeader h2 {
	    font-family: "BNPPSansReg", Arial, sans-serif;
	    @include rem('font-size', 24px);
	    line-height: 1.2;
	}

	.articleContentContainer h2, 
	.testimonialContentContainer h2, 
	.jobsContentContainer h2 {
		font-family: "BNPPSansReg", Arial, sans-serif;
		@include rem('font-size', 33px);

		@include breakpoint($md) {
			@include rem('font-size', 40px);
		}
	}

	.articleContentContainer h3, 
	.testimonialContentContainer h3, 
	.jobsContentContainer h3 {
		font-family: "BNPPSansReg", Arial, sans-serif;
		@include rem('font-size', 16px);
	}

	.articleContentContainer h4, 
	.testimonialContentContainer h4, 
	.jobsContentContainer h4 {
		font-family: "BNPPSansReg", Arial, sans-serif;
		@include rem('font-size', 14px);
	}

	.articleContentContainer h5, 
	.testimonialContentContainer h5, 
	.jobsContentContainer h5 {
		font-family: "BNPPSansReg", Arial, sans-serif;
		@include rem('font-size', 12px);
	}

	.articleContentContainer h5, 
	.testimonialContentContainer h5, 
	.jobsContentContainer h5 {
		font-family: "BNPPSansReg", Arial, sans-serif;
		@include rem('font-size', 10px);
	}
}*/
.brandBar {
  display: none;
}

@media screen and (min-width: 992px) {
  .brandBar {
    display: block;
    background-color: #00965e;
    height: 38px;
    width: 100%;
  }
}

.brandBar .menuPrimary {
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
  line-height: 38px;
}

.brandBar .menuPrimary a {
  color: #fff;
  margin-right: 20px;
}

.brandBar .menuPrimary .linkedin {
  text-decoration: none;
}

.brandBar .menuPrimary .icon-linkedin {
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: text-bottom;
}

.brandBar .menuSecondary {
  display: inline-block;
  float: right;
  line-height: 38px;
  font-size: 12px;
  font-size: 1.2rem;
}

.brandBar .menuSecondary a {
  color: #fff;
  margin-left: 20px;
}

.brandBar .menuSecondary .linkHighlight {
  text-transform: uppercase;
  color: #333;
  font-family: "BNPPSansBold";
  background-color: #fff;
  padding: 14px 15px;
}

.brandBar .menuSecondary .linkHighlight:after {
  content: " ›";
}

.brandBar .menuSecondary .languageSelection {
  display: inline-block;
  font-family: "BNPPSansBold";
  text-transform: uppercase;
}

.brandBar .menuSecondary .languageSelection .icon-Breadcrumb-arrow {
  font-size: 6px;
  font-size: 0.6rem;
  -ms-transform: rotate(90deg) translateX(-2px);
      transform: rotate(90deg) translateX(-2px);
  display: inline-block;
  margin-left: 5px;
}

.mainHeader {
  height: 45px;
  border-top: 2px solid #00965e;
}

@media screen and (max-width: 991px) {
  .mainHeader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: #FFFFFF;
  }
}

@media screen and (min-width: 992px) {
  .mainHeader {
    border-top: none;
    height: 84px;
  }
}

.mainHeader .containLogo {
  line-height: 42px;
  display: inline-block;
  margin: 0 -10px;
}

@media screen and (min-width: 766px) {
  .mainHeader .containLogo {
    margin: 0 -30px;
  }
}

@media screen and (min-width: 992px) {
  .mainHeader .containLogo {
    border-top: none;
    line-height: 84px;
    margin: 0;
  }
}

.mainHeader .containLogo .logoHeaderlink:hover {
  text-decoration: none;
}

.mainHeader .containLogo .logoHeader {
  height: 29px;
  margin: 6px 30px 0 0;
}

@media screen and (min-width: 992px) {
  .mainHeader .containLogo .logoHeader {
    height: 37px;
    width: 184px;
    margin: 23px 30px 0 0;
  }
}

.mainHeader .containLogo span {
  font-size: 17px;
  font-size: 1.7rem;
  color: #333;
  vertical-align: top;
  display: none;
}

@media screen and (min-width: 992px) {
  .mainHeader .containLogo span {
    display: inline-block;
  }
}

.mainHeader .menuMobile {
  /*.mainHeaderSearchMobile .icon-loupe{
    	    display: block;
		    position: absolute;
		    right: 60px;
		    top: 12px;
		    font-size: 20px;
		    cursor: pointer;
	    }*/
  /*.menuMobileContent{
	    	display: none;
	    }*/
}

@media screen and (min-width: 992px) {
  .mainHeader .menuMobile {
    display: none;
  }
}

.containLogo .mainHeaderSearchMobile .icon-loupe {
  display: none;
  position: absolute;
  right: 60px;
  top: 12px;
  color: #989898;
  font-size: 20px;
  cursor: pointer;
}

@media screen and (max-width: 991px) {
  .containLogo .mainHeaderSearchMobile .icon-loupe {
    display: block;
  }
}

.mainHeaderSearchMobile .mainHeaderSearchMobileInput {
  display: none;
  position: absolute;
  top: 42px;
  left: 0;
  right: 0;
  padding: 5px;
  line-height: 1;
  background-color: #FFFFFF;
  z-index: 200;
}

.mainHeaderSearchMobile .mainHeaderSearchMobileInput input.text {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 10px;
  width: 85%;
  border: 0;
  outline: 0;
}

.mainHeaderSearchMobile .mainHeaderSearchMobileInput button {
  float: right;
  display: inline-block;
  padding: 12px 18px 10px;
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  background-color: #00965e;
  color: #fff;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: #00965e;
  transition: all .1s ease;
  outline: 0;
  white-space: nowrap;
}

.mainHeaderSearchMobile .mainHeaderSearchMobileInput button:hover {
  text-decoration: none;
  background-color: transparent;
  border-color: #00965e;
  color: #00965e;
}

.searchDesktop {
  display: none;
}

@media screen and (min-width: 992px) {
  .searchDesktop {
    display: inline;
  }
}

.searchContain {
  position: relative;
  display: inline-block;
  border-bottom: 1px solid #afafaf;
  margin-top: 20px;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .searchContain {
    float: right;
    width: auto;
  }
}

.searchContain ::-webkit-input-placeholder {
  color: #989898;
}

.searchContain :-moz-placeholder {
  color: #989898;
  opacity: 1;
}

.searchContain ::-moz-placeholder {
  color: #989898;
  opacity: 1;
}

.searchContain :-ms-input-placeholder {
  color: #989898;
}

.searchContain .searchText {
  display: inline-block;
  color: #989898;
  width: calc(100% - 20px);
  font-size: 14px;
  padding: 10px 0;
  border: 0;
  -webkit-appearance: none;
  outline: 0;
  vertical-align: middle;
}

@media screen and (min-width: 992px) {
  .searchContain .searchText {
    width: 310px;
  }
}

.searchContain button {
  outline: 0;
}

.searchContain .icon-loupe {
  font-size: 17px;
  font-size: 1.7rem;
  color: #989898;
  vertical-align: middle;
}

.mainMenu {
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  clear: both;
  display: none;
  position: relative;
  z-index: 12000;
}

@media screen and (min-width: 992px) {
  .mainMenu {
    display: block;
  }
}

.mainMenu.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 12000;
}

.mainMenu.sticky .homeMenu .icon-home {
  display: none;
}

.mainMenu.sticky .homeMenu .stickyLogo {
  width: 120px;
  animation-name: widthChange;
  animation-duration: 0.5s;
}

.mainMenu.sticky .container > .mainMenuPrimary > li.open {
  border-bottom: 0;
}

.mainMenu.sticky .container > .mainMenuPrimary > li.open:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #fff;
}

@keyframes widthChange {
  0% {
    width: 0;
  }
  100% {
    width: 120px;
  }
}

.mainMenu .homeMenu {
  text-decoration: none;
  border-left: 1px solid #e8e8e8;
}

.mainMenu .homeMenu .icon-home {
  font-size: 18px;
  font-size: 1.8rem;
  color: #00965e;
  vertical-align: middle;
}

.mainMenu .homeMenu .stickyLogo {
  width: 0;
  height: auto;
  vertical-align: middle;
  transition: 0.5s all ease;
}

.mainMenu .container > .mainMenuPrimary {
  height: 50px;
  text-align: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}

.mainMenu .container > .mainMenuPrimary > li {
  display: inline-block;
  list-style: none;
  line-height: 50px;
  float: left;
}

.mainMenu .container > .mainMenuPrimary > li.more {
  position: relative;
}

.mainMenu .container > .mainMenuPrimary > li.more > a .fa {
  margin-right: 0.3rem;
}

.mainMenu .container > .mainMenuPrimary > li.hidden {
  display: none;
}

.mainMenu .container > .mainMenuPrimary > li a {
  font-size: 13px;
  font-size: 1.3rem;
  color: #444;
  text-transform: uppercase;
  border-right: 1px solid #e8e8e8;
  display: block;
  color: #444;
  text-decoration: none;
  padding: 0 20px;
  transition: 0.5s all ease;
}

.mainMenu .container > .mainMenuPrimary > li a:hover {
  box-shadow: 0px 3px 0px #00965e inset;
}

.mainMenu .container > .mainMenuPrimary > li a + ul {
  display: none;
  top: 100%;
  right: 0;
  margin-right: 0;
  z-index: 99;
}

.mainMenu .container > .mainMenuPrimary > li a + ul li {
  display: inline-block;
}

.mainMenu .container > .mainMenuPrimary > li a + ul li a {
  text-align: left;
  white-space: nowrap;
  transition: 0.3s;
}

.mainMenu .container > .mainMenuPrimary > li.active {
  box-shadow: 0px 3px 0px #00965e inset;
}

.mainMenu .container > .mainMenuPrimary > li.open {
  box-shadow: 0px 3px 0px #00965e inset;
  border-bottom: 1px solid #fff;
}

.mainMenu .container > .mainMenuPrimary > li.open a:hover {
  background-color: inherit;
}

.mainMenu .container > .mainMenuPrimary > li.open:before {
  content: '';
  width: 100%;
  left: 0;
  margin: auto;
  background-color: #fff;
  height: 51px;
  top: 51px;
  z-index: 1;
  position: absolute;
  border-bottom: 1px solid #e8e8e8;
}

.mainMenu .container > .mainMenuPrimary > li.open ul.secondLevelMenu,
.mainMenu .container > .mainMenuPrimary > li.open ul.mainMenuSecondary {
  max-width: 1140px;
  border-bottom: 1px solid #e8e8e8;
  margin: 1px auto 0;
  background-color: #fff;
  display: inline;
  position: absolute;
  left: -1px;
  text-align: left;
  top: 100%;
  width: 100%;
  background: #fff;
  z-index: 500;
  margin-left: 40px;
}

@media screen and (min-width: 1160px) {
  .mainMenu .container > .mainMenuPrimary > li.open ul.secondLevelMenu,
  .mainMenu .container > .mainMenuPrimary > li.open ul.mainMenuSecondary {
    margin-left: auto;
  }
}

.mainMenu .container > .mainMenuPrimary > li.open ul.secondLevelMenu li a,
.mainMenu .container > .mainMenuPrimary > li.open ul.mainMenuSecondary li a {
  border-right: none;
  padding: 0 15px 0;
}

.mainMenu .container > .mainMenuPrimary > li.open ul.secondLevelMenu li a:hover,
.mainMenu .container > .mainMenuPrimary > li.open ul.mainMenuSecondary li a:hover {
  box-shadow: none;
  background-color: #f5f5f5;
}

.mainMenu .container > .mainMenuPrimary > li.open.more ul {
  margin-left: auto;
}

.mainMenu .container > .mainMenuPrimary > li.open.more ul li.hasChildren ul {
  display: none;
}

.mainMenu .container > .mainMenuPrimary .secondLevelMenu {
  white-space: nowrap;
}

.mainMenu .container > .mainMenuPrimary .secondLevelMenu .thirdLevelMenu {
  display: none;
  position: absolute;
  left: auto;
  right: auto;
  max-width: 500px;
  background: #f5f5f5;
  z-index: 500;
}

.mainMenu .container > .mainMenuPrimary .secondLevelMenu .thirdLevelMenu li {
  display: block;
  line-height: 3;
}

.mainMenu .container > .mainMenuPrimary .secondLevelMenu .thirdLevelMenu li a {
  padding: 10px 15px 10px !important;
  line-height: 1.5;
  white-space: normal;
}

.mainMenu .container > .mainMenuPrimary .secondLevelMenu .thirdLevelMenu li a:hover {
  color: #00965e;
}

.mainMenu .container > .mainMenuPrimary .secondLevelMenu li.hasChildren:hover {
  background-color: #f5f5f5;
}

.mainMenu .container > .mainMenuPrimary .secondLevelMenu li.hasChildren:hover .thirdLevelMenu {
  display: inline;
}

.mainMenu .mainMenuSecondary {
  min-width: 172px;
  max-width: 200px !important;
  border: 1px solid #e8e8e8;
  border-top: 0;
}

.mainMenu .mainMenuSecondary li {
  width: 100%;
}

.mainMenu .mainMenuSecondary li a {
  padding: 15px !important;
  white-space: normal !important;
  line-height: 1.5;
}

.fakeMenu {
  display: none;
  height: 52px;
}

@media screen and (min-width: 992px) {
  .fakeMenu {
    display: block;
  }
}

@media screen and (max-width: 991px) {
  .menuMobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform .4s ease;
    pointer-events: none;
    visibility: hidden;
    z-index: 1000;
  }
}

@media screen and (min-width: 992px) {
  .menuMobile {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .menuMobile.open {
    -ms-transform: translateX(calc(-100% + 35px));
        transform: translateX(calc(-100% + 35px));
  }
}

@media screen and (max-width: 991px) {
  .menuMobile.subMenuOpen {
    -ms-transform: translateX(calc(-100% + 35px));
        transform: translateX(calc(-100% + 35px));
  }
}

.menuMobile.subMenuOpen .menuMobileContent {
  overflow: hidden;
}

@media screen and (max-width: 991px) {
  .menuMobileContent {
    position: absolute;
    top: 0;
    left: 100%;
    height: 100%;
    width: calc(100% - 35px);
    min-height: 100%;
    padding: 0 0 20px 36px;
    background: #212121;
    border-left: 10px solid #090909;
    pointer-events: auto;
    visibility: visible;
    overflow-y: auto;
  }
}

.menuMobileContent .menu,
.menuMobileContent .subMenu {
  display: block;
  overflow-y: auto;
  padding: 44px 0 18px;
  margin-right: 35px;
}

.menuMobileContent .menu .menuFirstLevel,
.menuMobileContent .subMenu .menuFirstLevel {
  position: relative;
}

.menuMobileContent .secondMenu {
  display: block;
  overflow-y: auto;
  max-height: 100vh;
  padding: 18px 0;
  margin-right: 35px;
}

.menuMobileContent .socialShare {
  position: absolute;
  top: 10px;
  right: 35px;
  font-family: "BNPPRounded", Arial, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
}

.menuMobileContent .socialShare a {
  color: #fff;
}

.menuMobileContent .socialShare a:hover {
  text-decoration: none;
}

.menuMobileContent .socialShare a span {
  display: inline-block;
  margin-top: -4px;
  padding-left: 10px;
  color: #fff;
  font-size: 2em;
  vertical-align: middle;
}

.menuMobile .menuItem,
.menuMobile .menuItemSecondLevel,
.menuMobile .menuItemThirdLevel,
.menuMobile .menuItemCurrent {
  position: relative;
  margin-bottom: 20px;
}

.menuMobile .menuItem.active .link,
.menuMobile .menuItemSecondLevel.active .link,
.menuMobile .menuItemThirdLevel.active .link,
.menuMobile .menuItemCurrent.active .link {
  text-decoration: underline;
}

.menuMobile .menuItem:last-child,
.menuMobile .menuItemSecondLevel:last-child,
.menuMobile .menuItemThirdLevel:last-child,
.menuMobile .menuItemCurrent:last-child {
  margin-bottom: 0;
}

.menuMobile .link,
.menuMobile .menuItemCurrent .link,
.menuMobile .menuItemSecondLevel .link,
.menuMobile .menuItemThirdLevel .link {
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
}

.menuMobile .link,
.menuMobile .menuItemSecondLevel .link,
.menuMobile .menuItemThirdLevel .link {
  position: relative;
  display: block;
  color: #fff;
  z-index: 5;
}

.menuMobile .menuItemCurrent > .link {
  color: #00965e;
}

@media screen and (max-width: 991px) {
  .menuMobile .subMenu {
    position: fixed;
    height: 100%;
    width: calc(100% - 35px);
    top: 0;
    left: 200%;
    padding: 44px 36px;
    background: #4e4b48;
    border-left: 10px solid #212121;
    transition: 0.5s all ease;
    z-index: 20;
  }
}

.menuMobile .subMenu.menuThirdLevel {
  border-left: 0;
}

.menuMobile .subMenu.open {
  visibility: visible;
  opacity: 1;
  left: 100%;
}

.menuMobile .subMenu.open.menuThirdLevel {
  left: calc(100% + 10px);
}

.menu-mobile .subMenu.open:not(.menuSecondLevel) {
  -ms-transform: translateX(-100%);
      transform: translateX(-100%);
  width: 100%;
}

.menu-mobile .menuSecondLevel.open {
  width: calc(100% + 45px);
  -ms-transform: translateX(calc(-100% + 45px));
      transform: translateX(calc(-100% + 45px));
  border-left: 10px solid #3f3a36;
}

.menuMobile .hasSubMenu:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "\e908";
  margin-top: -2px;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: 'factor';
  font-weight: 800;
  line-height: 1.2;
  z-index: 1;
}

.menuMobile .linkHighlight {
  margin: 10px 0;
  padding: 14px 15px;
  color: #333;
  font-family: "BNPPSansBold", Arial, sans-serif;
  text-transform: uppercase;
  background-color: #fff;
}

@media screen and (min-width: 992px) {
  .languageSelection {
    position: relative;
    display: inline-block;
  }
}

@media screen and (min-width: 992px) {
  .languageSelected {
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "BNPPRounded", Arial, sans-serif;
    font-weight: 800;
    text-transform: uppercase;
  }
  .languageSelected:hover .carret, .languageSelected:focus .carret, .languageSelected:active .carret {
    border-top-color: #ddd;
  }
}

.languageSelected .label,
.languageSelected .carret {
  display: inline-block;
  vertical-align: middle;
}

.languageSelection .languageList {
  display: none;
}

@media screen and (min-width: 992px) {
  .languageSelection .languageList {
    position: absolute;
    padding: 6px 0;
    top: calc(100% + 10px);
    border-radius: 3px;
    background: #00965e;
    z-index: 300;
  }
}

.languageSelection .languageList:before {
  top: -6px;
  right: 8px;
  position: absolute;
  width: 0;
  height: 0;
  content: '';
  z-index: 2;
  border-bottom: 6px solid #00965e;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.languageSelection.open .languageList {
  display: block;
}

@media screen and (min-width: 992px) {
  .languageSelection .menuItem {
    display: block;
    width: 100%;
    line-height: 1.5;
  }
}

@media screen and (min-width: 992px) {
  .languageSelection .menuItem .link {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0;
    padding: 6px 10px 4px;
    line-height: 1;
  }
  .languageSelection .menuItem .link:hover, .languageSelection .menuItem .link:focus, .languageSelection .menuItem .link:active {
    text-decoration: none;
    background: #00af6e;
    color: #fff;
  }
}

@media screen and (min-width: 992px) {
  .languageSelection .menuItem.current .link {
    text-decoration: underline;
  }
}

@media screen and (max-width: 991px) {
  .languageSelectionMobile {
    padding: 14px 0 12px;
    margin: 15px 35px 15px 0;
    border: 1px solid #fff;
    border-left: 0;
    border-right: 0;
  }
}

.menuMobile .languageSelectionMobile .menuItem {
  display: inline-block;
  margin-right: 16px;
}

.menuMobile .languageSelectionMobile .menuItem:last-child {
  margin-right: 0;
}

@media screen and (max-width: 991px) {
  .menuMobile .languageSelectionMobile .menuItem .link {
    color: #5f5f5f;
  }
}

@media screen and (max-width: 991px) {
  .menuMobile .languageSelectionMobile .menuItemCurrent > .link {
    color: #fff;
  }
}

.mainMenuSecondary .hasChildren {
  position: relative;
}

.secondLevelMenu {
  height: 50px;
}

.secondLevelMenu.hasOverflow {
  display: block !important;
  margin-left: auto !important;
  overflow: hidden;
}

.secondLevelMenu.hasOverflow .left-btn {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 30px;
  background: #FFFFFF url("/ResourcePackages/Factor/assets/images/prev.png") center center no-repeat;
  cursor: pointer;
  z-index: 200;
}

.secondLevelMenu.hasOverflow .right-btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 30px;
  background: #FFFFFF url("/ResourcePackages/Factor/assets/images/next.png") center center no-repeat;
  cursor: pointer;
  z-index: 200;
}

.wrapperOverflow {
  position: absolute;
  padding-left: 30px;
  transition: 0.5s all ease;
}

.wrapperOverflow li {
  float: none !important;
}

/* Style for backend only */
.backend-design {
  display: inline-block;
  max-width: 300px;
  max-height: 200px;
  margin: 0 0 3px 3px;
  padding: 20px 10px;
  font-family: Arial, sans-serif;
  font-size: 16px;
  text-align: center;
  background-color: #E8E8E8;
  border: 1px dashed #B8B8B8;
  vertical-align: middle;
}

@media screen and (max-width: 991px) {
  .breadcrumb {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .breadcrumb {
    display: block;
    vertical-align: middle;
    padding: 20px 0;
    font-size: 0;
  }
}

@media screen and (min-width: 992px) {
  .breadcrumbItem,
  .breadcrumbItem.current {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.breadcrumbItem .link,
.breadcrumbItem.current .link {
  font-size: 11px;
  font-size: 1.1rem;
}

.breadcrumbItem .link:after,
.breadcrumbItem.current .link:after {
  content: "›";
  display: inline-block;
  margin: 0 6px;
}

.breadcrumbItem:last-child .link:after,
.breadcrumbItem.current:last-child .link:after {
  display: none;
}

.breadcrumbItem .link {
  font-family: "BNPPSansLight", Arial, sans-serif;
  color: #767676;
}

.breadcrumbItem.current .link {
  font-family: "BNPPSansReg", Arial, sans-serif;
  color: #444;
}

body .logoHeaderlink {
  height: 37px;
  margin: 6px 30px 0 0;
  background-size: auto 30px;
  display: inline-block;
  background-repeat: no-repeat;
}

@media screen and (min-width: 992px) {
  body .logoHeaderlink {
    margin: 23px 30px 0 0;
    background-size: auto 37px;
  }
}

body .link.bnpLogo {
  height: 30px;
  background-size: auto 30px;
  background-repeat: no-repeat;
}

@media screen and (min-width: 992px) {
  body .link.bnpLogo {
    width: 136px;
    height: 28px;
    background-size: auto 28px;
  }
}

body .stickyLogo {
  height: 30px !important;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  background-position: center;
}

body .logoHeaderlink {
  background-image: url(/ResourcePackages/Factor/assets/images/logo/BNPP_Factoring_logo_dk_de_fr_nl_pt_sp_sw.png);
  width: 183px;
}

body .link.bnpLogo {
  background-image: url(/ResourcePackages/Factor/assets/images/logo/BNPP_Factoring_logo_dk_de_fr_nl_pt_sp_sw.png);
  width: 136px;
}

body .stickyLogo {
  background-image: url(/ResourcePackages/Factor/assets/images/logo/BNPP_Factoring_logo_dk_de_fr_nl_pt_sp_sw.png);
}

@media screen and (max-width: 765px) {
  .cardTestimonialContain {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .cardTestimonialContain:after {
    -ms-flex: auto;
        flex: auto;
    margin: 0 auto;
    content: "";
  }
  .cardTestimonialContain > * {
    width: calc( 100% - 0px - 1px);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .cardTestimonialContain > *:nth-child(1) {
    margin-left: 0;
  }
  .cardTestimonialContain > *:nth-child(1n) {
    margin-right: 0;
  }
  .cardTestimonialContain > *:nth-child(1n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 766px) and (max-width: 991px) {
  .cardTestimonialContain {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .cardTestimonialContain:after {
    -ms-flex: auto;
        flex: auto;
    margin: 0 auto;
    content: "";
  }
  .cardTestimonialContain > * {
    width: calc( 50% - 1.25rem - 1px);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .cardTestimonialContain > *:nth-child(1) {
    margin-left: 0;
  }
  .cardTestimonialContain > *:nth-child(2n) {
    margin-right: 0;
  }
  .cardTestimonialContain > *:nth-child(2n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 992px) and (max-width: 1159px) {
  .cardTestimonialContain {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .cardTestimonialContain:after {
    -ms-flex: auto;
        flex: auto;
    margin: 0 auto;
    content: "";
  }
  .cardTestimonialContain > * {
    width: calc( 33.3333333333% - 1.6666666667rem - 1px);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .cardTestimonialContain > *:nth-child(1) {
    margin-left: 0;
  }
  .cardTestimonialContain > *:nth-child(3n) {
    margin-right: 0;
  }
  .cardTestimonialContain > *:nth-child(3n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 1160px) {
  .cardTestimonialContain {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .cardTestimonialContain:after {
    -ms-flex: auto;
        flex: auto;
    margin: 0 auto;
    content: "";
  }
  .cardTestimonialContain > * {
    width: calc( 33.3333333333% - 1.6666666667rem - 1px);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .cardTestimonialContain > *:nth-child(1) {
    margin-left: 0;
  }
  .cardTestimonialContain > *:nth-child(3n) {
    margin-right: 0;
  }
  .cardTestimonialContain > *:nth-child(3n + 1) {
    margin-left: 0;
  }
}

@media screen and (max-width: 765px) {
  .cardTestimonialContain.home {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .cardTestimonialContain.home:after {
    -ms-flex: auto;
        flex: auto;
    margin: 0 auto;
    content: "";
  }
  .cardTestimonialContain.home > * {
    width: calc( 100% - 0px - 1px);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .cardTestimonialContain.home > *:nth-child(1) {
    margin-left: 0;
  }
  .cardTestimonialContain.home > *:nth-child(1n) {
    margin-right: 0;
  }
  .cardTestimonialContain.home > *:nth-child(1n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 766px) and (max-width: 991px) {
  .cardTestimonialContain.home {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .cardTestimonialContain.home:after {
    -ms-flex: auto;
        flex: auto;
    margin: 0 auto;
    content: "";
  }
  .cardTestimonialContain.home > * {
    width: calc( 50% - 1.25rem - 1px);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .cardTestimonialContain.home > *:nth-child(1) {
    margin-left: 0;
  }
  .cardTestimonialContain.home > *:nth-child(2n) {
    margin-right: 0;
  }
  .cardTestimonialContain.home > *:nth-child(2n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 992px) and (max-width: 1159px) {
  .cardTestimonialContain.home {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .cardTestimonialContain.home:after {
    -ms-flex: auto;
        flex: auto;
    margin: 0 auto;
    content: "";
  }
  .cardTestimonialContain.home > * {
    width: calc( 50% - 1.25rem - 1px);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .cardTestimonialContain.home > *:nth-child(1) {
    margin-left: 0;
  }
  .cardTestimonialContain.home > *:nth-child(2n) {
    margin-right: 0;
  }
  .cardTestimonialContain.home > *:nth-child(2n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 1160px) {
  .cardTestimonialContain.home {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .cardTestimonialContain.home:after {
    -ms-flex: auto;
        flex: auto;
    margin: 0 auto;
    content: "";
  }
  .cardTestimonialContain.home > * {
    width: calc( 50% - 1.25rem - 1px);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .cardTestimonialContain.home > *:nth-child(1) {
    margin-left: 0;
  }
  .cardTestimonialContain.home > *:nth-child(2n) {
    margin-right: 0;
  }
  .cardTestimonialContain.home > *:nth-child(2n + 1) {
    margin-left: 0;
  }
}

.emptyLink {
  pointer-events: none;
  cursor: default;
}

.cardTestimonial {
  position: relative;
  margin-bottom: 25px;
  border: 1px solid #e8e8e8;
  transition: all .4s ease;
  overflow: hidden;
  cursor: pointer;
}

@media screen and (min-width: 1160px) {
  .cardTestimonial {
    max-width: 360px;
  }
}

.cardTestimonial:after {
  content: '';
}

@media screen and (min-width: 992px) {
  .cardTestimonial:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 5px;
    background-color: #00965e;
    left: -100%;
    bottom: 0;
    transition: all .4s ease;
  }
}

@media screen and (min-width: 992px) {
  .cardTestimonial:hover:after {
    left: 0;
  }
}

@media screen and (min-width: 992px) {
  .cardTestimonial:hover .subCardTestimonialContent {
    bottom: 5px !important;
    opacity: 1 !important;
  }
}

@media screen and (min-width: 992px) {
  .cardTestimonial:hover .cardTestimonialContent {
    padding: 25px 25px 0px;
  }
}

@media screen and (min-width: 992px) {
  .cardTestimonial:hover .cardTestimonialContent h1,
  .cardTestimonial:hover .cardTestimonialContent .subCardTestimonialContent {
    transform: translate3d(0, -35px, 0);
  }
}

.cardTestimonial:hover .cardTestimonialContent h1 a {
  box-shadow: inset 0 -2px 0 #FFFFFF, inset 0 -3px 0 #000000;
}

@media screen and (min-width: 992px) {
  .cardTestimonial:hover .cardTestimonialContent .socialShare {
    bottom: 10px;
  }
}

@media screen and (min-width: 992px) {
  .cardTestimonial:hover .cardTestimonialImg {
    transform: translate3d(0, -40px, 0) scale3d(1.05, 1.05, 1);
  }
}

.cardTestimonial .cardTestimonialImg {
  height: 190px;
  width: 100%;
  background-size: cover;
  background-position: center;
  transition: all .4s ease;
  vertical-align: top;
}

.cardTestimonial .cardTestimonialContent {
  padding: 25px 25px 25px;
  transition: all .4s ease;
}

@media screen and (min-width: 992px) {
  .cardTestimonial .cardTestimonialContent {
    padding: 25px 25px 0px;
  }
}

.cardTestimonial .cardTestimonialContent h1 {
  font-family: "BNPPSansReg", Arial, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  margin: 0 0 10px;
  color: #5f5f5f;
  line-height: 28px;
  transition: all .4s ease;
  border: 0;
  text-transform: none;
}

.cardTestimonial .cardTestimonialContent h1:after {
  content: '';
  display: block;
  margin: 10px 0;
  width: 34px;
  height: 2px;
  background-color: #5f5f5f;
}

.cardTestimonial .cardTestimonialContent h1 a {
  color: #5f5f5f;
}

.cardTestimonial .cardTestimonialContent h1 a:hover {
  text-decoration: none;
}

.cardTestimonial .cardTestimonialContent h1 a:before, .cardTestimonial .cardTestimonialContent h1 a:after {
  content: '"';
}

.cardTestimonial .cardTestimonialContent span {
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #5f5f5f;
  line-height: 22px;
}

.cardTestimonial .cardTestimonialContent .subCardTestimonialContent {
  transition: all .4s ease;
}

@media screen and (min-width: 992px) {
  .cardTestimonial .cardTestimonialContent .subCardTestimonialContent {
    bottom: -50%;
    opacity: 0;
  }
}

.cardTestimonial .cardTestimonialContent .socialShare {
  position: absolute;
  bottom: -20px;
  right: 7px;
  transition: all .4s ease;
}

@media screen and (min-width: 992px) {
  .cardTestimonial .cardTestimonialContent .socialShare {
    padding: 25px 0 0;
  }
}

.cardTestimonial .cardTestimonialContent .socialShare a {
  text-decoration: none;
  padding: 3px;
  transition: 0.5s all ease;
}

.cardTestimonial .cardTestimonialContent .socialShare a:hover {
  opacity: 0.5;
}

.cardTestimonial .cardTestimonialContent .socialShare .icon-letter, .cardTestimonial .cardTestimonialContent .socialShare .icon-linkedin2 {
  color: #00965e;
  font-size: 16px;
  font-size: 1.6rem;
}

.cardTestimonial .cardTestimonialContent .socialShare .icon-letter {
  vertical-align: sub;
}

@media screen and (max-width: 765px) {
  .cardNewsContainer, .cardOverviewContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .cardNewsContainer:after, .cardOverviewContainer:after {
    -ms-flex: auto;
        flex: auto;
    margin: 0 auto;
    content: "";
  }
  .cardNewsContainer > *, .cardOverviewContainer > * {
    width: calc( 100% - 0px - 1px);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .cardNewsContainer > *:nth-child(1), .cardOverviewContainer > *:nth-child(1) {
    margin-left: 0;
  }
  .cardNewsContainer > *:nth-child(1n), .cardOverviewContainer > *:nth-child(1n) {
    margin-right: 0;
  }
  .cardNewsContainer > *:nth-child(1n + 1), .cardOverviewContainer > *:nth-child(1n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 766px) and (max-width: 991px) {
  .cardNewsContainer, .cardOverviewContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .cardNewsContainer:after, .cardOverviewContainer:after {
    -ms-flex: auto;
        flex: auto;
    margin: 0 auto;
    content: "";
  }
  .cardNewsContainer > *, .cardOverviewContainer > * {
    width: calc( 50% - 1.25rem - 1px);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .cardNewsContainer > *:nth-child(1), .cardOverviewContainer > *:nth-child(1) {
    margin-left: 0;
  }
  .cardNewsContainer > *:nth-child(2n), .cardOverviewContainer > *:nth-child(2n) {
    margin-right: 0;
  }
  .cardNewsContainer > *:nth-child(2n + 1), .cardOverviewContainer > *:nth-child(2n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 992px) and (max-width: 1159px) {
  .cardNewsContainer, .cardOverviewContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .cardNewsContainer:after, .cardOverviewContainer:after {
    -ms-flex: auto;
        flex: auto;
    margin: 0 auto;
    content: "";
  }
  .cardNewsContainer > *, .cardOverviewContainer > * {
    width: calc( 33.3333333333% - 1.6666666667rem - 1px);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .cardNewsContainer > *:nth-child(1), .cardOverviewContainer > *:nth-child(1) {
    margin-left: 0;
  }
  .cardNewsContainer > *:nth-child(3n), .cardOverviewContainer > *:nth-child(3n) {
    margin-right: 0;
  }
  .cardNewsContainer > *:nth-child(3n + 1), .cardOverviewContainer > *:nth-child(3n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 1160px) {
  .cardNewsContainer, .cardOverviewContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .cardNewsContainer:after, .cardOverviewContainer:after {
    -ms-flex: auto;
        flex: auto;
    margin: 0 auto;
    content: "";
  }
  .cardNewsContainer > *, .cardOverviewContainer > * {
    width: calc( 33.3333333333% - 1.6666666667rem - 1px);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .cardNewsContainer > *:nth-child(1), .cardOverviewContainer > *:nth-child(1) {
    margin-left: 0;
  }
  .cardNewsContainer > *:nth-child(3n), .cardOverviewContainer > *:nth-child(3n) {
    margin-right: 0;
  }
  .cardNewsContainer > *:nth-child(3n + 1), .cardOverviewContainer > *:nth-child(3n + 1) {
    margin-left: 0;
  }
}

.cardNews, .cardOverview {
  position: relative;
  margin-bottom: 25px;
  border: 1px solid #e8e8e8;
  transition: all .4s ease;
  overflow: hidden;
  cursor: pointer;
}

@media screen and (min-width: 1160px) {
  .cardNews, .cardOverview {
    max-width: 360px;
  }
}

.cardNews:after, .cardOverview:after {
  content: '';
}

@media screen and (min-width: 992px) {
  .cardNews:after, .cardOverview:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 5px;
    background-color: #00965e;
    left: -100%;
    bottom: 0;
    transition: all .4s ease;
  }
}

@media screen and (min-width: 992px) {
  .cardNews:hover:after, .cardOverview:hover:after {
    left: 0;
  }
}

@media screen and (min-width: 992px) {
  .cardNews:hover .cardNewsContent, .cardNews:hover .cardOverviewContent, .cardOverview:hover .cardNewsContent, .cardOverview:hover .cardOverviewContent {
    padding: 25px 25px 30px;
  }
}

@media screen and (min-width: 992px) {
  .cardNews:hover .cardNewsContent .socialShare, .cardNews:hover .cardOverviewContent .socialShare, .cardOverview:hover .cardNewsContent .socialShare, .cardOverview:hover .cardOverviewContent .socialShare {
    bottom: 10px;
  }
}

.cardNews.with-image, .cardOverview.with-image {
  /*.subCardNewsContent, .subCardOverviewContent {
			display: none;
		}*/
}

.cardNews.with-image .cardNewsImg, .cardNews.with-image .cardOverviewImg, .cardOverview.with-image .cardNewsImg, .cardOverview.with-image .cardOverviewImg {
  display: block;
}

.cardNews .cardNewsImg, .cardNews .cardOverviewImg, .cardOverview .cardNewsImg, .cardOverview .cardOverviewImg {
  display: none;
  height: 125px;
  width: 100%;
  background-size: cover;
  background-position: center;
  transition: all .4s ease;
  vertical-align: top;
}

.cardNews .cardNewsContent, .cardNews .cardOverviewContent, .cardOverview .cardNewsContent, .cardOverview .cardOverviewContent {
  padding: 25px 25px 25px;
  transition: all .4s ease;
}

@media screen and (min-width: 992px) {
  .cardNews .cardNewsContent, .cardNews .cardOverviewContent, .cardOverview .cardNewsContent, .cardOverview .cardOverviewContent {
    padding: 25px 25px 30px;
  }
}

.cardNews .cardNewsContent h1, .cardNews .cardOverviewContent h1, .cardOverview .cardNewsContent h1, .cardOverview .cardOverviewContent h1 {
  text-transform: none;
  font-family: "BNPPSansReg", Arial, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  margin: 0 0 10px;
  color: #5f5f5f;
  line-height: 28px;
  transition: all .4s ease;
  border: 0;
}

.cardNews .cardNewsContent h1 a, .cardNews .cardOverviewContent h1 a, .cardOverview .cardNewsContent h1 a, .cardOverview .cardOverviewContent h1 a {
  color: #5f5f5f;
}

.cardNews .cardNewsContent h1 a:hover, .cardNews .cardOverviewContent h1 a:hover, .cardOverview .cardNewsContent h1 a:hover, .cardOverview .cardOverviewContent h1 a:hover {
  text-decoration: none;
}

.cardNews .cardNewsContent .overviewButton, .cardNews .cardOverviewContent .overviewButton, .cardOverview .cardNewsContent .overviewButton, .cardOverview .cardOverviewContent .overviewButton {
  margin: 20px 0 0;
  /*position: absolute;
    		bottom: 20px;*/
}

.cardNews .cardNewsContent .cardNewsdate, .cardNews .cardNewsContent .cardOverviewdate, .cardNews .cardOverviewContent .cardNewsdate, .cardNews .cardOverviewContent .cardOverviewdate, .cardOverview .cardNewsContent .cardNewsdate, .cardOverview .cardNewsContent .cardOverviewdate, .cardOverview .cardOverviewContent .cardNewsdate, .cardOverview .cardOverviewContent .cardOverviewdate {
  display: inline-block;
  margin: 0 0 20px;
  padding: 3px 5px;
  background-color: #00a91e;
}

.cardNews .cardNewsContent .cardNewsdate span, .cardNews .cardNewsContent .cardOverviewdate span, .cardNews .cardOverviewContent .cardNewsdate span, .cardNews .cardOverviewContent .cardOverviewdate span, .cardOverview .cardNewsContent .cardNewsdate span, .cardOverview .cardNewsContent .cardOverviewdate span, .cardOverview .cardOverviewContent .cardNewsdate span, .cardOverview .cardOverviewContent .cardOverviewdate span {
  font-family: "BNPPSansReg", Arial, sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  color: #fff;
}

.cardNews .cardNewsContent span, .cardNews .cardOverviewContent span, .cardOverview .cardNewsContent span, .cardOverview .cardOverviewContent span {
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #5f5f5f;
  line-height: 22px;
}

.cardNews .cardNewsContent .subCardOverviewContent span, .cardNews .cardOverviewContent .subCardOverviewContent span, .cardOverview .cardNewsContent .subCardOverviewContent span, .cardOverview .cardOverviewContent .subCardOverviewContent span {
  display: block;
  margin-bottom: 20px;
}

.cardNews .cardNewsContent .socialShare, .cardNews .cardOverviewContent .socialShare, .cardOverview .cardNewsContent .socialShare, .cardOverview .cardOverviewContent .socialShare {
  position: absolute;
  bottom: 4px;
  right: 7px;
  transition: all .4s ease;
}

@media screen and (min-width: 992px) {
  .cardNews .cardNewsContent .socialShare, .cardNews .cardOverviewContent .socialShare, .cardOverview .cardNewsContent .socialShare, .cardOverview .cardOverviewContent .socialShare {
    bottom: -20px;
    padding: 25px 0 0;
  }
}

.cardNews .cardNewsContent .socialShare a, .cardNews .cardOverviewContent .socialShare a, .cardOverview .cardNewsContent .socialShare a, .cardOverview .cardOverviewContent .socialShare a {
  text-decoration: none;
  padding: 3px;
  transition: 0.5s all ease;
}

.cardNews .cardNewsContent .socialShare a:hover, .cardNews .cardOverviewContent .socialShare a:hover, .cardOverview .cardNewsContent .socialShare a:hover, .cardOverview .cardOverviewContent .socialShare a:hover {
  opacity: 0.5;
}

.cardNews .cardNewsContent .socialShare .icon-letter, .cardNews .cardNewsContent .socialShare .icon-linkedin2, .cardNews .cardOverviewContent .socialShare .icon-letter, .cardNews .cardOverviewContent .socialShare .icon-linkedin2, .cardOverview .cardNewsContent .socialShare .icon-letter, .cardOverview .cardNewsContent .socialShare .icon-linkedin2, .cardOverview .cardOverviewContent .socialShare .icon-letter, .cardOverview .cardOverviewContent .socialShare .icon-linkedin2 {
  color: #00965e;
  font-size: 16px;
  font-size: 1.6rem;
}

.cardNews .cardNewsContent .socialShare .icon-letter, .cardNews .cardOverviewContent .socialShare .icon-letter, .cardOverview .cardNewsContent .socialShare .icon-letter, .cardOverview .cardOverviewContent .socialShare .icon-letter {
  vertical-align: sub;
}

.cardOverview {
  cursor: default;
}

.cardOverview:after {
  background-color: transparent;
}

@media screen and (min-width: 992px) {
  .cardTestimonialContain.testimonialsPage .cardTestimonial .subCardTestimonialContent {
    bottom: 5px !important;
    opacity: 1 !important;
  }
}

@media screen and (min-width: 992px) {
  .cardTestimonialContain.testimonialsPage .cardTestimonial .cardTestimonialContent {
    padding: 25px;
  }
}

@media screen and (min-width: 992px) {
  .cardTestimonialContain.testimonialsPage .cardTestimonial .cardTestimonialContent h1,
  .cardTestimonialContain.testimonialsPage .cardTestimonial .cardTestimonialContent .subCardTestimonialContent {
    opacity: 1;
    -ms-transform: none;
        transform: none;
  }
}

.cardTestimonialContain.testimonialsPage .cardTestimonial .cardTestimonialContent h1:after,
.cardTestimonialContain.testimonialsPage .cardTestimonial .cardTestimonialContent .subCardTestimonialContent:after {
  display: none;
}

.cardTestimonialContain.testimonialsPage .cardTestimonial .cardTestimonialImg {
  height: 180px;
}

@media screen and (min-width: 992px) {
  .cardTestimonialContain.testimonialsPage .cardTestimonial .cardTestimonialImg {
    -ms-transform: none;
        transform: none;
  }
}

.cardTestimonialContain.testimonialsPage .cardTestimonial:hover .cardTestimonialContent h1 a {
  box-shadow: none;
}

/* Cookie Bar */
.cookieBar {
  position: fixed;
  display: none;
  width: 100%;
  height: auto;
  padding: 25px 40px 25px;
  padding: 2.5rem 4rem 2.5rem;
  text-align: center;
  background-color: #5f5f5f;
  transition: all 0.4s ease 0s;
  z-index: 6000;
}

@media screen and (min-width: 992px) {
  .cookieBar {
    position: relative;
    padding: 20px 35px;
    padding: 2rem 3.5rem;
  }
}

.cookieBarClose {
  display: inline-block;
  margin-left: 10px;
  width: 33px;
  height: 33px;
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
  line-height: 33px;
  color: #fff;
  vertical-align: middle;
  border: solid 2px #fff;
  border-radius: 50%;
}

.cookieBarClose:hover, .cookieBarClose:focus, .cookieBarClose:active {
  text-decoration: none;
}

.cookieBarText {
  display: inline-block;
  width: calc(100% - 50px);
  margin: 0;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
  color: #fff;
  text-align: left;
  vertical-align: middle;
}

@media screen and (min-width: 992px) {
  .cookieBarText {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

.cookieBarText a {
  color: #FFFFFF;
  text-decoration: underline;
}

/* Default custom select styles */
div.cs-select {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-family: "BNPPSansBold", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left;
  text-transform: uppercase;
  color: #fff;
  background: #212121;
  z-index: 100;
  width: 100%;
  max-width: 350px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

div.cs-select:focus {
  outline: none;
  /* For better accessibility add a style for this in your skin */
}

.cs-select select {
  display: none;
}

.cs-select span {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Placeholder and selected option */
.cs-placeholder {
  background: calc(100% - 10px) center url(/ResourcePackages/factor/assets/images/select-arrow-down.jpg) no-repeat;
}

.cs-select.cs-active .cs-placeholder {
  background: calc(100% - 10px) center url(/ResourcePackages/factor/assets/images/select-arrow-up.jpg) no-repeat;
}

/* Options */
.cs-select .cs-options {
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 320px;
  width: 100%;
  color: #fff;
  background: #212121;
  visibility: hidden;
}

.cs-select .cs-options:before {
  content: "";
  position: absolute;
  top: 0;
  left: 16px;
  height: 1px;
  width: 25px;
  background: #00a91e;
}

.cs-select .cs-options ul ul span:hover {
  color: #00a91e;
}

.cs-select.cs-active .cs-options {
  visibility: visible;
}

.cs-select .cs-selected {
  color: #00a91e;
}

.cs-select ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.cs-select ul span {
  padding: 0.8em 1em;
}

.cs-select ul li.cs-focus span {
  color: #00a91e;
}

/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul {
  padding-left: 1em;
}

.cs-select li.cs-optgroup > span {
  cursor: default;
}

/* white display */
.cs-select.white,
.cs-select.white .cs-options {
  border: 1px solid #d2d2d2;
  background-color: #fff;
  color: #bdbdbd;
}

.cs-select.white .cs-options {
  left: -1px;
  width: calc(100% + 2px);
  border-top: 0;
}

.cs-select.white .cs-options li:hover {
  background-color: #eee;
}

.cs-select.white .cs-placeholder {
  background: calc(100% - 10px) center url(/ResourcePackages/factor/assets/images/select-arrow-down-white.jpg) no-repeat;
}

.cs-select.white.cs-active .cs-placeholder {
  background: calc(100% - 10px) center url(/ResourcePackages/factor/assets/images/select-arrow-up-white.jpg) no-repeat;
}

/* Error state */
.cs-select.error {
  border: 1px solid #f00;
}

@media screen and (max-width: 991px) {
  .buttonMenuMobile {
    position: absolute;
    display: block;
    width: 45px;
    height: 45px;
    right: 0;
    top: 0;
    background: #00965e;
    z-index: 250;
    visibility: visible;
    pointer-events: auto;
  }
}

@media screen and (max-width: 991px) {
  .menuMobile.open .buttonMenuMobile {
    right: -10px;
  }
}

.buttonMenuMobile .icon {
  position: relative;
  width: 100%;
  height: 100%;
}

.buttonMenuMobile .bar {
  position: absolute;
  height: 4px;
  width: 20px;
  background: #fff;
  opacity: 1;
  left: 50%;
  top: 50%;
  -ms-transform: translateY(-50%) translateX(-50%) rotate(0deg);
      transform: translateY(-50%) translateX(-50%) rotate(0deg);
  transition: .25s ease-in-out .35s;
}

.buttonMenuMobile .bar:nth-child(1) {
  margin-top: -8px;
  transition: width .25s ease-in-out .35s, margin-top .25s ease-in-out .60s;
}

.menuMobile.open .buttonMenuMobile .bar:nth-child(1) {
  width: 0%;
}

.menuMobile.open .buttonMenuMobile .bar:nth-child(2) {
  -ms-transform: translateY(-50%) translateX(-50%) rotate(45deg);
      transform: translateY(-50%) translateX(-50%) rotate(45deg);
}

.menuMobile.open .buttonMenuMobile .bar:nth-child(3) {
  -ms-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
      transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}

.buttonMenuMobile .bar:nth-child(4) {
  margin-top: 8px;
}

.menuMobile.open .buttonMenuMobile .bar:nth-child(4) {
  width: 0%;
}

.menuMobile.subMenuOpen .buttonMenuMobile .bar:nth-child(1) {
  width: 20px;
  margin-top: 0;
  transition: width .25s ease-in-out .35s;
}

.menuMobile.subMenuOpen .buttonMenuMobile .bar:nth-child(2) {
  left: 16px;
  top: 26px;
  width: 10px;
  height: 3px;
}

.menuMobile.subMenuOpen .buttonMenuMobile .bar:nth-child(3) {
  top: 20px;
  left: 16px;
  width: 10px;
  height: 3px;
}

.carouselHome h1 {
  margin: 0;
  font-family: "BNPPSansBold";
  color: #00965e;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5;
  width: 100%;
  border: 0;
}

.carouselHome h1:after {
  content: '';
  height: 2px;
  width: 34px;
  background-color: #5f5f5f;
  display: block;
  margin: 12px 0 20px;
}

.carouselHome {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
  height: auto;
  padding-bottom: 48px;
  margin: 30px 20px 0;
}

@media screen and (min-width: 766px) {
  .carouselHome {
    margin: 30px 40px 0;
  }
}

@media screen and (min-width: 1160px) {
  .carouselHome {
    margin: 30px 60px 0;
  }
}

.carouselHome-no-flexbox .swiper-slide {
  float: left;
}

.carouselHome-vertical > .swiper-wrapper {
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.carouselHome-android .swiper-slide,
.swiper-wrapper {
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.carouselHome-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.carouselHome-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.carouselHome .swiper-slide {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: auto;
  position: relative;
  border: 1px solid #afafaf;
  padding: 30px;
}

/* Auto Height */
.carouselHome-autoheight,
.carouselHome-autoheight .swiper-slide {
  height: auto;
}

.carouselHome-autoheight .swiper-wrapper {
  -ms-flex-align: start;
  align-items: flex-start;
  transition-property: transform, height;
}

/* a11y */
.carouselHome .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

/* Arrows */
.buttonContain {
  width: 280px;
  display: block;
  position: relative;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  bottom: 0;
  z-index: 99;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 14px;
  width: 24px;
  height: 38px;
  margin-top: 0;
  z-index: 10;
  cursor: pointer;
  background-size: 14px 28px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.carouselHome-rtl .swiper-button-next {
  background-image: url("/ResourcePackages/Factor/assets/images/prev.png");
  left: 10px;
  right: auto;
}

.swiper-button-prev.swiper-button-black,
.carouselHome-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white,
.carouselHome-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.carouselHome-rtl .swiper-button-prev {
  background-image: url("/ResourcePackages/Factor/assets/images/next.png");
  right: 10px;
  left: auto;
}

.swiper-button-next.swiper-button-black,
.carouselHome-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.carouselHome-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms;
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 12px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullet {
  min-width: 2px;
  max-width: 27px;
  height: 3px;
  display: inline-block;
  background: #000;
  opacity: 0.2;
}

.swiper-pagination-bullet:after {
  content: "";
  width: 28px;
  height: 30px;
  display: block;
  position: absolute;
  top: -8px;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -ms-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #00965e;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

.sliderPlus.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  display: none;
}

/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -ms-transform: scale(0);
  transform: scale(0);
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.carouselHome-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

/* 3D Container */
.carouselHome-3d {
  -o-perspective: 1200px;
  perspective: 1200px;
}

.carouselHome-3d .swiper-wrapper,
.carouselHome-3d .swiper-slide,
.carouselHome-3d .swiper-slide-shadow-left,
.carouselHome-3d .swiper-slide-shadow-right,
.carouselHome-3d .swiper-slide-shadow-top,
.carouselHome-3d .swiper-slide-shadow-bottom,
.carouselHome-3d .swiper-cube-shadow {
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.carouselHome-3d .swiper-slide-shadow-left,
.carouselHome-3d .swiper-slide-shadow-right,
.carouselHome-3d .swiper-slide-shadow-top,
.carouselHome-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

/* Coverflow */
.carouselHome-coverflow .swiper-wrapper,
.carouselHome-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/* Fade */
.carouselHome-fade.carouselHome-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.carouselHome-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.carouselHome-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.carouselHome-fade .swiper-slide-active,
.carouselHome-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.carouselHome-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.carouselHome-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -ms-transform-origin: 50%;
      transform-origin: 50%;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

/* Brand bar modal list */
.modalListContainer {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 50px;
  overflow-y: auto;
  transition: opacity 0.3s linear;
  background-color: rgba(223, 221, 220, 0.9);
  opacity: 0;
  z-index: -100;
}

.modalListContainer.openModal {
  opacity: 1;
  z-index: 100000;
}

.modalListContainer .modalCloser {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 765px) {
  .modalListContainer .modalList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .modalListContainer .modalList:after {
    -ms-flex: auto;
        flex: auto;
    margin: 0 auto;
    content: "";
  }
  .modalListContainer .modalList > * {
    width: calc( 100% - 0px - 1px);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .modalListContainer .modalList > *:nth-child(1) {
    margin-left: 0;
  }
  .modalListContainer .modalList > *:nth-child(1n) {
    margin-right: 0;
  }
  .modalListContainer .modalList > *:nth-child(1n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 766px) and (max-width: 991px) {
  .modalListContainer .modalList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .modalListContainer .modalList:after {
    -ms-flex: auto;
        flex: auto;
    margin: 0 auto;
    content: "";
  }
  .modalListContainer .modalList > * {
    width: calc( 50% - 1.25rem - 1px);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .modalListContainer .modalList > *:nth-child(1) {
    margin-left: 0;
  }
  .modalListContainer .modalList > *:nth-child(2n) {
    margin-right: 0;
  }
  .modalListContainer .modalList > *:nth-child(2n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 992px) and (max-width: 1159px) {
  .modalListContainer .modalList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .modalListContainer .modalList:after {
    -ms-flex: auto;
        flex: auto;
    margin: 0 auto;
    content: "";
  }
  .modalListContainer .modalList > * {
    width: calc( 33.3333333333% - 1.6666666667rem - 1px);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .modalListContainer .modalList > *:nth-child(1) {
    margin-left: 0;
  }
  .modalListContainer .modalList > *:nth-child(3n) {
    margin-right: 0;
  }
  .modalListContainer .modalList > *:nth-child(3n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 1160px) {
  .modalListContainer .modalList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .modalListContainer .modalList:after {
    -ms-flex: auto;
        flex: auto;
    margin: 0 auto;
    content: "";
  }
  .modalListContainer .modalList > * {
    width: calc( 25% - 1.875rem - 1px);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .modalListContainer .modalList > *:nth-child(1) {
    margin-left: 0;
  }
  .modalListContainer .modalList > *:nth-child(4n) {
    margin-right: 0;
  }
  .modalListContainer .modalList > *:nth-child(4n + 1) {
    margin-left: 0;
  }
}

.modalListContainer .modalList .modalItem {
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
  padding: 20px 20px 80px;
  text-align: center;
  color: #5f5f5f;
  background-color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.8);
  overflow: hidden;
}

.modalListContainer .modalList .modalItem h1 {
  margin: 0 0 15px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: 'BNPPSansReg', Arial, sans-serif;
  font-weight: 800;
  color: #5f5f5f;
  text-transform: uppercase;
  border: 0;
}

.modalListContainer .modalList .modalItem .modalDescription {
  padding-bottom: 15px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
}

.modalListContainer .modalList .modalItem .modalDescription p {
  margin: 0 0 30px;
  font-family: 'BNPPSansReg', Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
}

.modalListContainer .modalList .modalItem .modalDescription a.buttonPrimary {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  padding: 12px 20px 10px;
}

.modalListContainer .modalList .modalItem .countryInfos {
  display: inline-block;
  width: 100%;
  text-align: left;
  vertical-align: top;
  overflow-y: auto;
}

.modalListContainer .modalList .modalItem .name {
  display: -ms-flexbox;
  display: flex;
  min-height: 35px;
  -ms-flex-align: center;
      align-items: center;
  padding: 30px 0 30px 60px;
  background-position: left center;
  background-size: 50px auto;
  background-repeat: no-repeat;
  font-family: "BNPPSansBold", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  text-transform: uppercase;
}

@media screen and (min-width: 1160px) {
  .modalListContainer .modalList .modalItem .name {
    margin: 0 0 30px;
    padding: 0 0 0 60px;
  }
}

.modalListContainer .modalList .modalItem .name.no-flag {
  padding: 30px 0;
}

@media screen and (min-width: 1160px) {
  .modalListContainer .modalList .modalItem .name.no-flag {
    padding: 0;
  }
}

.modalListContainer .modalList .modalItem .registeredOffice,
.modalListContainer .modalList .modalItem .salesOffice {
  display: inline-block;
  height: auto;
  width: 100%;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
  vertical-align: top;
}

@media screen and (max-width: 1159px) {
  .modalListContainer .modalList .modalItem .registeredOffice,
  .modalListContainer .modalList .modalItem .salesOffice {
    max-width: 265px;
  }
}

.modalListContainer .modalList .modalItem .registeredOffice .address,
.modalListContainer .modalList .modalItem .registeredOffice .telephone,
.modalListContainer .modalList .modalItem .salesOffice .address,
.modalListContainer .modalList .modalItem .salesOffice .telephone {
  margin: 0 0 20px;
  font-family: "BNPPSansLight", Arial, sans-serif;
}

.modalListContainer .modalList .modalItem .registeredOffice .address span,
.modalListContainer .modalList .modalItem .registeredOffice .telephone span,
.modalListContainer .modalList .modalItem .salesOffice .address span,
.modalListContainer .modalList .modalItem .salesOffice .telephone span {
  display: block;
}

@media screen and (min-width: 1160px) {
  .modalListContainer .modalList .modalItem .registeredOffice .address span,
  .modalListContainer .modalList .modalItem .registeredOffice .telephone span,
  .modalListContainer .modalList .modalItem .salesOffice .address span,
  .modalListContainer .modalList .modalItem .salesOffice .telephone span {
    display: inline-block;
    padding-right: 20px;
  }
}

.modalListContainer .modalList .modalItem .website a {
  margin: 0 0 15px;
  display: inline-block;
  color: #5f5f5f;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  text-decoration: underline;
}

@media screen and (min-width: 1160px) {
  .modalListContainer .modalList .modalItem .website a {
    margin: 0 0 15px;
  }
}

.modalListContainer .modalList .modalItem .website a:hover {
  text-decoration: none;
}

.modalListContainer .modalList .modalItem .logo {
  height: auto;
  width: auto;
  max-width: 200px;
  position: absolute;
  bottom: 30px;
}

.modalListContainer .modalList .modalItem.clientManagerItem {
  padding: 20px 20px 60px;
}

.modalListContainer .modalList .modalItem.clientManagerItem .countryInfos {
  text-align: center;
}

.modalListContainer .modalList .modalItem.clientManagerItem .countryInfos .flag {
  width: 50px;
  padding-top: 10px;
}

.modalListContainer .modalList .modalItem.clientManagerItem .countryInfos .entity-name {
  padding: 20px 0 0;
  background-position: left center;
  background-size: 50px auto;
  background-repeat: no-repeat;
  font-family: "BNPPSansBold", Arial, sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
  text-transform: uppercase;
}

.modalListContainer .modalList .modalItem.clientManagerItem .countryInfos p {
  margin: 10px 0;
  font-family: 'BNPPSansLight', Arial, sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.3;
}

.modalListContainer .modalList .modalItem.clientManagerItem .ctaClientManager {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}

.modalBtnCloser {
  display: block;
  /*position: absolute;*/
  position: fixed;
  right: 22px;
  top: 6px;
  width: 36px;
  height: 36px;
  background-image: url("/ResourcePackages/Factor/assets/images/icon-close-grey.png");
  background-image: url("/ResourcePackages/Factor/assets/images/icon-close-grey.svg");
  cursor: pointer;
}

@media screen and (min-width: 992px) {
  .modalBtnCloser {
    position: fixed;
    right: 50px;
    top: 10px;
  }
}

.rangeslider,
.rangeslider__fill {
  display: block;
  border-radius: 25px;
}

.rangeslider {
  background: #FFFFFF;
  position: relative;
}

.rangeslider:before {
  content: "";
  position: absolute;
  display: block;
  background-color: #FFFFFF;
  height: 100%;
  left: -5px;
  width: calc(100% + 10px);
  border-radius: 25px;
}

.rangeslider--horizontal {
  margin: 0 auto;
  height: 40px;
  width: calc(100% - 134px);
}

.rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider__fill {
  background: #00965E;
  position: absolute;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rangeslider--horizontal .rangeslider__fill {
  top: 5px;
  height: 30px;
}

.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}

.rangeslider__handle {
  background: white;
  cursor: pointer;
  display: inline-block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  border-radius: 50%;
  background-color: #006D44;
}

/*.rangeslider__handle:active, .rangeslider--active .rangeslider__handle {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}*/
.rangeslider--horizontal .rangeslider__handle {
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}

.rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}

/* SVG Map */
svg {
  height: 493px;
  width: 748px;
}

.st0 {
  -webkit-clip-path: url(#layer_2);
          clip-path: url(#layer_2);
}

.st1 {
  fill: #AAADAC;
}

.st2,
.st4 {
  fill: #FFFFFF;
}

.st3,
.st5 {
  fill: #99D8CA;
}

.st6 {
  fill: #AAADAC;
  -webkit-clip-path: url(#layer_4);
          clip-path: url(#layer_4);
}

.factor_country {
  fill: #009e7c;
  stroke: #F3F3F3;
  stroke-width: 0.25;
  stroke-miterlimit: 10;
  transition: fill .4s ease;
  cursor: pointer;
}

.factor_country:hover,
.selected {
  fill: #006e56;
}

.map,
.hiddenMap {
  display: none;
  overflow: hidden;
}

.video-article {
  height: 260px;
  margin: 15px 20px 50px;
  max-width: 750px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "BNPPSansLight", Arial, sans-serif;
  line-height: 1.5;
  text-align: center;
}

@media screen and (min-width: 766px) {
  .video-article {
    margin: 15px auto 50px;
    height: 450px;
  }
}

.video-article a {
  position: relative;
  height: 100%;
  width: 100%;
  max-width: 600px;
  display: inline-block;
  text-decoration: none;
  overflow: hidden;
}

.video-article a:after {
  content: "\e917";
  font-family: 'factor';
  font-size: 68px;
  font-size: 6.8rem;
  border: 3px solid #fff;
  border-radius: 50%;
  color: #fff;
  padding: 0px 25px 0 35px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.video-article img {
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.video-article .imgContainVideo {
  position: relative;
  height: 100%;
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

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

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

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

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

.mfp-figure figure {
  margin: 0;
}

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

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

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

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

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -ms-transform: scale(0.75);
        transform: scale(0.75);
  }
  .mfp-arrow-left {
    -ms-transform-origin: 0;
        transform-origin: 0;
  }
  .mfp-arrow-right {
    -ms-transform-origin: 100%;
        transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

#captcha {
  max-width: 360px;
  background-color: #eee;
  border: 1px solid #cecece;
  padding: 24px;
  text-align: left;
  margin: 20px 0;
  height: auto;
}

@media screen and (min-width: 766px) {
  #captcha {
    width: 49%;
    max-width: inherit;
  }
}

#captcha p {
  color: #333;
  font-size: 14px;
  margin: 0 0 5px;
  padding: 0;
}

#captcha .captchaContain {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: auto;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (min-width: 766px) {
  #captcha .captchaContain {
    height: 50px;
  }
}

#captcha .captchaContain ._refresh {
  width: 20px;
  height: 20px;
  margin: 0 0 0 6px;
  min-width: auto;
  padding: inherit;
  border-radius: inherit;
  background-color: #00915a;
  appearance: none;
  outline: none;
  transition: all .2s ease;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

#captcha .captchaContain ._refresh:after {
  font-family: 'factor' !important;
  content: "\e90b";
  display: block;
  color: #fff;
}

#captcha .captchaContain ._refresh:hover {
  background-color: #00915a;
}

#captcha .captchaContain img {
  width: calc(100% - 26px);
  background-size: cover;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

#captcha .validCode input {
  font-family: "BNPPSansReg", Arial, sans-serif;
  width: 100%;
  height: 44px;
  margin: 16px 0 0;
  border: 1px solid #a5a5a5;
  padding: 20px 10px;
  font-size: 16px;
  outline: none;
}

#captcha ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #cecece;
  font-size: 16px;
}

#captcha ::-moz-placeholder {
  /* Firefox 19+ */
  color: #cecece;
  font-size: 16px;
}

#captcha :-ms-input-placeholder {
  /* IE 10+ */
  color: #cecece;
  font-size: 16px;
}

#captcha :-moz-placeholder {
  /* Firefox 18- */
  color: #cecece;
  font-size: 16px;
}

#captcha #errorMessage {
  color: red;
  margin: 10px 0 0;
  font-size: 13px;
}

#captcha #errorMessage ul {
  margin: 0 !important;
}

#captcha #errorMessage ul li {
  color: red;
  margin: 10px 0 0;
  font-size: 13px;
  list-style: none;
  font-family: "BNPPSansReg", Arial, sans-serif;
}

#captcha #errorMessage ul li:before {
  display: none;
}

/**** CONTACT ****/
@media screen and (min-width: 766px) {
  .contactButton.button.red {
    width: 180px;
    display: block;
    padding: 15px 30px 12px 30px;
    margin: auto;
  }
}

@media screen and (min-width: 992px) {
  .contactButton.button.red {
    display: none;
  }
}

.contactContainer {
  position: fixed;
  z-index: 12000;
  top: 0;
  -webkit-overflow-scrolling: touch;
}

.contactContainer.openContact {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}

.contactContainer .buttonContact {
    position: fixed;
    right: 0;
    top: 50%;
    display: none;
    margin-top: -36px;
    padding: 50px 15px 10px 15px;
    background-image: url("/ResourcePackages/Factor/assets/images/icon-contact.svg");
    background-repeat: no-repeat;
    background-position: center 15px;
    background-color: #c20069;
    background-size: 22px 22px;
    color: #fff;
    font-family: "BNPPSansLight", Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    text-transform: uppercase;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    transition: all ease .4s;
    text-decoration: none;
}

.contactContainer .buttonContactAlternate {
    position: fixed;
    right: 0;
    top: 50%;
    display: none;
    margin-top: 48px;
    padding: 50px 15px 10px 15px;
    background-image: url(/ResourcePackages/Factor/assets/images/chat.svg);
    background-repeat: no-repeat;
    background-position: center 15px;
    background-color: #9cbe24;
    background-size: 29px 29px;
    color: #fff;
    font-family: "BNPPSansLight", Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    text-transform: uppercase;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    transition: all ease .4s;
    width: 77px;
    height: 91px;
    text-decoration: none;
}

@media screen and (min-width: 992px) {
  .contactContainer .buttonContact {
    display: block;
  }

  .contactContainer .buttonContactAlternate {
    display: block;
  }
}

.contactContainer .buttonContact:hover {
  background-color: #660b35;
  color: #f3f3f3;
  text-decoration: none;
  cursor: pointer;
}

.contactContainer .buttonContactAlternate:hover {
    text-decoration: none;
    cursor: pointer;
}

.contactContainer .contactPanel {
  position: fixed;
  top: 0;
  right: -100%;
  padding: 20px;
  padding-top: 50px;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  overflow-y: auto;
  transition: all ease .4s;
}

@media screen and (min-width: 992px) {
  .contactContainer .contactPanel {
    right: -830px;
    width: 830px;
    padding: 40px;
  }
}

.contactContainer .contactPanel .contactContent.sending {
  overflow: hidden;
  height: 100%;
}

.contactContainer .contactPanel .contactContent.sending:after {
  content: '';
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}

.contactContainer .contactPanel .closeContact {
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 36px;
  height: 36px;
  background-image: url("/ResourcePackages/Factor/assets/images/icon-close-grey.png");
}

@media screen and (min-width: 992px) {
  .contactContainer .contactPanel .closeContact {
    right: 50px;
    top: 50px;
  }
}

.contactContainer .contactPanel h3 {
  font-family: "BNPPSansCond", Arial, sans-serif;
  color: #00a91e;
  font-size: 36px;
  font-size: 3.6rem;
  text-transform: uppercase;
}

.contactContainer .contactPanel h4 {
  font-family: "BNPPSansBold", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}

@media screen and (max-width: 765px) {
  .contactContainer .contactPanel .fieldsContainer {
    padding-top: 30px;
  }
  .contactContainer .contactPanel .fieldsContainer h4 {
    display: none;
  }
}

.contactContainer .contactPanel p {
  padding-bottom: 1em;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.contactContainer .contactPanel fieldset {
  margin-top: 15px;
}

.contactContainer .contactPanel fieldset.error {
  color: #f00;
}

.contactContainer .contactPanel .selectSubject {
  margin-bottom: 30px;
}

.contactContainer .contactPanel label {
  display: block;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.contactContainer .contactPanel label.required:after {
  content: "*";
  float: right;
  padding-right: 20px;
}

.contactContainer .contactPanel label.error {
  color: #f00;
}

.contactContainer .contactPanel textarea,
.contactContainer .contactPanel input.text {
  display: block;
  width: 100%;
  font-family: "BNPPSansReg", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  border: 1px solid #d2d2d2;
  outline: 0;
}

.contactContainer .contactPanel textarea.error,
.contactContainer .contactPanel input.text.error {
  border: 1px solid #f00;
}

.contactContainer .contactPanel textarea {
  height: 468px;
  padding: 0.86em 0.5em;
  resize: none;
}

.contactContainer .contactPanel input.text {
  padding: 0.86em 0.5em;
}

.contactContainer .contactPanel .column {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
  vertical-align: top;
}

.contactContainer .contactPanel .column.error {
  color: #f00;
}

@media screen and (min-width: 766px) {
  .contactContainer .contactPanel .column {
    width: 49%;
    margin-bottom: 5px;
  }
  .contactContainer .contactPanel .column:last-of-type {
    width: calc(49% - 30px);
    margin-left: 30px;
  }
}

.contactContainer .contactPanel .submitContainer {
  text-align: center;
  margin-top: 15px;
}

@media screen and (min-width: 766px) {
  .contactContainer .contactPanel .submitContainer {
    text-align: left;
  }
}

.contactContainer .contactPanel .submitContainer button {
  display: inline-block;
  min-width: 145px;
  padding: 12px 18px 10px;
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  background-color: #00965e;
  color: #fff;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: #00965e;
  transition: all .1s ease;
  outline: 0;
}

.contactContainer .contactPanel .submitContainer button:hover {
  text-decoration: none;
  background-color: transparent;
  border-color: #00965e;
  color: #00965e;
}

.openContact .contactPanel {
  right: 0;
}

.openContact .buttonContact {
  right: 830px;
}

.contact-confirmation-message {
  color: #00a91e;
  padding-bottom: 1em;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.contact-confirmation-message p {
  color: #444;
  text-align: center;
}

.contact-confirmation-message .buttonPrimary {
  display: block;
  width: 130px;
  margin: 0 auto;
  text-align: center;
}

.columnContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (min-width: 766px) {
  .columnContainer {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}

.columnContainer .column {
  width: 100%;
}

@media screen and (min-width: 766px) {
  .columnContainer .column {
    width: 50%;
  }
}

.fieldsContainer {
  position: relative;
}

@media screen and (min-width: 992px) {
  .fieldsContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
        align-items: flex-end;
  }
}

/* Contact page */
.articleContentContainer .sectorialLink {
  display: inline-block;
  text-align: center;
  margin-bottom: 20px;
  padding: 10px;
  width: 100%;
}

@media screen and (min-width: 766px) {
  .articleContentContainer .sectorialLink {
    width: 32%;
  }
}

.articleContentContainer .sectorialLink img {
  display: block;
  margin: 0 auto 10px;
  max-width: 200px;
}

@media screen and (min-width: 766px) {
  .articleContentContainer .sectorialLink img {
    display: inline-block;
  }
}

/* Contact page */
.articleContentContainer .sectorialLink2 {
  display: inline-block;
  text-align: center;
  margin-bottom: 20px;
  padding: 10px;
  width: 100%;
}

@media screen and (min-width: 766px) {
  .articleContentContainer .sectorialLink2 {
    width: calc(50% - 10px);
  }
}

.articleContentContainer .sectorialLink2 img {
  display: block;
  margin: 0 auto 10px;
  max-width: 200px;
}

.fieldsContainer._consent {
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 !important;
}

.fieldsContainer._consent [data-mandatory="false"] label p .mandatory {
  display: none;
}

.fieldsContainer._consent .field._consentitem {
  margin-bottom: 5px;
  width: 100%;
}

.fieldsContainer._consent .field._consentitem.error .consentTooltip {
  color: #5f5f5f;
}

.fieldsContainer._consent .field._consentitem:last-child {
  margin-bottom: 10px;
}

.fieldsContainer._consent .field._consentitem input {
  position: absolute;
  opacity: 0;
  width: auto;
}

.fieldsContainer._consent .field._consentitem input + label {
  position: relative;
  padding-left: 24px;
  width: auto;
  margin: 5px 0;
  float: left;
  clear: both;
  font-size: 15px;
  font-size: 1.5rem;
}

.fieldsContainer._consent .field._consentitem input + label:hover {
  cursor: pointer;
}

.fieldsContainer._consent .field._consentitem input + label::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  border: solid 1px #d2d2d2;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 0;
}

.fieldsContainer._consent .field._consentitem input:checked + label::after {
  content: '✓';
  color: #00965e;
  font-size: 15px;
  display: block;
  position: absolute;
  left: 4px;
  top: 0;
}

.fieldsContainer._consent .field._consentitem label {
  width: calc(100% - 40px);
  float: inherit;
}

.fieldsContainer._consent .field._consentitem label p {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.fieldsContainer._consent .field._consentitem ._consentitemdetails {
  font-family: "BNPPSansReg", Arial, sans-serif;
  color: #00965e;
  font-size: 15px;
  display: inline-block;
  outline: none;
  margin: 0 0 0 5px;
}

.fieldsContainer._consent .field._consentitem .consentTooltip {
  background: #ececec;
  display: none;
  padding: 20px 45px 20px 20px;
  position: relative;
  width: 100%;
  z-index: 9;
  top: 100%;
  overflow: hidden;
  max-height: 200px;
  opacity: 0;
}

@media screen and (min-width: 766px) {
  .fieldsContainer._consent .field._consentitem .consentTooltip {
    width: calc(100% - 15px);
  }
}

.fieldsContainer._consent .field._consentitem .consentTooltip.active {
  transition: all .2s ease;
  display: block;
  overflow: auto;
  opacity: 1;
}

.fieldsContainer._consent .field._consentitem .consentTooltip .icon-close {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 20px;
  cursor: pointer;
}

.fieldsContainer._consent .field._consentitem .consentTooltip p {
  font-size: 12px;
  margin: 0;
  padding: 0;
}

.contactFormContainer .icon-info {
  color: #00a91e;
  margin-left: 5px;
}

.contactFormContainer .block-consent {
  font-size: 12px;
  font-size: 1.2rem;
  background: #ececec;
  padding: 20px;
  margin-bottom: 20px;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-weight: normal;
  line-height: 15px;
}

.articleContentContainer,
.testimonialContentContainer,
.jobsContentContainer {
  margin: 15px auto 50px;
  max-width: 750px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "BNPPSansLight", Arial, sans-serif;
  line-height: 1.5;
}

.articleContentContainer .date,
.testimonialContentContainer .date,
.jobsContentContainer .date {
  color: #999999;
  font-size: 16px;
  font-size: 1.6rem;
  padding-bottom: 10px;
}

.articleContentContainer .articleContentLeft,
.articleContentContainer .articleContentRight,
.testimonialContentContainer .articleContentLeft,
.testimonialContentContainer .articleContentRight,
.jobsContentContainer .articleContentLeft,
.jobsContentContainer .articleContentRight {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
}

@media screen and (min-width: 992px) {
  .articleContentContainer .articleContentLeft,
  .articleContentContainer .articleContentRight,
  .testimonialContentContainer .articleContentLeft,
  .testimonialContentContainer .articleContentRight,
  .jobsContentContainer .articleContentLeft,
  .jobsContentContainer .articleContentRight {
    width: 50%;
  }
}

.articleContentContainer .adress,
.testimonialContentContainer .adress,
.jobsContentContainer .adress {
  font-size: 20px;
  font-size: 2rem;
  color: #5f5f5f;
  line-height: 1.5;
  margin: 10px 0 20px;
}

.articleContentContainer h1,
.testimonialContentContainer h1,
.jobsContentContainer h1 {
  margin: 0.1em 0 0.3em;
  padding: 0;
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 36px;
  font-size: 3.6rem;
  text-transform: uppercase;
  color: #00a91e;
  line-height: 1.2;
  border-bottom: none;
}

@media screen and (min-width: 992px) {
  .articleContentContainer h1,
  .testimonialContentContainer h1,
  .jobsContentContainer h1 {
    font-size: 54px;
    font-size: 5.4rem;
  }
}

.articleContentContainer h2, .articleContentContainer h3, .articleContentContainer h4, .articleContentContainer h5, .articleContentContainer h6,
.testimonialContentContainer h2,
.testimonialContentContainer h3,
.testimonialContentContainer h4,
.testimonialContentContainer h5,
.testimonialContentContainer h6,
.jobsContentContainer h2,
.jobsContentContainer h3,
.jobsContentContainer h4,
.jobsContentContainer h5,
.jobsContentContainer h6 {
  margin: 0.1em 0;
  padding: 0;
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 32px;
  font-size: 3.2rem;
  text-transform: uppercase;
  line-height: 1.2;
}

.articleContentContainer h3,
.testimonialContentContainer h3,
.jobsContentContainer h3 {
  font-size: 30px;
  font-size: 3rem;
}

.articleContentContainer h4,
.testimonialContentContainer h4,
.jobsContentContainer h4 {
  font-size: 28px;
  font-size: 2.8rem;
}

.articleContentContainer h5,
.testimonialContentContainer h5,
.jobsContentContainer h5 {
  font-size: 25px;
  font-size: 2.5rem;
}

.articleContentContainer h6,
.testimonialContentContainer h6,
.jobsContentContainer h6 {
  font-family: "BNPPSans", Arial, sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  text-transform: none;
}

.articleContentContainer .socialShare,
.testimonialContentContainer .socialShare,
.jobsContentContainer .socialShare {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 20px;
}

.articleContentContainer .socialShare a,
.testimonialContentContainer .socialShare a,
.jobsContentContainer .socialShare a {
  margin-right: 5px;
}

.articleContentContainer .introduction,
.testimonialContentContainer .introduction,
.jobsContentContainer .introduction {
  font-size: 20px;
  font-size: 2rem;
  font-style: italic;
  color: #5f5f5f;
  line-height: 1.5;
  margin-bottom: 2em;
}

.articleContentContainer img,
.testimonialContentContainer img,
.jobsContentContainer img {
  display: block;
  height: auto;
  width: 100%;
  max-width: 100%;
  margin-bottom: 3em;
}

.articleContentContainer img[style*="float:left"],
.testimonialContentContainer img[style*="float:left"],
.jobsContentContainer img[style*="float:left"] {
  margin: 4px 16px 4px 0px;
}

.articleContentContainer img[style*="float:right"],
.testimonialContentContainer img[style*="float:right"],
.jobsContentContainer img[style*="float:right"] {
  margin: 4px 0px 4px 16px;
}

.articleContentContainer img[style*="display:block;margin-left:auto;margin-right:auto;"],
.testimonialContentContainer img[style*="display:block;margin-left:auto;margin-right:auto;"],
.jobsContentContainer img[style*="display:block;margin-left:auto;margin-right:auto;"] {
  margin-bottom: 1em;
}

.articleContentContainer p,
.testimonialContentContainer p,
.jobsContentContainer p {
  padding-bottom: 1em;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.articleContentContainer p strong, .articleContentContainer p b,
.testimonialContentContainer p strong,
.testimonialContentContainer p b,
.jobsContentContainer p strong,
.jobsContentContainer p b {
  font-family: "BNPPSans", Arial, sans-serif;
  font-weight: normal;
}

.articleContentContainer p em, .articleContentContainer p i,
.testimonialContentContainer p em,
.testimonialContentContainer p i,
.jobsContentContainer p em,
.jobsContentContainer p i {
  font-style: italic;
}

.articleContentContainer ul, .articleContentContainer ol,
.testimonialContentContainer ul,
.testimonialContentContainer ol,
.jobsContentContainer ul,
.jobsContentContainer ol {
  margin: 0.8em 0 1.8em 1em;
  padding: 0;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  list-style-position: inside;
}

.articleContentContainer ul li, .articleContentContainer ol li,
.testimonialContentContainer ul li,
.testimonialContentContainer ol li,
.jobsContentContainer ul li,
.jobsContentContainer ol li {
  list-style: inherit;
  margin-bottom: 0.5em;
}

.articleContentContainer ul li:before, .articleContentContainer ol li:before,
.testimonialContentContainer ul li:before,
.testimonialContentContainer ol li:before,
.jobsContentContainer ul li:before,
.jobsContentContainer ol li:before {
  content: "";
  display: inline-block;
  height: 1rem;
  width: .5rem;
  margin-left: -5px;
}

@media screen and (min-width: 992px) {
  .articleContentContainer ul li:before,
  .testimonialContentContainer ul li:before,
  .jobsContentContainer ul li:before {
    margin-left: -10px;
  }
}

.articleContentContainer .iframeContainer,
.testimonialContentContainer .iframeContainer,
.jobsContentContainer .iframeContainer {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.articleContentContainer .iframeContainer iframe, .articleContentContainer .iframeContainer object, .articleContentContainer .iframeContainer embed,
.testimonialContentContainer .iframeContainer iframe,
.testimonialContentContainer .iframeContainer object,
.testimonialContentContainer .iframeContainer embed,
.jobsContentContainer .iframeContainer iframe,
.jobsContentContainer .iframeContainer object,
.jobsContentContainer .iframeContainer embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.jobsContentContainer {
  font-size: 15px;
  font-size: 1.5rem;
}

.two-col .left-col {
  display: block;
}

@media screen and (min-width: 992px) {
  .two-col .left-col {
    display: inline-block;
    width: 300px;
    vertical-align: top;
  }
}

.two-col .right-col {
  display: block;
}

@media screen and (min-width: 992px) {
  .two-col .right-col {
    display: inline-block;
    width: calc(100% - 300px);
    vertical-align: top;
    padding: 0 20px;
  }
}

.articleContentContainer img {
  width: auto;
}

@media screen and (max-width: 765px) {
  .articleContentContainer img {
    width: 100%;
    margin: 20px 0;
  }
}

.mainHeader .containLogo .logoHeader {
  height: 29px;
  margin: 6px 30px 0 0;
}

@media screen and (min-width: 992px) {
  .mainHeader .containLogo .logoHeader {
    height: 52px;
    margin: 16px 30px 0 -8px;
  }
}

.mainMenu .container > .mainMenuPrimary > li:first-child a {
  border-left: 1px solid #E8E8E8;
}

.header h1 {
  margin: 0 0 8px;
  font-family: "BNPPSansCond";
  font-weight: 800;
  color: #fff;
  font-size: 43px;
  font-size: 4.3rem;
  border: 0;
  text-transform: initial;
}

.header .container .contentHeader {
  padding: 30px 60px 30px 30px;
}

.header .container .contentHeader p {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
}

.cs-select.white .cs-placeholder {
  background-image: url("/ResourcePackages/Factor/assets/images/easytocash/arrow-down.png");
  background-position: calc(100% - 14px) 18px;
}

.cs-select.white.cs-active .cs-placeholder {
  background-image: url("/ResourcePackages/Factor/assets/images/easytocash/arrow-up.png");
  background-position: calc(100% - 14px) 18px;
}

/*.contactContainer {

	.contactPanel {
		padding: 42px;

		.closeContact {
    		top: 42px;
		}

		h3 {
			margin-top: 0;
			font-family: "BNPPSansCond";
			font-weight: 800;
			color: $easygreen;
			text-transform: none;
		}

		textarea {
		    height: 556px;	
		}

		.field {
			position: relative;
		}

		#telephone {
			padding-left: 38px;
		}

		#company_number {
   			padding-left: 30px;
		}

		.floatingTxt {
			position: absolute;
    		left: 10px;	
    		bottom: 15px;
			font-family: "BNPPSansReg";
			@include rem('font-size', 16px);
		}

		.submitContainer button {
			font-family: "BNPPSansReg";
		    width: 49%;
		    @include rem('font-size', 14px);
		}
	} 

	.buttonContact {
		height: 65px;
		width: 65px;
		padding: 0;
		background-size: 47px;
		background-image: url('/ResourcePackages/Factor/assets/images/easytocash/icon-contact.svg');
		background-position: center center;
	}

}*/
.homeIntro h1,
.subscribeContainer h1,
.rangeContainer h1,
.carouselHome.easyToCash h1 {
  color: #00965E;
  text-align: center;
  font-family: "BNPPSansCond", sans-serif;
  font-weight: 800;
  padding: 0 20px;
  font-size: 40px;
  font-size: 4rem;
}

@media screen and (min-width: 766px) {
  .homeIntro h1,
  .subscribeContainer h1,
  .rangeContainer h1,
  .carouselHome.easyToCash h1 {
    font-size: 54px;
    font-size: 5.4rem;
  }
}

.homeIntro h1 span.subtitle,
.subscribeContainer h1 span.subtitle,
.rangeContainer h1 span.subtitle,
.carouselHome.easyToCash h1 span.subtitle {
  display: block;
  margin-top: 12px;
  color: #5F5F5F;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "BNPPSansLight", sans-serif;
  line-height: 1.5;
}

@media screen and (min-width: 766px) {
  .homeIntro h1 span.subtitle,
  .subscribeContainer h1 span.subtitle,
  .rangeContainer h1 span.subtitle,
  .carouselHome.easyToCash h1 span.subtitle {
    font-size: 20px;
    font-size: 2rem;
  }
}

.buttonPrimary:hover {
  background-color: #006D44;
}

.buttonPrimary,
.buttonWhite {
  padding: 14px 16px 12px;
  font-family: "BNPPSansReg", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}

.buttonPrimary:hover,
.buttonWhite:hover {
  text-decoration: none;
}

.ctaContainer p {
  font-family: "BNPPSansLight", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  color: #5F5F5F;
}

.cardListContainer {
  text-align: center;
}

.cardsList {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  max-width: 1120px;
  margin: 0 auto;
  /*&.plain {
	    margin-bottom: 80px;	
		align-items: stretch;

		.card{
			width: 100%;
			max-width: 260px;
			padding: 20px;
			color: $grey-100;

			&:nth-child(even){
				background: $easygreen;
			}
			
			&:nth-child(odd){
				background: $easydarkgreen;
			}

			h3{
				position: relative;
				font-family: "BNPPSansCond", sans-serif;
				font-weight: 800;
				@include rem('font-size', 30px);
    			margin-bottom: 0;	
			    padding-bottom: 25px;	
			    line-height: 1.3;    

				&:before {
					content: "";
					position: absolute;
					bottom: 0;

					left: 0;
					width: 60px;
					height: 1px;
					background-color: $grey-100;
					opacity: 0.3;
				}
			}

			p {
				@include rem('font-size', 16px);
				line-height: 1.5;
			}

			.category {
				padding: 15px 20px 15px 54px;
				font-family: "BNPPSansBold", sans-serif;
				@include rem('font-size', 16px);
				text-transform: uppercase;
				background: url('/ResourcePackages/Factor/assets/images/easytocash/icon-about.png') no-repeat left top;
			}
		}
	}*/
  /*&.border {
		align-items: center;
		justify-content: space-between;

		.card {
			width: calc(25% - 16px);
			padding: 30px;
			border: 1px solid $greyborder;
			
			p {
				position: relative;
			    padding-bottom: 30px;
				@include rem('font-size', 24px);
				line-height: 1.5;
				
				&:before {
					content: "";
					position: absolute;
					bottom: 0;
					left: 0;
					width: 60px;
					height: 1px;
					background-color: $easygreen;
					opacity: 0.3;
				}
			}
		}
	}*/
}

.cardsList.homepage {
  position: relative;
  display: block;
  max-width: 100%;
  padding-bottom: 80px;
  overflow: hidden;
}

@media screen and (min-width: 992px) {
  .cardsList.homepage {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: center;
        justify-content: center;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

@media screen and (min-width: 1160px) {
  .cardsList.homepage {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: center;
        justify-content: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .cardsList.homepage:after {
    -ms-flex: auto;
        flex: auto;
    margin: 0 auto;
    content: "";
  }
  .cardsList.homepage > * {
    width: calc( 25% - 18.75px - 1px);
    margin-left: 12.5px;
    margin-right: 12.5px;
  }
  .cardsList.homepage > *:nth-child(1) {
    margin-left: 0;
  }
  .cardsList.homepage > *:nth-child(4n) {
    margin-right: 0;
  }
  .cardsList.homepage > *:nth-child(4n + 1) {
    margin-left: 0;
  }
}

.cardsList.homepage .card {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  padding: 0 20px;
  border: 0;
}

@media screen and (min-width: 992px) {
  .cardsList.homepage .card {
    width: 100%;
    max-width: 260px;
    padding: 0 20px;
    margin-bottom: 50px;
  }
}

@media screen and (min-width: 1160px) {
  .cardsList.homepage .card {
    padding: 0;
    margin: 0 20px 50px;
  }
}

.cardsList.homepage .card h1 {
  margin: 30px 0 0;
  padding: 0;
  font-family: "BNPPSansCond", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.3;
  font-weight: inherit;
  text-transform: none;
  color: inherit;
  border: 0;
}

.cardsList.homepage .card p {
  font-family: "BNPPSansLight", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.cardsList.list > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  max-width: 1120px;
  margin: 0 20px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

@media screen and (min-width: 766px) {
  .cardsList.list > div {
    margin: 0 auto;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

@media screen and (min-width: 1160px) {
  .cardsList.list > div {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: center;
        justify-content: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .cardsList.list > div:after {
    -ms-flex: auto;
        flex: auto;
    margin: 0 auto;
    content: "";
  }
  .cardsList.list > div > * {
    width: calc( 25% - 18.75px - 1px);
    margin-left: 12.5px;
    margin-right: 12.5px;
  }
  .cardsList.list > div > *:nth-child(1) {
    margin-left: 0;
  }
  .cardsList.list > div > *:nth-child(4n) {
    margin-right: 0;
  }
  .cardsList.list > div > *:nth-child(4n + 1) {
    margin-left: 0;
  }
}

.cardsList.list > div .card {
  width: 100%;
  line-height: 1.5;
  margin-bottom: 30px;
  text-align: left;
  padding: 0 0 4px 46px;
  font-family: "BNPPSansCond", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  background: url("/ResourcePackages/Factor/assets/images/easytocash/icon-check.svg") no-repeat left top;
  background-size: 40px 35px;
}

@media screen and (min-width: 766px) {
  .cardsList.list > div .card {
    width: 40%;
    padding: 0 20px 50px;
    text-align: center;
    background: none;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1160px) {
  .cardsList.list > div .card {
    width: 100%;
    max-width: 260px;
    padding: 0;
  }
}

.cardsList.list > div .card h1 {
  margin: 0;
  padding: 0;
  font-family: "BNPPSansCond", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.3;
  font-weight: inherit;
  text-transform: none;
  color: inherit;
  border: 0;
}

@media screen and (min-width: 766px) {
  .cardsList.list > div .card h1 {
    margin: 30px 0 0;
  }
}

.cardsList.list > div .card p {
  font-family: "BNPPSansLight", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.cardsList.list > div .card img {
  display: none;
}

@media screen and (min-width: 766px) {
  .cardsList.list > div .card img {
    display: inline-block;
    width: auto;
    max-width: 100%;
  }
}

.cardsList.arrowed > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
}

.cardsList.arrowed > div .card {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  padding: 0 20px;
  text-align: center;
}

@media screen and (min-width: 766px) {
  .cardsList.arrowed > div .card {
    margin-bottom: 0;
    width: calc(50% - 56px);
  }
}

@media screen and (min-width: 992px) {
  .cardsList.arrowed > div .card {
    width: calc(25% - 56px);
  }
}

@media screen and (min-width: 992px) {
  .cardsList.arrowed > div .card:before {
    content: "";
    position: absolute;
    top: 30px;
    left: 0;
    display: block;
    height: 2px;
    width: 100%;
    background: #E8E8E8;
  }
}

@media screen and (min-width: 992px) {
  .cardsList.arrowed > div .card:after {
    content: "";
    display: block;
    position: absolute;
    top: 21px;
    right: -13px;
    height: 20px;
    width: 20px;
    background: url("/ResourcePackages/Factor/assets/images/easytocash/icon-triangle.svg") no-repeat center center;
  }
}

.cardsList.arrowed > div .card:last-of-type:after {
  opacity: 0;
}

.cardsList.arrowed > div .card .icon {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  align-item: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0 auto 10px;
  height: 60px;
  width: 60px;
  text-align: center;
  background-color: #fff;
}

.cardsList.arrowed > div .card .icon img {
  -ms-flex-item-align: center;
      align-self: center;
}

.cardsList.arrowed > div .card h1 {
  font-family: "BNPPSansBold", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: inherit;
  text-transform: none;
  color: inherit;
  padding: 0;
  border: 0;
}

.cardsList.arrowed > div .card p {
  font-family: "BNPPSansLight", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.cardsList.arrowed > div .card .category {
  display: inline-block;
  width: 145px;
  padding: 4px 6px 2px 6px;
  font-family: "BNPPSansReg";
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  background-color: #00965e;
  text-transform: uppercase;
}

.cardsList.numbered > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

@media screen and (min-width: 766px) {
  .cardsList.numbered > div {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

.cardsList.numbered > div .card {
  width: 100%;
  margin-bottom: 30px;
  padding: 0 20px;
  text-align: left;
}

@media screen and (min-width: 766px) {
  .cardsList.numbered > div .card {
    margin-bottom: 0;
    max-width: calc(33% - 20px);
    text-align: center;
  }
}

.cardsList.numbered > div .card h1 {
  margin: 0;
  padding: 0;
  text-align: left;
  font-weight: inherit;
  text-transform: none;
  color: inherit;
  border: 0;
}

@media screen and (min-width: 766px) {
  .cardsList.numbered > div .card h1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: start;
        align-items: flex-start;
    text-align: center;
  }
}

.cardsList.numbered > div .card h1 .number {
  position: relative;
  font-size: 48px;
  font-size: 4.8rem;
  opacity: 0.4;
  display: inline-block;
}

@media screen and (min-width: 992px) {
  .cardsList.numbered > div .card h1 .number {
    width: 60px;
    font-size: 168px;
    font-size: 16.8rem;
  }
  .cardsList.numbered > div .card h1 .number:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 1px;
    background-color: #00965E;
  }
}

.cardsList.numbered > div .card h1 .title {
  font-family: "BNPPSansBold", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  font-size: 2rem;
  line-height: 40px;
  text-align: left;
  padding: 0 0 7px 10px;
  display: inline-block;
  vertical-align: middle;
}

@media screen and (min-width: 992px) {
  .cardsList.numbered > div .card h1 .title {
    font-size: 30px;
    font-size: 3rem;
    padding: 30px 0 0 30px;
  }
}

.cardsList.numbered > div .card p {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "BNPPSansLight";
  line-height: 1.5;
  text-align: left;
}

@media screen and (min-width: 992px) {
  .cardsList.numbered > div .card p {
    font-size: 20px;
    font-size: 2rem;
  }
}

.homepageSliderActions {
  display: none;
}

@media screen and (max-width: 765px) {
  .homepageSliderActions {
    display: block;
  }
}

.homeIntro {
  padding: 0 0 40px;
  border-bottom: 1px solid #E8E8E8;
}

@media screen and (min-width: 992px) {
  .homeIntro {
    padding: 0 0 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

.homeIntro h1 {
  margin: 0;
  padding: 60px 20px;
  border: 0;
}

.homeIntro .ctaContainer {
  margin: 0;
  padding: 0;
}

.moreInfoBtn {
  /*@include breakpoint($md){
	    margin-top: 75px;
	}*/
}

.carouselHome.easyToCash {
  margin: 0;
  padding: 80px 20px 130px;
  background-color: #d9f0e6;
}

.carouselHome.easyToCash h1 {
  color: #00965E;
  text-align: center;
  font-family: "BNPPSansCond", sans-serif;
  font-weight: 800;
  line-height: 1;
  font-size: 40px;
  font-size: 4rem;
}

@media screen and (min-width: 766px) {
  .carouselHome.easyToCash h1 {
    font-size: 54px;
    font-size: 5.4rem;
  }
}

.carouselHome.easyToCash h1 span.subtitle {
  display: block;
  margin-top: 12px;
  color: #5F5F5F;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "BNPPSansLight", sans-serif;
  line-height: 1.5;
}

@media screen and (min-width: 766px) {
  .carouselHome.easyToCash h1 span.subtitle {
    font-size: 20px;
    font-size: 2rem;
  }
}

.carouselHome.easyToCash h1:after {
  display: none;
}

.carouselHome.easyToCash .swiper-wrapper {
  padding: 35px 0 50px;
}

.carouselHome.easyToCash .swiper-slide {
  position: relative;
  padding: 30px 20px;
  width: 520px;
  border: 0;
  background-color: #fff;
  opacity: 0.6;
}

@media screen and (min-width: 766px) {
  .carouselHome.easyToCash .swiper-slide {
    padding: 45px 40px;
  }
}

.carouselHome.easyToCash .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.carouselHome.easyToCash .swiper-slide.swiper-slide-active:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10%;
  right: 10%;
  bottom: 5%;
  box-shadow: 0 5px 90px rgba(0, 0, 0, 0.4);
  z-index: -1;
}

.carouselHome.easyToCash .swiper-slide p.quote {
  margin: 0;
  padding-left: 35px;
  font-family: "BNPPLightItalic", sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  background: url("/ResourcePackages/Factor/assets/images/easytocash/icon-marks.svg") no-repeat left top;
  background-size: 20px;
}

@media screen and (min-width: 766px) {
  .carouselHome.easyToCash .swiper-slide p.quote {
    font-size: 20px;
    font-size: 2rem;
    padding-left: 90px;
    background-size: auto;
  }
}

.carouselHome.easyToCash .swiper-slide .author {
  padding: 20px 32px 0;
}

@media screen and (min-width: 766px) {
  .carouselHome.easyToCash .swiper-slide .author {
    position: relative;
    left: 86px;
    width: calc(100% - 95px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    margin-top: 30px;
    padding: 0;
  }
}

.carouselHome.easyToCash .swiper-slide .author .picture {
  position: relative;
  height: 65px;
  width: 65px;
  margin-right: 20px;
  border-radius: 50%;
  overflow: hidden;
}

.carouselHome.easyToCash .swiper-slide .author .picture img {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}

.carouselHome.easyToCash .swiper-slide .author .infos {
  width: 100%;
}

.carouselHome.easyToCash .swiper-slide .author .infos .name {
  display: block;
  color: #00965E;
  font-family: "BNPPSansBold", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  padding: 8px 0;
  line-height: 1.2;
}

.carouselHome.easyToCash .swiper-slide .author .infos .profession {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
}

.carouselHome.easyToCash .swiper-pagination-fraction,
.carouselHome.easyToCash .swiper-pagination-custom,
.carouselHome.easyToCash.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 92px;
}

.cardsList.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 43px;
}

.carouselHome.easyToCash .swiper-button-prev,
.carouselHome-rtl .swiper-button-next {
  left: 0;
}

.carouselHome.easyToCash .swiper-button-next,
.carouselHome-rtl .swiper-button-prev {
  right: 0;
}

@media screen and (min-width: 992px) {
  .cardsList.homepage .buttonContain {
    -ms-transform: none;
        transform: none;
    left: 0;
  }
}

@media screen and (min-width: 992px) {
  .cardsList.homepage .buttonContain {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .cardsList.homepage .swiper-pagination {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .cardsList.homepage .swiper-wrapper {
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: start;
        align-items: flex-start;
    width: 100% !important;
    margin: 0 !important;
  }
}

.aboutContainer {
  position: relative;
  border-bottom: 1px solid #E8E8E8;
}

@media screen and (min-width: 992px) {
  .aboutContainer {
    padding-bottom: 80px;
  }
}

.aboutContainer .cardListContainer:first-child .subtitle {
  font-family: "BNPPSansBold";
}

.aboutContainer:before {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  background: url(/ResourcePackages/Factor/assets/images/easytocash/aboutpage-background.jpg) top center no-repeat;
  background-size: cover;
  position: absolute;
  z-index: -1;
}

@media screen and (min-width: 766px) {
  .aboutContainer:before {
    display: block;
    height: 280px;
  }
}

.aboutContainer .cardListContainer {
  padding-bottom: 80px;
  border: 1px solid #E8E8E8;
}

.aboutContainer h2 {
  margin: 0;
  padding: 60px 1.2em 1em;
}

.aboutContainer h2 {
  color: #00965E;
  text-align: center;
  font-family: "BNPPSansCond", sans-serif;
  font-weight: 800;
  padding: 60px 1.2em 1em;
  font-size: 40px;
  font-size: 4rem;
}

@media screen and (min-width: 766px) {
  .aboutContainer h2 {
    font-size: 54px;
    font-size: 5.4rem;
  }
}

.aboutContainer h2 span.subtitle {
  display: block;
  margin-top: 12px;
  color: #5F5F5F;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "BNPPSansLight", sans-serif;
  line-height: 1.5;
}

@media screen and (min-width: 766px) {
  .aboutContainer h2 span.subtitle {
    font-size: 20px;
    font-size: 2rem;
  }
}

.aboutContentContainer,
.costContentContainer {
  margin: 80px 0 60px;
  max-width: 750px;
  padding: 0 20px;
}

@media screen and (min-width: 766px) {
  .aboutContentContainer,
  .costContentContainer {
    margin: 80px auto 50px;
  }
}

.aboutContentContainer .date,
.costContentContainer .date {
  color: #999999;
  font-size: 16px;
  font-size: 1.6rem;
  padding-bottom: 10px;
}

.aboutContentContainer h2,
.costContentContainer h2 {
  margin: 0.1em 0;
  padding: 0;
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 35px;
  font-size: 3.5rem;
  text-transform: uppercase;
  color: #00a91e;
}

@media screen and (min-width: 992px) {
  .aboutContentContainer h2,
  .costContentContainer h2 {
    font-size: 54px;
    font-size: 5.4rem;
  }
}

.aboutContentContainer h3, .aboutContentContainer h4, .aboutContentContainer h5, .aboutContentContainer h6,
.costContentContainer h3,
.costContentContainer h4,
.costContentContainer h5,
.costContentContainer h6 {
  margin: 0.1em 0;
  padding: 0;
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 32px;
  font-size: 3.2rem;
}

.aboutContentContainer h4,
.costContentContainer h4 {
  font-size: 30px;
  font-size: 3rem;
}

.aboutContentContainer h5,
.costContentContainer h5 {
  font-size: 26px;
  font-size: 2.6rem;
}

.aboutContentContainer h6,
.costContentContainer h6 {
  font-family: "BNPPSans", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: none;
}

.aboutContentContainer .socialShare,
.costContentContainer .socialShare {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 20px;
}

.aboutContentContainer .socialShare a,
.costContentContainer .socialShare a {
  margin-right: 5px;
}

.aboutContentContainer .introduction,
.costContentContainer .introduction {
  font-size: 20px;
  font-size: 2rem;
  font-style: italic;
  color: #5f5f5f;
  line-height: 1.5;
  margin-bottom: 2em;
}

.aboutContentContainer img,
.costContentContainer img {
  display: block;
  height: auto;
  width: 100%;
  max-width: 100%;
  margin-bottom: 3em;
}

.aboutContentContainer p,
.costContentContainer p {
  padding-bottom: 1em;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.aboutContentContainer p strong, .aboutContentContainer p b,
.costContentContainer p strong,
.costContentContainer p b {
  font-family: "BNPPSans", Arial, sans-serif;
  font-weight: normal;
}

.aboutContentContainer p em, .aboutContentContainer p i,
.costContentContainer p em,
.costContentContainer p i {
  font-style: italic;
}

.aboutContentContainer ul, .aboutContentContainer ol,
.costContentContainer ul,
.costContentContainer ol {
  margin: 0 0 1.5em 1em;
  padding: 0;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  list-style-position: inside;
}

.aboutContentContainer ul li, .aboutContentContainer ol li,
.costContentContainer ul li,
.costContentContainer ol li {
  list-style: inherit;
  margin-bottom: 0.5em;
}

.aboutContentContainer ul li:before, .aboutContentContainer ol li:before,
.costContentContainer ul li:before,
.costContentContainer ol li:before {
  content: "";
  display: inline-block;
  height: 1rem;
  width: 1em;
  margin-left: -5px;
}

.aboutContentContainer ul li:before,
.costContentContainer ul li:before {
  margin-left: -1em;
}

.aboutContentContainer .iframeContainer,
.costContentContainer .iframeContainer {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.aboutContentContainer .iframeContainer iframe, .aboutContentContainer .iframeContainer object, .aboutContentContainer .iframeContainer embed,
.costContentContainer .iframeContainer iframe,
.costContentContainer .iframeContainer object,
.costContentContainer .iframeContainer embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.costContentContainer {
  margin-top: 50px;
}

.packageContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 80px 0 50px;
  background-color: #d9f0e6;
}

.packageContainer h2 {
  margin: 0 0 30px;
}

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

.packageContainer .packageImg {
  margin-bottom: 25px;
  text-align: center;
}

.packageContainer .packageImg .desktop {
  display: none;
}

@media screen and (min-width: 766px) {
  .packageContainer .packageImg .desktop {
    display: inline-block;
  }
}

@media screen and (min-width: 766px) {
  .packageContainer .packageImg .mobile {
    display: none;
  }
}

.packageContainer .ctaContainer {
  padding-bottom: 0;
}

.packageContainer .ctaContainer div, .packageContainer .ctaContainer a {
  margin: 10px;
}

@media screen and (min-width: 766px) {
  .packageContainer .ctaContainer div, .packageContainer .ctaContainer a {
    margin: 0;
  }
}

@media screen and (min-width: 766px) {
  .packageContainer .ctaContainer .buttonPrimary {
    margin-right: 10px;
  }
}

.rangeContainer {
  padding: 60px 20px 50px;
  background-color: #d9f0e6;
}

@media screen and (min-width: 766px) {
  .rangeContainer {
    padding: 60px 0 50px;
  }
}

.rangeContainer h2 {
  margin: 0;
}

.rangeContainer .estimationContainer {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 710px;
  width: 100%;
  text-align: center;
}

.rangeContainer .estimationContainer .estimationContent {
  display: none;
}

.rangeContainer .estimationContainer .rangeContainerBar {
  position: relative;
}

.rangeContainer .estimationContainer .rangeContainerBar output {
  display: block;
  margin: 50px 0 20px;
  font-family: "BNPPSansReg";
  font-size: 25px;
  font-size: 2.5rem;
}

.rangeContainer .estimationContainer .rangeContainerBar .addBtn,
.rangeContainer .estimationContainer .rangeContainerBar .removeBtn {
  position: absolute;
  margin: 0;
  padding: 7px 0 0;
  height: 40px;
  width: 40px;
  color: #fff;
  font-family: "BNPPSansLight", sans-serif;
  font-size: 40px;
  font-size: 4rem;
  line-height: 0;
  background-color: #006D44;
  border-radius: 50%;
  outline: 0;
}

.rangeContainer .estimationContainer .rangeContainerBar .addBtn {
  right: 0;
  bottom: 0;
}

.rangeContainer .estimationContainer .rangeContainerBar .removeBtn {
  left: 0;
  bottom: 0;
}

.rangeContainer .estimationContainer .dropdownSelector {
  margin: 20px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (min-width: 766px) {
  .rangeContainer .estimationContainer .dropdownSelector {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}

.rangeContainer .estimationContainer .dropdownSelector p {
  color: #5F5F5F;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
}

.rangeContainer .estimationContainer .dropdownSelector .cs-select.white,
.rangeContainer .estimationContainer .dropdownSelector .cs-select.white .cs-options {
  color: #00965E;
}

.rangeContainer .estimationContainer .dropdownSelector .cs-select {
  width: 115px;
  border: 0;
  border-radius: 5px;
}

@media screen and (min-width: 766px) {
  .rangeContainer .estimationContainer .dropdownSelector .cs-select {
    margin-left: 20px;
  }
}

.rangeContainer .estimationContainer .dropdownSelector .cs-select.white .cs-options {
  margin-top: -1px;
  left: 0;
  width: 100%;
  border: 0;
}

.rangeContainer .estimationContainer .calculateBtn {
  margin-bottom: 50px;
}

.rangeContainer .resultsContainer {
  display: none;
  margin: 0 auto;
  padding: 30px 20px;
  width: 100%;
  max-width: 555px;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
}

@media screen and (min-width: 766px) {
  .rangeContainer .resultsContainer {
    margin: 0 auto 50px;
  }
}

.rangeContainer .resultsContainer .results {
  display: none;
}

.rangeContainer .resultsContainer .monthlyResult {
  position: relative;
  margin: 0 0 20px;
  padding: 0 0 10px;
}

.rangeContainer .resultsContainer .monthlyResult:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -75px;
  height: 1px;
  width: 150px;
  background-color: #888888;
  opacity: 0.15;
}

.rangeContainer .resultsContainer .result .label {
  font-size: 15px;
  font-size: 1.5rem;
}

.rangeContainer .resultsContainer .result .cost {
  font-size: 20px;
  font-size: 2rem;
}

.rangeContainer .resultsContainer .label {
  display: block;
  font-family: "BNPPSansReg", sans-serif;
  font-size: 20px;
  font-size: 2rem;
}

.rangeContainer .resultsContainer .cost {
  display: block;
  margin: 15px 0 10px;
  font-family: "BNPPSansBold", sans-serif;
  color: #00965E;
  font-size: 30px;
  font-size: 3rem;
}

.rangeContainer .resultsContainer .monthlyCost {
  display: block;
  margin: 15px 0 10px;
  font-family: "BNPPSansBold", sans-serif;
  color: #00965E;
  font-size: 30px;
  font-size: 3rem;
}

.rangeContainer .resultsContainer .errorMessageContainer {
  padding: 10px;
}

.rangeContainer .resultsContainer .errorMessageContainer h2 {
  font-family: "BNPPSansReg";
  color: #5F5F5F;
  font-size: 20px;
  font-size: 2rem;
  text-transform: initial;
  font-weight: normal;
  line-height: 1;
}

.rangeContainer .resultsContainer .errorMessageContainer p {
  font-family: "BNPPSansReg";
  color: #5F5F5F;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
}

.rangeContainer .resultsContainer .errorMessageContainer .btn {
  border: 2px solid #00965E;
  border-radius: 4px;
}

.rangeContainer .ctaContainer {
  padding: 0;
}

.rangeContainer .loadingContainer {
  position: relative;
  margin: 40px auto;
  width: 45px;
  height: 45px;
}

.rangeContainer .loadingContainer span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #00965e;
  margin: 20px 2px;
}

.rangeContainer .loadingContainer span:nth-of-type(1) {
  animation: bounces 1s ease-in-out infinite;
}

.rangeContainer .loadingContainer span:nth-of-type(2) {
  animation: bounces 1s ease-in-out 0.33s infinite;
}

.rangeContainer .loadingContainer span:nth-of-type(3) {
  animation: bounces 1s ease-in-out 0.66s infinite;
}

.rangeContainer .loadingContainer#loadingResults {
  display: none;
  margin: 0 auto 50px;
}

@keyframes bounces {
  0%, 75%, 100% {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

.rangeContainer .ctaContainer div, .rangeContainer .ctaContainer a {
  margin: 10px;
}

@media screen and (min-width: 766px) {
  .rangeContainer .ctaContainer div, .rangeContainer .ctaContainer a {
    margin: 0;
  }
}

@media screen and (min-width: 766px) {
  .rangeContainer .ctaContainer .buttonPrimary {
    margin-right: 5px;
  }
}

.subscribeContainer h2 {
  margin: 0;
  padding: 60px 0 45px;
}

.subscribeContainer .ctaContainer {
  padding-top: 0;
}

.contentContainer {
  border-top: 1px solid #E8E8E8;
}

@media screen and (min-width: 766px) {
  .contentContainer {
    margin-top: 80px;
  }
}

.contentContainer .aboutContentContainer {
  position: relative;
  padding-bottom: 60px;
}

.contentContainer .aboutContentContainer:after {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  bottom: 0;
  margin-left: -75px;
  height: 1px;
  background: #E8E8E8;
  width: 150px;
}

.goToFAQ {
  position: relative;
  padding-top: 60px;
}

.goToFAQ:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  margin-left: -75px;
  height: 1px;
  width: 150px;
  background-color: #BBBBBB;
}

/* Error page */
.errorContainer {
  min-height: 100vh;
  height: 1px;
  background: url(/ResourcePackages/Factor/assets/images/error-bg.jpg) center center no-repeat;
  background-size: cover;
  color: #fff;
  text-align: center;
}

@media screen and (min-width: 992px) {
  .errorContainer {
    min-height: 60vh;
  }
}

.errorContainer:before {
  content: "";
  display: inline-block;
  height: 100%;
  width: 1px;
  vertical-align: middle;
}

.errorContainer .errorContent {
  display: inline-block;
  vertical-align: middle;
}

.errorContainer h1 {
  margin: 0;
  border: 0;
  font-size: 120px;
  font-size: 12rem;
}

.errorContainer p {
  max-width: 300px;
  margin-bottom: 2em;
  padding: 0 1em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.mainContentHome {
  width: 100%;
  margin-top: 50px;
}

.mainContentHome .mainContentHomeLeft {
  float: left;
  display: inline-block;
  width: 100%;
}

@media screen and (min-width: 1160px) {
  .mainContentHome .mainContentHomeLeft {
    max-width: 750px;
  }
}

.mainContentHome .mainContentHomeLeft h1 {
  font-family: "BNPPSansReg", Arial, sans-serif;
  margin: 0 0 15px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #00965e;
  text-transform: uppercase;
  border: 0;
}

.mainContentHome .mainContentHomeRight {
  float: right;
  display: inline-block;
  width: 100%;
}

@media screen and (min-width: 1160px) {
  .mainContentHome .mainContentHomeRight {
    max-width: 325px;
  }
}

.mainContentHome .sidebarContent {
  margin-bottom: 20px;
  padding: 25px;
  border: 1px solid #e8e8e8;
  border-top: 5px solid #00965e;
}

@media screen and (max-width: 765px) {
  .mainContentHome .sidebarContent {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .mainContentHome .sidebarContent:after {
    -ms-flex: auto;
        flex: auto;
    margin: 0 auto;
    content: "";
  }
  .mainContentHome .sidebarContent > * {
    width: calc( 100% - 0px - 1px);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .mainContentHome .sidebarContent > *:nth-child(1) {
    margin-left: 0;
  }
  .mainContentHome .sidebarContent > *:nth-child(1n) {
    margin-right: 0;
  }
  .mainContentHome .sidebarContent > *:nth-child(1n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 766px) and (max-width: 991px) {
  .mainContentHome .sidebarContent {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .mainContentHome .sidebarContent:after {
    -ms-flex: auto;
        flex: auto;
    margin: 0 auto;
    content: "";
  }
  .mainContentHome .sidebarContent > * {
    width: calc( 50% - 1.25rem - 1px);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .mainContentHome .sidebarContent > *:nth-child(1) {
    margin-left: 0;
  }
  .mainContentHome .sidebarContent > *:nth-child(2n) {
    margin-right: 0;
  }
  .mainContentHome .sidebarContent > *:nth-child(2n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 992px) and (max-width: 1159px) {
  .mainContentHome .sidebarContent {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .mainContentHome .sidebarContent:after {
    -ms-flex: auto;
        flex: auto;
    margin: 0 auto;
    content: "";
  }
  .mainContentHome .sidebarContent > * {
    width: calc( 50% - 1.25rem - 1px);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .mainContentHome .sidebarContent > *:nth-child(1) {
    margin-left: 0;
  }
  .mainContentHome .sidebarContent > *:nth-child(2n) {
    margin-right: 0;
  }
  .mainContentHome .sidebarContent > *:nth-child(2n + 1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 1160px) {
  .mainContentHome .sidebarContent {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .mainContentHome .sidebarContent:after {
    -ms-flex: auto;
        flex: auto;
    margin: 0 auto;
    content: "";
  }
  .mainContentHome .sidebarContent > * {
    width: calc( 100% - 0px - 1px);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .mainContentHome .sidebarContent > *:nth-child(1) {
    margin-left: 0;
  }
  .mainContentHome .sidebarContent > *:nth-child(1n) {
    margin-right: 0;
  }
  .mainContentHome .sidebarContent > *:nth-child(1n + 1) {
    margin-left: 0;
  }
}

.mainContentHome h1 {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 0 0 15px;
  color: #5f5f5f;
  font-family: "BNPPSansReg", Arial, sans-serif;
  border: 0;
  text-transform: none;
}

.mainContentHome .relatedContent {
  display: none;
  color: #5f5f5f;
  padding: 0 0 20px;
  cursor: pointer;
}

.mainContentHome .relatedContent:hover h4 a {
  text-decoration: underline;
}

.mainContentHome .relatedContent:nth-of-type(-n+2) {
  display: block;
}

.mainContentHome .relatedContent:nth-of-type(2) {
  padding: 20px 0 0;
  border-top: 1px solid #e8e8e8;
}

@media screen and (min-width: 766px) {
  .mainContentHome .relatedContent {
    padding: 0;
    border-top: none;
    border-right: 1px solid #e8e8e8;
  }
  .mainContentHome .relatedContent:nth-of-type(2) {
    padding: 0;
    border: none;
  }
}

@media screen and (min-width: 1160px) {
  .mainContentHome .relatedContent {
    display: block;
    padding: 20px 0;
    border-top: 1px solid #e8e8e8;
    border-right: none;
  }
  .mainContentHome .relatedContent:nth-of-type(1) {
    padding: 0 0 20px;
    border: none;
  }
  .mainContentHome .relatedContent:nth-of-type(2) {
    padding: 20px 0;
    border-top: 1px solid #e8e8e8;
  }
  .mainContentHome .relatedContent:last-child {
    padding-bottom: 0;
  }
}

.mainContentHome .relatedContent .relatedContentImg {
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
  width: 60px;
  height: 60px;
  background-size: cover;
  background-position: center;
}

.mainContentHome .relatedContent .relatedContentDate {
  display: block;
  margin: 5px 0;
  font-size: 13px;
  font-size: 1.3rem;
  font-family: "BNPPSansLight", Arial, sans-serif;
}

.mainContentHome .relatedContent .relatedContentDescription {
  display: inline-block;
  padding-top: 4px;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  color: #5f5f5f;
}

.mainContentHome .relatedContent h2 {
  display: block;
  margin: 10px 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
}

.mainContentHome .relatedContent h2 a {
  color: #5f5f5f;
}

.mainContentHome .relatedContent .with-image h4 {
  float: right;
  width: calc(100% - 70px);
}

.mapContainer {
  margin: 0 0 20px;
}

@media screen and (max-width: 1159px) {
  .mapContainer {
    border-top: 3px #00a91e solid;
  }
}

@media screen and (min-width: 1160px) {
  .mapContainer {
    display: block;
    margin: 0 0 60px;
  }
}

.mapContainer h2 {
  margin: 20px 0 15px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #00965e;
  text-transform: uppercase;
}

@media screen and (min-width: 1160px) {
  .mapContainer .mapCountriesContainer {
    height: 495px;
  }
}

@media screen and (min-width: 1160px) {
  .mapContainer .mapCountriesContainer .countriesSelect {
    display: none;
  }
}

.mapContainer .mapCountriesContainer .interactiveMapContainer {
  position: relative;
  float: left;
  display: none;
  height: 100%;
  width: 100%;
  max-width: 750px;
  border: 1px #dfdddc solid;
  vertical-align: top;
}

@media screen and (min-width: 1160px) {
  .mapContainer .mapCountriesContainer .interactiveMapContainer {
    display: inline-block;
  }
}

.mapContainer .mapCountriesContainer .interactiveMapContainer .continentTabs {
  position: absolute;
  top: -30px;
  right: -1px;
  z-index: 30;
}

.mapContainer .mapCountriesContainer .interactiveMapContainer .continentTabs .tab {
  float: left;
  display: inline-block;
  height: 30px;
  padding: 0 30px;
  background-color: #ededed;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 30px;
  transition: 0.3s all ease;
  cursor: pointer;
}

.mapContainer .mapCountriesContainer .interactiveMapContainer .continentTabs .tab.active {
  color: #fff;
  background-color: #00a91e;
}

.mapContainer .mapCountriesContainer .interactiveMapContainer .continentTabs .tab.active:hover {
  color: #fff;
}

.mapContainer .mapCountriesContainer .interactiveMapContainer .continentTabs .tab:hover {
  color: #00a91e;
}

.mapContainer .mapCountriesContainer .countryInfos {
  display: inline-block;
  width: 100%;
}

@media screen and (min-width: 1160px) {
  .mapContainer .mapCountriesContainer .countryInfos {
    float: left;
    height: calc(100% + 3px);
    max-height: 497px;
    max-width: 390px;
    margin-top: -2px;
    padding: 25px 30px;
    border: 1px #dfdddc solid;
    border-top: 3px #00a91e solid;
    border-left: 0;
    vertical-align: top;
    overflow-y: auto;
  }
}

.mapContainer .mapCountriesContainer .countryInfos .name {
  padding: 30px 0 30px 60px;
  background-position: left center;
  background-size: 50px auto;
  background-repeat: no-repeat;
  font-family: "BNPPSansBold", Arial, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  text-transform: uppercase;
}

@media screen and (min-width: 1160px) {
  .mapContainer .mapCountriesContainer .countryInfos .name {
    margin: 0 0 30px;
    padding: 0 0 0 60px;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    -ms-flex-align: center;
        align-items: center;
  }
}

.mapContainer .mapCountriesContainer .countryInfos .name.no-flag {
  padding: 30px 0;
}

@media screen and (min-width: 1160px) {
  .mapContainer .mapCountriesContainer .countryInfos .name.no-flag {
    padding: 0;
  }
}

.mapContainer .mapCountriesContainer .countryInfos .registeredOffice,
.mapContainer .mapCountriesContainer .countryInfos .salesOffice {
  display: inline-block;
  height: auto;
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  vertical-align: top;
}

@media screen and (max-width: 1159px) {
  .mapContainer .mapCountriesContainer .countryInfos .registeredOffice,
  .mapContainer .mapCountriesContainer .countryInfos .salesOffice {
    max-width: 265px;
  }
}

.mapContainer .mapCountriesContainer .countryInfos .registeredOffice .address,
.mapContainer .mapCountriesContainer .countryInfos .registeredOffice .telephone,
.mapContainer .mapCountriesContainer .countryInfos .salesOffice .address,
.mapContainer .mapCountriesContainer .countryInfos .salesOffice .telephone {
  margin: 0 0 20px;
  font-family: "BNPPSansLight", Arial, sans-serif;
}

.mapContainer .mapCountriesContainer .countryInfos .registeredOffice .address span,
.mapContainer .mapCountriesContainer .countryInfos .registeredOffice .telephone span,
.mapContainer .mapCountriesContainer .countryInfos .salesOffice .address span,
.mapContainer .mapCountriesContainer .countryInfos .salesOffice .telephone span {
  display: block;
}

@media screen and (min-width: 1160px) {
  .mapContainer .mapCountriesContainer .countryInfos .registeredOffice .address span,
  .mapContainer .mapCountriesContainer .countryInfos .registeredOffice .telephone span,
  .mapContainer .mapCountriesContainer .countryInfos .salesOffice .address span,
  .mapContainer .mapCountriesContainer .countryInfos .salesOffice .telephone span {
    display: inline-block;
    padding-right: 20px;
  }
}

.mapContainer .mapCountriesContainer .countryInfos .registeredOffice .email a,
.mapContainer .mapCountriesContainer .countryInfos .salesOffice .email a {
  margin: 0 0 20px;
  display: inline-block;
  color: #5f5f5f;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  text-decoration: underline;
}

@media screen and (min-width: 1160px) {
  .mapContainer .mapCountriesContainer .countryInfos .registeredOffice .email a,
  .mapContainer .mapCountriesContainer .countryInfos .salesOffice .email a {
    margin: 0 0 20px;
  }
}

.mapContainer .mapCountriesContainer .countryInfos .registeredOffice .email a:hover,
.mapContainer .mapCountriesContainer .countryInfos .salesOffice .email a:hover {
  text-decoration: none;
}

.mapContainer .mapCountriesContainer .countryInfos .website a {
  margin: 0 0 30px;
  display: inline-block;
  color: #5f5f5f;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  text-decoration: underline;
}

@media screen and (min-width: 1160px) {
  .mapContainer .mapCountriesContainer .countryInfos .website a {
    margin: 0 0 35px;
  }
}

.mapContainer .mapCountriesContainer .countryInfos .website a:hover {
  text-decoration: none;
}

.mapContainer .mapCountriesContainer .countryInfos .logo {
  margin-left: -7px;
  height: auto;
  max-width: 200px;
}

.jobsContentContainer h1 {
  margin-bottom: 40px;
}

.jobsContentContainer .jobEntry {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.jobsContentContainer .jobEntry:last-of-type:after {
  display: none;
}

.jobsContentContainer .jobEntry:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 50px;
  background-color: #dfdddc;
}

.jobsContentContainer .jobEntry h3 {
  margin-bottom: 1em;
  font-family: "BNPPSansReg", Arial, sans-serif;
  text-transform: inherit;
  font-size: 18px;
  font-size: 1.8rem;
}

.jobsContentContainer .jobEntry p {
  font-size: 15px;
  font-size: 1.5rem;
}

.jobsContentContainer .jobEntry .jobCta {
  padding: 20px 0;
}

.jobsContentContainer .jobEntry .jobApply {
  display: inline-block;
  padding: 0.5em 1.2em;
  color: #fff;
  background-color: #00965e;
  font-size: 15px;
  font-size: 1.5rem;
  border: 1px solid #00965e;
  border-radius: 2px;
  transition: 0.5s all ease;
}

.jobsContentContainer .jobEntry .jobApply span {
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
}

.jobsContentContainer .jobEntry .jobApply:hover {
  text-decoration: none;
  color: #00965e;
  background-color: #fff;
}

/* Page product */
.blockquoteContainer {
  margin: 40px 0px;
  padding: 50px 0;
  color: #fff;
  background-color: #00a91e;
  text-align: center;
}

.blockquoteContainer .blockquoteContent {
  margin: 0 auto;
  max-width: 520px;
  font-size: 22px;
  font-size: 2.2rem;
  font-style: italic;
  line-height: 1.5;
  /*&:before, 
		&:after {
		    content: '"';
		}*/
}

.blockquoteContainer .ctaContainer {
  padding: 25px 0 0;
}

@media screen and (min-width: 992px) {
  .blockquoteContainer .ctaContainer {
    padding: 25px 0 0;
  }
}

/* Carousel product */
.carouselProduct {
  position: relative;
  margin: 0 20px 20px;
  padding-bottom: 35px;
  overflow: hidden;
}

@media screen and (min-width: 992px) {
  .carouselProduct {
    margin: 0 20px 20px;
    padding: 0;
  }
}

@media screen and (min-width: 1160px) {
  .carouselProduct {
    max-width: 1140px;
    margin: 0 auto 50px;
  }
}

.carouselProduct .swiper-slide {
  padding: 15px 0 20px;
  border: 0;
}

@media screen and (min-width: 992px) {
  .carouselProduct .swiper-slide {
    padding: 50px 90px 100px;
  }
}

.carouselProduct .swiper-slide .slideContent {
  position: relative;
  min-height: 215px;
}

@media screen and (min-width: 992px) {
  .carouselProduct .swiper-slide .slideContent {
    padding-right: 58%;
  }
}

.carouselProduct .swiper-slide .slideContent h2 {
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 32px;
  font-size: 3.2rem;
}

.carouselProduct .swiper-slide .slideContent p {
  padding-bottom: 1em;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.carouselProduct .swiper-slide .slideContent p strong, .carouselProduct .swiper-slide .slideContent p b {
  font-family: "BNPPSans", Arial, sans-serif;
  font-weight: normal;
}

.carouselProduct .swiper-slide .slideContent p em, .carouselProduct .swiper-slide .slideContent p i {
  font-style: italic;
}

.carouselProduct .swiper-slide .slideContent ul, .carouselProduct .swiper-slide .slideContent ol {
  margin: 0 0 1.5em 1em;
  padding: 0;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  list-style-position: inside;
}

.carouselProduct .swiper-slide .slideContent ul li, .carouselProduct .swiper-slide .slideContent ol li {
  list-style: inherit;
  margin-bottom: 0.5em;
}

.carouselProduct .swiper-slide .slideContent ul li:before, .carouselProduct .swiper-slide .slideContent ol li:before {
  content: "";
  display: inline-block;
  height: 1rem;
  width: .5rem;
  margin-left: -5px;
}

.carouselProduct .swiper-slide .slideContent ul li:before {
  margin-left: -1em;
}

@media screen and (min-width: 992px) {
  .carouselProduct .swiper-slide .slideImg {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    min-height: 250px;
    width: 50%;
    overflow: hidden;
  }
}

.carouselProduct .swiper-slide .slideImg img {
  min-width: 100%;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 992px) {
  .carouselProduct .swiper-slide .slideImg img {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    width: auto;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
  }
}

@media screen and (min-width: 992px) {
  .carouselProduct .buttonContain {
    position: absolute;
    left: 0;
    top: 50%;
    bottom: auto;
    width: 100%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.carouselProduct .swiper-button-prev,
.carouselProduct .swiper-button-next {
  top: 0;
}

.carouselProduct .swiper-pagination-fraction,
.carouselProduct .swiper-pagination-custom,
.carouselProduct .carouselProduct-horizontal > .swiper-pagination-bullets {
  bottom: 0;
}

.imageContainer {
  margin-bottom: 35px !important;
}

.img-responsive {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-bottom: 0 !important;
}

/* Search Results */
.searchResultsContainer {
  margin: 15px 20px 50px;
  max-width: 750px;
}

@media screen and (min-width: 992px) {
  .searchResultsContainer {
    margin: 15px auto 50px;
  }
}

.searchResultsContainer h1 {
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 54px;
  font-size: 5.4rem;
  text-align: center;
  text-transform: uppercase;
  border: 0;
}

.searchResultsContainer .searchResult {
  position: relative;
  padding-bottom: 1em;
  margin-bottom: 4em;
  cursor: pointer;
}

.searchResultsContainer .searchResult:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  height: 1px;
  width: 50px;
  background-color: #dfdddc;
}

.searchResultsContainer .searchResult h4 {
  margin: 0;
  font-family: "BNPPSansBold", Arial, sans-serif;
  font-size: 20px;
  font-size: 2rem;
}

.searchResultsContainer .searchResult h4 a {
  color: #5f5f5f;
}

.searchResultsContainer .searchResult p {
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.searchResultsContainer .searchResult p .sfHighlight {
  color: #00a91e;
  text-decoration: underline;
}

.searchResultsContainer .searchResult:hover h4 a {
  text-decoration: underline;
}

.noResults {
  display: none;
  min-height: 100vh;
  text-align: center;
  height: 1px;
}

@media screen and (min-width: 992px) {
  .noResults {
    min-height: 60vh;
  }
}

.noResults:before {
  content: "";
  display: inline-block;
  height: 100%;
  width: 1px;
  vertical-align: middle;
}

.noResults .noResultsContainer {
  display: inline-block;
  vertical-align: middle;
}

.noResults .icon {
  color: #00965e;
  font-size: 80px;
  font-size: 8rem;
}

.noResults p {
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-weight: 800;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.2;
  text-transform: uppercase;
  color: #212121;
}

.ui-autocomplete {
  width: 330px !important;
  padding: 10px;
  font-size: 15px;
  line-height: 1.5;
  background-color: #FFFFFF;
  border: 1px solid #eeeeee;
  border-top: 1px solid #bbbbbb;
  z-index: 5000000 !important;
}

.ui-autocomplete a {
  cursor: pointer;
}

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

.pagination {
  margin: 1em 0;
}

.pagination li {
  display: inline-block;
  padding: 5px;
  font-size: 16px;
}

.pagination li:first-of-type {
  padding-left: 0;
}

.pagination li.active a {
  background-color: #dddddd;
  color: #000000;
}

.pagination li a {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 8px 0 10px;
  border-radius: 2px;
  background-color: #eeeeee;
}

/* Testimonial panel */
.testimonialContainer {
  position: fixed;
  z-index: 12000;
  top: 0;
  left: 0;
}

.testimonialContainer.openTestimonial {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}

.testimonialContainer.openTestimonial .testimonialPanel {
  right: 0;
}

.testimonialContainer .testimonialPanel {
  position: fixed;
  top: 0;
  right: -100%;
  padding: 20px;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  overflow: scroll;
  transition: all ease .5s;
}

@media screen and (min-width: 992px) {
  .testimonialContainer .testimonialPanel {
    width: 650px;
  }
}

.testimonialContainer .testimonialPanel .closeTestimonial {
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 36px;
  height: 36px;
  background-image: url("/ResourcePackages/Factor/assets/images/icon-close-grey.png");
}

@media screen and (min-width: 992px) {
  .testimonialContainer .testimonialPanel .closeTestimonial {
    right: 50px;
    top: 50px;
  }
}

.testimonialContentContainer {
  padding: 40px 0 40px;
}

@media screen and (min-width: 992px) {
  .testimonialContentContainer {
    padding: 65px 90px 40px;
  }
}

@media screen and (min-width: 992px) {
  .testimonialContentContainer h2 {
    font-size: 35px;
    font-size: 3.5rem;
  }
}

.carouselWrapper {
  position: relative;
}

.noMouseEventZone {
  display: none;
}

@media screen and (min-width: 766px) {
  .noMouseEventZone {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: calc(50% - 530px);
    height: 100%;
    background-color: transparent;
    z-index: 100;
  }
  .noMouseEventZone.right {
    left: auto;
    right: 0;
  }
}

@media screen and (min-width: 1160px) {
  .noMouseEventZone {
    width: calc(50% - 680px);
  }
}

.carouselTimeline {
  margin: 30px 20px 0;
  padding-bottom: 48px;
  position: relative;
  overflow: hidden;
  z-index: 50;
  /* Fix of Webkit flickering */
  z-index: 1;
  height: auto;
}

@media screen and (min-width: 766px) {
  .carouselTimeline {
    margin: 30px 0 0;
  }
}

@media screen and (min-width: 1160px) {
  .carouselTimeline {
    margin: 30px 0 0;
  }
}

.carouselTimeline .swiper-wrapper {
  margin-bottom: 20px;
}

.carouselTimeline .swiper-slide {
  padding: 0;
  border: 0;
}

.carouselTimeline .swiper-slide:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 14px;
  height: 1px;
  width: 30px;
  background-color: #5f5f5f;
}

.carouselTimeline .swiper-slide:last-of-type:after {
  display: none;
}

.carouselTimeline .swiper-slide h2 {
  margin: 0;
  padding-top: 2px;
  font-family: "BNPPSansBold";
  color: #fff;
  background-color: #00a91e;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: center;
}

.carouselTimeline .swiper-slide .slideImg {
  position: relative;
  height: 170px;
  width: 100%;
  overflow: hidden;
  border: 1px solid #dfdddc;
  border-top: 0;
  border-bottom: 0;
}

.carouselTimeline .swiper-slide .slideImg img {
  position: absolute;
  top: 50%;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

.carouselTimeline .swiper-slide p {
  margin: 0;
  padding: 20px;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  border: 1px solid #dfdddc;
  border-top: 0;
}

.carouselTimeline .buttonContain {
  display: none;
  width: 135px;
  color: #00a91e;
}

@media screen and (min-width: 992px) {
  .carouselTimeline .buttonContain {
    display: block;
  }
}

.carouselTimeline .buttonContain .mouseBlock {
  position: absolute;
  top: 20px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  font-size: 25px;
  animation: bounce 1.5s infinite;
}

.carouselTimeline.carouselHome-vertical {
  max-width: 360px;
  height: 74vh;
  margin: 30px auto 0;
  padding: 0 20px;
}

.carouselTimeline.carouselHome-vertical .swiper-slide:after {
  left: 50%;
  top: 100%;
  height: 30px;
  width: 1px;
  background-color: #5f5f5f;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    top: 20px;
  }
  40% {
    top: 10px;
  }
  60% {
    top: 15px;
  }
}

.carouselDates {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  color: #fff;
  background-color: #888888;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}

@media screen and (max-width: 991px) {
  .carouselDates {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

@media screen and (min-width: 766px) {
  .carouselDates {
    margin: 30px 0 0;
  }
}

.carouselDates:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 5px;
  background-color: #fff;
  z-index: -1;
}

.carouselDates .swiper-slide {
  width: auto;
  padding: 15px 15px 5px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  border: 0;
  cursor: pointer;
}

.carouselDates .swiper-slide.swiper-slide-active {
  font-family: "BNPPSansBold", Arial, sans-serif;
  background-color: #00a91e;
}

/* FAQ page */
@media screen and (max-width: 991px) {
  .faqContainer {
    padding: 30px;
  }
}

.faqContainer h1 {
  font-size: 54px;
  font-size: 5.4rem;
}

.faqContainer h2 {
  font-family: "BNPPSansReg";
  font-size: 20px;
  font-size: 2rem;
  border-bottom: solid 1px #00965e;
  text-transform: none;
  padding-bottom: 10px;
  margin-top: 25px;
  outline: none;
}

.faqContainer h2::after {
  content: "+";
  float: right;
  color: #00965e;
  font-size: 24px;
  font-size: 2.4rem;
}

.faqContainer h2:hover {
  cursor: pointer;
}

.faqContainer h2.ui-state-active::after {
  content: "-";
}

.faqContainer h2 + div {
  margin: 20px 0;
}

.faqContainer .faqItem div {
  max-height: 0;
  transition: max-height 0.15s ease-out;
  overflow: hidden;
}

.faqContainer .faqItem.active div {
  max-height: 500px;
  transition: max-height 0.25s ease-in;
}

.faq-container {
  padding: 30px;
}

@media screen and (min-width: 766px) {
  .faq-container {
    min-height: calc(100vh - 289px);
  }
}

.faq-container h2 {
  font-size: 54px;
  text-align: left;
  color: #00965E;
  margin: 0 0 20px 0;
}

.faq-container .accordion .accordion-item {
  border-bottom: 1px solid #474747;
}

.faq-container .accordion .accordion-item:first-child {
  border-top: 1px solid #474747;
}

.faq-container .accordion .accordion-item button[aria-expanded="true"] {
  border-bottom: 1px solid #00965E;
}

.faq-container .accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 20px 0;
  color: #00965E;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
}

.faq-container .accordion button:hover, .faq-container .accordion button:focus {
  cursor: pointer;
  color: #00965E;
}

.faq-container .accordion button:hover::after, .faq-container .accordion button:focus::after {
  cursor: pointer;
  color: #00965E;
  border: 1px solid #00965E;
}

.faq-container .accordion button .accordion-title {
  color: #474747;
  font-family: "BNPPSansBold", sans-serif;
  font-size: 18px;
  line-height: 22px;
  display: block;
  width: 100%;
  padding: 0 30px 0 0;
}

.faq-container .accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 0;
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 22px;
}

.faq-container .accordion button .icon::before {
  display: block;
  position: absolute;
  content: "";
  top: 8px;
  left: 4px;
  width: 10px;
  height: 2px;
  background: currentColor;
}

.faq-container .accordion button .icon::after {
  display: block;
  position: absolute;
  content: "";
  top: 4px;
  left: 8px;
  width: 2px;
  height: 10px;
  background: currentColor;
}

.faq-container .accordion button[aria-expanded="true"] {
  color: #00965E;
}

.faq-container .accordion button[aria-expanded="true"] .icon::after {
  width: 0;
}

.faq-container .accordion button[aria-expanded="true"] + .accordion-content {
  opacity: 1;
  max-height: max-content;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}

.faq-container .accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}

.faq-container .accordion .accordion-content p {
  font-family: "BNPPSansLight", sans-serif;
  font-size: 16px;
  line-height: 22px;
  color: #474747;
  margin: 2em 0;
  padding: 0;
}

/* Complaint Form page */
.complaintForm,
.confirmation-message {
  max-width: 750px;
  margin: 50px auto;
  position: relative;
}

@media screen and (max-width: 765px) {
  .complaintForm,
  .confirmation-message {
    padding: 0 20px;
  }
}

.complaintForm.case-complaint .hideComplaint,
.confirmation-message.case-complaint .hideComplaint {
  display: none;
}

.complaintForm.case-complaint .cs-options li.Suggestion,
.confirmation-message.case-complaint .cs-options li.Suggestion {
  display: none;
}

.complaintForm.case-suggestion .hideSuggestion,
.confirmation-message.case-suggestion .hideSuggestion {
  display: none;
}

.complaintForm.case-suggestion .cs-options li.Complaint,
.confirmation-message.case-suggestion .cs-options li.Complaint {
  display: none;
}

.complaintForm .semi-column,
.confirmation-message .semi-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@media screen and (max-width: 765px) {
  .complaintForm .semi-column,
  .confirmation-message .semi-column {
    display: block;
  }
}

.complaintForm .semi-column .field, .complaintForm .semi-column .radios,
.confirmation-message .semi-column .field,
.confirmation-message .semi-column .radios {
  width: 48%;
}

@media screen and (max-width: 765px) {
  .complaintForm .semi-column .field, .complaintForm .semi-column .radios,
  .confirmation-message .semi-column .field,
  .confirmation-message .semi-column .radios {
    width: 100%;
  }
}

.complaintForm .three-column,
.confirmation-message .three-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@media screen and (max-width: 765px) {
  .complaintForm .three-column,
  .confirmation-message .three-column {
    display: block;
  }
}

.complaintForm h2,
.confirmation-message h2 {
  margin: 0.1em 0 0.3em;
  padding: 0;
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 54px;
  text-transform: uppercase;
  color: #00a91e;
  line-height: 1.2;
}

@media screen and (max-width: 765px) {
  .complaintForm h2,
  .confirmation-message h2 {
    width: calc(100% - 110px);
  }
}

.complaintForm h3,
.confirmation-message h3 {
  margin: 4rem 0;
  padding: 0;
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 24px;
  color: #555555;
  line-height: 1.2;
}

.complaintForm p,
.confirmation-message p {
  padding-bottom: 1em;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.complaintForm ul, .complaintForm ol,
.confirmation-message ul,
.confirmation-message ol {
  margin: 0.8em 0 1.8em 1em;
  padding: 0;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  list-style-position: inside;
}

.complaintForm ul li, .complaintForm ol li,
.confirmation-message ul li,
.confirmation-message ol li {
  list-style: inherit;
  margin-bottom: 0.5em;
}

.complaintForm ul li:before, .complaintForm ol li:before,
.confirmation-message ul li:before,
.confirmation-message ol li:before {
  content: "";
  display: inline-block;
  height: 1rem;
  width: .5rem;
  margin-left: -5px;
}

@media screen and (min-width: 992px) {
  .complaintForm ul li:before,
  .confirmation-message ul li:before {
    margin-left: -10px;
  }
}

.complaintForm .cs-select ul,
.complaintForm .cs-select ol,
.complaintForm .cs-select li,
.confirmation-message .cs-select ul,
.confirmation-message .cs-select ol,
.confirmation-message .cs-select li {
  margin: 0;
  padding: 0;
}

.complaintForm .cs-select li:before,
.confirmation-message .cs-select li:before {
  display: none;
}

.complaintForm fieldset,
.confirmation-message fieldset {
  margin-bottom: 15px;
}

.complaintForm fieldset.error,
.confirmation-message fieldset.error {
  color: #f00;
}

.complaintForm label,
.confirmation-message label {
  display: block;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.complaintForm label.required:after,
.confirmation-message label.required:after {
  content: "*";
  float: right;
  padding-right: 20px;
}

.complaintForm label.error,
.confirmation-message label.error {
  color: #f00;
}

.complaintForm textarea,
.complaintForm input.text,
.confirmation-message textarea,
.confirmation-message input.text {
  display: block;
  width: 100%;
  font-family: "BNPPSansReg", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  border: 1px solid #d2d2d2;
  outline: 0;
}

.complaintForm textarea.error, .complaintForm textarea.input-validation-error,
.complaintForm input.text.error,
.complaintForm input.text.input-validation-error,
.confirmation-message textarea.error,
.confirmation-message textarea.input-validation-error,
.confirmation-message input.text.error,
.confirmation-message input.text.input-validation-error {
  border: 1px solid #f00;
}

.complaintForm textarea,
.confirmation-message textarea {
  height: 300px;
  padding: 0.86em 0.5em;
  resize: none;
  margin: 5px 0 20px 0;
}

.complaintForm div.cs-select,
.confirmation-message div.cs-select {
  margin: 5px 0 20px 0;
}

.complaintForm input.text,
.confirmation-message input.text {
  padding: 0.86em 0.5em;
}

.complaintForm .input--radio, .complaintForm .input--radio-inline,
.confirmation-message .input--radio,
.confirmation-message .input--radio-inline {
  cursor: pointer;
  position: relative;
  padding: 5px 5px 5px 35px;
  margin-bottom: 0;
}

.complaintForm .input--radio-inline,
.confirmation-message .input--radio-inline {
  display: inline-block;
  margin-top: 5px;
}

.complaintForm .input--radio label, .complaintForm .input--radio-inline label,
.confirmation-message .input--radio label,
.confirmation-message .input--radio-inline label {
  font-family: BNPPSansLight,sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: -5px;
  padding-left: 0;
  padding-top: 0;
  color: #5f5f5f;
}

.complaintForm .input--radio input[type="radio"], .complaintForm .input--radio-inline input[type="radio"],
.confirmation-message .input--radio input[type="radio"],
.confirmation-message .input--radio-inline input[type="radio"] {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.complaintForm .input--radio input[type="radio"] + span, .complaintForm .input--radio-inline input[type="radio"] + span, .complaintForm .input--radio input[type="radio"] + span:before, .complaintForm .input--radio-inline input[type="radio"] + span:before,
.confirmation-message .input--radio input[type="radio"] + span,
.confirmation-message .input--radio-inline input[type="radio"] + span,
.confirmation-message .input--radio input[type="radio"] + span:before,
.confirmation-message .input--radio-inline input[type="radio"] + span:before {
  cursor: pointer;
}

.complaintForm .input--radio input[type="radio"] + span:before, .complaintForm .input--radio-inline input[type="radio"] + span:before,
.confirmation-message .input--radio input[type="radio"] + span:before,
.confirmation-message .input--radio-inline input[type="radio"] + span:before {
  box-sizing: border-box;
  position: absolute;
  top: 1px;
  left: 5px;
  content: '';
  background-color: #008559;
  width: 18px;
  height: 18px;
  border: 10px solid #fff;
  border-radius: 50%;
  transition: all .2s ease-in-out;
  box-shadow: 0 0 0 1px #d2d2d2;
}

.complaintForm .input--radio input[type="radio"].input-validation-error + span:before, .complaintForm .input--radio-inline input[type="radio"].input-validation-error + span:before,
.confirmation-message .input--radio input[type="radio"].input-validation-error + span:before,
.confirmation-message .input--radio-inline input[type="radio"].input-validation-error + span:before {
  box-shadow: 0 0 0 1px #f00;
}

.complaintForm .input--radio input[type="radio"]:checked + span:before, .complaintForm .input--radio-inline input[type="radio"]:checked + span:before,
.confirmation-message .input--radio input[type="radio"]:checked + span:before,
.confirmation-message .input--radio-inline input[type="radio"]:checked + span:before {
  border-width: 3px;
  width: 20px;
  height: 20px;
}

.complaintForm .input--radio input[type="radio"]:checked + span, .complaintForm .input--radio-inline input[type="radio"]:checked + span,
.confirmation-message .input--radio input[type="radio"]:checked + span,
.confirmation-message .input--radio-inline input[type="radio"]:checked + span {
  font-family: BNPPSansReg,sans-serif;
  color: #008559;
}

.complaintForm .radios.error label span,
.confirmation-message .radios.error label span {
  color: #f00;
}

.complaintForm .radios.error label span::before,
.confirmation-message .radios.error label span::before {
  box-shadow: 0 0 0 1px #f00;
}

.complaintForm input.button, .complaintForm a.button.skip,
.confirmation-message input.button,
.confirmation-message a.button.skip {
  text-align: center;
  display: inline-block;
  min-width: 145px;
  padding: 8px 0 3px 0;
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  text-transform: uppercase;
  background-color: #00965e;
  color: #fff;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: #00965e;
  transition: all .1s ease;
  outline: 0;
  line-height: 1.8;
}

.complaintForm input.button:hover, .complaintForm a.button.skip:hover,
.confirmation-message input.button:hover,
.confirmation-message a.button.skip:hover {
  text-decoration: none;
  background-color: transparent;
  border-color: #00965e;
  color: #00965e;
}

.complaintForm a.button.skip,
.confirmation-message a.button.skip {
  position: absolute;
  top: 7px;
  right: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 5px 10px 2px 10px;
  min-width: inherit;
  font-weight: 800;
}

.complaintForm .buttons,
.confirmation-message .buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@media screen and (max-width: 765px) {
  .complaintForm .buttons,
  .confirmation-message .buttons {
    display: block;
  }
}

.complaintForm .input-validation-error,
.confirmation-message .input-validation-error {
  border: 1px solid #f00;
}

.complaintForm .field-validation-error,
.confirmation-message .field-validation-error {
  display: none !important;
}

.complaintForm .field-validation-valid,
.confirmation-message .field-validation-valid {
  display: none;
}

.complaintForm div.upload,
.confirmation-message div.upload {
  position: relative;
  display: inline-block;
  width: 32%;
  height: 180px;
  padding: 8px 0 3px 0;
  margin: 5px 0 15px 0;
  clear: left;
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  text-transform: uppercase;
  background-color: #EEEEEE;
  color: #666666;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: #d2d2d2;
  transition: all .1s ease;
  outline: 0;
  line-height: 1.8;
}

.complaintForm div.upload .k-upload,
.confirmation-message div.upload .k-upload {
  position: absolute;
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  top: 0;
  left: 0;
}

.complaintForm div.upload .k-upload .k-dropzone,
.confirmation-message div.upload .k-upload .k-dropzone {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
}

.complaintForm div.upload .k-upload .k-upload-button,
.confirmation-message div.upload .k-upload .k-upload-button {
  position: absolute;
  padding: 0;
  left: 0;
  width: 100%;
  top: 0;
  display: block;
  margin: 0;
  height: 100%;
  border: none;
  background: none;
}

.complaintForm div.upload .k-upload .k-upload-files,
.confirmation-message div.upload .k-upload .k-upload-files {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
  border: 0;
}

.complaintForm div.upload .k-upload .k-file,
.confirmation-message div.upload .k-upload .k-file {
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
}

.complaintForm div.upload .k-upload .k-file-name,
.confirmation-message div.upload .k-upload .k-file-name {
  max-width: 100%;
}

.complaintForm div.upload .k-upload .k-file-name-size-wrapper,
.confirmation-message div.upload .k-upload .k-file-name-size-wrapper {
  margin-left: 0;
  text-align: center;
  width: calc(100% - 20px);
  margin: 0 10px;
}

.complaintForm div.upload .k-upload .k-file-extension-wrapper,
.confirmation-message div.upload .k-upload .k-file-extension-wrapper {
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  margin-top: 45px;
}

@media screen and (max-width: 765px) {
  .complaintForm div.upload .k-upload .k-file-extension-wrapper,
  .confirmation-message div.upload .k-upload .k-file-extension-wrapper {
    margin-top: 25px;
  }
}

.complaintForm div.upload .k-upload .k-upload-status,
.confirmation-message div.upload .k-upload .k-upload-status {
  z-index: 1000;
  top: 12px;
}

@media screen and (max-width: 765px) {
  .complaintForm div.upload,
  .confirmation-message div.upload {
    width: 100%;
  }
}

@media screen and (max-width: 765px) {
  .complaintForm div.upload,
  .confirmation-message div.upload {
    width: 100%;
    height: 130px;
    position: relative;
    text-align: left;
    padding-left: 70px;
  }
}

.complaintForm div.upload::before,
.confirmation-message div.upload::before {
  position: absolute;
  content: "+";
  font-family: "BNPPSansReg";
  font-size: 42px;
  display: block;
  width: 55px;
  height: 55px;
  margin: 0 auto 10px;
  color: #666666;
  border: solid 3px #666666;
  border-radius: 50%;
  line-height: 55px;
  text-align: center;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

@media screen and (max-width: 765px) {
  .complaintForm div.upload::before,
  .confirmation-message div.upload::before {
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
}

.complaintForm div.upload:hover,
.confirmation-message div.upload:hover {
  text-decoration: none;
  background-color: transparent;
  border-color: #00965e;
  color: #00965e;
}

.complaintForm div.upload:hover::before,
.confirmation-message div.upload:hover::before {
  color: #00965e;
  border-color: #00965e;
}

.complaintForm .checkboxes input,
.confirmation-message .checkboxes input {
  display: none;
}

.complaintForm .checkboxes input + label,
.confirmation-message .checkboxes input + label {
  position: relative;
  padding-left: 24px;
  margin: 10px 0;
  float: left;
  clear: both;
  font-size: 13px;
  font-size: 1.3rem;
}

.complaintForm .checkboxes input + label:hover,
.confirmation-message .checkboxes input + label:hover {
  cursor: pointer;
}

.complaintForm .checkboxes input + label::before,
.confirmation-message .checkboxes input + label::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  border: solid 1px #d2d2d2;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 0;
}

.complaintForm .checkboxes input:checked + label::after,
.confirmation-message .checkboxes input:checked + label::after {
  content: '✓';
  color: #00965e;
  font-size: 15px;
  display: block;
  position: absolute;
  left: 4px;
  top: 0;
}

.complaintForm div.upload .k-upload .k-upload-files,
.confirmation-message div.upload .k-upload .k-upload-files {
  margin: 0 !important;
  line-height: auto !important;
}

/* Glossary page */
.glossaryContainer h1 {
  margin: 1em 0 0.1em;
  padding: 0;
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 54px;
  text-transform: uppercase;
  color: #00a91e;
  line-height: 1.2;
  border: 0;
}

@media screen and (min-width: 992px) {
  .glossaryContainer h1 {
    margin: 0.3em 0 0.1em;
  }
}

.glossaryContainer .glossary {
  width: 100%;
  margin: 30px 0 60px 0;
  float: left;
  padding: 0;
}

@media screen and (max-width: 765px) {
  .glossaryContainer .glossary {
    margin: 0;
  }
}

.glossaryContainer .glossary .placeholderAlpha {
  display: none;
  font-family: "BNPPSansReg";
}

@media screen and (max-width: 765px) {
  .glossaryContainer .glossary {
    /* Hover state */
    /* Active state */
  }
  .glossaryContainer .glossary .placeholderAlpha {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .glossaryContainer .glossary .wrapper-dropdown-1, .glossaryContainer .glossary .wrapper-dropdown-2 {
    /* Size and position */
    position: relative;
    /* Enable absolute positionning for children and pseudo elements */
    width: 100%;
    padding: 18px;
    margin: 0 auto 20px;
    /* Styles */
    background: #EEEEEE;
    color: #5F5F5F;
    outline: none;
    cursor: pointer;
    /* Font settings */
    font-weight: bold;
  }
  .glossaryContainer .glossary .wrapper-dropdown-1:after, .glossaryContainer .glossary .wrapper-dropdown-2:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -6px;
    border-width: 6px 0 6px 6px;
    border-style: solid;
    border-color: transparent #5F5F5F;
  }
  .glossaryContainer .glossary .wrapper-dropdown-1 .dropdown, .glossaryContainer .glossary .wrapper-dropdown-2 .dropdown {
    /* Size & position */
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0;
    right: 0;
    overflow: scroll;
    border: solid 1px #d2d2d2;
    /* Styles */
    background: #fff;
    list-style: none;
    font-weight: normal;
    /* Cancels previous font-weight: bold; */
    /* Hiding */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .glossaryContainer .glossary .wrapper-dropdown-1 .dropdown li a, .glossaryContainer .glossary .wrapper-dropdown-2 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #9e9e9e;
    padding: 10px 20px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .glossaryContainer .glossary .wrapper-dropdown-1 .dropdown li:hover a, .glossaryContainer .glossary .wrapper-dropdown-2 .dropdown li:hover a {
    background: #d2d2d2;
  }
  .glossaryContainer .glossary .wrapper-dropdown-1.active .dropdown, .glossaryContainer .glossary .wrapper-dropdown-2.active .dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .glossaryContainer .glossary .wrapper-dropdown-1.active:after, .glossaryContainer .glossary .wrapper-dropdown-2.active:after {
    border-color: #555555 transparent;
    border-width: 6px 6px 0 6px;
    margin-top: -3px;
  }
  .glossaryContainer .glossary .wrapper-dropdown-1.active, .glossaryContainer .glossary .wrapper-dropdown-2.active {
    background: #d2d2d2;
  }
}

.glossaryContainer .glossary ul.alpha {
  background: #EEEEEE;
  padding: 12px 8px 9px 8px;
  float: left;
  width: 100%;
  margin-bottom: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  outline: 0;
}

@media screen and (max-width: 765px) {
  .glossaryContainer .glossary ul.alpha {
    width: 100%;
    height: calc(100vh - 500px);
    display: block;
  }
}

.glossaryContainer .glossary ul.alpha li {
  list-style: none;
}

@media screen and (min-width: 766px) {
  .glossaryContainer .glossary ul.alpha li {
    border-right: solid 1px #cacaca;
  }
}

.glossaryContainer .glossary ul.alpha li:last-child {
  border: none;
}

.glossaryContainer .glossary ul.alpha li a {
  display: block;
  padding: 3px 8px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #5F5F5F;
  cursor: pointer;
  pointer-events: auto;
}

@media screen and (min-width: 1160px) {
  .glossaryContainer .glossary ul.alpha li a {
    padding: 3px 15px;
    font-size: 20px;
    font-size: 2rem;
  }
}

.glossaryContainer .glossary ul.alpha li a.selected {
  color: #00965e;
  text-decoration: underline;
}

.glossaryContainer .glossary ul.alpha li a.disabled-glossary-index {
  color: #CCC;
  text-decoration: none;
  pointer-events: none;
  cursor: default;
}

.glossaryContainer .glossary .list {
  width: 50%;
  height: 534px;
  background: #EEEEEE;
  float: left;
  padding: 20px 25px;
  overflow: scroll;
  float: left;
  outline: 0;
}

@media screen and (max-width: 765px) {
  .glossaryContainer .glossary .list {
    width: 100%;
    height: 250px;
    padding: 0;
  }
}

@media screen and (min-width: 766px) and (max-width: 991px) {
  .glossaryContainer .glossary .list {
    width: 33%;
    height: calc(100vh - 300px);
  }
}

@media screen and (min-width: 1160px) {
  .glossaryContainer .glossary .list {
    width: 390px;
  }
}

.glossaryContainer .glossary .list a {
  color: #5F5F5F;
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
  font-family: "BNPPSansLight", Arial, sans-serif;
  line-height: 2;
  cursor: pointer;
  pointer-events: auto;
}

.glossaryContainer .glossary .list a.selected {
  font-family: "BNPPSansReg", Arial, sans-serif;
  color: #00965e;
}

.glossaryContainer .glossary .list a.selected::after {
  content: "›";
  color: #00965e;
  float: right;
}

@media screen and (max-width: 765px) {
  .glossaryContainer .glossary .list a.selected::after {
    content: "";
  }
}

.glossaryContainer .glossary .content {
  padding-left: 30px;
  padding-right: 20px;
  float: left;
  width: 50%;
  height: 534px;
  overflow: scroll;
  position: relative;
}

@media screen and (max-width: 765px) {
  .glossaryContainer .glossary .content {
    width: 100%;
    height: calc(100vh - 340px);
  }
}

@media screen and (min-width: 766px) and (max-width: 991px) {
  .glossaryContainer .glossary .content {
    width: 66%;
    height: calc(100vh - 300px);
  }
}

@media screen and (min-width: 1160px) {
  .glossaryContainer .glossary .content {
    width: 750px;
    padding-left: 80px;
    padding-right: 0;
  }
}

.glossaryContainer .glossary .content .lang {
  float: right;
}

.glossaryContainer .glossary .content .lang a {
  color: #5F5F5F;
  font-size: 12px;
  font-size: 1.2rem;
}

.glossaryContainer .glossary .content .lang a.selected {
  color: #2A2A2A;
}

.glossaryContainer .glossary .content h2 {
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "BNPPSansCond";
  text-transform: uppercase;
}

.glossaryContainer .glossary .content h3 {
  font-size: 16px;
  font-size: 1.6rem;
}

.glossaryContainer .glossary .content p {
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.glossaryContainer .glossary .content ul, .glossaryContainer .glossary .content ol {
  margin: 0.8em 0 1.8em 1em;
  padding: 0;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  list-style-position: inside;
}

.glossaryContainer .glossary .content ul li, .glossaryContainer .glossary .content ol li {
  list-style: inherit;
  margin-bottom: 0.5em;
}

.glossaryContainer .glossary .content ul li:before, .glossaryContainer .glossary .content ol li:before {
  content: "";
  display: inline-block;
  height: 1rem;
  width: .5rem;
  margin-left: -5px;
}

@media screen and (min-width: 992px) {
  .glossaryContainer .glossary .content ul li:before {
    margin-left: -10px;
  }
}

.glossaryContainer .glossary .content a.icon-print {
  font-family: "share";
  font-size: 20px;
  color: #999999;
}

@media screen and (min-width: 1160px) {
  .glossaryContainer .glossary .content a.icon-print {
    position: absolute;
    bottom: 0;
  }
}

.imageContainerWithCTA {
  position: relative;
}

.imageContainerWithCTA .backgroundImg {
  position: relative;
  height: 350px;
  width: 100%;
  background-size: cover;
  background-position: center center;
}

.imageContainerWithCTA .backgroundImg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  opacity: 0.7;
}

.imageContainerWithCTA .content {
  position: absolute;
  top: 50%;
  left: 10%;
  -ms-transform: translate(-5%, -50%);
      transform: translate(-5%, -50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (min-width: 992px) {
  .imageContainerWithCTA .content {
    left: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
  }
}

.imageContainerWithCTA .content h1 {
  display: inline-block;
  font-family: "BNPPSansCond";
  color: #fff;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 34px;
  margin: 0 0 10px;
  text-align: center;
  border: none;
}

.imageContainerWithCTA .content p {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 0 20px;
  line-height: 1.5;
  text-align: center;
}

.wrapper.list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (min-width: 992px) {
  .wrapper.list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-direction: row;
        flex-direction: row;
  }
}

.videoContentContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 50px;
  max-width: 1140px;
}

@media screen and (min-width: 992px) {
  .videoContentContainer {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

.wrapper:not(.single) .videoContentContainer.articleContentContainer {
  width: 90%;
}

@media screen and (max-width: 765px) {
  .wrapper:not(.single) .videoContentContainer.articleContentContainer {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 992px) {
  .wrapper:not(.single) .videoContentContainer.articleContentContainer {
    width: 49%;
  }
}

@media screen and (max-width: 765px) {
  .wrapper:not(.single) .videoContentContainer.articleContentContainer .video-article {
    width: 100%;
    height: 300px;
  }
}

.videoContentContainer h2 {
  color: #000000;
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 54px;
  font-size: 5.4rem;
}

.videoContentContainer .videoContent {
  width: 100%;
  padding: 0 20px 40px;
}

@media screen and (min-width: 992px) {
  .videoContentContainer .videoContent {
    width: calc(100% - 400px);
    padding: 0 40px 0 0;
  }
}

.videoContentContainer .video-article {
  margin: 0;
  width: 400px;
  height: 325px;
}

.videoContentContainer .video-article a:after {
  font-size: 30px;
  font-size: 3rem;
  padding: 0px 12px 0 16px;
}

.dualImageSelectorContainer {
  padding: 20px;
}

@media screen and (min-width: 992px) {
  .dualImageSelectorContainer {
    padding: 40px 0 0;
  }
}

.dualImageSelectorContainer h1, .dualImageSelectorContainer h2, .dualImageSelectorContainer h3, .dualImageSelectorContainer h4, .dualImageSelectorContainer h5, .dualImageSelectorContainer h6 {
  margin-bottom: 0.5em;
}

.dualImageSelectorContainer h2 {
  margin-bottom: 1em;
  color: #000000;
  text-align: center;
  font-size: 54px;
  font-size: 5.4rem;
}

.dualImageSelectorContainer .cardsList {
  padding: 0 20px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@media screen and (min-width: 992px) {
  .dualImageSelectorContainer .cardsList {
    padding: 0;
  }
}

.dualImageSelectorContainer .card {
  position: relative;
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 992px) {
  .dualImageSelectorContainer .card {
    width: calc(50% - 20px);
  }
}

.dualImageSelectorContainer .card .cardImg {
  position: relative;
  margin-bottom: 24px;
  padding-top: 56%;
  overflow: hidden;
}

.dualImageSelectorContainer .card .cardImg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 46px;
  width: 46px;
  background: #00965e url("/ResourcePackages/Factor/assets/images/icon-check-white.svg") center center no-repeat;
  background-size: 26px;
  border-radius: 50%;
  z-index: 1;
}

.dualImageSelectorContainer .card .cardImg img {
  position: absolute;
  top: 50%;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

.dualImageSelectorContainer .card p {
  margin: 0 0 20px;
}

.faqContainer.faq-plus h2 {
  color: #000000;
  text-align: center;
  font-size: 54px;
  font-size: 5.4rem;
  font-family: "BNPPSansCond", sans-serif;
  border: none;
  padding-bottom: 0;
}

.faqContainer.faq-plus h2:after {
  display: none;
}

.faqContainer.faq-plus h3 {
  padding: 10px 40px 10px 20px;
  position: relative;
  margin-top: 12px;
  color: #000000;
  border-bottom: 0;
  background-color: #EFEFEF;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px;
  font-family: "BNPPSansReg";
  font-size: 20px;
  font-size: 2rem;
}

@media screen and (min-width: 766px) {
  .faqContainer.faq-plus h3 {
    padding: 10px 50px 10px 20px;
  }
}

.faqContainer.faq-plus h3:after {
  position: absolute;
  right: 20px;
  top: calc(50% - 7px);
  content: "";
  display: block;
  height: 14px;
  width: 20px;
  background: transparent url("/ResourcePackages/Factor/assets/images/icon-arrow-down.svg") center center no-repeat;
}

.faqContainer.faq-plus .faqItem > div {
  padding: 0 20px;
}

.faqContainer.faq-plus .faqItem > div p {
  padding: 0;
  margin: 0;
}

.faqContainer.faq-plus .faqItem.active div {
  padding: 20px;
}

.faqContainer.faq-plus .faqItem.active h3:after {
  background: transparent url("/ResourcePackages/Factor/assets/images/icon-arrow-up.svg") center center no-repeat;
}

.faqContainer.faq-plus h3 + div {
  margin: 0;
}

.contactFormContainer {
  text-align: center;
  background: #00965e;
}

.contactFormContainer .wrapper {
  max-width: 750px;
  margin: 0 auto;
  padding: 40px 0;
  color: #FFFFFF;
}

.contactFormContainer h2 {
  margin: 0 0 0.5em;
  padding: 0;
  color: #FFFFFF;
  text-align: center;
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 54px;
  font-size: 5.4rem;
}

.contactFormContainer p {
  margin: 0 0 32px;
  padding: 0;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.contactFormContainer .formContainer {
  text-align: left;
  color: #5f5f5f;
  background-color: #FFFFFF;
  padding: 40px;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px;
}

.contactFormContainer .formContainer h3 {
  font-family: "BNPPSansCond", Arial, sans-serif;
  color: #00a91e;
  font-size: 36px;
  font-size: 3.6rem;
  text-transform: uppercase;
}

.contactFormContainer .formContainer h4 {
  font-family: "BNPPSansBold", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}

.contactFormContainer .formContainer p {
  padding-bottom: 1em;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.contactFormContainer .formContainer .errorMessage {
  display: none;
  font-family: "BNPPSansReg", Arial, sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  color: red;
}

.contactFormContainer .formContainer fieldset {
  position: relative;
  margin-bottom: 15px;
}

.contactFormContainer .formContainer fieldset.error {
  color: #f00;
}

.contactFormContainer .formContainer fieldset .errorMessage {
  position: absolute;
  bottom: -16px;
  left: 0;
  font-size: 10px;
  font-size: 1rem;
}

.contactFormContainer .formContainer label {
  display: block;
  font-family: "BNPPSansReg", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.contactFormContainer .formContainer label.required:after {
  content: "*";
  float: right;
}

.contactFormContainer .formContainer label.error {
  color: #f00;
}

.contactFormContainer .formContainer textarea,
.contactFormContainer .formContainer input.text,
.contactFormContainer .formContainer ._input {
  display: block;
  width: 100%;
  font-family: "BNPPSansReg", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  border: 1px solid #d2d2d2;
  outline: 0;
}

.contactFormContainer .formContainer textarea.error,
.contactFormContainer .formContainer input.text.error,
.contactFormContainer .formContainer ._input.error {
  border: 1px solid #f00;
}

.contactFormContainer .formContainer textarea.error + .errorMessage,
.contactFormContainer .formContainer input.text.error + .errorMessage,
.contactFormContainer .formContainer ._input.error + .errorMessage {
  display: block;
}

.contactFormContainer .formContainer textarea {
  height: 130px;
  padding: 0.86em 0.5em;
  resize: none;
}

.contactFormContainer .formContainer input.text,
.contactFormContainer .formContainer ._input {
  padding: 0.86em 0.5em;
}

.contactFormContainer .formContainer .input--checkbox {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 15px;
  /* checkbox aspect */
  /* checked mark aspect */
}

.contactFormContainer .formContainer .input--checkbox .error + .input--checkbox__label {
  color: red;
}

.contactFormContainer .formContainer .input--checkbox .error + .input--checkbox__label:before {
  border-color: red;
}

.contactFormContainer .formContainer .input--checkbox [type="checkbox"] {
  visibility: hidden;
  position: absolute;
}

.contactFormContainer .formContainer .input--checkbox .input--checkbox__label .input--checkbox__label:before {
  display: inline-block;
  vertical-align: middle;
}

.contactFormContainer .formContainer .input--checkbox .input--checkbox__label {
  position: relative;
  margin-top: 2px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 200;
  vertical-align: middle;
  cursor: pointer;
  padding-left: 25px;
}

.contactFormContainer .formContainer .input--checkbox .input--checkbox__label p {
  display: inline;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}

.contactFormContainer .formContainer .input--checkbox .input--checkbox__label:before {
  position: absolute;
  left: 0;
}

.contactFormContainer .formContainer .input--checkbox .input--checkbox__label:before {
  content: '';
  width: 18px;
  height: 18px;
  border: 1px solid #d2d2d2;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}

@media screen and (min-width: 992px) {
  .contactFormContainer .formContainer .input--checkbox .input--checkbox__label:before {
    margin-right: 10px;
  }
}

.contactFormContainer .formContainer .input--checkbox .input--checkbox__label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 18px;
  height: 18px;
  display: block;
  background-color: #00965e;
  opacity: 0;
  transition: 0.5s all ease;
}

.contactFormContainer .formContainer .input--checkbox [type="checkbox"]:checked + .input--checkbox__label:after {
  opacity: 1;
}

.contactFormContainer .formContainer .column {
  display: inline-block;
  width: 100%;
  padding: 0;
  vertical-align: top;
}

.contactFormContainer .formContainer .column.error {
  color: #f00;
}

@media screen and (min-width: 766px) {
  .contactFormContainer .formContainer .column {
    width: 49.8%;
    margin-bottom: 5px;
    padding: 0 10px 0 0;
  }
  .contactFormContainer .formContainer .column:last-of-type {
    width: calc(49% - 30px);
    margin-left: 30px;
  }
}

@media screen and (min-width: 766px) {
  .contactFormContainer .formContainer .column + .column {
    padding: 0 0 0 10px;
  }
}

.contactFormContainer .formContainer .submitContainer {
  text-align: center;
}

.contactFormContainer .formContainer .submitContainer button,
.contactFormContainer .formContainer .submitContainer input[type="submit"] {
  display: inline-block;
  min-width: 145px;
  padding: 12px 18px 10px;
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  background-color: #00965e;
  color: #fff;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: #00965e;
  transition: all .1s ease;
  outline: 0;
  cursor: pointer;
}

.contactFormContainer .formContainer .submitContainer button:hover,
.contactFormContainer .formContainer .submitContainer input[type="submit"]:hover {
  text-decoration: none;
  background-color: transparent;
  border-color: #00965e;
  color: #00965e;
}

.cardOverviewContainerHeader {
  margin-bottom: 40px;
  padding: 40px 0 0;
  color: #FFFFFF;
  background: #00965e;
  text-align: center;
}

.cardOverviewContainerHeader h1 {
  margin: 0;
  padding: 0;
  border: 0;
  margin: 0 0 0.5em;
  padding: 0;
  color: #FFFFFF;
  text-align: center;
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 54px;
  font-size: 5.4rem;
}

.cardOverviewContainerHeader p {
  max-width: 750px;
  margin: 0 auto;
  padding: 0 0 32px;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.cardOverviewContainer.plus .cardOverview {
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
  cursor: pointer;
}

.cardOverviewContainer.plus .cardOverview:hover .cardOverviewImg {
  opacity: 0.8;
}

.cardOverviewContainer.plus .cardOverview .cardOverviewImg {
  height: auto;
  padding-top: 50%;
  transition: 0.5s all ease;
}

.cardOverviewContainer.plus .cardOverview .cardOverviewContent h2 {
  margin: 0.1em 0;
  padding: 0;
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  text-transform: uppercase;
}

.cardOverviewContainer.plus .cardOverview .cardOverviewContent p {
  padding-bottom: 1em;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.cardListContainer {
  background: #DEDEDE;
}

.cardsList.list.plus {
  max-width: 1140px;
}

.cardsList.list.plus > div {
  text-align: center;
  -ms-flex-direction: column !important;
      flex-direction: column !important;
}

.cardsList.list.plus > div > * {
  width: 100% !important;
  margin: 0;
}

.cardsList.list.plus .card {
  padding: 48px 40px;
}

@media screen and (max-width: 991px) {
  .cardsList.list.plus .card {
    width: 100%;
  }
}

.cardsList.list.plus .card h3 {
  margin: 0.1em 0;
  padding: 0;
  font-family: "BNPPSansCond", Arial, sans-serif;
  color: #00965e;
  font-size: 40px;
  font-size: 4rem;
  text-transform: uppercase;
}

@media screen and (min-width: 992px) {
  .cardsList.list.plus .card h3 {
    max-width: 200px;
  }
}

.cardsList.list.plus .card p {
  color: #000000;
  margin: 0;
  padding: 0;
  font-family: "BNPPSansReg", Arial, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2;
}

@media screen and (min-width: 992px) {
  .cardsList.list.plus .card p {
    max-width: 170px;
    font-size: 20px;
    font-size: 2rem;
  }
}

.homeIntro.plus {
  padding: 40px 20px;
  color: #FFFFFF;
  background-color: #00965e;
  text-align: center;
  border-bottom: 0;
}

.homeIntro.plus h2 {
  margin: 0;
  padding: 0;
  border: 0;
  margin: 0 0 0.5em;
  padding: 0;
  color: #FFFFFF;
  text-align: center;
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 54px;
  font-size: 5.4rem;
}

.homeIntro.plus p {
  margin: 0;
  padding: 0 0 32px;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.homeIntro.plus p.intro {
  max-width: 750px;
}

.homeIntro.plus .card {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 765px) {
  .homeIntro.plus .card {
    padding-left: 0 !important;
    margin-bottom: 0 !important;
  }
}

.homeIntro.plus .card img {
  display: block !important;
}

@media screen and (max-width: 765px) {
  .homeIntro.plus .card img {
    max-width: 70px;
    height: auto;
  }
}

.homeIntro.plus .card p {
  margin: 20px 0;
  display: block;
  font-family: "BNPPSansReg", Arial, sans-serif !important;
  font-size: 1.8rem !important;
}

@media screen and (max-width: 765px) {
  .homeIntro.plus .card p {
    text-align: center;
  }
}

.cardProcessPlusContainer {
  padding: 40px 20px;
  background: #DEDEDE;
}

.cardProcessPlusContainer h2 {
  margin: 0;
  padding: 0;
  border: 0;
  margin: 0 0 0.5em;
  padding: 0;
  color: #000000;
  text-align: center;
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 54px;
  font-size: 5.4rem;
}

.cardProcessPlusContainer p {
  margin: 0;
  padding: 0 0 32px;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.cardProcessPlusContainer .card {
  position: relative;
  text-align: center;
  max-width: 250px !important;
}

@media screen and (min-width: 766px) {
  .cardProcessPlusContainer .card:after {
    content: "";
    position: absolute;
    top: 96px;
    right: -6%;
    display: block;
    height: 1px;
    width: 12%;
    background-color: #00965e;
  }
}

.cardProcessPlusContainer .card:last-of-type:after {
  display: none;
}

.cardProcessPlusContainer .card img {
  width: 100%;
}

.cardProcessPlusContainer .card span.number {
  position: absolute;
  left: 4px;
  top: 4px;
  background: #FFFFFF;
  font-size: 32px;
  height: 46px;
  width: 46px;
  line-height: 50px;
  border-radius: 50%;
  color: #000000;
  text-align: center;
}

.cardProcessPlusContainer .card p {
  margin: 20px 0 !important;
  text-align: center !important;
  font-family: "BNPPSansReg", Arial, sans-serif !important;
  color: #000000;
}

.sliderPlusContainer {
  padding: 40px 20px;
}

.sliderPlusContainer h2 {
  margin: 0;
  padding: 0;
  border: 0;
  margin: 0 0 0.5em;
  padding: 0;
  color: #000000;
  text-align: center;
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 54px;
  font-size: 5.4rem;
}

.sliderPlusContainer p {
  margin: 0;
  padding: 0 0 32px;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.sliderPlusContainer .sliderPlus {
  position: relative;
  margin: 0 20px 20px;
  padding: 20px 0 35px !important;
  overflow: hidden;
}

@media screen and (min-width: 992px) {
  .sliderPlusContainer .sliderPlus {
    margin: 0 20px 20px;
    padding: 0;
  }
}

@media screen and (min-width: 1160px) {
  .sliderPlusContainer .sliderPlus {
    max-width: 1140px;
    margin: 0 auto;
  }
}

.sliderPlusContainer .sliderPlus:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 24%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
  /* IE6-9 */
  z-index: 4;
}

.sliderPlusContainer .sliderPlus:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 24%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
  /* IE6-9 */
  z-index: 4;
}

.sliderPlusContainer .sliderPlus .swiper-slide {
  padding: 0;
  border: 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 12px;
}

.sliderPlusContainer .sliderPlus .swiper-slide .slideContent {
  position: relative;
  text-align: center;
}

.sliderPlusContainer .sliderPlus .swiper-slide .slideContent h2 {
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 32px;
  font-size: 3.2rem;
}

.sliderPlusContainer .sliderPlus .swiper-slide .slideContent span {
  display: block;
  color: #000000;
  padding: 12px 0;
  font-family: "BNPPSansReg", Arial, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
}

.sliderPlusContainer .sliderPlus .swiper-slide .slideContent span:hover {
  text-decoration: none;
}

.sliderPlusContainer .sliderPlus .swiper-slide .slideImg {
  position: relative;
  padding-top: 56%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
}

.sliderPlusContainer .sliderPlus .buttonContain {
  margin-top: 20px;
}

@media screen and (min-width: 992px) {
  .sliderPlusContainer .sliderPlus .buttonContain {
    position: absolute;
    left: 0;
    top: 42%;
    bottom: auto;
    width: 100%;
    margin-top: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.sliderPlusContainer .sliderPlus .swiper-button-prev,
.sliderPlusContainer .sliderPlus .swiper-button-next {
  top: 0;
}

.sliderPlusContainer .sliderPlus .swiper-pagination-fraction,
.sliderPlusContainer .sliderPlus .swiper-pagination-custom,
.sliderPlusContainer .sliderPlus .carouselProduct-horizontal > .swiper-pagination-bullets {
  bottom: 0;
}

.hidden-sm,
.hidden-md,
.hidden-lg,
.hidden-xl {
  display: block;
}

.hidden-sm--inline-block,
.hidden-md--inline-block,
.hidden-lg--inline-block,
.hidden-xl--inline-block {
  display: inline-block;
}

.hidden-sm--inline,
.hidden-md--inline,
.hidden-lg--inline,
.hidden-xl--inline {
  display: inline;
}

.hidden-xs,
.hidden-xs--inline,
.hidden-xs--inline-block {
  display: none;
}

@media screen and (min-width: 766px) {
  .hidden-xs {
    display: block;
  }
}

@media screen and (min-width: 766px) {
  .hidden-xs--inline {
    display: inline;
  }
}

@media screen and (min-width: 766px) {
  .hidden-xs--inline-block {
    display: inline-block;
  }
}

@media screen and (min-width: 766px) {
  .hidden-sm,
  .hidden-sm--inline,
  .hidden-sm--inline-block {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .hidden-sm {
    display: block;
  }
}

@media screen and (min-width: 992px) {
  .hidden-sm--inline {
    display: inline;
  }
}

@media screen and (min-width: 992px) {
  .hidden-sm--inline-block {
    display: inline-block;
  }
}

@media screen and (min-width: 992px) {
  .hidden-md,
  .hidden-md--inline,
  .hidden-md--inline-block {
    display: none;
  }
}

@media screen and (min-width: 1160px) {
  .hidden-md {
    display: block;
  }
}

@media screen and (min-width: 1160px) {
  .hidden-md--inline {
    display: inline;
  }
}

@media screen and (min-width: 1160px) {
  .hidden-md--inline-block {
    display: inline-block;
  }
}

@media screen and (min-width: 1600px) {
  .hidden-lg {
    display: block;
  }
}

@media screen and (min-width: 1160px) {
  .hidden-lg,
  .hidden-lg--inline,
  .hidden-lg--inline-block {
    display: none;
  }
}

@media screen and (min-width: 1600px) {
  .hidden-lg--inline {
    display: inline;
  }
}

@media screen and (min-width: 1600px) {
  .hidden-lg--inline-block {
    display: inline-block;
  }
}

@media screen and (min-width: 1600px) {
  .hidden-xl,
  .hidden-xl--inline,
  .hidden-xl--inline-block {
    display: none;
  }
}

.visible-xs {
  display: block;
}

.visible-xs--inline {
  display: inline;
}

.visible-xs--inline-block {
  display: inline-block;
}

@media screen and (min-width: 766px) {
  .visible-xs,
  .visible-xs--inline,
  .visible-xs--inline-block {
    display: none;
  }
}

@media screen and (min-width: 766px) {
  .visible-sm {
    display: block;
  }
}

@media screen and (min-width: 766px) {
  .visible-sm--inline {
    display: inline;
  }
}

@media screen and (min-width: 766px) {
  .visible-sm--inline-block {
    display: inline-block;
  }
}

@media screen and (min-width: 992px) {
  .visible-sm,
  .visible-sm--inline,
  .visible-sm--inline-block {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .visible-md {
    display: block;
  }
}

@media screen and (min-width: 992px) {
  .visible-md--inline {
    display: inline;
  }
}

@media screen and (min-width: 992px) {
  .visible-md--inline-block {
    display: inline-block;
  }
}

@media screen and (min-width: 1160px) {
  .visible-md,
  .visible-md--inline,
  .visible-md--inline-block {
    display: none;
  }
}

@media screen and (min-width: 1160px) {
  .visible-lg {
    display: block;
  }
}

@media screen and (min-width: 1160px) {
  .visible-lg--inline {
    display: inline-block;
  }
}

@media screen and (min-width: 1160px) {
  .visible-lg--inline-block {
    display: inline-block;
  }
}

@media screen and (min-width: 1600px) {
  .visible-lg,
  .visible-lg--inline,
  .visible-lg--inline-block {
    display: none;
  }
}

@media screen and (min-width: 1600px) {
  .visible-xl {
    display: block;
  }
}

@media screen and (min-width: 1600px) {
  .visible-xl--inline {
    display: inline;
  }
}

@media screen and (min-width: 1600px) {
  .visible-xl--inline-block {
    display: inline-block;
  }
}

.hidden {
  display: none;
}

.visible {
  display: block;
}

.invisible {
  visibility: hidden;
  -ms-transform: scale(0);
      transform: scale(0);
  opacity: 0;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
/*# sourceMappingURL=main.css.map */
.formContentContainer {
  margin: 15px auto 50px;
  max-width: 750px;
}

.formContentContainer .date {
  color: #999999;
  font-size: 16px;
  font-size: calc(1.6 + rem);
  padding-bottom: 10px;
}

.formContentContainer h2 {
  margin: 0.1em 0;
  padding: 0;
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 35px;
  font-size: calc(3.5 + rem);
  text-transform: uppercase;
  color: #00a91e;
}
@media screen and (min-width: 992px) {

  .formContentContainer h2 {
    font-size: 54px;
    font-size: calc(5.4 + rem);
  }
}

.formContentContainer h3,
.formContentContainer h4,
.formContentContainer h5,
.formContentContainer h6 {
  margin: 0.1em 0;
  padding: 0;
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 32px;
  font-size: calc(3.2 + rem);
  text-transform: uppercase;
}

.formContentContainer h4 {
  font-size: 30px;
  font-size: calc(3 + rem);
}

.formContentContainer h5 {
  font-size: 26px;
  font-size: calc(2.6 + rem);
}

.formContentContainer h6 {
  font-family: "BNPPSans", Arial, sans-serif;
  font-size: 16px;
  font-size: calc(1.6 + rem);
  text-transform: none;
}

.formContentContainer .socialShare {
  font-size: 14px;
  font-size: calc(1.4 + rem);
  margin-bottom: 20px;
}

.formContentContainer .socialShare a {
  margin-right: 5px;
}

.formContentContainer .introduction {
  font-size: 20px;
  font-size: calc(2 + rem);
  font-style: italic;
  color: #5f5f5f;
  line-height: 1.5;
  margin-bottom: 2em;
}

.formContentContainer img {
  display: block;
  height: auto;
  width: 100%;
  max-width: 100%;
  margin-bottom: 3em;
}

.formContentContainer p {
  padding-bottom: 1em;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: calc(1.6 + rem);
  line-height: 1.5;
}

.formContentContainer p strong,
.formContentContainer p b {
  font-family: "BNPPSans", Arial, sans-serif;
  font-weight: normal;
}

.formContentContainer p em,
.formContentContainer p i {
  font-style: italic;
}

.formContentContainer ul,
.formContentContainer ol {
  margin: 0 0 1.5em 1em;
  padding: 0;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: calc(1.6 + rem);
  line-height: 1.5;
  list-style-position: inside;
}

.formContentContainer ul li,
.formContentContainer ol li {
  list-style: inherit;
  margin-bottom: 0.5em;
}

.formContentContainer ul li:before,
.formContentContainer ol li:before {
  content: "";
  display: inline-block;
  height: 1rem;
  width: 0.5rem;
  margin-left: -5px;
}

.formContentContainer ul li:before {
  margin-left: -1em;
}

.formContentContainer .iframeContainer {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.formContentContainer .iframeContainer iframe,
.formContentContainer .iframeContainer object,
.formContentContainer .iframeContainer embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.formContentContainer {
  margin: 15px auto 50px;
  max-width: 750px;
}
.formContentContainer h2 {
  text-align: left;
}
.formContentContainer .faq-item {
  margin: 30px 0;
}
.formContentContainer .faq-item .faq-question {
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.formContentContainer .faq-item .faq-answer {
  margin: 0;
  padding: 0;
}
.formContentContainer .error-message {
  padding: 0;
  margin: 10px 0 0;
  font-size: 14px !important;
  color: #f00;
  display: none;
}
.formContentContainer .has-error label {
  color: #f00;
}
.formContentContainer .has-error input, 
.formContentContainer .has-error textarea,
.formContentContainer .has-error select
 {
  border: 1px solid #f00 !important;
}
.formContentContainer .has-error .error-message {
  display: block;
}
.formContentContainer .formContactContainer {
  position: static;
}
.formContentContainer .formContactContainer .FormContactPanel {
  position: static;
  top: 0;
  right: -100%;
  padding: 0;
  width: 100%;
  height: auto;
  background-color: #fff;
  overflow: auto;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
@media screen and (min-width: 992px) {
  .formContentContainer .formContactContainer .FormContactPanel {
    right: -830px;
    width: 830px;
    padding: 0;
  }
}
.formContentContainer .formContactContainer .FormContactPanel h3 {
  font-family: "BNPPSansCond", Arial, sans-serif;
  color: #00a91e;
  font-size: 36px;
  font-size: calc(3.6 + rem);
  text-transform: uppercase;
}
.formContentContainer .formContactContainer .FormContactPanel h4 {
  font-family: "BNPPSansBold", Arial, sans-serif;
  font-size: 16px;
  font-size: calc(1.6 + rem);
}
@media screen and (max-width: 768px) {
  .formContentContainer .formContactContainer .FormContactPanel .fieldsContainer {
    padding-top: 30px;
  }
  .formContentContainer .formContactContainer .FormContactPanel .fieldsContainer h4 {
    display: none;
  }
}
.formContentContainer .formContactContainer .FormContactPanel p {
  padding-bottom: 1em;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: calc(1.6 + rem);
  line-height: 1.5;
}
.formContentContainer .formContactContainer .FormContactPanel fieldset {
  margin-bottom: 15px;
}
.formContentContainer .formContactContainer .FormContactPanel fieldset.error {
  color: #f00;
}
.formContentContainer .formContactContainer .FormContactPanel label {
  display: block;
  font-family: "BNPPSansLight", Arial, sans-serif;
  font-size: 16px;
  font-size: calc(1.6 + rem);
  line-height: 1.5;
}
.formContentContainer .formContactContainer .FormContactPanel label.required:after {
  content: "*";
  padding-right: 20px;
}
.formContentContainer .formContactContainer .FormContactPanel label.error {
  color: #f00;
}
.formContentContainer .formContactContainer .FormContactPanel textarea,
.formContentContainer .formContactContainer .FormContactPanel input.text,
.formContentContainer .formContactContainer .FormContactPanel input.checkbox,
.formContentContainer .formContactContainer .FormContactPanel select {
  display: block;
  width: 100%;
  font-family: "BNPPSansReg", Arial, sans-serif;
  font-size: 16px;
  font-size: calc(1.6 + rem);
  border: 1px solid #d2d2d2;
  outline: 0;
}
.formContentContainer .formContactContainer .FormContactPanel textarea.error,
.formContentContainer .formContactContainer .FormContactPanel input.text.error,
.formContentContainer .formContactContainer .FormContactPanel input.checkbox.error,
.formContentContainer .formContactContainer .FormContactPanel select.error {
  border: 1px solid #f00;
}
.formContentContainer .formContactContainer .FormContactPanel textarea {
  height: 300px;
  padding: 0.86em 0.5em;
  resize: none;
}
.formContentContainer .formContactContainer .FormContactPanel input.text {
  padding: 0.86em 0.5em;
}
.formContentContainer .formContactContainer .FormContactPanel select {
  padding: 13px 10px;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7rem top 50%;
  background-size: 0.65rem auto;
}
.formContentContainer .formContactContainer .FormContactPanel .form-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.formContentContainer .formContactContainer .FormContactPanel input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: #d2d2d2;
  width: 1.15em;
  height: 1.15em;
  border: 1px solid #d2d2d2;
  -webkit-transform: translateY(-0.075em);
          transform: translateY(-0.075em);
  display: grid;
  place-content: center;
  margin-right: 10px;
}
.formContentContainer .formContactContainer .FormContactPanel .form-control + .form-control {
  margin-top: 1em;
}
.formContentContainer .formContactContainer .FormContactPanel input[type=checkbox]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms transform ease-in-out;
  transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
  -webkit-box-shadow: inset 1em 1em #00a91e;
          box-shadow: inset 1em 1em #00a91e;
  background-color: CanvasText;
}
.formContentContainer .formContactContainer .FormContactPanel input[type=checkbox]:checked::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.formContentContainer .formContactContainer .FormContactPanel .column {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
  vertical-align: top;
}
.formContentContainer .formContactContainer .FormContactPanel .column.error {
  color: #f00;
}
@media screen and (min-width: 769px) {
  .formContentContainer .formContactContainer .FormContactPanel .column {
    width: 49%;
    margin-bottom: 5px;
  }
  .formContentContainer .formContactContainer .FormContactPanel .column:last-of-type {
    width: calc(49% - 30px);
    margin-left: 30px;
  }
}
.formContentContainer .formContactContainer .FormContactPanel .field-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.formContentContainer .formContactContainer .FormContactPanel .submitContainer {
  text-align: center;
}
.formContentContainer .formContactContainer .FormContactPanel .submitContainer {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .formContentContainer .formContactContainer .FormContactPanel .submitContainer .loading-spinner {
    width: auto;
  }
}
.formContentContainer .formContactContainer .FormContactPanel .submitContainer button,
.formContentContainer .formContactContainer .FormContactPanel .submitContainer input[type="button"]  {
  display: inline-block;
  min-width: 145px;
  padding: 12px 18px 10px;
  font-family: "BNPPSansCond", Arial, sans-serif;
  font-size: 16px;
  font-size: calc(1.6 + rem);
  text-transform: uppercase;
  background-color: #00965e;
  color: #fff;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: #00965e;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  outline: 0;
}
.formContentContainer .formContactContainer .FormContactPanel .submitContainer button:hover,
.formContentContainer .formContactContainer .FormContactPanel .submitContainer input[type="button"]:hover
 {
  text-decoration: none;
  background-color: transparent;
  border-color: #00965e;
  color: #00965e;
}